MediaWiki:Monobook.css: Difference between revisions

(+some tweaks for social stuff)
(fix paths)
 
Line 1: Line 1:
/* CSS placed here will affect users of the Monobook skin */
.spoilertop{
/* Removes discussion and edit links from User profile namespace, thanks Splarka. --Jack Phoenix */
background: #E4EAF2 url(http://secret.grandtheftwiki.com/style_images/1/css_img_spoiler.gif) no-repeat right;
body.ns-202 #ca-talk { display: none; }
border: 1px dotted #000;
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;
color: #000;
}
            width: 90%;
.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;
font-weight: bold;
display: inline;
font-size: 10px;
margin: 0 .5em 0 0;
margin: 8px auto 0 auto;
border: none;
padding: 4px;
}
}


#catlinks {
.spoilermain{
border: 1px solid #111;
background: #FAFCFE;
background-color: #2E2E33;
border: 1px dotted #000;
color: #FFF;
            border-top: 0;
padding: 5px;
color: #465584;
margin-top: 1em;
            width: 90%;
clear: both;
padding: 4px;
margin: 0 auto 8px auto;
}
}
#catlinks a { color: #FFF;}


 
.quotetop{
/*
background: #E4EAF2 url(http://secret.grandtheftwiki.com/style_images/1/css_img_quote.gif) no-repeat right;
** Structural Elements
border: 1px dotted #000;
*/
border-bottom: 0;
 
border-left: 4px solid #8394B2;
/*
color: #000;
** 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;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
}
}


 
.quotemain{
/*
background: #FAFCFE;
** Search portlet
border: 1px dotted #000;
*/
border-left: 4px solid #8394B2;
#p-search {
border-top: 0;
position: relative;
color: #465584;
z-index: 3;
padding: 4px;
}
margin: 0 auto 8px auto;
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;
}
}


/*
.codetop,
** the personal toolbar
.sqltop,
*/
.htmltop{
 
background: #FDDBCC url(http://secret.grandtheftwiki.com/style_images/1/css_img_code.gif) no-repeat right;
#p-personal {
color: #000;
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;
font-weight: bold;
}
margin: 0 auto 0 auto;
#p-personal li a {
padding: 3px;
text-decoration: none;
width: 98%;
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;
}
}


/*
.codemain,
** the page-related actions- page/talk, edit etc
.sqlmain,
*/
.htmlmain{
#p-cactions {
background: #FAFCFE;
position: absolute;
border: 1px dotted #000;
top: 1.3em;
color: #465584;
left: 11.5em;
font-family: Courier, Courier New, Verdana, Arial;
margin: 0;
margin: 0 auto 0 auto;
white-space: nowrap;
padding: 2px;
width: 76%;
width: 98%;
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 {
.textmain{
border-color: #AAAAAA;
font-family: Courier, Courier New, Verdana, Arial;
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;
}
 
 
}
}

Latest revision as of 20:38, 11 August 2009

.spoilertop{
	background: #E4EAF2 url(http://secret.grandtheftwiki.com/style_images/1/css_img_spoiler.gif) no-repeat right;
	border: 1px dotted #000;
	color: #000;
             width: 90%;
	font-weight: bold;
	font-size: 10px;
	margin: 8px auto 0 auto;
	padding: 4px;
}

.spoilermain{
	background: #FAFCFE;
	border: 1px dotted #000;
             border-top: 0;
	color: #465584;
             width: 90%;
	padding: 4px;
	margin: 0 auto 8px auto;
}

.quotetop{
	background: #E4EAF2 url(http://secret.grandtheftwiki.com/style_images/1/css_img_quote.gif) no-repeat right;
	border: 1px dotted #000;
	border-bottom: 0;
	border-left: 4px solid #8394B2;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	margin: 8px auto 0 auto;
	padding: 3px;
}

.quotemain{
	background: #FAFCFE;
	border: 1px dotted #000;
	border-left: 4px solid #8394B2;
	border-top: 0;
	color: #465584;
	padding: 4px;
	margin: 0 auto 8px auto;
}

.codetop,
.sqltop,
.htmltop{
	background: #FDDBCC url(http://secret.grandtheftwiki.com/style_images/1/css_img_code.gif) no-repeat right;
	color: #000;
	font-weight: bold;
	margin: 0 auto 0 auto;
	padding: 3px;
	width: 98%;
}

.codemain,
.sqlmain,
.htmlmain{
	background: #FAFCFE;
	border: 1px dotted #000;
	color: #465584;
	font-family: Courier, Courier New, Verdana, Arial;
	margin: 0 auto 0 auto;
	padding: 2px;
	width: 98%;
}

.textmain{
	font-family: Courier, Courier New, Verdana, Arial;
}