MediaWiki:Wikia.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(http://img1.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(http://img2.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(http://img2.wikia.nocookie.net/__cb20140609140941/free-anime/images/0/0b/Main_Page_Background.png) repeat center center; font-size: 100%; }

/* Tabber */ /* Tabber Style from KnB Wiki */ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; } /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; } /*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabberlive { margin-top:5px !important; } /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { padding: 5px !important; border-style: none !important; font: bold 14px Verdana, sans-serif; background: #50C5D6; text-align:center; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.25em; margin-left: 1px !important; border-style: none !important; border-bottom: none; background: #50C5D6 !important; text-decoration: none; } ul.tabbernav li a:link { color: #fff !important; } ul.tabbernav li a:visited { color: #fff !important; } ul.tabbernav li a:hover { color: #000 !important; background: #caedf2 !important; } ul.tabbernav li.tabberactive a { color: #000 !important; background: #caedf2 !important; border-style: none !important; } ul.tabbernav li.tabberactive a:hover { color: #000 !important; background: #caedf2 !important; border-style: none !important; } /*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:3px !important; margin:5px !important; border-style: dashed !important; border:2; -moz-border-radius-bottomright:2ex; -moz-border-radius-bottomleft:2ex; border-bottom-right-radius:2ex; border-bottom-left-radius:2ex; } .tabberlive .tabbertab p { margin:5px !important; }

/************************/ /*Multiple Style Tabbers*/ /************************/ /*Haruka Nanase Tabber */ .harukatabber ul.tabbernav { background: #99DAEC; } .harukatabber ul.tabbernav li a { background: #99DAEC !important; } .harukatabber ul.tabbernav li a:hover { background: #e0f3f9 !important; } .harukatabber ul.tabbernav li.tabberactive a { background: #e0f3f9 !important; } .harukatabber ul.tabbernav li.tabberactive a:hover { background: #e0f3f9 !important; }

/*Rin Matsuoka Tabber */ .rintabber ul.tabbernav { background: #d80001; } .rintabber ul.tabbernav li a { background: #d80001 !important; } .rintabber ul.tabbernav li a:hover { background: #f4ab8a !important; } .rintabber ul.tabbernav li.tabberactive a { background: #f4ab8a !important; } .rintabber ul.tabbernav li.tabberactive a:hover { background: #f4ab8a !important; } /*Makoto Tachibana Tabber */ .makototabber ul.tabbernav { background: #9ac86b; } .makototabber ul.tabbernav li a { background: #9ac86b !important; } .makototabber ul.tabbernav li a:hover { background: #e0eed2 !important; } .makototabber ul.tabbernav li.tabberactive a { background: #e0eed2 !important; } .makototabber ul.tabbernav li.tabberactive a:hover { background: #e0eed2 !important; } /*Nagisa Hazuki Tabber */ .nagisatabber ul.tabbernav { background: #FABE1F; } .nagisatabber ul.tabbernav li a { background: #FABE1F !important; } .nagisatabber ul.tabbernav li a:hover { background: #fdebbb !important; } .nagisatabber ul.tabbernav li.tabberactive a { background: #fdebbb !important; } .nagisatabber ul.tabbernav li.tabberactive a:hover { background: #fdebbb !important; } /*Rei Ryugazaki Tabber */ .reitabber ul.tabbernav { background: #9a359f; } .reitabber ul.tabbernav li a { background: #9a359f !important; } .reitabber ul.tabbernav li a:hover { background: #dfc6e6 !important; } .reitabber ul.tabbernav li.tabberactive a { background: #dfc6e6 !important; } .reitabber ul.tabbernav li.tabberactive a:hover { background: #dfc6e6 !important; } /*Gou Matsuoka Tabber */ .goutabber ul.tabbernav { background: #a13953; } .goutabber ul.tabbernav li a { background: #a13953 !important; } .goutabber ul.tabbernav li a:hover { background: #e2c3cb !important; } .goutabber ul.tabbernav li.tabberactive a { background: #e2c3cb !important; } .goutabber ul.tabbernav li.tabberactive a:hover { background: #e2c3cb !important; } /*Miho Amakata Tabber */ .mihotabber ul.tabbernav { background: #f8b696; } .mihotabber ul.tabbernav li a { background: #f8b696 !important; } .mihotabber ul.tabbernav li a:hover { background: #fccfb9 !important; } .mihotabber ul.tabbernav li.tabberactive a { background: #fccfb9 !important; } .mihotabber ul.tabbernav li.tabberactive a:hover { background: #fccfb9 !important; } /*Seijuro Mikoshiba Tabber */ .seijurotabber ul.tabbernav { background: #991229; } .seijurotabber ul.tabbernav li a { background: #991229 !important; } .seijurotabber ul.tabbernav li a:hover { background: #e0b7be !important; } .seijurotabber ul.tabbernav li.tabberactive a { background: #e0b7be !important; } .seijurotabber ul.tabbernav li.tabberactive a:hover { background: #e0b7be !important; } /*Aiichiro Nitori Tabber */ .aiichirotabber ul.tabbernav { background: #838383; } .aiichirotabber ul.tabbernav li a { background: #838383 !important; } .aiichirotabber ul.tabbernav li a:hover { background: #cacaca !important; } .aiichirotabber ul.tabbernav li.tabberactive a { background: #cacaca !important; } .aiichirotabber ul.tabbernav li.tabberactive a:hover { background: #cacaca !important; } /*Goro Sasabe Tabber */ .gorotabber ul.tabbernav { background: #bf9932; } .gorotabber ul.tabbernav li a { background: #bf9932 !important; } .gorotabber ul.tabbernav li a:hover { background: #e5d6ad !important; } .gorotabber ul.tabbernav li.tabberactive a { background: #e5d6ad !important; } .gorotabber ul.tabbernav li.tabberactive a:hover { background: #e5d6ad !important; }

/* Multiple Style Tabbers End */

/* Reference Pop Ups Style */ .refpopups-box.WikiaArticle { 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 #ac5488; -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(http://img3.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 #ac5488; 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 #99DAEC; -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(http://img3.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 #99DAEC; 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 #9ac86b; -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(http://img3.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 #9ac86b; 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 #FABE1F; -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(http://img1.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 #FABE1F; 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 #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: 150px; height: 150px; margin: 0px; background: url(http://img2.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 #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; }

/* Portrait for Mamoru Miyano only */ .mamoportrait{ border: 5px solid #ac5488; -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(http://img3.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 #ac5488; 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 */ .WikiaRail .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*/ .WikiaArticle .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(http://images2.wikia.nocookie.net/free-anime/images/b/b9/ToC_image.png) no-repeat right top; }

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

/* White glow */ .WikiaPage { 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 */ .WikiaPage { border: 2px solid #59c2d7; }

/* User Profile Banner */ .UserProfileMasthead .masthead-info { background: #FFFFFF url(http://images2.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(http://img1.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(http://img2.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(http://img1.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; }

.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(http://img1.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(http://img2.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(http://img2.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; }

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

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

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

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

/* Header Style for Rei Ryugazaki Only */ .reiinfo{ background-image: url(http://images2.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("http://img3.wikia.nocookie.net/__cb20140610183534/free-anime/images/8/8a/MP_Background.png") !important; } .WikiaPage { border: small none !important; box-shadow: 0 0 15px white; } .WikiaHeader { border-top: none; box-shadow: none; -webkit-box-shadow: none; } .WikiaHeader nav { border: none; } background-image: url("http://img4.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(http://img2.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(http://img2.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(http://img4.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(http://img4.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("http://img2.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("http://img2.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("http://images2.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("http://images2.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("http://images3.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("http://images2.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("http://images3.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("http://img2.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("http://img2.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 - Momotarou */

.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("http://img2.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("http://images4.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("http://images3.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("http://images3.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("http://images1.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 */