/** * * @note css file for the colors of core styles * (color, background and border styles) * * @appdef semigator * @app-myapp-theme * @app-myapp-used True * @media screen * @valid true * * @author Alp Uçkan * @version 1.0 * @link http://www.semigator.de/ * * Color Definitions * * @colordef #000; Black; Text * @colordef #fff; White; Background * @colordef #f60; Orange; Hyperlinks, Button Gradient Color 1 * @colordef #ffe6c1; light orange, Seminar Detail Page * @colordef #ff5400; Darker Orange; Button Gradient Color 2 * @colordef #bcc509; Dark Yellow; Logo, Borders etc. * @colordef #dbdbd4; Light Grey; Shadows, Shadow box header borders etc. * */ /** * @section *** DARK YELLOW (#bcc509) *** */ /* COLOR */ .sectionHeader { color: #bcc509; } /* BORDER */ .list .image img { border: 1px solid #bcc509; } .msg.informations, .msg.warning, #MainContent.shadowBoxes .area .areaHeader, .sidebar .area .areaHeader, .featureList.dataTable, .dataTable, #MainContent.shadowBoxes #ContactFormNormal .areaHeader { border-top: 2px solid #bcc509; } #MainContent.shadowBoxes #ContactFormNormal .areaHeader { border-bottom: none; } /** * @section *** ORANGE (#f60) *** */ /* COLOR */ a:link, a:visited, a:hover, a:active, a:focus, #TopNav ul li.marked a:link, #TopNav ul li.marked a:visited, #TopNav ul li.marked a:hover, #TopNav ul li.marked a:active, #TopNav ul li.marked a:focus, #Contact .area .posContainer p, #Contact .area .posContainer p.label { color: #f60; } a.stndrd:link, a.stndrd:visited, a.stndrd:hover, a.stndrd:active, a.stndrd:focus { color: #f60 !important; } /* BORDER */ #MainContent .special input, #MainContent .special textarea, #MainContent .special select { border-color: #f60; } #MainContent .special .area .areaHeader, .sidebar .areaHeaderless .headerPlaceholder { border-top: 2px solid #f60; } /** * @section *** WHITE (#fff) *** */ /* COLOR */ #SearchBar ul li.loggedin, #SearchBar ul li a, ul.navi li span a, ul.navi li span a:link, ul.navi li span a:visited, ul.navi li span, ul#SlideController li a:hover, ul#SlideController li.selected a, a.btn.mini { color: #fff; } /* BACKGROUND-COLOR */ #Canvas, .dataTable tr.head:hover, textarea, textarea:focus { background-color: #fff; } a.btn { color: #fff !important; } /** * @section *** BLACK (#000) *** */ /* COLOR */ body, ul.navi li span:hover, ul#SlideController li a:link, ul#SlideController li a:visited, ul#SlideController li a:active, ul#SlideController li a:focus, ul.navi li span a:hover, ul.navi li.active span, ul.navi li.active span a:link, ul.navi li.active span a:visited, ul.navi li.active span a:hover, .list .text p a, h1, h2, h3, h4, h5, h6, textarea, ul.wizard li.active span, ul.wizard li.active span a:link, ul.wizard li.active span a:visited, ul.wizard li.active span a:hover, ul.wizard li.active b, ul.wizard li span a:hover { color: #000; } a.simpleText:link, a.simpleText:visited, a.simpleText:hover, a.simpleText:active, a.simpleText:focus { color: #000 !important; } /** * @section *** LIGHT SAND (#dbdbd4) *** */ /* BACKGROUND-COLOR */ body, .dataTable .odd, .dataTable tr:hover, .pager ul li a:hover { background-color: #dbdbd4; } /* BORDER */ .dataTable, .dataTable th, .dataTable td, .featureList.dataTable, .pager ul li span { border: 1px solid #dbdbd4; } .sidebar .areaHeaderless, #MainContent .special .area, #MainContent.shadowBoxes .area, .sidebar .area { border-left: 1px solid #dbdbd4; } .featureList.dataTable td, .featureList.dataTable th { border: none; } .featureList.dataTable td { border-bottom: 1px solid #dbdbd4; } .featureList.dataTable, .featureList.dataTable th, .dataTable thead td, #MainContent.shadowBoxes .area .areaHeader, .sidebar .area .areaHeader { border-bottom: 2px solid #dbdbd4; } .dataTable.dataTable th { border-top: 2px solid #bcc509; } /** * @section *** SEMIGATOR-GREEN (#9fa708) *** */ /* COLOR */ h2 { color: #9fa708; } /** * @section *** SEMIGATOR-GREEN light (#babb3b) *** */ /* BORDER */ ul#SlideController li a:link, ul#SlideController li a:visited, ul#SlideController li a:active, ul#SlideController li a:focus { border-right: 2px solid #babb3b; } /** * @section *** SEMIGATOR-GREY (#757577) *** */ /* COLOR */ h1, h4, #TopNav ul li a:link, #TopNav ul li a:visited, #TopNav ul li a:hover, #TopNav ul li a:active, #TopNav ul li a:focus, #BreadCrumb ul li, #BreadCrumb ul li a, .taxNote, .rating, a.pulldown, a:link.pulldown, a:visited.pulldown, a:hover.pulldown, a:active.pulldown, a:focus.pulldown, a.pulldownDark, a:link.pulldownDark, a:visited.pulldownDark, a:hover.pulldownDark, a:active.pulldownDark, a:focus.pulldownDark, #FooterNav ul a:link, #FooterNav ul a:visited, #FooterNav ul a:hover, #FooterNav ul a:active, #FooterNav ul a:focus, #Footer #Legal p, #Footer #SysInfos, .formArea, ul.wizard li span, ul.wizard li span a, ul.wizard li span a:link, ul.wizard li span a:visited, ul.wizard li span b, ul.wizard li span strong, .hints p { color: #757577; } /* BORDER */ .fieldText, .fieldDate, select, textarea, #SearchBar ul li.searchFieldContainer .fieldText { border: 1px solid #757577; } textarea:focus { border: 1px solid #656565; } #MainContent .special input:focus, #MainContent .special textarea:focus { border-color: #757577; } acronym, abbr { border-bottom: 1px dotted #757577; } /** * @section *** SEMIGATOR-SPECIAL (#ffe6c1) *** */ /* BACKGROUND-COLOR */ #MainContent .special .area, #specialOffer { background-color: #ffe6c1; } /** * @section *** DARK TRILOGY GREY (#333) *** */ /* COLOR */ #MainContent.shadowBoxes .area .areaHeader, .sidebar .area .areaHeader, #MainContent .special .area .areaHeader, h3, h2 em, blockquote, h4 a, h4 a:link, h4 a:visited, h4 a:hover, .dataTable th, .dataTable thead td { color: #333; } /** * @section *** CAT's DARK GREY (#999) *** */ /* COLOR */ .light, td.notOnline { color: #999; } /** * @section *** NO BORDERS (border: none) *** */ #MainContent .area, #MainContent .areaHeader, .pager ul li.placeholder span, .list ul.thumb44 li .image img, .list ul.thumb86 li .image img, ul#SlideController li .customSearch a { border: none; } /** * @section *** NO BACKGROUND (background: none;) *** */ ul#SlideController li .customSearch a:hover { background: none; } #MainContent .area { background: none; } /** * @section *** ABSOLUTLY RED (#f00) *** */ /* BORDER */ .errorContainerTrainerAddProfile, .errorContainercallfortender, .errorContainerwohergekommen, .errorContainerrate, .errorContainerregistration_minimal { border: 1px solid #f00; } .errorContainerRegister, .msg.errors, .msg.error { border: 2px solid #f00; } input.error, textarea.error, select.error { border: 1px dashed #f00; background-color: #ff8; } /* COLOR */ #ContactForm .errormessage, #EmoLearnAktion .errormessage, .errorContainer, .errorContainer h4, .stoerer, .errorContainerTrainerAddProfile ul li, .errorContainercallfortender ul li, .errorContainerrate ul li, .errorContainerwohergekommen ul li, .errorContainercallfortender ul li, .errorContainerTrainerAddProfile, .errorContainercallfortender, .errorContainerwohergekommen, .errorContainerrate, .errorContainerRegister h4, .errorContainerTrainerAddProfile h4, .errorContainercallfortender h4, .errorContainerwohergekommen h4, .errorContainerrate h4, .errorContainerregistration_minimal, .errorContainerregistration_minimal h4, .errorContainerRegister, .errorContainerregistration_minimal ul li { color: #f00; } /** * @section *** BACKGROUND IMAGES *** */ /* #Contact */ #Contact .area .posContainer { background: transparent url('../../images/support-girl.jpg') no-repeat bottom right; } #Contact .area .posContainer p.tel { background: transparent url('../../images/icons/telephone.png') no-repeat 1.5em .2em; } /* #FirstLevelNavigation */ ul#SlideController li a:hover { background: transparent url('../../images/navigation/bg_menu_selected.jpg') repeat-x top left; } ul#SlideController li.selected { background: transparent url('../../images/navigation/bg_menu_selected.jpg') repeat-x top left; } /* #FirstLevelNavigation */ .naviBg { background: transparent url('../../images/navigation/navBG.png') repeat-x top left; } ul.navi { background: transparent url('../../images/navigation/navBG.png') repeat-x top left; } ul.navi li span { background: transparent url('../../images/navigation/reiter_rechts.png') no-repeat top right; } ul.navi li span:hover { background: transparent url('../../images/navigation/reiter_rechts_hover.png') no-repeat top right; } ul.navi li span a, ul.navi li span a:link, ul.navi li span a:visited { background: transparent url('../../images/navigation/reiter_links.png') no-repeat 0 0; } ul.navi li span a:hover { background: transparent url('../../images/navigation/reiter_links_hover.png') no-repeat 0 0; } ul.navi li.active span { background: transparent url('../../images/navigation/reiter_rechts_aktiv.png') no-repeat top right; } ul.navi li.active span a:link, ul.navi li.active span a:visited, ul.navi li.active span a:hover { background: transparent url('../../images/navigation/reiter_links_aktiv.png') no-repeat 0 0; } #SearchBar { background: transparent url('../../images/navigation/searchbarBG.png') repeat-x top left; } /* Areas + Shadow Boxes and areas in sidebars */ #MainContent.shadowBoxes .area, .sidebar .area { background: transparent url('../../images/shadows/bg_shadow_border.jpg') repeat-y top right; } #MainContent.shadowBoxes .areaFooter, .sidebar .areaFooter { background: transparent url('../../images/shadows/bg_shadow_border_bottom.jpg') repeat-x scroll 0 0; } #MainContent.shadowBoxes .areaFooter, .sidebar .areaFooter { background: transparent url('../../images/shadows/bg_shadow_border_bottom.png') no-repeat scroll right; } /* Shadow Boxes for specials */ #MainContent .special .area { background: #ffe6c1 url('../../images/shadows/bg_shadow_border.jpg') repeat-y top right; } #MainContent .special .areaFooter { background: transparent url('../../images/shadows/bg_shadow_border_bottom.png') no-repeat scroll right; } /* Areas + Shadow Boxes widthout headers */ .sidebar .areaHeaderless { background: url('../../images/shadows/bg_shadow_border.jpg') repeat-y top right; } /* @section types of messages for sgtr_render_messages() */ .errorContainerregistration_minimal h4 { background: url('../../images/icons/error.png') no-repeat 0 0; } /* case: error */ .msg.error p { background: url('../../images/icons/error.png') no-repeat 0 0; } .msg.errors p { background: url('../../images/icons/error.png') no-repeat 0 0; } .msg.warning p { background: url('../../images/icons/error.png') no-repeat 0 0; } /*case: information */ .msg.informations p { background: url('../../images/icons/info.png') no-repeat 0 0; } /* case: confirmation */ .msg.confirmations { border: 2px solid green; } .msg.confirmations p { background: url('../../images/icons/haekchen_green.png') no-repeat 0 0; } /* case: debug */ .msg.debug { border: 2px solid purple; } .msg.debug p { background: url('../../images/icons/info.png') no-repeat 0 0; } /* Standard Buttons, orange */ a.btn:link, a.btn:visited, a.btn:hover { background: transparent url('../../images/btn/btnRight.png') no-repeat top right; } a.btn:active { background: transparent url('../../images/btn/btnActiveRight.png') no-repeat top right; } a.btn:link span, a.btn:visited span, a.btn:hover span { background: transparent url('../../images/btn/btnLeft.png') no-repeat; } a.btn:active span { background: transparent url('../../images/btn/btnActiveLeft.png') no-repeat; } a.btn:link span span, a.btn:visited span span, a.btn:hover span span, a.btn:active span span { background: none; } /* Mini Buttons */ a.btn.mini:link, a.btn.mini:visited, a.btn.mini:hover { background-image: url('../../images/btn/btnMiniRight.png'); } a.btn.mini:active { background-image: url('../../images/btn/btnMiniActiveRight.png'); } a.btn.mini:link span, a.btn.mini:visited span { background-image: url('../../images/btn/btnMiniLeft.png'); } a.btn.mini:active span { background-image: url('../../images/btn/btnMiniActiveLeft.png'); } /* Button icons */ a.btn.iconArrowRight span span { background: transparent url('../../images/icons/iconArrowRight.png') no-repeat 0 0 !important; } /* pdf links */ body a[href=".pdf"] { background-image: url('../../images/icons/pdf.png'); background-position: right; background-repeat: no-repeat; } body a[href=".doc"] { background-image: url('../../images/icons/doc-icon.jpg'); background-position: right; background-repeat: no-repeat; } body a[href=".vcf"] { background-image: url('../../images/icons/vcf-icon.jpg'); background-position: right; background-repeat: no-repeat; } /* icon links */ .prevContainer a { background: transparent url('../../images/icons/iconArrowLeft.png') no-repeat top left; } .nextContainer a { background: transparent url('../../images/icons/iconArrowRight.png') no-repeat top right; } .printContainer a { background: transparent url('../../images/icons/print.png') no-repeat center left; } .pdfContainer a { background: transparent url('../../images/icons/pdf.png') no-repeat center left; } .feedbackContainer a { background: transparent url('../../images/icons/frage.png') no-repeat center left; } .noticeContainer a { background: transparent url('../../images/icons/merken.png') no-repeat center left; } .bookmarkContainer a { background: transparent url('../../images/icons/bookmark.gif') no-repeat center left; } .bookmarkContainer span { background: transparent url('../../images/icons/bookmark.gif') no-repeat center left; } .recommendContainer a { background: transparent url('../../images/icons/empfehlen.png') no-repeat center left; } .ok { background: transparent url('../../images/icons/startbox_feat_ok.gif') no-repeat 0% .4em; } .pulldown { background: transparent url('../../images/icons/pulldown-arrow.gif') no-repeat 100% .67em; } .pulldownDark { background: transparent url('../../images/icons/pulldown-arrow-dark.gif') no-repeat 100% .67em; } a.fragezeichen { background: transparent url('../../images/icons/frage.png') no-repeat center left; padding-left: 15px; } /* @section Wizards */ ul.wizard li span { background: transparent url('../../images/wizard/wizard_right.gif') no-repeat top right; } ul.wizard li span a, ul.wizard li span a:link, ul.wizard li span a:visited { background: transparent url('../../images/wizard/wizard_left.gif') no-repeat top left; } ul.wizard li.active span { background: transparent url('../../images/wizard/wizard_right_active.gif') no-repeat top right; } ul.wizard li.active span a:link, ul.wizard li.active span a:visited, ul.wizard li.active span a:hover { background: transparent url('../../images/wizard/wizard_left_active.gif') no-repeat 0 0; } ul.wizard li span b { background: transparent url('../../images/wizard/wizard_left.gif') no-repeat top left; } ul.wizard li.active b { background: transparent url('../../images/wizard/wizard_left_active.gif') no-repeat top left; } /** * * *** DEPRECATED *** * * @section Standard Buttons, green */ a.btn.green:link, a.btn.green:visited { background-image: url('../../images/btn/btnGreenRight.png'); } a.btn.green:hover { background-image: url('../../images/btn/btnGreenRight.png'); } a.btn.green:active { background-image: url('../../images/btn/btnGreenActiveRight.png'); } a.btn.green:link span, a.btn.green:visited span, a.btn.green:hover span { background-image: url('../../images/btn/btnGreenLeft.png'); } a.btn.green:active span { background-image: url('../../images/btn/btnGreenActiveLeft.png'); } a.btn.green:link span span, a.btn.green:visited span span, a.btn.green:hover span span, a.btn.green:active span span { background: none; } .semPagerPrev a { background: transparent url('../../images/icons/iconArrowLeft-neg.png') no-repeat center left; text-decoration: none; } .semPagerNext a { background: transparent url('../../images/icons/iconArrowRight-neg.png') no-repeat center right; text-decoration: none; text-align: right; } .errorContainerRegister h4, .errorContainerTrainerAddProfile h4, .errorContainercallfortender h4, .errorContainerwohergekommen h4, .errorContainerrate h4 { background: url('../../images/icons/error.png') no-repeat 0 0; } /* @section mini + Icon --> doesn't exist */ a.btn.mini:link span span, a.btn.mini:visited span span, a.btn.mini:hover span span, a.btn.mini:active span span { background: none; }