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
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');
 +
/* 'Press Start 2P' = similar to game */
 +
 +
/* my colors.txt */
 
:root {
 
: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 22: Line 25:
 
}
 
}
  
/* Same font as TTF */
+
/* 'Sitka Small' = My TTF */
 
body, .mw-body h1.firstHeading {
 
body, .mw-body h1.firstHeading {
     font-family: "Sitka Small";
+
     font-family: 'Press Start 2P', 'Sitka Small';
 
}
 
}
  
Line 31: Line 34:
 
}
 
}
  
* {
+
#p-logo-text a {
    background: var(--background-color);
+
     color: var(--BLUE) !important;
     color: var(--color);
 
 
}
 
}
  
#mw-header-container, #mw-content-container, #mw-content-block, #mw-content-wrapper,
+
#mw-content-container {
#mw-content, #content, #body-content, #mw-header-nav-hack, #mw-site-navigation,
+
     border-bottom-color: var(--LGRAY);
#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 */
+
#mw-content-text > div > div > div > div > div > b {
table.infobox > * > tr > th {
+
     background-color: rgba(0,0,0,1) !important;
     background: var(--background-color) !important;
 
    color: var(--color) !important;
 
 
}
 
}
  
Line 54: Line 49:
 
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 {
 
    background: var(--background-color);
 
}
 
  
 
/* Thick underline */
 
/* Thick underline */
Line 72: Line 62:
 
div[style*=float] {
 
div[style*=float] {
 
     background-color: rgba(0,0,0,1) !important;
 
     background-color: rgba(0,0,0,1) !important;
 +
}
 +
 +
#mp-topbanner tbody tr td {
 +
    background-color: var(--BLACK) !important;
 
}
 
}
  
 
/* Keyboard keys */
 
/* Keyboard keys */
 
.keyboard-key {
 
.keyboard-key {
     color: var(--background-color);
+
     color: var(--GREEN) !important;
     border: 1px solid #aaa;
+
     border: 1px solid var(--GREEN) !important;
     border-radius: 0.2em;
+
     box-shadow: 0 0 0 !important;
     -webkit-border-radius: 0.2em;
+
     background-color: var(--BLACK) !important ;
     -moz-border-radius: 0.2em;
+
     background-image: none !important;
    -o-border-radius: 0.2em;
+
}
    -ms-border-radius: 0.2em;
+
 
 +
input[type='checkbox']:default {
 +
  background-color: var(--CYAN) !important;
 +
}
 +
 
 +
input[type='checkbox']:checked {
 +
  background: var(--RED) !important;
 +
}
 +
 
  
    box-shadow: 0.1em 0.2em 0.2em var(--DGRAY);
+
/* Anything else black&white */
/*
+
* {
    -moz-box-shadow: 0.1em 0.2em 0.2em #ddd;
+
     background-color: var(--background-color) !important;
    -webkit-box-shadow: 0.1em 0.2em 0.2em #ddd;
+
     color: var(--color) !important;
*/
 
     background-color: var(--BLACK) /* #f9f9f9 */ !important ;
 
     background-image: linear-gradient(to bottom, var(--WHITE), var(--LGRAY), var(--DGRAY)) !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);
 
*/
 
    padding: 0.1em 0.3em;
 
    font-family: inherit;
 
    font-size: 0.9em;
 
 
}
 
}

Latest revision as of 16:26, 21 February 2020

@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');
/* 'Press Start 2P' = similar to game */

/* my colors.txt */
:root {
    --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);
}

/* 'Sitka Small' = My TTF */
body, .mw-body h1.firstHeading {
    font-family: 'Press Start 2P', 'Sitka Small';
}

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

#p-logo-text a {
    color: var(--BLUE) !important;
}

#mw-content-container {
    border-bottom-color: var(--LGRAY);
}

#mw-content-text > div > div > div > div > div > b {
    background-color: rgba(0,0,0,1) !important;
}

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

/* 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;
}

#mp-topbanner tbody tr td {
    background-color: var(--BLACK) !important;
}

/* Keyboard keys */
.keyboard-key {
    color: var(--GREEN) !important;
    border: 1px solid var(--GREEN) !important;
    box-shadow: 0 0 0 !important;
    background-color: var(--BLACK) !important ;
    background-image: none !important;
}

input[type='checkbox']:default {
   background-color: var(--CYAN) !important;
}

input[type='checkbox']:checked {
   background: var(--RED) !important;
}


/* Anything else black&white */
* {
    background-color: var(--background-color) !important;
    color: var(--color) !important;
}