MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: →For [show]/[hide] link of javascript collapsible tables: .collapseButton { /* 'show'/'hide' buttons created dy...") |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
/* For Template:Tabs by User:ShermanTheMythran (modded by User:Glynor */ |
|||
GlobalModule { |
|||
background-color: rgba(1, 46, 89, 0.7) !important; // default bluish color |
|||
background-color: #012E59; |
|||
color: silver; |
|||
box-shadow: 0px 3px 15px -3px gray; |
|||
-moz-box-shadow: 0px 3px 15px -3px gray; |
|||
-webkit-box-shadow: 0px 3px 15px -3px gray; |
|||
border-radius: 100%/10px; |
|||
-moz-border-radius: 100%/10px; |
|||
-webkit-border-radius: 100%/10px; |
|||
padding: 0 10px 10px; |
|||
transition: background-color .5s; |
|||
-webkit-transition: background-color .5s; |
|||
-moz-transition: background-color .5s; |
|||
-o-transition: background-color .5s; |
|||
} |
|||
.GlobalModule:hover { |
|||
background-color: rgba(1, 46, 89, 0.9) !important; // default bluish color |
|||
} |
|||
.GlobalModule img { |
|||
border-radius: 100%/10px; |
|||
-moz-border-radius: 100%/10px; |
|||
-webkit-border-radius: 100%/10px; |
|||
margin: 10px; |
|||
} |
|||
.GlobalModule h2 { |
|||
padding-top: 15px; |
|||
} |
|||
/* End CSS for Template:Tabs by User:ShermanTheMythran (modded by User:Glynor */ |
|||
/* For [show]/[hide] link of javascript collapsible tables */ |
/* For [show]/[hide] link of javascript collapsible tables */ |
Revision as of 06:45, 11 April 2014
/* CSS placed here will be applied to all skins */ /* For Template:Tabs by User:ShermanTheMythran (modded by User:Glynor */ GlobalModule { background-color: rgba(1, 46, 89, 0.7) !important; // default bluish color background-color: #012E59; color: silver; box-shadow: 0px 3px 15px -3px gray; -moz-box-shadow: 0px 3px 15px -3px gray; -webkit-box-shadow: 0px 3px 15px -3px gray; border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; padding: 0 10px 10px; transition: background-color .5s; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; } .GlobalModule:hover { background-color: rgba(1, 46, 89, 0.9) !important; // default bluish color } .GlobalModule img { border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; margin: 10px; } .GlobalModule h2 { padding-top: 15px; } /* End CSS for Template:Tabs by User:ShermanTheMythran (modded by User:Glynor */ /* For [show]/[hide] link of javascript collapsible tables */ .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ float: right; /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */ font-weight: normal; /* are styled here so they can be customised. */ text-align: right; width: auto; } /* Gives the "Fade to transparent" effect in DIV, H2, table cells, etc. */ /* Used in conjunction with "background-color:<colour>" */ #gradient, .gradient, .gradient-horizontal { background-image: url(http://images1.wikia.nocookie.net/templates/images/1/14/Gradient-1pixel-horizontal.png); } .gradient-vertical { background-image: url(http://images1.wikia.nocookie.net/templates/images/1/14/Gradient-1pixel-horizontal.png); } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; } /* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; } /* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumbinner { background: inherit; border: none; color: inherit; } #article div.thumb { color: inherit; } /* === Babel === */ div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width: 238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align: center; font-size: 14pt; width: 45px; height: 45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size: 8pt; padding: 4pt; line-height: 1.25em; } .lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; } .lang-block1, .lang-block2, .lang-block3 { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; } .lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; } /* === Template:Ambox designs === */ /* Ambox design */ .ambox { width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #EEE; } /* Ambox colours */ .ambox-blue { border-left: 10px solid #1e90ff; /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222; /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500; /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430; /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc; /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #bba; /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22; /* Green */ } /* Ambox small text */ .ambox-smalltext { font-size: smaller; margin-top:0.5em; margin-left:0.8em; } /* Ambox image */ .ambox-image { /* The left image cell */ width: 60px; padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */ text-align: center; } @media print { .ambox { display: none; } } /* no ambox when printing */ /* === Template:Reflist design === */ .references-small { font-size: 90%; } /* === USERBOXES === */ table.userbox { float: left; margin: 0.2em; padding: 0; border-width: 1px; border-style: solid; } table.userbox td.left, table.userbox td.right { text-align: center; vertical-align: middle; font-size: 1.6em; padding: 0; } table.userbox td.main { padding: 0 4px; vertical-align: middle; line-height: 125%; font-size: 0.9em; } table.userbox { border-color: #aaa; background: #f8f8f8; } table.userbox td.left, table.userbox td.right { background: #d8d8d8; }