Difference between revisions of "MediaWiki:Common.css"

From wiki.emacinc.com
Jump to: navigation, search
(added CSS from mediawiki.org)
(fixed formatting and copied in different CSS)
Line 14: Line 14:
 
/* CSS Copied from MediaWiki.org */
 
/* CSS Copied from MediaWiki.org */
  
/*This is the CSS for all skins (for all users) on MediaWiki.org.SECTIONS:1. Indication of namespaces2. Color classes for content3. Special pages4. Main page styling5. Sidebar external links6. [[Extension Matrix]] stuff7. Wikitables, infobox templates, warnings, and other such stylings8. Some other small things*//** * 1. INDICATION OF NAMESPACES * ------------------------------------------------- *//* Pseudo NS Special (light grey) */.ns--2 #content { background-color: #f4f4f4; }.ns--2 div.thumb { border-color: #f4f4f4; }/* NS Project + Project_talk (light sky blue) */.ns-4 #content,.ns-5 #content { background-color: #f8fcff; }.ns-4 div.thumb,.ns-5 div.thumb { border-color: #f8fcff; }/* NS MediaWiki + MediaWiki_talk (light grey) */.ns-8 #content,.ns-9 #content { background-color: #f4f4f4; }.ns-8 div.thumb,.ns-9 div.thumb { border-color: #f4f4f4; }/* NS Manual + Manual_talk (light bluish violet) */.ns-100 #content,.ns-101 #content { background-color: #f3f3ff; }.ns-100 div.thumb,.ns-101 div.thumb { border-color: #f3f3ff; }/* NS Help (but NOT Help_talk) (Public Domain icon) */.ns-12 #bodyContent { background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png); background-repeat: no-repeat; /* @noflip */ background-position: right 5em;}/** * 2. COLOR CLASSES FOR CONTENT * ------------------------------------------------- *//* Border colors */.borderc1 { border-color: #e9e9e9; border-width: thin; }.borderc2 { border-color: #aaaaaa; border-width: thin; }.borderc3 { border-color: #777777; border-width: thin; }.borderc4 { border-color: #000000; border-width: thin; }.borderc5 { border-color: #c00000; border-width: thin; }.borderc6 { border-color: #025e9d; border-width: thin; }.borderc7 { border-color: #008040; border-width: thin; }.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by: [[Template:Welcome]]. *//* Background colors */.backgroundc1 { background-color: #ffffff; } /* Used by: [[Template:Welcome]]. */.backgroundc2 { background-color: #f9f9f9; }.backgroundc3 { background-color: #eeeeee; }.backgroundc4 { background-color: #e0e0e0; }.backgroundc5 { background-color: #d2d2d2; }.backgroundc6 { background-color: #b7b7b7; }.backgroundc7 { background-color: #a3a3a3; }.backgroundc8 { background-color: #444455; }/** * 3. SPECIAL PAGES * ------------------------------------------------- *//* Consistent special page navigation */.SpecialPageInfo { background-color: #f9f9f9; background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png); background-position: 0.8em 0.5em; background-repeat: no-repeat; padding: 0.3em 0.5em 0.3em 5.0em; border-color: #025e9d; border-width: 1px; border-style: solid; border-bottom-width: medium; margin-bottom: 1em;}.mw-viewprevnext { display: block; border: 1px solid #cccccc; background-color: #f9f9f2; padding: 0.2em 0.4em;}/** * 4. MAIN PAGE STYLING * ------------------------------------------------- */#mainpage_topbox { background: #f9f9f9; padding: 0px; border: 1px solid #aaaaaa; margin: 0.2em 10px 10px;}.mainpage_boxtitle,.mainpage_hubtitle,#mainpage_pagetitle { font-size: 105%; padding: 0.4em; background-color: #eeeeee; border-bottom: 1px solid #aaaaaa;}.mainpage_boxtitle { line-height: 120%;}#mainpage_pagetitle { color: #cf7606; font-size: 200% !important;}#mainpage_sitelinks { padding: 0.2em; text-align: center; background-color: white;}.mainpage_hubtitle { text-align: center;}.mainpage_boxcontents,.mainpage_boxcontents_small { background: #ffffff; padding: 0.2em 0.4em;}.mainpage_boxcontents_small { font-size: 95%;}.mainpage_boxcontents_title { display: block; border-bottom: 1px solid #AAA; margin-bottom: 0.5em; text-align: center; font-weight: bold; font-size: larger;}.mainpage_hubbox,#mainpage_newscell,#mainpage_downloadcell,#mainpage_opportunitiescell,#mainpage_featuredpagescell { padding: 0; border: 1px solid #aaaaaa;}.mainpage_hubbox { margin-bottom: 0;}#mainpage_newscell { margin-bottom: 15px; margin-top: 0 !important;}#mainpage_newscell .mainpage_boxtitle { background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png); background-repeat: no-repeat; background-position: 99% 0.3em; padding-right: 25px;}#mainpage_downloadcell { width: 17em; margin-bottom: 5px;}#mainpage_downloadcell .mainpage_boxtitle { background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png); background-repeat: no-repeat; background-position: 96% 0.33em; padding-right: 25px;}#mainpage_opportunitiescell { max-width: 25em; margin-bottom: 15px; margin-top: 0 !important;}#mainpage_opportunitiescell .mainpage_boxtitle { background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png); background-repeat: no-repeat; background-position: 98% 0.15em; padding-right: 25px;}#mainpage_featuredpagescell { max-width: 25em; margin-bottom: 15px; margin-top: 0 !important;}#mainpage_featuredpagescell .mainpage_boxtitle { background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png); background-repeat: no-repeat; background-position: 98% 0.15em; padding-right: 25px;}/* The words 'MediaWiki.org' in the title. */#mainpage_mwtitle { color: #005288;}/** * The "mainpage" class is added to the body with JavaScript for the main page in all * languages, so we can style things that apppear on the main page and also elsewhere. */.mainpage #lastmod,.mainpage #siteSub,.mainpage h1.firstHeading { display: none !important;}.mainpage #content { padding-top: 1em;}/** * 5. SIDEBAR EXTERNAL LINKS * ------------------------------------------------- *//*#n-blog-text a,#n-mw-repo-commits a,#n-mw-repo-codereview a,#n-browse-repo a,#n-phpdoc a { background: url(//upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png) center right no-repeat; padding-right: 13px; color: #3366bb;}*//** * 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS * ------------------------------------------------- *//* Custom h* styles (blue headings) */.wikitable td.hl3,.wikitable th.hl3 { background-color: #8da7d6;}.wikitable td.hl1,.wikitable th.hl1 { background: #c5d8fc;}.wikitable td.hl2,.wikitable th.hl2 { background: #a7c1f2;}/** * Make entire table valign=top, * To replace the |valign=top| on every cell. */.vatop tr,tr.vatop,.vatop td,.vatop th { vertical-align: top;}/* General purpose "pretty (data) tables" */table.datatable { background-color: transparent;}table.datatable th,table.datatable td { padding: 4px;}table.datatable th { text-align: left; background-color: #999999;}table.datatable tr { background-color: #cccccc;}table.datatable tr:hover { background-color: #ffffcc;}/* SideBox styling */div.sideBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: 0.3em; width: 200px; overflow: hidden; clear: right;}div.sideBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%;}div.sideBox dl dt { background: none; margin: 0.4em 0 0 0;}div.sideBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3;}/* Extension & Skin infobox styling */.tpl-infobox { border: 2px solid #aaaaaa; width: 280px; /* @noflip */ clear: right; /* @noflip */ float: right; margin: 0 0 0.5em 0.5em; border-collapse: collapse; background-color: white;}.tpl-infobox td { border: 2px none #aaaaaa; padding: 0.2em 0.5em; border-bottom: 1px solid #f0f0f0 !important;}.tpl-infobox-header { background-color: #aaaaaa; color: white; text-align: left;}.tpl-infobox-header td { padding-top: 0.5em;}.ext-infobox-header img { padding: 0 0.2em 0 0.5em;}.ext-status-unstable,.ext-status-unstable td { border-color: #990000;}.ext-status-unstable .ext-infobox-header { background-color: #990000; color: #ffff00;}.ext-status-experimental,.ext-status-experimental td { border-color: #ff4500;}.ext-status-experimental .ext-infobox-header { background-color: #ff4500;}.ext-status-beta,.ext-status-beta td { border-color: #ffba01;}.ext-status-beta .ext-infobox-header { background-color: #ffba01;}.ext-status-stable,.ext-status-stable td { border-color: #32cd32;}.ext-status-stable .ext-infobox-header { background-color: #32cd32;}.ext-status-magic,.ext-status-magic td { border-color: #fe57a1;}.ext-status-magic .ext-infobox-header { color: #000; background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;}.ext-status-magic .ext-infobox-header img { visibility: hidden; padding-right: 1em;}.skin-infobox,.skin-infobox td { border-color: #a7d7f9;}.skin-infobox-header { color: #000; background: #e2f4ff;}/** * "Note" boxes ([[Template:Note]]) */.tip,.note { padding: 0.5em; margin: 0.5em 0; overflow: hidden; background-color: #F9F9F9; background-position: 4px 2px; background-repeat: no-repeat; border: 1px solid #DDD;}.tip-info,.note-info { background-color: #F0F0E7; background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png); border-color: #cc9933; /* @noflip */ padding-left: 30px; min-height: 28px;}.tip-reminder,.note-reminder { background-color: #F6FDEA; background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png); border-color: #D6E434; padding-left: 31px; min-height: 28px;}.tip-error,.note-error { background-color: #F0E7E7; background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png); border-color: #cc3333; padding-left: 32px; min-height: 25px;}/* Version box on [[Manual:Downloading MediaWiki]] */#DownloadVersionBox { border: 2px solid black; border-collapse: collapse; margin: auto; width: 50%; color: black;}#DownloadVersionBox td { border: 2px solid black; padding: 20px;}/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */.majorwarning { background: yellow; padding: 0.3em; text-align: center; font-size: 125%; border: 2px solid red;}/* Page headings used throughout the wiki (though not very much at the time of writing…) */.page-notice,.page-warning { border-width: 1px; border-style: solid; padding: 0.3em 0.5em; margin-bottom: 1em; width: 95%; margin-left: auto; margin-right: auto; text-align: center;}/* Informative notices at the top of pages (blue) */.page-notice { background-color: #f9f9f9; border-color: #025e9d; text-align: left;}/* Warning information at the top of pages (red) */.page-warning { background-color: #ffffff; border-color: #c51919; border-width: 2px;}.pw-head { color: #c51919; font-weight: bold;}/* Used in Template:Notice */.block-note { background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png); background-position: top left; background-repeat: no-repeat;}/** * Using block-contents in the hope that it can apply to all block-level warning templates, * with different images applied as backgrounds to the wrapping DIV. */.block-contents { display: block; padding-left: 20px;}/* Template documentation ([[Template:Documentation]]) */.template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 5px;}/* Default style for navigation boxes */table.navbox { /* Navbox container style */ border: 1px solid #aaa; 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 th,.navbox-title,.navbox-abovebelow { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em;}th.navbox-group { /* Group style */ white-space: nowrap; /* @noflip */ text-align: right;}.navbox,.navbox-subgroup { background: #fdfdfd;}.navbox-list { /* Must match background color */ border-color: #fdfdfd;}.navbox th,.navbox-title { /* Level 1 color */ background: #ccccff;}.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title { /* Level 2 color */ background: #ddddff;}.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow { /* Level 3 color */ background: #e6e6ff;}.navbox-even { /* Even row striping */ background: #f7f7f7;}.navbox-odd { /* Odd row striping */ background: transparent;}.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul { /* Adjust hlist padding in navboxes */ padding: 0.125em 0;}.navbox .hlist dd,.navbox .hlist dt,.navbox .hlist li { /* Nowrap list items in navboxes */ white-space: nowrap; /* IE < 8 no-wraps entire list, so disable it */ white-space: normal !ie;}.navbox .hlist dd dl,.navbox .hlist dt dl,.navbox .hlist li ol,.navbox .hlist li ul { /* But allow parent list items to be wrapped */ white-space: normal;}ol + table.navbox,ul + table.navbox { /* Prevent lists from clinging to navboxes */ margin-top: 0.5em;}/* Default styling for Navbar template */.navbar { display: inline; font-size: 88%; font-weight: normal;}.navbar ul { display: inline; white-space: nowrap;}.navbar li { word-spacing: -0.125em;}/* Navbar styling when nested in navbox */.navbox .navbar { display: block; font-size: 100%;}.navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em;}/* Allow people to optionally wrap lines in source listings */div.wrapPreLines pre { white-space: pre-wrap;}/** * 8. SOME OTHER SMALL THINGS * ------------------------------------------------- *//* Give a bit of space to the TOC */#toc { margin: 1em 0;}/** * Allow limiting of which header levels are shown in a TOC; * <div class="toclimit-3">, for instance, will limit to * showing ==headings== and ===headings=== but no further. * Used in [[Template:TOC]] */.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;}/* make the list of references look smaller and highlight clicked reference in blue */ol.references { font-size: 100%;}.references-small { font-size: 90%;}ol.references > li:target { background-color: #ddeeff;}sup.reference:target { background-color: #ddeeff;}/** * Styling for links generated by [[MediaWiki:Edittools]] * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */.mw-charinsert-buttons { margin-top: 10px; border: 1px solid #aaaaaa; padding: 1px; text-align: center; font-size: 110%;}.mw-charinsert-buttons a { color: black; background-color: #cde !important; font-weight: bold; font-size: .9em; text-decoration: none; border: thin #069 outset; padding: 0 .1em .1em;}.mw-charinsert-buttons a:hover,.mw-charinsert-buttons a:active { background-color: #bcd; border-style: inset;}.client-js .mw-edittools-section { display: inline;}.client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; padding-left: 1px; padding-right: 1px; margin-left: 1px;}/* from [[User:Splarka/Help:Linked images]] */.imagelink_wikilogo a { width: 135px; height: 135px; display: block; text-decoration: none; background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);}/** * Infoboxes */.infobox { float: right; clear: right; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; border: 1px solid #AAA; background: #F9F9F9; color: black;}.infobox td,.infobox th { vertical-align: top;}.infobox caption { margin-left: inherit; font-size: larger;}.infobox.bordered { border-collapse: collapse;}.infobox.bordered td,.infobox.bordered th { border: 1px solid #AAA;}.infobox.bordered .borderless td,.infobox.bordered .borderless th { border: 0;}/** * Apparently the namespaces parameter * for inputbox forces a checkbox. * Let's hide it in the API sidebar */.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],#mw-inputbox-ns104 { display: none;}/** Testing for code review **/div.mw-wordcloud { width: 100%; text-align: justify;}.mw-wordcloud-size-1 { color: #222; font-size: 2.4em;}.mw-wordcloud-size-2 { color: #333; font-size: 2.2em;}.mw-wordcloud-size-3 { color: #444; font-size: 2.0em;}.mw-wordcloud-size-4 { color: #555; font-size: 1.8em;}.mw-wordcloud-size-5 { color: #666; font-size: 1.6em;}.mw-wordcloud-size-6 { color: #777; font-size: 1.4em;}.mw-wordcloud-size-7 { color: #888; font-size: 1.2em;}.mw-wordcloud-size-8 { color: #999; font-size: 1em;}.mw-wordcloud-size-9 { color: #aaa; font-size: 0.8em; letter-spacing: 3px;}.mw-wordcloud-size-10,.mw-wordcloud-size-0 { color: #bbb; font-size: 0.8em;}/* Styling for related links and disambiguation links */.rellink,.dablink { font-style: italic; margin-bottom: 0.5em; padding-left: 2em;}/* @todo FIXME: document me :) */#signuptopbox li { float: left; list-style: none; font-family: sans-serif;}#signuptopbox li { color: #3ca7d4; background: #c2e1f9; line-height: 2.8em; margin-right: .25em; padding-right: .5em;}#signuptopbox li.pr-active,#signuptopbox li.pr-active div { color: #67ca36; background: #d4f9c2; border-color: #fff #fff #fff #67ca36;}#signuptopbox li div { width: 0; height: 0; border-color: #fff #fff #fff #3CA7D4; border-style: solid; border-width: 1.4em .3em 1.4em 1.4em; float: left;}#signuptopbox li span.pr-number { display: block; width: 1.8em; line-height: 1.8em; background: #3ca7d4; color: #c2e1f9; text-align: center; margin: .5em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-weight: 600; float: left;}#signuptopbox li.pr-active span.pr-number { background: #67ca36; color: #d4f9c2;}#signuptopbox li span { float: left;}#signuptopbox li.pr-spacer { padding: 0;}/* Breadcrumb code */.breadcrumb { list-style: none; overflow: hidden; font: 14px Helvetica, Arial, sans-serif;}.breadcrumb li { float: left; margin-bottom: 0;}.breadcrumb li a { color: white; text-decoration: none; padding: 10px 0 10px 45px; position: relative; display: block; float: left;}.breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; /* Go big on the size, and let overflow hide */ border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2;}.breadcrumb li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 31px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1;}.breadcrumb li:first-child a { padding-left: 20px;}.currentcrumb a { background: #069;}.currentcrumb a:after { border-left: 30px solid #069;}.currentcrumb a:hover,.prevcrumb a:hover,.nextcrumb a:hover { background: #002d44;}.currentcrumb a:hover:after,.prevcrumb a:hover:after,.nextcrumb a:hover:after { border-left-color: #002d44 !important;}.prevcrumb a { background: #396;}.prevcrumb a:after { border-left: 30px solid #396;}.nextcrumb a { background: #999;}.nextcrumb a:after { border-left: 30px solid #999;}/* To facilitate rtl translations */#bodyContent .table-RTL a { background: none; padding-right: 0;}#bodyContent .table-RTL ul { margin-right: 10px; display: table;}/* Fix annoying bug where the "date" column in the LQT sometimes * is two rows because of the date being too long even through there is * enough space (otherwise the browser makes it's own decision on where to cut) */.lqt_toc th:nth-child(3),.lqt_toc td:nth-child(3) { white-space: nowrap;}.persian { font-family: Tahoma;}/** * Fix so <syntaxhighlight> tags and .css and .js pages get normal text size. * [[bugzilla:26204]] */div.mw-geshi div,div.mw-geshi div pre,span.mw-geshi,pre.source-css,pre.source-javascript { font-family: monospace, "Courier New" !important;}/** * Manual:Database_layout */.mwmanual-dbview-box img { opacity: 0.5;}.mwmanual-dbview-box:hover img { opacity: 0.8;}.mwmanual-dbview-link { background: rgb(198, 212, 235); background: hsla(217, 48%, 85%, 0.8); border: 1px solid #0645AD; border-radius: 4px; padding: 10px 5px; text-align: center; font-weight: bold;}.mwmanual-dbview-box:hover .mwmanual-dbview-link { background: hsla(215, 46%, 95%, 0.8);}.mwmanual-dbview-link:hover { background: hsla(215, 46%, 95%, 0.9);}/** * Hide "Edit" tab from [[VisualEditor:Welcome]] until page protection affects VisualEditor extension too (added on 06-29-2012) * Unhid it for sysops in [[MediaWiki:Group-sysop.css]] */body.page-VisualEditor_Welcome li#ca-edit { display: none;}/** * VisualEditor documentation styles - required for displaying document diagrams */.ve-doc-dm-data { list-style: none; cursor: default;}.ve-doc-dm-data li { font-family: sans-serif; text-align: center; line-height: 2.25em; display: inline-block; width: 2.25em; height: 2.25em; border: solid 2px white;}.ve-doc-dm-data li.ve-doc-dm-cursor { width: 0.5em;}.ve-doc-dm-cursor:hover { border-color: #cccccc;}.ve-doc-dm-open,.ve-doc-dm-close { background-color: #50a5f4; color: #7ddcfd;}.ve-doc-dm-open:hover,.ve-doc-dm-close:hover { border-color: #7ddcfd;}.ve-doc-dm-close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC); background-size: contain; background-position: left top; background-repeat: no-repeat;}.ve-doc-dm-char,.ve-doc-dm-achar { border-radius: 3em;}.ve-doc-dm-char { background-color: #7bcc45; color: #fff;}.ve-doc-dm-char:hover { border-color: #b6f26c;}.ve-doc-dm-achar { background-color: #fa952c; color: #fff;}.ve-doc-dm-achar:hover { border-color: #fed045;}.ve-doc-dm-element-text { color: #50a5f4;}.ve-doc-dm-char-text { color: #7bcc45;}.ve-doc-dm-achar-text { color: #fa952c;}/* For templates in Category:VisualEditor tests templates */tt.ve-typing-test { color: white; background-color: black; padding: 0 1em 0 1em;}
+
 
 +
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */th.mbox-text, td.mbox-text {  /* The message body cell(s) */    border: none;    padding: 0.25em 0.9em;    /* 0.9em left/right */    width: 100%;              /* Make all mboxes the same width regardless of text length */}td.mbox-image {                /* The left image cell */    border: none;    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */    text-align: center; }td.mbox-imageright {          /* The right image cell */    border: none;    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */    text-align: center; }td.mbox-empty-cell {          /* An empty narrow cell */   border: none;    padding: 0px;   width: 1px;}/* Article message box styles */table.ambox {    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */    border: 1px solid #aaa;    border-left: 10px solid #1e90ff; /* Default "notice" blue */    background: #fbfbfb; }table.ambox + table.ambox {      /* Single border between stacked boxes. */   margin-top: -1px;}.ambox th.mbox-text, .ambox td.mbox-text {           /* The message body cell(s) */   padding: 0.25em 0.5em;       /* 0.5em left/right */}.ambox td.mbox-image {           /* The left image cell */    padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */}.ambox td.mbox-imageright {     /* The right image cell */   padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */}table.ambox-notice {    border-left: 10px solid #1e90ff;   /* Blue */}table.ambox-speedy {    border-left: 10px solid #b22222;    /* Red */    background: #fee;                  /* Pink */}table.ambox-delete {    border-left: 10px solid #b22222;    /* Red */}table.ambox-content {    border-left: 10px solid #f28500;    /* Orange */}table.ambox-style {    border-left: 10px solid #f4c430;    /* Yellow */}table.ambox-move {    border-left: 10px solid #9932cc;    /* Purple */}table.ambox-protection {    border-left: 10px solid #bba;      /* Gray-gold */}/* Image message box styles */table.imbox {   margin: 4px 10%;     border-collapse: collapse;     border: 3px solid #1e90ff;   /* Default "notice" blue */    background: #fbfbfb;}.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.       */    display: block;         /* Fix for webkit to force 100% width.  */}.mbox-inside .imbox {       /* For imboxes inside other templates.  */    margin: 4px;}table.imbox-notice {    border: 3px solid #1e90ff;   /* Blue */}table.imbox-speedy {   border: 3px solid #b22222;   /* Red */    background: #fee;             /* Pink */}table.imbox-delete {    border: 3px solid #b22222;    /* Red */}table.imbox-content {   border: 3px solid #f28500;   /* Orange */}table.imbox-style {   border: 3px solid #f4c430;   /* Yellow */}table.imbox-move {   border: 3px solid #9932cc;   /* Purple */}table.imbox-protection {   border: 3px solid #bba;       /* Gray-gold */}table.imbox-license {   border: 3px solid #88a;       /* Dark gray */    background: #f7f8ff;         /* Light gray */}table.imbox-featured {   border: 3px solid #cba135;   /* Brown-gold */}/* Category message box styles */table.cmbox {   margin: 3px 10%;    border-collapse: collapse;    border: 1px solid #aaa;    background: #DFE8FF;   /* Default "notice" blue */}table.cmbox-notice {    background: #D8E8FF;    /* Blue */}table.cmbox-speedy {    margin-top: 4px;    margin-bottom: 4px;    border: 4px solid #b22222;    /* Red */    background: #FFDBDB;          /* Pink */}table.cmbox-delete {    background: #FFDBDB;    /* Red */}table.cmbox-content {    background: #FFE7CE;    /* Orange */}table.cmbox-style {    background: #FFF9DB;    /* Yellow */}table.cmbox-move {    background: #E4D8FF;    /* Purple */}table.cmbox-protection {    background: #EFEFE1;    /* Gray-gold */}/* Other pages message box styles */table.ombox {   margin: 4px 10%;    border-collapse: collapse;    border: 1px solid #aaa;       /* Default "notice" gray */    background: #f9f9f9;}table.ombox-notice {    border: 1px solid #aaa;      /* Gray */}table.ombox-speedy {    border: 2px solid #b22222;    /* Red */   background: #fee;            /* Pink */}table.ombox-delete {    border: 2px solid #b22222;   /* Red */}table.ombox-content {    border: 1px solid #f28500;   /* Orange */}table.ombox-style {    border: 1px solid #f4c430;   /* Yellow */}table.ombox-move {    border: 1px solid #9932cc;   /* Purple */}table.ombox-protection {   border: 2px solid #bba;       /* Gray-gold */} /* Talk page message box styles */table.tmbox {    margin: 4px 10%;    border-collapse: collapse;    border: 1px solid #c0c090;    /* Default "notice" gray-brown */    background: #f8eaba;}.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */    margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */    width: 100%;                /* For Safari and Opera */}.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */    line-height: 1.5em;          /* also "nested", so reset styles that are  */      font-size: 100%;            /* set in "mbox-small" above.                */}table.tmbox-speedy {    border: 2px solid #b22222;    /* Red */   background: #fee;             /* Pink */}table.tmbox-delete {    border: 2px solid #b22222;   /* Red */}table.tmbox-content {   border: 2px solid #f28500;   /* Orange */}table.tmbox-style {    border: 2px solid #f4c430;   /* Yellow */}table.tmbox-move {   border: 2px solid #9932cc;   /* Purple */}table.tmbox-protection,table.tmbox-notice {   border: 1px solid #c0c090;   /* Gray-brown */}/* Disambig and set index box styles */table.dmbox {    clear: both;    margin: 0.9em 1em;    border-top: 1px solid #ccc;     border-bottom: 1px solid #ccc;     background: transparent;} /* Footer and header message box styles */table.fmbox {   clear: both;   margin: 0.2em 0;   width: 100%;   border: 1px solid #aaa;   background: #f9f9f9;     /* Default "system" gray */}table.fmbox-system {    background: #f9f9f9;}table.fmbox-warning {    border: 1px solid #bb7070; /* Dark pink */    background: #ffdbdb;       /* Pink */}table.fmbox-editnotice {   background: transparent;}/* Div based "warning" style fmbox messages. */div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon {    clear: both;   margin: 0.2em 0;   border: 1px solid #bb7070;   background: #ffdbdb;   padding: 0.25em 0.9em;}/* Div based "system" style fmbox messages.    Used in [[MediaWiki:Readonly lag]]. */div.mw-lag-warn-normal,div.fmbox-system {   clear: both;   margin: 0.2em 0;   border: 1px solid #aaa;   background: #f9f9f9;    padding: 0.25em 0.9em;}/* These mbox-small classes must be placed after all other    ambox/tmbox/ombox etc classes. "body.mediawiki" is so    they override "table.ambox + table.ambox" above. */body.mediawiki table.mbox-small {  /* For the "small=yes" option. */    clear: right;   float: right;   margin: 4px 0 4px 1em;    width: 238px;   font-size: 88%;   line-height: 1.25em;}body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */   margin: 4px 1em 4px 0;   width: 238px;   border-collapse: collapse;    font-size: 88%;   line-height: 1.25em;}

Revision as of 08:42, 25 February 2013

/* CSS placed here will be applied to all skins */

/* Change tag size over logo to fit size of EMAC logo */
#p-logo a,
#p-logo a:hover {        
    display: block;
    height: 100px;
    width: 12.2em;
    background-repeat: no-repeat;
    background-position: 35% 50% !important;
    text-decoration: none;
}

