MediaWiki:Monobook.css: Difference between revisions
From MusicBrainz Wiki
Jump to navigationJump to search
No edit summary |
(remove broken rounded corners, use // instead of http://) |
||
Line 224: | Line 224: | ||
table.tbl th { |
table.tbl th { |
||
font-size: 95%; |
font-size: 95%; |
||
background: url( |
background: url(//musicbrainz.org/static/images/layout/table-header.gif) repeat-x 0 50%; |
||
padding: 0.2em 0.4em; |
padding: 0.2em 0.4em; |
||
text-align: left; |
text-align: left; |
||
Line 235: | Line 235: | ||
table.tbl tr.subh th { |
table.tbl tr.subh th { |
||
font-size: 95%; |
font-size: 95%; |
||
background: url( |
background: url(//musicbrainz.org/static/images/layout/table-header-2.gif) repeat-x 0 50%; |
||
font-weight: bold; |
font-weight: bold; |
||
border-top: solid 1px #999999; |
border-top: solid 1px #999999; |
||
Line 522: | Line 522: | ||
width: 8px; |
width: 8px; |
||
height: 8px; |
height: 8px; |
||
} |
|||
#content .tr, .portlet .tr { |
|||
top: 0; right: 0; |
|||
background: url(http://musicbrainz.org/static/images/layout/sprites.png) -14px -58px; |
|||
} |
|||
#content .tl, .portlet .tl { |
|||
top: 0; left: 0; |
|||
background: url(http://musicbrainz.org/static/images/layout/sprites.png) -23px -58px; |
|||
} |
|||
#content .br, .portlet .br { |
|||
bottom: 0; right: 0; |
|||
background: url(http://musicbrainz.org/static/images/layout/sprites.png) -32px -58px; |
|||
} |
|||
#content .bl, .portlet .bl { |
|||
bottom: 0; left: 0; |
|||
background: url(http://musicbrainz.org/static/images/layout/sprites.png) -41px -58px; |
|||
} |
} |
Revision as of 20:33, 23 October 2014
/* CSS placed here will affect users of the Monobook skin */ /* images */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 .5em .5em; border: 0; } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; clear: left; position: relative; margin: 0 .5em .5em 0; border: 0; } div.floatleft p { font-style: italic; } /******************** Here be entity icons (and other potential stuff) *********************/ #captcha { border: solid 3px #ff0000; padding: 3px; margin-bottom: 5px; } /******************** Here be the real theme ***********************/ body { font: x-small Verdana,Lucida Grande,Arial,Helvetica,sans-serif; background: #E7E7E7; } a.external, a.external:active, a.external:focus, a.extiw, a.extiw:active, a.extiw:focus, a:active, a:focus { outline-style: none; /* lets have some colour consistency! */ color: #002BB8 !important; /* (external links have an image to diffrenciate) */ } a:visited { color: #632d9b; } a.new { color: #aa0000 !important; } a.new:visited { color: #773300 !important; } h1 .editsection, h2 .editsection, h3 .editsection, h4 .editsection, h5 .editsection, h6 .editsection { color: #000000; font-weight: normal; } #toc h2 { color: #000000; font-size: 100%; margin: 0 0 5px 0; } dt { margin-top: 5px; font-weight: bold; } dd { margin: 0 0 5px 0; padding-left: 20px; } hr { border: none; background-color: #CCCCCC; height: 1px; margin: 2px 0; } #content ul { margin-left: 0; padding-left: 40px; } #content .catlinks ul { padding: 0; } #content ol { margin-left: 0; padding-left: 40px; } #content ul ul, #content ul ol, #content ol ol, #content ol ul { padding-left: 20px; } code { background-color: #DDDDDD; padding: 0 5px; } pre { font-size: 13px; padding: 0.5em 1em; background: #DDDDDD; overflow: auto; border: none; border-left: 5px solid #FC6714; } #toc, .toc { background-color: #F9F9F9; border: 1px solid #AAAAAA; font-size: 95%; padding: 5px; float:right; max-width: 50%; } #toc ul, .toc ul { margin: 0; padding-left: 0; list-style-type: none; list-style-image: none; line-height: 150%; } #toc ul ul, .toc ul ul { margin-left: 20px; } .clear { clear: both; } .has-subheading { margin-bottom: 0; } .subheading { margin-top: 0; } /* ** wikitable class for skinning normal tables ** table[border^=1] added for backwards support */ table[border^="1"], table.wikitable { border-collapse: collapse; border: 1px solid #ADB9CC; margin: 1em 1em 1em 0; font-size: 88%; } table[border^="1"] th, table.wikitable th { border: 1px solid #ADB9CC; background: #F1F1F1; text-align: right; padding: 0.1em 1em; font-size: 110%; } table[border^="1"] tr:first-child th, table.wikitable tr:first-child th { text-align: center; } table[border^="1"] td, table.wikitable td { border: 1px solid #ADB9CC; padding: 0.2em 0.5em; } table[border^="1"] tr:nth-child(odd) td, table.wikitable tr:nth-child(odd) td { background: #FAFAFA; } table[border^="1"] caption, .wikitable caption { font-weight: bold; } table.noborder td { /* Flexibility to have tables in the wiki without borders */ border: none; vertical-align: top; padding-left: 20px; } table.noborder td:first-child { padding-left: 0; } .collapseButton { /* 'show'/'hide' buttons created dynamically */ float: right; /* by the CollapsibleTables javascript in */ font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */ text-align: right; /* so they can be customised. */ width: auto; margin-left: 1em; font-size: 88%; } /* ** Release tracklist CSS */ table.tbl { margin-top: 1em; border-collapse: collapse; width: 100%; border-top: solid 1px #999999; border-bottom: solid 1px #999999; } table.tbl th { font-size: 95%; background: url(//musicbrainz.org/static/images/layout/table-header.gif) repeat-x 0 50%; padding: 0.2em 0.4em; text-align: left; border:none; border-bottom: solid 1px #999999; border-left: solid 1px #CCCCCC; } table.tbl tr.subh td, table.tbl tr.subh th { font-size: 95%; background: url(//musicbrainz.org/static/images/layout/table-header-2.gif) repeat-x 0 50%; font-weight: bold; border-top: solid 1px #999999; border-bottom: solid 1px #999999; } table.tbl th a { color: #000; } table.tbl th:first-child { border-left: none; } table.tbl td { padding: 0.2em 0.4em; border: none; } table.tbl tr:nth-child(odd) td { padding: 0.2em 0.4em; background: #F2F2F2; } table.tbl th.year { width: 4em; } table.tbl th.count { width: 2em; } table.tbl th.rating { width: 50px; } table.tbl .c { text-align: center; } th.treleases { width: 3em; } table.tbl .t { text-align: right; } /* ** Helpbox theming */ table.helpbox-master { float:right; text-align:center; } table.helpbox { padding:0.3em; border:1px solid #A3B1BF; text-align:center; font-size:95%; line-height:1.5em; } table.helpbox tr:first-child th { background: #736DAB; border-bottom: 3px solid #FFBA58; padding: 0.3em; font-size: 1.1em; } table.helpbox th { background: #736DAB; border-bottom: 1px solid #FFBA58; padding: 0.1em; font-size: 0.9em; } table.helpbox th a { color: #FFFFFF; } /* ** Default skin for navigation boxes */ table.navbox { /* Navbox container style MODIFIED */ border: 1px solid #ADB9CC; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group { /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd; /* Background color */ } .navbox-list { border-color: #fdfdfd; /* Must match background color */ } .navbox-title, table.navbox th { background: #F1F1F1; /* Level 1 color MODIFIED */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #F1F1F1; /* Level 2 color MODIFIED */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; /* Level 3 color */ } .navbox-even { background: #f7f7f7; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 4em; /* the vde links from [[Template:Tnavbar]], */ } /* so they need to be the same width. */ /* ** Content in columns with CSS instead of tables */ div.columns-2 div.column { float: left; width: 50%; min-width: 300px; } div.columns-3 div.column { float: left; width: 33.3%; min-width: 200px; } div.columns-4 div.column { float: left; width: 25%; min-width: 150px; } div.columns-5 div.column { float: left; width: 20%; min-width: 120px; } /* Leave a gap between the columns if they contain text */ div.column p { margin-right: 10px; } /* ** Below is MediaWiki-specific CSS */ h1, h2, h3, h4, h5, h6 { border-bottom: 0; } h1 { font-size: 150%; margin: 0; padding: 0; } h2 { font-size: 120%; color: #FC6714; font-weight: bold; margin: 1em 0 0 0 !important; padding: 0 !important; } h3 { font-size: 100%; margin: 1em 0 0 0; } h4, h5 { font-size: 100%; } h6 { font-size: 80%; } #content { margin: 2.8em 0.4em 0 12.5em !important; padding: 16px !important; border: none !important; } #column-one { padding-top: 150px; margin-left: 0.4em; } #footer { border: none; background-color: transparent; } form td { border: none; padding: 1px; } .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.selected { border-color: #AAAAAA !important; } #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 { background: #CCCCCC; } /* ** Rounded corners, taken from luk's mb.org redesign ** Don't forget the relevant JS - [[MediaWiki:Common.js]] */ #content .bl, #content .br, #content .tl, #content .tr, .portlet .bl, .portlet .br, .portlet .tl, .portlet .tr { position: absolute; display: block; width: 8px; height: 8px; }