User:Bawitdaba/monobook.css

/* ######################################################################## */ /* ###    CSS placed here will be applied to the Monobook skin. ### */ /* ###    See also: MediaWiki:Common.css ; MediaWiki:Wikia.css         ### */ /* ######################################################################## */ /* #p-logo a, #p-logo a:hover { background:url("https://static.miraheze.org/sonicwiki/f/f3/Sonic_background.png") no-repeat scroll bottom center transparent !important; } */

body { background:url("https://static.miraheze.org/sonicwiki/f/f3/Sonic_background.png") #000 !important; background-attachment:fixed; background-position:center top; } 	background:white; border:4px solid #00F !important; color:#000000 !important; margin:56px 50px 0 12.2em !important; min-width:800px; border-right:2px solid #00F !important; border-radius:20px 20px 20px 20px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; -o-border-radius:20px 20px 20px 20px; -khtml-border-radius:20px 20px 20px 20px; -moz-box-shadow:0 0 15px #000000 !important; -webkit-box-shadow:0 0 15px #000000 !important; -khtml-box-shadow:0 0 15px #000000 !important; -o-box-shadow:0 0 15px #000000 !important; box-shadow:0 0 15px #000000 !important; }	color: #00F; }	color: #00F; } pre { background:#BABABA; border:2px dashed #00F; color:#000; overflow:auto; } code { background:#BABABA; color: #FFF; } table.toc, #catlinks, ul#filetoc { color: #fff; background: white; border:2px solid #00F; border-radius:20px 20px 20px 20px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; -o-border-radius:20px 20px 20px 20px; -khtml-border-radius:20px 20px 20px 20px; } a, a:visited, #bodyContent a.external, #bodyContent a[href^="gopher://"] {color:#1E90FF;} a:active {color:#00F;} h1, h2, h3, h4, h5, h6 { color:#000000 !important; overflow:hidden; } /* THUMB */ div.thumb div { background:#FFFFFF; border-color:#A9A9A9; color: #000; } div.thumb div a img { border-color:#A9A9A9; } div.tright, div.tleft { border:1px solid #A9A9A9; } /* ######################### */ /* ##      SIDEBAR       ## */ /* ######################### */ body.skin--responsive #sidebar .pBody { background: white; border:4px solid #00F !important; border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -o-border-radius:0 10px 10px 0; -khtml-border-radius:0 10px 10px 0; } body.skin--responsive #sidebar .portlet h5, ul#navlist li a, ul#navlist li#active span, #graphicalspotlight1 span { background-color: none; color: black !important; padding: 2px 2px 2px 2px; font-size: 10pt; font-weight: bold; width: 100%; margin-bottom: 2px; text-transform: capitalize; cursor: default; } body.skin--responsive #sidebar .portlet h5 { text-align: center !important; }
 * 1) content {
 * 1) bodyContent a.extiw,
 * 2) bodyContent a.extiw:active {
 * 1) bodyContent a.external {
 * 1) catlinks {color:#00F}

body.skin--responsive #sidebar .portlet h3 { color:#FFF !important; }

body.skin--responsive #sidebar .pBody a { color: #00F; font-weight:bold !important; }

/* ######################### */ /* ##      PAGETABS      ## */ /* ######################### */ body.skin--responsive #p-cactions { margin:20px 0 0 !important; width:650px; z-index:4; } body.skin--responsive #p-cactions li.selected a{ 	background: white; } body.skin--responsive #p-cactions li a { background-color:white; color:#000000 !important; -moz-border-radius:4px 4px 0 0; } body.skin--responsive #p-cactions li.selected a:hover {background:#FFFFFF;} body.skin--responsive #p-cactions li a:hover { background-color:transparent; color:#000000 !important; text-decoration:underline; } body.skin--responsive #p-cactions li.selected {border-color:#00F;} body.skin--responsive #p-cactions li { background: white; border-width: 2px 2px 0; border-color: #00F; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; padding: 0 0 5px 0; } /* ######################### */ /* ##      HEADER        ## */ /* ######################### */ @media all and (min-width: 551px) { body.skin-monobook li#pt-login, body.skin-monobook li#pt-userpage, body.skin-monobook li#pt-anonuserpage { color: #606060; padding: 1px 0 2px 20px; line-height: 20px; } }
 * 1) ca-edit a { font-weight: bold !important; }

