Difference between revisions of "MediaWiki:Monobook.css"

From Second Life Wiki
Jump to navigation Jump to search
Line 1: Line 1:
/* CSS placed here will affect users of the Monobook skin */
body {
/*
margin:0px auto;
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
padding:0px;
** Copyright Gabriel Wicke - http://wikidev.net/
font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
width: 770px;
**
color: #333333;
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
position: relative;
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
background: #181A2F url(images/home-bg.jpg) no-repeat center top;
** Michael Zeltner and Geir Bækholt)
}
** All you guys rock :)
a, strong a {
*/
color: #FF6600;
 
text-decoration:none;
 
}
#content {
a:visited {
        font-family:verdana, helvetica, sans-serif;
color: #FF9900;
color:#546368;
}
        margin: 2.8em 0 0 12.2em;  
a:hover {
padding: 0 1em 1.5em 1em;
text-decoration:underline;
background: white;
}
border: 1px solid #aaa;
p {
border-right: none;
margin: 0px 0px 14px;
line-height: 1.5em;
}
position: relative;
code, .code {
z-index: 2;
font: 100% "Courier New", Courier, monospace;
color: #000000;
background: #FAFDE1;
margin: 5px 10px;
padding: 10px;
display:block;
border: 1px dashed #818141;
}
.code .indent {
padding-left: 15px;
}
.code .blue {
color: #0066FF;
}
.code .pink {
color: #FF3399;
}
.code .green {
color: #339933;
}
.code .black {
color: #000000;
}
blockquote {
background: url(images/blockquote-bg.gif);
margin: 0px 15px 20px;
padding: 3px 10px;
color:#666666;
border-left: 3px dotted #d6e5aa;
border-right: 3px dotted #d6e5aa;
border-top: 1px dotted #d6e5aa;
border-bottom: 1px dotted #d6e5aa;
line-height: 140%;
}
h1 {
margin: 40px 0px 44px;
padding: 0px;
float:right;
text-decoration: none;
}
h1 a{
display:block;
height: 48px;
width: 212px;
text-indent: -900em;
text-decoration: none;
line-height:100%;
}
}
 
h1 a:hover{
 
text-decoration: none;
 
#column-one {
padding-top: 160px;
}
}
/* the left column width is specified in class .portlet */
h2 {
 
color: #163F53;
/* Font size:
margin: 0px 0px 2px;
** We take advantage of keyword scaling- browsers won't go below 9px
border-bottom: 1px dotted #CCCCCC;
** More at http://www.w3.org/2003/07/30-font-size
letter-spacing: -1px;
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
font: normal 210% "Trebuchet MS", Tahoma, Arial;
*/
padding-bottom: 2px;
 
body {
        font-family:verdana, helvetica, sans-serif;
font: x-small sans-serif;
background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
color:#546368;
margin: 0;
padding: 0;
}
}
 
h2 a, h2 a:visited{
 
color: #163F53;
/* general styles */
text-decoration:none;
 
 
/* table cells */
td.heading { border-bottom: 1px dotted black }
td.title { font-weight: bold }
td.right { text-align: right }
td.center { text-align: center }
td.ledger-shade { background-color: #dddddd }
 
 
a {color:#4378a4; text-decoration:underline;}
a:active {color:#50607C; text-decoration:underline;}
a:hover {color:#ff7900;text-decoration:underline;}
 
q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
}
 
h2 a:hover {
/*
color:#FF6600;
** Structural Elements
text-decoration:none;
*/
 
/*
** general portlet styles (elements in the quickbar)
*/
 
/*******************  MARKER  *************************/
 
 
.portlet {
border: none;
margin: 0 0 .5em;
padding: 0;
float: none;
width: 11.6em;
overflow: hidden;
}
}
.portlet h4 {
h3 {
font-size: 95%;
margin: 20px 0px 0px;
font-weight: normal;
padding-bottom: 2px;
white-space: nowrap;
font: bold 110% Arial;
text-transform: uppercase;
letter-spacing:1px;
color: #205A77;
}
}
.portlet h5 {
.sub_heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0px 0px;
font-size: 11px;
font: bold 110% Arial;
font-weight: bold;
color: #FFFFFF;
background-color:#376283;
padding: 3px 5px 3px 5px;
 
height: 1em;
text-transform: uppercase;
text-transform: uppercase;
white-space: nowrap;
color: #666666;
}
}
.portlet h6 {
.cat_heading {
background: #ffae2e;
color: #779d03;
border: 1px solid #2f6fab;
margin: 0px;
border-style: solid solid none solid;
padding-bottom: 2px;
padding: 0 1em 0 1em;
border-bottom: 1px dotted #c1c9a6;
text-transform: lowercase;
font: normal 150% Tahoma, Arial, sans-serif;
display: block;
clear:both;
font-size: 1em;
text-transform:none;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
}
.pBody {
.cat_heading-alt {
border-collapse: collapse;
color: #779d03;
border: 1px solid #aaa;
margin: 0px;
padding: 0 .8em .3em .5em;
padding-bottom: 4px;
 
font: normal 150% Tahoma, Arial, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;  
clear:both;
font-size: 11px;
text-transform:none;
background-color:#376283;
color:#eeeeee;
text-decoration: none;  
}
}
 
h4 {
.portlet h1,
font: normal 150% Tahoma, Arial, sans-serif;
.portlet h2,
color: #779d03;
.portlet h3,
margin: 0px 0px 2px;
.portlet h4 {
border:none;
margin: 0;
padding: 0;
}
}
.portlet ul {
ul {
line-height: 1.5em;
padding: 0px;
list-style-type: square;
margin: 5px 0px 15px 16px;
list-style-image: url(bullet.gif);
font-size: 95%;
}
}
.portlet li {
ul li ul{
padding: 0;
padding: 0px;
margin: 0;
margin: 0px 0px 5px 16px;
}
}
ul li {
margin: 0px;
padding: 0px;


 
}
 
ol {
 
padding: 0px;
.portlet a {color:#4378a4;}
margin-top: 5px;
.portlet a:active {color: #ff9933; text-decoration:underline;}
margin-right: 0px;
.portlet a:hover {color:#ff7900;text-decoration:underline;}
margin-bottom: 15px;
 
margin-left: 25px;
 
}
 
ol li {
 
/* LEFT MENU STYLES */
 
 
.portlet a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#eeeeee;
text-decoration: none;
}
 
.portlet a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 11px;  
text-decoration: underline;  
}
 
.portlet a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 11px;  
color: #ff9933;
}
 
 
.menu_border {
background-image: url(/_img/backgrounds/bg_dots_white.gif);
color: #FFFFFF;
margin: 0px;
margin: 0px;
}
padding-top: 0px;
padding-right: 0px;
.menu_border_sublink {
padding-bottom: 10px;
background-image: url(/_img/backgrounds/bg_submenu_dots_blue.jpg);
padding-left: 0px;
margin: 0px;
}
}
hr {




height: 1px;
clear: both;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom: 1px solid #E3E3E3;
}
.clear {
clear:both;
}
.displaynone {
display:none;
}
hr.hidden {
clear:both;
visibility:hidden;
margin:0px;
padding:0px;
}
form {
margin:0px;
padding:0px;
}
img {
border:none;
}
small {
font-size: 85%;
color:#999999;
line-height:120%;
}
#header_wrap {
width: 754px;
height: 208px;
margin: 0px auto;
padding: 0px 6px;
color:#FFFFFF;
}
#search_wrap{
clear:both;
float:right;
}
#searchform {
margin:0px;
padding:0px;
float:right;
}
#searchform label{
display:none;
}
#s {
border:1px solid #203346;
width: 130px;
padding: 1px;
}
#searchsubmit {
background: url(images/search-btn.gif) no-repeat;
width: 24px;
height:23px;
border:none;
text-indent: -900em;
line-height:0px;
}
#header_nav {
float:right;
margin-right: 7px;
background: url(images/headernav-divider.gif) no-repeat right top;
font-size: 90%;


/*
padding: 1px 5px 0px 0px;
** Logo properties
}
*/
#nav {
list-style:none;
margin:28px 0px 0px;


