/* * Author: webmaster at purplepaw.co.uk * * PageName: purplepaw_print_test.css * Version: 2.0 * Updated: 2009.11.12 * * Description: CSS for PurplePaw * */ /* -- layout -- */ body { padding: 0; margin: 0; background-color: #bac3ca; font: 14px Verdana, Arial, sans-serif; } .wrapper { width: 780px; margin:5px Auto; border-style:none; } #header { height: 80px; padding: 10px; text-align: right; } #logo { float: left; position: absolute; top: 7px; left: 7px; } #print_logo { float: left; position: absolute; top: 7px; left: 7px; } #logo a:link, #logo a:hover, #logo a:active, #logo a:visited { background-color: transparent; } #phrase { float: left; padding: 10px 0 0 102px; background-color: transparent; color: #009999; font-size: 1.2em; } #header_content { float: right; text-align: right; font-size: 0.9em; display: inline; position: absolute; top: 15px; right: 15px; } #header_content a:link, #header_content a:hover, #header_content a:active, #header_content a:visited { background-color: transparent; } #header_nav { text-align: right; font-size: 0.9em; display: inline; } #header_nav ul { margin: 0; list-style: none; padding: 3px 0 6px 0; } #header_nav li { line-height: 2.0em; margin-left: 8px; padding: 3px 0 3px 0; background-repeat: no-repeat; background-position: right 30%; } #header_nav a:link, #header_nav a:hover, #header_nav a:active, #header_nav a:visited { display: block; color: #009999; background-color: transparent; text-decoration: none; padding-right: 24px; } #header_nav li.home { background-image: url('/images/icons/house.png'); } #header_nav li.sitemap { background-image: url('/images/icons/sitemap_color.png'); } #header_nav li.login { background: transparent url('/images/icons/lock_go.png') center right no-repeat; } /* -- Menu Positioning Box Only - Style in /purplepaw_menu.css -- */ #menu { background: url('/images/menubackground.png'); padding: 5px 41px 5px 41px; font-size: 1.1em; } #content { padding: 0 10px 0 10px; } .content p { clear: left; } .rightcolumn { float: right; top: 270px; left: 535px; width: 195px; border-left: 1px solid #888888; border-bottom: 1px solid #888888; padding: 0 0 10px 10px; margin-left: 10px; margin-bottom: 10px; } .offset { padding-left: 45px; } .offset th { text-align: left; } .csshighlight { padding-left: 45px; } .csshighlight p{ clear: left; margin: 0; padding: 3px 0 8px 0px; padding-left: 175px; /*width of left column containing the label elements*/ height: 1%; } .csshighlight label{ font-weight: bold; float: left; margin-left: -175px; /*width of left column*/ width: 175px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ } .box { margin:auto; text-align:center; background-image: url('/images/boxes/boxmiddle.png'); width: 540px; color:#000000; line-height: 12px; } /* Define Boxes for HomePage */ .box-1-2, .box-2-2, .box-1-3, .box-2-3, .box-3-3 { margin: 4px; padding: 5px; background-color: #f5f5f5; color: #660099; border: 1px solid #660099; } .box-1-3, .box-2-3, .box-3-3 { float: left; position: relative; } .box-1-2 { float: left; width: 47%; } .box-2-2 { float: right; width: 47%; } .box-1-3 { width: 30%; } .box-2-3 { width: 31%; } .box-3-3 { width: 30%; } .packages { display: block; clear: left; } .packages a:link, .packages a:hover, .packages a:active, .packages a:visited{ background-color: transparent; } .package-logo { padding: 9px 0 0 0; width: 90px; } .package-logo a:link, .package-logo a:hover, .package-logo a:active, .package-logo a:visited{ background-color: transparent; } .package-specs1, .feature-specs1 { width: 210px; } .package-specs2, .features-specs2 { width: 210px; margin-right: 4px; } .package-logo, .package-specs1, .package-specs2 { /* border: 1px solid gray; */ float: left; } .packages ul, .features ul { padding: 0; list-style: none; margin-bottom: 25px; } .packages li, .features li { padding: 0 0 0 24px; background-repeat: no-repeat; margin-bottom: .6em; margin-left: .1em; overflow: auto; } .packages p { clear: left; } .features { display: block; margin-bottom: 10px; float: left; } .features p { padding: 0 0 0 24px; margin-bottom: .6em; background-repeat: no-repeat; clear: both; } .features-values { padding: 0 0 0 24px; width: 90px; } .features a:link, .features a:active, .features a:hover, .features a:visited { text-decoration: none; } .col { width: 40%; float: left; clear: both; } #footer { background: url('/images/footer_background.gif') repeat; padding: 25px 10px 10px 10px; color: #ffffff; text-align: center; } #footer a:link, #footer a:visited { color: #ffffff; text-decoration: underline; background-color: transparent; } #footer a:active, #footer a:hover { color: #ffffff; text-decoration: underline; background-color: #009999; } #services { text-align: center; padding: 15px 5px; color: #000000; font-size: 0.8em; } /* -- Font Styles -- */ h1 { color:#660099; font-size: x-large; } h1.PageTitle { padding: 8px 0px 8px 10px; font-size: 2em; font-weight: normal; } h3 { padding: 15px 0 0 0; font-size: 1.2em; } /* Don't add TOP padding if top item on page */ h3.FirstOnPage { padding: 0; } /* General Form Styles */ input { color: #660099; border: 1px solid #660099; font-size: 1.0em; } /* Remove purple border around following items in IE7 (IE6/5?) */ input[type="checkbox"], input[type="radio"] { background: transparent; border: 0; } textarea { color: #660099; border: 1px solid #660099; font-size: 1.0em; } select { color: #660099; border: 1px solid #660099; font-size: 1.0em; } ol { list-style-type: decimal; } /* InPage Form Styles - Taken from http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/ */ .cssform p{ width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0px; padding-left: 155px; /*width of left column containing the label elements*/ border-top: 1px dashed gray; height: 1%; } .cssform label{ font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ } .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; } .cssform select{ width: 182px; } .cssform textarea{ width: 250px; height: 75px; } /*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */ /* PurplePaw - Excluded by comment as I don't think we need multi-line form items * -- Start exclude -- * html .threepxfix{ margin-left: 3px; } * -- End exclude -- */ /* -- Link Styles -- */ a:link, a:visited { color: #006666; text-decoration: underline} a:active, a:hover { color: #ffffff; text-decoration: underline; background-color: #009999;} a.details:link, a.details:active, a.details:hover, a.details:visited { border: 1px solid #660099; background: url('/images/features/hosting-package-details.png') no-repeat 6px center; background-color: #f5f5f5; color: #660099; margin: 0 0 0 10px; padding: 4px 6px 4px 28px; text-decoration: none; float: right; } a.order:link, a.order:active, a.order:hover, a.order:visited { border: 1px solid #660099; background: url('/images/features/basket_add.png') no-repeat 6px center; background-color: #660099; color: #ffffff; margin: 0 3px 0 10px; padding: 4px 6px 4px 28px; text-decoration: none; font-weight: bold; float: right; } a.order-center:link, a.order-center:active, a.order-center:hover, a.order-center:visited { border: 1px solid #660099; background: url('/images/features/basket_add.png') no-repeat 6px center; background-color: #660099; color: #ffffff; padding: 4px 6px 4px 28px; text-decoration: none; font-weight: bold; } a.order-sidebar:link, a.order-sidebar:active, a.order-sidebar:hover, a.order-sidebar:visited { border: 1px solid #660099; background: url('/images/features/basket_add.png') no-repeat 6px center; background-color: #660099; color: #ffffff; padding: 4px 6px 4px 28px; text-decoration: none; font-weight: bold; } a.order-button:link, a.order-button:active, a.order-button:hover, a.order-button:visited { border: 1px solid #660099; background: url('/images/features/basket_add.png') no-repeat 6px center; background-color: #660099; color: #ffffff; padding: 4px 6px 4px 28px; text-decoration: none; font-weight: bold; } a.focus:link, a.focus:active, a.focus:hover, a.focus:visited { color: #009999; text-decoration: none; background-color: transparent; } a.icon:link, a.icon:visited { color: #6633ff; text-decoration: underline} a.icon:active, a.icon:hover { color: #cc33ff; text-decoration: none; background-color: #cccccc;} a.pp:link, a.pp:active, a.pp:hover, a.pp:visited { color: #660099; background-color: transparent; } a.srv:link, a.srv:visited { color: #6633ff; text-decoration: underline} a.srv:active, a.srv:hover { color: #cc33ff; text-decoration: none; background-color: #cccccc;} /** Classes **/ .pp { color: #660099; font-weight: bold; } .clear { clear: both; } .mainlink { padding: 0px 0px 0px 30px; font-size: 1.4em; } .ok { color: #0000ff; font-weight: bold; } .error { color: #ff0000; font-weight: bold; } .footnote { font-size: 0.7em; } .summary { color: #888888; font-style: italic; } .testimonial { color: #888888; font-style: italic; } .testimonial-name { color: #888888; text-align: right; font-style: italic; font-size: 0.9em; margin-top: -6px; margin-bottom: 20px; } /* */ /* Automatic Icons */ /* */ /* Taken from http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html */ /* */ a[href $='.pdf'] { padding-right: 18px; background: transparent url('/images/icons/icon_pdf.gif') no-repeat center right; } a[href ^="mailto:"] { padding-right: 20px; background: transparent url('/images/icons/email.png') no-repeat center right; } .ext { padding-right: 18px; background: transparent url('/images/icons/icon_external.gif') no-repeat center right; } .popup { padding-right: 18px; background: transparent url('/images/icons/icon_popup.gif') no-repeat center right; } .tip { color: #660099; font-weight: bold; text-align: center; padding: 25px 0px 25px 30px; } /* */ /* Search Pages */ /* */ /* Based on Original CSS from Sphider */ /* URL: http://www.sphider.eu/ */ /* */ #result_report { text-align:center ; padding:3px; background-color:#e5ecf9; font-weight: bold; margin-bottom:14px; } /*Small urls*/ .url {color: #115599} /*Page descriptions*/ .description{font-size: 13px;} /* Title/link of pages */ .title{color:#0000FF; font-size:15px} #did_you_mean { font-size: 14px; text-align:center ; margin:10px; } #other_pages { text-align:center; } .divline{ margin-top:20px; margin-bottom:-5px; border-bottom:1px solid #DDDDDD; } #powered_by { margin:0 auto; margin-top:20px; padding-top:10px; font-size:10px; text-align:center; vertical-align: middle; } /* Additions for the Print CSS - remove header content, footer, services, menu and order buttons. Also modified to allow for the printlogo.png */ #footer, #services, #menu, #header_content, #logo, a.order-sidebar, a.order-button, a.order-center, a.details, a.order, #phrase { display : none; } /* EOF */