MediaWiki:Wikia.css

/* Import Lato font */ @import url(http://fonts.googleapis.com/css?family=Lato);

/* --     Making .article-thumb and .caption look better. Special thanks to the RuneScape Wiki. Currently disabled, code unfunctional. -- */

/* .article-thumb p, .article-thumb p + p { font-size: 12px; line-height: 15px; margin: 0; padding-top: 5px; }

.caption { color: #696969 !important; border-top: 1px solid #cfcfcf; padding: 5px !important; } */

/* --     Round avatars and no black shadows. -- */

.logged-avatar { border-radius: 12px !important; }

.ChatModule .avatar { border-radius: 12px; } .avatar { border: 2px solid black; border-radius: 12px; }

nav.global-navigation div.account-navigation-container div.logged-avatar { border: none !important; }

/* --      Making .article-categories look nicer. Special thanks to the RuneScape Wiki. -- */

.article-categories { border: none !important; margin: none !important; margin-top: 10px !important; background-image: none !important; background-color: #f7f7f7 !important; } /* Tabber code ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav {font-family:Helvetica, sans-serif !important; font-weight:normal !important; padding:5px 0px !important; border-bottom:2px solid #3A7DCE !important;} ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background:#AAC7EA !important;} ul.tabbernav li a:link {color:#3A7DCE !important;} ul.tabbernav li a:visited {color: #3A7DCE !important;} ul.tabbernav li a:hover {background-color:#3A7DCE !important; border-color:transparent !important; color:#FFF !important;} ul.tabbernav li.tabberactive a {color:#FFF !important; font-weight:normal !important; border:0px solid #3A7DCE !important; background-color:#3A7DCE !important;} ul.tabbernav li.tabberactive a:hover {border:0px solid #3A7DCE !important; border-bottom: 0px solid #3A7DCE !important;} .tabberlive .tabbertab {border:0px solid #3A7DCE !important; border-top:0 !important;}

/* */

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0 0.85em 0.85em; } .WikiHeader > nav li:first-child { border-radius: 0.85em 0 0 0; } .WikiHeader > nav li:last-child { border-radius: 0 0.85em 0 0; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a { border-radius: 0.85em 0.85em 0 0; } .WikiHeader nav { border-radius: 1em 1em 0 0; } .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav .subnav-3 { border-radius: 0 0.85em 0.85em 0.85em; }

/* User Highlights --*/ .comments li[data-user="CycloneRyne94"] > blockquote { background: #000049 !important; background: -moz-linear-gradient(top, #000049 35%, #121295 65%) !important; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(35%, #000049), color-stop(65%, #121295)) !important; background: -webkit-linear-gradient(top, #000049 35%, #121295 65%) !important; background: -ms-linear-gradient(top, #000049 35%, #121295 65%) !important; background: -o-linear-gradient(top, #000049 35%, #121295 65%) !important; background: linear-gradient(to bottom, #000049 35%, #121295 65%) !important; filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, startColorStr=#000049, endColorStr=#121295) !important; box-shadow: 0 0 8px navy !important; border: 1px solid blue !important; border-color: transparent navy navy transparent !important; color: aliceblue !important; }

.comments li[data-user="Example"] > blockquote { background: #004900 !important; background: -moz-linear-gradient(top, #004900 35%, #129512 65%) !important; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(35%, #004900), color-stop(65%, #129512)) !important; background: -webkit-linear-gradient(top, #004900 35%, #129512 65%) !important; background: -ms-linear-gradient(top, #004900 35%, #129512 65%) !important; background: -o-linear-gradient(top, #004900 35%, #129512 65%) !important; background: linear-gradient(to bottom, #004900 35%, #129512 65%) !important; filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, startColorStr=#004900, endColorStr=#129512) !important; box-shadow: 0 0 8px #008000 !important; border: 1px solid green !important; border-color: transparent #f8fff0 #f8fff0 transparent !important; color: #f8fff0 !important; } .comments li[data-user="Bobnekaro"] > blockquote { background: #004900 !important; background: -moz-linear-gradient(top, #004900 35%, #129512 65%) !important; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(35%, #004900), color-stop(65%, #129512)) !important; background: -webkit-linear-gradient(top, #004900 35%, #129512 65%) !important; background: -ms-linear-gradient(top, #004900 35%, #129512 65%) !important; background: -o-linear-gradient(top, #004900 35%, #129512 65%) !important; background: linear-gradient(to bottom, #004900 35%, #129512 65%) !important; filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, startColorStr=#004900, endColorStr=#129512) !important; box-shadow: 0 0 8px #008000 !important; border: 1px solid green !important; border-color: transparent #f8fff0 #f8fff0 transparent !important; color: #f8fff0 !important; }

.comments li[data-user="SnaggyFTW"] > blockquote { background: darkred !important; background: -moz-linear-gradient(top, olive 35%, yellow 65%) !important; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(35%, yellow ), color-stop(65%, olive)) !important; background: -webkit-linear-gradient(top, #808000 35%, yellow 65%) !important; background: -ms-linear-gradient(top, olive 35%, yellow 65%) !important; background: -o-linear-gradient(top, olive 35%, yellow 65%) !important; background: linear-gradient(to bottom, olive 35%, yellow 65%) !important; filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, startColorStr=#004900, endColorStr=#129512) !important; box-shadow: 0 0 8px #008000 !important; border: 1px solid yellow !important; border-color: transparent #f8fff0 #f8fff0 transparent !important; color: #000000 !important; }

.comments li[data-user="HurricaneOdile"] > blockquote { background: darkred !important; background: -moz-linear-gradient(top, olive 35%, yellow 65%) !important; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(35%, yellow ), color-stop(65%, olive)) !important; background: -webkit-linear-gradient(top, #808000 35%, yellow 65%) !important; background: -ms-linear-gradient(top, olive 35%, yellow 65%) !important; background: -o-linear-gradient(top, olive 35%, yellow 65%) !important; background: linear-gradient(to bottom, olive 35%, yellow 65%) !important; filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, startColorStr=#004900, endColorStr=#129512) !important; box-shadow: 0 0 8px #008000 !important; border: 1px solid yellow !important; border-color: transparent #f8fff0 #f8fff0 transparent !important; color: #000000 !important; }

.comments li[data-user=Hypercane] .edited-by:after { content: "Bureaucrat"; color: #FFFFFF !important; } .comments li[data-user=Hypercane] > blockquote { color: white !important; } .comments li[data-user=CycloneRyne94] > blockquote { color: white !important; } .comments li[data-user=Hurricane_Layten] .edited-by:after { content: "Administrator"; color: #FFFFFF !important; } .comments li[data-user=Hurricane_Layten] > blockquote { color: white !important; } .comments li[data-user=StrawberryMaster] > blockquote { color: white !important; } .comments li[data-user="StrawberryMaster"] .edited-by:after { content: "Administrator"; color: #ffffff !important; } .comments li[data-user="Bobnekaro"] .edited-by:after { content: "Administrator"; color: #ffffff !important; } .comments li[data-user="HurricaneOdile"] .edited-by:after { content: "Junior Admin"; color: #ffffff !important; } .comments li[data-user="CycloneNkechinyer"] .edited-by:after { content: " Bureaucrat"; color: #ffffff !important; } .comments li[data-user="AzureAzulCrash"] > blockquote { color: white !important; } .comments li[data-user=CycloneRyne94] .edited-by:after { content: "Former Bureaucrat"; color: #ffffff !important; } .comments li[data-user=SnaggyFTW] .edited-by:after { content: "Junior Admin"; color: #ffffff !important; } .comments li[data-user=Sassmaster15] .edited-by:after { content: "Junior Admin"; color: #ffffff !important; }

/**/ /*---HIGHLIGHTED USERNAMES LIST---*/ /**/

/* Profiles */

a[href|="/wiki/User:Hypercane"] { color:#333399 !important; font-weight:bold !important; } a[href|="/wiki/User:CycloneRyne94"] { color:#b19cd9 !important; font-weight:bold !important; } a[href|="/wiki/User:Hurricane_Layten"] { color:#C0C0C0 !important; font-weight:bold !important; } a[href|="/wiki/User:CycloneNkechinyer"] { color:#00d2ff !important; font-weight:bold !important; } a[href|="/wiki/User:StrawberryMaster"] { color:#003A9D !important; font-weight:bold !important; } a[href|="/wiki/User:Bobnekaro"] { color:#FFD700 !important; font-weight:bold !important; } a[href|="/wiki/User:SnaggyFTW"] { color:#bd00ff !important; font-weight:bold !important; } a[href|="/wiki/User:Leboringjack"] { color:#00FFFF !important; font-weight:bold !important; } a[href|="/wiki/User:HurricaneOdile"] { color:#008080 !important; font-weight:bold !important; } a[href|="/wiki/User:Bumblebee_the_transformer"] { color:#FF0000 !important; font-weight:bold !important; } a[href|="/wiki/User:Sassmaster15"] { color:#133e3b !important; font-weight:bold !important; } a[href|="/wiki/User:AGirlCalledKeranique"] { color:#333399 !important; font-weight:bold !important; } a[href|="/wiki/User:HurricanePatricia2015"] { color:#FFD700 !important; font-weight:bold !important; }

/* Message Walls */

a[href|="/wiki/Message_Wall:Hypercane"] { color:#333399 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:CycloneRyne94"] { color:#b19cd9 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:Hurricane_Layten"] { color:#FFD700 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:CycloneNkechinyer"] { color:#949494 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:StrawberryMaster"] { color:#003A9D !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:Bobnekaro"] { color:#FFD700 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:SnaggyFTW"] { color:#bd00ff !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:Leboringjack"] { color:#00FFFF !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:HurricaneOdile"] { color:#008080 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:Bumblebee_the_transformer"] { color:#FF0000 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:Sassmaster15"] { color:#2a9f95 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:AGirlCalledKeranique"] { color:#333399 !important; font-weight:bold !important; } a[href|="/wiki/Message_Wall:HurricanePatricia2015"] { color:#C0C0C0 !important; font-weight:bold !important; }

/* ===========================      USER TAGS HIGHLIGHT =========================== */

/* Eldest Bureaucrat Tag */ .tag.usergroup-eldestbcrat { background-color: #1e90ff !important; color: white !important; border: 1px black solid; border-radius: 0; } /* Bureaucrat Tag */ .tag.usergroup-bureaucrat { background-color: #333399 !important; color: white !important; border: 1px black solid; border-radius: 0; }

/* Admin Tag */ .tag.usergroup-sysop { background-color: #008000 !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* Junioradmin Tag */ .tag.usergroup-junioradmin { background-color: #ffff00 !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* Rollback Tag */ .tag.usergroup-rollback { background-color: #ffa500 !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* Chatmoderator Tag */ .tag.usergroup-chatmoderator { background-color: #e60000 !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* Blocked Tag */ .tag.usergroup-blocked { background-color: #ff0000 !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* New User Tag */ .tag.usergroup-newuser { background-color: #00ffff !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* Autopatroller Tag */ .tag.usergroup-autopatroller { background-color: #ffffff !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* Inactive Tag */ .tag.usergroup-inactive { background-color: #C0C0C0 !important; color: white !important; border: 1px black solid; border-radius: 0; }

/* Extratropical Tag */ .tag.usergroup-extratropical { background-color: #3d3d3d !important; color: white !important; border: 1px white solid; border-radius: 0; }

/* Eldest Administrator Tag */ .tag.usergroup-eldestadmin { background-color: #1db7b7 !important; color: black !important; border: 1px black solid; border-radius: 0; }

/* Bot Tag */ .tag.usergroup-bot { background-color: #AE20C5 !important; color: white !important; border: 1px black solid; border-radius: 0; }

/* =====================================      FORUM/MESSAGE WALL HIGHLIGHTS ===================================== */

body.ns-1200 .edited-by > a.subtle[href$="/wiki/Message_Wall:Hypercane"]:after { content: 'Eldest Bureaucrat' !important; border-radius: 10px; border: 3px solid #1e90ff; padding: 3px 6px; color: white; background: #1e90ff; }

body.ns-1201 .edited-by > a.subtle[href$="/wiki/Message_Wall:Hypercane"]:after { content: 'Eldest Bureaucrat' !important; border-radius: 10px; border: 3px solid #1e90ff; padding: 3px 6px; color: white; background: #1e90ff; }

body.ns-1200 .edited-by > a.subtle[href$="/wiki/Message_Wall:CycloneNkechinyer"]:after { content: 'Bureaucrat' !important; border-radius: 10px; border: 3px solid #333399; padding: 3px 6px; color: white; background: #333399; }

body.ns-1201 .edited-by > a.subtle[href$="/wiki/Message_Wall:CycloneNkechinyer"]:after { content: 'Bureaucrat' !important; border-radius: 10px; border: 3px solid #333399; padding: 3px 6px; color: white; background: #333399; } body.ns-1200 .edited-by > a.subtle[href$="/wiki/Message_Wall:Bobnekaro"]:after { content: 'Administrator' !important; border-radius: 10px; border: 3px solid #008000; padding: 3px 6px; color: white; background: #008000; }

body.ns-1201 .edited-by > a.subtle[href$="/wiki/Message_Wall:Bobnekaro"]:after { content: 'Administrator' !important; border-radius: 10px; border: 3px solid #008000; padding: 3px 6px; color: white; background: #008000; }

body.ns-1200 .edited-by > a.subtle[href$="/wiki/Message_Wall:CycloneRyne94"]:after { content: 'Former Bureaucrat' !important; border-radius: 10px; border: 3px solid #333399; padding: 3px 6px; color: black; background: #333399; }

body.ns-1201 .edited-by > a.subtle[href$="/wiki/Message_Wall:CycloneRyne94"]:after { content: 'Former Bureaucrat' !important; border-radius: 10px; border: 3px solid #333399; padding: 3px 6px; color: white; background: #333399; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:Hurricane_Layten"]:after { content: 'Administrator' !important; border-radius: 10px; border: 3px solid #008000; padding: 3px 6px; color: white; background: #008000; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:Hurricane_Layten"]:after { content: 'Administrator' !important; border-radius: 10px; border: 3px solid #008000; padding: 3px 6px; color: white; background: #008000; }

body.ns-1200 .edited-by > a.subtle[href$="/wiki/Wall:Hurricane_Layten"]:after { content: 'Former Bureaucrat' !important; border-radius: 10px; border: 3px solid #000088; padding: 3px 6px; color: white; background: #000088; }

body.ns-1201 .edited-by > a.subtle[href$="/wiki/Wall:Hurricane_Layten"]:after { content: 'Former Bureaucrat' !important; border-radius: 10px; border: 3px solid #000088; padding: 3px 6px; color: white; background: #000088; }

body.ns-1200 .edited-by > a.subtle[href$="/wiki/Wall:PuffleXTREME"]:after { content: 'Former Bureaucrat' !important; border-radius: 10px; border: 3px solid #000088; padding: 3px 6px; color: white; background: #000088; }

body.ns-1201 .edited-by > a.subtle[href$="/wiki/Wall:PuffleXTREME"]:after { content: 'Former Bureaucrat' !important; border-radius: 10px; border: 3px solid #000088; padding: 3px 6px; color: white; background: #000088; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:HurricaneOdile"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:HurricaneOdile"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:SnaggyFTW"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:SnaggyFTW"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:StrawberryMaster"]:after { content: 'Administrator' !important; border-radius: 10px; border: 3px solid #008000; padding: 3px 6px; color: white; background: #008000; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:StrawberryMaster"]:after { content: 'Administrator' !important; border-radius: 10px; border: 3px solid #008000; padding: 3px 6px; color: white; background: #008000; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:Leboringjack"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:Leboringjack"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:AGirlCalledKeranique"]:after { content: 'Rollback' !important; border-radius: 10px; border: 3px solid orange; padding: 3px 6px; color: black; background: orange; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:AGirlCalledKeranique"]:after { content: 'Rollback' !important; border-radius: 10px; border: 3px solid orange; padding: 3px 6px; color: black; background: orange; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:Sassmaster15"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:Sassmaster15"]:after { content: 'Junior Administrator' !important; border-radius: 10px; border: 3px solid #ffff00; padding: 3px 6px; color: black; background: #ffff00; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:Leboringjack"]:after { content: 'Rollback' !important; border-radius: 10px; border: 3px solid orange; padding: 3px 6px; color: black; background: orange; }

body.ns-1201 .edited-by > a.subtle[href$="Wall:Leboringjack"]:after { content: 'Rollback' !important; border-radius: 10px; border: 3px solid orange; padding: 3px 6px; color: black; background: orange; }

body.ns-1200 .edited-by > a.subtle[href$="Wall:A_Bittersweet_Journey"]:after { content: 'Chat Moderator' !important; border-radius: 10px; border: 3px solid red; padding: 3px 6px; color: black; background: red; } body.ns-1201 .edited-by > a.subtle[href$="Wall:A_Bittersweet_Journey"]:after { content: 'Chat Moderator' !important; border-radius: 10px; border: 3px solid red; padding: 3px 6px; color: black; background: red; }

/* Customized comments ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ /** Hypercane Customized Comment **/ .comments [data-user="Hypercane"] blockquote { background: #1e90ff !important; } .comments [data-user="Hypercane"] blockquote { color: white; font-family: trebuchet ms; border: 2px solid #333399; !important; }

/** StrawberryMaster Customized Comment **/ .comments [data-user="StrawberryMaster"] blockquote { background: #2ECCFA !important; } .comments [data-user="StrawberryMaster"] blockquote { color: white; font-family: trebuchet ms; border: 2px solid #E104FA !important; }

/** CycloneNkechinyer Customized Comment **/ .comments [data-user="CycloneNkechinyer"] blockquote { background: #bab7b7 !important; } .comments [data-user="CycloneNkechinyer"] blockquote {color: white; font-family: trebuchet ms; border: 2px solid #0900ff; !important;}

} /** Hurricane Layten Custom Comment **/ .comments [data-user="Hurricane_Layten"] blockquote { background: #C0C0C0 !important; } .comments [data-user="Hurricane_Layten"] blockquote {color: #FFC400; font-family: trebuchet ms; border: 2px solid gold; !important;}

/** Hurricane Layten Customized Comment **/ .comments [data-user="Hurricane_Layten"] blockquote { background: #CDD700 !important; } .comments [data-user="Hurricane_Layten"] blockquote {color: white; font-family: comic sans ms; border: 2px solid #C0C0C0; !important;}

/** AzureAzulCrash Customized Comment **/ .comments [data-user="AzureAzulCrash"] blockquote { background: #BEFF21 !important; } .comments [data-user="AzureAzulCrash"] blockquote {color: black; font-family: trebuchet ms; border: 5px solid #F00000; !important;}

/** Sassmaster15 Customized Comment **/ .comments [data-user="Sassmaster15"] blockquote { background: #133e3b !important; } .comments [data-user="Sassmaster15"] blockquote { color: white; font-family: trebuchet ms; border: 2px solid #08262d !important; }

/* -     Blockquotes https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling - */ blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; overflow: hidden; padding: 0.5em 10px; } blockquote dd { clear: both; float: right; margin: 24px; } blockquote cite { display: block; text-align: right; font-style: italic; }