MediaWiki:Common.css: Difference between revisions
No edit summary |
(change .character-infobox colors) |
||
(64 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/** CSS placed here will be applied to all skins */ | /** CSS placed here will be applied to all skins except the default Wikia skin */ | ||
/* For template documentation */ | /* For template documentation */ | ||
Line 46: | Line 36: | ||
/* Highlight clicked reference in blue to help navigation */ | /* Highlight clicked reference in blue to help navigation */ | ||
ol.references > li:target { | ol.references > li:target { | ||
background-color: # | background-color: #333366; | ||
} | } | ||
sup.reference:target { | sup.reference:target { | ||
background-color: # | background-color: #333366; | ||
} | } | ||
Line 61: | Line 51: | ||
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */ | /* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */ | ||
cite:target { | cite:target { | ||
background-color: # | background-color: #333366; | ||
} | } | ||
Line 71: | Line 61: | ||
} | } | ||
} | } | ||
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | ||
in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | ||
.collapseButton { | .collapseButton { | ||
float:right; | |||
float: right; | font-weight:normal; | ||
font-weight: normal; | margin-left:0.5em; | ||
text-align:right; | |||
margin-left: 0.5em; | width:auto; | ||
text-align: right; | |||
width: auto; | |||
} | } | ||
/* 'collapse'/'expand' buttons created by the mw-collapsible javascript */ | |||
.collapse span.mw-collapsible-toggle {float: left;} | |||
/* Table alignment */ | |||
.columnscenter tr {text-align:center;} | |||
.columnsright tr {text-align:right;} | |||
.columntworight td:nth-child(2) {text-align:right;} | |||
.columnstop td {vertical-align: top;} | |||
/* Homepage styling */ | /* Homepage styling */ | ||
Line 251: | Line 91: | ||
width:33%; | width:33%; | ||
padding:5 0em; | padding:5 0em; | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
.mainpage_boxheader { | .mainpage_boxheader { | ||
border: | border: 2px solid #1d72ac; | ||
border-radius: | border-radius: 0.25rem; | ||
padding: | padding: 0.75rem; | ||
margin:3px; | margin: 3px; | ||
text-align: center; | text-align: center; | ||
color: #ffffff; | |||
} | } | ||
Line 275: | Line 115: | ||
float:left; | float:left; | ||
width:300px; | width:300px; | ||
border: | border:2px solid #1d72ac; | ||
background-color: # | //background-color: #1a1a1a; | ||
color: #FFFFFF | //color: #FFFFFF; | ||
padding: 0.2em; | padding: 0.2em; | ||
font-size: 0.90em; | |||
font-family: Verdana, Arial, sans-serif; | |||
} | } | ||
.item | .item span {color:GreenYellow} | ||
border-bottom:1px solid #907854; | .item a:visited {color:SkyBlue} | ||
.item a:link, a:hover, a:active {color:RoyalBlue} | |||
.item_textbox { | |||
background-color:#e6dd80; | |||
border:1px solid #cc9900; | |||
color:#000000; | |||
padding:30px; | |||
width:500px; | |||
margin:10px auto 0; | |||
text-align:justify; | |||
} | |||
.item_textbox #author { | |||
border-top:1px solid #cc9900; | |||
margin:10px 0; | |||
} | |||
.item ul, .item_textbox ul { | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
list-style-type: none; | |||
list-style-image: none; | |||
} | |||
.item li.topbottomspace {margin:10px 0px;} | |||
.item li.topspace {margin-top:10px;} | |||
.item li.bottomspace {margin-bottom:10px;} | |||
.item li.dmgbonus {padding-left:6px;} | |||
.item li.inscription {border-top:1px solid #907854;} | |||
#item_header { | |||
display:table; | |||
padding:2px; | |||
text-align:center; | text-align:center; | ||
width:100%; | |||
font-weight:bold; | |||
} | |||
#item_header div { | |||
display:table-cell; | |||
vertical-align: middle; | |||
} | } | ||
# | #item_header div + div { | ||
border | display:table-cell; | ||
vertical-align: middle; | |||
width:40px; | |||
} | |||
/* Dyed Variations Template */ | |||
.dyedvariations { | |||
border: 1px solid white; | |||
border-collapse: collapse; | |||
background:#404040; | |||
color:white; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
.dyedvariations td { | |||
. | border: 1px solid white; | ||
padding:5px; | |||
} | } | ||
.dyedvariations th { | |||
font-size:large; | |||
font-weight: bold; | |||
padding:5px; | padding:5px; | ||
width: | } | ||
/* Creature and NPC Templates */ | |||
.character-infobox { | |||
//background:#000033; | |||
border:2px solid #1d72ac; | |||
padding:0.3em; | |||
width:22em; | |||
float:right; | float:right; | ||
font-size:95%; | |||
//color:#ffffff; | |||
} | } | ||
.character-infobox th { | |||
padding:0.5em; | |||
font-size:120%; | |||
} | } | ||
/* Dungeon Summary Template */ | /* Dungeon Summary Template */ | ||
.location-infobox { | |||
//background:#000033; | |||
border:2px solid #1d72ac; | |||
//padding:0.3em; | |||
width:22em; | |||
float:right; | |||
font-size:95%; | |||
//color:#ffffff; | |||
} | |||
.location-infobox th { | |||
background:# | padding:0.5em; | ||
border: | font-size:120%; | ||
padding: | } | ||
width: | |||
/* Quest Summary Template */ | |||
.quest-infobox { | |||
//background:#000033; | |||
border:2px solid #1d72ac; | |||
padding:0.3em; | |||
width:22em; | |||
float:right; | float:right; | ||
font-size:95%; | |||
//color:#ffffff; | |||
} | } | ||
.quest-infobox th { | |||
padding:0.5em; | |||
text-align:center; | text-align:center; | ||
font-size:120%; | |||
} | |||
/* Quest Rewards Template */ | |||
table.questrewards { | |||
width:375px; | |||
//background:#000033; | |||
border:2px solid #1d72ac; | |||
margin-bottom:3px; | |||
} | |||
table.questrewards th { | |||
background:#1d72ac; | |||
font: normal 105% Verdana; | |||
} | |||
table.questrewards td:first-child { | |||
text-align:center; | |||
width:100px; | |||
font: normal 95% Verdana; | |||
//color:#ffffff; | |||
} | |||
table.questrewards td:last-child { | |||
font: normal 100% Arial; | |||
} | |||
table.questrewards tr { | |||
vertical-align:top; | |||
} | |||
table.questrewards th a { | |||
color: #ffffff; | |||
} | } | ||
/* Item list templates */ | |||
.itemtable { | |||
display:table; | |||
margin-left:6px; | |||
margin-bottom:10px; | |||
} | } | ||
.itemtable_row { | |||
display:table-row; | |||
} | |||
.itemtable_cell { | |||
display:table-cell; | |||
padding:5px; | padding:5px; | ||
} | } | ||
.itemtable_caption { | |||
font-weight: bold; | |||
padding: | } | ||
.itemlist ul { | |||
list-style: none; | |||
list-style-type: none; | |||
list-style-image: none; | |||
} | |||
.creatureitems { | |||
display:inline-block; | |||
padding:3px; | |||
margin-bottom:1px; | |||
} | } | ||
.creatureitems > span { | |||
position: absolute; | |||
} | |||
.creatureitems > span > span { | |||
font-size:29px; | |||
z-index:1; | |||
position: absolute; | |||
right: -32px; | |||
bottom: -26px; | |||
} | |||
/* Horizontal ToC bar (dungeon and quest templates) */ | |||
.contentsbar { | .contentsbar { | ||
background:# | // background:#000033; | ||
padding:5px; | padding:5px; | ||
width:100%; | width:100%; | ||
Line 369: | Line 329: | ||
} | } | ||
. | /* Map point template */ | ||
.mappoint { | |||
position:relative; | |||
top:0px; | |||
left:0px; | |||
width:260px; | |||
} | } | ||
.mappoint span:first-child { | |||
. | position:absolute; | ||
top:2px; | |||
left:2px; | |||
z-index:1; | |||
} | |||
.mappoint span + span, .mappointloc { | |||
z-index:2; | |||
} | } | ||
Line 400: | Line 364: | ||
.creaturetooltip { | .creaturetooltip { | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
} | |||
/* Top navigation links */ | |||
.top-nav-links { | |||
//background:#000033; | |||
border:2px solid #1d72ac; | |||
padding:0.3em; | |||
//color:#ffffff; | |||
} | } | ||
Line 421: | Line 393: | ||
span.magic { | span.magic { | ||
color:cornflowerblue; | color:cornflowerblue; | ||
} | |||
/* Buffed/debuffed stat color */ | |||
span.buffed { | |||
color:greenyellow; | |||
} | |||
span.debuffed { | |||
color:red; | |||
} | } | ||
/* Return to section link */ | /* Return to section link */ | ||
. | .linkbar { | ||
width: | width:25%; | ||
padding: 5px; | padding: 5px; | ||
margin: 3px; | margin: 3px; | ||
font-size:85%; | font-size:85%; | ||
} | } | ||
. | .linkbar span { | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
. | .linkbar div { | ||
float: right; | float: right; | ||
} | } | ||
/* Section background colors */ | /* Section background colors */ | ||
.accwikibgc {background: # | /* old fandom color #996633, changed to #1d72ac*/ | ||
.characterbgc {background: # | |||
.gameplaybgc {background: # | .accwikibgc {background: #1d72ac} | ||
.newsbgc {background: # | .characterbgc {background: #1d72ac} | ||
.questsbgc {background: # | .gameplaybgc {background: #1d72ac} | ||
.itemsbgc {background: # | .newsbgc {background: #1d72ac} | ||
.craftingbgc {background: # | .questsbgc {background: #1d72ac} | ||
.worldbgc {background: # | .itemsbgc {background: #1d72ac} | ||
.lorebgc {background: # | .craftingbgc {background: #1d72ac} | ||
.gettingstartedbgc {background: # | .worldbgc {background: #1d72ac} | ||
.mediabgc {background: # | .lorebgc {background: #1d72ac} | ||
.turbinebgc {background: # | .gettingstartedbgc {background: #1d72ac} | ||
.mediabgc {background: #1d72ac} | |||
.turbinebgc {background: #1d72ac} | |||
/* Hide main page title */ | |||
body.page-Home h1.firstHeading {display:none;} | |||
/* Styles for Template:Turbine Games Q&A */ | |||
.wiki-template-turbinegamesqa { | |||
background-color:#000000; | |||
border:2px solid #000000; | |||
width:80%; | |||
padding:30px; | |||
margin-bottom:20px; | |||
margin-left:5%; | |||
margin-right:10% | |||
} | |||
.wiki-template-turbinegamesqa [href]:link { | |||
color: #FFFFCC; | |||
text-decoration: underline | |||
} | |||
.wiki-template-turbinegamesqa [href]:visited { | |||
color: #FFFFCC; | |||
text-decoration: underline | |||
} | |||
.wiki-template-turbinegamesqa [href]:hover { | |||
color: #FFFF66; | |||
text-decoration: underline | |||
} | |||
.wiki-template-turbinegamesqa [href]:active { | |||
color: #FFFFCC; | |||
text-decoration: underline | |||
} |
Latest revision as of 20:59, 21 January 2024
/** CSS placed here will be applied to all skins except the default Wikia skin */
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
/* Auto-number rows in tables */
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: #333366;
}
sup.reference:target {
background-color: #333366;
}
/* 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: #333366;
}
/* 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;
}
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
float:right;
font-weight:normal;
margin-left:0.5em;
text-align:right;
width:auto;
}
/* 'collapse'/'expand' buttons created by the mw-collapsible javascript */
.collapse span.mw-collapsible-toggle {float: left;}
/* Table alignment */
.columnscenter tr {text-align:center;}
.columnsright tr {text-align:right;}
.columntworight td:nth-child(2) {text-align:right;}
.columnstop td {vertical-align: top;}
/* Homepage styling */
#mainpage_container {
width:100%;
margin:1em 0 0;
padding:2px;
}
.mainpage_box {
width:33%;
padding:5 0em;
vertical-align:top;
}
.mainpage_boxheader {
border: 2px solid #1d72ac;
border-radius: 0.25rem;
padding: 0.75rem;
margin: 3px;
text-align: center;
color: #ffffff;
}
.mainpage_boxheader div {
float:right;
}
.mainpage_boxcontents {
padding:0 2em;
}
/* Item and Equipment Templates */
.item {
float:left;
width:300px;
border:2px solid #1d72ac;
//background-color: #1a1a1a;
//color: #FFFFFF;
padding: 0.2em;
font-size: 0.90em;
font-family: Verdana, Arial, sans-serif;
}
.item span {color:GreenYellow}
.item a:visited {color:SkyBlue}
.item a:link, a:hover, a:active {color:RoyalBlue}
.item_textbox {
background-color:#e6dd80;
border:1px solid #cc9900;
color:#000000;
padding:30px;
width:500px;
margin:10px auto 0;
text-align:justify;
}
.item_textbox #author {
border-top:1px solid #cc9900;
margin:10px 0;
}
.item ul, .item_textbox ul {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
list-style-image: none;
}
.item li.topbottomspace {margin:10px 0px;}
.item li.topspace {margin-top:10px;}
.item li.bottomspace {margin-bottom:10px;}
.item li.dmgbonus {padding-left:6px;}
.item li.inscription {border-top:1px solid #907854;}
#item_header {
display:table;
padding:2px;
text-align:center;
width:100%;
font-weight:bold;
}
#item_header div {
display:table-cell;
vertical-align: middle;
}
#item_header div + div {
display:table-cell;
vertical-align: middle;
width:40px;
}
/* Dyed Variations Template */
.dyedvariations {
border: 1px solid white;
border-collapse: collapse;
background:#404040;
color:white;
margin-left: auto;
margin-right: auto;
}
.dyedvariations td {
border: 1px solid white;
padding:5px;
}
.dyedvariations th {
font-size:large;
font-weight: bold;
padding:5px;
}
/* Creature and NPC Templates */
.character-infobox {
//background:#000033;
border:2px solid #1d72ac;
padding:0.3em;
width:22em;
float:right;
font-size:95%;
//color:#ffffff;
}
.character-infobox th {
padding:0.5em;
font-size:120%;
}
/* Dungeon Summary Template */
.location-infobox {
//background:#000033;
border:2px solid #1d72ac;
//padding:0.3em;
width:22em;
float:right;
font-size:95%;
//color:#ffffff;
}
.location-infobox th {
padding:0.5em;
font-size:120%;
}
/* Quest Summary Template */
.quest-infobox {
//background:#000033;
border:2px solid #1d72ac;
padding:0.3em;
width:22em;
float:right;
font-size:95%;
//color:#ffffff;
}
.quest-infobox th {
padding:0.5em;
text-align:center;
font-size:120%;
}
/* Quest Rewards Template */
table.questrewards {
width:375px;
//background:#000033;
border:2px solid #1d72ac;
margin-bottom:3px;
}
table.questrewards th {
background:#1d72ac;
font: normal 105% Verdana;
}
table.questrewards td:first-child {
text-align:center;
width:100px;
font: normal 95% Verdana;
//color:#ffffff;
}
table.questrewards td:last-child {
font: normal 100% Arial;
}
table.questrewards tr {
vertical-align:top;
}
table.questrewards th a {
color: #ffffff;
}
/* Item list templates */
.itemtable {
display:table;
margin-left:6px;
margin-bottom:10px;
}
.itemtable_row {
display:table-row;
}
.itemtable_cell {
display:table-cell;
padding:5px;
}
.itemtable_caption {
font-weight: bold;
}
.itemlist ul {
list-style: none;
list-style-type: none;
list-style-image: none;
}
.creatureitems {
display:inline-block;
padding:3px;
margin-bottom:1px;
}
.creatureitems > span {
position: absolute;
}
.creatureitems > span > span {
font-size:29px;
z-index:1;
position: absolute;
right: -32px;
bottom: -26px;
}
/* Horizontal ToC bar (dungeon and quest templates) */
.contentsbar {
// background:#000033;
padding:5px;
width:100%;
text-align:center;
}
/* Map point template */
.mappoint {
position:relative;
top:0px;
left:0px;
width:260px;
}
.mappoint span:first-child {
position:absolute;
top:2px;
left:2px;
z-index:1;
}
.mappoint span + span, .mappointloc {
z-index:2;
}
/* 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;
}
/* Top navigation links */
.top-nav-links {
//background:#000033;
border:2px solid #1d72ac;
padding:0.3em;
//color:#ffffff;
}
/* Chat colors */
span.say {
color:black;
}
span.emote {
color:grey;
}
span.tell {
color:darkgoldenrod;
}
span.event {
color:green;
}
span.magic {
color:cornflowerblue;
}
/* Buffed/debuffed stat color */
span.buffed {
color:greenyellow;
}
span.debuffed {
color:red;
}
/* Return to section link */
.linkbar {
width:25%;
padding: 5px;
margin: 3px;
font-size:85%;
}
.linkbar span {
font-weight:bold;
}
.linkbar div {
float: right;
}
/* Section background colors */
/* old fandom color #996633, changed to #1d72ac*/
.accwikibgc {background: #1d72ac}
.characterbgc {background: #1d72ac}
.gameplaybgc {background: #1d72ac}
.newsbgc {background: #1d72ac}
.questsbgc {background: #1d72ac}
.itemsbgc {background: #1d72ac}
.craftingbgc {background: #1d72ac}
.worldbgc {background: #1d72ac}
.lorebgc {background: #1d72ac}
.gettingstartedbgc {background: #1d72ac}
.mediabgc {background: #1d72ac}
.turbinebgc {background: #1d72ac}
/* Hide main page title */
body.page-Home h1.firstHeading {display:none;}
/* Styles for Template:Turbine Games Q&A */
.wiki-template-turbinegamesqa {
background-color:#000000;
border:2px solid #000000;
width:80%;
padding:30px;
margin-bottom:20px;
margin-left:5%;
margin-right:10%
}
.wiki-template-turbinegamesqa [href]:link {
color: #FFFFCC;
text-decoration: underline
}
.wiki-template-turbinegamesqa [href]:visited {
color: #FFFFCC;
text-decoration: underline
}
.wiki-template-turbinegamesqa [href]:hover {
color: #FFFF66;
text-decoration: underline
}
.wiki-template-turbinegamesqa [href]:active {
color: #FFFFCC;
text-decoration: underline
}