#p-logo {
padding:0px;
z-index: 3;
clear:both;
position: absolute; /*needed to use z-index */
float:right;
top: 0;
line-height:0px;
left: 0;
}
height: 155px;
#nav li{
width: 12em;
margin-left:5px;
overflow: visible;
float:left;
}
#nav li a{
height: 25px;
display:block;
float:left;
text-decoration:none;
text-indent: -900em;
}
#nav #nav-home a{
width: 63px;
background: url(images/nav-blog.gif) no-repeat left top;
}
#nav #nav-home a:hover{
background: url(images/nav-blog.gif) no-repeat left bottom;
}
#nav #nav-about a{
width: 65px;
background: url(images/nav-about.gif) no-repeat left top;
}
#nav #nav-about a:hover{
background: url(images/nav-about.gif) no-repeat left bottom;
}
#nav #nav-resources a{
width: 91px;
background: url(images/nav-resources.gif) no-repeat left top;
}
#nav #nav-resources a:hover{
background: url(images/nav-resources.gif) no-repeat left bottom;
}
#nav #nav-portfolio a{
width: 86px;
background: url(images/nav-portfolio.gif) no-repeat left top;
}
#nav #nav-portfolio a:hover{
background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
#nav #nav-icons a{
width: 64px;
background: url(images/nav-icons.gif) no-repeat left top;
}
#nav #nav-icons a:hover{
background: url(images/nav-icons.gif) no-repeat left bottom;
}
#nav #nav-forum a:hover{
background: url(images/nav-forum.gif) no-repeat left bottom;
}
body#home #nav-home a{
background: url(images/nav-blog.gif) no-repeat left bottom;
}
body#about #nav-about a{
background: url(images/nav-about.gif) no-repeat left bottom;
}
body#portfolio #nav-portfolio a{
background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
}
#p-logo h5 {
body#icons #nav-icons a{
display: none;
background: url(images/nav-icons.gif) no-repeat left bottom;
}
}
#p-logo a,
body#resources #nav-resources a{
#p-logo a:hover {
background: url(images/nav-resources.gif) no-repeat left bottom;
display: block;
}
height: 155px;
#body_wrap {
width: 12.2em;
width:743px;
background-repeat: no-repeat;
margin: 0px auto;
background-position: 35% 50% !important;
padding: 10px 12px 40px 15px;
background: #FFFFFF url(images/content-corner-bg.gif) no-repeat left bottom;
clear:both;
}
#home-leftcol {
float:left;
width: 405px;
overflow: hidden;
}
#home-rightcol {
width:320px;
float:right;
}
#single-leftcol {
float:left;
width: 560px;
}
#single-rightcol {
float:right;
width: 165px;
}
.sidebar-half {
width: 152px;
float:left;
}
.home-subrightcol {
width: 153px;
float:right;
}
#footer_wrap {
width: 746px;
background: #000000 url(images/footer-corner-bg.gif) no-repeat left top;
margin: 0px auto;
padding: 5px 12px 12px;
color:#999999;
clear:both;
}
.footer_leftcol{
width:195px;
margin-right: 16px;
float:left;
}
.footer_rightcol {
width:320px;
float:right;
}
.footer_rightcol a, .footer_rightcol a:visited {
color:#4E9F9F;
}
.footer_submenu {
list-style:none;
padding:0px;
margin:0px 0px 15px;
background-color: #000000;
border-top: #272727 1px dotted;
}
.footer_submenu li{
border-bottom: #272727 1px dotted;
line-height: 130%;
list-style:none;
}
.footer_submenu li a{
color: #759398;
text-decoration: none;
text-decoration: none;
padding: 4px 0px 4px 2px;
display:block;
}
}
.footer_submenu li a:visited{


/*
color: #759398;
** the navigation portlet
text-decoration: none;
*/
}
 
.footer_submenu li a:hover{
#p-navigation {
text-decoration: none;
position: relative;
background-color:#132022;
z-index: 3;
color:#FFFFFF;
}
}
 
a.validcss-mini {
#p-navigation .pBody {
background: url(images/validcss-mini.gif) no-repeat left center;
padding-right: 0;
padding-left: 13px;
color:#FF9900;
text-decoration: none;
margin-left: 10px;
}
}
 
a.validcss-mini:visited {
#p-navigation a {
color:#FF9900;
display: block;
}
}
 
a.validcss-mini:hover {
#p-navigation li.active a, #p-navigation li.active a:hover {
color:#ffffff;
text-decoration: none;
text-decoration: none;
display: inline;
font-weight: bold;
}
}
 
a.validhtml-mini {
 
background: url(images/validhtml-mini.gif) no-repeat left center;
/*
padding-left: 13px;
** Search portlet
color:#80c43d;
*/
text-decoration: none;
#p-search {
margin-left: 10px;
position: relative;
z-index: 3;
}
}
input.searchButton {
a.validhtml-mini:visited {
margin-top: 1px;
color:#80c43d;
font-size: 95%;
}
}
#searchGoButton {
a.validhtml-mini:hover {
padding-left: .5em;
color:#ffffff;
padding-right: .5em;
text-decoration: none;
font-weight: bold;
}
}
#searchInput {
a.archive-mini {
width: 10.9em;
background: url(images/archive-mini.gif) no-repeat left center;
margin: 0;
padding-left: 15px;
font-size: 95%;
color:#89bc61;
text-decoration: none;
margin-right: 10px;
}
}
#p-search .pBody {
a.archive-mini:visited {
padding: .5em .4em .4em .4em;
color:#89bc61;
text-align: center;
}
}
 
a.archive-mini:hover {
/*
color:#ffffff;
** the personal toolbar
text-decoration: none;
*/
 
#p-personal {
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;
}
}
 
a.rss-mini {
#p-personal h5 {
background: url(images/rss-mini.gif) no-repeat left center;
display: none;
padding-left: 14px;
color:#FFCC33;
text-decoration: none;
margin-left: 10px;
}
}
#p-personal .portlet,
a.rss-mini:visited {
#p-personal .pBody {
color:#FFCC33;
padding: 0;
margin: 0;
border: none;
z-index: 0;
overflow: visible;
background: none;
}
}
/* this is the ul contained in the portlet */
a.rss-mini:hover {
#p-personal ul {
color:#ffffff;
border: none;
text-decoration: none;
line-height: 1.4em;
color: #2f6fab;
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 {
a.sitemap-mini {
z-index: 0;
background: url(images/sitemap-mini.gif) no-repeat left center;
border: none;
padding-left: 14px;
padding: 0;
color:#3ba5cf;
display: inline;
text-decoration: none;
color: #2f6fab;
margin-left: 10px;
margin-left: 1em;
line-height: 1.2em;
background: none;
}
}
#p-personal li.active {
a.sitemap-mini:visited {
font-weight: bold;
color:#3ba5cf;
}
}
#p-personal li a {
a.sitemap-mini:hover {
color:#ffffff;
text-decoration: none;
text-decoration: none;
color: #005896;
padding-bottom: .2em;
background: none;
}
}
#p-personal li a:hover {
a.links-mini {
background-color: white;
background: url(images/links-mini.gif) no-repeat left center;
padding-bottom: .2em;
padding-left: 15px;
color:#f86bb1;
text-decoration: none;
text-decoration: none;
margin-right: 10px;
}
}
#p-personal li.active a:hover {
a.links-mini:visited {
background-color: transparent;
color:#f86bb1;
text-decoration: none;
}
}
/* the icon in front of the user name, single quotes
a.links-mini:hover {
in bg url to hide it from iemac */
color:#ffffff;
li#pt-userpage,
text-decoration: none;
li#pt-anonuserpage,
li#pt-login {
background: url(user.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}
}
 
