Difference between revisions of "MediaWiki:Monobook.css"

From YTMND
Jump to: navigation, search
 
(69 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
/* <pre><nowiki> */
 
/* <pre><nowiki> */
/* edit this file to customize the monobook skin for the entire site */
+
/* edit this file to customize the monobook skin to look similar to YTMND's site */
  
  
 
/* convert side boxes to YTMND style */
 
/* convert side boxes to YTMND style */
  
/* take that retarded Monobook background */
+
/* take out that retarded Monobook background */
body {
+
body {
background: #fff;
+
    background: url(http://wiki.ytmnd.com/images/b/b9/Back.png) repeat;
 
}
 
}
  
 
/* Colors the sidebar */
 
/* Colors the sidebar */
 
.portlet {
 
.portlet {
    border-style: solid;
+
background-color: #f60;
    border-width: 1px;
+
border: 1px solid #ccc;
    border-color: #eeeeee #000000 #000000 #eeeeee;
+
    background-color: #f5f5f5;
+
    background-image: url(http://66.254.99.158/assets/images/ytmnd/grad.png);
+
    background-repeat: repeat-y;
+
    margin-left: 3px;
+
    margin-right: 3px;
+
 
}
 
}
  
 
.pBody {
 
.pBody {
background: none;
+
    background-color: #f3efe5;
border: none;
+
}
 +
 
 +
/* 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(/images/c/c2/Mail.gif) top left no-repeat;
 +
padding-left: 20px;
 +
background-position: 0 1px;
 
}
 
}
  
 
/* Set the fonts for the sidebar headers */
 
/* Set the fonts for the sidebar headers */
 
.portlet h5 {
 
.portlet h5 {
     font-family: 'Century Gothic', 'Gothic', sans-serif;
+
     font-face: "Arial", "Helvectica", sans-serif;
     font-size: 12pt !important;
+
    color: white;
 +
     font-size: 10pt;
 +
    text-transform: uppercase;
 
}
 
}
  
Line 37: Line 42:
 
background: transparent;
 
background: transparent;
 
border: none;
 
border: none;
 +
}
 +
 +
/* Use [[:Image:Wiki.gif]] as logo for all modern browsers */
 +
#p-logo a {
 +
background-image: url('http://wiki.ytmnd.com/images/3/38/Wiki.gif') !important;
 
}
 
}
  
Line 42: Line 52:
 
#p-cactions {
 
#p-cactions {
 
border: none;
 
border: none;
 +
background: transparent;
 
}
 
}
  
 
/* Color tabs */
 
/* Color tabs */
 
#p-cactions li {
 
#p-cactions li {
     background: #f5f5f5;
+
     background: #e6dfcb !important;
 +
    border: solid 2px #C0C7C0 !important;
 +
    -moz-border-radius-topleft: 4px;
 +
    -moz-border-radius-topright: 4px;
 +
}
 +
 
 +
#p-cactions li:hover {
 +
    background-color: #e6dfcb !important;
 
}
 
}
  
 
#p-cactions li.selected {
 
#p-cactions li.selected {
     border-color: #c00;
+
     border: solid 2px #CFC8CF !important;
     padding: 0 0 .2em 0;
+
    background-color: #F0F7F0 !important;
 +
     border-bottom: solid 1px #f0f7f0 !important;
 +
}
 +
 
 +
#p-cactions li.selected a {
 +
    background-color: transparent !important;
 +
    font-weight: normal !important;
 
}
 
}
  
 
#p-cactions li a {
 
#p-cactions li a {
     background-color: transparent;
+
     background-color: transparent !important;
 +
    font-family: "Trebuchet MS", "Helvectica", sans-serif !important;
 +
    color: #000;
 +
}
 +
 
 +
#p-cactions li a:hover {
 +
    background-color: transparent !important;
 +
    color: #000 !important;
 
}
 
}
  
 
/* colors the main section */
 
/* colors the main section */
 
#content {
 
#content {
    border-style: solid;
+
  background-color: #e6dfcb;  
    border-width: 1px;
+
  background-image: none;
    border-color: #eeeeee #000000 #000000 #eeeeee;
+
  border: 1px solid #ccc;
    background-color: #f5f5f5;
+
}
    background-image: url(http://66.254.99.158/assets/images/ytmnd/grad.png);
+
    background-repeat: repeat-y;
+
    margin: 2.8em 5px 0 12.5em;
+
  
 +
/* styles for the headers */
 +
h1 {
 +
background-color: #ff5720; height: 26px; color: white; padding-left: 15px;
 +
margin-left: -13px; margin-right: -13px;
 +
font-size: 10pt;
 +
font-weight: bold;
 +
font-family: "Arial", "Helvectica" sans-serif;
 +
text-align: center;
 +
border-top: 3px solid #ff9900;
 +
border-bottom: 3px solid #ff9900;
 
}
 
}
  
/* wikitable/prettytable class for skinning normal tables */
+
h2 {
 +
  font: bold 16px 'Verdana', 'Arial', 'Helvetica', sans-serif;
 +
  border: none;
 +
}
  
table.wikitable,
+
h3 {
table.prettytable {
+
  font: bold italic 14px 'Verdana', 'Arial', 'Helvetica', sans-serif;
  border-top: 1px solid buttonshadow;
+
  border: none;
  border-left: 1px solid buttonshadow;
+
  border-right: 1px solid buttonhighlight;
+
  border-bottom: 1px solid buttonhighlight;
+
  margin: 5px;
+
  padding: 0.2em;
+
 
}
 
}
  
