MediaWiki:Timeless.css: Difference between revisions
From Tamil Wiki
No edit summary Tag: Reverted |
(Brought back alphabet groups in list pages, as requested by Malaysia Navin) |
||
(42 intermediate revisions by 2 users not shown) | |||
Line 47: | Line 47: | ||
#mw-content-container { | #mw-content-container { | ||
background-color: # | background-color: #F9F9F9; | ||
} | } | ||
#mw-content { | |||
border-left-color: #A7D7F9; | |||
} | |||
#mw-site-navigation .sidebar-chunk{ | |||
background-color : #F9F9F9; | |||
border-style: none; | |||
line-height: 1; | |||
font-size: 0.85em; | |||
font-weight: 550; | |||
box-shadow: 5px 10px 18px #888888; | |||
} | |||
#mw-related-navigation .sidebar-chunk{ | |||
background-color : #F9F9F9; | |||
border-style: none; | |||
line-height: 1; | |||
font-size: 0.85em; | |||
font-weight: 550; | |||
box-shadow: 5px 10px 18px #888888; | |||
} | |||
.color-left { | .color-left { | ||
background-color: #A7D7F9; | background-color: #A7D7F9; | ||
Line 56: | Line 79: | ||
background-color: #A7D7F9; | background-color: #A7D7F9; | ||
} | } | ||
.color-middle { | .color-middle { | ||
Line 62: | Line 84: | ||
} | } | ||
.mw- | #firstHeading { | ||
border-bottom-width: 2.5px; | |||
border-bottom-color: #A7D7F9 | |||
} | |||
#.mw-category-group h3{ | |||
#display: none; | |||
#} | |||
#catlinks { | |||
display: block !important; | |||
/* from #mw-site-navigation .sidebar-chunk */ | |||
background: #fcfcfc; | |||
border: solid #3366CC; | |||
border-width: 3px 3px 3px 3px; | |||
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); | |||
padding: 1.5em 1.5em 0; | |||
margin: 1em 0; | |||
line-height: 1.1; | |||
word-wrap: break-word; | |||
} | |||
#catlinks > div { | |||
margin-bottom: 1.5em; | |||
} | |||
#catlinks-sidebar { | |||
display:none; | |||
} | |||
::placeholder { | |||
font-weight:bold; | |||
color:Tomato | |||
} | |||
@media screen and (max-width: 850px) { | |||
#p-logo-text { | |||
background-image: url(/images/logo/tamil-wiki.svg); | |||
background-repeat: no-repeat; | |||
} | |||
#p-logo-text a { | |||
padding: 0.1em 1.5em 0.2em; | |||
} | |||
} | } | ||
#p-logo-text { | |||
max-width: 16.5em; | |||
} | } |
Latest revision as of 10:26, 1 August 2022
/* All CSS here will be loaded for users of the Timeless skin */ /* One-sided navigation menu */ @media (min-width: 1340px) { #mw-content-block { display: block; } #mw-content, #content-bottom-stuff { margin-left: 14em; } #mw-content-wrapper { float: right; margin-left: -14em; width: 100%; } #mw-related-navigation { width: 14em; padding: 0 1em 0 0; } div.color-middle { margin-right: 0; } .mw-wiki-logo { display: inline-block; } } /* Align top colour bar with page columns */ .ts-inner { padding: 0 0 0 1em; } /* Re-aligning bottom logos */ #footer { padding-right: 1em; } /*Adding pipe separator to category ul list*/ #mw-normal-catlinks ul li { display: inline; padding: 0 10px; border-left: solid 1px black; } #mw-normal-catlinks ul li:first-child { border-left: none; } #mw-content-container { background-color: #F9F9F9; } #mw-content { border-left-color: #A7D7F9; } #mw-site-navigation .sidebar-chunk{ background-color : #F9F9F9; border-style: none; line-height: 1; font-size: 0.85em; font-weight: 550; box-shadow: 5px 10px 18px #888888; } #mw-related-navigation .sidebar-chunk{ background-color : #F9F9F9; border-style: none; line-height: 1; font-size: 0.85em; font-weight: 550; box-shadow: 5px 10px 18px #888888; } .color-left { background-color: #A7D7F9; } .color-right { background-color: #A7D7F9; } .color-middle { background-color: #A7D7F9; } #firstHeading { border-bottom-width: 2.5px; border-bottom-color: #A7D7F9 } #.mw-category-group h3{ #display: none; #} #catlinks { display: block !important; /* from #mw-site-navigation .sidebar-chunk */ background: #fcfcfc; border: solid #3366CC; border-width: 3px 3px 3px 3px; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); padding: 1.5em 1.5em 0; margin: 1em 0; line-height: 1.1; word-wrap: break-word; } #catlinks > div { margin-bottom: 1.5em; } #catlinks-sidebar { display:none; } ::placeholder { font-weight:bold; color:Tomato } @media screen and (max-width: 850px) { #p-logo-text { background-image: url(/images/logo/tamil-wiki.svg); background-repeat: no-repeat; } #p-logo-text a { padding: 0.1em 1.5em 0.2em; } } #p-logo-text { max-width: 16.5em; }