a.contact-mini {
/*
background: url(images/contact-mini.gif) no-repeat left center;
** the page-related actions- page/talk, edit etc
padding-left: 15px;
*/
color:#66CCFF;
#p-cactions {
text-decoration: none;
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 {
a.contact-mini:visited {
display: none;
color:#66CCFF;
text-decoration: none;
}
}
#p-cactions ul {
a.contact-mini:hover {
list-style: none;
color:#ffffff;
text-decoration: none;
}
}
#p-cactions li {
.submenu {
display: inline;
list-style:none;
border: 1px solid #aaa;
padding:0px;
border-bottom: none;
margin:0px 0px 15px;
padding: 0 0 .1em 0;
margin: 0 .3em 0 0;
overflow: visible;
background: white;
}
}
#p-cactions li.selected {
.submenu li{
border-color: #fabd23;
border-bottom: #dae2cc 1px dotted;
padding: 0 0 .2em 0;
line-height: 130%;
font-weight: bold;
list-style:none;
}
}
#p-cactions li a {
.submenu li a{
background-color: #fbfbfb;
color: #790000;
color: #002bb8;
border: none;
padding: 0 .8em .3em;
text-decoration: none;
text-decoration: none;
text-transform: lowercase;
padding: 4px 6px 4px 2px;
position: relative;
display:block;
z-index: 0;
list-style:none;
margin: 0;
}
}
#p-cactions li.selected a {
.submenu li a:visited{
z-index: 3;
color: #790000;
background-color: #fff;
text-decoration: none;
padding: 0 1em .2em!important;
}
}
#p-cactions .new a {
.submenu li a:hover{
color: #ba0000;
text-decoration: none;
background-color: #dae2cc;
}
}
#p-cactions li a:hover {
.submenu .page_item {
z-index: 3;
display:block;
text-decoration: none;
background-color: #fff;
}
}
#p-cactions h5 {
.submenu .current-cat {
display: none;
background: url(images/currentpg-arrow.gif) no-repeat right center;
}
}
#p-cactions li.istalk {
.submenu .current_page_item {
margin-right: 0;
background: url(images/currentpg-arrow.gif) no-repeat right center;
}
}
#p-cactions li.istalk a {
a.continue {
padding-right: .5em;
background: url(images/continue-mini.gif) no-repeat right center;
padding-right: 15px;
color: #3a740e;
text-decoration:none;
}
}
#p-cactions #ca-addsection a {
a.continue:visited, a.continue:hover {
padding-left: .4em;
color: #3a740e;
padding-right: .4em;
text-decoration:none;
}
}
/* offsets to distinguish the tab groups */
.archive-list {
li#ca-talk {
list-style:none;
margin-right: 1.6em;
margin: 5px 0px 20px;
padding:0;
}
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
.archive-list li{
margin-left: 1.6em;
background: url(images/archive-arrow.gif) no-repeat left center;
padding-left: 10px;
}
}
 
.post {
/*
margin: 0px 0px 20px;
** the remaining portlets
clear:both;
*/
#p-tbx,
#p-lang {
position: relative;
z-index: 3;
}
}
 
.postdate {
/* TODO: #t-iscite is only used by the Cite extension, come up with some
background: url(images/mini-date.gif) no-repeat left center;
* system which allows extensions to add to this file on the fly
padding-left: 15px;
*/
font-size: 90%;
#t-ispermalink, #t-iscite {
color:#666666;
color: #999;
float:left;
}
}
/*
.postcomment {
** footer
background: url(images/mini-comment.gif) no-repeat left center;
*/
padding-left: 15px;
#footer {
background-color: white;
border-top: 1px solid #fabd23;
border-bottom: 1px solid #fabd23;
margin: .6em 0 1em 0;
padding: .4em 0 1.2em 0;
text-align: center;
font-size: 90%;
font-size: 90%;
float:right;
}
}
#footer li {
.postjumpcomment {
display: inline;
background: url(images/jumpcomment-mini.gif) no-repeat right center;
margin: 0 1.3em;
padding-right: 13px;
font-size: 90%;
float:right;
}
}
/* hide from incapable browsers */
.postjumpcomment a, .postjumpcomment a:visited{
head:first-child+body #footer li { white-space: nowrap; }
color: #698d9c;
#f-poweredbyico, #f-copyrightico {
text-decoration:none;
margin: 0 8px;
position: relative;
top: -2px; /* Bump it up just a tad */
}
}
#f-poweredbyico {
.postjumpcomment a:hover {
float: right;
color: #FF9900;
height: 1%;
text-decoration:none;
}
}
#f-copyrightico {
.postcomment a, .postcomment a:visited {
float: left;
color: #CC6600;
height: 1%;
text-decoration:none;
}
}
 
.postcomment a:hover {
/* js pref toc */
color: #FF9900;
#preftoc {
text-decoration:none;
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
}
#preftoc li {
.postcat {
margin: 1px -2px 1px 2px;
background: url(images/mini-cat.gif) no-repeat left center;
float: left;
padding-left: 15px;
padding: 2px 0 3px 0;
font-size: 90%;
background-color: #f0f0f0;
color: #999999;
color: #000;
float:left;
border: 1px solid #fff;
margin-left: 15px;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
}
#preftoc li.selected {
.postcat a, .postcat a:visited {
font-weight: bold;
color: #669900;
background-color: #f9f9f9;
text-decoration:none;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
}
}
#preftoc > li.selected {
.postcat a:hover {
top: 2px;
color: #FF9900;
text-decoration:none;
}
}
#preftoc a,
.postcat span {
#preftoc a:active {
display:none;
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
}
#preftoc li.selected a {
.entry {
cursor: default;
clear:both;
text-decoration: none;
padding-top: 10px;
}
}
#prefcontrol {
.left {
padding-top: 2em;
float:left;
clear: both;
}
}
#preferences {
img.left {
margin: 0;
float:left;
border: 1px solid #aaa;
margin: 2px 10px 5px 0px;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
}
.prefsection {
a img.left {
border: none;
border: 1px solid #E3E3E3;
padding: 0;
padding: 4px;
margin: 0;
background: #FFFFFF;
}
}
.prefsection fieldset {
a:hover img.left{
border: 1px solid #aaa;
border-color: #FF6600;
float: left;
background: #FF6600;
margin-right: 2em;
}
}
.prefsection legend {
.right {
font-weight: bold;  
float:right;
}
}
.prefsection table, .prefsection legend {
img.right, a img.right {
background-color: #F9F9F9;
float:left;
margin: 4px 10px 5px 0px;
border: 1px solid #E3E3E3;
padding: 4px;
background: #FFFFFF;
}
}
.mainLegend {
a:hover img.right{
display: none;
border-color: #FF6600;
background: #FF6600;
}
}
div.prefsectiontip {
.footer_nav {
font-size: 95%;
float:right;
margin-top: 0;
margin: 20px 0px 0px;
background-color: #FFC1C1;
padding:0px;
padding: .2em .7em;
font-size:90%;
clear: both;
}
}
.btnSavePrefs {
.copyright {
font-weight: bold;
text-align:right;
padding-left: .3em;
border-top: 1px solid #222222;
padding-right: .3em;
font-size:85%;
clear:both;
margin:10px 0px 0px;
color: #666666;
}
}
 
img.img_border, a img.img_border {
.preferences-login {
border: 5px solid #E0E0E0;
clear: both;
margin-bottom: 1.5em;
}
}
 
a:hover img.img_border{
.prefcache {
border-color: #FF6600;
font-size: 90%;
margin-top: 2em;
}
}
 
.popular-list {
div#userloginForm form,
padding: 0px;
div#userlogin form#userlogin2 {
margin:0px 0px 10px;
margin: 0 3em 1em 0;
list-style:none;
border: 1px solid #aaa;
clear: both;
padding: 1.5em 2em;
background-color: #f9f9f9;
float: left;
}
}
 
.popular-list li{
div#userloginForm table,
background: url(images/mini-star.gif) no-repeat left center;
div#userlogin form#userlogin2 table {
padding: 3px 0px 3px 12px;
background-color: #f9f9f9;
margin:0px;
line-height: 130%;
list-style:none;
}
}
 
.popular-list li a{
div#userloginForm h2,
color:#333333;
div#userlogin form#userlogin2 h2 {
text-decoration:none;
padding-top: 0;
list-style:none;
}
}
 
.popular-list li a:visited{
div#userlogin .captcha {
color:#333333;
border: 1px solid #bbb;
text-decoration:none;
padding: 1.5em 2em;
width: 400px;
background-color: white;
}
}
 
