MediaWiki:Common.css: Difference between revisions
From MusicBrainz Wiki
Jump to navigationJump to search
(testing stuff for navap) |
(HD logos) |
||
(6 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
/** CSS placed here will be applied to all skins */ |
/** CSS placed here will be applied to all skins */ |
||
#bodyContent table { margin: 0.5em 0; border-collapse: collapse; } |
|||
#bodyContent td { padding: 0.25em; border: 1px solid #ADB9CC; } |
|||
#content {margin: 2.8em 0 0 12.5em; padding: 0.1em 1em 1em;} |
|||
.mbwiki-navbox-header { background-color: #b0c4de } |
|||
.mbwiki-navbox-row td { border-width: 1px 0px; text-align: left; } |
|||
.mbwiki-navbox-rowtitle { background-color: #EEEEEE; } |
|||
.toclimit-2 .toclevel-1 ul, |
|||
body { |
|||
.toclimit-3 .toclevel-2 ul, |
|||
font: x-small Verdana,Geneva,Arial,Helvetica,sans-serif; |
|||
.toclimit-4 .toclevel-3 ul, |
|||
background: #E7E7E7; |
|||
.toclimit-5 .toclevel-4 ul, |
|||
.toclimit-6 .toclevel-5 ul, |
|||
.toclimit-7 .toclevel-6 ul { |
|||
display: none; |
|||
} |
} |
||
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { |
|||
#content { |
|||
#p-logo a { |
|||
margin: 2.8em 0.4em 0 12.5em; |
|||
background-image: url(//wiki.musicbrainz.org/-/images/c/c8/MusicBrainz_logo_204x204.png); |
|||
border-color: #444444; |
|||
} |
|||
border: none; |
|||
} |
} |
||
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) { |
|||
# |
#p-logo a { |
||
background-image: url(//wiki.musicbrainz.org/-/images/8/87/MusicBrainz_logo_270x270.png); |
|||
padding-top: 150px; |
|||
} |
|||
margin-left: 0.4em; |
|||
} |
|||
/* |
|||
** General Styles |
|||
*/ |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
td { |
|||
border: 1pt solid #ADB9CC; |
|||
padding: 0.25em; |
|||
} |
|||
.navbox td { |
|||
border: none; |
|||
padding: auto; |
|||
} |
|||
#toc td { |
|||
padding: 0.5em; |
|||
} |
|||
form td { |
|||
border: none; |
|||
padding: 1px; |
|||
} |
|||
a.new { |
|||
color: #aa0000 !important; |
|||
} |
|||
a.new:visited { |
|||
color: #773300 !important; |
|||
} |
|||
h2, h3, h4, h5, h6 { |
|||
color:#FC6714; |
|||
} |
|||
h1 .editsection, |
|||
h2 .editsection, |
|||
h3 .editsection, |
|||
h4 .editsection, |
|||
h5 .editsection, |
|||
h6 .editsection |
|||
{ |
|||
font-size: small; |
|||
font-weight: normal; |
|||
color: #000000; |
|||
} |
|||
h2 { |
|||
color:#FC6714; |
|||
font-size: 120%; |
|||
font-weight: bold; |
|||
margin-top: 1em; |
|||
} |
|||
#toc h2, |
|||
.toc h2 { |
|||
background: none; |
|||
color: #000000; |
|||
} |
|||
h3 { |
|||
margin-top: 20px; |
|||
font-size: 1em; |
|||
} |
|||
h3 .mw-headline { |
|||
text-decoration: underline; |
|||
} |
|||
h4 { |
|||
font-size: 100%; |
|||
} |
|||
h5 { |
|||
font-size: 90%; |
|||
} |
|||
h6 { |
|||
font-size: 80%; |
|||
} |
|||
#footer { |
|||
border: none; |
|||
background-color: transparent; |
|||
} |
|||
#captcha { |
|||
border: solid 3px #ff0000; |
|||
padding: 3px; |
|||
margin-bottom: 5px; |
|||
} |
|||
/* |
|||
** General portlet styles (elements in the sidebar) |
|||
*/ |
|||
.portlet { |
|||
background: #FFFFFF; |
|||
} |
|||
.portlet h5 { |
|||
padding: 0.25em 1em 0.5em 0.5em; |
|||
font-weight: bold; |
|||
text-transform: none; |
|||
display: block; |
|||
color: #FFFFFF; |
|||
background: #736DAB; |
|||
border-bottom: 3px solid #FFBA58; |
|||
} |
|||
.pBody { |
|||
border: none; |
|||
} |
|||
#p-logo { |
|||
left: auto; |
|||
background: transparent; |
|||
border: none; |
|||
} |
|||
/* |
|||
** Personal toolbar & page/edit/history toolbar |
|||
*/ |
|||
#p-personal a.new, #p-personal a.new:visited { |
|||
color: #AA0000 !important; |
|||
} |
|||
#p-personal li a { |
|||
color: #000000; |
|||
} |
|||
#p-personal li a:hover { |
|||
background: none; |
|||
} |
|||
#p-cactions { |
|||
background:transparent; |
|||
z-index:1; |
|||
border: none; |
|||
font-size: 100%; |
|||
} |
|||
#p-cactions li { |
|||
border: none; |
|||
} |
|||
#p-cactions li.selected { |
|||
padding: 0 0 .2em 0; |
|||
font-weight: bold; |
|||
} |
|||
#p-cactions li a { |
|||
background-color: #736DAB; |
|||
color: #FFFFFF; |
|||
} |
|||
#p-cactions li a:hover { |
|||
color: #736DAB; |
|||
} |
|||
#p-cactions li.selected a { |
|||
color: #736DAB; |
|||
} |
|||
#p-cactions .new a { |
|||
color: #DDDDDD; |
|||
} |
|||
/* |
|||
** Rounded corners, taken from luk's mb.org redesign |
|||
*/ |
|||
#content .bl, #content .br, #content .tl, #content .tr, |
|||
.portlet .bl, .portlet .br, .portlet .tl, .portlet .tr { |
|||
position: absolute; |
|||
display: block; |
|||
width: 8px; |
|||
height: 8px; |
|||
} |
|||
#content .tr, .portlet .tr { |
|||
top: 0; right: 0; |
|||
background: url(http://test.musicbrainz.org/static/images/sprites.png) -14px -58px; |
|||
} |
|||
#content .tl, .portlet .tl { |
|||
top: 0; left: 0; |
|||
background: url(http://test.musicbrainz.org/static/images/sprites.png) -23px -58px; |
|||
} |
|||
#content .br, .portlet .br { |
|||
bottom: 0; right: 0; |
|||
background: url(http://test.musicbrainz.org/static/images/sprites.png) -32px -58px; |
|||
} |
|||
#content .bl, .portlet .bl { |
|||
bottom: 0; left: 0; |
|||
background: url(http://test.musicbrainz.org/static/images/sprites.png) -41px -58px; |
|||
} |
} |
Revision as of 20:06, 19 December 2015
/** CSS placed here will be applied to all skins */ #content {margin: 2.8em 0 0 12.5em; padding: 0.1em 1em 1em;} .mbwiki-navbox-header { background-color: #b0c4de } .mbwiki-navbox-row td { border-width: 1px 0px; text-align: left; } .mbwiki-navbox-rowtitle { background-color: #EEEEEE; } .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { #p-logo a { background-image: url(//wiki.musicbrainz.org/-/images/c/c8/MusicBrainz_logo_204x204.png); } } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) { #p-logo a { background-image: url(//wiki.musicbrainz.org/-/images/8/87/MusicBrainz_logo_270x270.png); } }