Common.css

@import "/load.php?mode=articles&articles=MediaWiki:Infobox.css|u:dev:NavBackground/code.css&only=styles";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{font-family:Open Sans}
.wds-community-header+.WikiaPage{border:1px solid #aaa}
.mw-special-WikiActivity .activityfeed li{
	background-color:#fff;
	padding:8px !important;
	border:1px solid #ddd !important
}
.mw-special-WikiActivity .activityfeed li:hover{background: rgba(235,235,235,.5)}
/* Strona główna */
.SSG {
	margin:10px 0;
	border:1px solid #E3E3E3;
    background-color: #F6F6F6;	
  clear:both
}
.SSG-header{
    background-color: #eee;	
	text-align:center;
	border-bottom:1px solid #E3E3E3;
	margin:0 20px;
	font-size:16px;
	font-weight:bold;
    padding: 10px;
    margin: -3px -3px 0;
}
.subcommunity h4{
	font-weight:bold;
	border-bottom:2px solid #eee;
}
.subcommunity{display:flex}
.subcommunity>div{flex-basis:32%}
.SSG-content {
    border: 10px solid transparent;
    overflow: hidden;
}
.SSG-footer{
	border-top:1px solid #E3E3E3;
	margin:0 10px;
	text-align:center;
	font-size:10px
}
/** Discord **/
.SSG-social {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.SSG-social .tile-top {
    display: flex;
    align-items: center;
    padding: 1em 1.75em;
}

.SSG-social .tile-top a {
    flex: 1;
    position: relative;
    text-decoration: none;
}

.SSG-social .tile-bottom {
    border: none;
    padding: 1em 1.75em;
}

.SSG-social .tile-bottom p {
    color: #ffffff;
    font-weight: bold;
    font-size: .9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin: 0;
}

.SSG-social .social-icon {
    margin-right: .75em;
}

.SSG-social .social-header {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0.5em 0 -0.15em;
}

.SSG-social .social-tagline {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: .5em;
}

.SSG-social .arrow {
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    height: 1em;
    width: .7em;
    background-size: .7em 1em;
    transition: 0.3s ease-out;
}
.SSG-social.SSG-discord .tile-top {
    background: #7289da;
}

.SSG-social.SSG-discord .tile-bottom {
    background: #697ec4;
}
.SSG_Start {
	width: 85%;
	margin: 0 auto
}
.SSG_Start .SSG_Nagłówek {
	display: flex;
	flex-wrap: nowrap
}
  
/* Intro */
.SSG_Start .SSG_Nagłówek .SSG_Intro {
	flex: 1;
	padding-right: 45px
} 
.SSG_Start .SSG_Nagłówek .SSG_Statystyki ul {
	list-style-type: none;
}
.box {
    background-color: #F6F6F6;
}

.box h2 {
}
/* Ankieta */
div.ajax-poll{
	border:0 !important;
	padding:0 !important;
	clear:both;
	margin-top:1em;
	padding:10px 20px 10px 10px;
	width:100% !important
}
.pollAnswerVotes{
	border:1px solid #ccc;
	font-size:10px;
	height:12px !important;
	margin-left:10px;
	position:relative;
	width:100%
}
.pollAnswerVotes div{
	background:#bfbfbf;
	border-right:1px solid #ccc;
	font-size:1px;
	height:12px !important;
	left:0;
	line-height:12px;
	position:absolute;
	top:0;
	z-index:2
}
body.skin-oasis div.ajax-poll{width:auto !important}
div.ajax-poll div.header{font-weight:normal !important;text-align:center}
div.ajax-poll div.row{margin:.2em;padding:.2em}
.pollAnswerName{font-size:.9em;padding-left:10px}
.poll .ourVote div{border:1px solid #777;left:-1px;top:-1px}
.pollAnswerVotes span{left:3px;position:absolute;top:-3px;z-index:4}
#ajax-poll-area>div:last-child{font-size:11px;text-align:center}
#ajax-poll-area>div br{display:block !important}
.label{cursor:pointer}
/* Zmniejszenie długości pasku głosu w ankietach */
.ajax-poll .pollAnswer{padding-right:2em !important}


.tally a{
	color:#3a3a3a;
	font-style:normal;
	text-decoration:none
}
/* Moduły */
.WikiaRail .rail-module{
	border:1px solid #E3E3E3;
	position:relative;
	margin:0;
	margin-bottom:15px;
	padding:20px 15px 15px
}
 .SpeechBubble .speech-bubble-message{
	background:rgba(215,215,215,.5);
	border:none
}
.WikiaPage .article-categories{
    background-color: #F6F6F6;	
	border:none
}
/* Test */ 
.card{
	background:#fff;
	border-radius:2px;
	box-shadow:0 0 0 1px #e3ebf3;
	display:flex;
	font-size:0.8em;
	margin:10px;
	max-width:320px
}
.card>*{flex:1}
.card img{
	border-radius:2px 0 0 2px;
	max-width:100%;
	height:auto
}
.card h2{
	font-size:1.3em;
	background:#f6f8fb;
	border-bottom:solid 1px #e5e9ec;
	color:#074d95;
	text-align:center;
	margin:0
}
.card h3{
	font-size:1em;
	background:#f6f8fb;
	border-bottom:solid 1px #e5e9ec;
	color:#074d95;
	text-align:center;
	margin:0
}
.card p{
	margin:.4em
}
/* Komunkat */
.notice{
	background-color:rgba(0, 0, 0, .06);
	margin:0 0 20px;
	border:1px solid #aaa
}
/** Cover slider **/
.cover-slider { display: flex; position: relative }
.cover-slider > figure { position: relative; margin: 0 }
.cover-slider > figure:not(:last-child):not(:nth-last-child(2)) { margin-right: 5px }
.cover-slider > figure > figcaption { position: absolute; bottom: 0; padding: 8px 5px 5px; background: linear-gradient( to bottom, transparent 0%, #0005 25%, #000 100% ); left: 0; right: 0 }
.cover-slider > figure > figcaption > .caption { color: #fff; padding: 0; text-shadow: 1px 1px 2px rgba(0,0,0,.8); line-height: 1.23 }
.cover-slider .show-info-icon:hover .info-icon { display: none }

.cover-slider > .cover-slider-button { position: sticky; opacity: 0; transition: opacity .2s; margin: auto 0; z-index: 1 }
.cover-slider:hover > .cover-slider-button { opacity: 1 }
.cover-slider > .cover-slider-button:first-child { left: 0 }
.cover-slider > .cover-slider-button:last-child { right: 0 }
.cover-slider > .cover-slider-button::before { display: block; content: ""; position: absolute; top: -25px; background: #222; border: 1px solid #000; color: #fff; width: 50px; height: 50px; cursor: pointer }
.cover-slider > .cover-slider-button::after { display: block; position: absolute; top: -15px; left: 15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; content: ""; cursor: pointer }
.cover-slider > .cover-slider-button:first-child::after { border-right: 20px solid #fff }
.cover-slider > .cover-slider-button:last-child::after { left: -35px; border-left: 20px solid #fff }
.cover-slider > .cover-slider-button:last-child::before { left: -50px }
.lcs-container { overflow: hidden }
.animangafooter{border:0!important}