MediaWiki:Wikia.css

.WikiaMainContent h2 {font-size: 28px;} .WikiaMainContent h3 {margin-top: 16px; font-size: 24px;} .WikiaMainContent h4 {margin-top: 16px; line-height:1; font-size: 20px;}

.mw-parser-output p + p { margin: 0.5em 0; }

.hatnote {font-style: italic;}

.stat-container { margin-top: 20px; padding: 16px 16px 0; border: 1px solid #000; }

.divider{ height: 1px; margin: 10px 0; background-color: #000; }

.divider-vertical { width: 1px; margin-right: 30px; background-color: #000; }

.top-stats { display: flex; justify-content: space-between; } .top-stats__group { display: flex; } .top-stats__item { display: flex; flex-direction: column; align-items: center; } .top-stats__item--padded { padding: 0 3px; } .top-stats__label{ font-size: 20px; line-height: 20px; } .top-stats__value { margin-top: -4px; font-size: 24px; }

.top-stats__ac { display: flex; justify-content: center; align-items: center; height: 52px; width: 52px; background-image: url(https://static.wikia.nocookie.net/the-campaigns-of-kaptajn-bimse/images/8/80/Shield.svg/revision/latest?cb=20201110101124); } .top-stats__hp { display: flex; justify-content: center; align-items: center; height: 52px; width: 52px; background-image: url(https://static.wikia.nocookie.net/the-campaigns-of-kaptajn-bimse/images/a/a7/Heart.svg/revision/latest?cb=20201110142101); } .top-stats__eye { display: flex; justify-content: center; align-items: center; margin-top: -6px; height: 66px; width: 62px; background-image: url(https://static.wikia.nocookie.net/the-campaigns-of-kaptajn-bimse/images/0/01/Eye.svg/revision/latest?cb=20201111204612); } .top-stats__box{ display: flex; justify-content: center; align-items: center; height: 48px; width: 42px; margin: 0 4px; border: 2px solid; border-radius: 4px; }

.stats { display: flex; justify-content: space-between; margin-top: 20px; }

.stats-header { margin-bottom: 10px; font-size: 24px; }

.attributes { margin-right: 20px; } .attribute { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 20px; } .attribute__label { margin-right: 6px; } .attribute__stat { position: relative; } .attribute__value { display: flex; justify-content: center; align-items: center; height: 52px; width: 46px; border: 2px solid #000; border-radius: 4px; } .attribute__modifier { display: flex; justify-content: center; align-items: center; position: absolute; bottom: -8px; right: -12px; height: 28px; width: 28px; background: #fff; border: 2px solid #000; border-radius: 100%; }

.skills { display: flex; justify-content: center; flex: 1 1 40%; } .skill { margin-bottom: 3px; } .skill::before { content:""; display: inline-block; width: 6px; height: 6px; margin-right: 3px; border: 1px solid #000; border-radius: 50%; } .skill--saving-throw::before { border-radius: 0; transform: rotateZ(45deg); } .skill--proficient::before { background-color: #000; } .skill--expertise::before { background-color: #0f0; }

.proficiencies { display: flex; justify-content: space-between; margin-bottom: 20px; } .proficiencies__weapons { display: flex; flex: 1 1 40%; flex-direction: column; flex-wrap: wrap; max-height: 120px; } .proficiencies__armor { flex: 1 1 20%; } .proficiencies__tools { display: flex; flex-direction: column; flex: 1 1 40%; flex-wrap: wrap; max-height: 120px; }

.proficiency { margin-right: 10px; } .proficiency--faded { opacity: .3; } .proficiency--single { font-style: italic; }

.trait { margin-bottom: 10px; } .trait__header { font-weight:700; }

.abilities__label { font-weight:700; } .abilities__text { font-weight: normal; } .abilities__line { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 18px; }

.ability { margin-bottom: 10px; } .ability__header { margin-top: 14px; margin-bottom: -6px; font-size: 16px; font-weight:700; } .ability__header--collapse { cursor: pointer; } .ability__text { transition: ease .5s; max-height: 320px; overflow: hidden; } .ability__text--long { max-height: 600px; } .ability__text--massive { max-height: 940px; } .ability__text--collapsed { position : relative; max-height: 80px; } .ability__text--collapsed:after { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; pointer-events: none; background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%); width: 100%; height: 60px; } .ability__header--archtype { font-size: 20px; } .ability__lvl { font-size: 12px; opacity: .5; } .ability__faded { opacity: .5; }

.collapse-arrow { display: inline-block; line-height: 13px; transition: .3s; } .collapse-arrow--collapsed { transform: rotate(180deg); } .navbox {width: 100%; border: 1px solid #bfbfbf;} .navbox__line { margin-bottom: 2px; padding: 10px; text-align: center; background-color: #25883d; } .navbox__line a { color: #fff } .navbox__group { width: 15%; padding: 16px 10px; background-color: #e7ece9; } .navbox__content { padding-left: 10px; }

.ooui-theme-fandom .mw-collapsible-toggle a, .mw-collapsible-toggle, .mw-collapsible-toggle-default { color: #fff; } .ooui-theme-fandom .mw-collapsible-toggle a:hover, .ooui-theme-fandom .mw-collapsible-toggle a:focus, .ooui-theme-fandom .mw-collapsible-toggle a:active { color:#fff; } .selflink {color: inherit;} .mw-parser-output .selflink:active, .mw-parser-output .selflink:hover{ color: inherit; text-decoration: none; }