Boom Beach Wiki
Du hast noch kein Benutzerkonto?
Registrieren
Advertisement
Registrieren
Boom Beach Wiki
Boom Beach Wiki
347
Seiten

Wikia.css

MediaWiki-Seite
Version vom 29. März 2017, 23:02 Uhr von DarkBarbarian (Nachrichtenseite | Beiträge)
Zum Bearbeiten anmelden

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
@import url("/load.php?mode=articles&articles=MediaWiki:Geshi.css&only=styles");
@import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";
@import url(http://fonts.googleapis.com/css?family=Bangers|Montserrat);
@import url("/load.php?mode=articles&articles=MediaWiki:Wikia.css/Usernames.css&only=styles");
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url("http://boombeach.wikia.com/index.php?title=MediaWiki:Wikia.css/CalcForms.css&action=raw&ctype=text/css");

/* Bot */
a[href$="DarkBotbarian"],
a[href$="Dragon_Rainbot"],
a[href$="Dragon+Rainbot"] {
	color: #f00 !important;
	font-weight: bold;
}
/* Administrator */
a[href$="Brini"],
a[href$="Chefgott"],
a[href$="DarkBarbarian"],
a[href$="IchMachMucke"] {
	color: #228b22 !important;
	font-weight: bold;
}
/* Wiki-Moderator */
a[href$="OmegaBit"],
a[href$="Maje78"] {
	color: #39c6c3 !important;
	font-weight: bold;
}
/* UserTags */
/** Kommentare **/
.comments li[data-user="Brini"] .edited-by:after,
.comments li[data-user="Chefgott"] .edited-by:after,
.comments li[data-user="DarkBarbarian"] .edited-by:after,
.comments li[data-user="IchMachMucke"] .edited-by:after {
	content: "Administrator";
}
.comments li[data-user="Maje78"] .edited-by:after,
.comments li[data-user="OmegaBit"] .edited-by:after {
	content: "Wiki-Moderator";
}
.comments li .edited-by:after {
	background-color: #adc9ff !important;
	border-radius: 3px !important;
	color: #000 !important;
	font-family: 'Bangers';
	font-size: 12px !important;
	letter-spacing: 1px !important;
	margin-left: 3px !important;
	padding: 0 5px !important;
}
/** Nachrichten **/
.messageWallUserTags {
	background-color: #adc9ff;
	border-radius: 3px;
	color: #000;
	font-family: 'Bangers';
	font-weight: normal !important;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
	top: 1px;
}
/** Masthead **/
.UserProfileMasthead .masthead-info a.tag {
	color: black;
}
.UserProfileMasthead .masthead-info .tag {
	font-family: 'Bangers';
	font-size: larger !important;
	letter-spacing: 1px;
}

.UserProfileMasthead .masthead-info-lower:before {
    display: none;
}

/* Überschriften */
#WikiaPageHeader h1 {
  letter-spacing: 2px !important;
  color: white;
  font-family: Bangers !important;
  text-shadow: 1px 1px 1px black,-1px -1px 1px black,1px -1px 1px black,-1px 1px 1px black,0px -1px 1px black,0px 1px 1px black,-1px 0px 1px black,1px 0px 1px black,0 2px 1px black,-1px 3px 1px black,1px 3px 1px black;
}

/* Banner */

