/** * * @note css file for common classes * * @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/ * * @colordef #000; Black; Text * @colordef #fff; White; Background * @colordef #f60; Orange; Hyperlinks, Button Gradient Color 1 * @colordef #ff5400; Darker Orange; Button Gradient Color 2 * @colordef #bcc509; Dark Yellow; Logo, Borders etc. * @colordef #fff600; Yellow; Button text hover */ /** * @section clearing floats */ .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /** * @section clearing floats the soft way * more performant, but requires 100% of container element */ .scf { width: 100%; overflow: hidden; } /** * @section hiding elements */ .hide { display: none; } /** * @section compacting elements */ .compact { margin: 0; padding: 0; } /** * @section extending elements */ .extend { margin-top: 3em; } /** * @section moving elements out of view port */ .moveout { display: block; height: 0; line-height: 0; position: relative; text-indent: -1000000em; } /** * @section prices and tax notes */ .price { font-weight: bold; } .taxNote { font-size: .9167em; text-align: right; } /** * @section MainContent Padder * * use extra markup like * *
...
* * to set paddings of 7px * */ #MainContent .padder { padding: 0 .583em; } /** * @section Areas (pure style) */ #MainContent .area { padding: 0 0 0; margin: 0 0 2em; } #MainContent .padder { padding: 0 .583em 0 0; } #MainContent .areaFooter { display: none; } #MainContent .areaHeader { padding: 0; font-size: 1.333em; } #MainContent h2.areaHeader { font-size: 1.667em; } /** * @section Areas + Shadow Boxes and areas in sidebars */ #MainContent.shadowBoxes .area, .sidebar .area { padding: 0 5px 1em 0; margin: 0; } #MainContent.shadowBoxes .area .padder, .sidebar .area .padder { padding: 0 .583em; } #MainContent.shadowBoxes .areaFooter, .sidebar .areaFooter { display: block; width: 99.4%; margin: 0 0 1em; height: 4px; } #MainContent.shadowBoxes .areaFooter, .sidebar .areaFooter { display: block; width: 100%; margin: 0 0 1em; height: 4px; } #MainContent.shadowBoxes .area .areaHeader, .sidebar .area .areaHeader { font-size: 1.0835em; padding: .583em; } /** * @section Shadow Boxes for specials */ #MainContent .special .area { padding: 0 5px 1em 0; margin: 0; } #MainContent .special .area .padder { padding: 0 .583em; } #MainContent .special .areaFooter { display: block; width: 100%; margin: 0 0 1em; height: 4px; } #MainContent .special .area .areaHeader { font-size: 1.333em; padding: .583em; margin-bottom: 0; } /** * @section Areas + Shadow Boxes widthout headers */ .sidebar .areaHeaderless { padding: 0 5px 1em 0; margin: 0; } .sidebar .areaHeaderless .headerPlaceholder { height: 1px; } .sidebar .areaHeaderless .padder { padding: 0 .583em; } .sidebar .area p { margin: 0 0 .583em; } /** * @section Data Tables in Areas with Shadow */ .shadowBoxes .area .dataTable { border-bottom: none; border-right: none; margin: 0; } /** * @section 'more' links */ .more { margin: 0; text-align: right; } .area .more { font-size: .9167em; } .area .more a.btn.mini { font-size: 1em; } /** * @section General List Styles */ .list ul li { margin: 0 0 1.333em; } .list .image { float: left; font-size: .9167em; } .list .text { width: auto; padding-right: 1em; } .list .text h4 { margin: 0 0 .583em; } .list .text h4 a:hover, .list .text h4 a:active { text-decoration: underline; } .list .text p a { text-decoration: none; } /** * @section Thumb Lists with 140px Images */ .list ul.thumb140 li .image { width: 140px; } .list ul.thumb140 li .image img { width: 140px; } .list ul.thumb140 li .text { margin-left: 156px; } /** * @section Thumb Lists with 44px Images (search results) */ .list ul.thumb44 { padding-top: 1em; } .list ul.thumb44 li .image { width: 44px; text-align: center; } .list ul.thumb44 li .image img { width: 44px; } .list ul.thumb44 li .text { margin-left: 51px; } .list ul.thumb44 li .text .taxNote { text-align: left; } /** * @section Thumb Lists with 86px Images */ .list ul.thumb86 li .image { width: 86px; } .list ul.thumb86 li .image img { width: 86px; } .list ul.thumb86 li .text { margin-left: 102px; } /** * @section Thumb Lists with 100px Images */ .list ul.thumb100 li .image { width: 100px; } .list ul.thumb100 li .image img { width: 100px; } .list ul.thumb100 li .text { margin-left: 116px; } /** * @section 1 to 5 stars ratings */ .rating { float: left; margin-right: .583em; font-weight: bold; } ul.ratingSmall { margin: 0; width: 86px; } ul.ratingSmall li { float: left; margin: 0; } /** * @section tag-cloud */ ul.tagCloud { margin: 0; } ul.tagCloud li { float: left; margin: 0 3% 0 0; line-height: 150%; } ul.tagCloud li.verysmall { font-size: 0.583em; } /* 7px */ ul.tagCloud li.small { font-size: 0.833em; } /* 10px */ ul.tagCloud li.medium { font-size: 1.000em; } /* 12px */ ul.tagCloud li.large { font-size: 1.333em; } /* 16px */ ul.tagCloud li.verylarge { font-size: 1.500em; } /* 18px */ /** * @section pagers */ .pager { width: 100%; padding-top: .583em; text-align: center; } .pager div { margin: 0 auto; } .pager p.pagerLabel { display: -moz-inline-stack; /* for Firefox2 */ display: inline-block; } .pager ul { display: -moz-inline-stack; /* for Firefox2 */ display: inline-block; } .pager ul li { display: -moz-inline-stack; /* for Firefox2 */ display: inline-block; margin: 0 3% 0 0; line-height: 1.5; } .pager ul li { display: -moz-inline-stack; /* for Firefox2 */ display: inline-block; margin: 0 0 0 0; line-height: 1.5; } /* maak */ .pager ul li a, .pager ul li span { display: block; padding: .333em; line-height: 1.5; text-decoration: none; font-weight: bold; } .pager ul li.placeholder span { padding: 0; } /** * @section Wizards */ #internal { width: 60em; } ul.wizard { width: auto; margin: 0 0 1em; } ul.wizard li { position: relative; display: block; float: left; margin-right: -13px; line-height: 1.5; } ul.wizard li#Seminar { z-index: 71; } ul.wizard li#LoginRegister { z-index: 70; } ul.wizard li#Participants { z-index: 69; } ul.wizard li#CheckBook { z-index: 68; } ul.wizard li#Payment { z-index: 67; } ul.wizard li span { display: block; font-weight: bold; } ul.wizard li#PremiumDate { z-index: 70; } ul.wizard li#PremiumParticipants { z-index: 69; } ul.wizard li#PremiumConfirmation { z-index: 68; } /* clickable wizard steps */ ul.wizard li span a, ul.wizard li span a:link, ul.wizard li span a:visited { white-space: nowrap; display: block; height: 26px; padding: 7px 15px 0 21px !important; text-decoration: none; font-weight: bold; } /* unclickable wizard steps */ ul.wizard li span b { white-space: nowrap; display: block; height: 26px; padding: 7px 15px 0 21px !important; text-decoration: none; font-weight: bold; } ul.wizard li span strong { white-space: nowrap; display: block; height: 26px; padding: 7px 15px 0 21px !important; text-decoration: none; font-weight: bold; } /** * @section types of messages for sgtr_render_messages() */ .msg { margin: 0 auto 1.333em auto; padding: .583em; } .msg p { margin: 0; } .msg ul, .msg ol { margin: 0 0 1em 3em; padding: 0; list-style-type: decimal; } .msg ul li { margin: 0; line-height: 1.5; list-style-type: disc; } .msg ol li { margin: 0; line-height: 1.5; } .errorContainerregistration_minimal { margin: 0 auto; padding: .583em; } .errorContainerregistration_minimal h4 { padding: 0 0 0 1.8em; } .errorContainerregistration_minimal ul { margin: 0 0 1em 3em; padding: 0; list-style-type: decimal; } .errorContainerregistration_minimal ul li { margin: 0; line-height: 1.5; list-style-type: disc; } .errorContainerregistration_minimal label { cursor: auto; } .msg.error p, .msg.errors p, .msg.informations p, .msg.confirmations p, .msg.warning p, .msg.debug p { padding: 0 0 0 1.8em; } /** * @section *** DEPRECATED *** selectors (to be removed soon) */ .price .onrequest { font-weight: normal; } /* @section Inline list of categories */ .list ul.categories { margin: 0; } .list ul.categories li { float: left; margin: 0 2% 0 0; line-height: 2em; } .list ul.categories li a { white-space: nowrap; } .errorContainerRegister { margin: 0 auto 1.333em auto; padding: .583em; } .errorContainerRegister ul, .errorContainerRegister ol, .errorContainerwohergekommen ul, .errorContainerrate ul, .errorContainercallfortender ul { margin: 0 0 1em 3em; padding: 0; list-style-type: decimal; } .errorContainerRegister ul li, .errorContainerTrainerAddProfile ul li, .errorContainercallfortender ul li, .errorContainerrate ul li, .errorContainerRegister ol li, .errorContainerwohergekommen ul li { margin: 0; line-height: 1.5; list-style-type: disc; } .errorContainerTrainerAddProfile, .errorContainercallfortender, .errorContainerwohergekommen, .errorContainerrate { margin: 0 auto; padding: .583em; } .errorContainerTrainerAddProfile ul { margin: 0 0 1em 3em; padding: 0; list-style-type: decimal; } .errorContainerRegister h4, .errorContainerTrainerAddProfile h4, .errorContainercallfortender h4, .errorContainerwohergekommen h4, .errorContainerrate h4 { padding: 0 0 0 1.8em; } /** * @section 404 page layout */ .error404 #Header, .error404 h2 { padding-top: 2em; } .error404 p.email { visibility: hidden; } .error404 .secondInfo { line-height: 1em; padding-top: 1em; padding-bottom: 5em; margin: 0; } /** * @section Shop */ .shopEmbedContainer { width: 99%; margin: 0 0 1em; } /** * @section Merkliste */ #Merkliste { text-align:left;padding-top:10px;} #Merkliste a { padding-left:1.2em; background: transparent url('../../images/icons/bookmark.gif') no-repeat center left; }