/** * * @note css file for form elements * * @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/ * */ /** * @section general form elements */ form, fieldset { margin: 0; padding: 0; font-family: Arial, sans serif; } fieldset { padding: 1em 0; } legend { padding: 1em; padding-left: 0; } .formLine { margin: 0 0 1em; width: 100%; overflow: hidden; } .formLineSmall { margin: 0 0 0.3em; width: 100%; overflow: hidden; } .label, label, .labeled, .hints { line-height: 1.5; } label, .label { font-family: Arial, sans serif; } select, label, .fieldRadio, .fieldCheckbox, .fieldBtnSubmit { cursor: pointer; } .nopointer { cursor: auto; } .fieldText, .fieldDate, textarea, select, .fieldBtnSubmit { margin-bottom: 1em; } td .fieldText, td .fieldDate, td textarea, td select, td .labeled, td .fieldBtnSubmit { margin-bottom: 0; } .fieldText, .fieldDate, select, textarea { font: 1em Arial, sans serif; padding: .1em .2em; } select { padding-top: .02em; padding-bottom: .02em; padding-left: .2em; padding-right: 0; } /** * @section special fields */ input.price { width: 5em !important; font-weight: normal; } /** * @section horizontal alignment */ .horiz .label { padding-top: .1em; text-align: left; margin-right: 1%; } .horiz label, .horiz .label, .horiz .labeled, .horiz .hints { line-height: 1.5; } .horiz .label { width: 20%; float: left; } .horiz .labeled { width: 47%; float: left; margin: 0 1% 0 0; } .horiz .hints { width: 30%; float: left; } .horiz .hints p { margin: 0; } .horiz .formArea { margin-left : 23%; width: 40%; } .horiz .labeled.broad { width: 74%; } .horiz .labeled.broad60 { width: 67%; } .horiz table { width: 99.5%; } .horiz .fieldText, .horiz .fieldDate, .horiz textarea { width: 78%; } form .horiz br { clear: left; } /* correcting fields width in case it is inside a .labeled */ .horiz .labeled .fieldText, .horiz .labeled .fieldDate, .horiz .labeled textarea { width: 98%; margin: 0; } .horiz .labeled .fieldText.broad76 { width: 70%; margin: 0; } .horiz .labeled select { width: auto; margin: 0; } /** * @section vertical alignment */ .vert label, .vert .label { padding: 0 0 .2em; } .vert .labeled .fieldText, .vert .labeled .fieldDate, .vert .labeled textarea, .vert .labeled select { width: 95%; margin: 0; } /** * @section mini forms in sidebars */ fieldset.miniForm { margin-top: .583em; padding: 0; } fieldset.miniForm .formLine { margin: 0 0 .2em; } fieldset.miniForm .btn { margin: 0 !important; text-align: center;} fieldset.miniForm .labeled { margin: 0; padding: 0; } fieldset.miniForm .labeled { margin: 0; padding: 0; } /** * @section forms in .fap2d1Col1 */ .fap2d1Col1 .horiz .label { } .fap2d1Col1 .horiz .labeled { width: 50%; } .fap2d1Col1 .horiz .hints { width: 24%; } /** * @section modal formular dialog */ #SuccessContainer { display: none; text-align: center; } #SuccessContainer h1 { font-size: 1.333em; margin-top: 10%; } #AskForm .labeled { width: 80%; } #AskForm .formArea { width: 80%; } #AskForm fieldset { padding: 0; } .tinymce { width: 78%; } /** * @section error container */ .errorContainer { padding-bottom: 1em; } .errorContainer h4 { font-size: 1.333em; } .errorContainer li { list-style-type: none; } /** * @section field lengths, special cases */ /* 'Anrede' and 'Titel' field container */ .labeled .twoColContainer { margin: 0; } .labeled.twoColContainer .col2 { width: auto; } .flAnrTit .twoColContainer { margin: 0; } .flAnrTit .twoColContainer .col1 { width: 38%; } .flAnrTit .twoColContainer .col2 { width: 40%; float: left; } .flAnrTit .twoColContainer .col2 .labeled { width: 65%; } /* 'Vorname' and 'Nachname' field container */ .horiz .flVorNac .labeled .fieldText.firstname { width: 35.5%; float: left; } .horiz .flVorNac .labeled .fieldText.lastname { width: 58%; float: right; } #nyroModalContent .horiz .flVorNac .labeled .fieldText.lastname { width: 58%; float: right; } /* 'PLZ', 'Ort' and 'Land' field container */ .horiz .flPlzOrtLan .labeled .fieldText.plz { width: 20%; float: left; margin-right: .583em; } .horiz .flPlzOrtLan .labeled .fieldText.city { width: 37%; float: left; margin-right: 0; } .horiz .flPlzOrtLan .labeled select { width: 34%; float: right; } .horiz .flOrtLan .labeled .fieldText.city { width: 61%; float: left; margin-right: .583em; } .horiz .flOrtLan .labeled select { width: 35%; float: right; } /* 50:50 field container */ .horiz .flFifty .labeled .fieldText.first { width: 47.5%; float: left; } .horiz .flFifty .labeled .fieldText.second { width: 47.5%; float: right; } .horiz .labeled .fieldText.year { width: 4em; } .horiz .labeled .fieldText.price_interval { width: 8em; } /* 65:25 field container */ .horiz .flOrtUmkreis .fieldText.first { width: 65%; float: left; } .horiz .flOrtUmkreis .fieldText.second { width: 25%; float: right; } .horiz .flOrtUmkreis .label.first { width: 65%; float: left; } .horiz .flOrtUmkreis .label.second { width: 25%; float: left; } /** * @section non-modal contact form */ #ContactFormNormal { text-align: center; } #ContactFormNormal #Container { margin: auto; width: 700px; text-align: left; } #ContactFormNormal .formArea { margin-left: 25%; width: 68%; } #ContactFormNormal .formArea .col2 { text-align: right; } #ContactFormNormal a.btn { margin-right: 0; } #ContactFormNormal br { margin-bottom: 0; } #ContactFormNormal h3.teaser { font-size: 2em; } #ContactFormNormal ul { margin-bottom: 2em; } #ContactFormNormal ul li { line-height: 1.5em; } #ContactFormNormal fieldset { padding: 0; } #ContactFormNormal .horiz .label { width: 24%;} #ContactFormNormal .horiz .labeled { width: 68%;} /** * @section modal contact form */ #ContactForm { } #ContactForm br { margin-bottom: 0; } #ContactForm h3.teaser { font-size: 2em; } #ContactForm ul { margin-bottom: 2em; } #ContactForm ul li { line-height: 1.5em; } #ContactForm fieldset { padding: 0; } #ContactForm .horiz .label { width: 24%;} #ContactForm .horiz .labeled { width: 68%;} #ContactForm .formArea { width: 70%; margin-left: 25%; } #ContactForm .formArea .twoColContainer .col1 { width: 46.5%; } #ContactForm .formArea .twoColContainer .col2 { width: 46.5%; text-align: right; padding-top: .583em; } #ContactForm .errormessage { font-weight: bold; } /** * @section button container in forms () */ .btnContainer .col1 { width: 46.5%; padding-top: .583em; text-align: left; } .btnContainer .col2 { width: 46.5%; text-align: right; } /* replaces areaFooter at the end of large formulars with several shadowed boxes */ .saveFooter { margin-bottom: 2em; } /** * @section *** DEPRECATED *** */ label img, .label img { position: relative; top: -.3em; } /** * @note CSS file for buttons * * @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/ * */ /** * @section Standard Buttons, orange */ a.btn { display: block; display: -moz-inline-stack; /* for Firefox2 */ display: inline-block; height: 32px; margin-right: 6px; padding: 0 12px 0 0 !important; font-weight: bold; text-decoration: none !important; } a.btn:hover { text-decoration: underline !important; } a.btn span { display: block; cursor: pointer; line-height: 14px; padding: 9px 1px 9px 10px; } a.btn:link span span, a.btn:visited span span, a.btn:hover span span, a.btn:active span span { display: block; white-space: nowrap; position: relative; left: 0; margin: 0; padding: 0; line-height: 16px; text-align: center; } /** * @section Mini Buttons */ a.btn.mini { padding-right: 5px !important; height: 20px; } a.btn.mini span { padding: 3px 3px 3px 9px; } /** * @section Button icons */ a.btn.iconArrowRight span span { padding: 0 0 0 20px !important; text-align: left !important; } /** * * *** DEPRECATED *** * * @section Standard Buttons, green */ a.btn.green:link span span, a.btn.green:visited span span, a.btn.green:hover span span, a.btn.green:active span span { display: block; position: relative; left: 0; margin: 0; padding: 0; text-align: center; } /* @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 { width: auto; display: block; position: relative; left: 0; margin: 0; padding: 0; text-align: center; } /** * * @note css file for data tables * * @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/ * */ caption { text-align: center; font-weight: bold; } /** * @section default semigator style: .dataTable */ .dataTable { width: 100%; margin: 0 0 1em; border-width: 1px 0 0 1px; border-collapse: collapse; } .dataTable th, .dataTable td { padding: .583em; line-height: 1.25; border-width: 0 1px 1px 0; vertical-align: top; } .dataTable th, .dataTable thead td { vertical-align: middle; font-size: 1.0em; font-weight: bold; } .dataTable th h3 { margin: 0; } /** * @section default semigator style = .dataTable */ .featureList.dataTable { margin: 0 0 1em 0; } .featureList.dataTable tr { padding: 0 5px 1em 0 !important; } .featureList.dataTable .col1 { width: 60%; } .featureList.dataTable .col2 { width: 20%; text-align: center; } .featureList.dataTable .col3 { width: 20%; text-align: center; } .featureList.dataTable .lastRow td { padding-top: 1.333em; border-bottom: none; } /** * @section event overview table */ td.notOnline a.simpleText { text-decoration: underline !important; } td.notOnline a.simpleText:hover { text-decoration: none !important; } /** * @section chek_number_character */ .chek_number_character { color: #f60; } #MainContent.shadowBoxes h3.areaHeader.big {font-size:16px}