User:Jonnyk14/monobook.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

body {
	background-color: #DCDCDC;
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
}
 
td, th {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}
 
a {
	color: #3366CC;
	text-decoration: none;
}
 
form {
	background-color: #CCCC99;
}
 
.title {
	font-family: Century Gothic;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}
 
.subtitle {
	font-family: Century Gothic;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}
 
.header {
	font-family: Century Gothic;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}
 
.nav {
	font-family: Century Gothic;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}
 
.navLink {
	font-family: Century Gothic;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}
 
.sidebar {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}
 
.sidebarHeader {
	font-family: Century Gothic;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}
 
.sidebarFooter {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}
 
.footer {
  font-family: Arial, Century Gothic;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}
 
.legal {
	font-family: Century Gothic;
	font-size: 9px;
	color: #333333;
}
 
.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}
 
.promo {
	font-family: Century Gothic;
	color: #000033;
}
 
.titlebar {
	font-family: Century Gothic;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}
 
.dingbat {
	font-family: Century Gothic;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}
 
a:hover {
	text-decoration: underline;
}
 
input.big {
	width: 100px;
}
 
input.small {
	width: 50px;
}




/* make the background behind the content area and the tabs a light grey */
#content, #content table
#p-cactions ul li a { background: #f5f5f5; }

/* stop background image from scrolling with content area */
body { background-attachment: fixed; }

/* changes the background of pre areas  */
pre { background: White }

/* change the logo */
#p-logo a { background: url(http://en.wikipedia.org/upload/wiki.png) 35% 50% no-repeat !important; }

/* change background of unselected tabs */
#p-cactions ul li a { background: #C7FDC7; }

/* change background of selected tabs */
#p-cactions ul li.selected a { background: white; }

/* change border background of selected tabs */
#p-cactions li.selected { border-color: #aaaaaa; }

/* style the search box and the buttons below it */
input.searchButton {
    background-color: #efefef !important;
    border: 1px outset !important;  
}
#searchInput { border: 1px inset !important; }

/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox */
pre { overflow: auto; }





/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
}
#content { 
  -moz-border-radius-topleft: 1em; 
  -moz-border-radius-bottomleft: 1em;
}
div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
}

/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {  
  border-radius-topleft: 1em;
  border-radius-topright: 1em;
}
#content { 
  border-radius-topleft: 1em;
  border-radius-bottomleft: 1em;
}
div.pBody {
  border-radius-topright: 1em;
  border-radius-bottomright: 1em;
}



/* Transform the user toolbar into a sidebox */
#p-personal {
    position:relative;
    z-index:3;
    width: 11.6em;
}

#p-personal .pBody {
    width: 10.7em;
    border: none;
    margin: 0 0 0.1em 0em;
    float: none;
    overflow: hidden;
    font-size: 95%;
    background: White;
    border-collapse: collapse;
    border: 1px solid #aaaaaa;
    padding: 0 0.8em 0.3em .5em;
}

#p-personal ul {
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url("/style/monobook/bullet.gif");

    font-size:95%;
    margin: 0 0 0 1.5em;
    padding:0;
    text-align:left;
    text-transform: none;
}

#p-personal li {
    display: list-item;
    padding:0;
    margin: 0 0 0 0;
    margin-bottom: 0.1em;
}

/* suppress the person icon by your username */
/* needed if not already in place */
li#pt-userpage { background: none }