/* NAME: global.css PROJECT: Office Humour REVISIONS: Ver Date Author Description --------- ---------- --------------- ------------------------------------ 1.0 04/08/2008 Mauro Caresimo 1. Amended line 172 (#layout h1 {padding-bottom: 0px;} changed from 10px to 0px. Was causing

tags to be inserted randomly between the username & the comment on the Latest Comments of the homepage creating an unwanted carriage return. 2.0 27/08/2008 Mauro Caresimo 2. Added a new style p.last to create a chunk of white space on page. /* spacer to expand white space between last text input and footer for the delete favourites page (_deleteFavourite.cfm)*/ p.last { margin-bottom: 300px; } /* @end */ /* @group container */ body {font: 12px/1.45em "Lucida Grande", Verdana, Arial, sans-serif;background-color: #98D363;} .container {width: 875px;margin: 0 auto;display: inline-block;} .container {display: block;} .container:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* @end */ /* @group core layout */ #layout {color: #444444;background-color: #fff;padding: 10px 0 15px;} #layout-bottom {padding: 10px 0 0;clear: both;} #layout-full {width: 839px;} /* @end */ /* @group */ #layout a, #layout a:link, #layout a:visited, .active a:hover, #collections .active a:hover, a:hover .active {color: #55abd2;text-decoration: underline;} #layout a:hover {text-decoration: none;} #layout a.meta, #layout a:link.meta, #layout a:visited.meta {text-decoration: underline;color: #666666;} #layout a:hover.meta {text-decoration: none;} #logo a, #logo a:link, #logo a:visited {color: #fff;text-decoration: none;} #logo a:hover {color: #dedac6;text-decoration: none;} #logo h1 a {color: #fff;font-size: 24px;font-weight: 700;} #layout h1, #layout h1 a:link, #layout h1 a:visited {color: #096;text-decoration: none;font: 400 1.7em Tahoma, Arial;} #layout h2, #layout h2 a:link, #layout h2 a:visited {color: #08E;text-decoration: none;font: 400 1.5em Tahoma, Arial;} #layout h3, #layout h3 a:link, #layout h3 a:visited {color: #08E;text-decoration: none;font: 400 1.2em Tahoma, Arial;} #layout h3, #layout h3 a:link, #layout h3 a:visited, #layout h3 a:hover {padding: 10px 0 4px;} #layout h1 a:hover, #layout h2 a:hover, #layout h3 a:hover {color: #8e0001;text-decoration: none;} /* @end */ /* @group header navigation */ #header {color: #fff;background: #fff url('/assets/images/5/header.png') repeat-x center top;} #logo {line-height: 28px;width: 240px;padding-top: 24px;float: left;} #navigation {width: 625px;height: 31px;padding-bottom: 40px;float: right;text-align: right;} #navigation ul, * {margin: 0;padding: 0;} #navigation ul li {text-align: center;text-transform: capitalize;margin: 0;padding: 0;display: inline;list-style-type: none;} #navigation ul li a:link, #navigation ul li a:visited {color: #333;line-height: 16px;text-decoration: none;text-align: center;margin: 25px 0 0 20px;float: right;font: 400 1.4em Tahoma, Arial;} #navigation ul li a:hover {color: #999;} /* @end */ /* @group breadcrumb */ #breadcrumb {background: #fff;} #breadcrumb .container {background-color: #E8F5DC;border: 1px #98D363 solid;padding: 3px 4px 4px;width: 865px;} #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {color: #333333;text-decoration: none;} #breadcrumb a:hover {color: #555555;text-decoration: underline;} /* @end */ /* @group footer */ #footer {color: #444;font-size: 11px;padding: 15px 0 70px;} #footer-right ul li {list-style-type: none;background: none;padding: 0;margin: 0;} #footer a {color: #444;text-decoration: underline;} #footer a:hover {text-decoration: none;} /* @end */ /* @group adverts */ #mpu {padding: 0 0 10px;} #banner {text-align: center;padding: 0 0 10px;margin: 0;} /* @end / /* @group */ #flash, #siteFlash, #flashComment, #flashMessage {padding: 4px 8px;margin: 5px 0 10px 0;} #flash a, #flash a:link, #flash a:visited, #siteFlash a, #siteFlash a:link, #siteFlash a:visited, #flashMessage a, #flashMessage a:link, #flashMessage a:visited {color: #444444;text-decoration: underline;} #flash a:hover {text-decoration: none;} .promo {font-weight: bold;} .network {margin: 15px 8px 0;} .notice {background-color: #FFFF9F;border: #F93 solid 1px;} .debug {background-color: #EEE;border: #DDD solid 1px;} .info {background-color: #FDEEF1;border: #E3204D solid 1px;} .good {background-color: #D8EEC4;border: #75AA34 solid 1px;} .bad {background-color: #FFE7DF;border: #C70005 solid 1px;} /* @end /* /* @group charts */ ul#chartlist {margin-bottom: 0;padding: 0 0 20px;} ul#chartlist li {padding: 5px 0 0;list-style: none outside;} ul#chartlist .feed {float: left;vertical-align: middle;margin-right: 5px;} .feed {margin-top: 3px;float: right;} /* @end */ #item_navigation { border-bottom: 2px solid #98D363; } #item_navigation td { padding:3px; } /* @group profiles */ #profile-header {border-bottom: 2px solid #98D363;border-top: 0px solid #98D363;padding: 8px 0 0 5px;margin: 0 0 10px;} #profile-header .image {padding: 3px 10px 0 0;float: left;} #profile-header h1, #layout h2 {padding-bottom: 4px;} #profile-box {color: #444444;padding: 0;float: right;margin: 14px 20px 0 0;font-size:0.9em;} #profile-box a {color: #444444;} #profile-box .image img {border: 0px solid #fff;} #profile-box .left {margin: 0 8px 0 0;} #profile-box a, #profile-box a:link, #profile-box a:visitor {color: #444444;} #profile-box a:hover {color: #444444;text-decoration: none;} .whodunnit {margin-top: 2px;} /* @end */ /* @group pagination */ #pages td span.current {font-weight:bold;} .nextArrows a {display:block; width:35px; height:25px; background:url("http://static1.office-humour.co.uk/assets/images/next_arrows_sm.gif") 0 0 no-repeat; text-decoration:none;} .prevArrows a {display:block; width:35px; height:25px; background:url("http://static1.office-humour.co.uk/assets/images/prev_arrows_sm.gif") 0 0 no-repeat; text-decoration:none;} /* @end */ /* @group misc */ ul#latestmembers {margin-bottom: 0;padding: 6px 0 20px;} ul#latestmembers li {background: url(/ohrassets/images/content_bullet.gif) no-repeat 0 10px;padding: 5px 0 5px 16px;list-style: none outside;} .inputsubmit {background-color: #3B5998;border-color: #D9DFEA #0e1f5b #0e1f5b #d9dfea;border-style: solid;border-width: 1px;color: #FFF;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;font-size: 11px;text-align: center;} img {border: none;} p, pre, #layout h1 {padding-bottom: 0px;} /*changed from 10px to 0*/ pre {overflow: hidden;} table {text-align: left;margin-bottom: 15px;border-collapse: collapse;} del {color: #c1191c;font-size: 11px;padding-left: 3px;} small {font-size: 11px;line-height: 1.4em;color: #777;} ul, ol {margin-bottom: 10px;} ul li {padding: 1px 0 1px 15px;list-style: disc inside;} ol li {padding: 1px 0 1px 15px;list-style: decimal inside;} .clear {clear: both;} .right, #footer-right {float: right;} .left {float: left;} .center {float: none;} .tcenter, #paginate {text-align: center;} .bold-blue {color: #55abd2;font-weight: 700;} .bold-red {color: #c1191c;font-weight: 700;} .light {color: #7f756a;} .rp10 {padding: 0 10px 0 0;} .bp15 {margin: 0 0 15px 0;} .hideme {display:none; margin:0; padding:0; line-height:0;} /* @end */ /* @group hacks and fixes */ .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cf {display: inline-block;} /* Hides from IE-mac \*/ * html .cf {height: 1%;} .cf {display: block;} /* End hide from IE-mac */ /* @end */