|
|
(2 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* For template documentation */ | | /** CSS placed here will be applied to the Wiki's default Oasis skin */ |
| .template-documentation {
| |
| clear: both;
| |
| margin: 1em 0 0 0;
| |
| border: 1px solid #aaa;
| |
| background-color: #ecfcf4;
| |
| padding: 5px;
| |
| }
| |
|
| |
|
| /* Auto-number rows in tables */ | | /*LEAVE THIS IMPORT ABOVE EVERYTHING ELSE*/ |
| | | @import url("/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400"); |
| table.numbered { counter-reset: row; }
| |
| table.numbered td:first-child:before { counter-increment: row; content: counter(row) ". "; }
| |
| | |
| /* Make the list of references smaller */
| |
| ol.references {
| |
| font-size: 100%;
| |
| }
| |
| .references-small {
| |
| font-size: 90%;
| |
| }
| |
| | |
| /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
| |
| /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
| |
| /* column-count is from the CSS3 module "CSS Multi-column Layout" */
| |
| /* Please ignore any validator errors caused by these two lines */
| |
| .references-2column {
| |
| font-size: 90%;
| |
| -moz-column-count: 2;
| |
| -webkit-column-count: 2;
| |
| column-count: 2;
| |
| }
| |
| | |
| /* Highlight clicked reference in blue to help navigation */
| |
| ol.references > li:target {
| |
| background-color: #DEF;
| |
| }
| |
| | |
| sup.reference:target {
| |
| background-color: #DEF;
| |
| }
| |
| | |
| /* Styling for citations */
| |
| cite {
| |
| font-style: normal;
| |
| word-wrap: break-word;
| |
| }
| |
| | |
| /* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
| |
| cite:target {
| |
| background-color: #DEF;
| |
| }
| |
| | |
| /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */
| |
| | |
| @media screen, handheld, projection {
| |
| cite *.printonly {
| |
| display: none;
| |
| }
| |
| }
| |
| | |
| /* Wikitable (Prettytable) class for skinning normal tables */
| |
| table.wikitable,
| |
| table.prettytable {
| |
| margin: 1em 1em 1em 0;
| |
| background: #f9f9f9;
| |
| border: 1px #aaaaaa solid;
| |
| border-collapse: collapse;
| |
| empty-cells: show;
| |
| }
| |
| table.wikitable th, table.wikitable td,
| |
| table.prettytable th, table.prettytable td {
| |
| border: 1px #aaaaaa solid;
| |
| padding: 0.2em 0.4em;
| |
| }
| |
| table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
| |
| table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
| |
| background: #d6e0f5;
| |
| text-align: center;
| |
| }
| |
| table.wikitable td.hl1, table.wikitable th.hl1,
| |
| table.prettytable td.hl1, table.wikitable th.hl1 {
| |
| background: #c5d8fc;
| |
| text-align: center;
| |
| }
| |
| table.wikitable td.hl2, table.wikitable th.hl2,
| |
| table.prettytable td.hl2, table.wikitable th.hl2 {
| |
| background: #a7c1f2;
| |
| text-align: center;
| |
| }
| |
| table.wikitable caption,
| |
| table.prettytable caption {
| |
| margin-left: inherit;
| |
| margin-right: inherit;
| |
| font-weight: bold;
| |
| }
| |
| | |
| /*
| |
| * MenuSidebar
| |
| */
| |
| /* this has to be overridden for every menu */
| |
| #p-Menu,
| |
| #p-Menu2,
| |
| #p-Menu3 {
| |
| overflow: visible;
| |
| }
| |
|
| |
| /* this has to be overridden for every menu */
| |
| #p-Menu div,
| |
| #p-Menu2 div,
| |
| #p-Menu3 div {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* this is an example to make the list of the second entry bigger e.g. when there is a longer text in a list item
| |
| #p-Menu ul li.item2 ul {
| |
| width: 16em;
| |
| }
| |
| */
| |
|
| |
| /* this an example to change the background color of every second list item
| |
| li.even {
| |
| background-color: #eeeeee;
| |
| }
| |
| */
| |
|
| |
| .menuSidebar ul { /* remove bullets and list indents */
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* this div is only for better handling and navigation ... could also be done in inner ul*/
| |
| .menuSidebar ul div {
| |
| position: absolute;
| |
| top: -6px;
| |
| left: 100%; /* to position them to the right of their containing block */
| |
| width: 100%; /* width is based on the containing block */
| |
| z-index: 100; /* show ul on top */
| |
| }
| |
|
| |
| .menuSidebar ul ul { | |
| background-color: white;
| |
| border: 1px solid #aaaaaa;
| |
| margin-top: 5px; /* make navigation easier*/
| |
| margin-bottom: 5px; /* make navigation easier*/
| |
| z-index: 101; /* show on top; Needed for IE 7 */
| |
| width: 12em; /* width of inner menu, Needed for IE 7 */
| |
| }
| |
|
| |
| .menuSidebar li {
| |
| position: relative; /* make li a container for inner elements */
| |
| margin: 1px;
| |
| z-index: 102; /* show on top; Needed for IE 7 */
| |
| }
| |
|
| |
| /* style, color and size links and headings to suit */
| |
| .menuSidebar a {
| |
| font-weight: normal;
| |
| display: block;
| |
| border-width: 0px 0px 0px 0px;
| |
| border-style: solid;
| |
| border-color: #aaaaaa;
| |
| margin: 0px;
| |
| padding: 1px;
| |
| padding-left: 5px;
| |
| color: #0000ff;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* move the > to the right */
| |
| .menuSidebar a em {
| |
| position: absolute;
| |
| right: 4px;
| |
| }
| |
|
| |
| .menuSidebar li:hover, /* Needed for IE 7 */
| |
| .menuSidebar a:hover {
| |
| background: #ccccff;
| |
| }
| |
|
| |
| .menuSidebar li.separator a:hover {
| |
| background: white;
| |
| }
| |
|
| |
| /* Needed for IE 7 */
| |
| .menuSidebar li.separator a,
| |
| .menuSidebar li.separator {
| |
| line-height: 0px;
| |
| height: 0px;
| |
| font-size: 0px;
| |
| }
| |
|
| |
| .menuSidebar ul li:last-Child a {
| |
| border-width: 0px 0px 0px 0px; // remove the last bottom line
| |
| padding-bottom: 0px;
| |
| }
| |
|
| |
| /* hides the first level */
| |
| .menuSidebar ul li div { display: none; }
| |
|
| |
| /* shows the first level and hide the second */
| |
| .menuSidebar ul li:hover div,
| |
| .menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
| |
| .menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */
| |
|
| |
| /* second level*/
| |
| .menuSidebar ul li ul li:hover div,
| |
| .menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/
| |
| .menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */
| |
|
| |
| /* third level */
| |
| .menuSidebar ul li ul li ul li:hover div,
| |
| .menuSidebar ul li ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/
| |
| .menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */
| |
| | |
| /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
| |
| in [[MediaWiki:Common.js]] are styled here so they can be customised. */
| |
| .collapseButton {
| |
| /* @noflip */
| |
| float: right;
| |
| font-weight: normal;
| |
| /* @noflip */
| |
| margin-left: 0.5em;
| |
| /* @noflip */
| |
| text-align: right;
| |
| width: auto;
| |
| }
| |
| | |
| /* Homepage styling */ | |
| #mainpage_container {
| |
| width:100%;
| |
| margin:1em 0 0;
| |
| padding:2px;
| |
| }
| |
| | |
| .mainpage_box {
| |
| width:33%;
| |
| padding:5 0em;
| |
| background:#ffffff;
| |
| vertical-align:top;
| |
| }
| |
| | |
| .mainpage_boxheader {
| |
| border:1px solid #a3b0bf;
| |
| border-radius:25px;
| |
| padding:5px;
| |
| margin:3px;
| |
| text-align: center;
| |
| }
| |
| | |
| .mainpage_boxheader div {
| |
| float:right;
| |
| }
| |
| | |
| .mainpage_boxcontents {
| |
| padding:0 2em;
| |
| }
| |
| | |
| /* Item and Equipment Templates */
| |
| .item {
| |
| float:left;
| |
| width:300px;
| |
| border: 1px solid #907854;
| |
| background-color: #000000;
| |
| color: #FFFFFF;
| |
| opacity: 0.9;
| |
| margin-top:7px;
| |
| padding: 0.2em;
| |
| }
| |
| | |
| .item p {
| |
| border-bottom:1px solid #907854;
| |
| text-align:center;
| |
| }
| |
| | |
| #itemheader {
| |
| border-bottom:1px solid #907854;
| |
| text-align:center;
| |
| line-height: 32px;
| |
| height:36px;
| |
| }
| |
| | |
| /* Creature and NPC Templates */
| |
| .character {
| |
| width:308px;
| |
| height:412px;
| |
| border: 1px solid #907854;
| |
| background-color: #1A1A1A;
| |
| color: #FFFFFF;
| |
| padding:5px;
| |
| }
| |
| | |
| table.character-infobox {
| |
| background:#f9f9f9;
| |
| border:1px solid #e5e5e5;
| |
| padding:5px;
| |
| width:300px;
| |
| float:right;
| |
| }
| |
| | |
| table.character-infobox th {
| |
| border:1px solid #a3b0bf;
| |
| text-align:center;
| |
| padding:5px;
| |
| }
| |
| | |
| /* Dungeon Summary Template */
| |
| | |
| table.dungeon-infobox {
| |
| background:#f9f9f9;
| |
| border:1px solid #e5e5e5;
| |
| padding:5px;
| |
| width:300px;
| |
| float:right;
| |
| }
| |
| | |
| table.dungeon-infobox th {
| |
| border:1px solid #a3b0bf;
| |
| text-align:center;
| |
| padding:5px;
| |
| }
| |
| | |
| table.dungeon-infobox td.subheader {
| |
| font-weight:bold;
| |
| line-height:25px;
| |
| }
| |
| | |
| /* Quest Summary Template */
| |
| | |
| table.quest-infobox {
| |
| background:#f9f9f9;
| |
| border:1px solid #e5e5e5;
| |
| padding:5px;
| |
| width:250px;
| |
| float:right;
| |
| }
| |
| | |
| table.quest-infobox th {
| |
| border:1px solid #a3b0bf;
| |
| padding:5px;
| |
| text-align:center;
| |
| }
| |
| | |
| table.rowcolors tr.even {background-color: #FFFFFF;}
| |
| table.rowcolors tr.odd {background-color: #F0F0F0;}
| |
| | |
| /* Templates Additional */
| |
| | |
| .contentsbar {
| |
| background:#f9f9f9;
| |
| border:1px solid #aaaaaa;
| |
| padding:5px;
| |
| width:100%;
| |
| text-align:center;
| |
| }
| |
| | |
| .twocolumn {
| |
| margin:0;
| |
| padding:0;
| |
| line-height:25px;
| |
| }
| |
|
| |
| .twocolumn p {
| |
| vertical-align:top;
| |
| display: inline-block;
| |
| width:49%;
| |
| margin:0;
| |
| padding:0;
| |
| }
| |
| | |
| /* Tooltips */
| |
| .htt .tooltip-content .tooltip-hide, .hidden { display:none; }
| |
| | |
| .tooltip-error {
| |
| background-color: black;
| |
| color: white;
| |
| max-width: 18em;
| |
| }
| |
| | |
| .tooltip-ready {
| |
| visibility:hidden;
| |
| display:block;
| |
| z-index:999;
| |
| }
| |
| | |
| .creaturetooltip {
| |
| background-color: #f9f9f9;
| |
| }
| |
| | |
| /* Chat colors */
| |
| span.say {
| |
| color:black;
| |
| }
| |
| | |
| span.emote {
| |
| color:grey;
| |
| }
| |
| | |
| span.tell {
| |
| color:darkgoldenrod;
| |
| }
| |
| | |
| span.event {
| |
| color:green;
| |
| }
| |
| | |
| span.magic {
| |
| color:cornflowerblue;
| |
| }
| |
| | |
| /* Return to section link */
| |
| .returntobar {
| |
| width:18%;
| |
| padding: 5px;
| |
| margin: 3px;
| |
| border:1px solid #a3b0bf;
| |
| border-radius:25px;
| |
| font-size:85%;
| |
| }
| |
| | |
| .returntobar span {
| |
| font-weight:bold;
| |
| }
| |
| | |
| .returntobar div {
| |
| float: right;
| |
| }
| |
| | |
| /* Section background colors */
| |
| .accwikibgc {background: #99b6ec}
| |
| .characterbgc {background: #bceca9}
| |
| .gameplaybgc {background: #fffaa6}
| |
| .newsbgc {background: #a79aec}
| |
| .questsbgc {background: #eca9bc}
| |
| .itemsbgc {background: #a9deec}
| |
| .craftingbgc {background: #ecd8a9}
| |
| .worldbgc {background: #ecb7a9}
| |
| .lorebgc {background: #b1897e}
| |
| .gettingstartedbgc {background: #d7a9ec}
| |
| .mediabgc {background: #ffcea6}
| |
| .turbinebgc {background: #deeca9}
| |
| | |
| /* WIKIA Stuff */
| |
| | |
| /** The backgrounds for galleries. **/
| |
| .wikia-gallery-item .thumb {
| |
| background-color: #000;
| |
| }
| |
| | |
| /* TabView extension */
| |
| | |
| /** set the base backcolor of the 'off' tabs **/
| |
| .yui-navset .yui-nav li
| |
| {
| |
| background-color: #D4DEE8;
| |
| padding-left: 10px;
| |
| padding-right: 10px;
| |
| }
| |
| | |
| /** set the background color of the content and the 'on' tab the same **/
| |
| .yui-content, .yui-navset .yui-nav li.selected
| |
| {
| |
| background-color: #E7F2FF;
| |
| }
| |
| | |
| /** style the 'on' tab **/
| |
| .yui-navset .yui-nav .selected {
| |
| border-style: solid;
| |
| border-width: 2px 0 0 0;
| |
| border-top-color: #2F5DBA;
| |
| }
| |
| | |
| /** keep the side padding, but enforce no gap between content area and tabs **/
| |
| .yui-content {
| |
| margin-top: 0;
| |
| padding-top: 0.25em;
| |
| padding-left: 0.5em;
| |
| padding-right: 0.5em;
| |
| }
| |