MediaWiki:Wikia.css

/* Import CSS here. It's faster than in js */ @import url("http://hitlerparody.wikia.com/index.php?title=User:Mfaizsyahmi/g-contest.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400"); @import url("http://hitlerparody.wikia.com/index.php?title=MediaWiki:Flags.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400"); @import url("http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css");

/* Notes to my dearest yhynerson: 1) use classes instead of IDs to define presentional elements. IDs should be unique, and is only used to mark content. 2) please reorganize all your declarations into sections. don't just append to the css file as you see fit for example, I bet there's a few duplicate selectors all over this file 3) cut back on the excessive usage of flashy GUI elements. try to be OS-agnostic when it comes about design and be original. 4) learn about the 'cascading' part of 'cascading style sheets', and about the concept of object inheritance in general 5) keep the CSS file as lean as possible. there's still poor people who can't afford snappy internet connection out there.   THIS is where your understanding of inheritance really comes along - to cut on the repetitive declarations. 6) just a note, but the 'minor edit' checkbox is unclickable. please fix that. 7) use PortableCSSPad (http://dev.wikia.com/wiki/PortableCSSPad); you won't regret it. 8) last but not least, WRITE EDIT SUMMARIES OF ALL YOUR EDITS. You seem to misunderstood my repeated heedings. I'm not asking you to shove the mandated edit summary down everyone else's throats. I'm demanding these from you specifically. Please be a good example to other editors. Is it so hard to do? Please heed my constructive advice here, and also try to discuss with the other admins before you add something to the wiki. -3 years HPW admin, the lovable mfaizsyahmi

/* Yhynerson1: examination of codes has started. A large amount of codes will be removed. */

