MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 317: | Line 317: | ||
font-weight: 500; | font-weight: 500; | ||
color: orange; | color: orange; | ||
} | |||
span.skill-blue { | |||
font-weight: 500; | |||
color: #3195c6; | |||
} | } | ||
Revision as of 01:13, 1 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: 2.5rem; border-bottom: 1px solid #202328; padding-bottom: 0.5rem; } h1 { margin-top: 0; font-weight: 700; } h2 { font-weight: 500; } h3 { font-weight: 400; } 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; } .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; } span.skill-green { font-weight: 500; color: #458e46; } span.skill-orange { font-weight: 500; color: orange; } span.skill-blue { font-weight: 500; color: #3195c6; } 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; } }