Difference between revisions of "MediaWiki:Timeless.css"

 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
#searchform input {
+
#searchform input{width:100%!important;}
−
    width: 100%;
+
#p-logo{display:block!important;}
−
}
+
.ts-inner{max-width:100%;}
−
#p-logo {
+
#searchButton,#mw-searchButton,#mw-page-header-links li.selected a,#ca-unwatch a{display:none;}
−
    display: block !important;
+
#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;}
−
.ts-inner {
+
#ca-talk,#mw-footer-container a{display:none!important;}
−
    max-width: 100%;
+
.color-right,.color-left,.color-middle{background:#777;}
−
}
+
div#content a.external{background:none!important;padding:0!important;}
−
#searchButton, #mw-searchButton, #mw-page-header-links li.selected a, #ca-unwatch a {
+
#mw-header-container{background:darkgrey;}
−
    display: none;
+
#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;}
−
#mw-content-container {
 
−
    border-bottom: solid 4px #990000;
 
−
    background: lightgrey;
 
−
}
 
−
#mw-content h1, #mw-content h2 {
 
−
    border-bottom: solid 1px darkgrey;
 
−
}
 
−
#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) {
−
@media screen and (min-width: 1100px) {
+
#mw-content{padding:0 2em 3em!important;}
−
#p-search {
 
−
    margin-left: 0em;
 
−
    margin-right: 0em;
 
−
    margin-top: -0.6em !important;
 
−
}
 
−
}
 
−
#p-personal {
 
−
    display: none;
 
 
}
 
}
 
@media screen and (max-width: 850px) {
 
@media screen and (max-width: 850px) {
−
#user-tools h2 span, .sidebar-chunk h2 span {
+
#mw-header-container{padding:0!important;}
−
    text-indent: -0.2px;
 
−
    font-size: 0.60em;
 
 
}
 
}
 +
@media screen and (max-width: 1099px) and (min-width: 851px) {
 +
#mw-content{padding:.5em 2em 3em!important;}
 
}
 
}
−
#mw-header-nav-hack {
+
@media screen and (max-width: 1099px) and (min-width: 851px) {
−
    background: darkgray;
+
#mw-content h1{margin:1.5em 0 .5em!important;}
−
}
 
−
#p-logo-text a {
 
−
    display: none;
 
 
}
 
}
 
@media screen and (max-width: 850px) {
 
@media screen and (max-width: 850px) {
−
#mw-header-container {
+
#mw-header-container{padding:0;}
−
    padding: 0em 0em 0em;
 
 
}
 
}
 
@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;}
−
    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;}
−
    display: none;
 
−
}
 
 
}
 
}
 
@media screen and (max-width: 850px) {
 
@media screen and (max-width: 850px) {
−
.mw-wiki-logo {
+
.mw-wiki-logo{height:5em;width:11em;}
−
    display: block;
 
−
    content: '';
 
−
    width: 11em;
 
−
    height: 5em;
 
−
    background-repeat: no-repeat;
 
−
    background-position: 50% 50%;
 
−
    margin: auto;
 
−
    margin-top: 0em;
 
−
}
 
 
}
 
}
 
@media screen and (max-width: 850px) {
 
@media screen and (max-width: 850px) {
−
#mw-content {
+
#mw-content{padding:.3em 2em 3em;}
−
    padding: 0em 2em 3em;
 
−
}
 
−
}
 
−
 
 
−
@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;
 
−
}
 
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
−
#p-logo-text {
 
−
    DISPLAY: none;
 
−
}
 
−
}
 
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
−
#p-logo {
 
−
    text-align: center;
 
−
    margin: auto;
 
−
    display: block !important;
 
−
    position: absolute;
 
−
    top: -88px;
 
−
}
 
−
}
 
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
−
#mw-header-container {
 
−
    z-index: 99;
 
−
}
 
−
}
 
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
−
#p-search {
 
−
    margin-top: 0.5em;
 
−
}
 
 
}
 
}

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;}
}
Retrieved from "https://DahuaWiki.com/index.php?title=MediaWiki:Timeless.css&oldid=70770"