table.wikitable th, table.wikitable td,
+
h4 {
table.prettytable th, table.prettytable td {
+
  font: bold 12px 'Verdana', 'Arial', 'Helvectica', sans-serif;
  background: white;
+
  border: none;
  padding-top: 3px;  
+
  padding: 0.2em;
+
 
}
 
}
  
table.wikitable th,
+
/* Styles for the footer */
table.prettytable th {
+
#footer {
  background: buttonface;
+
  background-color: transparent;
  font: menu;
+
  color: #AEAEAE;
  border: 1px outset white;
+
  border-color: #AEAEAE;
  text-align: center;  
+
  border-width: 1px 0 0 0;
  text-valign: bottom;
+
  margin: auto;
  align: center; valign: bottom;
+
  width: 80%;
  border-top: 1px solid buttonhighlight;
+
  clear: both;
  border-left: 1px solid buttonhighlight;
+
  border-right: 1px solid buttonshadow;
+
  border-bottom: 1px solid buttonshadow;
+
  text-align: center;
+
 
}
 
}
  
table.wikitable caption,
+
#footer a {
table.prettytable caption {
+
   color: #aeaeae;
   margin-left: inherit;
+
  margin-right: inherit;
+
 
}
 
}
 +
 +
/* Remove white margins from thumbnails */
 +
div.thumb {
 +
border: none;
 +
margin-top: 10px;
 +
margin-bottom: 0px;
 +
}
 +
div.tleft { border: none; }
 +
div.tright { margin-left: 13px; }
 +
 +
/* Uppercase the search buttons */
 +
.searchButton {
 +
text-transform: Uppercase;
 +
}
 +
 +
/* Style site and anon notices */
 +
#siteNotice {
 +
text-align: right; font-size: x-small;
 +
background-color: #ff9900;
 +
margin-left: -13px; margin-right: -13px;
 +
}
 +
 +
/* "pre" box colors" */
 +
pre { background: rgb(243, 239, 229); }
  
 
/* </nowiki></pre> */
 
/* </nowiki></pre> */

Latest revision as of 21:05, April 2, 2010

/* <pre><nowiki> */
/* edit this file to customize the monobook skin to look similar to YTMND's site */


/* convert side boxes to YTMND style */

/* take out that retarded Monobook background */
body {	
    background: url(http://wiki.ytmnd.com/images/b/b9/Back.png) repeat;
}

/* Colors the sidebar */
.portlet {
background-color: #f60;
border: 1px solid #ccc;
}

.pBody {
    background-color: #f3efe5;
}

/* 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(/images/c/c2/Mail.gif) top left no-repeat;
	padding-left: 20px;
	background-position: 0 1px;
}

/* Set the fonts for the sidebar headers */
.portlet h5 {
    font-face: "Arial", "Helvectica", sans-serif;
    color: white;
    font-size: 10pt;
    text-transform: uppercase;
}

/* Remove sidebar styling to logo */
#p-logo {
background: transparent;
border: none;
}

/* Use [[:Image:Wiki.gif]] as logo for all modern browsers */
#p-logo a {
background-image: url('http://wiki.ytmnd.com/images/3/38/Wiki.gif') !important;
}

/* Remove sidebar styling to tab bar */
#p-cactions {
border: none;
background: transparent;
}

/* Color tabs */
#p-cactions li {
    background: #e6dfcb !important;
    border: solid 2px #C0C7C0 !important;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
}

#p-cactions li:hover {
    background-color: #e6dfcb !important;
}

#p-cactions li.selected {
    border: solid 2px #CFC8CF !important;
    background-color: #F0F7F0 !important;
    border-bottom: solid 1px #f0f7f0 !important;
}

#p-cactions li.selected a {
    background-color: transparent !important;
    font-weight: normal !important;
}

#p-cactions li a {
    background-color: transparent !important;
    font-family: "Trebuchet MS", "Helvectica", sans-serif !important;
    color: #000;
}

#p-cactions li a:hover {
    background-color: transparent !important;
    color: #000 !important;
}

/* colors the main section */
#content {
  background-color: #e6dfcb; 
  background-image: none;
  border: 1px solid #ccc;
}

/* styles for the headers */
h1 {
background-color: #ff5720; height: 26px; color: white; padding-left: 15px;
margin-left: -13px; margin-right: -13px;
font-size: 10pt;
font-weight: bold;
font-family: "Arial", "Helvectica" sans-serif;
text-align: center;
border-top: 3px solid #ff9900;
border-bottom: 3px solid #ff9900;
}

h2 {
   font: bold 16px 'Verdana', 'Arial', 'Helvetica', sans-serif;
   border: none;
}

h3 {
   font: bold italic 14px 'Verdana', 'Arial', 'Helvetica', sans-serif;
   border: none;
}

h4 {
   font: bold 12px 'Verdana', 'Arial', 'Helvectica', sans-serif;
   border: none;
}

/* Styles for the footer */
#footer {
   background-color: transparent;
   color: #AEAEAE;
   border-color: #AEAEAE;
   border-width: 1px 0 0 0;
   margin: auto;
   width: 80%;
   clear: both;
}

#footer a {
  color: #aeaeae;
}

/* Remove white margins from thumbnails */
div.thumb {
border: none;
margin-top: 10px;
margin-bottom: 0px;
}
div.tleft { border: none; }
div.tright { margin-left: 13px; }

/* Uppercase the search buttons */
.searchButton {
text-transform: Uppercase;
}

/* Style site and anon notices */
#siteNotice {
text-align: right; font-size: x-small;
background-color: #ff9900;
margin-left: -13px; margin-right: -13px;
}

/* "pre" box colors" */
pre { background: rgb(243, 239, 229); }

/* </nowiki></pre> */