Wikia.css

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
/**********************************/
/* Blue glow                     */
/**********************************/
.WikiaPage {
   border: 1px solid #08088A; 
  -moz-box-shadow:0 0 20px #08088A;
  -webkit-box-shadow:0 0 20px #08088A;
  box-shadow:0 0 20px #08088A;
}

/* Wiki Logo Style */
.wordmark.medium.graphic {
 -o-transition: .3s;
 -ms-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 opacity: .8;
}

.wordmark.medium.graphic:hover {
 -o-transition: .3s;
 -ms-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 opacity: 1;
}

/* Wiki Search */
.WikiaSearch input[type="text"] {
   background: white url() no-repeat right top !important;
      border: 1px solid #08088A;
   border-radius: 6px;
   -moz-box-shadow: 1px 2px 2px rgba(0, 0, 255, 0.4) !important;
   -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 255, 0.4) !important;
   box-shadow: 1px 2px 2px rgba(0, 0, 255, 0.4) !important;
   color: #31B404;
}

/*Chat Module*/
.ChatModule .chat-whos-here {
    box-shadow: inset 0 0 5px 2px #3104B4
}

/*===========*/
/* Infoboxen */
/*===========*/

.portable-infobox {
    border: 5px double #08d;
    border-right: none;
    border-radius: 0 25px 25px 0;
    padding: 0 2% 0 0;
    background: #fff -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 95%, rgba(150, 150, 150, 0.5) 100%) !important;
}

.pi-title, .pi-header {
    background: #035 -webkit-linear-gradient(bottom, #035, #07c);
    border-radius:0 20px 20px 0;
}

.pi-data:not(:last-child) {
    border-bottom: 1px solid #08d !important;
}

.pi-group {
    margin-bottom: 1%;
}

/*Themen angepasste*/
.pi-theme-HTTYD, .pi-theme-HTTYD .pi-data:not(:last-child) {
    border-color: #900 !important;
}
.pi-theme-HTTYD .pi-title, .pi-theme-HTTYD .pi-header {
    background: #900 url('https://vignette.wikia.nocookie.net/drachenzahmen-leicht-gemacht/images/c/c2/Drachenhautoptik.png/revision/latest?cb=20150312204031&path-prefix=de');
}

.pi-theme-Madagascar, .pi-theme-Madagascar .pi-data:not(:last-child) {
    border-color: #cd3603 !important;
}
.pi-theme-Madagascar .pi-title, .pi-theme-Madagascar .pi-header {
    background: #cd3603 -webkit-linear-gradient(bottom, #cd3603, #ddcf27);
}

.pi-theme-Kater, .pi-theme-Kater .pi-data:not(:last-child) {
    border-color: #fee227 !important;
}
.pi-theme-Kater .pi-title, .pi-theme-Kater .pi-header {
    background: #fee227 -webkit-linear-gradient(bottom, #ffb10f, #fde851, #fee227);
}

.pi-theme-Shrek, .pi-theme-Shrek .pi-data:not(:last-child) {
    border-color: #566c0d !important;
}
.pi-theme-Shrek .pi-title, .pi-theme-Shrek .pi-header {
    background: #566c0d -webkit-linear-gradient(bottom, #4c5f0c, #7b970a, #a5bb0c); 
}

.pi-theme-Spirit, .pi-theme-Spirit .pi-data:not(:last-child) {
    border-color: #07b3d1 !important;
}
.pi-theme-Spirit .pi-title, .pi-theme-Spirit .pi-header {
    background: #07b3d1 -webkit-linear-gradient(bottom, #2c3c99, #16bacb)
    
}
.pi-theme-PeSh, .pi-theme-PeSh .pi-data:not(:last-child) {
    border-color: #000000 !important;
}
.pi-theme-PeSh .pi-title, .pi-theme-PeSh .pi-header {
    background: #000000 -webkit-linear-gradient(bottom, #000000, #ff0000);
}
    
.pi-theme-Home, .pi-theme-Home .pi-data:not(:last-child) {
    border-color: #862783 !important;
}
.pi-theme-Home .pi-title, .pi-theme-Home .pi-header {
    background: #862783 -webkit-linear-gradient(bottom, #862783, #984593);
}

.pi-theme-Panda, .pi-theme-Panda .pi-data:not(:last-child) {
    border-color: #b60f0c !important;
}
.pi-theme-Panda .pi-title, .pi-theme-Panda .pi-header {
    background: #b60f0c -webkit-linear-gradient(bottom, #b60f0c, #eebf3e);
}

.pi-theme-Baby, .pi-theme-Baby .pi-data:not(:last-child) {
    border-color: #3086c3 !important;
}
.pi-theme-Baby .pi-title, .pi-theme-Baby .pi-header {
    background: #3086c3 -webkit-linear-gradient(bottom, #2b5fa8, #3086c3, #65beea);
}

