Σημείωση: μετά την δημοσίευση, ίσως χρειαστεί να παρακάμψετε την προσωρινή μνήμη του προγράμματος περιήγησής σας για να δείτε τις αλλαγές.
- Firefox / Safari: Κρατήστε πατημένο το Shift κάνοντας ταυτόχρονα κλικ στο κουμπί Ανανέωση ή πιέστε Ctrl-F5 ή Ctrl-R (⌘-R σε Mac)
- Google Chrome: Πιέστε Ctrl-Shift-R (⌘-Shift-R σε Mac)
- Internet Explorer / Edge: Κρατήστε πατημένο το Ctrl κάνοντας ταυτόχρονα κλικ στο κουμπί Ανανέωση, ή πιέστε Ctrl-F5
- Opera: Πιέστε Ctrl-F5.
@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles");
@import url(https://fonts.googleapis.com/css?family=Comfortaa);
/*Font used for article titles*/
@import url(https://fonts.googleapis.com/css?family=Comfortaa:700,400);
.i18ndoc {
background-color: #FFF77D;
border-bottom: 1px solid lightgrey;
font-family: comfortaa;
font-size: 8pt;
height: 140px;
overflow: auto;
padding: 3px;
}
body {
font-family:Jura;
}
/*** Logo, thanks to the Polish SpongeBob Wiki!. ***/
/* Podświetlenie */
.wordmark.medium.graphic {
opacity: .87;
transition: .3s;
}
.wordmark.medium.graphic:hover {
opacity: 1;
}
#wikia_header {
border-bottom:1px solid #FFEE00;
}
#userData a {
color:#fff;
}
#link_box_table a {
color:#000;
}
.color1, .color1 a, .yui-panel .hd {
background-color:#fa0;
}
#link_box { background: #FFaa55;}
.color2 { background: orange; }
.accent {
background: #ffd0b0;
color: black;
border: orange;
}
/* cover images */
.CoverImage img {
display: none;
}
#newsfeed2016img1 {
background: url('https://vignette.wikia.nocookie.net/spongebob/images/d/d1/SpongeBobKCA2015.jpg') no-repeat center;
}
#newsfeed2016img2 {
background: url('https://vignette.wikia.nocookie.net/spongebob/images/3/3b/SpongeBob_SquarePants_main_characters.png') no-repeat center;
}
/* Specific background on some pages */
body:not(.background-ad) .page-Μπομπ_Σφουγγαράκης_Τετραγωνοπαντελονής.skin-oasis {
background: #ffcc00 url("https://vignette.wikia.nocookie.net/spongebob/images/a/a9/454238.jpg/revision/latest?cb=20170612183557&path-prefix=el") top center repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
}
/*wiki-background*/
#WikiaPage {
background: rgba(255,255,255,0.6);
}
#WikiaPageBackground, #WikiaPage > #WikiaMainContent {
background: linear-gradient( rgba(255,255,255,0.75), rgba(255,255,255,0.75) ), url("https://images.wikia.nocookie.net/__cb0/spongebob/images/5/5a/Wiki-background-seed.jpg");
box-shadow: 0px 0px 5px 7px #3232ff;
background-size: 100% auto !important;
}
/*chat-customize*/
.Chat {
background: linear-gradient( rgba(255,255,255,0.75), rgba(255,255,255,0.75) ), url("https://images.wikia.nocookie.net/__cb0/spongebob/images/5/5a/Wiki-background-seed.jpg") !important;
background-size: 100% auto !important;
}
.Chat .you {
background: rgba(245,245,245,0.75) !important;
}
.Chat .inline-alert {
color: black !important;
}
.ChatWindow .WikiaPage {
background: white !important;
}
/* default skin for infoboxes */
table.infobox {
vertical-align:middle;
clear:both;
}
/*toc-customize*/
#toc, .toc {
background-color: white !important;
}
/* main page blocks */
.mpblock {
position:relative;
background:#ffffcc; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ffffcc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffcc)); /* for webkit browsers */
background: -moz-linear-gradient(top, white, #ffffcc); /* for firefox 3.6+ */
padding: 10px;
border:1px solid #ccc;
-webkit-box-shadow: 0 3px 3px #DADADA; /* Safari and Chrome */
-moz-box-shadow: 0 1px 3px #DADADA;
box-shadow: 0 1px 3px #DADADA;
}
/* Contents of the selected tab */
div.tabBody.selected {
border: none !important;
padding: 0px !important;
}
/* Contents of the selected tab */
div.tabBody.selected {
border: none !important;
padding: 0px !important;
border-radius: 2em 2em 2em 2em !important;
}
/* Selected Tab */
ul.tabs li.selected a {
border: 2px solid black !important;
color: #000 !important;
font-weight: bold !important;
border-bottom: 2px solid black !important;
background-color: #f2b850 !important;
cursor: default;
}
/* Normal Tab; NOT selected */
ul.tabs li a {
color: black !important;
padding: 3px 0.5em !important;
margin-left: 0px !important;
background: #F8D030 !important;
border: 2px solid black !important;
font-weight: normal !important;
-moz-border-radius-topright: 10px !important;
border-top-right-radius: 10px !important;
-moz-border-radius-topleft: 10px !important;
border-top-left-radius: 10px !important;
position: relative;
}
.tabs li a:hover {
font-weight: normal !important;
background-color: #F8D030 !important;
border: 1px solid #FAEBD7 !important;
border-bottom: none !important;
}
/* tabber */
.tabbertab {
border-top: 2px solid black !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
padding:0px !important;
}
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
margin-right: 2px;
}
/* not applying on the last tabview tabs */
.tabberlive > ul.tabbernav > li:last-child {
margin-right: 0px;
}
.tabbernav {
background: transparent;
border-bottom: none !important;
padding: 3px 0 !important;
}
ul.tabbernav li a {
color: black !important;
padding: 3px 0.5em !important;
margin-left: 0px !important;
background: #F8D030 !important;
border: 2px solid black !important;
font-weight: normal !important;
-moz-border-radius-topright: 10px !important;
border-top-right-radius: 10px !important;
-moz-border-radius-topleft: 10px !important;
border-top-left-radius: 10px !important;
position: relative;
}
ul.tabbernav li a:hover{
font-weight: normal !important;
background-color: #F8D030 !important;
border: 1px solid #FAEBD7 !important;
border-bottom: none !important;
}
ul.tabbernav li:not(.tabberactive):hover {
margin: 0 3px 0 1px !important;
}
ul.tabbernav li.tabberactive a {
border: 2px solid black !important;
color: #000 !important;
font-weight: bold !important;
border-bottom: 2px solid black !important;
background-color: #f2b850 !important;
cursor: default;
}
ul.tabbernav li.tabberactive a:hover {
font-weight: bold !important;
background-color: #f2b850 !important;
border-color: black !important;
border-bottom: 2px solid black !important;
}
ul.tabbernav li.tabberactive {
line-height: 0px !important;
}
ul.tabbernav li.tabberactive:first-child a {
margin-left: 0px !important;
}
.tabbertab .ajax-poll {
border: none !important;
}
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
display:block !important;
}
.AdminDashboardTabs .tab.active {
font-weight: bold !important;
background-color: #f2b850 !important;
border-color: black !important;
border-bottom: 2px solid black !important;
}
.AdminDashboardTabs .tab {
color: black !important;
padding: 1px 0.5em !important;
margin-left: 0px !important;
background: #F8D030 !important;
border: 2px solid black !important;
font-weight: normal !important;
-moz-border-radius-topright: 10px !important;
border-top-right-radius: 10px !important;
-moz-border-radius-topleft: 10px !important;
border-top-left-radius: 10px !important;
position: relative;
}
/*drop down*/
.custom-dropdown {
padding: 1px 8px;
}
.custom-dropdown > :first-child:after {
background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
border-color: white transparent transparent;
border-style: solid;
border-width: 4px;
content: "";
display: inline-block;
height: 1px;
margin-left: 4px;
margin-top: 2px;
position: relative;
vertical-align: middle;
width: 1px;
}
.custom-dropdown:hover {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-bottom: -1px;
padding-bottom: 2px;
}
.custom-dropdown ul {
list-style: none outside none;
min-width: 100%;
top: 23px;
}
.custom-dropdown:hover ul {
display: block;
}
.custom-dropdown li a {
font-size: 12px;
height: 14px;
line-height: 14px;
}
/* BEGIN: List tabs */
.tableDiv {
display:table;
}
.tableDiv > div {
display:table-cell;
}
.list-tab {
float: left;
font-weight: normal !important;
text-align: center;
background: none !important;
margin-right: 2px !important;
}
.list-tab.selected {
padding:3px;
font-weight: bold !important;
border-radius: 10px 10px 0 0;
border:2px solid black;
border-bottom: 0px;
background-color: #f2b850 !important;
}
.list-tab.last {
margin-right: 0 !important;
}
.list-tab a {
display: block;
font-weight:normal !important;
padding:3px;
color: black;
border-radius: 10px 10px 0 0;
border:2px solid black;
border-bottom: none !important;
background-color: #F8D030 !important;
}
.list-tab.extra a, .list-tab.selected.extra {
padding-left:10px !important;
padding-right:10px !important;
}
.list-tab a:hover {
text-decoration: none !important;
font-weight: normal !important;
background-color: #F8D030 !important;
border: 1px solid #FAEBD7 !important;
border-bottom: none !important;
margin-top: 1px !important;
}
.tableDiv > div:not(.selected):hover {
margin: 0 3px -1px 1px !important;
}
@media screen and (max-width: 1023px) {
.list-tab a, .list-tab.selected {
padding:1px !important;
}
.list-tab.extra a, .list-tab.selected.extra {
padding-left:8px !important;
padding-right:8px !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
.list-tab a, .list-tab.selected {
padding:3px !important;
}
.list-tab.extra a, .list-tab.selected.extra {
padding-left:10px !important;
padding-right:10px !important;
}
}
@media screen and (min-width: 1600px) {
.list-tab a, .list-tab.selected {
padding:5px !important;
}
.list-tab.extra a, .list-tab.selected.extra {
padding-left:12px !important;
padding-right:12px !important;
}
}
/* END: List tabs */
.css.source-css .kw1 {
color: black !important;
}
#WallNotifications .bubbles {
background-image: url(https://images.wikia.nocookie.net/__cb20140627044512/spongebob/images/3/39/Mailbox_Notification.png);
}
/* ================
Navigational "bounce" effect
mainly used on front page
idea derives from the work of
Alessio Atzeni, a Roman web
designer who can be found at
http://www.alessioatzeni.com
================ */
/* Adapted from User:CzechOut
from w:c:kateprice
*/
.bounceme {
position:relative;
float:left;
width:300px;
height:200px;
margin:10px;
overflow:hidden;
text-align:left;
-webkit-box-shadow:1px 1px 2px #e6e6e6;
-moz-box-shadow:1px 1px 2px #e6e6e6;
box-shadow:1px 1px 2px #e6e6e6;
background-color:#f5f5f5;
}
.bounceme img {
width:auto;
height:200px;
}
.bounceme .info {
position:absolute;
top:-220px;
width:300px;
height:200px;
overflow:hidden;
background-color:rgba(254,204,32,0.98);
}
.bounceme .info #heading {
display:block;
text-decoration:none;
color:white;
text-transform:uppercase;
text-align: center;
font-size: 11pt;
padding: 6px;
background: rgba(0, 0, 0, 0.6);
margin: 20px 0 0 0;
border-top:2px solid white;
border-bottom:2px solid white;
}
.bounceme .info #text {
font-size: 10pt;
position: relative;
color: black;
padding: 5px;
text-align: center;
}
.bounceme .info #button {
text-decoration:none;
font-size: 10pt;
color: white;
padding:0px 3px;
text-align: center;
background: rgba(0, 0, 0, 0.6);
margin:0 auto;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-icab-border-radius:5px;
-o-border-radius:5px;
white-space:nowrap;
}
.bounceme:hover .info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bounceY 0.7s linear;
-moz-animation: bounceY 0.7s linear;
-ms-animation: bounceY 0.7s linear;
animation: bounceY 0.7s linear;
}
@-moz-keyframes bounceY {
0% { -moz-transform: translateY(-205px);}
40% { -moz-transform: translateY(-100px);}
65% { -moz-transform: translateY(-52px);}
82% { -moz-transform: translateY(-25px);}
92% { -moz-transform: translateY(-12px);}
55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
0% { -webkit-transform: translateY(-205px);}
40% { -webkit-transform: translateY(-100px);}
65% { -webkit-transform: translateY(-52px);}
82% { -webkit-transform: translateY(-25px);}
92% { -webkit-transform: translateY(-12px);}
55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}
@keyframes bounceY {
0% { transform: translateY(-205px);}
40% { transform: translateY(-100px);}
65% { transform: translateY(-52px);}
82% { transform: translateY(-25px);}
92% { transform: translateY(-12px);}
55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
/*welcome-buttons*/
.welcome-button img {
width:150px;
height:80px;
}
a.tag {
color: inherit;
}
#stdSummaries {
border-radius: 4px;
padding: 1px 2px;
width: 284px;
}
.editpage-sourcewidemode-on.mode-source #stdSummaries {
left: -17px;
position: relative;
top: 25px;
width: 250px;
}
#experiment {
-webkit-perspective: 400px;
-webkit-perspective-origin: 50% 100px;
-moz-perspective: 400px;
-moz-perspective-origin: 50% 100px;
perspective: 400px;
perspective-origin: 50% 100px;
}
#cube {
position: relative;
margin: 50px auto;
height: 200px;
width: 200px;
-webkit-transition: -webkit-transform 2s linear;
-webkit-transform-style: preserve-3d;
-moz-transition: -moz-transform 2s linear;
-moz-transform-style: preserve-3d;
transition: transform 2s linear;
transform-style: preserve-3d;
}
.face {
position: absolute;
height: 180px;
width: 180px;
padding: 10px;
background-color: rgba(50, 50, 50, 0.7);
font-size: 13.5px;
line-height: 1em;
color: #fff;
border: 1px solid #555;
border-radius: 3px;
}
#cube .one {
-webkit-transform: rotateX(90deg) translateZ(100px);
-moz-transform: rotateX(90deg) translateZ(100px);
transform: rotateX(90deg) translateZ(100px);
}
#cube .two {
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
transform: translateZ(100px);
}
#cube .three {
-webkit-transform: rotateY(90deg) translateZ(100px);
-moz-transform: rotateY(90deg) translateZ(100px);
transform: rotateY(90deg) translateZ(100px);
}
#cube .four {
-webkit-transform: rotateY(180deg) translateZ(100px);
-moz-transform: rotateY(180deg) translateZ(100px);
transform: rotateY(180deg) translateZ(100px);
}
#cube .five {
-webkit-transform: rotateY(-90deg) translateZ(100px);
-moz-transform: rotateY(-90deg) translateZ(100px);
transform: rotateY(-90deg) translateZ(100px);
}
#cube .six {
-webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
-moz-transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
}
@font-face {
font-family: "Krabby Patty Font";
src: url(http://www.fontsaddict.com/fontface/krabby-patty.ttf) format("truetype");
}
p.pattyfont {
font-family: "Krabby Patty Font";
}
.round-image img {
border-radius: 10px;
}
.WikiaPhotoGalleryPreview * {
max-width: 100%;
}
.oasisclear {
clear: both;
}
.oasisclearleft {
clear: left;
}
.oasisclearright {
clear: right;
}
/* Portable Infobox */
.portable-infobox {
border-radius: 10px;
}
.pi-background {
background-color: #F8D030;
}
.pi-secondary-background {
background-color: #F2B850;
}
.pi-border-color {
border-color: #F2B850;
}
/* BEGIN: UserPage Customize */
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader {
background: none !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs {
margin: 0 !important;
padding: 0 !important;
border-bottom: 2px solid black !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li {
float: left;
font-weight: normal !important;
text-align: center;
background: none !important;
margin: 0 2px 1px 0 !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li a {
display: block;
font-weight:normal !important;
padding: 5px;
color: black !important;
border-radius: 10px 10px 0 0;
border: 2px solid black;
border-bottom: none !important;
background-color: #F8D030 !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li.selected a {
font-weight: bold !important;
background-color: #f2b850 !important;
pointer-events: none !important;
cursor: default !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li a:hover {
text-decoration: none !important;
font-weight: normal !important;
background-color: #F8D030 !important;
border: 1px solid #FAEBD7 !important;
border-bottom: none !important;
padding: 5px !important;
margin: 1px 1px -1px 1px !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li.selected a:hover {
text-decoration: none !important;
font-weight: bold !important;
background-color: #f2b850 !important;
border-color: black !important;
padding: 5px !important;
pointer-events: none !important;
cursor: default !important;
}
/* END: UserPage Customize */
/* designsTabber */
.designsTabber ul.tabbernav {
white-space: nowrap !important;
overflow-x: auto !important;
width: 281px !important;
line-height: 2.5em !important;
border: none !important;
}
.designsTabber ul.tabbernav li {
display: inline-block !important;
float: none !important;
}
.designsTabber ul.tabbernav li a:hover {
border: 2px solid black !important;
font-weight: bold !important;
}
.designsTabber .tabbertab {
border: none !important;
}
/* DiscussionButtons */
.voteScoreSelect {
text-align: center;
font-size: 12pt;
}
.voteScoreSelect a {
font-size: 15px;
color: #FFF !important;
padding: 3px;
text-decoration: none;
display: inline-block;
border: 1px solid #000;
border-radius: 5px;
text-align: center;
width: 17px;
font-weight: bold;
}
.voteButtons a, .concernButtonSmall a {
font-size: 14px;
color: #FFF !important;
padding: 0 4px;
text-decoration: none;
display: inline-block;
border: 1px solid #000;
border-radius: 5px;
text-align: center;
background: #005F9C;
font-weight: bold;
}
.concernButtonBig a {
font-size: 16px;
color: #FFF !important;
padding: 2px 5px;
text-decoration: none;
display: inline-block;
border: 1px solid #000;
border-radius: 5px;
text-align: center;
background: #005F9C;
font-weight: bold;
}
.voteButtons a:hover, .concernButtonSmall a:hover, .concernButtonBig a:hover {
background: #008BE3;
}
.supportScoreButtons a {
background: #4e9a06;
}
.neutralScoreButtons a {
background: #555753;
}
.opposeScoreButtons a {
background: #b83737;
}
.supportScoreButtons a:hover {
background: #accf8a;
}
.neutralScoreButtons a:hover {
background: #b0b1af;
}
.opposeScoreButtons a:hover {
background: #d58a8a;
}
/* TimeCirclesBegin */
.time_circles {
position: relative;
width: 100%;
height: 100%;
}
.time_circles > div {
position: absolute;
text-align: center;
}
.time_circles > div > h4 {
margin: 0px;
padding: 0px;
text-align: center;
text-transform: uppercase;
font-family: 'Century Gothic', Arial;
}
.time_circles > div > span {
display: block;
width: 100%;
text-align: center;
font-family: 'Century Gothic', Arial;
font-size: 300%;
margin-top: 0.4em;
font-weight: bold;
}
/* TimeCirclesEnd */
/* Custom cursor */
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;} /* End http://www.cursors-4u.com */
/***** Custom cursor *****/
/* Global cursor */
body {
cursor: url('http://cur.cursors-4u.net/toons/too-12/too1107.cur'), pointer;
}
/* Link cursor */
a:hover {
cursor: url('http://cur.cursors-4u.net/toons/too-12/too1107.cur'), pointer;
}
/* Rounded search box */
.WikiaSearch button {
border: #f9c60c;
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
}
.WikiaSearch input[type="text"] {
border: 1px solid #f9c60c;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.WikiaSearch input[type="text"]:-moz-placeholder {
color:white ;
}
/*Interlanguage links flags from Code Lyoko Wiki*/
.WikiaArticleInterlang a[href^='http://spongebob.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/5/5d/Flag_EN.png/revision/latest?cb=20170602100026&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://ar.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/a/a4/Flag_AR_EG.png/revision/latest?cb=20170602102656&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://ca.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/e/e6/Flag_CA.png/revision/latest?cb=20170602100024&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://cy.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/7/7c/Flag_CY.png/revision/latest?cb=20170602102655&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://de.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/1/15/Flag_DE.png/revision/latest?cb=20170602100025&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://bobesponja.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/1/1c/Flag_ES.png/revision/latest?cb=20170602100026&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://fr.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/e/e8/Flag_FR.png/revision/latest?cb=20170602100027&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://fi.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/4/42/Flag_FI.png/revision/latest?cb=20170602100027&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://gl.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/6/6c/Flag_GL.png/revision/latest?cb=20170602100028&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://grc.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/3/3a/Flag_GRC.png/revision/latest?cb=20170615124625&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://nl.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/3/3a/Flag_NL.png/revision/latest?cb=20170602100029&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://it.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/a/a1/Flag_IT.png/revision/latest?cb=20170602100029&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://pt-br.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/8/82/Flag_PT.png/revision/latest?cb=20170602100030&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://pl.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/3/31/Flag_PL.png/revision/latest?cb=20170602100030&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://ru.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/f/fd/Flag_RU.png/revision/latest?cb=20170602100031&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://ro.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/f/f4/Flag_RO.png/revision/latest?cb=20170602100031&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://sr.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/2/21/Flag_SR.png/revision/latest?cb=20170602100032&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://zh.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/2/2f/Flag_ZH.png/revision/latest?cb=20170602100034&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://tr.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/6/6c/Flag_TR.png/revision/latest?cb=20170602102653&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://id.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/2/28/Flag_ID.png/revision/latest?cb=20170602102654&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://cy.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/7/7c/Flag_CY.png/revision/latest?cb=20170602102655&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://ja.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/e/e1/Jp.png/revision/latest?cb=20170615123712&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://uk.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/2/2b/Ua.png/revision/latest?cb=20170617073719&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://spuzvabob.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/0/0f/Hr.png/revision/latest?cb=20170617074342&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://hu.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/b/b5/Flag_HU.png/revision/latest?cb=20170806221402&path-prefix=el');}
.WikiaArticleInterlang a[href^='http://pnt.']:before {content:url('https://vignette.wikia.nocookie.net/spongebob/images/b/b0/Flag_PNT.png/revision/latest?cb=20170917163637&path-prefix=el');}
.WikiaArticleInterlang h3 {
font-family: 'Comfortaa', sans-serif !important;
font-size: 0;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: bold;
color: DarkOrange;
}
.WikiaArticleInterlang h3:after {
content: "Γλώσσες";
font-size:12px;
}
.WikiaArticleInterlang {
border-top: 3px solid white;
border-bottom: 3px solid white;
font-family: Raleway, Helvetica, Arial, sans-serif;
border-radius: 4px;
background:#cdffd9; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#cdffd9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cdffd9)); /* for webkit browsers */
background: -moz-linear-gradient(top, white, #cdffd9); /* for firefox 3.6+ */
opacity: 40%;
border: 3px solid blue;
border-top: 3px solid blue;
border-bottom: 3px solid blue;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.WikiaArticleInterlang ul {
font-family: 'Comfortaa', sans-serif;
text-transform: none;
font-weight: normal;
border-left: none!important;
border-right: none!important;
line-height: 0;
}
.WikiaArticleInterlang a:before {
padding:3px;
}
/*Improved loading bar for Recent Wiki Activity*/
.WikiaRail .loading {
background: url(https://vignette.wikia.nocookie.net/spongebob/images/a/a1/LoadingCube.gif/revision/latest?cb=20170605072613&path-prefix=el) no-repeat 50% 50%;
height: 48px;
margin: 10px;
padding-top: 10px;
}
.WikiaRail .rail-module {
background:#ffffcc; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ffffcc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffcc)); /* for webkit browsers */
background: -moz-linear-gradient(top, white, #ffffcc); /* for firefox 3.6+ */
padding: 20px 15px 15px;
font-size: 12px;
margin: 0 2px 30px;
border: 1px #cccccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
margin-top: 9px;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
box-shadow: 2px 2px 2px #000000;
border-color: #24CCF1 !important;
}
.WikiaRail .module, .GamingCalendarModule {
background:#ffffcc; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ffffcc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffcc)); /* for webkit browsers */
background: -moz-linear-gradient(top, white, #ffffcc); /* for firefox 3.6+ */
padding: 20px 15px 15px;
font-size: 12px;
margin: 0 2px 30px;
border: 1px #cccccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
margin-top: 9px;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
box-shadow: 2px 2px 2px #000000;
border-color: #24CCF1 !important;
}
.WikiaRail .insights-module {
background: url('https://vignette.wikia.nocookie.net/spongebob/images/9/9f/SBWIKIGR_Insights.png/revision/latest?cb=20170608101954&path-prefix=el') center;
}
#WikiaRail h1 {
font-size: 16px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
}
.WikiaRail .rail-module.activity-module {
background: url(https://vignette.wikia.nocookie.net/spongebob/images/c/cb/5874ccc242e4d628738559d9.png/revision/latest?cb=20170812125423&path-prefix=el) left;
background:#ffffcc; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ffffcc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffcc)); /* for webkit browsers */
background: -moz-linear-gradient(top, white, #ffffcc); /* for firefox 3.6+ */
padding: 20px 15px 15px;
font-size: 12px;
margin: 0 2px 30px;
border: 1px #cccccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
margin-top: 9px;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
box-shadow: 2px 2px 2px #000000;
}
#seemoreactivity-button {
color: #00f;
background: url('https://vignette.wikia.nocookie.net/spongebob/images/a/a9/454238.jpg/revision/latest?cb=20170612183557&path-prefix=el');
position: static;
}
.WikiaRail .activity-module .page-title {
white-space: normal;
padding-right: 5px;
}
.WikiaRail .activity-module .edit-info .edit-info-user {
color: #00f;
}
.WikiaRail .rail-module.chat-module {
background: url(https://vignette.wikia.nocookie.net/spongebob/images/1/1d/SBWIKIGR_ChatIm.png/revision/latest?cb=20170711152635&path-prefix=el) center;
}
.WikiaRail .rail-module.discord-module {
background: url(https://vignette.wikia.nocookie.net/spongebob/images/1/1d/SBWIKIGR_ChatIm.png/revision/latest?cb=20170711152635&path-prefix=el) center;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary {
margin-left: 0px;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary {
border: 1px #cccccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
background-color: #129F22;
color: white ;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:active {
background-color: #2FE998;
border: 1px #cccccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
color: white;
}
.UserProfileMasthead .masthead-info hgroup {
background-image: url("https://vignette.wikia.nocookie.net/spongebob/images/3/3a/R6ILK62.png/revision/latest?cb=20170608191552&path-prefix=el");
}
.masthead-avatar img {
border: 1px #cccccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.masthead-avatar:hover img {
border-radius: 100%;
box-shadow:0 0 20px black;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.masthead-avatar .sprite.edit-pencil { display: url(https://vignette.wikia.nocookie.net/spongebob/images/0/0e/MainNavButton2.gif/revision/latest?cb=20170612170314&path-prefix=el)}
/* User page picture alongside info about user (Credit to Fairly Odd Parents Wiki for CSS) */
.UserProfileMasthead:not(.page-Χρήστης_Nick_mick) .masthead-info:not(.page-Χρήστης_Nick_mick) {
border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
zoom: 1;
background-image: url('https://vignette.wikia.nocookie.net/spongebob/images/4/4c/SBWIKIGR_UserPageImage.png/revision/latest?cb=20170529171804&path-prefix=el');
margin-left: 165px;
}
.WikiHeader > nav li.marked {
background: url(https://vignette.wikia.nocookie.net/spongebob/images/0/0e/MainNavButton2.gif/revision/latest?cb=20170612170314&path-prefix=el) no-repeat;
background-size: 100% 100%;
height: 31px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important;
border-radius: 0.75em 0.75em 0 0;
border-bottom: 2px solid white;
-webkit-box-shadow: 0 0 1em white;
-moz-box-shadow: 0 0 1em #FFF;
box-shadow: 0 0 1em white;
}
.wikia-menu-button ul a:hover {
background: url(https://vignette.wikia.nocookie.net/spongebob/images/a/a9/454238.jpg/revision/latest?cb=20170612183557&path-prefix=el) !important;
background-size: 100% 100% !important;
background-position: center;
}
/* 2017 Header */
/* Bar Wrapper */
.WikiaBarWrapper .tools-menu,
.WikiaBarWrapper {
background: url(https://vignette.wikia.nocookie.net/spongebob/images/4/4a/SBWIKIGR_NavBoxFlowersButton.png/revision/latest?cb=20170612181511&path-prefix=el);
}
.WikiaArticle .editsection img.sprite.edit-pencil {
background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat;
background-size: 120%;
background-position: center;
}
.WikiaPageHeader img.sprite.edit-pencil {
background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat;
background-size: 120%;
background-position: center;
}
.UserProfileActionButton img.sprite.edit-pencil {
background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat;
background-size: 120%;
background-position: center;
}
.UserProfileActionButton span.sprite.edit-pencil {
background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat;
background-size: 120%;
background-position: center;
}
.hoverimage img {
opacity: 0.55;
filter: alpha(opacity=55);
/* For IE8 and earlier */
}
.hoverimage img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
/* Navigation Hover Class */
.hovernav img {
opacity: 0.75;
filter: alpha(opacity=75);
/* For IE8 and earlier */
}
.hovernav img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
.tag.usergroup-staff:before {
content: url("https://images.wikia.nocookie.net/starter/images/thumb/b/bc/Wiki.png/35px-Wiki.png");
}
/* Rounding chat avatars, thank you to the Sam & Cat Wiki */
.ChatModule .avatar {
border-radius: 10px;
}
/* Module titles */
#WikiaRail h1,
#WikiaRail h2,
#ForumActivityModule h2 {
padding: 10px !important;
margin: 0 0 5px 0 !important;
text-align: left;
background-color: #F19D24;
color: #0000FF !important;
font-size: 18px !important;
border-color: #24F1A3 !important;
border-radius: 20px 20px 0 0;
color: #fff;
font-weight: 600;
line-height: 30px;
font-family: Comfortaa !important;
}
/* Rail module title icons */
#WikiaRail .rail-module h2.has-icon svg {
fill: rgb(52, 24, 128);
}
/* Wiki article titles */
.WikiaPage h2, .WikiaPage h3, #wkRelPagHead, .WikiaPage h1 {
font-family: "Comfortaa", Trebuchet MS, sans-serif;
font-weight: 600!important;
}
/* Categories from the School of Rock series wiki*/
.article-categories {
border-top: 3px solid white;
border-bottom: 3px solid white;
font-family: Raleway, Helvetica, Arial, sans-serif;
border-radius: 4px;
background:#cdffd9; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#cdffd9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cdffd9)); /* for webkit browsers */
background: -moz-linear-gradient(top, white, #cdffd9); /* for firefox 3.6+ */
border: 3px solid blue;
border-top: 3px solid blue;
border-bottom: 3px solid blue;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
}
.article-categories .container {
padding: 12px 16px 8px !important;
}
.article-categories .container .special-categories {
font-size: 10pt;
line-height: 18px;
text-transform: uppercase;
}
.article-categories .container .categories {
vertical-align: middle;
line-height: 14px;
}
.article-categories .container .categories > li {
margin: 2px !important;
border: none;
}
.article-categories .container .categories > li > .name,
.article-categories .container .categories > li > .name a {
display: inline-block;
}
.article-categories .container .categories > li > .name a {
padding: 6px 16px;
font-family: 'Roboto+slab';
background: #002A32;
color: white;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
-o-border-radius: 10px;
}
/* Avatars */
.avatar {
border-radius:50%;
}
/*Related Pages module (the one that appears at the bottom of every article) */
.RelatedPagesModule li img {
border-radius:5px;
border: 1px #cccccc solid;
}
.RelatedPagesModule .more {
color: black !important;
padding: 1px 0.5em !important;
margin-left: 0px !important;
background: #F8D030 !important;
border: 2px solid black !important;
font-weight: normal !important;
border-radius: 0px 0px 5px 5px;
position: relative;
text-align: center;
}
#WikiaArticle .RelatedPagesModule {
margin: 2px;
}
#WikiaPage .RelatedPagesModule li .more {
color: white;
text-decoration: none;
text-indent: 2px;
}
.RelatedPagesModule .articleSnippet {
width: 200px;
border: 1px solid #cccccc;
border-radius: 5px;
height: 100px;
display: inline-block;
}
.UserProfileMasthead .masthead-info .tag {
box-shadow: inset 0 0 6px #006400;
}
.UserProfileMasthead .masthead-info .tag:hover {
box-shadow: inset 0 0 10px #006400;
text-shadow: 0 0 6px #FFFFFF;
}
/* default skin for infoboxes */
table.infobox {
vertical-align:middle;
clear:both;
}
.WikiaFooter section {
background-image: url(https://vignette.wikia.nocookie.net/spongebob/images/1/11/BobLepongeIntroPanoramicImage.PNG);
background-position: bottom right;
background-repeat: no-repeat;
background-size: cover;
padding-left: 0;
padding-right: 0;
font-weight: bold;
text-shadow: 0 0 18px white;
}
/* Theme Designer Design Update THANKS TO LOGOPEDIA */
.Toolbar {
background-color: #008eff;
background-image: -moz-linear-gradient(top,#005994 0%,#008eff 100%);
background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#005994),color-stop(100%,#008eff));
background-image: -o-linear-gradient(top,#005994 0%,#008eff 100%);
background-image: -ms-linear-gradient(top,#005994 0%,#008eff 100%);
}
.Toolbar .mode {
color: #d6ff00;
font-family: Arial;
font-weight: bold;
}
.Toolbar .inner .history {
color: white;
}
.Toolbar .inner .history .chevron {
border-color: #5eff00 transparent transparent;
}
.Toolbar .inner .history ul {
box-shadow: 0 4px 6px 0 #3bff00;
background-image: -moz-linear-gradient(top, #005994 0%, #008eff 100%);
background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#005994),color-stop(100%,#008eff));
background-image: linear-gradient(to bottom, #005994 0%,#008eff 100%);
background-image: -o-linear-gradient(top, #005994 0%, #008eff 100%);
border: 3px solid #14afda;
}
.Toolbar .inner .history ul li:hover {
background-color: #4d6b80;
mix-blend-mode: color-dodge;
color: black;
}
.Designer {
background-image: url(https://vignette.wikia.nocookie.net/spongebob/images/a/a9/454238.jpg/revision/latest?cb=20170612183557&path-prefix=el);
background-size: 900px;
}
.Navigation {
background-color: transparent;
background-image: -moz-linear-gradient(left,transparent 95%,#CCC 100%);
background-image: -webkit-gradient(linear,0% 0%,100% 0%,color-stop(95%,rgba(245, 245, 245, 0)),color-stop(100%,#CCC));
background-image: -o-linear-gradient(left,transparent 95%,#CCC 100%);
background-image: -ms-linear-gradient(left,transparent 95%,#CCC 100%);
}
.clickmask {
mix-blend-mode: screen;
display:none;
}
.Toolbar .inner .history .revisions {
background: #d6ff00;
border-radius: 10px 10px 10px 10px;
border: 1px solid #0050f9;
color: #000;
font-weight: bold;
}
/* References box*/
.refpopups-box {
background-color: rgba(255, 255, 255, 0.95) !important;
color: #C8F309;
border-color: rgba(255, 255, 255, 0.95) !important;
background: rgba(224, 184, 97, 0.95) !important;
box-shadow: 0 0 7px 0 #232323 !important;
border-radius: 20%;
}
.refpopups-chevron-in {
border-top-color: rgba(255, 255, 255, 0.95) !important;
}
.refpopups-chevron-out {
border-top-color: white !important;
}
.mw-special-Images .gallery-image-wrapper .accent {
border-color: #D1FF00 !important;
border-radius: 20%;
box-shadow: 0 1px 3px 0 rgb(102,102,102);
}
.mw-User:Nick_mick.gallery-image-wrapper .accent {
border-color: #B40404 !important;
border-radius: 100%;
box-shadow: 0 1px 3px 0 rgb(102,102,102);
}
.mw-special-Images .accent {
border-color: #D1FF00 !important;
border-radius: 20%;
box-shadow: 0 1px 3px 0 rgb(102,102,102);
}
#about-achievements {
border: 1px solid #cccccc;
box-shadow: 0 1px 3px 0 rgb(102,102,102);
background: url(https://vignette.wikia.nocookie.net/spongebob/images/c/cd/Screenshot_2015-04-20-21-59-42-1.png/revision/latest/scale-to-width-down/800?cb=20150421020604) center !important;
color: #FF5100;
}
.LeaderboardTable .rank span {
border: 1px solid #cccccc;
display: block;
font-weight: bold;
height: 35px;
padding-right: px;
line-height: 35px;
text-align: center;
width: 35px;
background: rgba(255,255,255,0.7) !important;
/* box-shadow: -0.1px 1px 3px 0 rgb(102,102,102); */
}
@keyframes marquee {
0% { text-indent: 27.5em }
100% { text-indent: -105em }
}
.marquee {
width: 450px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
animation: marquee 40s linear infinite;
}
.marquee:hover {
animation-play-state: paused
}