MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Dosis'); body { font-family: 'Dosis'; }

h1,h2,h3,h4,h5,h6 { font-family: 'Dosis'; font-weight: 900 !important; }

.background-image { background-size: 100% !important; }

.pi-europa .pi-header, .pi-europa .pi-title { background-image: repeating-linear-gradient(rgba(107,173,86,0), rgba(107,173,86,0) 5px, rgba(107,173,86,0.8) 5px, rgba(107,173,86,0.8) 8px), linear-gradient(to right, rgba(50,137,68,1), rgba(119,173,85,1)) !important; background: #316e45; /* Old browsers */ background: -moz-linear-gradient(left, #316e45 0%, #75ac5b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #316e45 0%,#75ac5b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #316e45 0%,#75ac5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316e45', endColorstr='#75ac5b',GradientType=1 ); /* IE6-9 */ color: #fff !important; clip-path: polygon(     0% 40%,     /* top left */      10% 0%,     /* top left */      100% 0%,    /* top right */      100% 0%,   /* top right */      100% 60%,  /* bottom right */      90% 100%,  /* bottom right */      0% 100%,   /* bottom left */      0% 100%      /* bottom left */    ); background-color: #9cd35e; border-style: solid; border-color: #9cd35e; border-width: 0px; }

.pi-title:before { height: 102%; width: 102%; background-color: #9cd35e; border-style: solid; border-color: #9cd35e; border-width: 0px; z-index: -1; }

.pi-europa.pi-background { background-color: rgb(255,255,255,0) !important; border-style: solid; border-color: #9cd35e; border-width: 2px; aaclip-path: polygon(     0% 0%,     /* top left */      0% 0%,     /* top left */      100% 0%,    /* top right */      100% 0%,   /* top right */      100% 90%,  /* bottom right */      90% 100%,  /* bottom right */      0% 100%,   /* bottom left */      0% 100%      /* bottom left */    ); }

.WikiaPageContentWrapper { background-color: rgb(255,255,255,0) !important; background-image: repeating-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3) 4px, rgba(255,255,255,0.8) 4px, rgba(255,255,255,0.8) 8px), linear-gradient(to right, rgba(255,255,255,0.85), rgba(255,255,255,0.95)) !important; background: -moz-linear-gradient(left, rgba(255,252,252,0.5) 0%, rgba(255,252,252,0.95) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,252,252,0.5) 0%,rgba(255,252,252,0.95) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,252,252,0.5) 0%,rgba(255,252,252,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80fffcfc', endColorstr='#f2fffcfc',GradientType=1 ); /* IE6-9 */

}

dd.wds-community-header { aabackground-image: repeating-linear-gradient(rgba(10,164,166,0), rgba(10,164,166,0) 5px, rgba(10,164,166,0.8) 5px, rgba(10,164,166,0.8) 8px), linear-gradient(to right, rgba(7,146,149,1), rgba(105,180,185,1)) !important; background: #10828d; /* Old browsers */ background: -moz-linear-gradient(left, #10828d 0%, #69b4b9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #10828d 0%,#69b4b9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #10828d 0%,#69b4b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10828d', endColorstr='#69b4b9',GradientType=1 ); /* IE6-9 */ clip-path: polygon(     0% 10%,     /* top left */      10% 0%,     /* top left */      100% 0%,    /* top right */      100% 0%,   /* top right */      100% 100%,  /* bottom right */      100% 100%,  /* bottom right */      0% 100%,   /* bottom left */      0% 100%      /* bottom left */    ); background-color: #1f9094; border-style: solid; border-color: #1f9094; border-width: 2px; }