transition-duration: .15s; } /* Edit Summary */ .EditPage .module_page_controls #wpSummary { padding: 1px 5px !important; } /* Poll */ div.ajax-poll { margin-top: 0.5em !important; padding: 1em 2.5em 1em 1em !important; }
 * 1) WikiaMainContent a {

/* NOTE: TRANSITIONING TO CLASSES All instances using ids should be changed to use classes */ /* Buttons */ /* fade */ font-size:100%; border:none; color:#D5D4D4; transition-duration: .15s; background:none; }   color:white; background:rgba(0, 0, 0, 0.25); }   color:white; background:rgba(0, 0, 0, 0.5); }   transition-duration: .15s; font-size:100%; padding:0; width:20px; height:20px; text-align:center; background:transparent; border:transparent; border-radius:1px; color:#d5d4d4; } .headermain:hover #headericon, .headermain:hover .headericon { color:rgba(0, 0, 0, 0.75); } .headermain #headericon:hover, .headermain .headericon:hover { background:rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); color:white; } .headermain #headericon:active, .headermain .headericon:active { background:rgba(0, 0, 0, 0.75); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); color:white; } .headermain:hover a { color:#006cb0; } .WikiaRail .module, #toc, .ajax-poll, .carbonbox, #carbonbox { background:radial-gradient(#3a3a3a, #2a2a2a); border-color:#6B6A6A; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5); border-radius: 3px; } .carbonbox, #carbonbox { border: 1px solid #6B6A6A; padding:0.25em 0.5em; }   padding:0.25em 0.5em; }
 * 1) fade, .fade {
 * 1) fade:hover, .fade:hover {
 * 1) fade:active, .faed:active {
 * 1) headericon, .headericon {
 * 1) toc {

/*body.mediawiki { background-size:cover }*/ /*body.mediawiki:after { content:""; display: block; position: fixed; top: 0; left: 0; background-image: url("http://images.wikia.com/uncyclopedia/images/1/17/Static.gif"); background-size: 600px 340px; background-repeat: repeat; opacity: 0.04; height:100%; width:100%; }

/* Header background */ /* 30 march 12: addedb */ /*.WikiHeader { background-image: url("http://images2.wikia.nocookie.net/__cb20120329145629/hitlerparody/images/d/d1/Mohnke_group_Downfall.jpg"); background-position:267px -120px; }*/ /* improves visibility against background, and a little aesthetics */ nav.WikiNav > ul > li.nav-item { text-shadow:1px 1px 2px black } nav.WikiNav > ul ul { text-shadow:0px 0px 0px transparent } nav.WikiNav a:hover { text-shadow:0px 0px 3px }

/* Hatnotes and disambiguation notices */ .rellink, .dablink { font-style: italic; /* @noflip */ padding-left: 1.6em; margin-bottom: 0.5em; } .rellink i, .dablink i { font-style: normal; } /* ************************* NEW MAIN PAGE CUSTOMIZATIONS ******************** */ /* gallery */ .page-Hitler_Parody_Wiki .wikia-photogallery-add {display:none !important} .page-Hitler_Parody_Wiki .wikia-gallery {margin:2px !important} .page-Hitler_Parody_Wiki .lightbox-caption.accent { font-size:11px !important; font-weight:bold !important; line-height:normal; background-color:#323232 !important; border-radius:0px 3px 0px 3px; padding:2px; } .page-Hitler_Parody_Wiki .gallery-image-wrapper.accent { border:1px solid #323232 !important; border-radius:5px !important; } .page-Hitler_Parody_Wiki .gallery-image-wrapper .image { border-radius:3px !important; } /* overrides inline css. make sure size of gallery item is not changed afterwards */ .scrollgallery-outer { height:140px; overflow:hidden !important; box-shadow:0px 0px 30px 0px #222222 inset; border-radius:8px } .scrollgallery-outer:hover { overflow:auto !important }

/* blogs */ /* .page-Hitler_Parody_Wiki .WikiaBlogListingBox p + p {margin:0 !important} */ /* adapted (abducted) from the old mainpage customizations */ .page-Hitler_Parody_Wiki .WikiaBlogListingBox { width:100%; border:none; } .page-Hitler_Parody_Wiki .WikiaBlogListingBox h3, .page-Hitler_Parody_Wiki .WikiaBlogListingBox .wikia-button, .page-Hitler_Parody_Wiki .WikiaBlogListingBox .more { display:none; } .page-Hitler_Parody_Wiki .WikiaBlogListingBox li { padding:0; margin:0 } .page-Hitler_Parody_Wiki .WikiaBlogListingBox blockquote { padding:2px; } .page-Hitler_Parody_Wiki .WikiaBlogListingBox blockquote p { margin:3px; }

/* contests */ .mainpage-contest { background-color:#323232; border-radius:5px; /*   box-shadow:0px 0px 0px 1px #cccccc;*/ margin-bottom: 10px !important; } .mainpage-contest dl {margin:0 !important} .mainpage-contest dt { /*   background-color:#606060 !important;*/ padding:5px!important; /*   height:3em!important; */ /*   text-shadow:1px 1px 0px black;*/ border-width:2px; border-style:solid; border-radius:5px 5px 0px 0px; min-height:35px; } .mainpage-contest dt img { float:left; margin-right:4px } .mainpage-contest dt .image { display:block; } .mainpage-contest ul {margin:0 0.4em !important} .mainpage-contest li { list-style:none; border-top:1px solid #aaaaaa; } /* FLUID LAYOUT FIX */ .mainpage-contest-containerfix { width:32.9%; display:inline-block; vertical-align:top; } .mainpage-contest-containerfix .mainpage-contest { margin:0 0 0 10px; } /*.mainpage-contest-containerfix .mainpage-contest.alpha { margin-left:0px }*/
 * 1) WikiaArticle .contests-container {margin-left:-10px}

/* header */ /* should be inline in the template */ /* .headermain {background-color:#323232!important} */

/* affiliates */ .mainpage-affiliates ul {margin: 0 !important} .mainpage-affiliates ul li { display:inline-block; padding:5px !important; }

/* highlights gallery and contest items on hover */ .mainpage-contest:hover, .page-Hitler_Parody_Wiki .gallery-image-wrapper:hover { box-shadow:0px 0px 5px white; } .page-Hitler_Parody_Wiki .gallery-image-wrapper:hover .lightbox-caption { background-color:#555555 !important; text-shadow:1px 1px 1px black; color:white }

.headermain { transition-duration: .15s; overflow:auto; margin:10px 0 10px 0; background:radial-gradient(#3a3a3a, #2a2a2a); border: 1px solid #6B6A6A; border-radius: 3px; box-shadow: 1px 1px 5px #202020; } .headermain:hover { transition-duration: .15s; background:radial-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)); border: 1px solid white; color:black; box-shadow: 0 0 6px rgba(255, 255, 255, 0.5) } /* .headermain h2 { transition-duration: .15s; } .headermain h2:hover { transition-duration: .15s; text-shadow:0 0 6px white; }*/ .mainpage-contest li { position:relative; } .mainpage-contest li:hover { padding-left:3px; text-shadow: 0px 0px 3px; } .mainpage-contest li .contest-entry-stats { position:absolute; right:0px; top:0px; }

/* layout adjustments for right column */ .main-page-tag-rcs p, .main-page-tag-rcs .floatleft { margin-left:0.5em !important } .main-page-tag-rcs .quote dd { margin-left:17px }

/* ******************** END OF *NEW* MAIN PAGE CUSTOMIZATION ***************** */

/* ======================= CHATANGO STYLINGS ================================= */ /* Chat siderail module moved to fixed position at browser's far right */ /* 21 Feb 13 - Added a new selector to apply: a mock module positioned in the same place as the docked chat. This module will serve the same purpose as the menu item */ /* ====== TITLE ====== */ /* General rules for the module title, which goes vertically */ .module.ChatangoModule:before, .module.ChatMockModule:before { font-size:17px; font-weight:bold; position:absolute; -ms-transform:    rotate(90deg) translate(75px,103px); -moz-transform:   rotate(90deg) translate(75px,103px); -webkit-transform: rotate(90deg) translate(75px,103px); -o-transform:     rotate(90deg) translate(75px,103px); } /* Specific rules for title, detailing which title to use */ .module.ChatangoModule:before { content:"Untergangers Chat " url(data:image/gif;base64,R0lGODlhCgAKAKECAACdAACeAP///////yH5BAEKAAIALAAAAAAKAAoAAAIVlAVwF+3sookSUJduUzpMDUkLohwFADs=) !important; } .module.ChatMockModule:before { content:"Untergangers Chat " url(data:image/gif;base64,R0lGODlhCgAKAIABALAAAP///yH5BAEKAAEALAAAAAAKAAoAAAIQjIFgm8ntoJy0wkBfW8eZAgA7) !important; }

/* General rules for the DOCKED module */ .module.ChatangoModule, .module.ChatMockModule { padding: 20px 15px 15px 40px; border:  1px solid #6a6a6a; position: fixed !important; /* trying to fix glitching in chrome */ right:   -297px; top:     40px; z-index: 1001; background-color: rgba(50,50,50,1); height:  170px; width:   280px; /* previously only set on the chat object */ overflow: hidden; box-shadow:0px 0px 10px black !important; }

/* Rules for HOVERED and PINNED modules */ .module.ChatangoModule:hover, .module.ChatangoModule.pinned { margin-left:-30px; right:0px; height:auto; box-shadow:0px 0px 10px white !important; }

/* miscellaneous stylings */ border:1px solid rgb(107, 106, 106) !important; max-height:4em; max-width:275px; overflow:auto; } .chatangoQuickLinks li { display:inline-block; border-right:1px solid rgb(213, 212, 212) !important; padding:2px !important } .ChatangoModule .chatStdLinks > span:last-child { position:absolute; right:0px; top:0px; } /* ======================= END OF CHATANGO STYLINGS ========================== */
 * 1) chatangoQuickLinks, .chatangoQuickLinks {
 * 1) chatangoQuickLinks:empty, .chatangoQuickLinks:empty {display:none}
 * 2) chatangoQuickLinks li,

/* WikiaRail modules adjustments */ /* 30 march 12: added, modules darkened to be more in line with main page elements /* "   "    ": added !important, generalized /* 22 July  12: .module doesn't have to be an immediate child to WikiaRail due to the Tutorial poll being wrapped in a div */ .WikiaRail .module, form.WikiaSearch > input { /*     border-radius: 0.8em; *     -moz-border-radius: 0.8em; *     -webkit-border-radius: 0.8em; */     background-color: rgb(50,50,50) !important;     color: inherit; } /* Poll customization */ /* div.ajax-poll { width:auto !important; } */

/* generic classes */ .fullwidth {width:100%} /* RSS list adjustments */ /* 1 oct 12 - changed to accommodate new mainpage rss format, and should now apply only to main page feed */ /* 8 oct 12 - poll feed */

/* General adjustments - hide the small text and the mysterious "[?]" */ div.wikiaRss > dl > dd > b, div.wikiaRss > dl > dd > p { display:none; } div.wikiaRss > dl > dd:last-child > p { display:block; }

margin-left: 1.5em; } /*#DPFfeed div.wikiaRss > dl > dd { *    margin-top:-15px; *} */
 * 1) DPFfeed div.wikiaRss {

font-size:90% }   float:right; margin-right:0.2em !important; line-height:21px; }   margin:2px 0 2px 0 !important }   position:absolute; font-weight:bold !important; } .feedpollcontainer { margin-left:4em !important; height:21px; background-color:rgba(66,66,66,1); border-radius:5px; border:1px solid gray !important; } .feedpollbar { height:21px; background-color:Gray; } /* facebook like button adjustments */ .fb_edge_widget_with_comment.fb_iframe_widget { background-color:white; width:100%; }
 * 1) pollfeed .wikiaRss {
 * 1) pollfeed .wikiaRss dt {
 * 1) pollfeed .wikiaRss dd {
 * 1) pollfeed .wikiaRss dd span {

/* TABLE ADJUSTMENTS */ /* table hilight class */ table.hilight tr:hover { background-color: rgba(200,200,200,0.2) }

/* Reduce indentation of bullet list in tables OF CERTAIN classes*/ /* (selecting table in general will affect main page recent changes list too) */ .article-table ul, .wikitable ul { margin-left:1em !important }

/*************** List of Untergangers stylings ***********************/ /* Aligns the number columns in List of Untergangers table correctly */ table.untergangers td.index, table.untergangers td.vids, table.untergangers td.views, table.untergangers td.subs { text-align:right; } .gender {font-weight:bolder !important} /* wtf is wrong with wikia? */ .gender.m{color:#0000ff} .gender.f{color:#ff0000} /* Grey out rows and cells with noAJAX class*/ table.untergangers tr.noAJAX , table.untergangers td.noAJAX {color:#888888} /*********************************************************************/

/* fix alignment to collapsible navbox table with infobox class */ /* DEPRECATED */ .infobox.collapsible {margin-left:0 !important}

/* *************** Infobox customizations *************** */ /* 18 oct '12: added all inline stylings here */ .infobox { border-radius: 0px 13px 0px 0px; font-size: 89%; width: 270px; clear: right; } .infobox th { /* general header stylings */ background-color:#3366CC; color:#FFFFFF; } .infobox thead th, .infobox-title { /* box title */ font-size:120%; padding:5px; } .infobox td.image { text-align:center; } /* inline on unterganger infobox */ .infobox tr td { border-top: 1px solid rgb(106,106,106); /* consume less vertical space, compacting the infobox */ line-height:normal; } .infobox tr td p { margin:0.2em 0px } .infobox tr td[colspan="2"] { /* overrides left padding on first cells */ padding: 1px !important } .infobox tr td:first-child, table.infobox th { border-radius:0px 8px 0px 0px; } .infobox tr td:first-child { background-color: #555555; padding-left: 3px; width:30%; /* also inline */ } .infobox tr td:nth-child(2) { text-align:right; width:70%; /* also inline */ } .infobox li { /* reducing vertical space usage */ line-height:normal !important; margin:0.2em 0 !important } /* for Infobox/Ext/Sides */ .infobox td.fullspan { background-color: rgb(67, 66, 66)!important; border-radius:0px !important; } .infobox .embedded td { background-color: rgb(67, 66, 66)!important; vertical-align:top; padding:3px; } .infobox .embedded td:first-child { border-right: 1px dotted rgb(106, 106, 106); border-radius:0px }

/* shared rules between mainpage contests and unterganger infobox */ .infobox th.award { text-align:left } .infobox th.award .floatleft { padding:7px 2px 7px 5px; margin:0 5px 0 0; }

.infobox th.award, .infobox .award a, .mainpage-contest dt { text-shadow: 1px 1px 0px black; }

.infobox th.award-uotm, .mainpage-uotm dt { background-color: rgb(116, 98, 75); border:2px solid gold; } .infobox th.award-uotm,.mainpage-uotm dt a {color:gold !important}

.infobox th.award-potm, .mainpage-potm dt { background-color: rgb(200, 161, 86); border:2px solid red; } .infobox th.award-potm,.mainpage-potm dt a {color:red !important}

.infobox th.award-hof, .mainpage-hof dt { background-color: black; border:2px solid white; text-shadow:0px 0px 3px white; } .infobox th.award-hof,.mainpage-hof dt a {color: white !important}

.infobox th.award-dpa-old { border: 2px dashed yellow; color: yellow; background-repeat: repeat; background-size: cover; background-position: -20px 0%; background-image: url("http://images1.wikia.nocookie.net/hitlerparody/images/3/37/Long_NK_flag.png"); } .infobox th.award.award-dpa-old p { line-height:normal; float:right; width:80%; }

.infobox th.award.award-dpa-new, .mainpage-ua dt { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ border:2px solid black; text-shadow:0 0 0 transparent; } .infobox th.award.award-dpa-new,.mainpage-ua dt a {color: black !important}

.infobox th.award-bestnew, .mainpage-new dt { background-color: darkgreen; border:2px solid blue; } .infobox th.award-bestnew,.mainpage-new dt a {color: white}

/* stylings for .underinfobox class (things after infoboxes that should go under the infobox instead of inline. WIDTH and margin must be same as infobox */ .underinfobox {	float: right;	clear: right;	width: 270px;	margin-left: 1em }

/* Give opportunity to resize preview lightbox and pre-format box */ div.ArticlePreview, pre { resize:both }

/* Leaderboard Badge customization for clarity */ /* Warning: possible ambiguity */ .bronze span, .silver span, .gold span {color: black !important }

/* Running repairs for tabber not displaying headers by default */ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

/* TOC adjustments */ table#toc.toc { background-color: rgb(66,66,66) !important; border: 1px solid rgb(106,106,106) !important; }

/* mark interlink to wikipedia */
 * link[href*="wikipedia.org"]:after {

font-size: 75%; font-family: serif; vertical-align: text-bottom; content: /*"↗"*/ " w" ; } /* mark Yt video links */ .WikiaArticle a[href*="youtube.com/watch"]:after { background-image: url("https://s.ytimg.com/yts/img/favicon_32-vflWoMFGx.png"); background-size:12px 12px; width:12px; background-position:0; }

/* floatlist (name unrelated now since we're now using display:inline-block) */ .floatlist ul, .floatlist2 ul { list-style-type: none !important; list-style-image: none; margin:0px !important; padding:0px !important; } /* overrides table bullet list adjustments */ .article-table.floatlist ul, .article-table.floatlist2 ul { margin-left:0 !important } .floatlist li, .floatlist2 li { display: inline-block; padding-right: 5px !important; } .floatlist li:before { content: "• " }

/* class floatlist2 with alternate style "|" */ .floatlist2 li:not(:last-child):after { content: "|" }

/* hides picture attributions (uploader is not always the creator/artist) */ .picture-attribution {display:none !important }

/* RUNNING REPAIRS FOR video thumbnails not obeying parent (in FC template)*/ center figure {float:none !important} center figcaption {text-align:center !important}

/* minor adjustments for the YT link popup */ /* (crucial stylings are already inline) */ .module.YTlinkmodule { border-width:2px; /* same as chat module when hovered over */ box-shadow:0px 0px 10px white !important; }

/* Parody feed's embedded player size adjustments */ width:250px; height:170px }
 * 1) DPFparodies object {

/* === NEWS ENHANCEMENTS === */ /* disabling edit links on main page news */ .scrollbox-news h2 .editsection, .scrollbox-news h3 .editsection, .scrollbox-news h4 .editsection, .scrollbox-news h5 .editsection { display:none } .scrollbox-news { resize:vertical } .scrollbox-news table.mw-collapsible, .page-Hitler_Parody_Wiki_News table.mw-collapsible { border-collapse:collapse } /* Highlight for news items deserving it */ .newshighlight { background-color:rgba(160,160,160,0.3) }

/* a very dirty css counter property utilization for template:count */ body { counter-reset:csscount } span.css-count:after { counter-increment:csscount; content: counter(csscount); } /* 23 Oct 12 - Specialized counter for List of Untergangers * and disabled the count template in it * (for compatibility reasons the first column MUST ALWAYS be the index column) */ table.untergangers { counter-reset:unterganger-count; } table.untergangers td.index:after, table.untergangers td:first-child:after { counter-increment:unterganger-count; content: counter(unterganger-count); } table.untergangers td.index .css-count:after { content:"" !important; }

/* Improving visibility of RC diff number */ .mw-plusminus-pos, .mw-plusminus-neg, .mw-plusminus-null { text-shadow: 0 0 3px black; } .mw-plusminus-pos { color: lime; } .mw-plusminus-neg { color: red; }

/* -- skin for navigation boxes -- */ /* carefully adjusted from default for Hitler Parody Wiki by mfaizsyahmi*/ /* (currently only supporting tables, divs would be too unreadable)*/ table.navbox { background-color: rgb(66,66,66); border: 1px solid rgb(106,106,106); clear: both; font-size: 90%; /*margin: 1em 0em 0em;*/ padding: 2px; /*text-align: left; */ width: 100%; /* the following are from infobox */ border-radius: 0px 13px 0px 0px; } /* Top header? */ table.navbox th { background-color: #555555; color: #ffffff; padding-left: 3px; padding-right: 3px; /* from infobox */ border-radius:0px 8px 0px 0px; }

/* Content header? */ table.navbox tr:not(:first-child) th { background-color: rgb(85, 85, 85); text-align: left; /* from infobox */ border-top: 1px solid rgb(106,106,106); }

/* from infobox */ .navbox > tbody > tr > td { border-top: 1px solid rgb(106,106,106); font-size:90%; }

.navbox .navbox th, .navbox .subnavbox th { font-size:123%; background-color: #555555; color: #ffffff; }

.navbox .navbox td, .navbox .subnavbox td {font-size:111%}

.navbox.downfallscenes .selflink, .navbox.characters .selflink{ font-size:1.2em }

/* === USERBOXES === */ table.userbox { float:left; margin:0.2em; padding:0; border-width:1px; border-style:solid; } table.userbox td.left, table.userbox td.right { text-align:center; vertical-align:middle; font-size:1.6em; padding:0; } table.userbox td.main { padding:0 4px; vertical-align:middle; line-height:125%; font-size:0.9em; }

table.userbox { border-color:#4E4E4E; background:#323232; /*#f8f8f8*/ } table.userbox td.left, table.userbox td.right { background:#151515; /*#d8d8d8*/ }

/* APPEND TEXT TO FILE UPLOAD INTERFACES TELLING DOUCHEBAGS TO NAME FILES PROPERLY */ table#ImageUploadInputTable tr#ImageUploadUpload td:nth-child(2):after, .WikiaPhotoGalleryEditorPageInner:not(.WikiaPhotoGalleryPreviewPage):not(.clearfix) h1 + p:after { display:block; font-style:italic; font-weight:bold; font-size:2.5em; line-height:1.5em; color:red; text-shadow: 0px 0px 5px black; content: "Please name your files appropriately as outlined in the wiki's Manual of Style." }
 * 1) mw-upload-permitted:after,

/* === Template:Ambox designs === */ /* Ambox design */ .ambox { width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #555555; } /* 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 */

/******************** YT LINK POPUP ********************/ .yt-popup-container {display:none; /* solves that flashing problem */} .yt-vid-popup { line-height: normal; background-color: rgba(24, 24, 24, 0.9); font-style: normal; font-weight: normal; text-align: left; font-size: 13px; width: 360px; box-shadow: 1px 1px 5px black; padding: 6px; min-height: 90px; border-radius:2px; } .yt-vid-popup .thumbnail { display:inline-block; width:120px; height:90px; float:left; position:relative; margin-right:5px; background-color: gray; } .yt-vid-popup .thumbnail .duration { position:absolute; bottom:3px; right:3px; padding:2px; background-color: rgba(0,0,0,0.5); color:white; font-weight:bold; font-size:0.9em; } .yt-vid-popup .loading, .yt-vid-popup .failed {display:inline} .yt-vid-popup .info { display:inline-block; width: 235px; vertical-align:top; position:relative; } .yt-vid-popup .title { max-height:2.5em; /* this must be in em so that it matches the text's relative size */ display:block; font-weight:bold; overflow:hidden; } .yt-vid-popup .hd { position:absolute; right:0px; color: white; background-color:#999; padding: 2px 4px; display:none; /* initial */ border-radius:2px; } .yt-vid-popup .rating { position:absolute; right:0px; } .yt-vid-popup .ratingBar { height:3px; width: 100%; background: gray; } .yt-vid-popup .rating-like { height:3px; display:block; float:left; background: #00aa00 } .yt-vid-popup .rating-dislike { height:3px; display:block; float:right; background: #aa0000 } /******************** END OF YT LINK POPUP ********************/

/* something for the :stopmusic: button */ display:block; position:absolute; float:left; background-color:#333333; padding:3px; border: 1px solid black; }
 * 1) stopmusic div { display:none }
 * 2) stopmusic:hover div {

/* Make edit notices more visible */ .mw-editnotice {color:black !important; background-color:#ffffbb !important}

/* For UserTags */ a.tag { color: inherit; }

/* Stylesheet for stub notices */

background: none repeat scroll 0 0 #323232; border: 1px solid #7b7a7a; clear: both; font-size: 90%; padding: 4px; text-align: center; }
 * 1) stub.notice metadata plainlinks {

/* Tutorial navbox */ table#tutorial { border:1px solid #6B6A6A; background:radial-gradient(#3a3a3a, #2a2a2a); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.375); padding: 0.5em; border-radius: 3px; font-size:95%; }