819
edits
Difference between revisions of "User:Polymorph-Ash/vector.css"
Jump to navigation
Jump to search
no edit summary
| Line 14: | Line 14: | ||
} | } | ||
/*overarching fonts*/ | |||
#content { | |||
color:var(--maintext); | |||
font-family:var(--mainfont); | |||
} | |||
#content h1, | |||
#content h2, | |||
#content h3, | |||
#content h4, | |||
#content h5, | |||
#content h6 { | |||
color:var(--headertext); | |||
font-weight:normal; | |||
font-family:var(--headerfont); | |||
border-color:var(--smallborders); | |||
} | |||
/*adds a layer for background transparency and blur*/ | /*adds a layer for background transparency and blur*/ | ||
body::before { | body::before { | ||
| Line 37: | Line 55: | ||
background-position:center; | background-position:center; | ||
background-size:cover; | background-size:cover; | ||
} | } | ||
| Line 88: | Line 81: | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
#mw-head .vector-menu-content { | |||
background-color:rgba(42, 22, 15, 0.5); | |||
border-color:var(--smallborders); | |||
margin:0.2em; | |||
border-radius:5px; | |||
} | |||
#mw-head .vector-menu-content, #mw-head .vector-menu-content a, #mw-head .vector-menu-content ul, #mw-head .vector-menu-content li {color:var(--whitetextandbg)} | |||
] | |||
.vector-menu-tabs, | .vector-menu-tabs, | ||
| Line 94: | Line 97: | ||
background-color:rgba(var(--orange),0.85); | background-color:rgba(var(--orange),0.85); | ||
border-color:var(--bordercolour); | border-color:var(--bordercolour); | ||
border-radius: | border-radius:20px 20px 0px 0px; | ||
color:var(--whitetextandbg); | color:var(--whitetextandbg); | ||
} | } | ||
| Line 101: | Line 104: | ||
background-image: linear-gradient(rgba(182,110,35,0),rgba(182,110,35,0.8)); | background-image: linear-gradient(rgba(182,110,35,0),rgba(182,110,35,0.8)); | ||
background-repeat: repeat; | background-repeat: repeat; | ||
} | |||
#left-navigation a, #right-navigation a, #left-navigation, #right-navigation, #left-navigation li, #right-navigation li { | |||
background:transparent; | |||
border-color:var(--bordercolour); | |||
} | |||
.vector-menu-dropdown, .vector-menu-dropdown a, .vector-menu-dropdown li { | |||
background:transparent; | |||
border:none; | |||
} | |||
.vector-user-menu-legacy { | |||
background:transparent; | |||
border:none; | |||
} | |||
#mw-head .vector-menu-content { | |||
background-color:rgba(42, 22, 15, 0.5); | |||
border-color:var(--smallborders); | |||
margin:0.2em; | |||
border-radius:5px; | |||
} | |||
#mw-head .vector-menu-content, #mw-head .vector-menu-content a, #mw-head .vector-menu-content ul, #mw-head .vector-menu-content li {color:var(--whitetextandbg)} | |||
#searchInput, #searchInput a { | |||
color:var(--maintext); | |||
background-color:rgba(255, 255, 243, 0.9); | |||
border-radius:10px; | |||
} | |||
.vector-menu-portal { | |||
background-color:var(--tablecolour3); | |||
box-shadow: inset 0 0 1.5vw 0.2vw #d4b57e; | |||
border-color:var(--bordercolour); | |||
border-style:solid; | |||
border-width:0.15em; | |||
border-radius:10px; | |||
} | |||
.vector-menu-heading { | |||
box-shadow:none!important; | |||
background-color:var(--tablecolour3); | |||
border-radius:20px 20px 0px 0px; | |||
border-color:var(--bordercolour); | |||
border-style:solid; | |||
border-width:0.15em; | |||
} | |||
/*Page that's selected on the side menu*/ | |||
#p-tb-label.vector-menu-heading { | |||
border-radius:10px; | |||
padding:4px; | |||
border-left:4px solid rgba(var(--orange), 0.85); | |||
background:transparent; | |||
background-image:linear-gradient(to right,rgba(var(--orange), 0.85),rgba(var(--orange), 0.85),transparent); | |||
color:var(--whitetextandbg); | |||
font-weight:bold; | |||
} | |||
#left-navigation {margin-left:12em;} | |||
#right-navigation {margin-right:5em;} | |||
/* header */ | |||
.header-box { | |||
background-image: var(--background-image); | |||
background-position: center 75%; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
background-attachment: fixed; | |||
color: var(--whitetextandbg); | |||
font-size: 150%; | |||
font-weight: bold; | |||
font-family: var(--headerfont); | |||
/* bottom-left grey outline + drop shadow */ | |||
text-shadow: | |||
/* subtle grey outline, bottom-left only */ | |||
-2px 2px 0 #000, | |||
/* drop shadow for depth, bottom-left */ | |||
4px 4px 8px rgba(0,0,0,0.7); | |||
border-radius: 10px; | |||
border: 3px groove var(--bordercolour); | |||
outline: 1px solid var(--whitetextandbg); | |||
outline-offset: -6px; | |||
} | |||
/*Welcome page/main page*/ | |||
.header-box { | |||
background-image:var(--background-image); | |||
background-repeat:no-repeat; | |||
background-clip:border-box; | |||
background-position:0% 75%; | |||
background-size:cover; | |||
background-attachment: fixed; | |||
color:var(--whitetextandbg); | |||
font-size:150%; | |||
text-shadow:0px 0px 15px black; | |||
font-weight:bold; | |||
font-family:var(--headerfont); | |||
border-color:var(--bordercolour); | |||
border-radius:15px; | |||
border-style:groove; | |||
border-width:3px; | |||
box-shadow:none; | |||
outline:1px solid var(--whitetextandbg); | |||
outline-offset:-6px; | |||
} | |||
.mainpage-buttons ul li { | |||
background-color:var(--tableheaders); | |||
box-shadow: inset -0.05vw -0.05vw 0.1vw 0.1vw #d4b57e; | |||
border-color:var(--bordercolour); | |||
border-radius:10px; | |||
} | |||
/*main body*/ | |||
#content.mw-body { | |||
background-color:rgba(255, 234, 189, 0.97); | |||
box-shadow: inset 0 0 10vw 1.5vw #d4b57e; | |||
border-color:var(--bordercolour); | |||
border-radius:10px; | |||
border-style:solid; | |||
border-width:0.15em; | |||
margin-right:4%; | |||
} | } | ||