/* ----------------------- */ /* DEFAULT STYLES */ /* ----------------------- */ /* CONTENTS: - Default HTML element styles - Default form styles - Default element-specific classes - Default generic classes - Clearing fixes for IE6 */ /* ------------------------------ */ /* DEFAULT HTML ELEMENT STYLES */ /* ------------------------------ */ /* Arranged alphabetically by tag */ /* */ a { text-decoration: none; color: #D31376; } a:hover { text-decoration: underline; } /* */ /* Default body styles that apply to ALL pages including popups etc. */ /* (additional body styles for main template can be defined in 'style_template.css') */ body { background-color: #fff; color: #000; font-family: arial,helvetica,sans-serif; line-height: 140%; font-size: 120%; } /*

/ / Only used for site name/logo / / [SEE 'style_template.css'] / /

/ / Only used for main page headings / / [SEE 'style_template.css'] / /

/ h3 { border-bottom: 1px solid #CBE768; color: #65781C; margin: 2em 0 1em 0; padding: 0 0 5px 0; font-size: 150%; } /

/ h4 { font-size: 150%; margin: 2em 0 1em 0; } /

/ h5 { font-size: 130%; margin: 2em 0 1em 0; } /

/ h6 { font-size: 110%; margin: 2em 0 1em 0; } /
/ hr { left: -10000px; position: absolute; top: -10000px; } /
/ p { /line-height: 140%;/ margin: 0 0 1em 0; } / / table { font-size: 100%; } /
&
/ ul { margin: 0 0 1em 0; } ul li { /background-image: url(http://mathscard.co.uk/images/bullet.gif);/ /background-position: 0 6px;/ /background-repeat: no-repeat;/ /list-style: none;/ /margin: 0;/ /padding: 0 0 0 12px;/ } ul li ul { margin: 0 0 0 2em; } ul li ul li { /background: none;/ /list-style: circle;/ /margin: 0;/ /padding: 0;/ } / -------------------------- / / DEFAULT FORM STYLES / / -------------------------- / / Arranged alphabetically by tag / / / label em { color: #ff0000; font-style: normal; font-weight: bold; margin-left: 2px; } /
/ fieldset { } / / input.text { background: #F7F7F7; border-bottom: 1px solid #D6DDDE; border-left: 1px solid #A9B3B5; border-right: 1px solid #A9B3B5; border-top: 1px solid #999; font-family: arial,helvetica,sans-serif; font-size: 120%; width: 300px; } input.text:focus { background: #fff; border-bottom: 1px solid #A3AAAB; border-left: 1px solid #768082; border-right: 1px solid #768082; border-top: 1px solid #666; } input.checkbox { background: none; border: none; clear: left; float: left; width: 15px; } li.error input.text { background: #fdd; } input.radio { background: none; border: none; clear: left; float: left; margin: 5px 5px 0 0; width: 15px; } input.tiny { / .text / width: 50px; } input.small { / .text / width: 150px; } input.large { / .text / width: 492px; } input.submit { background: #DC2987; color: #F6C828; border: none; cursor: pointer; font-family: arial,helvetica,sans-serif; font-size: 115%; font-weight: bold; margin: 15px 0 0 0; overflow: visible; padding: 0.25em 0.5em; width: auto; } input.submit:hover, input.submit:focus { background: #D7619D; color: #E4B514; } / / label { display: block; font-family: arial,helvetica,sans-serif; font-weight: bold; width: 300px; } / / legend { font-weight: bold; padding: 0 2px; } /
&
/ form ol { clear: both; margin: 0; padding: 0; } form ol li { list-style: none; margin: 0; padding: 3px 0; } form ol li.error { color: #c00; } /
/ p.error { color: #c00; } p.required { color: #666666; font-size: 90%; margin-bottom: 5px; } / / textarea { background: #F7F7F7; border-bottom: 1px solid #D6DDDE; border-left: 1px solid #A9B3B5; border-right: 1px solid #A9B3B5; border-top: 1px solid #999; font-family: arial,helvetica,sans-serif; font-size:120%; height: 150px; width: 492px; } textarea:focus { background: #fff; border-bottom: 1px solid #A3AAAB; border-left: 1px solid #768082; border-right: 1px solid #768082; border-top: 1px solid #666; } li.error textarea { background: #fdd; } textarea.small { height: 100px; } / -------------------------------------- / / DEFAULT ELEMENT-SPECIFIC CLASSES / / -------------------------------------- / / Classes that apply to specific HTML elements but can be used on any page / / Arranged alphabetically by tag, then class name / / <a> / a.rss { background: url(images/bg/rss.gif) no-repeat 0 0; padding-left: 17px; } / <div> / div.contentbox { background: #CCC; margin: 4px 0 0 0; padding: 15px; } / <table> / table.data_table { border: 0; border-collapse: collapse; border-left: 1px solid #FFF; border-top: 1px solid #FFF; margin: 0 0 1em 0; } table.data_table caption { font-size: 110%; font-weight: bold; margin: 1em 0; } table.data_table td, table.data_table th { border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; line-height: 130%; padding: 2px 4px; } table.data_table thead th { background: #333; color: #FFF; font-size: 110%; font-weight: bold; text-align: left; } table.data_table tbody th { background: #999; color: #FFF; font-size: 110%; font-weight: bold; text-align: left; } table.data_table td { background: #DDD; } / ----------------------------- / / DEFAULT GENERIC CLASSES / / ----------------------------- / / Classes that can be applied to various HTML elements and can be used on any page / / Arranged alphabetically by class name / .clear { clear: both; } .big { / use with <p>, <li>, <span> etc. / font-size: 120%; line-height: 130%; font-weight: bold; } .pink { color: #D31376; } label .pink { font-weight: bold; } .outdent { margin-left: -4px; } span.small, p.small { color: #999; font-size: 85%; line-height: 120%; } .highlight { color: #f00; } .left { float: left; margin: 7px 15px 5px 0; } .right { float: right; margin: 7px 0 5px 15px; } img.left, img.right { background: #F6C828; border: 2px solid #DB2786; padding: 4px; } div#flashWrap img { border: 0; padding: 0; margin: 0; } / ------------------------------- / / CLEARING FIXES FOR IE6 / / ------------------------------- / .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } / Hide from IE/Mac \/ html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE/Mac */