User:QuickQuokka/userpage/styles.css: Difference between revisions
< User:QuickQuokka | userpage
QuickQuokka (talk | contribs) No edit summary |
QuickQuokka (talk | contribs) No edit summary Tag: Manual revert |
||
(14 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
background-color: #124; |
background-color: #124; |
||
min-height: 15em; |
min-height: 15em; |
||
color: # |
color: #f3ede7 !important; |
||
font-size: 115%; |
font-size: 115%; |
||
padding: 3% 5% |
padding: 3% 5% |
||
Line 17: | Line 17: | ||
font-weight: bold; |
font-weight: bold; |
||
font-family: 'Georgia', serif !important; |
font-family: 'Georgia', serif !important; |
||
color: #e4d8ca; |
|||
transition: .2s ease-in-out; |
|||
} |
} |
||
Line 25: | Line 27: | ||
.quokkaHeader .subTitle{ |
.quokkaHeader .subTitle{ |
||
font-size: 200%; |
font-size: 200%; |
||
} |
|||
.quokkaContent .quokkaNavBarContainer{ |
|||
border-radius: 1.5em; |
|||
background-color: #364D6A; |
|||
display: flex; |
|||
} |
|||
.quokkaContent .quokkaNavBarContainer .quokkaNavBar{ |
|||
padding: 1.75em 0 |
|||
} |
} |
||
Line 32: | Line 44: | ||
.quokkaContent .mw-headline{ |
.quokkaContent .mw-headline{ |
||
color: # |
color: #f3ede7 !important; |
||
font-size: 125%; |
font-size: 125%; |
||
font-weight: bold; |
font-weight: bold; |
||
font-family: 'Georgia', serif; |
font-family: 'Georgia', serif !important; |
||
} |
} |
||
.quokkaContent .mw-babel-wrapper{ |
.quokkaContent .mw-babel-wrapper, .quokkaContent figure[typeof="mw:File/Thumb"], .quokkaContent figure[typeof="mw:File/Thumb"] figcaption{ |
||
background: #364d6a; |
background: #364d6a; |
||
border-color: #328f87; |
|||
color: #f3ede7 !important; |
|||
} |
} |
||
.quokkaContent .mw-babel-box.mw-babel-box-N{ |
.quokkaContent .mw-babel-box.mw-babel-box-N td{ |
||
background: # |
background: #6ef7a7; |
||
} |
} |
||
.quokkaContent .mw-babel-box.mw-babel-box-5 td{ |
|||
background: #ffcf4d; |
|||
} |
|||
.quokkaContent .mw-babel-box.mw-babel-box-4 td{ |
|||
background: #77e0e8; |
|||
} |
|||
.quokkaContent .mw-babel-box.mw-babel-box-3 td{ |
|||
background: #99b3ff; |
|||
} |
|||
.quokkaContent .mw-babel-box.mw-babel-box-2 td{ |
|||
background: #bcb9ef; |
|||
} |
|||
.quokkaContent .mw-babel-box.mw-babel-box-1 td{ |
|||
background: #e0c0e0; |
|||
} |
|||
.quokkaContent .mw-babel-box.mw-babel-box-0 td{ |
|||
background: #ffbbbb; |
|||
} |
|||
@media screen and (max-width: 650px){ |
@media screen and (max-width: 650px){ |
||
.quokkaHeader .mainTitle{ |
.quokkaHeader .mainTitle{ |
||
font-size: |
font-size: 9vw; |
||
} |
} |
||
} |
} |
Latest revision as of 16:19, 17 September 2023
.quokkaContent{
border-radius: 1.5em;
border: 0.75em solid #328f87;
background-color: #124;
min-height: 15em;
color: #f3ede7 !important;
font-size: 115%;
padding: 3% 5%
}
.quokkaContent a{
color: #89c6c4 !important;
}
.quokkaHeader{
text-align: center;
font-weight: bold;
font-family: 'Georgia', serif !important;
color: #e4d8ca;
transition: .2s ease-in-out;
}
.quokkaHeader .mainTitle{
font-size: 350%;
}
.quokkaHeader .subTitle{
font-size: 200%;
}
.quokkaContent .quokkaNavBarContainer{
border-radius: 1.5em;
background-color: #364D6A;
display: flex;
}
.quokkaContent .quokkaNavBarContainer .quokkaNavBar{
padding: 1.75em 0
}
.quokkaContent h1, .quokkaContent h2{
border-bottom: none;
}
.quokkaContent .mw-headline{
color: #f3ede7 !important;
font-size: 125%;
font-weight: bold;
font-family: 'Georgia', serif !important;
}
.quokkaContent .mw-babel-wrapper, .quokkaContent figure[typeof="mw:File/Thumb"], .quokkaContent figure[typeof="mw:File/Thumb"] figcaption{
background: #364d6a;
border-color: #328f87;
color: #f3ede7 !important;
}
.quokkaContent .mw-babel-box.mw-babel-box-N td{
background: #6ef7a7;
}
.quokkaContent .mw-babel-box.mw-babel-box-5 td{
background: #ffcf4d;
}
.quokkaContent .mw-babel-box.mw-babel-box-4 td{
background: #77e0e8;
}
.quokkaContent .mw-babel-box.mw-babel-box-3 td{
background: #99b3ff;
}
.quokkaContent .mw-babel-box.mw-babel-box-2 td{
background: #bcb9ef;
}
.quokkaContent .mw-babel-box.mw-babel-box-1 td{
background: #e0c0e0;
}
.quokkaContent .mw-babel-box.mw-babel-box-0 td{
background: #ffbbbb;
}
@media screen and (max-width: 650px){
.quokkaHeader .mainTitle{
font-size: 9vw;
}
}
@media screen and (max-width: 540px){
.quokkaHeader .subTitle{
font-size: 7vw;
}
}