Difference between revisions of "Common.css"
Line 5: | Line 5: | ||
.alert-primary { | .alert-primary { | ||
− | background: | + | background: rgb(113, 240, 123,0.3) !important; |
− | color: | + | color: white; |
− | + | font-weight: bold; | |
border: 2px solid #86f0a2; | border: 2px solid #86f0a2; | ||
border-radius: 8px; | border-radius: 8px; | ||
Line 14: | Line 14: | ||
.alert-info { | .alert-info { | ||
background: rgb(83, 190, 230, 0.3) !important; | background: rgb(83, 190, 230, 0.3) !important; | ||
− | color: | + | color: white; |
font-weight: bold; | font-weight: bold; | ||
border: 2px solid rgb(83, 190, 230, 0.3); | border: 2px solid rgb(83, 190, 230, 0.3); |
Revision as of 15:10, 9 October 2019
/* CSS placed here will be applied to all skins */
@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');
.alert-primary {
background: rgb(113, 240, 123,0.3) !important;
color: white;
font-weight: bold;
border: 2px solid #86f0a2;
border-radius: 8px;
}
.alert-info {
background: rgb(83, 190, 230, 0.3) !important;
color: white;
font-weight: bold;
border: 2px solid rgb(83, 190, 230, 0.3);
border-radius: 8px;
}
/* HEADER TABS */
.ui-widget-content {
background: inherit !important;
color: #fff ;
}
#headertabs.bare .ui-widget-header {
color: #fff;
border: none;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
.ui-widget-header {
border: 0px solid #010b13;
background: none !important;
color: #fff;
}
#content .ui-tabs li { list-style-image: none !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: 0px;
padding-bottom: 0px;
color: #fff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border-radius: 8px;
border: 2px solid #000000 !important;
background: #010e18;
padding: 1em;
color: #fff ;
font-family: 'Cinzel Decorative' ;
text-shadow: 0px 1px 1px #000000;
padding-top: 0px !important;
line-height: 1.2 !important;
font-size: 14pt;
}
.ui-tabs .ui-tabs-nav li a { padding: .125em .5em; color: #fff;}
.ui-helper-clearfix:after {
clear: left;
color: #fff;
}
.ui-tabs .ui-tabs-nav {
padding: 0;
padding-bottom: 24px;
margin-top: -12px;
color: #fff;
}
.mw-body-content p { margin-bottom: 4px !important; color: #fff;}
.multipleTemplateInstance {
background-color: rgba(17, 25, 25, 0.5) !important;
}
#headertabs #box { top: -55px; }
/* Header Data changes. */
h1, h2, h3, h4, h5, h6,.mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
border-bottom: none !important;
color: #FFF !important;
font-family: 'Cinzel Decorative' !important;
text-shadow: 0px 2px 2px #000000;
line-height: 1.2 !important;
margin-top: 0 !important;
}
.drop {
color: white;
float: left;
font-family: 'Cinzel Decorative';
font-size: 45px;
line-height: 45px;
padding-right: 8px;
padding-left: 3px;
}
.berxberx { display: flex; flex-wrap: wrap; flex-direction: row; }
.iconberx {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #000000;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxmortal {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #5f87ff;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxMortal {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #5f87ff;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxvampire {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #ff0000;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxVampire {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #ff0000;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxmage {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #05c7af;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxMage {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #05c7af;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxWerewolf {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #ffaf00;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxwerewolf {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #ffaf00;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxchangeling {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #01970d;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxChangeling {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #01970d;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxgodmachine {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #a34d0b;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberxGodmachine {
width: 160px;
min-width: 160px;
max-width: 160px;
padding-top: 12px;
border: 2px solid #a34d0b;
border-radius: 8px;
margin: 8px;
text-align: center;
}
.iconberx img {
border-radius: 8px;
}
table.ecltable tr:nth-child(even){background-color: #010b13;}
table.ecltable th {
font-family: 'Cinzel Decorative';
font-size: 14pt;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 4px;
text-align: left;
background-image: inherit;
border: 1px solid #010b13;
color: white;
}
.iconberxmini {
width: 57px;
min-width: 57px;
max-width: 57px;
padding-top: 1px;
border: 1px solid #000000;
border-radius: 8px;
margin: 1px;
text-align: center;
}