MediaWiki:Common.css
From SupaHam
Revision as of 11:59, 18 August 2013 by SupaHam (Talk | contribs) (Created page with "→Generic: textarea, .wikiEditor-ui textarea#wpTextbox1 { font-family: 'Consolas', 'DejaVu Sans', 'Lucida Console', monospace; border: 1px solid #aaa; margin: ...")
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* Generic */ textarea, .wikiEditor-ui textarea#wpTextbox1 { font-family: 'Consolas', 'DejaVu Sans', 'Lucida Console', monospace; border: 1px solid #aaa; margin: 0; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.1; } input { font: inherit; font-size: 10pt; margin: 0; line-height: 1; } input[type='text'], input[type='password'], input:not([type]) { font: inherit; font-size: 10pt; background: #fff; padding: 4px; border: 1px solid #aaa; -webkit-transition: border-color .2s; -moz-transition: border .2s; -o-transition: border-color .2s; transition: border-color .2s; line-height: 1; } input[type='text']:hover, input[type='password']:hover, input#searchInput:hover { border-color: #999; } input[type='text']:focus, input[type='password']:focus, input#searchInput:focus { outline: 0; border-color: #a7d7f9; box-shadow: 0 0 0.3em #999; } button, input[type='button'], input[type='submit'] { font: inherit; display: inline-block; -webkit-transition: border-color .2s; -moz-transition: border .2s; -o-transition: border-color .2s; transition: border-color .2s; background: #f3f3f3; background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1)); background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1)); border: solid 1px #ccc; border-radius: 2px; margin: 0.3em 0; padding: 6px 10px; cursor: pointer; font-size: 10pt; line-height: 1; } button:hover, input[type='button']:hover, input[type='submit']:hover { text-decoration: none; border-color: #a7d7f9; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } pre { font-family: 'Consolas', 'DejaVu Sans', 'Lucida Console', monospace; border: 1px solid #a7d7f9; border-left: 0; border-right: 0; margin: 1em 2em; background: #efef; } table pre, .wikiNote pre { margin: 0.3em; } .metadata { clear: both; padding: 1em 2em; } /* Nice tables */ table.wikitable, table.wiki-table { margin: 1em -2px 1em -2px; background: #fff; border: 0; border-collapse: separate; empty-cells: show; border-spacing: 1px; border: 0; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; } table.wikitable th, table.wikitable td, table.wiki-table th, table.wiki-table td { border: 0; border-bottom: 1px solid #ccc; padding: 0.35em 0.5em; } table.wikitable th, table.wikitable td.hl1, table.wikitable th.hl1, table.wiki-table th, table.wiki-table td.hl1, table.wikitable th.hl1 { background: #f8f6eb; padding: 0.35em 0.5em; color: #000; text-align: left; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; text-shadow: none; border: 1px solid #ccc; box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); position: relative; } table.wikitable td.hl2, table.wikitable th.hl2, table.wiki-table td.hl2, table.wiki-table th.hl2 { background: #fff; color: #444; text-align: center; border: 1px solid #ccc; border-top: 0; } table.wikitable td.hl3, table.wikitable th.hl3, table.wiki-table td.hl3, table.wiki-table th.hl3 { background: #ebf5f8; color: #444; text-align: center; border: 1px solid #ccc; border-top: 0; } table.wikitable caption, table.wiki-table caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.wikitable td, table.wiki-table td { vertical-align: top; } table.wikitable td:nth-child(even), table.wiki-table td:nth-child(even) { background: #f7f7f7; } table.wikitable tr:hover td, table.wiki-table tr:hover td { background: #f5fafc; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; transition: all .1s; } table.wikitable tr:hover td:nth-child(even), table.wiki-table tr:hover td:nth-child(even) { background: #eaf3f7; } /* Documentation blocks */ .wikiCmd { font-family: 'Consolas', 'DejaVu Sans', 'Lucida Console', monospace; font-size: 95%; display: inline-block; margin: 0 2px; padding: 0.01em 0.4em; border: 1px dotted #CCC; color: #333; display: inline-block; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } .wikiNote .wikiCmd { border: 0; } .wikiNote, .mw-editinginterface { margin: 1.1em 1.5em; padding: 0.7em 1.5em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1); } .wikiExample { background: #ebf5f8; border-color: #999; } .wikiWarning, .mw-editinginterface { background: #ffffdf; border-color: #dfb800; } .wikiTip { background: #efefef; border-color: #999999; } /* Button */ .buttons a, .buttons a:link, .buttons a:visited { display: block; margin: 15px 0 15px 0; text-decoration: none; color: #fff; position: relative; padding: 10px 20px; padding-right: 45px; background: #a50000; border-radius: 5px; box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #581a27, 0px 7px 5px #999; font-weight: bold; font-size: 120%; -moz-transition-property: background; -moz-transition-duration: 0.5s; -webkit-transition-property: background; -webkit-transition-duration: 0.5s; -o-transition-property: background; -o-transition-duration: 0.5s; border: 0; max-width: 240px; } .buttons a:hover { background: #d70014; box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #96000e, 0px 7px 5px #999; } .buttons a:active { top: 3px; background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%); box-shadow: inset 0px 1px 0px #ff838e, 0px 2px 0px 0px #612127, 0px 5px 3px #999; } .buttons a::before { background-color: #7e1b24; background-image: url(/images/button_arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 20px; height: 20px; position: absolute; right: 15px; top: 50%; margin-top: -9px; border-radius: 50%; box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066; } .buttons a:active::before { top: 50%; margin-top: -12px; box-shadow: inset 0px 1px 0px #ff838e, 0px 3px 0px #612127, 0px 6px 3px #34090d; } .buttons a img { vertical-align: middle; } /* Vector skin adjustment */ div#content { padding: 1.4em; } a:link { color: #0004b2; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } a:visited { color: #363771; } a:hover { color: #ac0000; text-decoration: none; border-bottom: 1px solid #999; } a.image:hover, #left-navigation a:hover, #right-navigation a:hover { border: 0; } a.new:link, a.new:visited { color: #dd0000; } h1, h1#firstHeading { font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 1.7em; font-weight: normal; border: 0; } h2 { font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: bold; margin: 1.6em 0 1em 0; padding: 0 0 0.2em 0; border-bottom: 1px solid #ccc; color: #555; } h3 { font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 1.1em 0 0.4em 0; } table.toc, table#toc { -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; margin: 2em 0 0 0; padding: 1em; border: 1px solid #ccc; background: transparent; white-space: nowrap; } table.toc h2 { border: 0; font-size: 1.3em; } .firstHeading img { margin: 0 3px; vertical-align: baseline; } .firstHeading small { font-size: 100%; color: #666; } div#footer { margin-left: 0 !important; } #p-search { margin-top: -5px; } #toolbar { background: #ebf5f8; padding: 0.8em; -webkit-border-top-left-radius: 0.3em; -webkit-border-top-right-radius: 0.3em; -moz-border-radius-topleft: 0.3em; -moz-border-radius-topright: 0.3em; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; } #editpage-copywarn { margin: 1em 0; background: #ebf5f8; padding: 0.6em 1em; font-size: 95%; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; } .editOptions .editCheckboxes input { margin: 0 0.01em 0 0.5em; padding: 0; } .editOptions .editCheckboxes { margin: 0.5em 0 0 0; font-size: 90%; float: right; } .editHelp { display: none; } .templatesUsed { margin-top: 5em; } .catlinks, #catlinks { display: inline-block; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; margin: 10em 0 0 0; padding: 0.6em; border: 1px solid #ccc; background: transparent; } #mw-normal-catlinks > a { font-weight: bold; color: #444; } .catlinks-allhidden, #catlinks.catlinks-allhidden, .catlinks.catlinks-allhidden { display: none; } body.ns-3 dd { border-left: 2px solid #a7d7f9; padding: 0 0 0 1em; margin-left: 2em; } body.ns-3 dl dl { background: #fff; margin-left: -1.5em; } body.ns-3 div > dl > dd { margin-left: 1em; } /* Addons */ #fckTools { background: #e4efff; padding: 0.3em; margin: 1em 0 0.5em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; float: right; } /* Specific to the wiki */ #localNotice { background: #f8f6eb; line-height: 1.6; margin: 0 0 2em 0; padding: 0.2em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; border: 1px solid #ccc; box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1); } #localNotice b { color: #a50000; } #localNotice a:link, #localNotice a:visited { background: transparent !important; padding: 0 !important; color: inherit !important; border-bottom: 1px solid #ccc; } #localNotice a:hover { color: #ac0000 !important; border-bottom: 1px solid #999; } #content .visualClear { clear: left !important; } #rightBar { font-size: 0.8em; }