MediaWiki:Fandomdesktop.css

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

a[href="/wiki/User:KouHime"] { color: #f74869 !important; font-variant: small-caps !important; }

div.picture-attribution { display: none !important; }

a[href="/wiki/User:OOQuietSnowOo"] { font-weight:bold; color:#a7e28a !important; }

a[href="/wiki/User:Celestetwit"], a:visited[href|="/wiki/User:Celestetwit"]{ font-weight:bold; color:#ac5488; }

.WikiaActivityModule .edited-by a[href="/wiki/User:Celestetwit"] { color: #ac5488 !important; }

div.picture-attribution { display: none !important; }

/***************************/ .WikiHeader { background: url(https://images.wikia.nocookie.net/__cb20140519183118/free-anime/images/f/f0/Wiki_Header.png); }

/* Pool Background for Templates */ .poolbgtemp { margin-top: 10px; margin-bottom:5px; background: #FFFFFF url(https://images.wikia.nocookie.net/__cb20140507054737/free-anime/images/thumb/8/87/Free_background.png/1150px-Free_background.png) no-repeat center center; font-size: 100%; border: 1px solid #50C5D6; }

/* Poll Colour*/ .pollAnswerVotes div { background:none repeat scroll 0 0 #ff4a77 !important; } .ajax-poll { width: auto !important; border: 2px solid #ff4a77 !important; border-radius: 8px !important; } .pollAnswerVotes span { color: black !important; }

/* Main Page Design Background */ .mainpagebg { margin-top: 10px; margin-bottom:5px; background: #FFFFFF url(https://images.wikia.nocookie.net/__cb20140609140941/free-anime/images/0/0b/Main_Page_Background.png) repeat center center; font-size: 100%; }

/* Reference Pop Ups Style */ .refpopups-box.page-content { background-color: white; color: #50C5D6; border-color: #50C5D6; border-width: 2px; text-align: center; border-radius: 10px; background: white; } .refpopups-configure { margin: 4px; }

/* Other Stuff for UserProfile use only since background is according to User Preferences. May be used in character related pages due to usage of character colors and images of main characters as background images. PLEASE DO NOT CHANGE THE IMAGES in the portrait classes. */

/* Portrait for Rin Matsuoka only */ .portrait1{ border: 5px solid #F12B3C; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 150px; height: 150px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20130427024906/free-anime/images/a/aa/Rin_Matsuoka_char.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .portrait1:hover{ border: 5px solid #F12B3C; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

/* Portrait for Haruka Nanase only */ .portrait2{ border: 5px solid #199AFE; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 150px; height: 150px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20130427024801/free-anime/images/f/f1/Haruka_Nanase_char.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .portrait2:hover{ border: 5px solid #199AFE; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

/* Portrait for Makoto Tachibana only */ .portrait3{ border: 5px solid #4FCD10; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 150px; height: 150px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20130427024819/free-anime/images/a/a0/Makoto_Tachibana_char.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .portrait3:hover{ border: 5px solid #4FCD10; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

/* Portrait for Nagisa Hazuki only */ .portrait4{ border: 5px solid #FFE931; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 150px; height: 150px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20130427024836/free-anime/images/4/4f/Nagisa_Hazuki_char.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .portrait4:hover{ border: 5px solid #FFE931; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

/* Portrait for Rei Ryugazaki only */ .portrait5{ border: 5px solid #8861F8; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 150px; height: 150px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20130427024851/free-anime/images/9/98/Rei_Ryugazaki_char.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .portrait5:hover{ border: 5px solid #8861F8; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

/* Portrait for Mamoru Miyano only */ .mamoportrait{ border: 5px solid #F12B3C; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 400px; height: 400px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20140507180426/free-anime/images/6/6a/Mamoru_Miyano.jpg); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .mamoportrait:hover{ border: 5px solid #F12B3C; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

/* Other Stuff End */

/* Ambox design */ .ambox { font-size: 95%; width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #EEE; } /* Ambox colours */ .ambox-blue { border-left: 10px solid #1e90ff;   /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222;   /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500;   /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430;   /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc;   /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #bba;       /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22;   /* Green */ }

/* Ambox small text */ .ambox-smalltext { font-size: smaller; margin-top:0.5em; margin-left:0.8em; } /* Ambox image */ .ambox-image {                   /* The left image cell */ width: 60px; padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */ text-align: center; } @media print { .ambox { display: none; } }   /* no ambox when printing */ /*

/* Rounded corners */ .right-rail-wrapper .module { margin-top: 10px; margin-bottom: 5px; padding: 13px; background: white; font-size: 100%; border: 5px solid #d1ff4f; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 0 white; -moz-box-shadow: inset 0 0 0 white; -webkit-box-shadow: inset 0 0 0 white; -o-box-shadow: inset 0 0 0 white; } .WikiaSearch input[type="text"] { -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .WikiaSearch input[type="text"] { background-color: #000000; background-image: -moz-linear-gradient(top, #ffcecc 0%, #ffffff 40%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d6eff4 ), color-stop(40%, #ffffff)); border: 1px solid #59c2d7; color: #59c2d7; -moz-border-radius: 6px; border-radius: 6px; }

/*tweaks to polls, thumbnails, text boxes, table of contents, and pre boxes*/ .page-content .toc { -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em; background: #FFFFFF url(https://images.wikia.nocookie.net/free-anime/images/b/b9/ToC_image.png) no-repeat right top; }

/* Removes arrow icon on external links */ .page-content a.external:after, .page-content a[href^="gopher://"]:after { background-image: none; content: none; }

/* White glow */ .page__main { border: 1px solid #FFFFFF; -moz-box-shadow:0 0 20px #FFFFFF; -webkit-box-shadow:0 0 20px #FFFFFF; box-shadow:0 0 20px #FFFFFF; }

/* Blue border */ .page__main { border: 2px solid #59c2d7; }

/* User Profile Banner */ .UserProfileMasthead .masthead-info { background: #FFFFFF url(https://images.wikia.nocookie.net/__cb20131011153820/free-anime/images/d/d2/User_Page_banner.png) no-repeat bottom right; }

/* Profiles for Wiki Navigation */ .english{ border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20140510181033/free-anime/images/5/5d/Flag_EN.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .english:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.german{ border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20140510181153/free-anime/images/b/bc/Flag_GR.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .german:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.polish{ border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20140510181143/free-anime/images/3/31/Flag_PL.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .polish:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.italian { border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://vignette.wikia.nocookie.net/free-anime/images/a/a1/Flag_IT.png/revision/latest?cb=20201023153648); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .italian:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.spanish{ border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20140510181045/free-anime/images/1/1c/Flag_ES.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .spanish:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.french{ border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20140510181057/free-anime/images/e/e8/Flag_FR.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .french:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.russian{ border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20140510182055/free-anime/images/0/0b/Flag_RUS.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .russian:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.vietnam{ border: 0px solid #965bdb; -moz-border-radius: 250px 250px 250px 250px; -webkit-border-radius: 250px 250px 250px 250px; -o-border-radius: 250px 250px 250px 250px; border-radius: 250px 250px 250px 250px; width: 100px; height: 100px; margin: 0px; background: url(https://images.wikia.nocookie.net/__cb20191015143707/free-anime/images/a/a3/Flag_vietnam.png); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; } .vietnam:hover{ border: 0px solid #965bdb; transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

/* Infobox Headers Styles (for characters only!!) */ /* Header Style for Haruka Nanase Only */ .harukainfo{ background-image: url(https://images.wikia.nocookie.net/__cb20140514115720/free-anime/images/4/4b/Haruka_Infobox.png); }

/* Header Style for Makoto Tachibana Only */ .makotoinfo{ background-image: url(https://images.wikia.nocookie.net/__cb20140514162319/free-anime/images/5/55/Makoto_Infobox.png); }

/* Header Style for Rin Matsuoka Only */ .rininfo{ background-image: url(https://images.wikia.nocookie.net/__cb20140514162402/free-anime/images/0/0f/Rin_Infobox.png); }

/* Header Style for Nagisa Hazuki Only */ .nagisainfo{ background-image: url(https://images.wikia.nocookie.net/__cb20140514170733/free-anime/images/4/42/Nagisa_Infobox.png); }

/* Header Style for Rei Ryugazaki Only */ .reiinfo{ background-image: url(https://images.wikia.nocookie.net/__cb20140514162421/free-anime/images/1/1a/Rei_Infobox.png); }

/* No Header/Default */ .noinfo{ background-image: url; }

/* Wikia Style */ section.WikiaActivityModule.module, section.HotSpotsModule.module, section.FollowedPagesModule.module { background: white url(http://images2.wikia.nocookie.net/free-anime/images/b/b9/ToC_image.png) no-repeat top left; }

/* Article Comments - Admin Highlighting */ .comments li.article-comment-staff > blockquote { background: #e0eed2 !important; } .comments li.article-comment-staff > blockquote:after { border-color: transparent #e0eed2 #e0eed2 transparent !important; } .comments li.article-comment-staff > blockquote div { background: transparent !important; } .comments li[data-user="OOQuietSnowOo"] > blockquote { background: #e0eed2 !important; } .comments li[data-user="OOQuietSnowOo"] > blockquote:after { border-color: transparent #e0eed2 #e0eed2 transparent !important; } .comments li[data-user="OOQuietSnowOo"] > blockquote div { background: transparent !important; }

/* Tabs */ .tabs .selected li[data-user="OOQuietSnowOo"] a { border: 2px solid #CCC; border-bottom: 1px solid transparent; background:#9ac86b; color: #fff; display: inline-block; } .tabs li[data-user="OOQuietSnowOo"] a { border-top-left-radius: 1em; border-top-right-radius: 1em; border: 1px solid #CCC; background-color: White; display: inline-block; font-size: 14px; }

/* Wiki Header [navigation menu, headers, text deco] */

.page-Free_Wiki .WikiaPageBackground { background-image:url("https://images.wikia.nocookie.net/__cb20140610183534/free-anime/images/8/8a/MP_Background.png") !important; } background-image: url("https://images.wikia.nocookie.net/__cb20140610190014/free-anime/images/1/17/Iwatobi_Notification.png"); background-repeat: no-repeat; height: 24px; width: 23px; } /* Navigation Header */ .WikiHeader > .nav li { font-size: 1.1em; } .WikiHeader > nav .subnav-2 li { font-size: 0.8em; font-variant: normal; font-weight: normal; } .nav-item { font-variant: small-caps; } .navbackground:after { background: url(https://images.wikia.nocookie.net/__cb20140610182831/free-anime/images/e/e8/WikiNavEnd.png); content: ""; display: block; height: 31px; position: absolute; right: -14px; top: 2px; width: 14px; } .navbackground:before { background: url(https://images.wikia.nocookie.net/__cb20140610182827/free-anime/images/6/6c/WikiNavStart.png); content: ""; display: block; height: 31px; left: -14px; position: relative; top: 2px; width: 14px; } .WikiHeader .navbackground { background: url(https://images.wikia.nocookie.net/__cb20140610182823/free-anime/images/b/be/WikiNavTile.png) repeat-x; height: 32px; left: -2px; top: 31px; width: 700px; margin-top: 0; } .navbackground .chevron, .navbackground div { display:none; } .WikiHeader > nav li { border: none; line-height: 33px; } .WikiHeader > nav li > a { border: none; margin: 0; outline: medium none; padding: 0 15px; } .WikiHeader > nav li.marked { background: url(https://images.wikia.nocookie.net/__cb20140610190217/free-anime/images/d/de/WikiNavTab.png) no-repeat; background-size: 100% 100%; height: 37px; border-radius: 0; } .nav-item .subnav-2 { display: block !important; top: 31px !important; opacity:0; -webkit-transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; -ms-transition: opacity 0.2s linear 0s; -o-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } .nav-item.marked .subnav-2 { opacity: 1; z-index: 1; -webkit-transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; -ms-transition: opacity 0.2s linear 0s; -o-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } .WikiHeader > nav li.marked > a { border: none; color: white; margin: 0; padding: 0 15px; } .WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover { text-decoration: none !important; }
 * 1) WallNotifications .bubbles {

/* Hover Classes */ .opacity img { opacity: 0.5; filter: alpha(opacity=50); }	.opacity img:hover { opacity: 1; filter: alpha(opacity=100); }

/* Gallery - Rounded Corners */

.wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 5px !important; }

/* Customized .OGG Players Start */

.ogg_custom div { display: inline; }

.ogg_custom, .ogg_custom:hover { opacity: 0.6; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }

.ogg_custom:hover { opacity: 1; }

.ogg_custom button>img, .ogg_custom .image img { display: none; }

.ogg_custom button { border: none !important; }

.ogg-player-options+a:after { content: "More..."; /* This restores the default "more..." text for unstyled ogg players. */ }

.ogg_custom .image, .ogg_custom .ogg-player-options+a:after { content:""; height: 50px; vertical-align: bottom; background-size: 100%; display: inline-block; }

.ogg_custom audio { border-radius:4px }

.ogg_custom>.ogg_player>div>button:after { content: url("https://images.wikia.nocookie.net/__cb20140723123943/free-anime/images/9/90/Play.png") !important; }

.ogg_custom .ogg-player-options { margin-left: 3px; }

div.ogg_player .ogg-player-options { background: white !important; }

.ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; }

/* .OGG Player - Default */

.ogg_custom.default .ogg_player button, .ogg_custom.default audio { background: #50C5D6; }

.ogg_custom.default audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { /* The reason this is separate is due to firefox */ background: #50C5D6; }

.ogg_custom.default .image, .ogg_custom.default .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/__cb20140728114110/free-anime/images/d/dd/Iwatobi-chan_ogg.png"); width: 50px; /* The height is set elsewhere at 50px, but we have to set the width for each image. */ }

.ogg_custom.default .ogg-player-options { border: 1px solid #50C5D6; }

/* .OGG Player - Rin */

.ogg_custom.rin .ogg_player button, .ogg_custom.rin audio { background: #d80001; }

.ogg_custom.rin audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { /* The reason this is separate is due to firefox */ background: #d80001; }

.ogg_custom.rin .image, .ogg_custom.rin .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/3/3d/Rin_ogg2.png"); width: 50px; /* The height is set elsewhere at 50px, but we have to set the width for each image. */ }

.ogg_custom.rin .ogg-player-options { border: 1px solid #d80001; }

/* .OGG Player - Haruka */

.ogg_custom.haruka .ogg_player button, .ogg_custom.haruka audio { background: #99DAEC; }

.ogg_custom.haruka audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #99DAEC; }

.ogg_custom.haruka .image, .ogg_custom.haruka .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/e/e6/Haruka_ogg.png"); width: 51px; }

.ogg_custom.haruka .ogg-player-options { border: 1px solid #99DAEC; }

/* .OGG Player - Makoto */

.ogg_custom.makoto .ogg_player button, .ogg_custom.makoto audio { background: #9ac86b; }

.ogg_custom.makoto audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #9ac86b; }

.ogg_custom.makoto .image, .ogg_custom.makoto .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/f/fc/Makoto_ogg.png"); width: 51px; }

.ogg_custom.makoto .ogg-player-options { border: 1px solid #9ac86b; }

/* .OGG Player - Nagisa */

.ogg_custom.nagisa .ogg_player button, .ogg_custom.nagisa audio { background: #FABE1F; }

.ogg_custom.nagisa audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #FABE1F; }

.ogg_custom.nagisa .image, .ogg_custom.nagisa .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/7/72/Nagisa_ogg.png"); width: 42px; }

.ogg_custom.nagisa .ogg-player-options { border: 1px solid #FABE1F; }

/* .OGG Player - Rei */

.ogg_custom.rei .ogg_player button, .ogg_custom.rei audio { background: #9a359f; }

.ogg_custom.rei audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #9a359f; }

.ogg_custom.rei .image, .ogg_custom.rei .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/b/b6/Rei_ogg.png"); width: 39px; }

.ogg_custom.rei .ogg-player-options { border: 1px solid #9a359f; }

/* .OGG Player - Sosuke */

.ogg_custom.sosuke .ogg_player button, .ogg_custom.sosuke audio { background: #0dbb8f; }

.ogg_custom.sosuke audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #0dbb8f; }

.ogg_custom.sosuke .image, .ogg_custom.sosuke .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/__cb20141002135650/free-anime/images/f/fe/Sosuke_ogg.png"); width: 40px; height: 41px; }

.ogg_custom.sosuke .ogg-player-options { border: 1px solid #0dbb8f; }

/* .OGG Player - Aiichiro */

.ogg_custom.aiichiro .ogg_player button, .ogg_custom.aiichiro audio { background: #5ccad2; }

.ogg_custom.aiichiro audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #5ccad2; }

.ogg_custom.aiichiro .image, .ogg_custom.aiichiro .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/__cb20141002130712/free-anime/images/5/5c/Nitori_ogg.png"); width: 39px; height: 63px; }

.ogg_custom.aiichiro .ogg-player-options { border: 1px solid #5ccad2; }

/* .OGG Player - Momotaro */

.ogg_custom.momotarou .ogg_player button, .ogg_custom.momotarou audio { background: #e58032; }

.ogg_custom.momotarou audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #e58032; }

.ogg_custom.momotarou .image, .ogg_custom.momotarou .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/__cb20141002135740/free-anime/images/c/ca/Momotarou_ogg.png"); width: 48px; height: 42px; }

.ogg_custom.momotarou .ogg-player-options { border: 1px solid #e58032; }

/* .OGG Player - Haru & Rin */

.ogg_custom.harurin .ogg_player button, .ogg_custom.harurin audio { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #d80001)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #d80001)); background-image: -moz-linear-gradient(top, #99DAEC 25%, #d80001 75%); background-image: -o-linear-gradient(top, #99DAEC 25%, #d80001 75%); background-image: -ms-linear-gradient(top, #99DAEC 25%, #d80001 75%); }

.ogg_custom.harurin audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #d80001)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #d80001)); background-image: -moz-linear-gradient(top, #99DAEC 25%, #d80001 75%); background-image: -o-linear-gradient(top, #99DAEC 25%, #d80001 75%); background-image: -ms-linear-gradient(top, #99DAEC 25%, #d80001 75%); }

.ogg_custom.harurin .image, .ogg_custom.harurin .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/d/d2/Harurin_ogg.png"); width: 76px; }

.ogg_custom.harurin .ogg-player-options { border: 1px solid; border-color: #99DAEC #d80001 #d80001 #99DAEC; }

/* .OGG Player - Haru & Makoto */

.ogg_custom.makoharu .ogg_player button, .ogg_custom.makoharu audio { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #9ac86b)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #9ac86b)); background-image: -moz-linear-gradient(top, #99DAEC 25%, #9ac86b 75%); background-image: -o-linear-gradient(top, #99DAEC 25%, #9ac86b 75%); background-image: -ms-linear-gradient(top, #99DAEC 25%, #9ac86b 75%); }

.ogg_custom.makoharu audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #9ac86b)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #99DAEC), color-stop(75%, #9ac86b)); background-image: -moz-linear-gradient(top, #99DAEC 25%, #9ac86b 75%); background-image: -o-linear-gradient(top, #99DAEC 25%, #9ac86b 75%); background-image: -ms-linear-gradient(top, #99DAEC 25%, #9ac86b 75%); }

.ogg_custom.makoharu .image, .ogg_custom.makoharu .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/d/de/Harumako_ogg.png"); width: 100px; }

.ogg_custom.makoharu .ogg-player-options { border: 1px solid; border-color: #99DAEC #9ac86b #9ac86b #99DAEC; }

/* .OGG Player - Nagisa & Rei */

.ogg_custom.reigisa .ogg_player button, .ogg_custom.reigisa audio { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FABE1F), color-stop(75%, #9a359f)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FABE1F), color-stop(75%, #9a359f)); background-image: -moz-linear-gradient(top, #FABE1F 25%, #9a359f 75%); background-image: -o-linear-gradient(top, #FABE1F 25%, #9a359f 75%); background-image: -ms-linear-gradient(top, #FABE1F 25%, #9a359f 75%); }

.ogg_custom.reigisa audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FABE1F), color-stop(75%, #9a359f)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FABE1F), color-stop(75%, #9a359f)); background-image: -moz-linear-gradient(top, #FABE1F 25%, #9a359f 75%); background-image: -o-linear-gradient(top, #FABE1F 25%, #9a359f 75%); background-image: -ms-linear-gradient(top, #FABE1F 25%, #9a359f 75%); }

.ogg_custom.reigisa .image, .ogg_custom.reigisa .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/2/25/Reigisa_ogg.png"); width: 77px; }

.ogg_custom.reigisa .ogg-player-options { border: 1px solid; border-color: #FABE1F #9a359f #9a359f #FABE1F; }

/* .OGG Player - Rin & Rei */ .ogg_custom.rinrei .ogg_player button, .ogg_custom.rinrei audio { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #d80001), color-stop(75%, #9a359f)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #d80001), color-stop(75%, #9a359f)); background-image: -moz-linear-gradient(top, #d80001 25%, #9a359f 75%); background-image: -o-linear-gradient(top, #d80001 25%, #9a359f 75%); background-image: -ms-linear-gradient(top, #d80001 25%, #9a359f 75%); } .ogg_custom.rinrei audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #d80001), color-stop(75%, #9a359f)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #d80001), color-stop(75%, #9a359f)); background-image: -moz-linear-gradient(top, #d80001 25%, #9a359f 75%); background-image: -o-linear-gradient(top, #d80001 25%, #9a359f 75%); background-image: -ms-linear-gradient(top, #d80001 25%, #9a359f 75%); } .ogg_custom.rinrei .image, .ogg_custom.rinrei .ogg-player-options+a:after { background-image: url("https://images.wikia.nocookie.net/free-anime/images/a/a0/Rinrei_ogg.png"); width: 86px; } .ogg_custom.rinrei .ogg-player-options { border: 1px solid; border-color: #d80001 #9a359f #9a359f #d80001; } /* Customized .OGG Players End */

/* External link coloration */ .mw-parser-output a.external, .link-https { color: #00b3b3; } .mw-parser-output a.external:hover, .link-https:hover { color: #00b3b3; }

/* Gallery editor - Moving "Finish" button left */ margin-right: 97px; }
 * 1) WikiaPhotoGalleryEditorSave {

/* Back to top button */ background: var(--theme-sticky-nav-background-color); }
 * 1) backtotop .wds-button {