Scrap Mechanic Wiki
Don't have an account?
Register
Register
Scrap Mechanic Wiki
Scrap Mechanic Wiki
517
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
(Moving to Common.css)
No edit summary
Line 774: Line 774:
 
border-bottom: 1px solid #c6b198;
  
border-bottom: 1px solid #c6b198;
 
color: #ffffff;
  
color: #ffffff;
  +
}
  +
  +
.header{
  +
background: #101010;
  +
border: 1px solid #da662a;
  +
text-align: center;
  +
color: #FFFFFF;
  +
font-size: 150%;
 
}
  
}

Revision as of 11:55, 10 June 2021

/* Doctor Tagzstein's CSS Monster Mark II */
/* Not with Abbie Normal's brain this time */

/* BASIC CODE */

body { 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: url(https://static.wikia.nocookie.net/scrapmechanic_gamepedia/images/1/1f/Background.jpg/revision/latest) no-repeat fixed center center / cover  black;
}

#mw-page-base,
#mw-head-base{
    background: transparent !important;   
}

/* NAVIGATION BAR AND LOGO */

#p-logo {
    background-size: contain;
    left: 0em;
    position: absolute;
    top: -130px;
}

#p-logo a {
    background-size: contain;
}

div#p-portals {
    background: rgba(0,0,0,0.8);
}

/* Top navigation*/

#left-navigation, 
#right-navigation {
    display: inline;
    border-width: 0px;
    border-color: #ed7404;
    padding: 0px;

}

#left-navigation {
    margin-left: 12.6em;
}

.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a {
    padding-top: 23px;
}

div.vectorTabs {
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -6px;
}

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
    color: #BA0000;
    text-shadow: 1px 1px #000000;
}

div.vectorTabs li.selected {
    background-color: transparent;
    background-image: none;
}

div.vectorTabs li span a {
    background: #1e1e1e;
    color: #000000;
    border: 2px solid #ffffff;
    display: inline-block;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    height: 19px;
    text-align: center;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {

    background: #ff8000;
    color: #000000;
    border: 2px solid #ffffff;
    display: inline-block;
  
    color: #feee85;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    height: 19px;
    text-align: center;
}

div.vectorTabs li a,
div.vectorTabs li a span {
     color: #ffffff;
     cursor: pointer;
     font-weight: bold;
}

#p-sharing,
div#mw-head div.vectorMenu h3 a {
  
    display: inline-block;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0.5em 3px 0;
    height: 19px;
    text-align: center;
}

div#p-sharing {
    margin-top: -2px;
    margin-left: -12px;
}

#p-sharing a {
    background: none;
    margin-top: -0.5em;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none;
}

div.vectorTabs span {
    background-image: none;
}

div.vectorTabs li.selected {
    background-image: none;
}

div.vectorTabs li a.selected {
    background-color: transparent;
    background-image: none;
    color: #ed7404;
}

div.vectorTabs ul { 
    background-image: none; 
}

div.vectorTabs ul li {
    background-color:transparent;
    background-image:none;
}

div.vectorTabs li a,
div.vectorTabs li a span {
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
}

div.vectorMenu h3 a,
div.vectorMenu h5 a  {
    background-color: transparent;
    background-image: none;
    border: 0px;
}

div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
    color: #ed7404;
}

div.vectorMenu li a {
    color: #FFFFFF;
}

div.vectorMenu ul {
    background-color: #102230;
    background-image: none;
    border: 1px solid #435E8E;
}

div#mw-head div.vectorMenu h53,
div#mw-head div.vectorMenu h5 {
    background-image: none;
}

div#mw-head div.vectorMenu h3 {
    background: transparent url("https://static.wikia.nocookie.net/commons_hydra/images/8/80/Vector_menu_downarrow_white.png") no-repeat center center !important;
    width: 25px;
    height: 40px;
}

div#mw-head div.vectorMenu:hover h3 {
    background: transparent url("https://static.wikia.nocookie.net/commons_hydra/images/8/80/Vector_menu_downarrow_white.png") no-repeat center center !important;
    width: 25px;
    height: 40px;
}

div#mw-head div.vectorMenu h3 span {
    display: none;
}

div#mw-head div.vectorMenu h3 a {
    border: none;
    background: transparent;
}

/* Collapsible menus in top nav */
div.vectorMenu ul,
div#p-cactions div.menu ul,
div#p-cactions div.menu ul li a  {
background: #202020;
border: 1px #ff9900;
}

div.vectorTabs, div.vectorTabs span, div.vectorTabs li a, div.vectorMenu h3 a {
    background-image: none;
}

/* Top menu */

div.vectorMenu div.menu {
    border-color: white;
    background: black;
    border-width: 2px;
}

