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

Jump to navigation Jump to search
no edit summary
 
(10 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 31: Line 31:
background: var(--header);
background: var(--header);
border: 2px solid var(--line-color);
border: 2px solid var(--line-color);
box-shadow: none;
}
}


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


Line 79: 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 109: 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 114: 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 190: 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