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/ vector.css"

From Dwarf Fortress Wiki
Jump to navigation Jump to search
m
m (Alef moved page User:Alef/vector.css to User:Alef/ vector.css: disable)
 
(13 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
/* my colors.txt */
 
/* my colors.txt */
 
:root {
 
:root {
     --BLACK: rgba(0,0,0,1);
+
     --BLACK: rgba(28,28,28,1);
     --BLUE: rgba(45,90,160,1);
+
     --BLUE: rgba(32,125,241,1);
 
     --GREEN: rgba(80,135,20,1);
 
     --GREEN: rgba(80,135,20,1);
 
     --CYAN: rgba(25,140,140,1);
 
     --CYAN: rgba(25,140,140,1);
Line 28: Line 28:
 
body, mw-body {
 
body, mw-body {
 
     font-family: 'Press Start 2P', 'Sitka Small';
 
     font-family: 'Press Start 2P', 'Sitka Small';
 +
    font-size: 10px;
 +
    line-height: 12px;
 +
    text-align: justify
 
}
 
}
  
Line 76: Line 79:
 
#footer ul li {
 
#footer ul li {
 
     color: var(--color);
 
     color: var(--color);
 +
}
 +
 +
.suggestions-result {
 +
    color: var(--color) !important;
 +
}
 +
 +
.suggestions-result-current {
 +
    color: var(--WHITE) !important;
 +
}
 +
 +
.tocnumber {
 +
    color: var(--CYAN);
 +
}
 +
 +
body.skin-vector div#mw-panel,
 +
body.skin-vector div#p-logo {
 +
    width: 10em /* from #mw-panel */
 +
}
 +
 +
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
 +
    color: var(--WHITE) !important;
 +
}
 +
 +
code {
 +
    color: var(--LGRAY);
 
}
 
}

Latest revision as of 20:22, 7 January 2023

@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(28,28,28,1);
    --BLUE: rgba(32,125,241,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 {
    font-family: 'Press Start 2P', 'Sitka Small';
    font-size: 10px;
    line-height: 12px;
    text-align: justify
}

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

h1, h2, .mw-editsection, .mw-editsection-like {
    font-family: inherit !important;
}

a:hover {
    color: var(--LBLUE) !important;
}

a:visited {
    color: var(--LCYAN) !important;
}

a:link {
    color: var(--LCYAN) !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;
}

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

h1, h2, h3, h4, h5, h6 {
    color: var(--color) !important;
}

#simpleSearch input, #searchInput {
    color: var(--color) !important;
}

pre,
.content, .mw-code,
#footer ul li {
    color: var(--color);
}

.suggestions-result {
    color: var(--color) !important;
}

.suggestions-result-current {
    color: var(--WHITE) !important;
}

.tocnumber {
    color: var(--CYAN);
}

body.skin-vector div#mw-panel,
body.skin-vector div#p-logo {
    width: 10em /* from #mw-panel */
}

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
    color: var(--WHITE) !important;
}

code {
    color: var(--LGRAY);
}