MediaWiki:Wikia.css

@import url("//dev.wikia.com/load.php?mode=articles&articles=Global_Lua_Modules/NavboxBuilder/code.css&only=styles");

.WikiaBarWrapper.hidden { bottom:-50px; }

.WikiaBarWrapper { height: 50px !important; background: #2fb04e !important; font-size: 12.5px !important; font-family: Verdana !important; padding: 10px 0 !important; vertical-align: middle !important; box-sizing: border-box !important; } .WikiaBarWrapper .wikia-bar { background-image: none !important; } .WikiaFooter .toolbar .tools, .WikiaBarWrapper .toolbar .tools { display: flex !important; align-items: flex-end !important; background-image: non !importante; } .WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li { border-right: none !important; display: inline-block !important; padding: 0 7px !important; } .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu { border-color: #2fb04e !important; } .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu form { padding: 10px 15px !important; }

/* DO NOT EDIT THIS WITHOUT THE EXPRESS PERMISSION OF JERRICKS*/

/* External */ a.external:after {display: none !important;} /* Medals */ .skin-oasis .WikiaRail .RewardModule .RewardSection img, .skin-oasis .WikiaRail .RewardModule .button { box-shadow: 0 1px 4px rgba(0, 0, 0, .2); } .skin-oasis .WikiaRail .RewardModule .RewardSection img:hover, .skin-oasis .WikiaRail .RewardModule .button:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, .3); }/**/