/* CSS Copied from MediaWiki.org */


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */th.mbox-text, td.mbox-text {   /* The message body cell(s) */    border: none;     padding: 0.25em 0.9em;     /* 0.9em left/right */    width: 100%;               /* Make all mboxes the same width regardless of text length */}td.mbox-image {                /* The left image cell */    border: none;     padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */    text-align: center; }td.mbox-imageright {           /* The right image cell */    border: none;    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */    text-align: center; }td.mbox-empty-cell {           /* An empty narrow cell */    border: none;    padding: 0px;    width: 1px;}/* Article message box styles */table.ambox {    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */    border: 1px solid #aaa;     border-left: 10px solid #1e90ff;  /* Default "notice" blue */    background: #fbfbfb; }table.ambox + table.ambox {      /* Single border between stacked boxes. */    margin-top: -1px;}.ambox th.mbox-text, .ambox td.mbox-text {            /* The message body cell(s) */    padding: 0.25em 0.5em;       /* 0.5em left/right */}.ambox td.mbox-image {           /* The left image cell */    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */}.ambox td.mbox-imageright {      /* The right image cell */    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */}table.ambox-notice {    border-left: 10px solid #1e90ff;    /* Blue */}table.ambox-speedy {    border-left: 10px solid #b22222;    /* Red */    background: #fee;                   /* Pink */}table.ambox-delete {    border-left: 10px solid #b22222;    /* Red */}table.ambox-content {    border-left: 10px solid #f28500;    /* Orange */}table.ambox-style {    border-left: 10px solid #f4c430;    /* Yellow */}table.ambox-move {    border-left: 10px solid #9932cc;    /* Purple */}table.ambox-protection {    border-left: 10px solid #bba;       /* Gray-gold */}/* Image message box styles */table.imbox {    margin: 4px 10%;     border-collapse: collapse;     border: 3px solid #1e90ff;    /* Default "notice" blue */    background: #fbfbfb;}.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */    display: block;         /* Fix for webkit to force 100% width.  */}.mbox-inside .imbox {       /* For imboxes inside other templates.  */    margin: 4px;}table.imbox-notice {    border: 3px solid #1e90ff;    /* Blue */}table.imbox-speedy {    border: 3px solid #b22222;    /* Red */    background: #fee;             /* Pink */}table.imbox-delete {    border: 3px solid #b22222;    /* Red */}table.imbox-content {    border: 3px solid #f28500;    /* Orange */}table.imbox-style {    border: 3px solid #f4c430;    /* Yellow */}table.imbox-move {    border: 3px solid #9932cc;    /* Purple */}table.imbox-protection {    border: 3px solid #bba;       /* Gray-gold */}table.imbox-license {    border: 3px solid #88a;       /* Dark gray */    background: #f7f8ff;          /* Light gray */}table.imbox-featured {    border: 3px solid #cba135;    /* Brown-gold */}/* Category message box styles */table.cmbox {    margin: 3px 10%;    border-collapse: collapse;    border: 1px solid #aaa;     background: #DFE8FF;    /* Default "notice" blue */}table.cmbox-notice {    background: #D8E8FF;    /* Blue */}table.cmbox-speedy {    margin-top: 4px;    margin-bottom: 4px;    border: 4px solid #b22222;    /* Red */    background: #FFDBDB;          /* Pink */}table.cmbox-delete {    background: #FFDBDB;    /* Red */}table.cmbox-content {    background: #FFE7CE;    /* Orange */}table.cmbox-style {    background: #FFF9DB;    /* Yellow */}table.cmbox-move {    background: #E4D8FF;    /* Purple */}table.cmbox-protection {    background: #EFEFE1;    /* Gray-gold */}/* Other pages message box styles */table.ombox {    margin: 4px 10%;     border-collapse: collapse;     border: 1px solid #aaa;       /* Default "notice" gray */    background: #f9f9f9;}table.ombox-notice {    border: 1px solid #aaa;       /* Gray */}table.ombox-speedy {    border: 2px solid #b22222;    /* Red */    background: #fee;             /* Pink */}table.ombox-delete {    border: 2px solid #b22222;    /* Red */}table.ombox-content {    border: 1px solid #f28500;    /* Orange */}table.ombox-style {    border: 1px solid #f4c430;    /* Yellow */}table.ombox-move {    border: 1px solid #9932cc;    /* Purple */}table.ombox-protection {    border: 2px solid #bba;       /* Gray-gold */} /* Talk page message box styles */table.tmbox {    margin: 4px 10%;    border-collapse: collapse;    border: 1px solid #c0c090;    /* Default "notice" gray-brown */    background: #f8eaba;}.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */    width: 100%;                 /* For Safari and Opera */}.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */    line-height: 1.5em;          /* also "nested", so reset styles that are   */       font-size: 100%;             /* set in "mbox-small" above.                */}table.tmbox-speedy {    border: 2px solid #b22222;    /* Red */    background: #fee;             /* Pink */}table.tmbox-delete {    border: 2px solid #b22222;    /* Red */}table.tmbox-content {    border: 2px solid #f28500;    /* Orange */}table.tmbox-style {    border: 2px solid #f4c430;    /* Yellow */}table.tmbox-move {    border: 2px solid #9932cc;    /* Purple */}table.tmbox-protection,table.tmbox-notice {    border: 1px solid #c0c090;    /* Gray-brown */}/* Disambig and set index box styles */table.dmbox {    clear: both;     margin: 0.9em 1em;     border-top: 1px solid #ccc;     border-bottom: 1px solid #ccc;     background: transparent;} /* Footer and header message box styles */table.fmbox {    clear: both;    margin: 0.2em 0;    width: 100%;    border: 1px solid #aaa;    background: #f9f9f9;     /* Default "system" gray */}table.fmbox-system {    background: #f9f9f9;}table.fmbox-warning {    border: 1px solid #bb7070;  /* Dark pink */    background: #ffdbdb;        /* Pink */}table.fmbox-editnotice {    background: transparent;}/* Div based "warning" style fmbox messages. */div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon {    clear: both;    margin: 0.2em 0;    border: 1px solid #bb7070;    background: #ffdbdb;    padding: 0.25em 0.9em;}/* Div based "system" style fmbox messages.    Used in [[MediaWiki:Readonly lag]]. */div.mw-lag-warn-normal,div.fmbox-system {    clear: both;    margin: 0.2em 0;    border: 1px solid #aaa;    background: #f9f9f9;    padding: 0.25em 0.9em;}/* These mbox-small classes must be placed after all other    ambox/tmbox/ombox etc classes. "body.mediawiki" is so    they override "table.ambox + table.ambox" above. */body.mediawiki table.mbox-small {   /* For the "small=yes" option. */    clear: right;    float: right;    margin: 4px 0 4px 1em;    width: 238px;    font-size: 88%;    line-height: 1.25em;}body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */    margin: 4px 1em 4px 0;    width: 238px;    border-collapse: collapse;    font-size: 88%;    line-height: 1.25em;}