MediaWiki:Common.css

@import "/wiki/MediaWiki:MainPageBoxes.css?action=raw&ctype=text/css"; @import "/wiki/MediaWiki:MainPageSlider.css?action=raw&ctype=text/css"; @import url('https://fonts.googleapis.com/css?family=Laila|Cinzel|Oswald|De+La+Fuente&subset=latin-ext'); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:Navbox.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css&only=styles");

/* Bacccc body { background-size: cover !important; }

/* Background body.skin-oasis.background-fixed { background-size: 109vw; }

/* Hover .wds-community-header:hover { filter: drop-shadow(0 0px 10px #03265B); } .wds-community-header:hover { -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; }

/** Moduły **/

/* Nagłówki modułów .WikiaRail .discord-module h2, .WikiaRail .rail-module h2, .WikiaRail .module h2 { border-bottom: 2px solid #A47719; font-size: 17px; font-family: Cinzel; color: #ffffff; padding: 5px; }

/* Mainpagegallery .mainpagegallery img { margin-top: 0 !important; }

.mainpagegallery .gallery-image-wrapper, .mainpagegallery .thumb, .mainpagegallery a { height: 279px !important; background-color: #D5D4B9; } .mainpagegallery .wikia-gallery-item a.image { position: relative; background-color: #D5D4B9; } .mainpagegallery .wikia-gallery-item a.image:after { content: ''; opacity: 0.1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #D5D4B9; mix-blend-mode: screen; transition: opacity 0.15s ease-out; } .mainpagegallery .wikia-gallery-item a.image:hover:after { opacity: 0.7; } .mainpagegallery .wikia-gallery-item { padding: 0; margin: 0; } .wikia-photogallery-add { display: none !important; } .mainpagegallery > div { overflow-x: auto }

/* MainPageCards .mp-cards > div { display: flex; flex-wrap: wrap; justify-content: space-around } .cards { background: #00000; border: 1px solid #D00002; border-radius: 5px; padding: 2px; margin-bottom: 10px; margin-right: 10px; position: relative; width: 120px; text-align: center } .cards img { border-radius: 3px } .cards .cardtext { background: #D00002; border-bottom-right-radius: 3px; color: #00000; font-size: 10px; font-weight: bold; line-height: 1.5; padding: 0 3px; position: absolute; right: 1px; bottom: 1px } .cards .cardtext a { color: inherit }

/* Quotebox .quotebox{ background: #00000; border-left: solid 5px #D00002; margin:8px 0 !important; padding:12px; width:auto; font:italic normal 14px/14px sans-serif; clear:both } .quotebox .attribution{ text-align:right; padding:.4em 1em; font-size:14px; font-style:oblique }

/* SG/Kategoria .sg-kategorie { display: flex } .sg-kategorie figure { flex: 1; display: block; position: relative; margin: 0; padding: 0 10.5px } .sg-kategorie figure:hover .sprite.info-icon { display: none } .sg-kategorie figure a { display: flex; justify-content: center; align-items: center } .sg-kategorie figure img { clip-path: circle(48.5%); max-width: 80%; height: auto } .sg-kategorie figure .caption { position: absolute; top: 50%; left: 0; right: 0; color: #fff; font-family: Rubik, sans-serif; font-weight: light; font-size: 40px; line-height: 0; text-align: center; text-shadow: 0 0 10px #000; padding: 0; pointer-events: none }

/* Custom slider highlight color .wikiaPhotoGallery-slider-body { --mst-main: #8A0808; --mst-secondary: #8A0808 }

.wikiaPhotoGallery-slider-body .wikia-button.secondary { display: none; }

/* Infocards .card { background: #0D1925; border-radius: 3px; font-size: x-small; font-weight: 800; position: relative; line-height: 1.5em; margin: 20px; height: 100%; width: var(--card__size, 300px); transition: box-shadow 0.3s ease; overflow: hidden; } .card:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .card--img { position: relative; } .card--img::before { background: linear-gradient(.5turn, rgba(0, 0, 0, 0), var(--card__accent, #ae2745)); content: ''; height: 100%; opacity: 0.5; position: absolute; top: 0; width: var(--card__size, 300px); } .card--wrapper { padding: 15px; position: relative; } .card--wrapper__title { margin: -7.5px 0 5px !important; font-size: 20px !important; } .card--wrapper__actions { background: var(--card__accent, #ae2745); border-radius: 2px; color: #f0f0f0; left: 15px; padding: 0.2em 0.6em; position: absolute; top: -30px; }

.card.horizontal { background: 0; } .card.horizontal .card--wrapper__title { margin-top: -29px !important; color: var(--color__color,#f0f0f0); margin-left: 15px !important; transform: translatey(-5px); } .card.horizontal .card--wrapper__actions { transform: translatey(5px); } .card.horizontal .card--wrapper__content { display: none; } .card.horizontal .card--wrapper { padding: 0; }

/* Navbox z Krypty table.fallout_navbox_box_bottom, table.fallout_navbox_box_left, table.fallout_navbox_box_right { border-collapse: separate !important; border:2px groove chocolate; color: #000; empty-cells: show; font-size: 0.9em; font-weight: normal; line-height: 1.3em; margin-bottom: 5px; text-align: center !important; width: auto; margin: auto; }

.fallout-navbox-subgroup .fallout-navbox-group, .fallout-navbox-subgroup .navbox-abovebelow { /* background: #e6e6ff;      Level 3 color background:#333333; }

td.fallout_navbox_footer { font-size: 90%; } table.fallout_navbox_box_bottom { clear: both !important; margin: 5px auto 0 !important; /* Doesn't work in IE6 but that's bearable, only visual } table.fallout_navbox_box_bottom+table.fallout_navbox_box_bottom { border-top-style: solid !important; margin-top: 0 !important; } table.fallout_navbox_box_left { clear: left !important; float: left !important; margin: 0 1.5em 0.5em 0 !important; } table.fallout_navbox_box_right { clear: right !important; float: right !important; margin: 0 0 0.5em 1.5em !important; }

th.fallout_navbox_innertable_title, th.fallout_navbox_box_title { color: #fff !important; font-size: 80%; font-weight: normal !important; padding: 10px !important; line-height: 7px; } th.fallout_navbox_box_title { background: rgba(247.0, 138.0, 91.0, 1.0) ; border: 3px solid #F48656 !important; color: #ffffff !important; } th.fallout_navbox_innertable_title { background: rgba(247.0, 138.0, 91.0, 1.0) ; border-bottom: 2px solid #000000 !important; border-left: 3px solid #000000 !important; border-right: 3px solid #000000 !important; border-top: 0 !important; } th.fallout_navbox_box_title span.fallout_navbox_maintitle { font-size: 115%; font-weight: bold !important; } th.fallout_navbox_innertable_title span.fallout_navbox_maintitle { font-size: 125%; font-weight: bold !important; } td.fallout_navbox_cont { border: 0 !important; padding: 0 !important; }

table.fallout_navbox_innertable, table.fallout_navbox { border-collapse: separate !important; empty-cells: show !important; margin: 0 !important; padding: 0 !important; }

table.fallout_navbox { border-bottom: 1px solid white; font-size: 85%; }

td.fallout_navbox_header, td.fallout_navbox_footer, td.fallout_navbox_cell, td.fallout_navbox_groupcell, td.fallout_navbox_group, td.fallout_navbox_subgroup { border-bottom: 2px solid #333 !important; border-left: 3px solid #fff !important; border-top: 0 !important; }

td.fallout_navbox_header, td.fallout_navbox_footer, td.fallout_navbox_cell, td.fallout_navbox_groupcell { border-right: 3px solid #fff !important; } td.fallout_navbox_header { background-image: linear-gradient(#FF9365, #EB7B4B); } td.fallout_navbox_footer { background: rgba(64, 113, 164, 0.5); color: #fffff2 !important; padding: 20px !important; text-align: center !important; } td.fallout_navbox_header { font-weight: bold !important; } td.fallout_navbox_subgroup, td.fallout_navbox_group { border-right: 0 !important; font-weight: bold !important; padding: 2px !important; text-align: right !important; white-space: nowrap !important; } td.fallout_navbox_group { background: rgba(113.0, 113.0, 113.0, 1.0); color: #ffffff !important; } td.fallout_navbox_subgroup { background-color: rgba(113.0, 113.0, 113.0, 1.0) !important; color: #ffffff !important; } td.fallout_navbox_groupcell, td.fallout_navbox_cell { background-color: #DCDCDC !important; padding: 2px !important; } td.fallout_navbox_groupcell { text-align: left !important; } td.fallout_navbox_cell { text-align: center !important; /* do not wrap links in content fields if nowraplinks is set table.fallout_navbox_nowraplinks td.fallout_navbox_cell a, } table.fallout_navbox_nowraplinks td.fallout_navbox_groupcell a { white-space: nowrap !important; /* header bar needs brighter links th.fallout_navbox_box_title a: link, } th.fallout_navbox_box_title a.new, th.fallout_navbox_innertable_title a.new { color: #f11 !important; /* headers and footer need brighter links td.fallout_navbox_header a: link, } @media print { table.fallout_navbox_box { display: none !important; }	/* Outer table - border } .va-navbox-border { -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; border: 3px groove #F48656; box-shadow: 2px 2px 2px #ccc; border-color: 5px chocolate; } .va-navbox-bottom+.va-navbox-bottom { /* Outer table - widths, floats margin-top: 2px; } .va-navbox { font-size: 11px; line-height: 16px; width: 100%; } .va-navbox-bottom { clear: both; margin: 5px auto 0; width: 100%; } .va-navbox-left { clear: left; float: left; margin: 0 1.5em 0.5em 0; width: 200px; } .va-navbox-right { /* Inner tables clear: right; float: right; margin: 0 0 0.5em 1.5em; width: 200px; } .va-navbox-brick { width: 100%; } .va-navbox, .va-navbox-border, .va-navbox-brickcont, .va-navbox-padding { margin: 0; } .va-navbox-space-h { padding: 1px; background: #fff; } .va-navbox-space-v { padding: 1px; background: #333; } .va-navbox-padding { padding: 3px; background: #333; } .va-navbox-space-h { width: 1px; } .va-navbox-columncont .va-navbox-space-h { border-right: 1px solid #fff; width: 0; } .va-navbox-space-v { /* Remember to update the column width calculations when changing widths font-size: 1pt; height: 1px; line-height: 0; } .va-navbox-title { background-image: linear-gradient(#FF9365, #EB7B4B); border: none; color: #fff; font-weight: normal; padding: 7px 4em; }

th.va-navbox-header, .va-navbox-headertext, .va-navbox-titletext { color: #fff; background-image: linear-gradient(#FF9365, #EB7B4B); font-weight: bold; padding-left: 40px; padding-right: 40px; } .va-navbox-maintitle .va-navbox-titletext { font-size: 118%; padding: 7px 4em; } .va-navbox-editlink { float: left; margin-right: -100%; text-align: left; width: 40px; } .va-navbox .collapseButton { margin-left: -100%; }

.va-navbox-cell, .va-navbox-colgroup, .va-navbox-column, .va-navbox-footer, .va-navbox-group, .va-navbox-header, .va-navbox-image, .va-navbox-subgroup { padding-bottom: 2px; padding-right: 2px; padding-top: 2px; }

.va-navbox-colgroup, .va-navbox-group, .va-navbox-subgroup { color: #fff; font-weight: bold; } .va-navbox-group, .va-navbox-subgroup { text-align: right; width: 15%; }

.va-navbox-footer, .va-navbox-group, .va-navbox-header { background: rgba(113.0, 113.0, 113.0, 1.0); border: none; color: #fff !important; padding-left: 10px; padding-right: 10px; }

.va-navbox-colgroup, .va-navbox-subgroup { background: rgba(113.0, 113.0, 113.0, 1.0); border: none; }

.va-navbox-cell, .va-navbox-column, .va-navbox-image { color: #000; background: #ccc; border: none; }

.va-navbox-cell-nogroups, .va-navbox-column, .va-navbox-colgroup, .va-navbox-footer, .va-navbox-image { text-align: center; } .va-navbox-cell-withgroups { padding: 1px 0 1px 5px; text-align: left; } .va-navbox-column { vertical-align: top; } .va-navbox-image, .va-navbox-formatlist ul { width: 8%; } .va-navbox-formatlist li { line-height: 16px; list-style: none; margin: 0.6em 0; padding: 0; } .va-navbox-formatlist li li { font-size: 90%; } .va-navbox-formatlist li ul { margin-bottom: 0.5em; margin-top: -0.1em; } .va-navbox-formatlist li ul li { /* Nested margin: 0; } .va-navbox .va-navbox-nested { font-size: 100%; } .va-navbox-nested .va-navbox-title { background: #333333; border: none; color: #000; }

.va-navbox-nested .va-navbox-footer, .va-navbox-nested .va-navbox-group, .va-navbox-nested .va-navbox-header { background: #F9865B; }

.va-navbox-nested .va-navbox-colgroup, .va-navbox-nested .va-navbox-subgroup { /* Links background: #707070; } .va-navbox-editlink .va-navbar-item { color: #fff !important; }

.va-navbox-nowraplinks .va-navbox-cell a, .va-navbox-nowraplinks .va-navbox-column a { white-space: nowrap; } .va-navbox-maintitle a: hover, .va-navbox-maintitle a:active { color: #fff; } .va-navbox-maintitle a.new { /* Printing color: #f11 !important; } @media print { .va-navbox, .va-navbox-border { display: none; } } .va-navbox-title > .mw-collapsible-toggle { font-weight: bold; padding-bottom: 2px; font-size: 12px; padding-top: 2px; }

/* HomeNav .homeNav .article-table td{ border-bottom: 0; }

.navMenu td{ border-bottom: 0; } /* Main Page Icon Transition Effects */ /* Fix Aimed at the Fade-in/Fade-out Effect of the Homepage's Main Buttons */ /* CSS Properties for classes ".divar", ".divqu" and ".divas" have been deleted due to not having an use of these anymore .spancr, .navbutton { float:left; display: block; position: relative; z-index: 99; } .spancr2, .navbutton { transition-duration: 1s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; } .spancr2, .navbutton { opacity: 0; } .spancr2:hover, .navbutton:hover { opacity: 100; }

.HomeTile {   position:relative; height: 106px; width: 106px; background: -webkit-radial-gradient(#727272, #151515); background: -o-radial-gradient(#727272, #151515); background: -moz-radial-gradient(#727272, #151515); background: radial-gradient(#727272, #151515); z-index:0; } .HomeTilelink {   position:absolute; bottom:0; width:100%; background-color:rgba(0,128,128,0.7); text-align:center; text-transform:uppercase; color:white; text-shadow: 0 0 2px; font-size:12px; z-index:4; font-family:Fresca; } .HomeTilelink a { color:white; text-decoration: none; font-family:Fresca; } .HomeTileimage, .HomeTileimage-overlap {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:1; z-index:1; } .HomeTileimage2 {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:0; z-index:2; } .HomeTile:hover .HomeTileimage {   opacity:0; } .HomeTile:hover .HomeTileimage2 {   opacity:1; }

table.main-site-stats-table { text-align:center; text-shadow:0 2px 7px #cce1e9; margin-top:1em; width:100%; } .HomeNav { display:inline-block; position:relative; width:150px; text-align:center; background:#013c61; padding:5px; text-transform:uppercase; font-size:15px; margin:2px; } .HomeNav span { display:inline-block; } .HomeNav span a { font-size:14px; font-weight:bold; font-family:'Open Sans'; color:white; text-decoration:none; } .HomeNav .trapzoidleft { position:absolute; top:0; left:-10px; height:100%; width:80px; background:#013c61; } .HomeNav .trapzoidright { position:absolute; top:0; right:-10px; height:100%; width:80px; background:#013c61; } .HomeNav:hover span a { color:#91ffe9; }

/* Normalny navbox

.navbox {                    /* Navbox container style border: 1px solid #CC9933; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group,na .navbox-title, .navbox-abovebelow { padding: 0.25em 1em;     /* Title, group and above/below styles line-height: 1.5em; text-align: center; } .navbox, .navbox-group, .navbox-subgroup { background: transparent;     /* Background color } .navbox th, .navbox-title { background: #CC9933; color: white; text-align: center; width: 100%; }