/* Theme Name: TrueScale Theme URI: http://www.truescale.co.uk Description: Default Theme for TrueScale Solutions. Version: 1.0 Author: Your Web Designer Author URI: http://www.your-web-designer.co.uk */ /* HTML styling */ a { color: #a4144f; text-decoration: none; } a.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat; float: right; padding-left: 18px; width:100px;} span.next-entries { background: url(images/mini-nav-right.gif) no-repeat right center; display: block; float: right; padding-right: 18px; text-align: right; width: 225px; } a.post-calendar { background: url(images/mini-calendar.gif) no-repeat; color: #999999; float: right; font-size: 95%; padding-left: 20px;} span.post-dates { background: url(images/date.gif) no-repeat; float: left; font-size: 95%; padding-left: 20px; padding-right: 10px;} span.post-cat { background: url(images/mini-category.gif) no-repeat; float: left; font-size: 95%; padding-left: 20px; width:100px;} span.post-comments { background: url(images/mini-comments.gif) no-repeat; float: right; font-size: 95%; padding-left: 20px;} span.previous-entries { background: url(images/mini-nav-left.gif) no-repeat left center; display: block; float: left; padding-left: 18px; width: 228px; } a:hover { color: #5a0c2c; text-decoration: none; } a:visited { color: #5a0c2c; text-decoration: none; } body { background-color: #fff; font: 75%/150% Arial, Helvetica, sans-serif; padding: 0px; } form { margin: 0px; padding: 0px; } h1 { background: url(images/header-icon.gif) no-repeat; color: #a4144f; font: lighter 36px/150% Arial, Helvetica, sans-serif; height: 50px; margin: 0px; } h1 a, h1 a:visited { color: #a4144f; text-decoration: none; } h1 a:hover { color: #CCCCCC; text-decoration: none; } h2 { border-bottom: 1px dotted #CCCCCC; color: #a4144f; text-transform:uppercase; font: lighter 18px "Trebuchet MS", sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; } h2 a, h2 a:visited { color: #0d1216; text-decoration: none; } h2 a:hover { color: #0099cc; text-decoration: none; } h3 { color: #0C7DB0; font: normal 140%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; } h4 { color: #0C7DB0; font: normal 130%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; } hr.clear { clear: both; margin: 0px; padding: 0px; visibility: hidden; } img { border:none;} img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0px; } img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; } img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; } /*p { margin: 0px; padding: 0px 0px 15px; } */ /* Div's and layout */ #wrap { margin:0 auto; width:950px;} #commentform { font: 110% Arial, Helvetica, sans-serif; margin-top: 10px; } #commentform #submit { background: url(images/btn-bg.gif) no-repeat; border: none; color: #FFFFFF; cursor: pointer; float: right; font: bold 12px Arial, Helvetica, sans-serif; height: 20px; width: 100px; margin-bottom:30px;} #commentform input { background-color: #ffffff; border: 1px solid #cccccc; margin-top: 3px; padding: 3px; width: 200px; } #commentform label { color: #262626; font-size: 87%; } #commentform p { margin: 0px; padding: 6px 0px; } #commentform textarea { background-color: #ffffff; border: 1px solid #cccccc; height: 115px; margin-top: 3px; padding: 2px; width: 478px; } #commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; } #comments, #respond { border-bottom: 1px dotted #CCCCCC; clear: both; padding: 10px 0 5px 0; } #content { margin:0px 8px; float: left; padding: 0px 10px 0px 20px; background: url(images/contentTop.gif) repeat-x 10px 0px;} #contentAlt { width:620px; margin:0px 8px; float: right; padding: 0px 40px 0px 20px; } #contentContact { margin:0px 8px; float: right; padding: 0px 40px 0px 20px; } #addressMap{ float:left; width:400px; margin-left:5px; margin-bottom:60px; text-align:right } #contactForm{ float:left; width:330px; margin-right:100px; } #credits { color: #7a9299; font-size: 11px; height: 15px; line-height: 120%; margin: 0px auto; padding-bottom: 3px; width: 768px; } #credits a, #credit a:visited { color: #048db4; } #footer { clear: both; color: #ACD7EE; font-size: 11px; line-height: 130%; margin:0 auto; padding-bottom: 10px; text-align: left; width: 950px; } #footer a strong { color: #FFFFFF; } #footer a, #footer a:visited { color: #c2c2c2; } #footer a:hover { color: #FFFFFF; } #footer h4 { font: normal 146%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; } #footer li a { display: block; } #footer_bg { background: url(images/footer2.png) no-repeat; height: 117px; width: 950px; } #footerLeft{ width:450px; float:left; margin-left:30px; padding-top:0px; color: #FFFFFF; } #footerRight{ width:180px; float:right; margin-left:0px; padding-top:0px; color: #FFFFFF; } #header { background: url(images/headerBg_01.jpg) no-repeat; margin: 0 auto; margin-top: 0px; width: 950px; height: 119px; /*border:solid 1px green;*/ } #headerLeft { margin: 0px 0px 0px 27px; width: 430px; height:119px; float:left;/*border:solid 1px green;*/} #headerLeft h1 { display:none;} #headerLeft p { color: #FFFFFF; font-size: 150%; line-height: 200%; padding: 0px; display:none;} #headerRight { margin: 0px; width: 445px; height:119px; float:left; /*border:solid 1px green;*/} #logoImage{ margin: 15px 0px 0px 15px; border:none; float:left; position:relative; } #logoImage img{ border:none;} #navOuter{background: url(images/menuBg_02.jpg) no-repeat; height:31px; margin: 0 auto;} #nav { clear: both; float: left; list-style: none; margin: 0px 0px 0px 30px;} #nav a { border-right: 1px solid #fff; color: #FFFFFF; display: block; float: left; font: 12px/100% Arial, Helvetica, sans-serif; height: 32px; line-height: 32px; margin-right: 0px; text-decoration: none; vertical-align: middle; padding: 0 20px; } #nav a:hover { background: url(images/menuHover.png) repeat-x;color: #fff; } #nav li { display: inline; height: 30px; list-style: none; } #nav ul { margin: 0px; padding: 0px; } #nav .current_page_item a { background: url(images/menuHover.png) repeat-x;} #nav ul li ul{ display:none;} #welcome{ width:950px; height:264px; background: url(images/welcomeBg.gif) no-repeat; clear:both; color:#7a7a7a; } #welcomeColumn1{ float:left; width:370px; margin-top:20px; margin-left:30px;} #welcomeColumn2{ float:left; width:250px; margin-top:20px; padding: 0px 10px 0px 10px; } #welcomeColumn2 .p{line-height:130%;} #welcomeColumn3{ float:left; width:228px; height:228px; margin-top:20px; margin-left:25px; padding: 0px 0px 0px 0px; background: url(images/latestBox.png) no-repeat; overflow:hidden; } #servicesBlock{ margin-top:20px; display:block; width:910px; min-height:200px; margin-left:-8px; margin-bottom:20px; } #servicesTop{ background: url(images/servicesOuterTop.png) no-repeat; height:13px; width:910px; } #servicesBottom{ background: url(images/servicesOuterBottom.png) no-repeat; height:13px; width:910px; clear:both; } #servicesMid{background: url(images/servicesOuterMid.png) repeat-y; float:left; width:865px; clear:both; padding:0px 30px 0px 30px; } /**** Service blocks on service page****/ .serviceQAConsultancy, .serviceSoftwareTesting, .serviceGamesTesting, .serviceWebsiteTesting{ float:left; height:178px; margin-bottom:20px; width:588px; padding:20px; } .serviceQAConsultancy{background: url(images/ServiceQAConsultancy.png);} .serviceSoftwareTesting{background: url(images/ServiceSoftwareTesting.png);} .serviceGamesTesting{background: url(images/ServiceGamesTesting.png);} .serviceWebsiteTesting{background: url(images/ServiceWebsiteTesting.png);} .ServicesIndividualContent{ width:280px; float:left; } /**** End ****/ #servicesColumn1{ float:left; width:190px; margin-top:20px; min-height:200px; } #servicesColumn2{ float:left; width:190px; margin-top:20px; margin-left:30px; min-height:200px; } #servicesColumn3{ float:left; width:190px; margin-top:20px; margin-left:30px; min-height:200px; } #servicesColumn4{ float:left; width:190px; margin-top:20px; margin-left:30px; min-height:200px; } #page { background: url(images/bodyShadow.gif) repeat-y left top; margin: 0px auto; width: 950px; min-height:350px;} #page .pageImage{ background: url(images/contentTop.gif) repeat-x left top; margin: 0px 0px 0px 8px; width: 934px;} #searchform { margin: 15px 0 0; } #searchform #s { background: #fff; border: 1px solid #cccccc; color: #000000; cursor: pointer; font-weight: normal; height: 19px; line-height: 19px; margin-right: 2px; padding: 0px 5px 0px 5px; vertical-align: middle; width: 135px; } #searchform br { display: none; } #searchform input { background: url(images/search-btn-bg.gif) no-repeat; border: none; color: #FFFFFF; font: bold 11px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle; width: 52px; } #sidebar { margin-left:8px; color: #666666; clear:both; float:left; padding: 0px 10px 20px 20px; width: 200px; } #sidebar a, #sidebar a:visited { color: #a4144f; display: block; text-decoration: none; } #sidebar a:hover { color: #a4144f; display: block; text-decoration: none; } #sidebar h2, #sidebar .sidebartitle { border-bottom: 1px dotted #CCCCCC; color: #0C7DB0; font: lighter 18px Arial, Helvetica, sans-serif; margin: 20px 0px 2px; } #sidebar ul { margin: 0; padding: 0; } #sidebar ul li { border: none; border-bottom: 1px dotted #CCCCCC; list-style: none; margin: 0; padding: 2px 0; } #sidebar ul li ul { margin: 0; padding: 0; } #sidebar ul li ul li { border-bottom: 1px dotted #CCCCCC; padding: 2px 0 2px 0px; } #sidebar ul li ul li ul li { border: none; padding: 1px 0 1px 10px; } /* Classes and other stuff */ .footerTag{ color:#fff; font-size:24px; text-align:left; line-height:28px; margin-right:60px; margin-top:10px;} .headerDetails { color:#7a7a7a; font-size:24px; text-align:right; line-height:34px; margin-top:40px} .moreLink{color: #a4144f; font: lighter 18px "Trebuchet MS", sans-serif; margin: 0px 0px 2px; padding-bottom: 3px;} .alignleft { float: left; } .alignright { float: right; } .center { text-align: center; } .clear { clear: both; background: url(images/clearBg.gif) repeat-y; margin: 0; padding: 0;} .commentlist { line-height: 130%; margin: 10px 0px; padding-left: 20px; } .commentlist .alt { } .commentlist cite { color: #CC6600; font-size: 120%; font-style: normal; font-weight: bold; } .commentlist cite a, .commentlist cite a:visited { color: #CC6600; } .commentlist li { padding: 5px 10px; } .commentlist small { display: block; font-size: 87%; margin-bottom: 5px; } .entry { clear: both; padding-top: 10px; } .footer-about { float: right; padding-left: 10px; padding-right: 10px; width: 210px; } .footer-recent-comments { float: left; margin-left: 10px; width: 240px; } .footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; } .footer-recent-comments ul li { background: url(images/mini-footer-comments.gif) no-repeat; padding: 0px 0px 10px 20px; } .footer-recent-posts { float: left; margin-left: 10px; width: 240px; } .footer-recent-posts strong { font-size: 107%; font-weight: bold; line-height: 135%; } .footer-recent-posts ul { font-size: 11px; line-height: 110%; list-style: none; margin: 0px; padding: 0px; } .footer-recent-posts ul li { background: url(images/mini-footer-post.gif) no-repeat; padding: 0px 0px 10px 20px; } .loginout { background: url(images/mini-loginout.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; } .navigation { clear: both; height: 15px; padding: 10px 0px; } .post { padding-top: 15px; } .post-date { background: url(images/date-bg.gif) no-repeat; float: left; height: 49px; width: 45px; } .post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 7px; text-align: center; text-transform: uppercase; } .post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; } .post-title { float: left; margin-left: 0px; text-transform: capitalize; width:100%;} .rss { background: url(images/mini-rss.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }