Difference between revisions of "User:Sakaratte/vector.css"

Jump to navigation Jump to search
no edit summary
(Created page with "→‎All CSS here will be loaded for users of the Vector skin: :root { --header: #1f8b4c; --secondary-header: #fca349; --primary-background: #c69c6d; --border-text: #000000; --new-link: #a53333; --label-color: #ffd28f; --line-color: #000000; --dark-mode-background: #3e3e3e; --dark-mode-secondary-background: darkgrey; --dark-mode-alt-link: #2d456c; --dark-mode-alt-link-new: #9d0303; --dark-mode-text: white; } .wikitable > * > tr > th { background: var(--...")
 
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the Vector skin */
/* All CSS here will be loaded for users of the Vector skin */


:root {
/*:root {
--header: #1f8b4c;
--header: #1f8b4c;
--secondary-header: #fca349;
--secondary-header: #fca349;
Line 28: Line 28:
}
}


.header-box {
.header-box, .mainpage-buttons ul li {
background: var(--header);
background: var(--header);
box-shadow: 2px 2px var(--line-color);
border: 2px solid var(--line-color);
}
box-shadow: none;
 
.mainpage-buttons ul li {
background: var(--header);
box-shadow: 2px 2px var(--line-color);
}
}


.infobox {
.infobox {
box-shadow: 2px 2px var(--line-color);
border: 2px solid var(--line-color);
border: 1px solid var(--line-color);
}
}


Line 84: Line 79:
#catlinks a.new:link, #catlinks a.new:hover, #catlinks a.new:visited {
#catlinks a.new:link, #catlinks a.new:hover, #catlinks a.new:visited {
     color: var(--new-link);
     color: var(--new-link);
    border: 1px solid var(--border-text);
}
}


Line 114: Line 110:
.mainpage-buttons a.new:visited {
.mainpage-buttons a.new:visited {
color: var(--new-link);
color: var(--new-link);
}
#content:before {
content: ' ';
}
.mainpage-rails table {
    background: url(https://media.discordapp.net/attachments/907037114313617458/945440468509007882/Background_Book_Smaller_NoFrame.png);
    background-size: cover;
    padding: 20px;
    background-repeat: no-repeat;
}
.mainpage-frame {
background-color: rgba(0,0,0,0.3);
}
.mainpage-frame:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
background-image: url(https://media.discordapp.net/attachments/907037114313617458/945439436156571679/183602417_473221613953885_5916805616552926719_n.png);
/* background-blend-mode: soft-light; */
/* width: 100%;height: 100%;
background-position: center;
opacity: 0.6;
background-size: cover;
z-index: -1;
}
}


Line 119: Line 144:
/* Dark Mode                          */
/* Dark Mode                          */
/* ################################## */
/* ################################## */
 
/*
.mw-dark-mode, .mw-dark-mode .mw-page-base, .mw-dark-mode .mw-body,  
.mw-dark-mode, .mw-dark-mode .mw-page-base, .mw-dark-mode .mw-body,  
.mw-dark-mode #mw-panel, .mw-dark-mode #mw-head
.mw-dark-mode #mw-panel, .mw-dark-mode #mw-head
Line 195: Line 220:


/* Recent Changes */
/* Recent Changes */
.mw-dark-mode .mw-changeslist h4 {
/*.mw-dark-mode .mw-changeslist h4 {
     color: var(--dark-mode-text);
     color: var(--dark-mode-text);
}
}

Navigation menu