.popular-list li a:hover{
 
color:#669900;
#userloginprompt, #languagelinks {
text-decoration:none;
font-size: 85%;
}
}
 
#respond {
#login-sectiontip {
background:url(images/postcomment.gif) no-repeat left center;
font-size: 85%;
padding: 0px 0px 2px 20px;
line-height: 1.2;
color: #779d03;
padding-top: 2em;
margin: 0px;
font: normal 140% Tahoma, Arial, sans-serif;
clear:both;
text-transform:none;
}
}
 
#commentform {
#userlogin .loginText, #userlogin .loginPassword {
margin-top: 10px;
width: 12em;
font: 110% Arial, Helvetica, sans-serif;
}
}
 
#commentform label{
#userloginlink a, #wpLoginattempt, #wpCreateaccount {
font-weight: bold;
font-weight: bold;
color:#668b9a;
font-size: 100%;
}
#commentform label span{
font-weight: normal;
}
#commentform input{
width: 153px;
background:#EEF5F9;
border: 1px solid #a3bdc8;
padding: 3px;
margin-top: 3px;
}
#commentform textarea{
width: 375px;
height: 135px;
background:#EEF5F9;
border: 1px solid #a3bdc8;
padding: 2px;
margin-top: 3px;
}
#commentform .submitbutton {
width: auto;
padding: 4px 12px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #587683;
border: none;
}
#commentform .submitbutton:hover {
background: #779d03;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #F1FFD5;
}
.commentlist {
list-style:none;
margin:0px 0px 15px;
padding:0px;
line-height: 130%;
}
}
.commentlist p{
margin: 10px 0px;


/*
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate:
** @import("IEMacFixes.css");
*/
/* tabs: border on the a, not the div */
* > html #p-cactions li { border: none; }
* > html #p-cactions li a {
border: 1px solid #aaa;
border-bottom: none;
}
}
* > html #p-cactions li.selected a { border-color: #fabd23; }
.commentlist li{
/* footer icons need a fixed width */
margin: 10px 7px;
* > html #f-poweredbyico,
padding:0px 0px 10px;
* > html #f-copyrightico { width: 88px; }
background: url(images/thumb-hr.gif) no-repeat center bottom;
* > html #bodyContent,
* > html #bodyContent pre {
overflow-x: auto;
width: 100%;
padding-bottom: 25px;
}
}
 
.gravatar {
/* more IE fixes */
background: url(images/avatar-bg.gif) no-repeat;
/* float/negative margin brokenness */
width: 58px;
* html #footer {margin-top: 0;}
height:55px;
* html #column-content {
margin-top: 3px;
display: inline;
padding: 6px 0px 6px 6px;
margin-bottom: 0;
float:left;
}
.gravatar img {
border:solid 1px #cee48b;
background-color: #FFFFFF;
}
}
* html div.editsection { font-size: smaller; }
.comment-entry {
#pagehistory li.selected { position: relative; }
width: 470px;
 
float:right;
/* Mac IE 5.0 fix; floated content turns invisible */
position:relative;
* > html #column-content {
float: none;
}
}
* > html #column-one {
.comment-number {
font-size: 14px;
color: #CCCCCC;
float:right;
position: absolute;
position: absolute;
left: 0;
top: 5px;
top: 0;
right: 5px;
}
.commentlist cite {
font: 150% Tahoma, "Trebuchet MS", Arial;
color: #5A8800;
}
.commentlist cite a, .commentlist cite a:visited{
color: #5A8800;
text-decoration:underline;
}
.commentlist cite a:hover{
text-decoration:none;
}
.ad-banner {
margin: 15px 0px 15px 5px;
clear:both;
height: 65px;
}
.ad-banner2 {
margin: 5px 0px 10px;
clear:both;
height: 65px;
}
.ad-thumb {
background: #FFFFFF;
border: 1px solid #DFDFDF;
padding: 4px;
float: left;
margin: 0px 6px 0px 5px;
}
}
* > html #footer {
.sponsorlinks {
margin-left: 13.2em;
list-style: none;
margin: 0px;
padding: 1px 0px 5px 0px;
font-size: 90%;
}
}
.redirectText {
.sponsorlinks li{
font-size: 150%;
list-style: none;
margin: 5px;
margin: 0px;
padding: 0px 0px 0px 10px;
background-image: url(images/text-link-arrow.gif);
background-repeat: no-repeat;
background-position: left center;
}
}
 
.sponsorlinks li a{
.printfooter {
color: #333333;
display: none;
text-decoration: none;
}
}
 
.sponsorlinks li a:visited{
.not-patrolled {
color: #333333;
background-color: #ffa;
text-decoration: none;
}
}
div.patrollink {
.sponsorlinks li a:hover{
font-size: 75%;
color: #FF6600;
text-align: right;
text-decoration: none;
}
}
span.newpage, span.minor, span.searchmatch, span.bot {
.sponsorlinks-heading {
font-weight: bold;
font-weight: bold;
color: #666666;
background: url(images/bottom_divider.gif) no-repeat left bottom;
margin-bottom: 2px;
font-size: 90%;
text-transform: uppercase;
}
}
span.unpatrolled {
.sponsor-banner {
font-weight: bold;
margin-top: 7px;
color: red;
}
.credit {
font-size: 83%;
color: #999999;
border-top: 1px solid #E1E1E1;
text-align:right;
}
.landing-list {
padding: 0px;
margin:0px 0px 10px;
list-style:none;
}
.landing-list li{
width: 258px;
float: left;
padding: 10px;
height:75px;
}
.landing-list img {
padding: 4px;
background-color: #FFFFFF;
border: 1px solid #E3E3E3;
float: left;
margin-right: 10px;
}
.landing-list h3{
margin: 0px;
padding:0px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
text-transform:none;
letter-spacing: 0px;
}
.landing-list h3.folder a{
margin: 0px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
padding: 0px 0px 0px 18px;
background: url(images/folder-mini.gif) no-repeat left center;
text-transform:none;
letter-spacing: 0px;
}
.landing-list br{
display:none;
}
.thumb-list {
padding: 0px;
margin:0px 0px 10px;
list-style:none;
}
.thumb-list li{
width: 155px;
float: left;
margin: 5px 13px 15px;
text-align:center;
}
.thumb-list img {
border: 5px solid #E0E0E0;
}
.thumb-list a:hover img {
border-color: #FF9900;
}
.thumb-list br{
display:none;
}
.thumb-list p{
line-height:100%;
margin:0px;
}
.ban-list {
list-style:none;
margin:0px 0px 10px;
padding:0px 0px 0px 10px;
}
.ban-list br{
display:none;
}
.ban-list p br{
display:block;
}
}
 
.ban-list li{
span.searchmatch {
margin: 12px 0px;
color: red;
height:104px;
background: url(images/thumb-hr.gif) no-repeat center bottom;
}
}
.sharedUploadNotice {
.ban-list img {
font-style: italic;
border: 5px solid #E0E0E0;
float: left;
margin-right: 10px;
}
}
 
.ban-list a:hover img {
span.updatedmarker {
border-color: #FF9900;
color: black;
background-color: #0f0;
}
}
span.newpageletter {
.ban-list a:hover {
font-weight: bold;
border-color: transparent;
color: black;
background-color: yellow;
}
}
span.minoreditletter {
.ban-list h3{
color: black;
margin: 0px;
background-color: #c5ffe6;
padding:0px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
color:#666666;
text-transform:none;
letter-spacing: 0px;
}
}
 
