Difference between revisions of "MediaWiki:Timeless.css"
Line 7: | Line 7: | ||
.ts-inner { | .ts-inner { | ||
max-width: 100%; | max-width: 100%; | ||
+ | } | ||
+ | @media screen and (max-width: 850px) { | ||
+ | #mw-header-container { | ||
+ | padding: 0em 0em 0em; | ||
+ | } | ||
+ | @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 { | ||
+ | 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) { | ||
+ | #mw-content { | ||
+ | padding: 0em 2em 3em; | ||
+ | } | ||
} | } | ||
#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 { | ||
Line 128: | Line 159: | ||
#p-search { | #p-search { | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } |
Revision as of 20:29, 9 October 2020
#searchform input {
width: 100%;
}
#p-logo {
display: block !important;
}
.ts-inner {
max-width: 100%;
}
@media screen and (max-width: 850px) {
#mw-header-container {
padding: 0em 0em 0em;
}
@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 {
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) {
#mw-content {
padding: 0em 2em 3em;
}
}
#searchButton, #mw-searchButton, #mw-page-header-links li.selected a, #ca-unwatch a {
display: none;
}
#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) {
#mw-related-navigation .sidebar-chunk {
margin: 0em 0;
}
}
@media screen and (min-width: 1100px) {
#mw-related-navigation, #mw-site-navigation {
padding-left: 0em;
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 {
margin-left: 0em;
margin-right: 0em;
margin-top: -0.6em !important;
}
}
#p-personal {
display: none;
}
@media screen and (max-width: 850px) {
#user-tools h2 span, .sidebar-chunk h2 span {
text-indent: -0.2px;
font-size: 0.60em;
}
}
#mw-header-nav-hack {
background: darkgray;
}
#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;
}
@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;
}
}