v50 Steam/Premium information for editors
  • v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
  • Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.

Difference between revisions of "User:Alef/timeless.css"

From Dwarf Fortress Wiki
Jump to navigation Jump to search
m
m
Line 1: Line 1:
:root { /* colors.txt */
+
:root {
 +
    /* ref a colors.txt */
 
     --BLACK: rgba(0,0,0,1);
 
     --BLACK: rgba(0,0,0,1);
 
     --BLUE: rgba(45,90,160,1);
 
     --BLUE: rgba(45,90,160,1);
Line 16: Line 17:
 
     --YELLOW: rgba(230,170,30,1);
 
     --YELLOW: rgba(230,170,30,1);
 
     --WHITE: rgba(232,227,232,1);
 
     --WHITE: rgba(232,227,232,1);
 +
 
     --background-color: var(--BLACK);
 
     --background-color: var(--BLACK);
 
     --color: var(--LGRAY);
 
     --color: var(--LGRAY);
 
}
 
}
  
 +
/* Same font as TTF */
 
body, .mw-body h1.firstHeading {
 
body, .mw-body h1.firstHeading {
 
     font-family: "Sitka Small";
 
     font-family: "Sitka Small";
Line 42: Line 45:
 
}
 
}
  
 +
/* Info box table headers */
 
table.infobox > * > tr > th {
 
table.infobox > * > tr > th {
 
     background: var(--background-color) !important;
 
     background: var(--background-color) !important;
Line 47: Line 51:
 
}
 
}
  
 +
/* Hyperlinks */
 
a { color: var(--LCYAN); }
 
a { color: var(--LCYAN); }
 
a:visited { color: var(--CYAN); }
 
a:visited { color: var(--CYAN); }
  
 +
/* Horizontal colored rulers */
 
.color-right, .color-middle {
 
.color-right, .color-middle {
 
     background: var(--background-color);
 
     background: var(--background-color);
 
}
 
}
  
 +
/* Thick underline */
 
#mw-page-header-links li.selected, .mw-body h1.firstHeading {
 
#mw-page-header-links li.selected, .mw-body h1.firstHeading {
 
     border-bottom-color: var(--LCYAN);
 
     border-bottom-color: var(--LCYAN);
 
}
 
}
  
.keyboard-key {
+
/* Floating boxes */
    color: var(--background-color);
 
}
 
 
 
 
div[style*=float]>div[style*=background]>b {
 
div[style*=float]>div[style*=background]>b {
 
     background-color: rgba(0,0,0,0);  
 
     background-color: rgba(0,0,0,0);  
Line 68: Line 72:
 
div[style*=float] {
 
div[style*=float] {
 
     background-color: rgba(0,0,0,1) !important;
 
     background-color: rgba(0,0,0,1) !important;
 +
}
 +
 +
/* Keyboard keys */
 +
span .keyboard-key {
 +
    color: var(--background-color);
 +
    border: 1px solid #aaa;
 +
    border-radius: 0.2em;
 +
    -webkit-border-radius: 0.2em;
 +
    -moz-border-radius: 0.2em;
 +
    -o-border-radius: 0.2em;
 +
    -ms-border-radius: 0.2em;
 +
    -moz-box-shadow: 0.1em 0.2em 0.2em #ddd;
 +
    -webkit-box-shadow: 0.1em 0.2em 0.2em #ddd;
 +
    box-shadow: 0.1em 0.2em 0.2em #ddd;
 +
    background-color: var(--LGRAY) /* #f9f9f9 */ !important ;
 +
    background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee);
 +
    background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee);
 +
    background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee);
 +
    background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
 +
    padding: 0.1em 0.3em;
 +
    font-family: inherit;
 +
    font-size: 0.9em;
 
}
 
}

Revision as of 18:45, 4 January 2020

:root {
    /* ref a colors.txt */
    --BLACK: rgba(0,0,0,1);
    --BLUE: rgba(45,90,160,1);
    --GREEN: rgba(80,135,20,1);
    --CYAN: rgba(25,140,140,1);
    --RED: rgba(160,20,10,1);
    --MAGENTA: rgba(135,60,130,1);
    --BROWN: rgba(150,75,55,1);
    --LGRAY: rgba(178,175,172,1);
    --DGRAY: rgba(116,110,113,1);
    --LBLUE: rgba(105,135,225,1);
    --LGREEN: rgba(125,185,55,1);
    --LCYAN: rgba(60,205,190,1);
    --LRED: rgba(220,50,20,1);
    --LMAGENTA: rgba(190,110,185,1);
    --YELLOW: rgba(230,170,30,1);
    --WHITE: rgba(232,227,232,1);

    --background-color: var(--BLACK);
    --color: var(--LGRAY);
}

/* Same font as TTF */
body, .mw-body h1.firstHeading {
    font-family: "Sitka Small";
}

.mw-body h1.firstHeading {
    color: var(--GREEN);
}

* {
    background: var(--background-color);
    color: var(--color);
}

#mw-header-container, #mw-content-container, #mw-content-block, #mw-content-wrapper,
#mw-content, #content, #body-content, #mw-header-nav-hack, #mw-site-navigation,
#mw-related-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #personal .dropdown,
div.editOptions, .mw-highlight pre, .wikiEditor-ui-toolbar, ul#filetoc, .toc, .mw-warning,
.thumbinner, td, th, table.wikitable > * > tr > th {
    background: var(--background-color);
    color: var(--color);
}

/* Info box table headers */
table.infobox > * > tr > th {
    background: var(--background-color) !important;
    color: var(--color) !important;
}

/* Hyperlinks */
a { color: var(--LCYAN); }
a:visited { color: var(--CYAN); }

/* Horizontal colored rulers */
.color-right, .color-middle {
    background: var(--background-color);
}

/* Thick underline */
#mw-page-header-links li.selected, .mw-body h1.firstHeading {
    border-bottom-color: var(--LCYAN);
}

/* Floating boxes */
div[style*=float]>div[style*=background]>b {
    background-color: rgba(0,0,0,0); 
}

div[style*=float] {
    background-color: rgba(0,0,0,1) !important;
}

/* Keyboard keys */
span .keyboard-key {
    color: var(--background-color);
    border: 1px solid #aaa;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -moz-box-shadow: 0.1em 0.2em 0.2em #ddd;
    -webkit-box-shadow: 0.1em 0.2em 0.2em #ddd;
    box-shadow: 0.1em 0.2em 0.2em #ddd;
    background-color: var(--LGRAY) /* #f9f9f9 */ !important ;
    background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
    padding: 0.1em 0.3em;
    font-family: inherit;
    font-size: 0.9em;
}