MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
(92 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
body { | body { | ||
background-color: #0e1015; | background-color: #0e1015; | ||
Line 12: | Line 11: | ||
.nav-link { | .nav-link { | ||
color: #cacaca; | |||
font-size: 14px; | |||
margin-left: 0.75rem; | |||
text-transform: uppercase; | |||
} | |||
.nav-link:hover { | |||
color: #fff; | |||
text-decoration: none; | |||
} | |||
.dropdown-menu { | |||
background-color: #333333; | |||
border: none; | |||
border-radius: 0; | |||
} | |||
.dropdown-item { | |||
color: #fff; | |||
} | |||
.dropdown-item:focus, .dropdown-item:hover { | |||
text-decoration: none; | |||
background-color: #1d1d1d; | |||
color: #fff; | |||
} | |||
.dropdown-toggle::after { | |||
color: #f3ca4e; | |||
vertical-align: middle; | |||
} | } | ||
Line 28: | Line 56: | ||
background-color: #13151b; | background-color: #13151b; | ||
color: #999ca3; | color: #999ca3; | ||
padding: 1rem; | padding: 1rem; | ||
} | } | ||
Line 57: | Line 81: | ||
.selflink { | .selflink { | ||
color: #fff; | color: #fff; | ||
font-weight: | font-weight: 500; | ||
} | } | ||
Line 67: | Line 91: | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: #fff; | color: #fff; | ||
margin-top: | margin-top: 2rem; | ||
border-bottom: 1px solid #202328; | border-bottom: 1px solid #202328; | ||
padding-bottom: 0.5rem; | padding-bottom: 0.5rem; | ||
Line 75: | Line 99: | ||
margin-top: 0; | margin-top: 0; | ||
font-weight: 700; | font-weight: 700; | ||
font-size: 2.25rem; | |||
} | } | ||
h2 { | h2 { | ||
font-weight: 500; | font-weight: 500; | ||
font-size: 1.75rem; | |||
} | } | ||
h3 { | h3 { | ||
font-weight: 400; | font-weight: 400; | ||
font-size: 1.25rem; | |||
} | } | ||
Line 111: | Line 138: | ||
padding: 0.75rem 1rem; | padding: 0.75rem 1rem; | ||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
} | } | ||
Line 118: | Line 144: | ||
padding-bottom: 0.5rem; | padding-bottom: 0.5rem; | ||
margin-top: 0; | margin-top: 0; | ||
} | |||
.default-box h2 { | |||
font-size: 1.25rem; | |||
} | } | ||
Line 151: | Line 181: | ||
table, .table { | table, .table { | ||
border: 1px solid | border: 1px solid #202328; | ||
vertical-align: middle; | |||
} | } | ||
table th, .table th { | table th, .table th { | ||
color: #fff!important; | color: #fff!important; | ||
background-color: rgb(255 255 255 / | background-color: rgb(255 255 255 / 10%)!important; | ||
vertical-align: middle; | |||
} | } | ||
.table>:not(caption)>*>* { | .table>:not(caption)>*>* { | ||
background-color: #13151b; | background-color: #13151b; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #202328; | ||
color: #999ca3; | |||
} | } | ||
.table-striped>tbody>tr:nth-of-type(odd)>* { | .table-striped>tbody>tr:nth-of-type(odd)>* { | ||
background-color: rgb(255 255 255 / 3%); | background-color: rgb(255 255 255 / 3%); | ||
color: #999ca3; | |||
} | } | ||
Line 193: | Line 227: | ||
display: none; | display: none; | ||
} | } | ||
/ | div.thumb { | ||
width: auto; | |||
# | background-color: #1a1c22; | ||
padding: 0.5rem; | |||
} | } | ||
div.tright { | |||
margin: 0 0 1rem 1rem; | |||
} | |||
div.tright, div.floatright, table.floatright { | |||
clear: right; | |||
float: right; | |||
} | |||
.thumbcaption { | |||
margin-top: 0.5rem; | |||
} | |||
.thumbinner { | |||
width: min-content!important; | |||
margin: 0 auto; | |||
text-align: center; | |||
} | |||
.form-control { | |||
background-color: #1a1c22; | |||
border: 1px solid #202328; | |||
color: #fff; | |||
} | |||
.form-control:focus { | |||
color: #fff; | |||
background-color: rgb(255 255 255 / 10%); | |||
border: 1px solid #202328; | |||
outline: 0; | |||
box-shadow: none; | |||
} | |||
#searchInput::-webkit-input-placeholder { | |||
color:#999ca3!important; | |||
} | |||
#searchInput::-moz-placeholder { | |||
color:#999ca3!important; | |||
} | |||
#searchInput::-ms-placeholder { | |||
color:#999ca3!important; | |||
} | |||
#searchInput::placeholder { | |||
color:#999ca3!important; | |||
} | |||
.portable-infobox { | |||
background: #13151b; | |||
border: 1px solid rgb(255 255 255 / 8%); | |||
} | |||
.portable-infobox .pi-media { | |||
padding: 0.75rem; | |||
background: rgb(255 255 255 / 3%); | |||
} | |||
.portable-infobox .pi-title { | |||
background: rgb(255 255 255 / 10%); | |||
text-align: center; | |||
font-size: 1.2rem; | |||
margin-bottom: 0.5rem; | |||
display: block!important; | |||
} | |||
.portable-infobox .pi-border-color { | |||
border: none; | |||
} | |||
.portable-infobox p { | |||
margin-bottom: 0.25rem; | |||
} | |||
.pi-data-label { | |||
-ms-flex-preferred-size: 110px; | |||
-moz-flex-basis: 110px; | |||
-webkit-flex-basis: 110px; | |||
flex-basis: 110px; | |||
} | |||
.skill-green { | |||
color: #64e318; | |||
} | |||
.skill-orange { | |||
color: orange; | |||
} | |||
.skill-blue { | |||
color: #3195c6; | |||
} | |||
.skill-yellow { | |||
color: yellow; | |||
} | } | ||
dt { | dt { | ||
color: #fff; | color: #fff; | ||
Line 228: | Line 356: | ||
white-space: break-spaces; | white-space: break-spaces; | ||
} | } | ||
@media (min-width: 50px) { | |||
#ig-tooltip { | |||
display: none; | |||
} | |||
} | |||
@media (max-width: 1080px) { | |||
#sidebar { | |||
display: none; | |||
} | |||
} | |||
@media (max-width: 768px) { | |||
div.tright { | |||
margin: 0 0 1rem 0; | |||
} | |||
div.tright, div.floatright, table.floatright { | |||
clear: none; | |||
float: none; | |||
} | |||
} |
Latest revision as of 16:43, 5 December 2023
body { background-color: #0e1015; font-family: 'Roboto', sans-serif; } .navbar { background-color: #13151b!important; box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 40%); border-bottom: 1px solid #202328; } .nav-link { color: #cacaca; font-size: 14px; margin-left: 0.75rem; text-transform: uppercase; } .nav-link:hover { color: #fff; text-decoration: none; } .dropdown-menu { background-color: #333333; border: none; border-radius: 0; } .dropdown-item { color: #fff; } .dropdown-item:focus, .dropdown-item:hover { text-decoration: none; background-color: #1d1d1d; color: #fff; } .dropdown-toggle::after { color: #f3ca4e; vertical-align: middle; } #sidebar { min-width: 300px; max-width: 300px; margin-left: 1rem; } #page-content { width: 100%; } .page-container { background-color: #13151b; color: #999ca3; padding: 1rem; } a { color: #f3ca4e; text-decoration: none; } a:hover { color: #f3ca4e; text-decoration: underline; } a.new { color: #ff5859; text-decoration: none; } a.new:hover { color: #ff5859; text-decoration: underline; } .selflink { color: #fff; font-weight: 500; } .selflink:hover { color: #fff; text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #fff; margin-top: 2rem; border-bottom: 1px solid #202328; padding-bottom: 0.5rem; } h1 { margin-top: 0; font-weight: 700; font-size: 2.25rem; } h2 { font-weight: 500; font-size: 1.75rem; } h3 { font-weight: 400; font-size: 1.25rem; } h4 { font-weight: 300; } h3, h4, h5, h6 { border-bottom: 0; } footer { font-size: 80%; opacity: 0.5; color: #999ca3; padding: 1rem 0; text-align: center; } footer ul, #toc ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } .default-box { background: rgb(255 255 255 / 3%); padding: 0.75rem 1rem; margin-bottom: 1rem; } .default-box h1, .default-box h2, .default-box h3, .default-box h4, .default-box h5, .default-box h6 { border-bottom: 1px solid #202328; padding-bottom: 0.5rem; margin-top: 0; } .default-box h2 { font-size: 1.25rem; } .class-link { margin-right: 1rem; margin-bottom: 1rem; text-align: center; } .class-link a { margin: 0 auto; } .alert { padding: 1rem; margin-bottom: 1rem; border: none; border-left: 5px solid transparent; border-radius: 0; color: #fff; line-height: 1.7; } .alert-success { border-color: #458e46; background: linear-gradient(135deg,rgb(69 142 70 / 30%) 0%,rgba(255,255,255,0) 100%); } .alert-danger { border-color: #ff3333; background: linear-gradient(135deg,rgb(255 51 51 / 20%) 0%,rgba(255,255,255,0) 100%); } table, .table { border: 1px solid #202328; vertical-align: middle; } table th, .table th { color: #fff!important; background-color: rgb(255 255 255 / 10%)!important; vertical-align: middle; } .table>:not(caption)>*>* { background-color: #13151b; border-bottom: 1px solid #202328; color: #999ca3; } .table-striped>tbody>tr:nth-of-type(odd)>* { background-color: rgb(255 255 255 / 3%); color: #999ca3; } #toc { width: fit-content; background: rgb(255 255 255 / 3%); padding: 0.75rem; margin-bottom: 2rem; } .toctitle h2 { padding-bottom: 0.75rem; margin: 0; border: none; font-size: 1.1rem; } .tocnumber { color: #999ca3; } #toc ul ul { padding-left: 2rem; } .toctogglespan { display: none; } div.thumb { width: auto; background-color: #1a1c22; padding: 0.5rem; } div.tright { margin: 0 0 1rem 1rem; } div.tright, div.floatright, table.floatright { clear: right; float: right; } .thumbcaption { margin-top: 0.5rem; } .thumbinner { width: min-content!important; margin: 0 auto; text-align: center; } .form-control { background-color: #1a1c22; border: 1px solid #202328; color: #fff; } .form-control:focus { color: #fff; background-color: rgb(255 255 255 / 10%); border: 1px solid #202328; outline: 0; box-shadow: none; } #searchInput::-webkit-input-placeholder { color:#999ca3!important; } #searchInput::-moz-placeholder { color:#999ca3!important; } #searchInput::-ms-placeholder { color:#999ca3!important; } #searchInput::placeholder { color:#999ca3!important; } .portable-infobox { background: #13151b; border: 1px solid rgb(255 255 255 / 8%); } .portable-infobox .pi-media { padding: 0.75rem; background: rgb(255 255 255 / 3%); } .portable-infobox .pi-title { background: rgb(255 255 255 / 10%); text-align: center; font-size: 1.2rem; margin-bottom: 0.5rem; display: block!important; } .portable-infobox .pi-border-color { border: none; } .portable-infobox p { margin-bottom: 0.25rem; } .pi-data-label { -ms-flex-preferred-size: 110px; -moz-flex-basis: 110px; -webkit-flex-basis: 110px; flex-basis: 110px; } .skill-green { color: #64e318; } .skill-orange { color: orange; } .skill-blue { color: #3195c6; } .skill-yellow { color: yellow; } dt { color: #fff; } #footer-privacy, #footer-about, #footer-disclaimer { display: none; } .default-box .mw-editsection { display: none; } .mw-editsection { font-size: 0.75rem; margin-left: 1rem; } .printfooter { display: none; } .mw-code.mw-css { white-space: break-spaces; } @media (min-width: 50px) { #ig-tooltip { display: none; } } @media (max-width: 1080px) { #sidebar { display: none; } } @media (max-width: 768px) { div.tright { margin: 0 0 1rem 0; } div.tright, div.floatright, table.floatright { clear: none; float: none; } }