Difference between revisions of "MediaWiki:Timeless.css"
Line 1: | Line 1: | ||
#searchform input { | #searchform input { | ||
− | + | width:100%!important; | |
} | } | ||
+ | |||
#p-logo { | #p-logo { | ||
− | + | display:block!important; | |
} | } | ||
+ | |||
.ts-inner { | .ts-inner { | ||
− | + | max-width:100%; | |
} | } | ||
− | #searchButton, #mw-searchButton, #mw-page-header-links li.selected a, #ca-unwatch a { | + | |
− | + | #searchButton,#mw-searchButton,#mw-page-header-links li.selected a,#ca-unwatch a { | |
+ | display:none; | ||
} | } | ||
+ | |||
#mw-content-container { | #mw-content-container { | ||
− | + | border-bottom:solid 4px #900; | |
− | + | background:#d3d3d3; | |
} | } | ||
− | #mw-content h1, #mw-content h2 { | + | |
− | + | #mw-content h1,#mw-content h2 { | |
− | + | border-bottom:solid 1px darkgrey; | |
+ | margin:1.25em 0 .5em; | ||
} | } | ||
+ | |||
#mw-site-navigation .sidebar-chunk h3 { | #mw-site-navigation .sidebar-chunk h3 { | ||
− | + | border-bottom:solid 1px #8b0000; | |
} | } | ||
− | #ca-talk, #mw-footer-container a { | + | |
− | + | #ca-talk,#mw-footer-container a { | |
+ | display:none!important; | ||
} | } | ||
+ | |||
#mw-content h2 { | #mw-content h2 { | ||
− | + | border-bottom:solid 1px #000; | |
} | } | ||
+ | |||
#mw-page-header-links li.selected { | #mw-page-header-links li.selected { | ||
− | + | border-bottom:solid 1px #000; | |
} | } | ||
− | #firstHeading{ | + | |
− | + | #firstHeading { | |
+ | border-bottom:solid 1px #8b0000; | ||
} | } | ||
+ | |||
#mw-related-navigation .sidebar-chunk h3 { | #mw-related-navigation .sidebar-chunk h3 { | ||
− | + | border-bottom:solid 1px #8b0000; | |
} | } | ||
− | .color-right, .color-left, .color-middle { | + | |
− | + | .color-right,.color-left,.color-middle { | |
+ | background:#777; | ||
} | } | ||
+ | |||
div#content a.external { | div#content a.external { | ||
− | + | background:none!important; | |
− | + | padding:0!important; | |
} | } | ||
+ | |||
#mw-content h1.firstHeading { | #mw-content h1.firstHeading { | ||
− | + | border-bottom:solid 1px #8b0000; | |
} | } | ||
+ | |||
#mw-header-container { | #mw-header-container { | ||
− | + | background:darkgrey; | |
} | } | ||
+ | |||
@media screen and (min-width: 1100px) { | @media screen and (min-width: 1100px) { | ||
#mw-related-navigation .sidebar-chunk { | #mw-related-navigation .sidebar-chunk { | ||
− | + | margin:0; | |
} | } | ||
+ | |||
+ | #mw-related-navigation,#mw-site-navigation { | ||
+ | padding-left:0; | ||
+ | padding-right:0; | ||
} | } | ||
− | + | ||
− | + | .color-middle-container,.ts-inner { | |
− | + | padding:0; | |
− | |||
− | |||
− | |||
− | |||
− | .color-middle-container, .ts-inner { | ||
− | |||
} | } | ||
− | + | ||
− | |||
#p-search { | #p-search { | ||
− | + | margin-left:0; | |
− | + | margin-right:0; | |
− | + | margin-top:-.6em!important; | |
} | } | ||
} | } | ||
+ | |||
#p-personal { | #p-personal { | ||
− | + | display:none; | |
} | } | ||
+ | |||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
− | #user-tools h2 span, .sidebar-chunk h2 span { | + | #user-tools h2 span,.sidebar-chunk h2 span { |
− | + | text-indent:-.2px; | |
− | + | font-size:.6em; | |
} | } | ||
} | } | ||
+ | |||
#mw-header-nav-hack { | #mw-header-nav-hack { | ||
− | + | background:#a9a9a9; | |
} | } | ||
+ | |||
#p-logo-text a { | #p-logo-text a { | ||
− | + | display:none; | |
} | } | ||
+ | |||
@media screen and (max-width: 1100px) { | @media screen and (max-width: 1100px) { | ||
#p-logo-text a { | #p-logo-text a { | ||
− | + | display:inline; | |
} | } | ||
} | } | ||
+ | |||
#site-tools h2 { | #site-tools h2 { | ||
− | + | display:none; | |
} | } | ||
+ | |||
#p-logo-text a { | #p-logo-text a { | ||
− | + | display:none!important; | |
} | } | ||
+ | |||
#p-logo-text { | #p-logo-text { | ||
− | + | display:none!important; | |
} | } | ||
+ | |||
@media screen and (max-width: 1099px) and (min-width: 851px) { | @media screen and (max-width: 1099px) and (min-width: 851px) { | ||
.sidebar-chunk { | .sidebar-chunk { | ||
− | + | display:none; | |
− | + | position:relative; | |
} | } | ||
− | + | ||
#p-logo-text { | #p-logo-text { | ||
− | + | display:none; | |
} | } | ||
− | + | ||
− | |||
#p-logo { | #p-logo { | ||
− | + | text-align:center; | |
− | + | margin:auto; | |
− | + | display:block!important; | |
− | + | position:absolute; | |
− | + | top:-88px; | |
− | |||
} | } | ||
− | + | ||
#mw-header-container { | #mw-header-container { | ||
− | + | z-index:99; | |
} | } | ||
− | + | ||
− | |||
#p-search { | #p-search { | ||
− | + | margin-top:.5em!important; | |
} | } | ||
} | } | ||
+ | |||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
− | #user-tools h2, .sidebar-chunk h2 { | + | #user-tools h2,.sidebar-chunk h2 { |
− | + | height:125px!important; | |
} | } | ||
} | } | ||
+ | |||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
#mw-content { | #mw-content { | ||
− | + | padding:0 2em 3em!important; | |
} | } | ||
} | } | ||
+ | |||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
#mw-header-container { | #mw-header-container { | ||
− | + | padding:0!important; | |
} | } | ||
} | } | ||
+ | |||
@media screen and (max-width: 1099px) and (min-width: 851px) { | @media screen and (max-width: 1099px) and (min-width: 851px) { | ||
#mw-content { | #mw-content { | ||
− | + | padding:.5em 2em 3em!important; | |
} | } | ||
} | } | ||
+ | |||
@media screen and (max-width: 1099px) and (min-width: 851px) { | @media screen and (max-width: 1099px) and (min-width: 851px) { | ||
#mw-content h1 { | #mw-content h1 { | ||
− | + | margin:1.5em 0 .5em!important; | |
} | } | ||
} | } |
Revision as of 18:20, 15 October 2020
#searchform input {
width:100%!important;
}
#p-logo {
display:block!important;
}
.ts-inner {
max-width:100%;
}
#searchButton,#mw-searchButton,#mw-page-header-links li.selected a,#ca-unwatch a {
display:none;
}
#mw-content-container {
border-bottom:solid 4px #900;
background:#d3d3d3;
}
#mw-content h1,#mw-content h2 {
border-bottom:solid 1px darkgrey;
margin:1.25em 0 .5em;
}
#mw-site-navigation .sidebar-chunk h3 {
border-bottom:solid 1px #8b0000;
}
#ca-talk,#mw-footer-container a {
display:none!important;
}
#mw-content h2 {
border-bottom:solid 1px #000;
}
#mw-page-header-links li.selected {
border-bottom:solid 1px #000;
}
#firstHeading {
border-bottom:solid 1px #8b0000;
}
#mw-related-navigation .sidebar-chunk h3 {
border-bottom:solid 1px #8b0000;
}
.color-right,.color-left,.color-middle {
background:#777;
}
div#content a.external {
background:none!important;
padding:0!important;
}
#mw-content h1.firstHeading {
border-bottom:solid 1px #8b0000;
}
#mw-header-container {
background:darkgrey;
}
@media screen and (min-width: 1100px) {
#mw-related-navigation .sidebar-chunk {
margin:0;
}
#mw-related-navigation,#mw-site-navigation {
padding-left:0;
padding-right:0;
}
.color-middle-container,.ts-inner {
padding:0;
}
#p-search {
margin-left:0;
margin-right:0;
margin-top:-.6em!important;
}
}
#p-personal {
display:none;
}
@media screen and (max-width: 850px) {
#user-tools h2 span,.sidebar-chunk h2 span {
text-indent:-.2px;
font-size:.6em;
}
}
#mw-header-nav-hack {
background:#a9a9a9;
}
#p-logo-text a {
display:none;
}
@media screen and (max-width: 1100px) {
#p-logo-text a {
display:inline;
}
}
#site-tools h2 {
display:none;
}
#p-logo-text a {
display:none!important;
}
#p-logo-text {
display:none!important;
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
.sidebar-chunk {
display:none;
position:relative;
}
#p-logo-text {
display:none;
}
#p-logo {
text-align:center;
margin:auto;
display:block!important;
position:absolute;
top:-88px;
}
#mw-header-container {
z-index:99;
}
#p-search {
margin-top:.5em!important;
}
}
@media screen and (max-width: 850px) {
#user-tools h2,.sidebar-chunk h2 {
height:125px!important;
}
}
@media screen and (max-width: 850px) {
#mw-content {
padding:0 2em 3em!important;
}
}
@media screen and (max-width: 850px) {
#mw-header-container {
padding:0!important;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-content {
padding:.5em 2em 3em!important;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-content h1 {
margin:1.5em 0 .5em!important;
}
}