/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * headings */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-weight: normal; color: #56595A; } #page h1 a { color: #56595A; text-decoration: none; } h2 { color: #5292B8; } h3 { color: #56595A; } h4 { color: #5292B8; } h5 { color: #56595A; } h6 { color: #5292B8; } h1 { font-size: 24px; line-height: 26px; } h2 { font-size: 22px; line-height: 24px; } /* * anchor */ a:link, a:visited { color: #56595a/*5292B8*/; text-decoration: none; } a:hover { color: #56595A; } a.icon-folder { padding-left: 17px; background: url(../images/typography/icon_folder.png) 0 40% no-repeat; } a.icon-file { padding-left: 17px; background: url(../images/typography/icon_file.png) 0 40% no-repeat; } a.icon-download { padding-left: 17px; background: url(../images/typography/icon_download.png) 0 40% no-repeat; } a.icon-external { padding-left: 17px; background: url(../images/typography/icon_external.png) 0 40% no-repeat; } a.icon-pdf { padding-left: 17px; background: url(../images/pdf_button.png) 0 40% no-repeat; } /* * emphasis */ em.box { padding: 0px 3px 0px 3px; border: 1px dotted #aaaaaa; background: #FDFDFD; font-family: "Courier New", Courier, monospace; font-style: normal; white-space: nowrap; } /* * unsorted lists */ /* icon style */ ul.arrow, ul.checkbox, ul.check, ul.star { margin: 10px 0px 10px 0px; padding-left: 20px; list-style: none; } ul.arrow li, ul.checkbox li, ul.check li, ul.star li { margin: 5px 0px 5px 0px; padding-left: 35px; font-weight: bold; line-height: 26px; } ul.arrow li { background: url(../images/typography/list_arrow.png) 0 0 no-repeat; } ul.checkbox li { background: url(../images/typography/list_checkbox.png) 0 0 no-repeat; } ul.check li { background: url(../images/typography/list_check.png) 0 0 no-repeat; } ul.star li { background: url(../images/typography/list_star.png) 0 0 no-repeat; } /* links style */ ul.links { margin: 10px 0px 20px 0px; padding-left: 0px; list-style: none; } .module ul.links { margin: 0; } ul.links li { padding-left: 15px; height: 30px; line-height: 30px; background: url(../images/typography/list_links.png) 0px 0 no-repeat; cursor: pointer; } ul.links li:hover { background-position: 0px -30px; } #page ul.links li a { display: block; color: #7F8384; text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,1); } #page ul.links li a:hover { color: #5292B8; } /* * ordered lists */ ol.disc { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 45px; background: url(../images/typography/list_disc.png) 20px 0px repeat-y; } ol.disc li { margin: 5px 0px 5px 0px; padding-left: 10px; font-weight: bold; line-height: 26px; } /* * horizontal rule */ hr.dotted { margin: 15px 0px 15px 0px; display: block; background: url(../images/typography/line_dotted.png) 0 0 repeat-x; height: 1px; border: none; } /* * highlighted div and span tags */ span.note, span.info, span.alert, span.download, span.tip { display: block; } div.note, span.note { color: #323232; margin: 10px 0px 10px 0px; padding: 5px 10px 5px 10px; background: #E4EBF1; border-top: 1px solid #D4D9DE; border-bottom: 1px solid #D4D9DE; text-align:justify; } div.info, span.info, div.alert, span.alert, div.download, span.download, div.tip, span.tip { color: #323232; margin: 10px 0px 10px 0px; padding: 8px 10px 8px 40px; } div.info, span.info { background: #E4EBF1 url(../images/typography/box_info.png) 8px 5px no-repeat; /*border-top: 1px solid #D4D9DE; border-bottom: 1px solid #D4D9DE;*/ } div.alert, span.alert { background: #FFE6DF url(../images/typography/box_alert.png) 8px 5px no-repeat; border-top: 1px solid #FFD9CF; border-bottom: 1px solid #FFD9CF; } div.download, span.download { background: #f5faeb url(../images/typography/box_download.png) 8px 5px no-repeat; border-top: 1px solid #D6EBCD; border-bottom: 1px solid #D6EBCD; } div.tip, span.tip { background: #FDF9E3 url(../images/typography/box_tip.png) 8px 5px no-repeat; border-top: 1px solid #FAE7BE; border-bottom: 1px solid #FAE7BE; } /* * p tag with dropcaps */ p.dropcap:first-letter { display: block; margin: 7px 4px 0px 0px; float: left; font-size: 280%; font-family: Georgia, "Times New Roman", Times, serif; } /* * blockquotes */ blockquote { font-family: Georgia, "Times New Roman", Times, serif; } q.blockquote { margin: 10px 0 10px 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 120%; } q.blockquote:first-letter { font-size: 150%; } q.blockquote:before, q.blockquote:after { content: ""; } blockquote.quotation { margin: 10px 0px 10px 0px; padding: 10px 35px 10px 35px; border: none; background: url(../images/typography/blockquote_start.png) 0 0 no-repeat; text-align:justify; } blockquote.quotation p { margin: 0px -35px -10px 0px; padding: 0px 35px 10px 0px; background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat; } /* * floating boxes */ body .inset-left { margin: 15px 15px 10px 0px; float: left; } body .inset-right { margin: 15px 0px 10px 15px; float: right; } /* * google fonts */ .webfonts .webfont, .webfonts .module h3.header, .webfonts #system .title { font-family: 'Lobster'; } /* * spotlight */ .spotlight .spotlight1 { visibility: hidden; } .spotlight.fade .spotlight1 > div > a:first-child, .spotlight.bottom .spotlight1 > div > a:first-child { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* fade */ .spotlight.fade .spotlight1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/spotlight.png) 50% 50% no-repeat; } /* top, bottom, left, right */ .spotlight.bottom .spotlight1 > * { padding: 7px; background: #323232; background: rgba(0,0,0,0.6); color: #ffffff; } .spotlight.bottom h3 { margin: 0px 0px 3px 0px; font-size: 15px; font-weight: bold; line-height: 15px; text-transform: uppercase; color: #ffffff; } .spotlight.bottom a, .spotlight.bottom a:hover { color: #ffffff; } .spotlight.bottom a { text-decoration: underline; }