.px_icon_table td{
table.gallery {
border: 1px solid #ccc;
margin: 2px;
padding: 2px;
padding: 2px;
background-color: white;
color: #666666;
font-size: 90%;
}
.px_icon_table img{
margin-right: 7px;
padding: 3px;
border: 1px solid #E3E3E3;
vertical-align: middle;
}
.ddsg-sitemap {
list-style:none;
margin:0px 0px 30px 15px;
line-height: 140%;
}
.ddsg-sitemap li{
font-weight:bold;
background: url(images/sitemap-mini-folder.gif) no-repeat top left;
padding-left: 13px;
}
.ddsg-sitemap li ul{
margin-bottom: 3px;
list-style:none;
margin-left: 5px;
}
}
.ddsg-sitemap li ul li{
font-weight:normal;


table.gallery tr {
background: url(images/sitemap-mini-file.gif) no-repeat left top;
vertical-align: top;
padding-left: 12px;
}
.download_btn {
font: bold 110% Arial, Helvetica, sans-serif;
}
a.download_btn , a.download_btn:visited{
color:#669900;
text-decoration:none;
background: url(images/download-btn.gif) no-repeat left center;
padding: 0px 0px 0px 18px;
}
a.download_btn:hover {
color: #FF6600;
text-decoration:none;
}
.preview_btn {
font: bold 110% Arial, Helvetica, sans-serif;
}
}
 
a.preview_btn , a.preview_btn:visited{
table.gallery td {
color:#669900;
vertical-align: top;
text-decoration:none;
background-color: #f9f9f9;
background: url(images/preview-btn.gif) no-repeat left center;
border: solid 2px white;
padding: 0px 0px 0px 18px;
}
a.preview_btn:hover {
color: #FF6600;
text-decoration:none;
}
}
 
.center {
table.gallery td.galleryheader {
text-align: center;
text-align: center;
font-weight: bold;
}
}
 
.pagenav {
div.gallerybox {
text-align:right;
margin: 2px;
border-top: 1px dotted #CCCCCC;
width: 150px;
margin: 25px 0px 10px;
padding-top: 2px;
clear:both;
}
}
 
.breadcrumb {
div.gallerybox div.thumb {
font-size: 10px;
text-align: center;
color:#A7A7A7;
border: 1px solid #ccc;
line-height:100%;
margin: 2px;
}
}
 
.breadcrumb a, .breadcrumb a:visited{
div.gallerytext {
color:#779d03;
font-size: 94%;
text-decoration:none;
padding: 2px 4px;
}
}
 
.breadcrumb a:hover{
span.comment {
color:#FF9900;
font-style: italic;
text-decoration:none;
}
}
 
.quarter {
span.changedby {
width: 172px;
font-size: 95%;
margin: auto 7px;
}
}
 
.one-third {
.previewnote {
width: 176px;
text-indent: 3em;
float:left;
color: #c00;
border-bottom: 1px solid #aaa;
padding-bottom: 1em;
margin-bottom: 1em;
}
}
 
.half {
.previewnote p {
width: 272px;
margin: 0;
float:left;
padding: 0;
}
}
 
.separator {
.editExternally {
margin-right: 15px;
border: 1px solid gray;
background-color: #ffffff;
padding: 3px;
margin-top: 0.5em;
float: left;
font-size: small;
text-align: center;
}
}
.editExternallyHelp {
.external-list {
font-style: italic;
margin: 5px 0px 15px 5px;
color: gray;
padding: 0px;
list-style: none;
}
}
 
.external-list li {
li span.deleted, span.history-deleted {
margin: 0px;
text-decoration: line-through;
padding: 2px 0px 2px 14px;
color: #888;
background: url(images/mini-external.gif) no-repeat left center;
font-style: italic;
}
}
 
.links-list {
.toggle {
list-style:none;
margin-left: 2em;
margin:3px 0px 20px;
text-indent: -2em;
padding:0px;
line-height: 100%;
font-size: 90%;
}
}
 
.links-list li{
/* Classes for EXIF data display */
width: 170px;
table.mw_metadata {
height:19px;
font-size: 0.8em;
background: url(images/links-bullet.gif) no-repeat left center;
margin-left: 0.5em;
margin-bottom: 2px;
margin-bottom: 0.5em;
width: 300px;
}
}
 
.links-list li a, .links-list li a{
table.mw_metadata caption {
height:19px;
font-weight: bold;
display:block;
color: #FF6600;
text-decoration:none;
padding: 4px 10px 0px 14px;
}
}
 
.links-list li a:hover{
table.mw_metadata th {
color: #339900;
font-weight: normal;
text-decoration:none;
background: url(images/links-li-bg.gif) no-repeat;
}
}
 
.update {
table.mw_metadata td {
background: #FFFBE8;
padding: 0.1em;
padding: 2px 7px;
border: 1px solid #FFE4C1;
margin: 10px 0px 5px;
}
}
 
.alert {
table.mw_metadata {
background: url(images/mini-update.gif) no-repeat left center;
border: none;
text-transform: uppercase;
border-collapse: collapse;
color: #663300;
padding: 2px 0px 2px 17px;
border-bottom: 1px solid #FFE6C4;
margin:0px 0px 5px;
}
}
 
#intouchform {
table.mw_metadata td, table.mw_metadata th {
margin: 20px 10px 10px;
text-align: center;
font: 110% Arial, Helvetica, sans-serif;
border: 1px solid #aaaaaa;
color: #000000;
padding-left: 0.1em;
padding-right: 0.1em;
}
}
 
#intouchform p{
table.mw_metadata th {
clear: left;
background-color: #f9f9f9;
margin: 5px 0 10px 0px;
position: relative;
}
}
 
#intouchform label{
table.mw_metadata td {
font-weight: bold;
background-color: #fcfcfc;
color:#598192;
float: left;
width: 120px;
background: url(images/formlabel-arrow.gif) no-repeat top right;
margin-right: 8px;
}
}
 
#intouchform input{
table.collapsed tr.collapsable {
width: 350px;
display: none;
background:#EEF5F9;
border: 1px solid #a3bdc8;
padding: 2px;
}
}
 
#intouchform textarea{
 
width: 350px;
/* filetoc */
height: 140px;
ul#filetoc {
background:#EEF5F9;
text-align: center;
border: 1px solid #a3bdc8;
border: 1px solid #aaaaaa;
padding: 2px;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
}
 
#intouchform .submitbutton {
#filetoc li {
width: auto;
display: inline;
padding: 4px 12px;
list-style-type: none;
font: bold 12px Arial, Helvetica, sans-serif;
padding-right: 2em;
color: #FFFFFF;
background: #587683;
border: none;
}
}
 
#intouchform .indent {
/* @bug 1714 */
margin-left: 128px;
input#wpSave, input#wpDiff {
margin-right: 0.33em;
}
}
 
#intouchform .submitbutton:hover {
#editform .editOptions {
background: #779d03;
display: inline;
}
}
 
#intouchform #usermessage {
#wpSave {
font-size: 110%;
font-weight: bold;
font-weight: bold;
margin: 0px 0px 5px 125px;
}
#intouchform .error {
border: 1px solid #FF9900;
}
}
 
#intouchform .failure {
/* Classes for article validation */
color:#FF9900;
 
}
table.revisionform_default {
#intouchform .success {
border: 1px solid #000000;
color:#669900;
}
}
 
#intouchform .required {
table.revisionform_focus {
position: absolute;
border: 1px solid #000000;
color: #97b5c2;
background-color:#00BBFF;
top: 3px;
padding-left: 5px;
}
}
 
#intouchform textarea:focus, #intouchform input[type="text"]:focus {
tr.revision_tr_default {
background: #F1FFD5;
background-color:#EEEEEE;
}
}
 
.left-noborder {
tr.revision_tr_first {
border: none;
background-color:#DDDDDD;
float: left;
margin-right: 15px;
}
}
 
.icons-list {
p.revision_saved {
list-style:none;
color: green;
margin:0px 0px 10px;
font-weight:bold;
padding:0px 0px 0px 5px;
}
}
 
.icons-list br{
#mw_trackbacks {
display:none;
border: solid 1px #bbbbff;
background-color: #eeeeff;
padding: 0.2em;
}
}
 
.icons-list p br{
 
display:block;
/* Allmessages table */
 
#allmessagestable th {
background-color: #b2b2ff;
}
}
 
.icons-list li{
#allmessagestable tr.orig {
margin: 12px 0px;
background-color: #ffe2e2;
height: 166px;
background: url(http://www.ndesign-studio.com/wp-content/themes/phoenix/images/thumb-hr.gif) no-repeat center bottom;
}
}
 
.icons-list h3{
#allmessagestable tr.new {
margin: 0px;
background-color: #e2ffe2;
padding:0px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
color:#666666;
text-transform:none;
letter-spacing: 0px;
}
}
 
