MediaWiki:Common.css

/* ########### */ /* # WIKIA  # */ /* ########### */

@import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/Links.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/GlobalNav.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/WikiNav.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/Ambox.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/Tabber.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/References.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/Misc.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Wikia.css/Usernames.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/MainPage.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/Banners.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/CharacterRoster.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/FactionRoster.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/BestiaryRoster.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/SkillRoster.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/ItemRoster.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/PlaceRoster.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/NovelPages.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/TemplateSlider.css&action=raw&ctype=text/css"); @import url("http://re-monster.wikia.com/index.php?title=MediaWiki:Common.css/Tooltips.css&action=raw&ctype=text/css"); @import "http://dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css&only=styles";

@import 'https://fonts.googleapis.com/css?family=Forum';

.tile{ position: relative; height: 150px; width: 204px; z-index: 0; overflow: hidden; cursor: pointer; }

.tile-image-1, .tile-image-2{ position: absolute; top: 0; left: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.tile-image-1{ z-index: 2; opacity: 1; }

.tile-image-2{ z-index: 1; opacity: 0; }

.tile:hover .tile-image-1 { opacity: 0; } .tile:hover .tile-image-2 { opacity: 1; transform: rotate(2deg); }

/* ############ */ /* # COMMON  # */ /* ############ */

/* Background */ body { background-image: url('https://vignette.wikia.nocookie.net/re-monster/images/4/41/HuntMapBack.png/revision/latest?cb=20170906133017') !important; background-repeat: no-repeat !important; background-attachment: fixed !important; } .background-image-gradient { display: none; } /* End of Background */

/* ################################################## */ /* ### CONTEXT-LINK (Template:Context-link)      ### */ /* ################################################## */

.context-link { padding-left: 2em; font-style: italic; margin-bottom: 5px; }

/* End of Context Link */

/* ####################### */ /* ### CUSTOM BORDER  ### */ /* ####################### */

.custom-border { border-width: 20px; border-style: solid; } .border-brown { border-image: url(/wiki/Special:Filepath?file=Box_Brown.png) fill 35 repeat; } .border-green { border-image: url(/wiki/Special:Filepath?file=Box_Green.png) fill 35 repeat; } .border-blue { border-image: url(/wiki/Special:Filepath?file=Box_Blue.png) fill 35 repeat; } .border-red { border-image: url(/wiki/Special:Filepath?file=Box_Red.png) fill 25 repeat; } .border-lightblue { border-image: url(/wiki/Special:Filepath?file=Box_LightBlue.png) fill 25 repeat; }

/* End of Custom Border */

/* ####################### */ /* ### CUSTOM TABLE   ### */ /* ####################### */

.tb-custom{ border: 1px solid rgba(0,0,0,0.7); border-collapse: collapse; outline: 3px solid rgba(82, 117, 49, 0.5); margin: 10px 3px; } .tb-custom.align-top td{ vertical-align: top; } .tb-custom th{ font-weight: bold; text-align: center; } .tb-custom th, .tb-custom td{ text-align: center; padding: 5px; } .tb-custom .header{ background-color: rgba(82, 117, 49, 0.5) /*rgba(0,56,22,0.7)*/ !important; border-bottom: 2px solid rgba(0,0,0,0.7); } .tb-custom .alt{ background-color: rgba(255,255,255,0.05); } .tb-custom .left{ text-align: left; } .tb-custom .right{ text-align: right; } .tb-custom-with-border td { border-bottom: 1px solid rgba(0,56,22,0.7); } .tb-custom-colored-row tr:nth-child(even) { background-color: rgba(255,255,255,0.05); }

.tb-equip td:nth-of-type(3), .tb-equip td:nth-of-type(4) { color: #52cc4b; } .tb-equip td:nth-of-type(5), .tb-equip td:nth-of-type(6) { color: #4a7df7; }

border: 1px solid rgba(0,0,0,0.7); outline: 3px solid rgba(82, 117, 49, 0.5); margin: 3px; padding: 10px; }
 * 1) toc{


 * 1) toc li:hover{ background-color: rgba(82, 117, 49, 0.1); }

/* End of Custom Table */

/* ####################### */ /* ### HOME SECTION   ### */ /* ####################### */

.section-header{ font-size: 16px; font-weight: bold; background-color: rgba(0,56,22,0.5); padding: 5px; margin-top: 5px; }

.section-content{ border-left: 5px solid rgba(0,56,22,0.5); margin-left: 24px; display: block; }

.section-content .table-title{ border-bottom: 2px solid rgba(0,56,22,0.5); }

/* End of Home Section */

.SpeechBubble .speech-bubble-message{ box-shadow: 0 0 10px rgba(0,56,22,0.8); background-color: rgba(26,26,26,0.5); border-radius: 0; }

.SpeechBubble .speech-bubble-avatar .avatar{ border-radius: 50%; }

