MediaWiki:Wikia.css

/* ==================================================================  Body ================================================================== */

/* body { font-size: 100%; /* Set body so adjusts for all screen sizes? } */

/* ==================================================================   Template:Ambox designs === ================================================================== /* 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 0 2px 0.5em;       /* 0.5em left, 0px right */ text-align: center; } @media print { .ambox { display: none; } }   /* no ambox when printing */

/* ===================================================================  Customize headers =================================================================== */

/* Giving headers more space */ h2 { padding: 0 0 0 0;   /* use em so browsers adjust proportionally */ /* font-family: Lato, Verdana, Arial, Helvetica, sans-serif; */ }

h3, h4, h5 { padding: .75em 0 0 0;   /* use em so browsers adjust proportionally */ /* font-family: Lato, Verdana, Arial, Helvetica, sans-serif; */ }

h2, h3, h4 { /* font-size: 1.5em; */ font-weight: bold; }

h4, h5 { /* font-size: 1em; */ font-style: italic; }

/* =================================================================  Mainpage This is a work in progress. Will DRY it up soon. ================================================================= */

/* Univeral */ .h2 { font-size: 1.5em; }

.h3 { font-size: 1.2em; }

.h4 { font-size: 1em; }

/* Welcome section - no longer in use? was on mainpage .welcome { background-color:#C0D7DC; color:#000; height: auto; padding:10px; margin-bottom:10px; } */

/* Left 2 columns */

/* Getting Started Box - no longer in use? was on mainpage .box-right { border: 2px solid #000; background-color: #fff; padding: 10px; overflow: auto; margin: 5px; } */

.tumblr { background-color: #ffffff; position: relative; display: block; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: none; border-left: 1px solid #e3e0c7; border-right: 1px solid #e3e0c7; border-bottom: 1px solid #e3e0c7; padding:18px 20px 18px; word-wrap: auto; overflow: auto; margin: 0 10px 10px 10px; }

/* =================================================================   Main content boxes in style of HabitRPG blog styles =================================================================*/ /* Styles the main page coloured box modules */ .mainpage-mod-outer { background-color: #422728; position: relative; display: block; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #422728; padding: 7px; margin: 10px; }

.mainpage-mod-inner { background-color: #c4c799; position: relative; display: block; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border: 0 solid #FFFFFF; padding:5px; word-wrap: auto; }

.module-content { background-color: #ffffff; position: relative; display: block; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: none; border-left: 1px solid #e3e0c7; border-right: 1px solid #e3e0c7; border-bottom: 1px solid #e3e0c7; padding:18px 20px 18px; word-wrap: auto; margin: 0px 10px 10px 10px }

/* Adds some fluidity to the images*/ .module-content img { max-width: 100%; }

/* border-dash tiling for module */ .bg-textdash { /* background: url(http://static.tumblr.com/nhmvydt/Vshln68xx/bg_textdashes.png); */ background: url(http://vignette3.wikia.nocookie.net/habitrpg/images/4/46/Bg_textdashes.png); background-repeat: repeat-x; background-position: top; width: 100px; } /* Forum formatting - Algorithm & Splarka */ .forumheader { border: 1px solid #AAAAAA; background-color: #F9F9F9; margin-top: 1em; padding: 12px; } .forumlist td span { display: block; padding-left: 10px; font-size: smaller; } .forumlist td span a { text-decoration: none; } .forumlist td span.forum_author { padding-left: 30px; } .forumlist td.forum_edited a { text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title span a { padding-left: 0px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(http://images.wikia.com/www/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

.purplebox{ background-color: #9e87b5; position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: 1px solid #e3e0c7; border-left: 1px solid #e3e0c7; border-right: 1px solid #e3e0c7; border-bottom: none; padding: .4em 1.3em .4em 1.3em; margin: 10px 10px 0px 10px; font-size:1.3em; font-family: arial-black; color: #ffffff; font-weight: Bold; } .gradient { background: #eee; border: 1px solid #DDD; background: -moz-linear-gradient(top, #EEE, #FFF); background: -webkit-linear-gradient(top, #eee, #fff); background: -ms-linear-gradient(top, #eee, #fff); background: -o-linear-gradient(top, #eee, #fff); box-shadow: 1px 2px 4px rgba(0,0,0, .2); }

.speechbubble { position:relative; padding:15px; margin:1em 0 0; border:5px solid #5a8f00; color:#333; background:#fff; /* css3 */ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-left:30px; }

.speechbubble:before { content:""; position:absolute; border-width:15px 30px 15px 0; border-style:solid; border-color:transparent #5a8f00; /* reduce the damage in FF3.0 */ display:block; width:0; top:10px; /* controls vertical position */ bottom:auto; left:-30px; /* value = - border-left-width - border-right-width */ }

.speechbubble:after { content:""; position:absolute; border-width:9px 21px 9px 0; border-style:solid; border-color:transparent #fff; /* reduce the damage in FF3.0 */ display:block; width:0; top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */ bottom:auto; left:-21px; /* value = - border-left-width - border-right-width */ }

/* Poll formatting */ .ajax-poll{ border: 0px !important; color: black !important; margin: 0px !important; padding: 5px !important; }

/* Hides image attribution on articles */ .picture-attribution { display:none !important; }

/* Hides the Photos box in the right-hand column because it often displays spoilers */ /*   display:none; }
 * 1) LatestPhotosModule {

/* changes user admin's username colour and makes it bold */

a[href$="/wiki/User:Breadstrings"] { color: #006600 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:LadyAlys"] { color: #006600 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:Bobbyroberts99"] { color: #006600 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:JiggerD"] { color: #006600 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:LadyKatFrog"] { color: #006600 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:Lefnire"] { color: #006600 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:Wc8"] { color: #006600 !important; font-weight: bold !important; font-family: Arial !important; }

/* =====Customizing Tabber ===== .tabbertab { border-top: 2px solid grey !important; border-bottom: 2px solid grey !important; border-left: 2px solid grey !important; border-right: 2px solid grey !important; } =======add spaces to tabview tabs===== .tabberlive > ul.tabbernav > li { margin-right: 2px; }   ====not applying on the last tabview tabs ===== .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; } ul.tabbernav li a { -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; background: #014604 !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border: 2px solid black !important; color: white !important; font-size: 16px !important; font-weight: normal !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #014604 !important; border: 2px solid black !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; } ul.tabbernav li.tabberactive { line-height: 0 !important; }   ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } End of Customizing Tabber */

/* ========================== portable infobox additions -Taldin ===========================*/ .portable-infobox { border:1px solid gray; background-color:#eae7e4; padding: 4px; } .pi-imagecaption { text-align:center; } .pi-title { text-align:center; color:white; background-color:#d94e2b; padding-bottom:2px; } .pi-secondary-background { text-align:center; color:white; background-color:#d94e2b; }

/* =========================================================   Error 404 custom image ========================================================= */  /* height of your image must be in px; % is just gonna laugh at you */ .WikiaArticle #mw-content-text .noarticletext { padding: 0 60px; background-image: url('https://trello-attachments.s3.amazonaws.com/52ec8ff45478b402281557b7/564x294/c388335b96b416e972a081b8e9d68fa4/404_not_found_wiki_by_cosmic_caterpillar-d83gwxa.png'); background-repeat: no-repeat; background-position: left bottom; height: 400px; }

color: /* fill in this with whatever color works well with the image */ !important; }
 * 1) mw-content-text .noarticletext .wikia-button.big.plainlinks .text {