.banner-main {
   width: 90%;
   border: 5px navy solid;
   background-color: #009999;
   box-shadow: 5px 5px 3px #4D4D4D;
   font-family: Bangers;
   letter-spacing: 3px;
   text-align: center;
   font-size: 35px;
   padding: 10px;
   color: white;
   text-shadow: 3px 3px 1px black, 3px 0 1px black, 0 3px 1px black;
   background-image: -ms-linear-gradient(top, #00CED1 0%, #007DB8 100%);
   background-image: -moz-linear-gradient(top, #00CED1 0%, #007DB8 100%);
   background-image: -o-linear-gradient(top, #00CED1 0%, #007DB8 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00CED1), color-stop(1, #007DB8));
   background-image: -webkit-linear-gradient(top, #00CED1 0%, #007DB8 100%);
   background-image: linear-gradient(to bottom, #00CED1 0%, #007DB8 100%);
}

/* Navigation Hover Class */
.hovernav img { opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ }
.hovernav img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

/* Hover Class */
.hoverimage img { opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }
.hoverimage img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

#events-text-top {
  position: relative;
  top: 8px;
  width: 75%;
  z-index: 30;
  font-family: Bangers;
  margin-left: 22%;
  margin-right: 3%;
  color: white;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000, 0px 3px #000;
}
 
#events-text-middle {
  position: relative;
  top: 15px;
  width: 75%;
  z-index: 30;
  font-family: Bangers;
  margin-left: 22%;
  margin-right: 3%;
  color: white;
  font-size: 24px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000, 0px 3px #000;
}
 
#events-text-bottom {
  position: relative;
  top: 22px;
  width: 75%;
  z-index: 30;
  font-family: Bangers;
  margin-left: 22%;
  margin-right: 3%;
  color: white;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000, 0px 3px #000;
}
 
#events-box-back {
  position: relative;
  margin: 7px;
  height: 140px;
  width: 289px;
  padding: 1px;
  border-radius: 12px;
  box-shadow: 0px 0px 10px 2px #666;
  border: 1px solid #000;
}
 
#events-box-back.events-terror {
  background-image: -ms-linear-gradient(top, #823982 0%, #290029 100%);
  background-image: -moz-linear-gradient(top, #823982 0%, #290029 100%);
  background-image: -o-linear-gradient(top, #823982 0%, #290029 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #823982), color-stop(1, #290029));
  background-image: -webkit-linear-gradient(top, #823982 0%, #290029 100%);
  background-image: linear-gradient(top, #823982 0%, #290029 100%);
}
 
#events-box-back.events-gearheart {
  background-image: -ms-linear-gradient(top, #990000 0%, #520000 100%);
  background-image: -moz-linear-gradient(top, #990000 0%, #520000 100%);
  background-image: -o-linear-gradient(top, #990000 0%, #520000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #990000), color-stop(1, #520000));
  background-image: -webkit-linear-gradient(top, #990000 0%, #520000 100%);
  background-image: linear-gradient(top, #990000 0%, #520000 100%);
}
 
#events-box-back.events-hammerman {
  background-image: -ms-linear-gradient(top, Red 0%, #900000 100%);
  background-image: -moz-linear-gradient(top, Red 0%, #900000 100%);
  background-image: -o-linear-gradient(top, Red 0%, #900000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, Red), color-stop(1, #900000));
  background-image: -webkit-linear-gradient(top, Red 0%, #900000 100%);
  background-image: linear-gradient(top, Red 0%, #900000 100%);
}
 
#events-box-back.events-none {
  background-image: -ms-linear-gradient(top, #B2B2B2 0%, #313131 100%);
  background-image: -moz-linear-gradient(top, #B2B2B2 0%, #313131 100%);
  background-image: -o-linear-gradient(top, #B2B2B2 0%, #313131 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B2B2B2), color-stop(1, #313131));
  background-image: -webkit-linear-gradient(top, #B2B2B2 0%, #313131 100%);
  background-image: linear-gradient(top, #B2B2B2 0%, #313131 100%);
}
 
#events-box-front {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 130px;
  width: 279px;
  border-radius: 7px;
  border: 1px solid #000;
}
 
#events-box-front.events-terror {
  background-image: -ms-linear-gradient(top, #290029 0%, #823982 100%);
  background-image: -moz-linear-gradient(top, #290029 0%, #823982 100%);
  background-image: -o-linear-gradient(top, #290029 0%, #823982 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #290029), color-stop(1, #823982));
  background-image: -webkit-linear-gradient(top, #290029 0%, #823982 100%);
  background-image: linear-gradient(top, #823982 0%, #823982 100%);
}
 
#events-box-front.events-gearheart {
  background-image: -ms-linear-gradient(top, #520000 0%, #990000 100%);
  background-image: -moz-linear-gradient(top, #520000 0%, #990000 100%);
  background-image: -o-linear-gradient(top, #520000 0%, #990000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #520000), color-stop(1, #990000));
  background-image: -webkit-linear-gradient(top, #520000 0%, #990000 100%);
  background-image: linear-gradient(top, #520000 0%, #990000 100%);
}
 
#events-box-front.events-hammerman {
  background-image: -ms-linear-gradient(top, #900000 0%, Red 100%);
  background-image: -moz-linear-gradient(top, #900000 0%, Red 100%);
  background-image: -o-linear-gradient(top, #900000 0%, Red 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #900000), color-stop(1, Red));
  background-image: -webkit-linear-gradient(top, #900000 0%, Red 100%);
  background-image: linear-gradient(top, #900000 0%, Red 100%);
}
 
#events-box-front.events-none {
  background-image: -ms-linear-gradient(top, #313131 0%, #B2B2B2 100%);
  background-image: -moz-linear-gradient(top, #313131 0%, #B2B2B2 100%);
  background-image: -o-linear-gradient(top, #313131 0%, #B2B2B2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313131), color-stop(1, #B2B2B2));
  background-image: -webkit-linear-gradient(top, #313131 0%, #B2B2B2 100%);
  background-image: linear-gradient(top, #313131 0%, #B2B2B2 100%);
}
 
#events-image {
  position: absolute;
  top: 8px;
  left: 6px;
}
 
#events-image.events-terror {
  content: url("http://vignette4.wikia.nocookie.net/boombeach/images/f/fa/Terror2.png/revision/latest?cb=20150623225730");
  height: 90px;
  width: 67.5px;
}
 
#events-image.events-gearheart {
  content: url("http://vignette1.wikia.nocookie.net/boombeach/images/1/14/Colonel_Gearheart.png/revision/latest?cb=20150506115021");
  height: 93.5px;
  width: 41px;
}
 
#events-image.events-hammerman {
  content: url("http://vignette3.wikia.nocookie.net/boombeach/images/c/c3/Hammerman.png/revision/latest?cb=20150213181715");
  height: 96px;
  width: 39.6px;
}
 
#intel-box-back {
  position: relative;
  margin: 7px;
  height: 130px;
  width: 289px;
  padding: 1px;
  border-radius: 12px;
  box-shadow: 0px 0px 10px 2px #666;
  border: 1px solid #000;
 
  background-image: -ms-linear-gradient(bottom, #000093 0%, #3385FF 100%);
  background-image: -moz-linear-gradient(bottom, #000093 0%, #3385FF 100%);
  background-image: -o-linear-gradient(bottom, #000093 0%, #3385FF 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000093), color-stop(1, #3385FF));
  background-image: -webkit-linear-gradient(bottom, #000093 0%, #3385FF 100%);
  background-image: linear-gradient(To Top, #000093 0%, #3385FF 100%);
}
 
#intel-box-front {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 120px;
  width: 279px;
  border-radius: 7px;
  border: 1px solid #000;
 
  background-image: -ms-linear-gradient(top, #000093 0%, #3385FF 100%);
  background-image: -moz-linear-gradient(top, #000093 0%, #3385FF 100%);
  background-image: -o-linear-gradient(top, #000093 0%, #3385FF 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000093), color-stop(1, #3385FF));
  background-image: -webkit-linear-gradient(top, #000093 0%, #3385FF 100%);
  background-image: linear-gradient(To Bottom, #000093 0%, #3385FF 100%);
}
 
#intel-image {
  position: relative;
  top: 12px;
  left: 12px;
  height: 75px;
  width: 75px;
}
 
#intel-text-top {
  position: absolute;
  top: 18px;
  width: 65%;
  z-index: 30;
  font-family: Bangers;
  margin-left: 32%;
  margin-right: 3%;
  color: white;
  font-size: 21px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000, 0px 3px #000;
}
 
#intel-text-remaining {
  position: absolute;
  top: 55px;
  width: 65%;
  z-index: 30;
  font-family: Bangers;
  padding-bottom: 10px;
  margin-left: 32%;
  margin-right: 3%;
  color: white;
  font-size: 26px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000, 0px 3px #000;
}
 
#countdown-switch-box {
  position: absolute;
  z-index: 10;
  bottom: 0px;
  width: 279px;
  height: 22px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 13px;
  color: white;
  background: rgba(0,0,0,0.5);
  cursor: pointer;
}
 
#countdown-switch-text {
  position: relative;
  top: 3px;
  text-align: center;
  cursor: pointer;
}

#wikiaPhotoGallery-slider-body-0 {
  background-color: transparent;
}

/* Navigation */
 
#WikiHeader.WikiHeader { 
    background-color: white !important; 
    background-repeat: repeat; 
    background-size: contain; 
    }
 
.WikiHeader > nav li {
    color: black;
    font-size: 16px;
    background: #99bbff;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: none;
    border-bottom-right-radius: none;
    }
 
 
nav.WikiNav > div.navbackground {
    display: none;
}
 
nav.WikiNav > ul > li {
    border-bottom-width: 0px;
}
 
nav.WikiNav > ul > li.marked {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}
 
nav.WikiNav > ul > li.marked:not(:first-child):before {
    background: radial-gradient(1em at left top , transparent 100%, #FFF) repeat scroll 0% 0% transparent;
    width: 1em;
    height: 1em;
    content: "";
    float: left;
    position: absolute;
    right: 1em;
    top: 1.2em;
}
 
nav.WikiNav > ul > li.marked::after {
    background: -webkit-radial-gradient(circle 1em at left top, transparent 100%, white);
    background: radial-gradient(circle 1em at right top, transparent 100%, white);
    width: 1em;
    height: 1em;
    content: '';
    float: right;
    position: relative;
    left: 1em;
    bottom: 1em;
}
 
nav.WikiNav > ul > li.marked > ul {
    width: 754px !important;
    background-color: #99bbff;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    border-top-left-radius: 0em;
    border-top-right-radius: 1em;
}
 
nav.WikiNav > ul > li.marked:first-child > ul {
    border-top-left-radius: 0px;
}
 
nav.WikiNav > ul > li.marked > a {
    border-top-width: 0px;
}
 
nav.WikiNav > ul > li > ul > li > ul {
    top: 29px !important;
}
 
nav.WikiNav > ul > li.marked > ul > li.marked2 > ul {
    border-radius: 0.5em;
    border-top-left-radius: 0px;
}
 
nav.WikiNav > ul > li.marked > ul > li.marked2 > a.subnav-2a {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.WikiHeader > nav .subnav-3 li a {
    border-radius: 0.5em;
}

.subnav-4 {
    background-color: #FFFFFF !important;
    border-radius: 0.5em !important;
}

/* Toggler-Design */
.Toggler {
  color: blue;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
 
.Toggler:hover {
  text-decoration: underline;
}
 
.Toggler.aktiv {
  color: black;
  cursor: default;
}
.Toggler.aktiv:hover {
  text-decoration: none;
}

/* Forumfeed in der WikiaRail

#WikiaRail > section.module.WikiaActivityModule.ForumActivityModule .avatar {
	display: none;
} */

/* Kats  Replace any spaces, colons or slashes with underscores ("_"). */
body.page-Kategorie_Unterstützung #mw-pages,
body.page-Kategorie_Unterstützung  #mw-subcategories,
body.page-Kategorie_Abwehr #mw-pages,
body.page-Kategorie_Abwehr #mw-subcategories,
body.page-Kategorie_Fallen #mw-pages,
body.page-Kategorie_Fallen #mw-subcategories,
body.page-Kategorie_Ressourcen #mw-pages,
body.page-Kategorie_Ressourcen #mw-subcategories,
body.page-Kategorie_Truppen #mw-pages,
body.page-Kategorie_Truppen #mw-subcategories {
        display: none !important;
}

/* Tabber Styling */
 
.tabberlive > .tabbernav > li > a {
	/* tabber tabs */
	background-color: #AAE2FF;
	color: black;
}
.tabberlive > .tabbernav > li > a:hover {
    /* tabber tabs when being hovered */
	background-color: #66CCFF;
	color: black;
}
.tabberlive > .tabbernav > li > a:active {
	/* tabber tabs when being clicked */
}
.tabberlive > .tabbernav > li.tabberactive > a {
	/* selected tabber tab */
	color: #001A66;
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
    /* selected tabber tab when being hovered */
	border-color: #00007A;
	border-bottom-color: transparent;
	color: black;
}
.tabberlive > .tabbernav > li.tabberactive > a:active {
	/* selected tabber tab when being clicked */
}

/* Für das Statuen-Tool */
.StatModified {
    font-weight: bold;
    color: #A347A3;
}
 
.StatModifiedAmp {
    font-weight: bold;
    color: #7B7BBC;
}
 
.StatModifiedShield {
	color: #33CCFF;
}
 
.ampOptionsTrigger, .generatorOptionsTrigger {
	color: #032841;
	font-size: 80%;
	line-height: 18px;
	cursor: pointer;
}
 
.ampOptionsTrigger:hover, .generatorOptionsTrigger:hover {
	color: #4E87C1;
}
 
.ampOptionsTrigger:active, .generatorOptionsTrigger:active {
	color: navy;
}
 
.ampOptionsTriggerHidden, .generatorOptionsTriggerHidden {
	display: none;
}
 
#ampOptions, #generatorOptions {
	padding: 5px;
	display: none;
}
 
#ampOptionsInner, #generatorOptionsInner {
	text-align: right;
	padding-right: 100px;
}
 
#numOfAmpsOption,
#firstAmpOption,
#secondAmpOption,
#numOfGeneratorsOption,
#firstGeneratorOption,
#secondGeneratorOption {
	margin: 2px;
}
 
td.TerrorGoldTotal,
td.TerrorTotal {
    font-weight: bold;
}
 
td.TerrorGold:after,
td.HammermanGold:after {
    content: " + a";
}
 
td.HammermanGold {
    white-space: nowrap;
}
 
td.TerrorGoldTotal:after {
    content: " + a*7";
}

/* Hintergrund von Tabellen */
.table-back {
    margin-top: 30px;
    margin-bottom: 15px;
    border: 0px ridge silver;
    padding: 10px;
    border-radius:15px;
    -moz-border-radius: 15px;
    -webkit-border-radius:15px;
    background-color: gainsboro;
}

/* Table Classes */
 
/* For Resource Base page table */
table.rb-table,
table.rb-table th,
table.rb-table td {
  border-collapse: collapse;
  border: 1px #cccccc solid;
  color: #3a3a3a;
  margin: 1em 1em 1em 0;
}
table.rb-table th {
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5));
    background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); 
    background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
}
table.rb-table td:nth-of-type(3n-2) {
    background-color: #B5A493;
}
table.rb-table td:nth-of-type(3n-1) {
    background-color: #E0D1C2;
}
table.rb-table td:nth-of-type(3n-0) {
    background-color: #E6E6E6;
}
table.rb-table tr:hover td {
    background-color: #9FDFFF;
}
 
/* alternating-table */
table.alternating-table,
table.alternating-table th,
table.alternating-table td {
  border-collapse: collapse;
  border: 1px #cccccc solid;
  color: #3a3a3a;
  margin: 1em 1em 1em 0;
}
table.alternating-table th {
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5));
    background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); 
    background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
}
table.alternating-table td:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .5);
}
table.alternating-table td:nth-of-type(even) {
    background-color: rgba(180, 180, 180, .5);
}
table.alternating-table tr.t-light {
    background-color: white;
}
table.alternating-table tr.t-dark {
    background-color: #CACACA;
}
 
 
/* Blue gradient th table */
table.th-blue-table,
table.th-blue-table th,
table.th-blue-table td {
  border-collapse: collapse;
  border: 1px #cccccc solid;
  color: #3a3a3a;
  margin: 1em 1em 1em 0;
}
table.th-blue-table th {
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5));
    background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); 
    background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
}

/* Darken the bottom cell on each table */
table.jcTable tr:last-of-type td {
    background-color: #C1C1C1;
}
 
/* Make Text and Number inputs less wide */
table.jcTable input[type=text], table.jcTable input[type=number] {
    width: 100px;
}
 
/* Margin for Energy Cost Calc Auto-Submit button that can be toggled */
span.autosubmitbuttonmarginleft {
    margin-left: 15px;
}
 
/* Artillery Hit-to-Kill Calculator */
table#ArtilleryHTKResult td {
    cursor: pointer;
}
 
table#ArtilleryHTKResult td:hover {
    background-color: #80dfff;
}
 
table#ArtilleryHTKResult td:active {
    background-color: #1ac6ff;
}
 
/* Auto-Fill Config form */
#jcFormautofillconfigin th {
    background-color: #032841;
    color: white;
}
 
table.jcTable .autofillConfigDividingRow {
    background-color: #66b3ff !important;
    color: black !important;
}
 
#jcFormautofillconfigin td:nth-of-type(2n) {
    text-align: center;
}

/* Tabber für die Hauptseite */
.page-Boom_Beach_Wiki .tabbertab {
    border:none !important;
    padding: 0px !important;
}
 
.page-Boom_Beach_Wiki ul.tabbernav {
    text-align: left;
    font: 14px Helvetica,Arial,sans-serif !important;
    border-bottom: 0px !important;
    border-top: 5px solid black !important;
}
 
.page-Boom_Beach_Wiki .tabberlive {
    width: 100% !important;
}
 
.page-Boom_Beach_Wiki ul.tabbernav li a {
    padding: 8px 12px !important;
    margin-left: 0px !important;
    color: D5D4D4 !important;
    border: none !important;
    background: none !important;
}
 
.page-Boom_Beach_Wiki ul.tabbernav li a:link,
.page-Boom_Beach_Wiki ul.tabbernav li a:visited {
    color: black !important;
}
 
.page-Boom_Beach_Wiki ul.tabbernav li a:hover {
    color: #D5D4D4 !important;
    background: black !important;
    border:none !important;
}
 
.page-Boom_Beach_Wiki ul.tabbernav li.tabberactive a {
    color: #D5D4D4 !important;
    background-color: black !important;
    border-bottom: 1px solid #fff;
}
 
.page-Boom_Beach_Wiki ul.tabbernav li.tabberactive a:hover {
    color: #000;
    background: white;
    border-bottom: 1px solid white;
}

/* Klassen für Tabelle
1. Klasse für den Anfang der Tabelle
*/
.tabelle {
    width:100%;
    margin:auto;
    text-align:center;
    background:#85adff;
    border-radius:15px;
    font-weight:bold;
    color:black;
    border:2px #F1480;
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.35);
    margin-bottom:15px;
    padding:0.7ex;
}

/* 2. Definieren von "border-top"*/
.tabelle-border-top {
    width:100%;
    border-top: 1px solid black;
}

/* Sidebar/Footer Wikia Modules */
.WikiaRail .module,
.WikiaFooter section {
    border-color: #032841;
    background-image: -ms-linear-gradient(top, #EDEDED 0%, #FFFFFF 100%);        background-image: -moz-linear-gradient(top, #EDEDED 0%, #FFFFFF 100%);       background-image: -o-linear-gradient(top, #EDEDED 0%, #FFFFFF 100%);         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDEDED), color-stop(1, #FFFFFF)); 
    background-image: -webkit-linear-gradient(top, #EDEDED 0%, #FFFFFF 100%);     background-image: linear-gradient(To Bottom, #EDEDED 0%, #FFFFFF 100%);
}
 
.WikiaRail .module h2 {
    font-family: Bangers;
    letter-spacing: 1px;
    font-size: 22px;
}

/* Clickable DIV elements with shading */
.clickable-div a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}
 
.clickable-div a > img {
    width: 100%;
    height: 100%;
}
 
.clickable-div a > img:hover {
    background: rgba(0, 0, 0, 0.2);
}
 
/* Clickable DIV without shading */
 
.clickable-div-ns a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}
 
.clickable-div-ns a > img {
    width: 100%;
    height: 100%;
}
 
/* End Clickable DIV elements */

/* Portable Infoboxen */
.portable-infobox.pi-europa.pi-theme-spiel {
    background-color: skyblue;
    border: 2px solid blue;
    border-radius: 10px;
    padding: 5px;
    width: 270px;
}

.portable-infobox.pi-europa.pi-theme-spiel .pi-title {
    background-color: royalblue;
    border-radius: 8px 8px 0px 0px;
    color: white;
    font-size: 16px;
    padding: 1px;
}

.portable-infobox.pi-europa.pi-theme-spiel .pi-image-thumbnail {
    height: auto;
    max-width: 250px;
}

.portable-infobox.pi-europa.pi-theme-basis {
    background-color: transparent;
    border: 6px ridge black;
    width: 98%;
}

.portable-infobox.pi-europa.pi-theme-basis .pi-image-thumbnail {
    height: auto;
    max-width: 600px;
}

.portable-infobox.pi-europa.pi-theme-basis .pi-header {
    background-color: transparent;
    text-align: left;
}
Nutzung von Community-Inhalten gemäß CC-BY-SA, sofern nicht anders angegeben.
Advertisement