/* Theme Name: SealServer Network v2.0.1 Theme URL: http://www.sealserver.com.my Description: SealServer provide premium hosting solution. Author Name: Hanep Author URL: http://www.hanep.org Author Note: Finally, I made my own theme. */ /* STRUCTURE */ * {margin:0;padding:0;} body {font: 93% "tahoma", Helvetica;color: #0a2052; background:#fff ; background-image:url(images/bg.png); background-repeat:repeat-x; } p { margin: 15px 0;} a:link, a:visited { color:#4183cd; } a:hover, a:active { background: #f5fbff;text-decoration:none;} a img {border:0;} code {font: 1.0em 'arial', Courier, Fixed;background:#ececec;} acronym, abbr, span.caps { font-size: 0.9em;letter-spacing: .07em;cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {padding: 10px 10px 10px 10px;border-top: 1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;border-bottom: 1px solid #ddd;background: #F4F8FB; font:1.0em;line-height:1.5em;margin:10px 0px;} select {width: 130px;} .allinfoss { font-size:11px; height:20px; padding-bottom:10px;} #head {width:940px;margin:0px auto;margin-top:0px;padding:0px;font-size:0.6em; border: 0px solid #E1EBF4; border-bottom:none;} #page {width:920px;margin:0px auto;padding:10px;background:#ffffff;font-size:0.7em; border-left: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 1px solid #ECECEC; border-top: 0px solid #ffffff; } #page8 {width:420px;margin:0px auto;padding:10px;background:#ffffff;font-size:0.7em; border: 1px solid #E1EBF4;} .left {float:left;} .right {float:right;} .topleft {width: 890px;text-align: left;line-height:20px;font-size: 13px;color: #E9E9E9;margin:0 auto;background: url(images/icon/favicon.jpg) no-repeat 11px 11px;padding: 6px 26px;font-family: "calibri", tahoma, verdana, arial, sans-serif;} .topleft8 {width: 390px;text-align: left;line-height:20px;font-size: 13px;color: #999;margin:0 auto;background: url(images/icon/favicon.jpg) no-repeat 11px 11px;padding: 6px 26px;font-family: "calibri" ,tahoma, verdana, arial, sans-serif;} /* INDEX */ #top {padding:0;} #headline {width:490px;float:left;background:#fff;padding:10px;font-size:1.05em;line-height:1.5em;margin:0;} #headline div.title {font-weight:bold;font:2.4em Georgia;letter-spacing:-0.05em;display:block;padding-bottom:5px;} #headline div.meta {display:block;padding-bottom:2px;} #headline p {padding-bottom:15px;} #headline a img, #featured a img {border:1px solid #bbb;margin-top:5px;margin-right:10px;} #middle {width: 800px;background:#fff;float:right;padding:10px;margin:10px 0;} .category {width:164px;float:left;border-top:8px solid #333;margin:0px;padding:5px 10px 10px 10px;background:#fff;} .category p {margin:0;} #cat-1, #cat-3, #cat-5 {border-top:8px solid #333333;} #cat-2, #cat-4 {border-top:8px solid #3c57a7;} .category span.cat_title, #front-popular h3, #front-list .cat_title {text-transform:lowercase;margin:0;font-weight:bold;font-size:1.5em; letter-spacing:-0.05em;} #front-popular h3 {color:#fff;} .category a {color:#333;display:block;background:none;} .category a:hover {background:none;color:#fff;text-decoration:none;} #cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; } #cat-2:hover, #cat-4:hover {background:#3c57a7; color:#fff; } #cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; } #cat-2:hover a, #cat-4:hover a {background:#3c57a7; color:#fff; } #bottom {width: 820px;} #front-list {width:470px;background:#fff;padding:10px;font-size:1.05em;line-height:1.75em;float:left;} #front-list blockquote {padding: 0px 10px 0 10px;} #front-list .title {font-weight:bold;font:2.0em Georgia;letter-spacing:-0.05em;} #front-list .divider {margin-left:216px;margin-top:15px;margin-bottom:15px;} .author {font-size:0.8em;font-weight:bold;} .meta {margin-top:-5px;font-size:0.8em;color:#333;} .meta a {color:#333;} #headline p, #featured p {margin:0;} .clearfloat:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfloat {display: inline-block;} * html .clearfloat {height:1%;} *+html .clearfloat {height:1%;} .clearfloat {display:block;} /* NAVIGATION */ #navbar {margin:0 auto;margin-top:0px;padding:0px 20px; text-transform:uppercase; background-image:url("images/nav2.png"); font-family: "arial"; font-size:9px; text-decoration:none; font-weight:bold;} #page-bar ul {list-style: none;} #page-bar li {float:left;list-style:none;cursor: pointer;display:block;border-right:0px solid #000000; } #page-bar li:hover {} #page-bar a, #page-bar a:visited {margin: 0px;padding:7px 27px;color:#FFF;display:block; text-decoration:none;} #page-bar a:hover {text-decoration:none;display:block; background:#0167A5; background-image:url("images/nav22.png"); color:#fff; } #page-bar li {float: left;margin: 0px;padding: 0px;} #page-bar li li {float: left;margin: 0px;padding: 0px;width: 200px;text-transform:uppercase; font-size:1em; } #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {color:#FFFFFF; background-image: url("images/nav_away.jpg"); color:#ffffff; width: 200px;padding: 5px 10px 5px 18px;border-right:0px solid #006699;border-left:0px solid #006699;} #page-bar li li a:hover, #page-bar li li a:active {background:#000000; padding: 5px 10px 5px 18px;} #page-bar li ul {position: absolute;width: 10em;left: -999em;} #page-bar li:hover ul {left: auto;display: block;} #page-bar li:hover ul, #page-bar li.sfhover ul {left: auto;} /* SubNavbar */ #subnavbar {background: #D8E6F5;height: 24px;color: #006699;margin: 0px;padding: 0px; } #subnav {margin: 0px;padding: 0px; padding-left:20px;} #subnav ul {float: left;list-style: none;margin: 0px;padding: 0px;} #subnav li {list-style: none;margin: 0px;padding: 0px;} #subnav li a, #subnav li a:link, #subnav li a:visited {color: #006699;display: block;font-size: 10px;font-weight: bold;text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; text-decoration:none; font-family: Arial, Helvetica, sans-serif;} #subnav li a:hover, #subnav li a:active {background: #FFFFFF;color: #006699;display: block;text-decoration: none;} #subnav li li a, #subnav li li a:link, #subnav li li a:visited {background: #666666;width: 140px;float: none;margin: 0px;padding: 6px 10px 6px 10px;border-bottom: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;} #subnav li li a:hover, #subnav li li a:active {background: #85ACAC;margin: 0px;padding: 6px 10px 6px 10px;} #subnav li {float: left;padding: 0px;} #subnav li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 160px;margin: 0px;padding: 0px;} #subnav li li { } #subnav li ul a { width: 140px;} #subnav li ul a:hover, #subnav li ul a:active { } #subnav li ul ul {margin: -25px 0 0 161px;} #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {left: -999em;} #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {left: auto;} #subnav li:hover, #subnav li.sfhover { position: static;} /* SIDEBAR */ #sider {width:196px; float:right; font-size:11px;} .side h5 { font-size:11px; font-family:Arial, Helvetica, sans-serif; } #sidebar {} .side {padding: 8px; margin: 0 0 10px 0;color: #454545; border: 1px solid #E6EDFB;} #sidebar li {list-style:none;display:block;} /* CONTENT */ #content {width:690px; padding:10px;font-size:1.05em;line-height:1.75em;float:left;min-height:600px; background:#fff; border: 1px solid #E6EDFB;} #content h2.title { font:2.0em Georgia;border-bottom:0px solid #eae9e4;border-top:1px solid #eae9e4; margin-bottom:-5px;padding:10px 10px;} #content .title {font:1.5em Georgia;} #content h3.title {background: url(images/icon/note.gif) no-repeat 8px 8px;padding: 6px 26px;margin: 5px 0;font-family: tahoma, verdana, arial, sans-serif;font-size: 17px;line-height: 17px;border-bottom:none;border-top: 1px dotted #ccc;} #content h3.title a {color:#006699; text-decoration:none;} #contentbig {width:900px; padding:10px;font-size:1.05em;line-height:1.75em;float:left; background:#fff; border: 0px solid #EFF2FC;} #contentbig h2.title { font:2.0em Georgia;border-bottom:0px solid #eae9e4;border-top:1px solid #eae9e4; margin-bottom:-5px;padding:10px 10px;} #contentbig .title {font:1.5em Georgia;} #contentbig h3.title {background: url(images/icon/note.gif) no-repeat 8px 8px;padding: 6px 26px;margin: 5px 0;font-family: tahoma, verdana, arial, sans-serif;font-size: 17px;line-height: 17px;border-bottom:none;border-top: 1px dotted #ccc;} #contentbig h3.title a {color:#006699; text-decoration:none;} #contentbig8 {width:400px; padding:10px;font-size:1.05em;line-height:1.75em;float:left; background:#fff; border: 1px solid #E6EDFB;} #contentbig8 h2.title { font:2.0em Georgia;border-bottom:0px solid #eae9e4;border-top:1px solid #eae9e4; margin-bottom:-5px;padding:10px 10px;} #contentbig8 .title {font:1.5em Georgia;} #contentbig8 h3.title {background: url(images/icon/note.gif) no-repeat 8px 8px;padding: 6px 26px;margin: 5px 0;font-family: tahoma, verdana, arial, sans-serif;font-size: 17px;line-height: 17px;border-bottom:none;border-top: 1px dotted #ccc;} #contentbig8 h3.title a {color:#006699; text-decoration:none;} /* POST */ .post {font-size:1.05em;line-height:1.6em;} .post p {margin-top:0px;} .post .clearfloat {border-bottom:0px dotted #333;margin:10px 0px;} .post ul, .post ol {margin-bottom:15px;} .post ul li { list-style:square;margin-left:30px;} .post ol li { list-style:decimal;margin-left:30px;} .post ol li ul li { list-style:square;margin-left:20px;} .post img, .post a img, #front-list img {border:0px;margin:0 10px 5px 0;} .post .ads {margin-top:10px;} .image { float: left; margin: 0 9px 3px 0; } .notes {border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 17px 10px 17px 80px; margin: 0 0 10px 0;background: #fff;color: #454545;} /* TITLES */ h1 {font:3.5em;font-weight:bold;letter-spacing:-0.08em;} h2 {font:2.3em tahoma, "Times New Roman"; font-weight:bold;} h3 {font:1.2em tahoma;margin-bottom:3px;color:#333333; font-weight:bold;border-bottom: 1px dashed #cccccc;padding-bottom: 5px;} h5 {font-size: 10px;font-weight: bold;text-transform: uppercase;text-decoration:none;padding-bottom:10px; } h3.cat_title, h3.cat_title a {color:#333;letter-spacing:-0.05em;} h3#respond {margin-top:0px;padding-top:20px;} h3#comments {margin-top:32px;padding-left:0px;} h3.authors {margin-top:15px;} /* Comments*/ .commentlist cite {font-style:normal;margin-bottom:0px;display:block;} .commentlist blockquote {background:#fff;} .commentlist li {padding: 10px 0px 10px 0px;list-style:none;margin-bottom:3px;} .commentlist li li {background:none;border:none;list-style:square;margin:3px 0 3px 20px;padding:3px 0;} .commenttext {padding: 10px 10px 0px 10px;background:#F7FAFD;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;width:595px;float:right} .commentlist cite strong {} li.my_comment {background: #FFF;border:none;} li.my_comment cite strong {color:#313228;} #commentform small {background:#FFF;font-weight:bold;padding:0;} .commentmetadata {color:#4d4d4d;display: block;margin-top:3px;text-align:right;} .commentmetadata a, .commentmetadata a:visited {color:#959382;} .commentlist small {background:#fff;} .avatar {border:1px solid #bbb;margin:0px 10px 0px 0px;float:left;padding:2px;width:55px;height:55px;} #comment {width:590px;background:#fff;} .note {background: url(images/icon/note.gif) #FFFFED no-repeat 8px 8px;padding: 6px 26px;margin: 5px 0;font-family: tahoma, verdana, arial, sans-serif;font-size: 11px;line-height: 17px;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;} /* FOOTER */ #footer {width:940px;float:center;margin: 0 auto; color:#666666; margin-bottom:40px; padding-bottom:40px; font-family:"calibri", Arial, Helvetica, sans-serif; } #footerleft {padding:10px;margin: 0 auto; font-size:0.80em;border: 0px solid #E6EDFB; float:left; } #footerright {padding:10px;margin: 0 auto; font-size:0.80em;border: 0px solid #E6EDFB; float:right; text-align:right; } #footer8 {width:440px;float:center;margin: 0 auto; color:#999999;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* COMPARE PLANS ===========================================================================================================*/ #plantable TD { border-bottom: 1px solid #ced8df; padding: 1px 0px 1px 10px; } .plantableheader TD { background-color: #F2F9FF; color: #4183cd; font-weight: bold; font-size: 12px; border-top: 15px solid #FFFFFF; } .plantableheaderresell TD { background-color: #d8ebff; color: #4183cd; font-weight: bold; font-size: 12px; border-top: 30px solid #FFFFFF; } .planspecs TD { font-size: 12px; } .planspecsH TD { font-size: 12px; background: #ffffeb; } .planspecsH2 TD { font-size: 12px; background: #fff6ac; } .planCell1 { border-top: 1px solid #D5DADF; border-bottom: 1px solid #D5DADF; background: #f7f7f7; padding: 8px; font-size: 11px; } .planCell2 { padding: 8px; font-size: 11px; } .listCell1 { border-top: 1px solid #D5DADF; border-bottom: 1px solid #D5DADF; padding: 3px; font-size: 11px; } .listCell2 { padding: 3px; font-size: 11px; } .planbullet { font-size: 11px; padding-left: 19px; padding-bottom: 15px; } .planbullet ul { margin: 0 0 0.5em 0; padding: 0 0 0 6px; list-style-type: square; list-style-image: url(../images/bullet8.gif); line-height: 1em; } .planbullet li { margin: 0 0 5px 0; } A.moreinfo, A.moreinfo:active, A.moreinfo:visited { color: #fff; text-decoration: none; } A.moreinfo:hover { color: #fff; text-decoration: none; cursor: HELP; } .center TD { text-align: center; }