@import url( "http://www.mocasting.com/main/wp-content/sitetemplates/green-marinee/templates/wp-layout.css" ); /* Theme Name: Green Marinée Theme URI: http://e-lusion.com/ Description: Green Marine was designed and built specially for Alex King's WordPress 1.5 themes competition. Version: 1.0 Author: Ian Main Author URI: http://e-lusion.com/ For the WordPress community (GPL), enjoy it guys. by Ian Main - e-lusion.com */ /* 1) General selectors - body,h1/h3,a,blockquote,code,p 2) Structure - container,content,tagline 3) Left selectors - main,meta,comments 4) Right selectors - author,links,line,search,themes 5) Footer - extras 6) Forms - input,textarea 7) Accessibility - skip,hr 8) Hacks - clearfix */ /* 1) -=-=-=- General selectors -=-=-=- */ body { background: #FCFEF4 url(http://home.pchome.com.tw/my/s760502/mu/bg_09_04.jpg) repeat-x; margin: 68px 0 20px 30px; /*margin: 52px 0 20px 30px;*/ font-family: Verdana, Helvetica; font-size: 11px;line-height:150%; color: #000000; text-align: left; } h1 { color: #000000; font-size: 12px; font-family:georgia; } /* Uncomment if you want to use the tagline feature (make sure you uncomment .tagline below) - off by default h1 { color: #FCFEF4; margin: -45px 0 0 7px; position: absolute; font-size: 2.2em; } */ h1 a:link, h1 a:visited { color: #000000; text-decoration: none; font-family:georgia; } h1 a:hover, h1 a:active { background: none; color: #cccccc; text-decoration: none; font-family:georgia; } h2 { color: #000000; font-weight: normal; font-size: 11px; margin: 20px 0 0 0; margin: 2px;float: left list-style-type: none;margin: 0px;padding: 0px; } h2 a:link, h2 a:visited { color: #000000; font-weight: normal; text-decoration: none; background: #94a437;padding:5px; } h2 a:hover, h2 a:active { font-weight: normal; text-decoration: none; background: #7DA721;position:relative;top:-7px; border-bottom: #7DA721 5px solid;color:#fff } h3 { font-size: 11px;color: orange;letter-sapcing:1pt; margin: 20px 0 -10px 0; font-weight: normal; } .menu{ color:#000000;} .menu:link,visisted{ color:#000000; text-decoration: none;} .menu:hover { color:#000000; border-bottom: 3px dotted #0099cc ;} a:link { color: #78A515; /*font-weight: bold;*/ text-decoration: none; } a:link, a:visited { color: #78A515; } a:hover, a:active { color: #B4E846; text-decoration: none; background:#ffffff; } blockquote { border-left: 4px solid #3F3F3F; padding: 0 10px; margin: 0 0 0 10px; font-style: italic; } code { display: block; padding: 10px; color: #444E1F; background: #F5F8E8; font-size: 1.2em; border-top: 2px solid #D0EC98; } p { line-height: 180%; } /* 2)-=-=-=- Structure -=-=-=- */ #container { width: 765px; margin: 0; text-align: left; } .container_left { background: url(/main/wp-content/sitetemplates/green-marinee/img/container_top.gif) no-repeat; } .container_right { background: url(/main/wp-content/sitetemplates/green-marinee/img/container_top.gif) no-repeat top right; } .topline { background: url(/main/wp-content/sitetemplates/green-marinee/img/container_top.gif) no-repeat; } #content { padding-top: 30px; margin: 20px; width: 480px; } #content_bg { background: #fff url(/main/wp-content/sitetemplates/green-marinee/img/container.gif) repeat-y; } /* Uncomment if you want to use the tagline feature (make sure you uncomment h1 above and comment the original h1) - off by default .tagline { color: #888; margin: -18px 0 0 9px; position: absolute; font-size: 1em; } */ /* 3)-=-=-=- Left selectors -=-=-=- */ .main li { background: url(/main/wp-content/sitetemplates/green-marinee/img/content_bullet.gif) no-repeat 0 7px; padding: 2px 0 0 10px; list-style: none; } .main ul { padding: 0 0 20px 10px; margin: 0; } .main img { padding: 3px; border: 1px solid #ACE149; } .meta { font-weight:normal; background: #F5F5F5; font-size: .9em; padding: 2px; } .meta:hover { font-weight:normal; background:#F5F5F5; text-decoration: none; } .highlight { /* Basic highlight for text */ background: none; } .comments { font-size: 1.2em; padding-bottom: 25px; border-bottom: 3px double #eee; } .comments a:link, .comments a:visited { color: #78A515; /*font-weight: bold;*/ text-decoration: none; } .comments a:hover, .comments a:active { /*background: none;*/ color: #B4E846; text-decoration: none; } .alt { background: #EAF8CF !important; border: 1px solid #D5F0A4 !important; padding: 10px 10px 0 10px !important; } .alt:hover { border: 1px solid #ACE149 !important; } .commentlist li:hover { border: 1px solid #ACE149; } .commentlist { padding: 0; margin: 0; } .commentlist li { list-style: none; padding: 10px 10px 0 10px; background: #F6FCEB; border: 1px solid #DEF3B6; margin: 10px; color: #3C452D; } p.metadate { font-size: .8em; margin: 0; text-transform: uppercase; } p.comment_meta { margin: 0 0 10px 10px; font-size: .9em; } .comment_author a:visited { /*font-weight: bold;*/ text-decoration: none; background:#F5F5F5; } #comment_text { padding: 10px 0 10px 0; } .reply { font-size: 1.2em; margin: 10px 0 0 10px; } .nice h2.reply { font-size:1.1em; margin: 10px 0 0 0; } .nice { margin: 10px 0 0 10px; } .warning p { /* Used on the search page (image will appear if no result is found) */ background: url(/main/wp-content/sitetemplates/green-marinee/img/warning.gif) no-repeat left; height: 160px; padding: 20px 0 0 90px; font-size: 1.5em; margin: 0 0 0 10px; } .postinput { margin-left: 10px; } /* 4)-=-=-=- Right selectors -=-=-=- */ #right { float: right; width: 250px; padding: 10px 15px; /* Box model hack used for IE5.5/5 */ voice-family: "\"}\""; voice-family: inherit; width: 230px; } #author li { list-style: none; margin: 0; padding: 0 5px 20px 0; font-size: .9em; line-height: 180%; } #author ul { padding: 20px 0 0 0; margin: 0; } #links li { list-style: none; background: url(/main/wp-content/sitetemplates/green-marinee/img/links_bullet.gif) no-repeat 0 50%; padding: 2px 0 2px 20px; } #links ul { padding: 20px 10px 30px 10px; margin: 0; } #links a { font-size: .9em; text-decoration: none; } #links a:link { color: #94a437; font-weight: normal; } #links a:visited { color: #94a437; } #links a:hover, #links a:active { color: #B4E846; text-decoration: none; background:#F6F6F6; } .line { border-top: 3px solid #ACE149; margin-top: -5px; } #search { background: url(/main/wp-content/sitetemplates/green-marinee/img/search.gif) no-repeat; height: 56px; margin: 0 auto; padding-top: 22px; } #search h3 { font-size: 1.4em; margin: 20px 0 -10px 0; font-weight: normal; } p.searchinfo { margin: 2px 0 -8px 2px; font-size: .9em; color: #999; } .searchfield { background: #fff; border: 1px solid #ACE149; color: #7DA721; padding: 2px 5px 1px 5px; width: 160px; } .searchfield:hover { border: 1px solid #BFBFBF; color: #949494; } .submit { background: url(/main/wp-content/sitetemplates/green-marinee/img/search_submit.gif) no-repeat; height: 20px; width: 52px; border: 0; margin-left: 2px; text-indent: -9999px; cursor: pointer; } .submit:hover { background: url(/main/wp-content/sitetemplates/green-marinee/img/search_submit.gif) no-repeat 0 -20px; height: 20px; width: 52px; border: 0; margin-left: 2px; cursor: pointer; } .themes { font-size: .9em; } /* 5)-=-=-=- Footer -=-=-=- */ #footer { background: url(/main/wp-content/sitetemplates/green-marinee/img/footer.gif) no-repeat; height: 75px; width:760px; } #footer p { padding: 0 0 0 100px; margin: 18px 0 0 0; float: left; text-transform: uppercase; font-size: 10px; color: #777; } .extras { float: right; padding: 33px 18px 0 0; } .extras a { text-decoration: none; } .extras a:link, .extras a:visited { background: #ccc; color: #fff; padding: 5px; border: 2px solid #fff; } .extras a:hover, .extras a:active { background: #DEEEA4; color: #7AB90C; padding: 5px; border: 2px solid #C9E979; } .extras li { display: inline; } .extras ul { padding: 0 0 10px 0; margin: 0; } /* 6)-=-=-=- Forms -=-=-=- */ input { border: 1px solid #BFBFBF; color: #949494; background: #fff; padding: 2px 5px 1px 5px; font-size: 1em; } input:hover { background: #fff; border: 1px solid #ACE149; color: #7DA721; font-size: 1em; } textarea { font-family: Arial, Verdana, Helvetica; font-size: 1.1em; border: 1px solid #BFBFBF; color: #949494; padding: 2px 5px 1px 5px; width: 350px; } textarea:hover { background: #fff; border: 1px solid #ACE149; color: #7DA721; } /* 7)-=-=-=- Accessibility -=-=-=- */ #skip { display: none; } hr { /* Simple style when CSS not in use */ display: none; } /* 8)-=-=-=- Hacks -=-=-=- */ .clearfix:after { /* float hack used to float content correctly */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ #topbar { position: absolute; padding:0; margin: -65px 0 0 0; height:10px; width: 760px; text-align: right; } #topbar a:link, #topbar a:visited { text-decoration: none; page-break-after: always; color:black; font-weight:normal; } #topbar a:hover{ position:relative;top:1px;left:1px; color:black;} #sidebararea #sidebarmenu { text-align: left; } #sidebarcontents { text-align: left; } .meta a:link,.meta a:visited { color: #78A515; font-weight:normal; text-decoration: none; } .meta a:active, .meta a:hover { font-weight:normal; color: #000000; text-decoration: none; } .meta a:hover { font-weight:normal; background:#f6f6f6; }