.pi-theme-Trolls, .pi-theme-Trolls .pi-data:not(:last-child) {
    border-color: #b32466 !important;
}
.pi-theme-Trolls .pi-title, .pi-theme-Trolls .pi-header {
    background: #b32466 -webkit-linear-gradient(bottom, #d52b7f, #b32466, #851d48);
}

.pi-theme-HuLi, .pi-theme-HuLi .pi-data:not(:last-child) {
    border-color: #babac8 !important;
}
.pi-theme-HuLi .pi-title, .pi-theme-HuLi .pi-header {
    background: #babac8 -webkit-linear-gradient(bottom, #eaeaf3, #babac8, #8f8ea1);
}

/*=======*/
/*Navbox*/
/*=======*/

.navbox {
    width: 99%;
    background-color: rgb(255, 255, 255, 0.5);
    padding: 5px 10px 0px 10px;
    border-width: 2px;
    border-style: solid;
    border-radius: 25px;
    border-spacing: 0px 5px;
    text-align: center;
}

.navbox th {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    color: #fff;
}

.navbox th a {
    color: inherit;
}

.navbox td {
    border-bottom: 1px solid;
}

.navbox tr:last-child td {
    border-bottom: none;
}

.navbox td:first-child {
    text-align: left;
    width: 75px;
}

/*=======*/
/*=Thema=*/
/*=======*/

.navbox.httyd ,
.navbox.httyd td,
.navbox.httyd th {
    border-color: #900000;
}

.navbox.httyd th {
    background-image: url(https://vignette.wikia.nocookie.net/drachenzahmen-leicht-gemacht/images/c/c2/Drachenhautoptik.png/revision/latest?cb=20150312204031&path-prefix=de);
}

.navbox.madagascar ,
.navbox.madagascar td,
.navbox.madagascar th {
    border-color: #cd3603;
}

.navbox.madagascar th {
    background: #cd3603 -webkit-linear-gradient(bottom, #cd3603, #ddcf27);
}

.navbox.spirit ,
.navbox.spirit td,
.navbox.spirit th {
    border-color: #07b3d1;
}

.navbox.spirit th {
    background: #07b3d1 -webkit-linear-gradient(bottom, #2c3c99, #16bacb);
}

.navbox.shrek ,
.navbox.shrek td,
.navbox.shrek th {
    border-color: #566c0d ;
}

.navbox.shrek th {
    background: #566c0d -webkit-linear-gradient(bottom, #4c5f0c, #7b970a, #a5bb0c);
}

.navbox.pesh ,
.navbox.pesh td,
.navbox.pesh th {
    border-color: #cd3603;
}

.navbox.pesh th {
     background: #000000 -webkit-linear-gradient(bottom, #000000, #ff0000);
}

.navbox.home ,
.navbox.home td,
.navbox.home th {
    border-color: #862783;
}

.navbox.home th {
     background: #862783 -webkit-linear-gradient(bottom, #862783, #984593);
}

.navbox.panda ,
.navbox.panda td,
.navbox.panda th {
    border-color: #b60f0c;
}

.navbox.panda th {
     background: #b60f0c -webkit-linear-gradient(bottom, #b60f0c, #eebf3e);
}

.navbox.baby ,
.navbox.baby td,
.navbox.baby th {
    border-color: #3086c3;

}

.navbox.baby th {
     background: #3086c3 -webkit-linear-gradient(bottom, #2b5fa8, #3086c3, #65beea);
}

.navbox.trolls ,
.navbox.trolls td,
.navbox.trolls th {
    border-color: #b32466;

}

.navbox.trolls th {
     background: #b32466 -webkit-linear-gradient(bottom, #d52b7f, #b32466, #851d48);;
}


.navbox.huli ,
.navbox.huli td,
.navbox.huli th {
    border-color: #babac8;

}

.navbox.huli th {
     background: #babac8 -webkit-linear-gradient(bottom, #eaeaf3, #babac8, #8f8ea1);
}

/*nicht benötigtes Navbox-Design*/
.navbox.kater ,
.navbox.kater td,
.navbox.kater th {
    border-color: #fee227;
}

.navbox.kater th {
    background: #fee227 -webkit-linear-gradient(bottom, #ffb10f, #fde851, #fee227);
}

/*=============*/
/*Farbige Namen*/
/*=============*/

/*Astrid_Hofferson0001*/
a[href$="Astrid_Hofferson0001"] {
    color:#0dadf2 !important;
    font-weight:bold !important;
}

/***=====***/
/***Links***/
/***=====***/
a {
    text-shadow: none;
    text-decoration: none;
    transition: all .0.5s linear 0s;
}
a:hover {
    text-shadow: 0 0 10px #808080;
    text-decoration: none;
    transition: all .1s linear 0s;
}

/*Dropdownlist*/
.wds-dropdown-level-2:hover > a, .wds-dropdown__content a:hover {
    background: #fdd !important;
    color: #900 !important;

/*Discord-Modul*/
.DiscordIntegratorModule iframe {
    margin: 15px 0;
}