User:CompleCCity/Archive/hydra.css

/* CSS placed here will affect users of the Hydra skin */ /* For elements which only display in the mobile view */ .mobileonly { display: none; }

/* Hide main page header */ body.page-Official_Pillars_of_Eternity_Wiki h1#firstHeading { display: none; }

/* Framework */ body { background-color: rgba(0, 0, 0, 1); background-image: url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/0/0f/Background_top_left.png"), url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/9/91/Background_top_right.png"), url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/9/9c/Background_border.png"), url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/7/71/Background_left.png"), url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/d/d3/Background_right.png"), url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/e/e3/Background-stone.png"); background-position: left 30px, right 30px, center 30px, left center, right center, left top; background-repeat: no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat; font-family: Verdana,Arial,Helvetica,sans-serif; }

html body.hide-ads #global-wrapper { background-image: url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/c/c0/Background_bottom_left.png"), url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/a/a0/Background_bottom_right.png"), url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/9/9c/Background_border.png"); clear: both; height: auto !important; margin-bottom: 0; min-height: 100%; background-position: left bottom, right bottom, center bottom; background-repeat: no-repeat, no-repeat, repeat-x; }

body #pageWrapper{ margin-right: 10px; }

/* Head */ div#mw-page-base { background: transparent; height: 0; }

