Difference between revisions of "MediaWiki:Monobook.css"

From Grand Theft Wiki
Jump to: navigation, search
(+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;
 +
padding: 3px;
 +
width: 98%;
 
}
 
}
#p-personal li a {
 
text-decoration: none;
 
color: #66BBFF;
 
padding-bottom: .2em;
 
background: none;
 
  
 +
.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%;
 
}
 
}
#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;
 
}
 
 
  
 +
.textmain{
 +
font-family: Courier, Courier New, Verdana, Arial;
 
}
 
}

Latest revision as of 21: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;
}