.WikiaArticleComments .MiniEditorWrapper .editarea{ box-shadow: 0 0 10px rgba(0,56,22,0.8); }

.UserProfileMasthead .masthead-info{ background: transparent url(/wiki/Special:Filepath?file=Goblin_Eat.png) bottom 0 right 10px no-repeat; background-size: 100px; }

.UserProfileMasthead .masthead-info h1{ font-family: Forum, sans-serif; text-shadow: rgb(0, 56, 22) 5px 3px 5px; letter-spacing: 1px; }

.UserProfileMasthead .masthead-info .tag{ background: rgba(0, 56, 22, 0.7); margin-left: 15px; }

.UserProfileMasthead .masthead-avatar { margin-top: 15px; }

.WikiaUserPagesHeader .tabs li a { border-bottom: 4px solid #444444; }

.WikiaUserPagesHeader .tabs li.selected a { border-bottom: 4px solid #246828; }

/* ########################## */ /* ### UNIT ICON SHOWCASE ### */ /* ########################## */

.unit-icon { border: 1px solid #555; width: 60px; height: 80px; overflow: hidden; border-radius: 5px; display: inline-block; position: relative; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }

.unit-icon img{ /*filter: blur(1px) grayscale(80%);*/ filter: grayscale(50%); margin-top: -10px; margin-left: -20px; width: 100px; height: 100px; }

.unit-icon:hover{ border: 1px solid rgb(159, 34, 33); box-shadow: 2px 2px 5px rgba(159, 34, 33, 0.5); }

.unit-icon:hover img{ /*filter: blur(0) grayscale(0%);*/ filter: grayscale(0%); transform: scale(1.1); transition: all 0.2s; }

.unit-icon .num{ position: absolute; bottom: 0px; right: 0px; color: #fff; background-color: #555; font-size: 8px; line-height: 14px; padding: 0px 5px; border-radius: 5px 0 5px 0; z-index: 1; }

/* End of Unit Icon Showcase Section */

/* ########################## */ /* ### PORTABLE INFOBOX  ### */ /* ########################## */

.portable-infobox{ border: 1px solid #1d201d; outline: 3px solid rgb(36, 104, 40); margin-top: 3px; margin-right: 3px; }

.portable-infobox .pi-title, .portable-infobox .pi-header{ background-color: rgb(36, 104, 40); font-family: Forum; letter-spacing: 1px; }

.portable-infobox .pi-item-spacing { padding: 7px 14px; }

.portable-infobox .pi-image .pi-caption{ text-align: center; }

.portable-infobox .tabber{ text-align: center; }

.portable-infobox ul.tabbernav{ border: none; font-size: 12px; }

.portable-infobox ul.tabbernav li a{   background-color: rgba(255, 255, 255, 0.05); }

/* End of Portable Infobox Section */

/* ########################## */ /* ###   ABILITY ICON    ### */ /* ########################## */

.icon{ display: inline-block; background: transparent url(/wiki/Special:Filepath?file=Icon_Border_Empty.png) ; background-size: cover; padding: 0; }

.icon img{ width: 65px; height: 65px; }

.icon-50 img{ width: 50px; height: 50px; }

.icon-blue{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_Blue.png) ; background-size: cover; }

.icon-red{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_Red.png) ; background-size: cover; }

.icon-white{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_White.png) ; background-size: cover; }

.icon-gray{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_Gray.png) ; background-size: cover; }

.icon-darkgray{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_DarkGray.png) ; background-size: cover; }

.icon-purple{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_Purple.png) ; background-size: cover; }

.icon-yellow{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_Yellow.png) ; background-size: cover; }

.icon-green{ background: transparent url(/wiki/Special:Filepath?file=Icon_Border_Green.png) ; background-size: cover; }

/* End of Ability Icon Section */

/* ################################ */ /* ###   CUSTOM COLLAPSIBLE    ### */ /* ################################ */

.collapsible-custom div.mw-collapsible-toggle { float: none; cursor: pointer; background: none right center no-repeat; padding: 5px 50px 5px 10px; margin-bottom: 10px; transition: background-color 0.2s linear; display: inline-block; }

.collapsible-custom div.mw-collapsible-toggle-expanded { background: url(/wiki/Special:Filepath?file=Icon_Minus.png) right 10px center no-repeat; background-size: 25px; border-bottom: 2px solid rgb(0, 56, 22); }

.collapsible-custom div.mw-collapsible-toggle-collapsed { background: rgba(0, 56, 22, 0.6) url(/wiki/Special:Filepath?file=Icon_Plus.png) right 10px center no-repeat; background-size: 25px; }

/* End of Custom Collapsible Section */

.color-red { color: Red; }

border-left: 2px solid #318e37; padding-left: 5px; }
 * 1) mw-content-text .customize-section {

color: #318e37; font-weight: bold; }
 * 1) mw-content-text .customize-section h2 {