/* SIDEBAR STYLING */

div#mw-panel {   
 position: absolute;
    top: 128px;
    left: 8px;
    padding-top: 1em;
    padding: 0px;
    background-color: transparent;
    border-radius: 4px;
    border: 0px solid #ed7404;
}

.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;
}

.skin-hydradark div#mw-panel.collapsible-nav div#p-socialProfiles.portal {
    background: transparent;
    border: 0px;
    box-shadow: none;
}

.claimSidebar, .claimSidebar a, .claimSidebar a:hover {
    margin-top: .5em;
    margin-bottom: -1.4em;
}

div#mw-panel div.portal {
    padding-bottom: 1.5em;
    direction: ltr;
    background: #1e1e1e;
    color: #000000;
    border: 2px solid #ffffff;
    margin-bottom: 2em;
    box-shadow: rgba(26,26,26,1) 0 0.1em 0.75em;
}

.skin-hydradark div#mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal h5 a {
    color: #FFFFFF;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    font-size: 130%;
}

.skin-hydradark div#mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h5 a {
    color: #FFFFFF;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    font-size: 130%;
}


div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited {
    color: #FFFFFF;
}


.skin-hydradark div#mw-panel.collapsible-nav .portal#p-claimWiki, .skin-hydradark #mw-panel.collapsible-nav .portal#p-sitePromos {
    margin: 0 0 1.5em;
    background: transparent;
    border: 0px;
    box-shadow: 0px 0px transparent;
}


/* MAIN CONTENT AREA */

div#pageWrapper {
}

div#content {
    /* background: rgba(186,255,250,0.9); */
    background: rgba(30,30,30,0.8);
    color: #FFFFFF;
    /* border: 1px solid #1a1a1a; */
    border: 2px solid #ffffff;
    box-shadow: rgba(26,26,26,1) 0 0.1em 0.75em;
    margin-top: 0em;
    overflow: hidden;
}

/* Spacing fixes */


/* FOOTER */
div#footer #footer-info li {
    color: white;
    text-shadow: 1px 1px 0 black;
}


/* LINK STYLING */
a, 
a:active, 
div#content a.external, 
div#content a.external:active,
.mw-body a.external,
.mw-body a.extiw, 
.mw-body a.extiw:active,
span.tab a, div.wikiEditor-ui-toolbar .tabs span.tab a:visited,
div.wikiEditor-ui-toolbar .tabs span.tab a, 
div.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.skin-hydradark #preftoc a,
.skin-hydradark #preftoc a:active  {
    color: #ed7404;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
}

a:visited,
.mw-body a.external:visited,
.mw-body a.extiw:visited,
div#content a.external:visited, 
div#content a.extiw:visited {
color: #D26500;
}

/* Sidebar and top */

.vectorTabs li a span,
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-head a,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a,
.skin-hydradark div#mw-panel div.portal h3,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,
div#mw-panel div.portal div.body ul li a:visited {
    color: white;
    font-weight: bold;
}

#mw-panel .portal h3 {
    margin-left: 0.5em;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
    margin-left: 0;
}

/* USER INTERFACE AKA MORE INTERACTIVE STUFF */
/* Editor styling */

div.wikiEditor-ui,
.editOptions,
div.wikiEditor-preview-contents,
div.wikiEditor-preview-loading,
div.wikiEditor-ui-toolbar,
div.wikiEditor-ui-buttons,
div.wikiEditor-ui-controls  {
background: transparent;
}

.editOptions {  
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

div.wikiEditor-ui {
    border: medium none;
}

div.wikiEditor-ui-buttons {
border-top: 0px solid white;
}

div.wikiEditor-ui-controls {
    border-bottom: 1px solid #ed7404;
}

/* Page history */

table.diff {
background-color: transparent;
}

#pagehistory li.selected {
background-color: #151515;
border: 1px dashed #aaa;
}

td.diff-context {
background: transparent;
border-color: #e6e6e6;
color: #e6e6e6;
}

td.diff-addedline {
border-color: #ed7404;
}

td.diff-addedline .diffchange {
    background: #067700;
}

td.diff-deletedline,
td.diff-deletedline .diffchange {
border-color: #990000;
}

/* Search results styling */

.skin-hydradark .mw-search-profile-tabs,
.skin-hydradark fieldset#mw-searchoptions,
.skin-hydradark .mw-search-profile-tabs {
    background-color: transparent;
    border: 1px solid #ed7404;
}

.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive {
    background: #ed7404;
    color: #fff;
    border: 1px solid #ed7404;
}

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a,
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a  {
    color: #FFFFFF;
}

/* Preferences styling */

