User:Jonnyk14/monobook.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 135: | Line 135: | ||
width: 50px; |
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 } |
Revision as of 16:40, 16 February 2008
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 }