@media all and (min-width: 551px) { body.skin-monobook #p-personal ul { background: #FFFFFF; border-left: 1px solid #00F; border-bottom: 1px solid #00F; width: auto; display: inline; position: absolute; right: 0; padding-left: 0px; padding-bottom: 0px; margin-top: -1px; border-radius:0px 0px 0px 20px; -moz-border-radius:0px 0px 0px 20px; -webkit-border-radius:0px 0px 0px 20px; -o-border-radius:0px 0px 0px 20px; -khtml-border-radius:0px 0px 0px 20px; } }

/* ######################### */ /* ##      FOOTER        ## */ /* ######################### */ 	background:white; border-bottom:2px solid #00F !important; border-top:2px solid #00F !important; border-left:2px solid #1E90FF !important; border-right:2px solid #1E90FF !important; border-radius:20px 20px 20px 20px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; -o-border-radius:20px 20px 20px 20px; -khtml-border-radius:20px 20px 20px 20px; color:#000000; padding:5px;} /* ######################### */ /* ##      HISTORY       ## */ /* ######################### */	background-color: #FFFFFF; border: 1px dashed #AAA; color: #000; /* ######################### */ /* ##   SPECIAL PAGES    ## */ /* ######################### */ h4.mw-specialpagesgroup { background-color: #FFFFFF !important; color: #000; } .not-patrolled { background-color: #FFF;} /* Special:RecentChanges */ .minor { color: #000000; font-weight: bold; } .newpage { color: #000000; font-weight: bold; } .bot { color: #000000; font-weight: bold; } /* Special:ListFiles */ .TablePager td { background-color: #FFFFFF; border:1px solid #000000; color: #000; } .TablePager tr:hover td { background-color: #FFFFFF;} .TablePager th { background-color: #FFFFFF; border:1px solid #000000; color: #000; } .TablePager, .TablePager td, .TablePager th { border:1px solid #000000; padding:0 0.15em; } .imagelist th.TablePager_sort { background-color: #FFFFFF;} /* Tabs at Special:MyHome and Special:Signup */ body.page-Special_MyHome .wikia-tabs .selected, body.page-Special_Signup .wikia-tabs .selected { background:none repeat scroll 0 0 transparent !important; border-bottom:1px solid #EEC947; } body.page-Special_MyHome li.accent, body.page-Special_Signup li.accent{ background-color:#FFFFFF !important; } li#wpGoLogin .selected, li#wpGoRegister .selected { background-color:#FFFFFF !important; border-bottom:1px solid #000000 !important; } body.page-Special_MyHome .wikia-tabs a, body.page-Special_Signup .wikia-tabs a{ color:#000000;} .neutral_ajaxLogin h1 { color:#EEC947;} /* Special:ProblemReports */ .problemReportsList thead tr { background: #FFFFFF !important; color: #000 !important; } .problemReportsList .odd { background-color: #FFFFFF !important; color: #000 !important; } /* Special:Preferences */ color: #000000 !important; background-color: #FFFFFF !important; border: 1px solid #b5b5b5; }	background-color: #FFFFFF; border: 1px solid #b5b5b5; }	color: #000000; }	background-color: #FFFFFF; color: #000000; border: 1px solid #b5b5b5; }	color: #FFFFFF; } /* Special:CreateBlogPage & Special:CreateBlogListingPage */ color:#c7c7c7; } /* ######################### */ /* ##  SYSTEM MESSAGES   ## */ /* ######################### */ div.noarticletext { background: #FFFFFF; border-color: #FFFFFF; color: #000; } .usermessage, .editsimilar { background: white; border:2px solid #008E00; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; -o-border-radius:10px 10px 10px 10px; -khtml-border-radius:10px 10px 10px 10px; color: #000000; margin:0.3em 0 1em; } /* ######################### */ /* ##    FILE PAGES      ## */ /* ######################### */ table.mw_metadata td, table.mw_metadata th{ background-color: #FFFFFF; color: #000; } /* ##################################### */ /* ## GALLERY & SLIDESHOW Extension  ## */ /* ##################################### */ span.wikia-gallery-add{ display:none !important; } a.wikia-slideshow-addimage { color:#ababab; } .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-width:0; margin:1px auto; } .wikia-gallery-item .thumb { background:#FFFFFF; border:1px solid grey; } .wikia-slideshow-images { background:#FFFFFF; border:1px solid grey; } /* ######################### */ /* ## TABVIEW EXTENSION  ## */ /* ######################### */ /*Center the tabs*/ .yui-nav, .yui-nav li{ text-align: center;} /*Style of the 'off' tabs */ .yui-navset .yui-nav li.tabOff, .yui-navset .yui-nav li.tabOn { padding: 0px 10px; border-top: 1px solid #000000; border-left: 1px solid #020909; border-right: 1px solid #020909; border-bottom: 0px; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; -o-border-radius: 8px 8px 0px 0px; -khtml-border-radius: 8px 8px 0px 0px; } /* Style of the 'on' tab */ .yui-navset .yui-nav li.tabPinned { background-color: #FFFFFF; padding:0 9px; color: #000000; border-top: 2px solid #000000; border-left: 2px solid #6A8E37; border-right: 2px solid #6A8E37; border-bottom: 0px; box-shadow:0 4px 5px #6A8E37 inset; -moz-box-shadow:0 4px 5px #6A8E37 inset; -webkit-box-shadow:0 4px 5px #6A8E37 inset; -o-box-shadow:0 4px 5px #6A8E37 inset; -khtml-box-shadow:0 4px 5px #6A8E37 inset; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; -o-border-radius: 8px 8px 0px 0px; -khtml-border-radius: 8px 8px 0px 0px; } /* keep the side padding, but enforce no gap between content area and tabs */ .yui-content { margin-top: 0; padding-top: 0.25em; padding-left: 0.5em; padding-right: 0.5em; } /* ######################### */ /* ##     BLOGLISTS      ## */ /* ######################### */ .WikiaBlogListingBox{ display:none;} .wk_blogs_details{ font-size: 90%;} .wk_blogs_link{ font-weight: bold;} .wk_blogs_date{ padding-right:5px;} .wk_blogs_comments{ font-size: 90%; text-align: right; padding-bottom: 4px; } div.wk_blogs_panel ul.list li li { border: none !important;} /* Blog list articles */ list-style:none; margin: 0; padding: 0 10px; }	border-bottom: 1px solid #D9D9D9; margin-bottom: 0.8em; }   font-size: 130%; font-weight: bold; }	font-size: 90%; margin-left: 1.5em; }   margin: 0.3em 0 1em; padding-left: 0; }	display: inline; padding-right: 4px; font-size: 11.5px; } /* ######################### */ /* ## Bloglist Template  ## */ /* ######################### */ td.navybackground { background:#CECECE; !important;} td.navybackground div.wk_blogs_panel{ margin:0 2px 0 0; width:auto !important; } td.navybackground div.wk_blogs_panel .wk_blogs_summary{ margin-left:2px; } td.navybackground div.wk_blogs_panel .wk_blogs_title { display:none; } td.navybackground div.wk_blogs_panel ul.list { margin:0 0 0 4px; } td.navybackground div.wk_blogs_panel ul.list li { border-bottom:1px solid grey; margin-top:4px !important; }
 * 1) footer {
 * 1) f-poweredbyico, #f-copyrightico { margin:8px;}
 * 1) pagehistory li { border: 1px solid #555;}
 * 2) pagehistory li.selected {
 * 1) AjaxLoginBox .neutral_ajaxLogin { padding-bottom: 25px;}
 * 1) preferences, .prefsection table, .prefsection legend{
 * 1) preftoc li {
 * 1) preftoc li a {
 * 1) preftoc li.selected {
 * 1) preftoc li.selected a {
 * 1) blogPostForm, #blogInfo {
 * 1) wk_blogs_article ul.list{
 * 1) wk_blogs_article li.list{
 * 1) wk_blogs_article .wk_blogs_link {
 * 1) wk_blogs_article .wk_date {
 * 1) wk_blogs_article .wk_date .left{ padding-right: 0.5em;}
 * 2) wk_blogs_article .wk_blogs_comments ul.links {
 * 1) wk_blogs_article .wk_blogs_comments ul.links li {
 * 1) wk_blogs_article .wk_blogs_comments ul.links li.blog-comment { border-right: 1px solid grey;}

/* remove talk link from forum namespace -Splarka */ body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li { display:none; } .tag:before { content: '[' } .tag:after { content: ']' } .tag { font-size: 10pt; vertical-align: middle; } .tag-container > .tag:first-child { margin-left: 1ex; }

/* Echo extension */ height: 16px; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge,
 * 2) pt-notifications-notice .mw-echo-notifications-badge {