Difference between revisions of "MediaWiki:Timeless.css"

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