/* Heading A links */ div.HeadingA a { color: #094bbd; } /* Discussions Modifications */ .icon { fill: #3cb03c; }

/*Rail Colour */

@media only screen and (min-width: 1024px) Qualaroo.scss:2 .WikiaRail, .main-page-tag-rcs { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; background: green; }

/*WIKI BORDER IMAGE*/ .WikiaRail .rail-module .wds-button.wds-is-secondary { background-color: #c91616; border-color: #904830; color: #ffebe4; } /* [Custom Scrollbar.] */
 * -webkit-scrollbar {

width: 15px; height: 20px; border-radius: 3px; }
 * -webkit-scrollbar-thumb {

background: #3cb03c ; }
 * -webkit-scrollbar-thumb:hover {

background: #3cb03c !important; }
 * -webkit-scrollbar-thumb:active {

background: #3cb03c !important; }

/* [Hover Image 2.0] */ .hoverimage img { opacity: 0.80; filter: alpha(opacity=70); -webkit-transition: opacity .2s ease-in-out; } .hoverimage img:hover { opacity: 1.5; filter: alpha(opacity=200); }

/* RAIL BORDER ELIMINATION */ .WikiaRail .module { border: none; } /* UserTags */ a.tag { color: inherit; }

a[href="/wiki/User:Jerricks"], a[href="/wiki/User:Jac16king"] { color:Red !important; font-weight: bold !important; } a[href="/wiki/User:Ender01"], a[href="/wiki/User:Trainlover123123"], a[href="/wiki/User:UnikarnzMagik"], a[href="/wiki/User:1011025m"] { color:#99ff33 !important; font-weight: bold !important; } a[href="/wiki/User:Panpoppular"], a[href="/wiki/User:Koolboat01"], a[href="/wiki/User:Fjalon"], a[href="/wiki/User:Mehda"], a[href="/wiki/User:Sonnenly"], a[href="/wiki/User:SgtPugsly"] { color:#ff9933!important; font-weight: bold !important; } div, .avatar, .start-wikia, section, table, .WikiaMenuElement, .widget-box, .preview_mobile.preview_icon, #wpPreviewMobile, #articleCategories { border-radius: 5px; }

/* [Bureaucrat Tag] */ .comments li[data-user="Jerricks"] .edited-by:after, .comments li[data-user="Jac16king"] .edited-by:after {   content: "Head Admin"; color: #000000; background-color:Red; border: 3px solid #700000; border-radius: 6px; padding: 0 5px; margin-left: 3px;} /* [Administrator Tags] */ .comments li[data-user="Trainlover123123"] .edited-by:after, .comments li[data-user="Ender01"] .edited-by:after, .comments li[data-user="UnikarnzMagik"] .edited-by:after, .comments li[data-user="1011025m"] .edited-by:after {   content: "Admin"; color: #000000; background-color: #99ff33; border: 2px solid #4b9500; border-radius: 6px; padding: 0 5px; margin-left: 3px;}

/* [Moderator tags] */ .comments li[data-user="Koolboat01"] .edited-by:after, .comments li[data-user="Fjalon"] .edited-by:after, .comments li[data-user="Mehda"] .edited-by:after, .comments li[data-user="Panpoppular"] .edited-by:after, .comments li[data-user="SgtPugsly"] .edited-by:after, .comments li[data-user="Sonnenly"] .edited-by:after {   content: "Moderator"; color: #000000; background-color: #ff9933; border: 1px solid #954b00; border-radius: 6px; padding: 0 5px; margin-left: 3px;} /* Wiki Styles and effects */

/* [WikiHeader Wordmark Effect. Credit to R2DA wiki] */ .WikiHeader .wordmark { -moz-transform: scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -ms-transform: scale(1) skew(180deg) translate(0px); -ms-transition: All 0.6863s ease; -o-transform: scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; transform: scale(1) skew(180deg) translate(0px); transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: scale(1.040) skew(180deg) translate(0px); -moz-transform: scale(1.040) skew(180deg) translate(0px); -ms-transform: scale(1.040) skew(180deg) translate(0px); -o-transform: scale(1.040) skew(180deg) translate(0px); transform: scale(1.040) skew(180deg) translate(0px); }

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: #088a08; background-image: seashell; background-image: seashell; border: 1px solid #088a08; border-radius: 1px;} .avatar-container { border: 2px solid #077707; border-radius: 7px;} .Wall .avatar { position: relative; border-radius: 7px; }   .community-page-header { background: url("/lumber-tycoon-2/images/4/41/Texturebackgroun1.png");} body.page-User_Jerricks .UserProfileMasthead .masthead-avatar .avatar { border-radius: 40% 88% 32% 40%; border:4px, linear-gradient(to bottom left, #f83600, #f9d423); } body.page-User_Jac16king .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid #FF3721; }

body.page-User_Ender01 .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid #4ddd00; border-radius: 100px; } body.page-User_Trainlover123123 .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid #4ddd00; border-radius: 100px; }

/* Testing Misc */ div, .avatar, .start-wikia, section, table, .WikiaMenuElement, .widget-box, .preview_mobile.preview_icon, #wpPreviewMobile, #articleCategories { border-radius: 0px;

.brighten img { -webkit-filter: brightness(20%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

.brighten img:hover { -webkit-filter: brightness(100%); }

/* [Hides Section Edit] */ .editsection { display:none; }

/* New Wiki Icons */ .skin-oasis .sprite { background-color: transparent; background-image: url(https://images.wikia.nocookie.net/lumber-tycoon-2/images/e/e6/NewSpriteMap.png); background-repeat: no-repeat; }

/* Border Rounding */ div, .avatar, .start-wikia, section, table, .WikiaMenuElement, .widget-box, .preview_mobile.preview_icon, #wpPreviewMobile, #articleCategories { border-radius: 20px; } /* Discussions Modifiers */

li[data-user="Jerricks"] .discussion .avatar img { border-color: #f00; border-width: medium; }

/* Mobile CSS changes */ .trending .item-image { line-height: 1.25rem; border-radius: 20px; } /* Chat Button Modifications (April2017) */ .WikiaRail .rail-module .wds-button.wds-is-secondary { border-color: #ffffff; margin-left: 12px; color: #ffffff; background-color: #3cb03c; font-weight: lighter; }

.wds-avatar { height: 28px; min-width: 28px; width: 28px; border: 1px solid currentColor; border-radius: 7px; box-shadow: 0px 0px 7px 0px #9b9b9b; }

.ChatWidget .chat-headline { margin-bottom: 16px; font-size: 16px; font-weight: bold; padding-left: 2px; text-align: center; }

/* Portable Infobox Design Testing */ .portable-infobox { float: right; width: 250px; max-width:300px; margin-right:.5em; margin-bottom: 1em; font-size: 85%; text-align: center; vertical-align: middle; background-color: #2655A7; color: #FFF; padding: .4em !important; } .portable-infobox .pi-title { background-color: #3cb03c; font-weight: normal; font-size: 175%; padding: 1.1em; } .portable-infobox .pi-horizontal-group-item { text-align: center !important; }

/* Tabber styling */ .tabbertab { border: none !important; padding: 0 !important; color: white; } .tabbernav { background: #786c42; border: 1px solid #665d40 !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; color: white; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #332e1e !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: white !important; background: #665d40 !important; }

/* Background Images on Headers */ .h2_class1 { background-image: url(https://vignette.wikia.nocookie.net/lumber-tycoon-2/images/0/0e/Community-header-background/revision/latest/zoom-crop/width/471/height/115?cb=20171102211438); }

/* Making Custom Button Class */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .buttonm, buttonm { background-color: #dcdcdc; border: 1px solid #dcdcdc; }

.TabButton li:hover{ background-color: #1F2222; /////// } @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700,900);

@rhino: #323b40; @rhinoMid: #4f585e; @teal: #0096a1; @tealMid: #0ebac7; @red: #fc625c; @amber: #fdbc40; @green: #34c748; @offWhite: #e9eaea;

html { background: @rhinoMid; }

div.browser { background: #fff url(http://www.s4c.cymru/temp/unsplash-kitsune-4.jpg) no-repeat; background-size: cover; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0 4px 8px -4px rgba(0,0,0,0.4), 0 12px 24px -6px rgba(0,0,0,0.4), 0 24px 64px 12px rgba(0,0,0,0.25); color: @rhino; font-family: 'Source Sans Pro', helvetica; overflow: hidden; letter-spacing: -0.05em; margin: 5% auto; max-width: 1200px; min-width: 320px; min-height: 600px; padding-bottom: 10%; position: relative; width: 90%; div.chrome { background: @rhinoMid; height: 40px; left: 0; position: absolute; right: 0; top: 0; > a { border-radius: 12px; display: block; float: left; height: 12px; margin: 13px 4px; width: 12px; &:first-child { margin-left: 13px; }     &.red { background: @red; }     &.amber { background: @amber; }     &.green { background: @green; }   }    div.url { background: #5f676d; border-radius: 4px; height: 24px; left: 50%; position: absolute; transform: translateX(-50%); top: 8px; width: 70%; } }  h1 { font-size: 24px; font-weight: 200; margin: 0; padding: 80px 40px 10px; } h2 { font-size: 48px; line-height: 1em; max-width: 16em; margin: 0; padding: 0 40px; } }

footer { bottom: 0; left: 0; position: absolute; right: 0; div.social-media-links { background: @rhino; overflow: hidden; padding-bottom: 4px; text-align: center; ul { margin: 0; padding: 0; }		li { display: inline; margin: 0; padding: 0; }		a { border-bottom: 0px solid rgba(0,0,0,0.95); border-radius: 4px; box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0), 0 6px 8px rgba(0,0,0,0), 0 24px 24px rgba(0,0,0,0), 0 36px 36px rgba(0,0,0,0), 0 64px 64px rgba(0,0,0,0), 0 64px 128px rgba(0,0,0,0), 0 120px 0 rgba(0,0,0,0), 0 86px 8px 6px rgba(0,0,0,0),; display: inline-block; height: 30px; padding: 20px; position: relative; transition: .2s ease-in; width: 30px; svg { left: 20px; position: absolute; top: 20px; height: 30px; width: 30px; &.glow { path, circle { fill: rgba(0,0,0,0); }       }				path, circle { fill: @teal; transition: .2s ease-in; }			}		}		a:hover { transform: translateY(-4px); box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.1), 0 6px 8px rgba(0,0,0,0.05), 0 24px 24px rgba(0,0,0,0.05), 0 36px 36px rgba(0,0,0,0.05), 0 64px 64px rgba(0,0,0,0.15), 0 64px 128px rgba(0,0,0,0.15), 0 86px 8px 6px fadeout(@tealMid, 75), 0 83px 4px 0px fadeout(@tealMid, 5); svg { &.glow { filter: url('data:image/svg+xml;charset=utf-8, #filter'); filter: blur(2px); path, circle { fill: fadeout(@tealMid, 40); }       }				path, circle { fill: @tealMid; }			}		}	} }