background: transparent; margin: 0; height: 50px; }
 * 1) mw-head-base {

height: 50px; }
 * 1) mw-head {

/* Logo */ height: 80px; width: 150px; margin-top: 70px; background-size: contain; }
 * 1) p-logo {

height: 90px; width: 150px; background-size: contain; }
 * 1) p-logo a {

/* Tabs */ margin-top: 50px; }
 * 1) left-navigation {

margin-top: 50px; margin-right: 50px; }
 * 1) right-navigation {

/* ======= Link Styles ============== */ a, .mw-body a.extiw, .mw-body a.external{ color: #72400B; } a:visited, .mw-body a.extiw:visited, .mw-body a.external:visited{ color: #72400B; } a.new, color: #BE0A00 !important; }
 * 1) content a.new,
 * 2) quickbar a.new{

div.vectorTabs ul li span a, div.vectorTabs ul li span a:visited, div.vectorTabs ul li.selected span a, div.vectorTabs ul li.selected span a:visited, div.vectorMenu .menu ul li a, div.vectorMenu .menu ul li a:visited { color: #f2c462; } div.vectorTabs ul li span a:active, div.vectorTabs ul li.selected span a:active, div.vectorMenu .menu ul li a:active { color: #f2dcae; } div.vectorTabs ul li.new span a, div.vectorTabs ul li.new span a:visited { color: #f25749; } div.vectorTabs ul li.new span a:active { color: #f2b4ae; } table.wikitable > tr > th > a, table.wikitable > * > tr > th > a, table.TablePager th a{	color: #ccac4a !important; }

/* ======= Table Styles ============== */ table.wikitable, table.TablePager, table.TablePager td, table.mw_metadata, table.mw_metadata td, table.mw-abuselog-details { background-color: rgba(150,90,15,.15); border: 1px solid #1a1812; color: #360000; } table.wikitable > tr > th, table.wikitable > * > tr > th, table.TablePager th, table.mw_metadata th, table.mw-abuselog-details th { background-color: #2A1A03; color: #ddbb77; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td, table.TablePager td, table.TablePager th, table.mw_metadata td, table.mw_metadata th, table.mw-abuselog-details td, table.mw-abuselog-details th { border: 1px solid #734e32; } table.wikitable:not(.jquery-tablesorter) tr:nth-child(even) td, table.wikitable.jquery-tablesorter tbody tr:nth-child(odd) td { background-color: rgba(114,70,8,.1); }

.TablePager tr:hover td{ background-color: rgba(255,255,255,.1); }

/* --- Table sections --- */

table.wikitable > tr > th.section, table.wikitable > * > tr > th.section { background-color: rgba(42,26,3,0.6); color: #DCC086; font-style: italic; position: relative; } table.wikitable th.section a { color: #c28042 !important; } table.wikitable th.section .sidenote { position: absolute; right: 1em; bottom: 0.5em; font-size: 11px; font-weight: normal; color:#BDA472; }

/* --- Table Sorting Arrows Styles --- */ table.jquery-tablesorter th.headerSort { background-image: url("data:image/gif;base64,R0lGODlhFQAJAIABAKONbf///yH5BAEKAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") !important; } table.jquery-tablesorter th.headerSortDown { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIABAKONbf///yH5BAEKAAEALAAAAAAVAAQAAAINjI+AywnaYnhUMopbAQA7") !important; } table.jquery-tablesorter th.headerSortUp { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIABAKONbf///yH5BAEKAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") !important; }

div.vectorMenu div.menu { background-color: rgba(0, 0, 0, 0); border-color: inherit; }

div.vectorMenu h3 a { background-image: none; }

div.vectorTabs { padding: 0; height: 26px; background: none; } div.vectorTabs ul { background-image: none; }

div.vectorTabs ul li, div.vectorMenu { padding: 0 0 0 9px; background: transparent url("https://hydra-media.cursecdn.com/pathofexile.gamepedia.com/5/54/Vector-tab-edge.png") left top no-repeat; } div.vectorTabs ul li.selected, div.vectorMenu:hover { background: transparent url("https://hydra-media.cursecdn.com/pathofexile.gamepedia.com/5/54/Vector-tab-edge.png") left bottom no-repeat; }

div.vectorTabs ul li span, div#mw-head div.vectorMenu h3, div#mw-head div.vectorMenu h5, div#mw-head div.vectorMenu #p-sharing-label, div#mw-head div.vectorMenu #p-cactions-label { padding: 0 9px 0 0; height: 100%; background: transparent url("https://hydra-media.cursecdn.com/pathofexile.gamepedia.com/6/68/Vector-tab.png") right top; }

background-image: none; }
 * 1) mw-panel.collapsible-nav .portal {

div.vectorTabs ul li.selected span, div#mw-head div.vectorMenu:hover h5, div#mw-head div.vectorMenu #p-sharing-label:hover, div#mw-head div.vectorMenu #p-cactions-label:hover { background: transparent url("https://hydra-media.cursecdn.com/pathofexile.gamepedia.com/6/68/Vector-tab.png") right bottom; }

margin-top: -10px; }
 * 1) ca-watch.icon a,
 * 2) ca-unwatch.icon a {

div.vectorTabs ul li span a, div.vectorTabs ul li span a:visited, div.vectorTabs ul li.selected span a, div.vectorTabs ul li.selected span a:visited { display: inline-block; margin: 0 -3px; padding: 0 12px; height: 100%; text-align: center; font-size: 14px; line-height: 26px; font-variant: small-caps; }

div#mw-head div.vectorMenu h3, div#mw-head div.vectorMenu h5 { margin: 0; }

div#mw-head div.vectorMenu h3 { background-image: none; }

div.vectorMenu h3 span { color: #f2c462; float: left; font-family: Verdana; font-size: 14px; font-variant: small-caps; font-weight: normal; height: 100%; line-height: 26px; padding: 0 9px 0 0; text-align: center; }

div.vectorMenu h3 a, div.vectorMenu h5 a { float: left; width: 30px; height: 26px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QQYFxkfDTht+QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAATElEQVQI14XMQQ2AMBQE0fcxgAQwQlIrKMMKBCNUAg64AClNGva4O7Nx7vOIFYN2MlLAj5CR+mk54mkawgtClBeV8AGhK+F7SNhqEC60JBsT/5zCxwAAAABJRU5ErkJggg==") center no-repeat; }

div.vectorMenu .menu { left: -14px; top: 23px !important; }

div.vectorMenu .menu ul { border: 1px solid #875b3a; border-top-color: #734E32; border-radius: 6px; min-width: 59px; background: #734e32; /* Old browsers */ background: -moz-linear-gradient(top, #734e32 0%, #47301e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#734e32), color-stop(100%,#47301e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #734e32 0%,#47301e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #734e32 0%,#47301e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #734e32 0%,#47301e 100%); /* IE10+ */ background: linear-gradient(to bottom, #734e32 0%,#47301e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#734e32', endColorstr='#47301e',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: -2px 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow:	-2px 5px 5px rgba(0, 0, 0, 0.5); box-shadow:		 -2px 5px 5px rgba(0, 0, 0, 0.5); }

/* More Fix */

margin-right: 9px; margin-left: 9px; }	margin: 0; } div#simpleSearch { margin: 0; } div#mw-head #p-sharing h4 { display: none; }	display: inline-block; }	margin-right: 7px; width: 14px; }
 * 1) p-search {
 * 1) p-search form {
 * 1) p-sharing h5 span {
 * 1) p-sharing h5 a {

/* ======= Sidebar Styles  ============== */ div#mw-panel { top: 160px; } div#mw-panel:after { content : ""; display: block; position: absolute; top: 150px; left: 0; background-image: url("https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/9/97/Sidebar.png"); width: 161px; height: 407px; opacity : 0.15; z-index: -1; }

/* ======= Content elements ============== */ div#content{ min-width:1000px; color: #002000; background: #E7D4B3 url(https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/d/d6/Bg_content.png) repeat scroll top left; border: 2px solid #734e32; border-radius: 6px; -webkit-box-shadow: inset 1px 1px 70px 10px rgba(100,50,0,0.3); -moz-box-shadow: inset 1px 1px 70px 10px rgba(100,50,0,0.3); box-shadow: inset 1px 1px 70px 10px rgba(100,50,0,0.3); margin-top: 25px; margin-right: 40px; display: block; width: auto; } div#mw-panel div.portal h3 a { color: #D19E26 !important; } div#mw-panel div.portal div.body ul li a{	color: #EBC860 !important; } div#footer { background-image: none; } div#footer ul li { color: #d19e26; text-shadow: 2px 1px 0.1em #000000; } div#footer ul li a { color: #ebc860; text-shadow: 2px 1px 0.1em #000000; }	background-color: rgba(255,255,255,.1) !important; border: 1px solid #8C753E !important; }
 * toc, .toc, .mw-warning {

h1, h2, h3, h4, h5, h6{ font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-weight:bold; color: #330C00; } h1, h2 { border-bottom: 1px solid #734e32; font-weight:normal; } hr { background-color: #734e32; color: #734e32; }

ul { list-style-type: disc; list-style-image: url(https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/7/75/Bulletpoint.png); list-style-image: url(https://hydra-media.cursecdn.com/pillarsofeternity.gamepedia.com/7/75/Bulletpoint.png) !ie; }

.mw-code, code { background-color: #d6c6a9; background-color: rgba(0,0,0,0.075); border: solid 1px #b0a285; border: solid 1px rgba(0,0,0,0.18); border-radius: 2px; color: black; } pre { padding: 0.7em 1em; background-color: #d3c6ad; background-color: rgba(0,0,0,0.115); border: 1px dashed #79633e; color: black; }	background-color: rgba(244, 236, 221, 0.5); border: 1px solid #8c753e; }
 * 1) catlinks {

/* image and galleries  */

li.gallerybox { border: 1px solid #8C753E; background-color: rgba(150,90,15,.1); } li.gallerybox div.thumb { background-color: rgba(255,255,255,.35); border: medium none; } div.thumb { background-color: rgba(255,255,255,.35); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); -goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); } div.thumbinner { background-color: transparent; border: 1px solid #8c753e; } html .thumbimage { border: 0px solid #8c753e; }

/* ======= General interface Styles ============== */ div#content fieldset{ background-color: rgba(244, 236, 221, 0.5); border: 1px solid #8c753e; }

/* ======= Search page Styles ============== */ .mw-search-profile-tabs { background-color: transparent; border: 1px solid #8c753e; margin-top: 1em; }

.mw-search-profile-tabs div.search-types ul li.current a { color: #008000; }

fieldset#mw-searchoptions { background-color: transparent; border-color: #8c753e !important; }

/* ======= Page history Styles ============== */ background-color: rgba(150,90,15,.15); border: 1px dashed #8c753e; }	border: 1px solid #8c753e; }
 * 1) pagehistory li.selected {
 * 1) pagehistory li {

/* ======= Diff page Styles ============== */ table.diff, td.diff-otitle, td.diff-ntitle { background: transparent; } td.diff-context{ background-color: rgba(150,90,15,.1); border-color: #705838; color: #333333; } td.diff-addedline { border-color: #658407; } td.diff-deletedline { border-color: #723208; }

/* ======= File/image page Styles ============== */ ul#filetoc { background-color: rgba(255,255,255,.25); border: 1px solid #8c753e; }

/* ======= Preferences page Styles ============== */ .client-js #preferences { background-color: transparent; border: 1px solid #8c753e; } .client-js #preferences fieldset { border: 1px solid #8c753e; margin: 0em; } .client-js #preferences fieldset.prefsection { border: none !important; background-color: transparent; } .client-js #preferences fieldset legend { color: #0F104A; }

.client-js #preftoc { background-image: none; background-position: left bottom; background-repeat: no-repeat; clear: both; float: left; margin: 0 !important; padding: 0 !important; width: 100%; }

.client-js #preftoc li.selected a { background-image: none; background-position: center bottom; background-repeat: repeat-x; color: #360000; text-decoration: none; } .client-js #preftoc li a { background-image: none; background-position: center bottom; background-repeat: repeat-x; color: #0F104A; text-decoration: none; } .client-js #preftoc li { background-image: none; }

/* ======= Abuse filter history colour fix ============== */ .mw-abusefilter-history-changed { background: none repeat scroll 0 0 transparent; font-weight: bold; } .mw-abusefilter-diff-context, .mw-abusefilter-diff-multiline .diff-context { background: none repeat scroll 0 0 transparent; } .mw-abusefilter-diff-removed, .mw-abusefilter-diff-multiline .diff-deletedline { background: none repeat scroll 0 0 #FFFFAA; color: black; } .mw-abusefilter-diff-added, .mw-abusefilter-diff-multiline .diff-addedline { background: none repeat scroll 0 0 #CCFFCC; color: black; }

/* ======= Recent Changes ============== */ .autocomment { color: #555750; } /* ======= Other Styles ============== */ div.dark-bg { color: #CCAC4A; } div.dark-bg a, div.dark-bg a.external { color: #f2c462 !important; } div.dark-bg a.new { color:#CA8008 !important; }

.dark-bg { background-color: #2A1A03; color: #CCAC4A; } .dark-bg a, .dark-bg a.external { color: #f2c462 !important; }

/* the arrow before category name from category namespace*/ .CategoryTreeEmptyBullet { color: grey; }

/* copyright images tweak */ .copyright-icon { background: url(https://hydra-media.cursecdn.com/commons.cursetech.com/thumb/b/b6/Copyright.png/32px-Copyright.png) transparent center center no-repeat; background-size: 100%; width: 32px; height: 32px; }

/* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding:0.25ex 1ex 0ex; font-size: 95%; }

.ambox { background-color: #eeeeee; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

.ambox-gray { border-left-color: #383838; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -2px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; }

.ambox-red { border-left: 10px solid #b22222; }

.ambox-orange { border-left: 10px solid #f28500; }

.ambox-yellow { border-left: 10px solid #f4c430; }

.ambox-purple { border-left: 10px solid #9932cc; }

.ambox-gray { border-left: 10px solid #bba; }

.ambox-green { border-left: 10px solid #228b22; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left:0.8em; margin-top:0.5em; }

/* ===== Infobox Styles ===== */

.infobox{ /*	width:275px; */ float: right; margin: 0em 0em 0.5em 1em; padding: 1px; background-color: #F4ECDD; border: 1px solid #7F5A3F; font-size: 88%; line-height: 1.5em; } .infobox .above{ padding:0.35em; background-color: #2A1A03; border: 1px solid rgba(3,26,42,.8); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); background-image: linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); color: #ddbb77; font-size: 120%; font-weight: bold; } .infobox .header{		/* instead .infobox tr > th:not([scope=row]) */ background-color: #b89b63; color: #002000; } .infobox .row > * { border-bottom: 1px dotted #724608; } /* .infobox .image{ text-align:center; clear:both; padding:2px; } .infobox dt{ width:100px; min-width:75px; font-weight:bold; text-align:right; display:inline-block; margin-right:0px; height:auto; vertical-align:top; margin-bottom:0px; } .infobox dd{ width: 150px; min-width:150px; font-weight: regular; text-align: left; border-left: 2px solid #AA5509; display:inline-block; margin-left:0px; padding-left: 3px; margin-bottom:0px; }

/* Tabber styling                                                           */ /* Import from a dark skin                                                  */ /* Source: http://skyrim.gamepedia.com/MediaWiki:Hydradark.css by game_widow */ /* Adjustments by CompleCCity                                               */ .tabberlive, .tabberlive .tabbertab { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: none !important; padding: 0px !important; }

ul.tabbernav { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-bottom: none !important; text-align: center !important; }

ul.tabbernav li a:link { background-color: rgba(0, 0, 0, 0); border: none !important; color: #b89b63 !important; }

ul.tabbernav li a:hover { background-color: #b89b63 !important; border: none !important; color: #f4ecdd !important; }

ul.tabbernav li.tabberactive a { background-color: #2a1a03; !important; background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); background-image: linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%); color: #b89b63; !important; }