.skin-hydradark #preferences {
    background-color: transparent;
}

.skin-hydradark #preferences legend {
    color: white;
    font-weight: bold;
}

.htmlform-tip {
    color: whitesmoke;
}

.skin-hydradark #preftoc li {
    background-image: none;
    color: #ed7404;
    font-weight: bold;
    text-shadow: 1px 1px black;
}

/* UI TWEAKING */
/* Frontpage pagename display and fix */
body.page-Scrap_Mechanic_Wiki h1.firstHeading {
    display: none;
}

/* Presentation and code fields */

pre, 
code,
.skin-hydradark .mw-code {
border: 1px solid #ddd;
color: white;
background-color: transparent;
border-style: solid;
    background: rgba(0, 0, 0, 0.69);
}

.mw-highlight {
    background: rgba(0, 0, 0, 0.69);
    color: white;
}

/* Fieldsets, category links, tables of content */
fieldset,
ul#filetoc,
#catlinks,
div#toc, 
div.toc, 
div.mw-warning {
     background-color: transparent;
    border: 1px solid #D26500;
}

/* Category tree and custom bulletpoints */
ul {
list-style-type: disc;
list-style-image: url(x);
list-style-image: url(x) !ie;
}

.CategoryTreeToggle {
    color: #ed7404;
}

/* Thumbs */

div.thumb {
    margin-bottom: .5em;
    width: auto;
    border: 0px solid #ed7404;
    padding: 3px;
}

div.thumbinner {

    border: 1px solid #c6b198;
    box-shadow: rgba(187,65,11,.7) 0 0.1em 0.5em;
    background: rgba(0,0,0,0.10);
}

/* Notification fix */
.mw-echo-notification.mw-echo-unread,
.mw-echo-date-section,
.mw-echo-timestamp, 
.mw-echo-notification-footer {
    color: #ed7404;
}

/* Achievement fixes */
#p-achievement-list, .achievement_category, .achievement_category_select {
    background: black;
}

/* Edit count fix */
#editcount > table * table,
#editcount > table * table th,
#editcount > table * table td {
    background-color: #000000 !important;
    padding: 0 12px 0 0.15em;
    border: 1px solid #ed7404;
}

/* References highlighting */
ol.references li:target, sup.reference:target {
    background-color: #0B3800;
}

/* Tables */
.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
    background-color: #1e1e1e;
    border: 1px solid #ed7404;
    color: #D5D4D4;
    text-align: center;
}

.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > td {
    border: 1px solid #ed7404;
    padding: 0.2em;
}

.skin-hydradark .wikitable th {
    background-color: #1e1e1e;
    border: 1px solid #ed7404;
    color: #D5D4D4;
}

.skin-hydradark .wikitable td {
    border: 1px solid #ed7404;
    color: #B3B4B7;
    padding: 0.2em;
}

.skin-hydradark .TablePager,
.skin-hydradark .mw-datatable,
.skin-hydradark table.mw_metadata {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #404040;
}

.skin-hydradark .TablePager th,
.skin-hydradark .mw-datatable th,
.skin-hydradark table.mw_metadata th {
    background-color: #ed7404;
    border: 1px solid #404040;
    color: #ffffff;
}

.skin-hydradark .TablePager tr:hover td,
.skin-hydradark .mw-datatable tr:hover td {
    background-color: #000000 !important;
    color: #ffffff;
}

.skin-hydradark .TablePager th a,
.skin-hydradark .mw-datatable th a,
.skin-hydradark table.mw_metadata th a {
    background-color: #ed7404;
    color: #FFFFFF !important;
}
 
.skin-hydradark .TablePager td,
.skin-hydradark .mw-datatable td,
.skin-hydradark table.mw_metadata td {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #404040;
    color: #c0c0c0;
}

.statbox {
    width: 204px;
}

.statbox td.noborders {
    border: initial;
}

/* HydraDark default code */

pre {
    overflow: auto;
}


/* for "edit this page" tab and "discussion" tab etc */
.tab {
     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 #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;
}

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}

.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 10px;
}


/* Indicators */
.mw-body .mw-indicators {
    margin-right: 4em;
}

.fpbox {
  border: 1px solid #c6b198;
  background: rgba(0, 0, 0, 0.10);
}

.fpbox .mainheading {
  border-bottom: 1px solid #c6b198;
  color: #ed7404;
}

.fpbox .heading {
  border-bottom: 1px solid #c6b198;
  color: #ffffff;
}

.header{
background: #101010;
border: 1px solid #da662a;
text-align: center;
color: #FFFFFF;
font-size: 150%;
}
Community content is available under CC BY-NC-SA unless otherwise noted.