.buy-options {
#allmessagestable tr.def {
list-style:none;
background-color: #f0f0ff;
margin: 0px 0px 15px;
padding: 0px;
border-top: solid 1px #dfe8c3;
color: #666666;
}
}
 
.buy-options br{
 
display:none;
/* noarticletext */
div.noarticletext {
border: 1px solid #ccc;
background: #fff;
padding: .2em 1em;
color: #000;
}
}
 
.buy-options li{
div#searchTargetContainer {
height: 18px;
left:       10px;
clear: both;
top:       10px;
border-bottom: solid 1px #dfe8c3;
width:     90%;
padding: 5px 0px;
background: white;
}
}
 
.buy-options li a, .buy-options li a:visited{
div#searchTarget {
color: #557D00;
padding:    3px;
margin:    5px;
background: #F0F0F0;
border:    solid 1px blue;
}
}
 
.icons-right {
div#searchTarget ul li {
float: right;
list-style: none;
width: 398px;
}
}
 
.small {
div#searchTarget ul li:before {
font-size: 90%;
color: orange;
content: "\00BB \0020";
}
}

Revision as of 17:34, 4 January 2007

body {
	margin:0px auto;
	padding:0px;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	width: 770px;
	color: #333333;
	position: relative;
	background: #181A2F url(images/home-bg.jpg) no-repeat center top;
}
a, strong a {
	color: #FF6600;
	text-decoration:none;
}
a:visited {
	color: #FF9900;
}
a:hover {
	text-decoration:underline;
}
p {
	margin: 0px 0px 14px;
}
code, .code {
	font: 100% "Courier New", Courier, monospace;
	color: #000000;
	background: #FAFDE1;
	margin: 5px 10px;
	padding: 10px;
	display:block;
	border: 1px dashed #818141;
}
.code .indent {
	padding-left: 15px;
}
.code .blue {
	color: #0066FF;
}
.code .pink {
	color: #FF3399;
}
.code .green {
	color: #339933;
}
.code .black {
	color: #000000;
}
blockquote {
	background: url(images/blockquote-bg.gif);
	margin: 0px 15px 20px;
	padding: 3px 10px;
	color:#666666;
	border-left: 3px dotted #d6e5aa;
	border-right: 3px dotted #d6e5aa;
	border-top: 1px dotted #d6e5aa;
	border-bottom: 1px dotted #d6e5aa;
	line-height: 140%;
}
h1 {
	margin: 40px 0px 44px;
	padding: 0px;
	float:right;
	text-decoration: none;
}
h1 a{
	display:block;
	height: 48px;
	width: 212px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h1 a:hover{
	text-decoration: none;
}
h2 {
	color: #163F53;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 210% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 2px;
}
h2 a, h2 a:visited{
	color: #163F53;
	text-decoration:none;
}
h2 a:hover {
	color:#FF6600;
	text-decoration:none;
}
h3 {
	margin: 20px 0px 0px;
	padding-bottom: 2px;
	font: bold 110% Arial;
	text-transform: uppercase;
	letter-spacing:1px;
	color: #205A77;
}
.sub_heading {
	margin: 10px 0px 0px;
	font: bold 110% Arial;
	text-transform: uppercase;
	color: #666666;
}
.cat_heading {
	color: #779d03;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #c1c9a6;
	font: normal 150% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
}
.cat_heading-alt {
	color: #779d03;
	margin: 0px;
	padding-bottom: 4px;
	font: normal 150% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
}
h4 {
	font: normal 150% Tahoma, Arial, sans-serif;
	color: #779d03;
	margin: 0px 0px 2px;
	border:none;
}
ul {
	padding: 0px;
	margin: 5px 0px 15px 16px;
}
ul li ul{
	padding: 0px;
	margin: 0px 0px 5px 16px;
}
ul li {
	margin: 0px;
	padding: 0px;

}
ol {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 25px;
}
ol li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
hr {


	height: 1px;
	clear: both;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #E3E3E3;
}
.clear {
	clear:both;
}
.displaynone {
	display:none;
}
hr.hidden {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
small {
	font-size: 85%;
	color:#999999;
	line-height:120%;
}
#header_wrap {
	width: 754px;
	height: 208px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
}
#search_wrap{
	clear:both;
	float:right;
}
#searchform {
	margin:0px;
	padding:0px;
	float:right;
}
#searchform label{
	display:none;
}
#s {
	border:1px solid #203346;
	width: 130px;
	padding: 1px;
}
#searchsubmit {
	background: url(images/search-btn.gif) no-repeat;
	width: 24px;
	height:23px;
	border:none;
	text-indent: -900em;
	line-height:0px;
}
#header_nav {
	float:right;
	margin-right: 7px;
	background: url(images/headernav-divider.gif) no-repeat right top;
	font-size: 90%;

	padding: 1px 5px 0px 0px;
}
#nav {
	list-style:none;
	margin:28px 0px 0px;

	padding:0px;
	clear:both;
	float:right;
	line-height:0px;
}
#nav li{
	margin-left:5px;
	float:left;
}
#nav li a{
	height: 25px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
#nav #nav-home a{
	width: 63px;
	background: url(images/nav-blog.gif) no-repeat left top;
}
#nav #nav-home a:hover{
	background: url(images/nav-blog.gif) no-repeat left bottom;
}
#nav #nav-about a{
	width: 65px;
	background: url(images/nav-about.gif) no-repeat left top;
}
#nav #nav-about a:hover{
	background: url(images/nav-about.gif) no-repeat left bottom;
}
#nav #nav-resources a{
	width: 91px;
	background: url(images/nav-resources.gif) no-repeat left top;
}
#nav #nav-resources a:hover{
	background: url(images/nav-resources.gif) no-repeat left bottom;
}
#nav #nav-portfolio a{
	width: 86px;
	background: url(images/nav-portfolio.gif) no-repeat left top;
}
#nav #nav-portfolio a:hover{
	background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
#nav #nav-icons a{
	width: 64px;
	background: url(images/nav-icons.gif) no-repeat left top;
}
#nav #nav-icons a:hover{
	background: url(images/nav-icons.gif) no-repeat left bottom;
}
#nav #nav-forum a:hover{
	background: url(images/nav-forum.gif) no-repeat left bottom;
}
body#home #nav-home a{
	background: url(images/nav-blog.gif) no-repeat left bottom;
}
body#about #nav-about a{
	background: url(images/nav-about.gif) no-repeat left bottom;
}
body#portfolio #nav-portfolio a{
	background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
