Keine Bearbeitungszusammenfassung |
Markierung: Zurücksetzung |
||
| Zeile 660: | Zeile 660: | ||
margin: 5px; |
margin: 5px; |
||
flex-grow: 1; |
flex-grow: 1; |
||
| − | } |
||
| − | |||
| − | /*Main Line Not Just Link Margin - From left Side*/ |
||
| − | ul#nav{ |
||
| − | margin:3; |
||
| − | padding:2; |
||
| − | list-style-type:none; |
||
| − | border:none; |
||
| − | background:#000000; |
||
| − | padding:.5em; |
||
| − | width:auto; |
||
| − | } |
||
| − | /*Drop Menu Line Colors that "flash" to load Menu*/ |
||
| − | ul#nav li ul{ |
||
| − | background:#000000; |
||
| − | margin:0; |
||
| − | padding:5; |
||
| − | width:auto; |
||
| − | } |
||
| − | ul#nav li{ |
||
| − | position:relative; |
||
| − | margin:5; |
||
| − | width:auto; |
||
| − | padding:5; |
||
| − | list-style-type:none; |
||
| − | background:333; |
||
| − | color:#333; |
||
| − | line-height:150%; |
||
| − | } |
||
| − | /*Main Link Font Color and "loading border" set to fff for invisibility*/ |
||
| − | ul#nav a{ |
||
| − | border:1px solid #fff; |
||
| − | color:#333; |
||
| − | text-decoration:none; |
||
| − | display:block; |
||
| − | } |
||
| − | /*Mouse over option text color*/ |
||
| − | ul#nav a:hover{ |
||
| − | border:1px inset #333; |
||
| − | background:#333; |
||
| − | color:#333; |
||
| − | } |
||
| − | /*Color of Text option drop down without mouse on them.*/ |
||
| − | ul#nav li li a{ |
||
| − | padding-left:1em; |
||
| − | color:#006AFF; |
||
| − | text-decoration:none; |
||
| − | display:block; |
||
| − | } |
||
| − | ul#nav li li a:hover{ |
||
| − | background:#cef; |
||
| − | } |
||
| − | |||
| − | /* DDM relative dropdown example */ |
||
| − | .hiddenChild{ |
||
| − | position: absolute; |
||
| − | left: -999em; |
||
| − | } |
||
| − | .shownChild{ |
||
| − | left:-1px; |
||
| − | } |
||
| − | p{ |
||
| − | clear:both;float:none; |
||
| − | } |
||
| − | /*Parent initial border information white fff set to hide "optional options area"*/ |
||
| − | ul#nav.dhtml{ |
||
| − | list-style-image: none; |
||
| − | display: block; |
||
| − | position:relative; |
||
| − | width:auto; |
||
| − | border:2px solid #fff; |
||
| − | background:#333 |
||
| − | margin:2; |
||
| − | padding:2; |
||
| − | list-style-type:none; |
||
| − | height:1.5em; |
||
| − | } |
||
| − | /*WIDTH IS TOP OPTION WIDTH. (OPTION WIDTH - 1)*/ |
||
| − | ul#nav.dhtml li{ |
||
| − | position:relative; |
||
| − | float:left; |
||
| − | width:9em; |
||
| − | border-right:1px solid #333; |
||
| − | border-top:1px solid #333; |
||
| − | border-left:1px solid #333; |
||
| − | border-bottom:1px solid #333; |
||
| − | } |
||
| − | /*Initial background color of options with mouse hovered over main link*/ |
||
| − | ul#nav.dhtml ul{ |
||
| − | list-style-image: none; |
||
| − | display: block; |
||
| − | top:1.5em; |
||
| − | position:absolute; |
||
| − | border-top:1px solid #333; |
||
| − | border-right:1px solid #333; |
||
| − | border-left:1px solid #333; |
||
| − | background:#333; |
||
| − | width:auto; |
||
| − | z-index:10; |
||
| − | } |
||
| − | ul#nav.dhtml li a,ul#nav.dhtml li a:hover{ |
||
| − | border:none; |
||
| − | background:#333; |
||
| − | } |
||
| − | ul#nav.dhtml li a{ |
||
| − | padding:0 .5em; |
||
| − | background:#333; |
||
| − | } |
||
| − | /*Options background color when main category is highlighted with mouse and options not selected WIDTH IS OPTIONS WIDTH*/ |
||
| − | ul#nav.dhtml ul li{ |
||
| − | border:none; |
||
| − | width:9em; |
||
| − | background:#fff; |
||
| − | } |
||
| − | /*No Mouse On Main Link Background*/ |
||
| − | ul#nav.dhtml li.isParent{ |
||
| − | background:#cef; |
||
| − | } |
||
| − | /*Yes Mouse On Main Link Background*/ |
||
| − | ul#nav.dhtml li.isActive{ |
||
| − | background:#fff; |
||
| − | } |
||
| − | ul#nav.dhtml li.isActive a{ |
||
| − | background:cef; |
||
| − | } |
||
| − | ul#nav.dhtml li.isActive ul a{ |
||
| − | padding:0 .5em; |
||
| − | } |
||
| − | ul#nav.dhtml a:hover{ |
||
| − | background:#333; |
||
| − | } |
||
| − | ul#nav.dhtml li.isParent a:hover{ |
||
| − | background:#333; |
||
| − | } |
||
| − | ul#nav.dhtml li.isActive ul a:hover{ |
||
| − | background:#333; |
||
} |
} |
||
Version vom 27. April 2020, 16:24 Uhr
/* CSS placed here will affect users of the Hydradark skin */
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
/* BODY STYLING */
/* Background */
body {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background: url("https://escapefromtarkov.gamepedia.com/media/escapefromtarkov.gamepedia.com/1/10/Dg.jpg") no-repeat fixed center top / cover #0e0e0e;
}
div#mw-page-base {
background: transparent;
!important background-image: none;
height: 8em;
}
#mw-head-base {
background: transparent !important;
}
div#content {
background: rgba(0, 0, 0, 0.8);
border-color: rgba(65, 61, 52, 1);
box-shadow: inset 0 0 100px rgba(65, 61, 52, 1), 0 0 0px rgba(232, 190, 107, 0.8);
}
/* TOP NAV STYLING */
div.vectorTabs {
background-color: transparent;
}
#left-navigation {
display: block;
text-decoration: none;
text-transform: uppercase;
color: #9a8866;
margin-top: 5em;
}
#right-navigation {
float: right;
display: block;
text-decoration: none;
text-transform: uppercase;
color: #9a8866;
margin-top: 5em;
}
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
background: transparent;
}
div.vectorTabs ul li span,
div.vectorTabs ul li.selected span {
font-weight: bold;
}
div.vectorTabs li span a,
div.vectorTabs li.new span a:hover,
div.vectorTabs li.new span a:visited:hover,
div.vectorTabs li.new span a:visited,
div.vectorTabs span a:visited,
div.vectorTabs li span a:hover,
div.vectorTabs span a:visited:hover {
color: #ffffff;
}
div.vectorMenu h3 a,
div.vectorMenu h5 a {
background-image: none;
}
div.menu,
div.vectorMenu:hover,
div.vectorMenu div.menuForceShow {
display: block;
}
div#p-cactions div.menu ul {
border: 1px solid #ffffff;
}
div#p-cactions div.menu ul li a {
background: #000000;
border-radius: 10px;
color: #ffffff;
}
div#p-cactions div.menu ul li a:visited {
color: #ffffff;
}
div#p-cactions div.menu ul li a:hover,
div#p-cactions div.menu ul li a:visited:hover {
display: block;
}
div#mw-head div.vectorMenu h4 {
color: #ffffff;
font-weight: bold;
padding-top: 1.29em;
}
/* Collapsible menus in top nav */
div.vectorMenu ul,
div#p-cactions div.menu ul {
background: transparent;
border: 1px #9a8866;
}
div#p-cactions div.menu ul li a {
background: transparent;
border-radius: 10px;
color: #ffffff;
}
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs li a,
div.vectorMenu h3 a {
background-image: none;
}
/* SIDE BAR */
#p-logo {
margin-left: 35vw;
width: 30em;
display: flex;
height: 1px;
}
#p-logo a {
width: 25em;
height: 100px;
}
div#mw-panel {
width: 10em;
z-index: 1000;
padding: 1em 0 0 0;
}
/* Links */
div#mw-head a,
.vectorTabs li a span,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a,
div#mw-panel div.portal div.body ul li a:visited,
div#mw-panel div.portal div.body ul li a:link {
color: #9a8866;
}
.skin-hydradark div#mw-panel div.portal h3,
.skin-hydradark #mw-panel.collapsible-nav .portal h3,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a {
color: #9a8866;
font-variant: small-caps;
font-size: 95%;
font-weight: bold;
padding-left: 10px;
}
div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav div.portal,
.skin-hydradark div#mw-panel.collapsible-nav div#p-socialProfiles.portal,
.skin-hydradark #mw-panel.collapsible-nav #p-sitePromos.portal {
background-image: none;
}
div#mw-head div.vectorMenu h3 {
background-image: none;
}
div.vectorMenu h3 span {
padding-top: 1.3em;
color: #9a8866;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
}
/* LINK STYLING */
/* LINK STYLING MK II */
/* General link styles */
a,
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited,
.skin-hydradark #mw-indicator-mw-helplink a,
label.toctogglelabel {
color: #9a8866;
}
div#content a.new,
#quickbar a.new {
color: #A63232;
}
a.new:visited,
#p-personal a.new:visited {
color: #a55858;
}
div#netbar a,
footer#footer a {
color: #aeaeae;
}
/* Sidebar */
div#mw-panel div.portal div.body ul li a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a {
color: #9a8866;
}
div#mw-panel div.portal h3 {
color: #fff;
}
/* Top section */
.vectorTabs li a span,
div#mw-head a,
div.vectorMenu h3 span {
color: #9a8866 !important;
font-weight: bold;
}
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
color: #ba0000 !important;
text-decoration: none;
}
div.vectorTabs li.selected span a {
color: #ffffff !important;
}
/* PREFERENCES PAGE */
.skin-hydradark #preftoc a,
.skin-hydradark #preftoc a:active {
color: #9a8866;
}
.skin-hydradark #preferences legend {
color: #9a8866;
}
.skin-hydradark #preftoc li.selected a {
background-image: url();
background: #282828;
}
/* EDITOR STYLING */
/* MW 1.29 Hydra Dark Visual Editor Fix */
.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.oo-ui-popupToolGroup.oo-ui-widget-enabled,
.oo-ui-popupWidget-popup,
.oo-ui-barToolGroup>.oo-ui-toolGroup-tools>.oo-ui-tool,
.oo-ui-toolbar-position-top>.oo-ui-toolbar-bar {
background: rgba(55, 55, 55, 1) !important;
}
.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.oo-ui-popupToolGroup.oo-ui-widget-enabled,
.oo-ui-popupWidget-popup {
border-color: #c8ccd1;
}
.oo-ui-toolbar-actions .oo-ui-toolGroup {
border-right: 0;
border-left: 1px solid #2c2c2c !important;
}
.ve-ui-mwSaveDialog-license {
color: #eee;
}
/* Source Editor */
div.wikiEditor-preview-contents,
div.wikiEditor-preview-loading {
background-color: transparent;
}
div.wikiEditor-ui {
background: transparent;
border: transparent 1px;
}
/* THIS SPACE FOR RENT */
/* SPECIAL AND INTERFACE PAGES STYLING */
/* Lists etc. */
ul {
list-style-type: disc;
list-style-image: url(https://escapefromtarkov.gamepedia.com/media/escapefromtarkov.gamepedia.com/7/75/Bulletpoint.png);
list-style-image: url(https://escapefromtarkov.gamepedia.com/media/escapefromtarkov.gamepedia.com/7/75/Bulletpoint.png) !ie;
}
div#simpleSearch,
pre,
.mw-code {
background: transparent;
}
/* Thumb */
div.thumbinner {
background: rgba(0, 0, 0, 0.8);
border-color: rgba(65, 61, 52, 1);
box-shadow: inset 0 0 100px rgba(65, 61, 52, 1), 0 0 0px rgba(232, 190, 107, 0.8);
}
/* Fieldset */
fieldset {
border-color: #9a8866;
}
/* File page */
.skin-hydradark table.wikitable>*>tr>th {
background-color: #080605;
}
/* Tags special page etc. */
.skin-hydradark table.wikitable>*>tr>th {
background-color: #080605;
}
/* Miscellaneous messages */
#collapse_expand_all>span {
color: #9a8866;
}
/* Search page */
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary {
background: #9a8866;
color: #fff;
border: 1px solid #9a8866;
border-left: none;
border-right: none;
}
.skin-hydradark .mw-search-profile-tabs {
background-color: transparent;
margin-top: 1em;
border: 1px solid rgba(65, 61, 52, 1);
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
color: white;
cursor: default;
}
fieldset#mw-searchoptions {
background-color: transparent;
border: 1px solid rgba(65, 61, 52, 1) !important;
}
/* DEFAULT LOADOUT STYLING */
/* 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: #282828;
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 #fad201;
}
.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;
}
/* INFOBOXES: game or book depended color style */
.infoboxtable {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #505050;
color: #ffffff;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px;
}
.infoboxtable td {
vertical-align: top;
}
.infoboxtable td>div {
background-color: #181818;
border: 2px solid inherit;
border-radius: 5px;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
}
.infoboxname {
background-color: #181818;
font-size: 110%;
font-weight: bold;
padding: 0.5em;
}
.infoboxdetails {
padding: 0em;
}
/* copyright images tweak */
.skin-hydradark .copyright-icon {
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
background-size: 100%;
height: 32px;
width: 32px;
}
/* Tabber styling */
.tabberlive .tabbertab,
.tabber .tabbertab {
border-color: #505050;
border-style: solid;
border-width: 1px;
}
ul.tabbernav {
border-bottom: none !important;
line-height: 22px;
}
ul.tabbernav li a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #000000 !important;
/* This should match your general choice of background color */
border: 1px solid #505050 !important;
/* This should match your general choice of border color */
border-image: none;
border-radius: 5px 5px 0 0 !important;
/* This is only if you want your tabs to have rounded corners */
margin-left: 3px;
padding: 3px 0.5em;
text-decoration: none;
}
ul.tabbernav li {
display: inline;
list-style: none outside none;
margin: 0 0 0 7px;
}
ul.tabbernav li a:link {
color: #9a8866 !important;
/* This should match your anchor color, but simply being different from the default text color works */
}
ul.tabbernav li a:hover {
background: none repeat scroll 0 0 #000000 !important;
border-color: #505050 !important;
/* This should match your general choice of border color */
color: #FFFFFF !important;
}
ul.tabbernav li a:visited {
color: #9a8866;
}
ul.tabbernav li.tabberactive a {
background-color: #000000 !important;
color: #FFFFFF !important;
}
ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:link {
background-color: #000000 !important;
border-bottom: 1px none !important;
padding: 2px 0.5em 4px !important;
}
ul.tabbernav {
text-align: left;
/* if you want the tabs to be centered rather than left-justified with respect to the tab content */
}
.dealer-toggle {
display: inline-block;
cursor: pointer;
margin: 5px;
}
.current-dealer {
outline: 5px white solid;
cursor: default;
}
/* MediaViewer tweaks */
.mw-mmv-post-image.mw-mmv-untruncated,
.jq-fullscreened .mw-mmv-post-image {
box-shadow: 0 -4px 0 rgba(255, 255, 255, 0.2);
}
.mw-mmv-above-fold {
background: black;
color: white;
}
.mw-mmv-image-metadata {
background-color: #101010;
}
.mw-mmv-image-links li {
color: #c0c0c0;
}
.mw-ui-button.mw-ui-progressive:hover {
background-color: #705000;
border-color: #705000;
}
.mw-mmv-image-metadata {
border-top: 1px solid #9a8866;
}
/* This governs the sections on the Community portal */
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px;
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
flex-grow: 1;
}