MediaWiki:Monobook.css: Difference between revisions
mNo edit summary |
Jack Phoenix (talk | contribs) (+some tweaks for social stuff) |
||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Monobook skin */ | /* CSS placed here will affect users of the Monobook skin */ | ||
/* Removes discussion and edit links from User profile namespace, thanks Splarka. --Jack Phoenix */ | |||
body.ns-202 #ca-talk { display: none; } | |||
body.ns-202 #ca-edit { display: none; } | |||
/* For positioning icons at top-right, used in Templates | /* For positioning icons at top-right, used in Templates | ||
"Spoken Article" and "Featured Article" */ | "Spoken Article" and "Featured Article" */ | ||
div.topicon { | div.topicon { | ||
position:absolute; | position:absolute; |
Revision as of 18:26, 6 May 2008
/* CSS placed here will affect users of the Monobook skin */ /* Removes discussion and edit links from User profile namespace, thanks Splarka. --Jack Phoenix */ body.ns-202 #ca-talk { display: none; } body.ns-202 #ca-edit { display: none; } /* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ div.topicon { position:absolute; z-index:100; top:10px; display: block !important; } /* try adding here, this had no effect in [[MediaWiki:Common.css]] */ .plainlinksneverexpand a.external.text:after { display: none !important } #coordinates { position:absolute; z-index:1; border:none; background:none; right:30px; top:3.7em; float:right; margin:0.0em; padding:0.0em; line-height:1.5em; text-align:right; text-indent:0; font-size:85%; text-transform:none; white-space:nowrap; } @media screen, projection { #column-google { width: 120px; clear: left; position: absolute; padding: 35px 0px 0px 3px; float: right; right: 0px; top: 10px; z-index: 1; } #column-content { width: 100%; <!-- IE60Fixes.css / float: right; --> <!-- IE60Fixes.css / margin: 0 0 .6em -12.2em; --> padding: 0; } #content_withads { <!-- IE60Fixes.css / margin: 2.8em 125px 0 12.2em; --> padding: 0em 1em 1.5em 1em; background: none; border: 1px solid #AAAAAA; line-height: 1.5em; position: relative; z-index: 2; } #content { /*margin: 2.8em 0 0 12.2em;*/ padding: 0 1em 1.5em 1em; background: #FFF; color: #111111; border: 1px solid #333333; line-height: 1.5em; position: relative; z-index: 2; } .content-noads { margin: 2.8em 0 0 12.2em; border-right: none; } .content-ads { margin: 2.8em 125px 0 12.2em; } #column-one { padding-top: 160px; } body{ background: #2E2E33 url("http://memory-alpha.org/en/images/b/b1/Ma_background.png") 0 0 repeat; font: x-small sans-serif; color: #FFFFFF; margin: 0; padding: 0; } /* general styles */ table { background: #FFF; font-size: 100%; color: #111; } a { text-decoration: none; color: #22F; background: none; } a:visited { color: #64F; } a:active { color: #226; } a:hover { text-decoration: underline; } a.stub { color: #88F; } a.new, #p-personal a.new { color: #DD5010 !important; } a.new:visited, #p-personal a.new:visited { color: #DD5010 !important; } a.new:hover, #p-personal a.new:hover { text-decoration: underline; } #bodyContent a.extiw, #bodyContent a.extiw:active { color: #48F; background: none; padding: 0; } #bodyContent a.external { color: #48F; } img { border: none; vertical-align: middle; } p { margin: .4em 0 .5em 0; line-height: 1.5em; } p img { margin: 0; } /* user notification thing */ .usermessage { /*background-color: #394A5C;*/ border: 1px solid #66BBFF; /*color: #FFFFFF;*/ font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; text-align: center; } #siteNotice { text-align: center; font-size: 95%; padding: 0 .9em; } #siteNotice p { margin: 0; padding: 0; } .error { color: #FF0000; font-size: larger; } .errorbox, .successbox { font-size: larger; border: 2px solid; padding: .5em 1em; float: left; margin-bottom: 2em; color: #000; } .errorbox { border-color: #660000; background-color: #401F22; color: #FF0000; } .successbox { border-color:#66BBFF; background-color: #394A5C; } .errorbox h2, .successbox h2 { font-size: 1em; font-weight: bold; display: inline; margin: 0 .5em 0 0; border: none; } #catlinks { border: 1px solid #111; background-color: #2E2E33; color: #FFF; padding: 5px; margin-top: 1em; clear: both; } #catlinks a { color: #FFF;} /* ** Structural Elements */ /* ** general portlet styles (elements in the quickbar) */ .portlet { border: none; margin: 0 0 .5em; padding: 0; float: none; width: 11.6em; overflow: hidden; color: #FFF; } .portlet h4 { font-size: 95%; font-weight: normal; white-space: nowrap; color: #FFF; } .portlet h5 { background: transparent; padding: 0 1em 0 .5em; display: inline; height: 1em; text-transform: lowercase; font-size: 91%; font-weight: normal; white-space: nowrap; color: #FFF; } .portlet h6 { background: #ffae2e; border: 1px solid #AAAAAA; border-style: solid solid none solid; padding: 0 1em 0 1em; text-transform: lowercase; display: block; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap; color: #FFF; } .pBody { font-size: 95%; background-color: #2E2E33; color: #FFFFFF; border-collapse: collapse; border: 1px solid #AAAAAA; padding: 0 .8em .3em .5em; } .portlet h1, .portlet h2, .portlet h3, .portlet h4 { margin: 0; padding: 0; } .portlet ul { line-height: 1.5em; list-style-type: square; list-style-image: url("/en/skins3/monobook/bullet.gif"); font-size: 95%; } .portlet li { padding: 0; margin: 0; color: #FFF; } .portlet a { color: #FFF; } /* ** Logo properties */ #p-logo { z-index: 3; position: absolute; /*needed to use z-index */ top: 0; left: 0; height: 155px; width: 12em; overflow: visible; } #p-logo h5 { display: none; } #p-logo a, #p-logo a:hover { display: block; height: 155px; width: 12.2em; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; } /* ** the navigation portlet */ #p-navigation { position: relative; z-index: 3; } #p-navigation .pBody { padding-right: 0; } #p-navigation a { display: block; color: #FFF; } #p-navigation li.active a, #p-navigation li.active a:hover { text-decoration: none; display: inline; font-weight: bold; } /* ** Search portlet */ #p-search { position: relative; z-index: 3; } input.searchButton { margin-top: 1px; font-size: 95%; } #searchGoButton { padding-left: .5em; padding-right: .5em; font-weight: bold; } #searchInput { width: 10.9em; margin: 0; font-size: 95%; } #p-search .pBody { padding: .5em .4em .4em .4em; text-align: center; } /* ** the personal toolbar */ #p-personal { width: 100%; white-space: nowrap; padding: 0; margin: 0; position: absolute; left: 0; top: 0; z-index: 0; border: none; background: none; overflow: visible; line-height: 1.2em; } #p-personal h5 { display: none; } #p-personal .portlet, #p-personal .pBody { padding: 0; margin: 0; border: none; z-index: 0; overflow: visible; background: none; } /* this is the ul contained in the portlet */ #p-personal ul { border: none; line-height: 1.4em; color: #AAAAAA; padding: 0 2em 0 3em; margin: 0; text-align: right; text-transform: lowercase; list-style: none; z-index: 0; background: none; cursor: default; } #p-personal li { z-index: 0; border: none; padding: 0; display: inline; color: #AAAAAA; margin-left: 1em; line-height: 1.2em; background: none; } #p-personal li.active { font-weight: bold; } #p-personal li a { text-decoration: none; color: #66BBFF; padding-bottom: .2em; background: none; } #p-personal li a:hover { padding-bottom: .2em; text-decoration: underline; background: none; } #p-personal li.active a:hover { background-color: transparent; } /* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: url(/graphics/user.gif) top left no-repeat; padding-left: 20px; text-transform: none; } /* ** the page-related actions- page/talk, edit etc */ #p-cactions { position: absolute; top: 1.3em; left: 11.5em; margin: 0; white-space: nowrap; width: 76%; line-height: 1.1em; overflow: visible; background: none; border-collapse: collapse; padding-left: 1em; list-style: none; font-size: 95%; } #p-cactions .hiddenStructure { display: none; } #p-cactions ul { list-style: none; } #p-cactions li { display: inline; <!-- IE60Fixes.css / border: 1px solid #AAAAAA; --> <!-- IE60Fixes.css / border-bottom: none; --> <!-- IE60Fixes.css / padding: 0 0 .1em 0; --> border-color: #AAAAAA; margin: 0 .3em 0 0; overflow: visible; background: #2E2E33; } #p-cactions li.selected { border-color: #AAAAAA; padding: 0 0 .2em 0; font-weight: normal; } #p-cactions li a { background-color: #222222; color: #FFFFFF; <!-- IE60Fixes.css / border: none; --> <!-- IE60Fixes.css / padding: 0 .8em .3em; --> text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; margin: 0; } #p-cactions li.selected a { z-index: 3; background-color: #FFF; color: #333; font-weight:bold; <!-- IE60Fixes.css / padding: 0 1em .2em!important; --> border-color: #AAAAAA; } #p-cactions .new a { color: #DD5010 !important; } #p-cactions li a:hover { z-index: 3; text-decoration: none; background-color: #FFF; color: #22D; } #p-cactions h5 { display: none; } #p-cactions li.istalk { margin-right: 0; } #p-cactions li.istalk a { padding-right: .5em; } #p-cactions #ca-addsection a { padding-left: .4em; padding-right: .4em; } /* offsets to distinguish the tab groups */ li#ca-talk { margin-right: 1.6em; } li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print { margin-left: 1.6em; } /* ** the remaining portlets */ #p-tbx, #p-lang { position: relative; z-index: 3; } /* TODO: #t-iscite is only used by the Cite extension, come up with some * system which allows extensions to add to this file on the fly */ #t-ispermalink, #t-iscite { color: #999; } /* ** footer */ #footer { background-color: #2E2E33; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; <!-- IE60Fixes.css / margin: .6em 0 1em 0; --> padding: .4em 0 1.2em 0; text-align: center; font-size: 90%; } #footer li { display: inline; margin: 0 1.3em; } #footer a{ color: #AAF; } pre { padding: 1em; border: 1px dashed #AAAAAA; color: #FFFFFF; background-color: #444; line-height: 1.1em; } }