Difference between revisions of "MediaWiki:Timeless.css"

 
(65 intermediate revisions by the same user not shown)
Line 1: Line 1:
.ts-inner {
+
#searchform input{width:100%!important;}
    max-width: 100%;
+
#p-logo{display:block!important;}
}
+
.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;}
    display: none;
+
#mw-content-container{background:#d3d3d3;border-bottom:solid 4px #900;}
}
+
#mw-content h1,#mw-content h2{border-bottom:solid 1px darkgrey;margin:1.25em 0 .5em;}
#mw-content-container {
+
#ca-talk,#mw-footer-container a{display:none!important;}
    border-bottom: solid 4px #990000;
+
.color-right,.color-left,.color-middle{background:#777;}
    background: lightgrey;
+
div#content a.external{background:none!important;padding:0!important;}
}
+
#mw-header-container{background:darkgrey;}
#mw-content h1, #mw-content h2 {
+
#mw-site-navigation .sidebar-chunk h3,#firstHeading,#mw-related-navigation .sidebar-chunk h3,#mw-content h1.firstHeading{border-bottom:solid 1px #8b0000;}
    border-bottom: solid 1px darkgrey;
+
#mw-content h2,#mw-page-header-links li.selected{border-bottom:solid 1px #000;}
}
 
#mw-site-navigation .sidebar-chunk h3 {
 
    border-bottom: solid 1px darkred;
 
}
 
#ca-talk, #mw-footer-container a {
 
    display: none !important;
 
}
 
#mw-content h2 {
 
    border-bottom: solid 1px black;
 
}
 
#mw-page-header-links li.selected {
 
    border-bottom: solid 1px black;
 
}
 
#firstHeading{
 
    border-bottom: solid 1px darkred;
 
}
 
#mw-related-navigation .sidebar-chunk h3 {
 
    border-bottom: solid 1px darkred;
 
}
 
.color-right, .color-left, .color-middle {
 
    background: #777777;
 
}
 
div#content a.external {
 
    background:none !important;
 
    padding: 0px !important;
 
}
 
#mw-content h1.firstHeading {
 
    border-bottom: solid 1px darkred;
 
}
 
#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;}
    margin: 0em 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{font-size:.6em;text-indent:-.2px;}
 
}
 
}
@media screen and (min-width: 1100px) {
+
#mw-header-nav-hack{background:#a9a9a9;}
#mw-related-navigation, #mw-site-navigation {
+
#p-logo-text a{display:none;}
    padding-left: 0em;
+
@media screen and (max-width: 1100px) {
    padding-right: 0em;
+
#p-logo-text a{display:inline;}
 
}
 
}
 +
#site-tools h2{display:none;}
 +
#p-logo-text a,#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{display:block!important;margin:auto;position:absolute;text-align:center;top:-88px;}
 +
#mw-header-container{z-index:99;}
 +
#p-search{margin-top:.5em!important;}
 
}
 
}
@media screen and (min-width: 1100px) {
+
@media screen and (max-width: 850px) {
.color-middle-container, .ts-inner {
+
#user-tools h2,.sidebar-chunk h2{height:125px!important;}
    padding: 0 0em;
 
 
}
 
}
 +
@media screen and (max-width: 850px) {
 +
#mw-content{padding:0 2em 3em!important;}
 
}
 
}
@media screen and (min-width: 1100px) {
+
@media screen and (max-width: 850px) {
#searchform input {
+
#mw-header-container{padding:0!important;}
    width: 95%;
 
 
}
 
}
 +
@media screen and (max-width: 1099px) and (min-width: 851px) {
 +
#mw-content{padding:.5em 2em 3em!important;}
 
}
 
}
@media screen and (min-width: 1100px) {
+
@media screen and (max-width: 1099px) and (min-width: 851px) {
#p-search {
+
#mw-content h1{margin:1.5em 0 .5em!important;}
    margin-left: 0em;
 
    margin-right: 0em;
 
 
}
 
}
 +
@media screen and (max-width: 850px) {
 +
#mw-header-container{padding:0;}
 
}
 
}
#p-personal {
+
@media screen and (max-width: 850px) {
    display: none;
+
#user-tools h2,.sidebar-chunk h2{height:125px;}
 
}
 
}
 
@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{display:none;}
    text-indent: 0px;
 
    font-size: 0.60em;
 
 
}
 
}
]
 
 
@media screen and (max-width: 850px) {
 
@media screen and (max-width: 850px) {
#p-logo-text a {
+
.mw-wiki-logo{height:5em;width:11em;}
    display: inline;
 
 
}
 
}
 +
@media screen and (max-width: 850px) {
 +
#mw-content{padding:.3em 2em 3em;}
 
}
 
}

Latest revision as of 20:20, 2 December 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{background:#d3d3d3;border-bottom:solid 4px #900;}
#mw-content h1,#mw-content h2{border-bottom:solid 1px darkgrey;margin:1.25em 0 .5em;}
#ca-talk,#mw-footer-container a{display:none!important;}
.color-right,.color-left,.color-middle{background:#777;}
div#content a.external{background:none!important;padding:0!important;}
#mw-header-container{background:darkgrey;}
#mw-site-navigation .sidebar-chunk h3,#firstHeading,#mw-related-navigation .sidebar-chunk h3,#mw-content h1.firstHeading{border-bottom:solid 1px #8b0000;}
#mw-content h2,#mw-page-header-links li.selected{border-bottom:solid 1px #000;}
@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{font-size:.6em;text-indent:-.2px;}
}
#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,#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{display:block!important;margin:auto;position:absolute;text-align:center;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;}
}
@media screen and (max-width: 850px) {
#mw-header-container{padding:0;}
}
@media screen and (max-width: 850px) {
#user-tools h2,.sidebar-chunk h2{height:125px;}
}
@media screen and (max-width: 850px) {
#user-tools h2 span,.sidebar-chunk h2 span{display:none;}
}
@media screen and (max-width: 850px) {
.mw-wiki-logo{height:5em;width:11em;}
}
@media screen and (max-width: 850px) {
#mw-content{padding:.3em 2em 3em;}
}