body#icons #nav-icons a{
	background: url(images/nav-icons.gif) no-repeat left bottom;
}
body#resources #nav-resources a{
	background: url(images/nav-resources.gif) no-repeat left bottom;
}
#body_wrap {
	width:743px;
	margin: 0px auto;
	padding: 10px 12px 40px 15px;
	background: #FFFFFF url(images/content-corner-bg.gif) no-repeat left bottom;
	clear:both;
}
#home-leftcol {
	float:left;
	width: 405px;
	overflow: hidden;
}
#home-rightcol {
	width:320px;
	float:right;
}
#single-leftcol {
	float:left;
	width: 560px;
}
#single-rightcol {
	float:right;
	width: 165px;
}
.sidebar-half {
	width: 152px;
	float:left;		
}
.home-subrightcol {
	width: 153px;
	float:right;		
}
#footer_wrap {
	width: 746px;
	background: #000000 url(images/footer-corner-bg.gif) no-repeat left top;
	margin: 0px auto;
	padding: 5px 12px 12px;
	color:#999999;
	clear:both;
}
.footer_leftcol{
	width:195px;
	margin-right: 16px;
	float:left;
}
.footer_rightcol {
	width:320px;
	float:right;
}
.footer_rightcol a, .footer_rightcol a:visited {
	color:#4E9F9F;
}
.footer_submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
	background-color: #000000;
	border-top: #272727 1px dotted;
}
.footer_submenu li{
	border-bottom: #272727 1px dotted;
	line-height: 130%;
	list-style:none;
}
.footer_submenu li a{
	color: #759398;
	text-decoration: none;
	padding: 4px 0px 4px 2px;
	display:block;
}
.footer_submenu li a:visited{

	color: #759398;
	text-decoration: none;
}
.footer_submenu li a:hover{
	text-decoration: none;
	background-color:#132022;
	color:#FFFFFF;
}
a.validcss-mini {
	background: url(images/validcss-mini.gif) no-repeat left center;
	padding-left: 13px;
	color:#FF9900;
	text-decoration: none;
	margin-left: 10px;
}
a.validcss-mini:visited {
	color:#FF9900;
}
a.validcss-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.validhtml-mini {
	background: url(images/validhtml-mini.gif) no-repeat left center;
	padding-left: 13px;
	color:#80c43d;
	text-decoration: none;
	margin-left: 10px;
}
a.validhtml-mini:visited {
	color:#80c43d;
}
a.validhtml-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.archive-mini {
	background: url(images/archive-mini.gif) no-repeat left center;
	padding-left: 15px;
	color:#89bc61;
	text-decoration: none;
	margin-right: 10px;
}
a.archive-mini:visited {
	color:#89bc61;
}
a.archive-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.rss-mini {
	background: url(images/rss-mini.gif) no-repeat left center;
	padding-left: 14px;
	color:#FFCC33;
	text-decoration: none;
	margin-left: 10px;
}
a.rss-mini:visited {
	color:#FFCC33;
}
a.rss-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.sitemap-mini {
	background: url(images/sitemap-mini.gif) no-repeat left center;
	padding-left: 14px;
	color:#3ba5cf;
	text-decoration: none;
	margin-left: 10px;
}
a.sitemap-mini:visited {
	color:#3ba5cf;
}
a.sitemap-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.links-mini {
	background: url(images/links-mini.gif) no-repeat left center;
	padding-left: 15px;
	color:#f86bb1;
	text-decoration: none;
	margin-right: 10px;
}
a.links-mini:visited {
	color:#f86bb1;
	text-decoration: none;
}
a.links-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.contact-mini {
	background: url(images/contact-mini.gif) no-repeat left center;
	padding-left: 15px;
	color:#66CCFF;
	text-decoration: none;
}
a.contact-mini:visited {
	color:#66CCFF;
	text-decoration: none;
}
a.contact-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
.submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
}
.submenu li{
	border-bottom: #dae2cc 1px dotted;
	line-height: 130%;
	list-style:none;
}
.submenu li a{
	color: #790000;
	text-decoration: none;
	padding: 4px 6px 4px 2px;
	display:block;
	list-style:none;
}
.submenu li a:visited{
	color: #790000;
	text-decoration: none;
}
.submenu li a:hover{
	text-decoration: none;
	background-color: #dae2cc;
}
.submenu .page_item {
	display:block;
}
.submenu .current-cat {
	background: url(images/currentpg-arrow.gif) no-repeat right center;
}
.submenu .current_page_item {
	background: url(images/currentpg-arrow.gif) no-repeat right center;
}
a.continue {
	background: url(images/continue-mini.gif) no-repeat right center;
	padding-right: 15px;
	color: #3a740e;
	text-decoration:none;
}
a.continue:visited, a.continue:hover {
	color: #3a740e;
	text-decoration:none;
}
.archive-list {
	list-style:none;
	margin: 5px 0px 20px;
	padding:0;
}
.archive-list li{
	background: url(images/archive-arrow.gif) no-repeat left center;
	padding-left: 10px;
}
.post {
	margin: 0px 0px 20px;
	clear:both;
}
.postdate {
	background: url(images/mini-date.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 90%;
	color:#666666;
	float:left;
}
.postcomment {
	background: url(images/mini-comment.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 90%;
	float:right;
}
.postjumpcomment {
	background: url(images/jumpcomment-mini.gif) no-repeat right center;
	padding-right: 13px;
	font-size: 90%;
	float:right;
}
.postjumpcomment a, .postjumpcomment a:visited{
	color: #698d9c;
	text-decoration:none;
}
.postjumpcomment a:hover {
	color: #FF9900;
	text-decoration:none;
}
.postcomment a, .postcomment a:visited {
	color: #CC6600;
	text-decoration:none;
}
.postcomment a:hover {
	color: #FF9900;
	text-decoration:none;
}
.postcat {
	background: url(images/mini-cat.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 90%;
	color: #999999;
	float:left;
	margin-left: 15px;
}
.postcat a, .postcat a:visited {
	color: #669900;
	text-decoration:none;
}
.postcat a:hover {
	color: #FF9900;
	text-decoration:none;
}
.postcat span {
	display:none;
}
.entry {
	clear:both;
	padding-top: 10px;
}
.left {
	float:left;
}
img.left {
	float:left;
	margin: 2px 10px 5px 0px;
}
a img.left {
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.left{
	border-color: #FF6600;
	background: #FF6600;
}
.right {
	float:right;
}
img.right, a img.right {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.right{
	border-color: #FF6600;
	background: #FF6600;
}
.footer_nav {
	float:right;
	margin: 20px 0px 0px;
	padding:0px;
	font-size:90%;
}
.copyright {
	text-align:right;
	border-top: 1px solid #222222;
	font-size:85%;
	clear:both;
	margin:10px 0px 0px;
	color: #666666;
}
img.img_border, a img.img_border {
	border: 5px solid #E0E0E0;
}
a:hover img.img_border{
	border-color: #FF6600;
}
.popular-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.popular-list li{
	background: url(images/mini-star.gif) no-repeat left center;
	padding: 3px 0px 3px 12px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
.popular-list li a{
	color:#333333;
	text-decoration:none;
	list-style:none;
}
.popular-list li a:visited{
	color:#333333;
	text-decoration:none;
}
.popular-list li a:hover{
	color:#669900;
	text-decoration:none;
}
#respond {
	background:url(images/postcomment.gif) no-repeat left center;
	padding: 0px 0px 2px 20px;
	color: #779d03;
	margin: 0px;
	font: normal 140% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform label{
	font-weight: bold;
	color:#668b9a;
	font-size: 100%;
}
#commentform label span{
	font-weight: normal;
}
#commentform input{
	width: 153px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 375px;
	height: 135px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
	margin-top: 3px;
}
#commentform .submitbutton {
	width: auto;
	padding: 4px 12px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #587683;
	border: none;
}
#commentform .submitbutton:hover {
	background: #779d03;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #F1FFD5;
}
.commentlist {
	list-style:none;
	margin:0px 0px 15px;
	padding:0px;
	line-height: 130%;
}
.commentlist p{
	margin: 10px 0px;

}
.commentlist li{
	margin: 10px 7px;
	padding:0px 0px 10px;
	background: url(images/thumb-hr.gif) no-repeat center bottom;
}
.gravatar {
	background: url(images/avatar-bg.gif) no-repeat;
	width: 58px;
	height:55px;
	margin-top: 3px;
	padding: 6px 0px 6px 6px;
	float:left;
}
.gravatar img {
	border:solid 1px #cee48b;
	background-color: #FFFFFF;
}
.comment-entry {
	width: 470px;
	float:right;
	position:relative;
}
.comment-number {
	font-size: 14px;
	color: #CCCCCC;
	float:right;
	position: absolute;
	top: 5px;
	right: 5px;
}
.commentlist cite {
	font: 150% Tahoma, "Trebuchet MS", Arial;
	color: #5A8800;
}
.commentlist cite a, .commentlist cite a:visited{
	color: #5A8800;
	text-decoration:underline;
}
.commentlist cite a:hover{
	text-decoration:none;
}
.ad-banner {
	margin: 15px 0px 15px 5px;
	clear:both;
	height: 65px;
}
.ad-banner2 {
	margin: 5px 0px 10px;
	clear:both;
	height: 65px;
}
.ad-thumb {
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	padding: 4px;
	float: left;
	margin: 0px 6px 0px 5px;
}
.sponsorlinks {
	list-style: none;
	margin: 0px;
	padding: 1px 0px 5px 0px;
	font-size: 90%;
}
.sponsorlinks li{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(images/text-link-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.sponsorlinks li a{
	color: #333333;
	text-decoration: none;
}
.sponsorlinks li a:visited{
	color: #333333;
	text-decoration: none;
}
.sponsorlinks li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.sponsorlinks-heading {
	font-weight: bold;
	color: #666666;
	background: url(images/bottom_divider.gif) no-repeat left bottom;
	margin-bottom: 2px;
	font-size: 90%;
	text-transform: uppercase;
}
.sponsor-banner {
	margin-top: 7px;
}
.credit {
	font-size: 83%;
	color: #999999;
	border-top: 1px solid #E1E1E1;
	text-align:right;
}
.landing-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.landing-list li{
	width: 258px;
	float: left;
	padding: 10px;
	height:75px;
}
.landing-list img {
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: left;
	margin-right: 10px;
}
.landing-list h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	text-transform:none;
	letter-spacing: 0px;
}
.landing-list h3.folder a{
	margin: 0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	padding: 0px 0px 0px 18px;
	background: url(images/folder-mini.gif) no-repeat left center;
	text-transform:none;
	letter-spacing: 0px;
}
.landing-list br{
	display:none;
}
.thumb-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.thumb-list li{
	width: 155px;
	float: left;
	margin: 5px 13px 15px;
	text-align:center;
}
.thumb-list img {
	border: 5px solid #E0E0E0;
}
.thumb-list a:hover img {
	border-color: #FF9900;
}
.thumb-list br{
	display:none;
}
.thumb-list p{
	line-height:100%;
	margin:0px;
}
.ban-list {
	list-style:none;
	margin:0px 0px 10px;
	padding:0px 0px 0px 10px;
}
.ban-list br{
	display:none;
}
.ban-list p br{
	display:block;
}
.ban-list li{
	margin: 12px 0px;
	height:104px;
	background: url(images/thumb-hr.gif) no-repeat center bottom;
}
.ban-list img {
	border: 5px solid #E0E0E0;
	float: left;
	margin-right: 10px;
}
.ban-list a:hover img {
	border-color: #FF9900;
}
.ban-list a:hover {
	border-color: transparent;
}
.ban-list h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	color:#666666;
	text-transform:none;
	letter-spacing: 0px;
}
.px_icon_table td{
	padding: 2px;
	color: #666666;
	font-size: 90%;
}
.px_icon_table img{
	margin-right: 7px;
	padding: 3px;
	border: 1px solid #E3E3E3;
	vertical-align: middle;
}
.ddsg-sitemap {
	list-style:none;
	margin:0px 0px 30px 15px;
	line-height: 140%;
}
.ddsg-sitemap li{
	font-weight:bold;
	background: url(images/sitemap-mini-folder.gif) no-repeat top left;
	padding-left: 13px;
}
.ddsg-sitemap li ul{
	margin-bottom: 3px;
	list-style:none;
	margin-left: 5px;
}
.ddsg-sitemap li ul li{
	font-weight:normal;

	background: url(images/sitemap-mini-file.gif) no-repeat left top;
	padding-left: 12px;
}
.download_btn {
	font: bold 110% Arial, Helvetica, sans-serif;
}
a.download_btn , a.download_btn:visited{
	color:#669900;
	text-decoration:none;
	background: url(images/download-btn.gif) no-repeat left center;
	padding: 0px 0px 0px 18px;
}
a.download_btn:hover {
	color: #FF6600;
	text-decoration:none;
}
.preview_btn {
	font: bold 110% Arial, Helvetica, sans-serif;
}
a.preview_btn , a.preview_btn:visited{
	color:#669900;
	text-decoration:none;
	background: url(images/preview-btn.gif) no-repeat left center;
	padding: 0px 0px 0px 18px;
}
a.preview_btn:hover {
	color: #FF6600;
	text-decoration:none;
}
.center {
	text-align: center;
}
.pagenav {
	text-align:right;
	border-top: 1px dotted #CCCCCC;
	margin: 25px 0px 10px;
	padding-top: 2px;
	clear:both;
}
.breadcrumb {
	font-size: 10px;
	color:#A7A7A7;
	line-height:100%;
}
.breadcrumb a, .breadcrumb a:visited{
	color:#779d03;
	text-decoration:none;
}
.breadcrumb a:hover{
	color:#FF9900;
	text-decoration:none;
}
.quarter {
	width: 172px;
	margin: auto 7px;
}
.one-third {
	width: 176px;
	float:left;
}
.half {
	width: 272px;
	float:left;
}
.separator {
	margin-right: 15px;
}
.external-list {
	margin: 5px 0px 15px 5px;
	padding: 0px;
	list-style: none;
}
.external-list li {
	margin: 0px;
	padding: 2px 0px 2px 14px;
	background: url(images/mini-external.gif) no-repeat left center;
}
.links-list {
	list-style:none;
	margin:3px 0px 20px;
	padding:0px;
	line-height: 100%;
	font-size: 90%;
}
.links-list li{
	width: 170px;
	height:19px;
	background: url(images/links-bullet.gif) no-repeat left center;
	margin-bottom: 2px;
}
.links-list li a, .links-list li a{
	height:19px;
	display:block;
	color: #FF6600;
	text-decoration:none;
	padding: 4px 10px 0px 14px;
}
.links-list li a:hover{
	color: #339900;
	text-decoration:none;
	background: url(images/links-li-bg.gif) no-repeat;
}
.update {
	background: #FFFBE8;
	padding: 2px 7px;
	border: 1px solid #FFE4C1;
	margin: 10px 0px 5px;
}
.alert {
	background: url(images/mini-update.gif) no-repeat left center;
	text-transform: uppercase;
	color: #663300;
	padding: 2px 0px 2px 17px;
	border-bottom: 1px solid #FFE6C4;
	margin:0px 0px 5px;
}
#intouchform {
	margin: 20px 10px 10px;
	font: 110% Arial, Helvetica, sans-serif;
	color: #000000;
}
#intouchform p{
	clear: left;
	margin: 5px 0 10px 0px;
	position: relative;
}
#intouchform label{
	font-weight: bold;
	color:#598192;
	float: left;
	width: 120px;
	background: url(images/formlabel-arrow.gif) no-repeat top right;
	margin-right: 8px;
}
#intouchform input{
	width: 350px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
}
#intouchform textarea{
	width: 350px;
	height: 140px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
}
#intouchform .submitbutton {
	width: auto;
	padding: 4px 12px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #587683;
	border: none;
}
#intouchform .indent {
	margin-left: 128px;
}
#intouchform .submitbutton:hover {
	background: #779d03;
}
#intouchform #usermessage {
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 5px 125px;
}
#intouchform .error {
	border: 1px solid #FF9900;
}
#intouchform .failure {
	color:#FF9900;
}
#intouchform .success {
	color:#669900;
}
#intouchform .required {
	position: absolute;
	color: #97b5c2;
	top: 3px;
	padding-left: 5px;
}
#intouchform textarea:focus, #intouchform input[type="text"]:focus {
	background: #F1FFD5;
}
.left-noborder {
	border: none;
	float: left;
	margin-right: 15px;
}
.icons-list {
	list-style:none;
	margin:0px 0px 10px;
	padding:0px 0px 0px 5px;
}
.icons-list br{
	display:none;
}
.icons-list p br{
	display:block;
}
.icons-list li{
	margin: 12px 0px;
	height: 166px;
	background: url(http://www.ndesign-studio.com/wp-content/themes/phoenix/images/thumb-hr.gif) no-repeat center bottom;
}
.icons-list h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	color:#666666;
	text-transform:none;
	letter-spacing: 0px;
}
.buy-options {
	list-style:none;
	margin: 0px 0px 15px;
	padding: 0px;
	border-top: solid 1px #dfe8c3;
	color: #666666;
}
.buy-options br{
	display:none;
}
.buy-options li{
	height: 18px;
	clear: both;
	border-bottom: solid 1px #dfe8c3;
	padding: 5px 0px;
}
.buy-options li a, .buy-options li a:visited{
	color: #557D00;
}
.icons-right {
	float: right;
	width: 398px;
}
.small {
	font-size: 90%;
}
Retrieved from "https://wiki.secondlife.com/w/index.php?title=MediaWiki:Monobook.css&oldid=3299"