/* ENHANCEMENT: - The bulletproof smiley syntax. - The OpenType spec indicates any two-byte unicode characters won't work in a font name on Mac at all, so that lessens the likelihood that someone actually released a font with such a name. IE chockes on this one and thereby sticks with the eot. (added on 27.07.10 at 16:12:06 PM by Edy) FIX: - The EOT font is rejected by IE if the NAME table doesn't conform to Microsoft's expectations. Use the fontsquirrel.com generator instead. It fixes the NAME table issue. (added on 09.12.10 at 17:52:32 PM by Edy) */ /* @font-face { font-family: 'PT Sans Narrow'; src: url('./common/fonts/PTSansNarrow.eot'); src: local('☺'), url('./common/fonts/PTSansNarrow.woff') format('woff'), url('./common/fonts/PTSansNarrow.ttf') format('truetype'), url('./common/fonts/PTSansNarrow.svg##webfontSAYAwFVt') format('svg'); font-weight: normal; font-style: normal; } */ /* General rules */ body, html { height: 100%; } body { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; background:url('./img/background/body.jpg') left top repeat-x #FDFFF1; color: #000; font-size: 12px;} tr td { font-size:12px; vertical-align:top; } tr th { font-size:12px; padding:2px; text-align:left; font-weight:bold; } h1 { font-size:14px; margin:15px 0 25px 0; } img { border-style:none; } a { color:#444444; text-decoration:none; } a:hover { text-decoration:underline; } /** General rules for form elements * - button and input[type="button"] are transformed to button by jQuery UI in custom.js * - fieldset width should be specified in every page */ input, select, textarea { font-size:12px; color:#343434; background-color:white; border:solid #777 1px; } input[type="radio"], input[type="checkbox"] { background:transparent ; border-style:none; } textarea { width:30em; height:12em; } select.with_images option { background-position:top left; background-repeat:no-repeat; padding:3px 0 3px 22px; } button img { vertical-align:-30%; padding-right:4px; } fieldset { margin-top:20px; padding:10px 10px; } legend { padding:3px 1em 3px 1em; font-weight:bold; } fieldset, legend { border:solid #ccc 1px; border-radius:3px; } legend img { vertical-align:bottom; } /* Layout */ header { height:85px; position: relative; background:url('./img/background/bg-header.png') top left repeat-x; } #header_logo { float:left;width:310px;height:85px;text-align:center;} header h1 { font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; font-weight: normal; padding:0; margin:0 ;color: #222; position: absolute; left:310px; height:35px; padding-top:50px; padding-left:112px; background:url('./img/background/motto2.png') 70px 20px no-repeat; } #header_login_time { position:absolute; top:25px; left:310px; color:black; font-size:10px;} .min-browser-requirement { } #wrapper { position: relative; min-height:100%; margin: 0 auto -60px; } .properBackground { background: url('./img/background/bg-wrapper-admin.png') top left repeat-y; } #hold_content { clear:both; } #hold_content td nav { font-family: Arial,Helvetica,sans-serif; font-size:14px; text-align:left; width:236px; padding:66px 0px 25px 73px; color:black; } #hold_content td section { width:810px; padding: 40px; color:black; background:white; } #spacer { margin:0; padding:0; height: 90px; line-height: 90px; } /* Navigation menu visible on all pages, left side */ #hold_content td nav { } #hold_content td nav a { font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; color: #222; } #hold_content td nav a:hover { color: #fff; text-decoration: none; } #hold_content td nav ul, #hold_content td nav li { margin:0; padding:0; list-style:none; color:black } #hold_content td nav > ul > li { font-family:'PT Sans Narrow', sans-serif; font-size: 16px; color: #222; text-transform: uppercase; padding:1px 0; } #hold_content td nav > ul > li > ul { margin-bottom:2px; text-transform: none; } #hold_content td nav > ul > li > ul > li { padding:1px 0 1px 10px; } /* Footer */ footer { position: relative; background:#eaeaea; height:50px; font-size:10px; padding-left:65px; padding-top:10px; } footer a { font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; color:white; background:black; padding:4px; } footer a:hover { text-decoration: none; } footer span { font-family: 'PT Sans Narrow', sans-serif; font-size: 16px;padding-left: 60px; color: black; } aside { position: relative; z-index: -1; font-family: 'PT Sans Narrow', sans-serif; font-size: 13px; color: #000; width: 200px; margin:0; margin-top: -85px; } div.module-actions, table.search-parameters, table.searchResults { width:790px; } /* Search form */ div.module-actions { text-align:right; padding-bottom:14px; } div.module-actions img { vertical-align:middle; padding-right:4px; } table.search-parameters { border-collapse:collapse; margin-bottom:24px; background-color:#f5f5f5; border:solid #999 1px; } table.search-parameters th { padding:3px; background-color:#464646; color:white; text-align:left; } table.search-parameters td { padding:2px; vertical-align:middle; } table.search-parameters td.search-button { vertical-align:middle; text-align:right; } /* Search results */ div.no_results_found { color:#cc0033; font-weight:bold; } table.searchResults { min-width:790px; border-collapse:collapse; margin:14px 0pt 0px; text-align: left; } table.searchResults > tbody > tr th { background-color:#e6EEEE; padding:0px; } table.searchResults > tbody > tr th > div { border:solid #fff 1px; padding:4px; } table.searchResults > tbody > tr th, table.searchResults > tbody > tr td { border:solid #CDCDCD 1px; } table.searchResults > tbody > tr .sortable { background-image: url(img/bg.gif); background-repeat: no-repeat; background-position: center right; } table.searchResults > tbody > tr .sortable a { display:block; text-decoration:none; } table.searchResults > tbody > tr .sortUp { background-image: url(img/asc.gif); background-color: #8dbdd8; } table.searchResults > tbody > tr .sortDown { background-image: url(img/desc.gif); background-color: #8dbdd8; } table.searchResults > tbody > tr.odd td { background-color:#F0F0F6; } table.searchResults > tbody > tr.even td { } table.searchResults td.empty { border-style:none; } table.searchResults td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } table.searchResults .delete, table.searchResults .delete div { width:63px; text-align:center; } table.searchResults .status, table.searchResults .status div, table.searchResults .simple, table.searchResults .simple div { width:80px; text-align:center; } table.searchResults .number, table.searchResults .number div { width:40px; text-align:center; } table.searchResults .image { width:40px; text-align:center; } table.searchResults .upload { width:100px; text-align:center; } table.searchResults .sortField, table.searchResults .sortField button, table.searchResults .sortField div { width:180px; text-align:center; } table.searchResults .paging { border-style:none; } table.searchResults input.fieldSortField { color:#555; } table.searchResults input.fieldSortField.active { color:#000; font-weight:bold; } table.searchResults .delete-multiple { text-align:right; padding: 10px 0 0; } table.searchResults .delete-multiple button { padding: 3px; margin: 0; } /* Paging */ .pages { width:100%; text-align:center; margin-bottom:20px; margin-top:10px; } .pages a { color:#0063DC; } .paginator { width:100%; font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; padding-bottom: 10px; } .paginator .this-page { padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background-color: #fff; color: #FF0084; } .paginator a, .paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; } .paginator a:hover { color: #fff; background: #0063DC; border-color: #036; text-decoration: none;} .paginator .atstart { margin-right: 20px; padding: 2px 6px; background: #fff; color: #aaa; } .paginator .prev { margin-right: 20px; padding: 2px 6px; background: #fff; border: solid 2px #ddd; } .paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; } .paginator .next { margin-left: 20px; padding: 2px 6px; background: #fff; border: solid 2px #ddd; } .paginator .atend { margin-left: 20px; padding: 2px 6px; background: #fff; color: #aaa; } .pages div.Results { text-align:center; font:11px Arial, Helvetica; color: #aaa; margin-top: 8px; } .pages div.Results form { display:inline; } .pages div.Results .separator { padding:0 10px; } /* Password strength meter */ .password-strength-meter { margin-left:175px; font-size:11px; } .password-rating-text { font-weight:bold; color:#676767; } .password-bar { height:5px; background-color:#dddddd; margin:4px 0 0 0; } .password-rating { height:5px; background-color:#dddddd; } .password-rating-help { display:inline-block; background-image:url("img/help.png"); background-repeat:no-repeat; background-position:0 50%; padding-left:18px; } /* Popup with password tips */ body.popup { margin:20px 20px 0 20px; color:black; background:none; } body.popup h1 { font-size:13px; font-weight:bold; margin:10px 0 10px 0; } body.popup ul { margin-left:20px; } body.popup li { list-style:disc; padding:3px; } optgroup { font-style: normal; } option.regionAsState { font-weight: bold; } /* Standard form and error messages */ .data_input td { padding:3px; } .data_input .fieldRequired { color:red; } .data_input .fieldError { color:#b00; } .data_input .fieldInfo { color:#575757; font-weight:normal; font-size:smaller; border:solid #ddd 1px; margin-top:3px; padding:2px; } div.messageBoxError { width:650px; min-height:48px; padding:7px 40px 7px 80px; background-color:#FFFFCC; background-image:url(img/icon_critalert.gif); background-position:20px 14px; border:1px solid #FFCC00; color:#C60000; } div.messageBoxError ul { padding-left:25px; margin-top:0; } div.messageBoxError ul li { list-style-type:disc; padding:4px 4px 4px 5px; font-size: 11px; } div.messageBoxError p { margin:5px 0 5px 0; font-size: 12px; } div.messageBoxWarning { width:560px; min-height:35px; padding:12px 40px 0px 50px; background-color:#FFFFDD; background-image:url(img/warning.png); background-position:20px 12px; border:1px solid #FFCC00; color:#AA0000; } div.messageBoxError, div.messageBoxWarning { border-radius:10px; margin:0 0 10px 0; background-repeat:no-repeat; } input.fieldSortField { width:3em; } .ui-dialog-content .messageBoxError { width:auto; } .field-email { background-image:url('img/icon-email.png'); background-repeat:no-repeat; padding-left:16px; } .field-tel { background-image:url('img/icon-tel.png'); background-repeat:no-repeat; padding-left:16px; } .field-fax { background-image:url('img/icon-fax.png'); background-repeat:no-repeat; padding-left:16px; } iframe.webeditor { width:750px; height:350px; } /* Client side error messages. Modern browsers get +rounded corners, +shadow * IE7 gets -rounded corners, -shadow * IE8 gets -rounded corners, +shadow * IE9 gets +rounded corners, +shadow */ .field-error-message { position:absolute; display:block; padding:5px 5px 5px 10px; max-width:350px; min-height:20px; background-color:#cd3030; color:white; font-style:italic; font-weight:bold; font-size:11px; border-radius:4px; box-shadow:3px 3px 4px #7f7f7f; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7f7f7f')"; } .field-error-message-arrow { position:absolute; left:-10px; top:8px; height:0px; width:0px; border-top:solid transparent 5px; border-bottom:solid transparent 5px; border-right:solid #cd3030 10px; } input.error, textarea.error, select.error { border-color:red; } /* dsp_input list of dependant items (for example images for dynamic page, etc) */ .itemDependencies { width:500px;} .itemDependencies .add-item { text-align:right; padding-bottom:10px; font-weight:bold; } .itemDependencies table { width:100%; border-collapse:collapse; } .itemDependencies th { background:#EFEFDE; } .itemDependencies td { padding:3px; vertical-align:middle; } .itemDependencies tr.odd td { background-color: #F0F0F6; } .itemDependencies tr.even td { background-color: #ffffff; } .itemDependencies .colNumber { width:40px; text-align:center; } .itemDependencies .colStatus { width:120px; text-align:center; } .itemDependencies .colActions { width:70px; text-align:center; } /* Date picker */ .date-picker { } .date-picker-display { width:125px; border:solid #999 1px; padding-left:5px;padding-right:5px; font-size:11px; } .date-picker-actions { padding-left:2px; } /* TABS */ #tabs { width:600px; } #tabs iframe { width: 100%; } .tab_content { clear:left; padding:15px 0 10px 5px; border:solid #C2BDAE 1px; } #tabs_footer { text-align:right; padding:2px; } #tabs ul { margin:0; padding:10px 10px 0 20px; } #tabs li { margin:0; padding:0; display:inline; } #tabs > ul > li > a { float:left; display:block; margin:0; margin-right:1px; padding:0 0 0 3px; text-decoration:none; } #tabs a span { float:left; display:block; padding:3px 15px 6px 4px; margin:0; color:#9F9584; } .ui-tabs .ui-tabs-hide { display: none; } #tabs a:hover, #tabs li.ui-tabs-selected a { background-position:0% -42px; } #tabs a:hover span, #tabs li.ui-tabs-selected a span { background-position:100% -42px; color:#FFF; } #tabs input.button_tabs { margin-right:10px; } .ui-accordion-icons .ui-accordion-header a { padding-left:0.5em; } table.contactInfo { width:750px; background-color:#fff; margin-bottom:15px; } table.contactInfo > tbody > tr > td { padding:2px; } table.contactInfo > tbody > tr > th { padding:3px; background-color:#f0f0f0; } table.contactInfo #contactEdit { float:right; } table.contactInfo .colFieldLabels { width:150px; }/* Applied to first cell from the table displaying the contact info */ table.contactInfo #language img { display: block; float: left; margin-right: 5px; } table.stagesActions { width:750px; margin-bottom:25px; } table.stagesActions .holdStage { margin:0 0 4px 0; border:solid #647D8F 1px; } table.stagesActions .holdStage.ui-accordion-content-active { border-top-style:none; } table.stagesActions .holdStageName { clear:both; padding:5px; background-color:#e5e5e5; border:solid #647D8F 1px; } table.stagesActions .holdStageName.ui-state-default { margin-bottom:1px; } table.stagesActions .holdStageName.ui-state-active { border-bottom-style:none; } table.stagesActions .holdStageName a { font-weight:bold; } table.stagesActions .holdStageName div { float:left; margin-left: 20px; } table.stagesActions .holdStageName div#internalNote { float: none; margin-left: 18px; } table.stagesActions .holdStageName div + a, table.stagesActions .holdStageName div#internalNote a { display: inline; } table.stagesActions .stageInactive { color:#aaa; } table.stagesActions .holdStage form { padding:5px; } table.stageHistory { width:750px; margin-bottom:15px; } table.stageHistory > tbody > tr > td { padding:2px; border:solid #e5e5e5 1px; } table.stageHistory > tbody > tr > th { padding:3px; background-color:#e5e5e5; } /* STAGE CLASSES */ .stage_new { color:white; background-color:#D40518; } .stage_progress { color:white; background-color:#FFC516; } .stage_questions { color:white; background-color:#15B54D; } .stage_finished { color:black; background-color:#FFFFFF; } .stage_new, .stage_progress, .stage_questions, .stage_finished { margin-left:auto; margin-right:auto; width:12px; height:12px; border:solid black 1px; font-size: 10px; } /* SHOP ORDER CART */ table.orderCart { width:100%; margin:10px 0; } table.orderCart th { font-weight:bold; padding:5px 0; } table.orderCart td { padding:2px; } table.orderCart .price { text-align:right; } table.orderCart tr.product td { } table.orderCart tr.vatGroup td { font-weight:bold; } table.orderCart tr.shippingInfo td { border-top:solid black 1px; } table.orderCart tr.totalPrice td { border-top:solid black 2px; font-weight:bold; } /* Override misc jQuery UI styles */ .ui-widget, .ui-widget .ui-widget { font-size:0.95em; font-family: Verdana, Arial, sans-serif; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Verdana, Arial, sans-serif; } button.ui-button-text-icon { padding-left:.5em; } /* Buttons with text and icon have the icon too close to the left margin */ /* Remove outline from active and focused links and other interactive elements */ .ui-state-default, .ui-widget-content .ui-state-default { outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { outline: none; } .ui-state-hover a, .ui-state-hover a:hover { outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; } /* CSS-only tooltip (the tooltip that appears when hovering over the notes icon) */ .tooltip { position: relative; z-index: 0; text-decoration: none; cursor: help; padding-right: 8px; background: url(img/icon_tool_tip.gif) no-repeat right top; display: block; line-height: 1.2; } .tooltip { display: inline; padding-right: 10px; } .tooltip:hover { z-index: 1; text-decoration: none; } .tooltip span { display: none;} .tooltip:hover span { display: block; position: absolute; top: 20px; left: 20px; padding: 6px; border: 1px solid #bbb; background: #F7FBFE; color: #000; width: 250px; white-space: normal; text-align: left; text-decoration: none; } /* Nested sortable for hierarchical menu */ .sortable, .sortable ol { margin: 0 0 0 25px; padding: 0; } .sortable { margin: 2em 0; } .sortable li { list-style:none; border: 1px solid #ccc; padding: 5px 0 5px 10px; margin: 3px; margin-right: 0; cursor: move; } .sortable .placeholder { background-color: #cfcfcf; } .sortable .ui-nestedSortable-error { background:#fbe3e4; color:#8a1f11; } .sortable div.name img { vertical-align: middle; margin-right: 5px; } .sortable > li { border-style:none; } /* Level 1 */ .sortable > li .name { font-weight:bold; font-size:1.4em; } .sortable > li > ol > li { } /* Level 2 */ .sortable > li > ol > li .name { font-weight:bold; font-size:1.2em; } .sortable > li > ol > li > ol > li { } /* Level 3 */ .sortable > li > ol > li > ol > li .name { font-weight:normal; } .sortable > li > ol > li > ol > li > ol > li { } /* Level 4 */ .sortable > li > ol > li > ol > li > ol > li .name { font-style:italic; } .sortable .delete { float:right; width:30px; } .sortable .status { float:right; width:30px; } .sortable .edit { float:right; width:30px; } .sortable .settings { float:right; width:30px; } .sortable .name { } /* Notifications */ .ui-notification-info { padding:.7em .7em; } .ui-notification-info .ui-icon { float: left; margin-right: .3em; } .ui-notification-info .ui-state-highlight { padding: 0 .7em; } .ui-notification-error, .ui-notification-warning, .ui-notification-info { padding:.7em .7em; } .ui-state-error, .ui-state-warning, .ui-state-highlight { padding: 0 .7em; } .ui-notification-info strong, .ui-notification-warning strong, .ui-notification-error strong { padding-right:1em; } .ui-notification-error .ui-icon, .ui-notification-warning .ui-icon, .ui-notification-info .ui-icon { float: left; margin-right: .3em; } .ui-state-warning .ui-icon { background-image: url(common/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png); background-position: 0 -144px; } .ui-state-warning, .ui-widget-content .ui-state-warning, .ui-widget-header .ui-state-warning { border: 1px solid #fed22f; background: #ffe45c url(common/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-warning a, .ui-widget-content .ui-state-warning a,.ui-widget-header .ui-state-warning a { color: #363636; } /* JCROP */ .jcrop-dimensions { margin-top:7px; } /* jquery.Jcrop.css v0.9.12 - MIT License */ /* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles on a parent element, place any fixes here or in a like selector You can also style this element if you want to add a border, etc A better method for styling can be seen below with .jcrop-light (Add a class to the holder and style elements for that extended class) */ .jcrop-holder { direction: ltr; text-align: left; } /* Selection Border */ .jcrop-vline, .jcrop-hline { background: #ffffff url("img/Jcrop/Jcrop.gif"); font-size: 0; position: absolute; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-vline.right { right: 0; } .jcrop-hline { height: 1px !important; width: 100%; } .jcrop-hline.bottom { bottom: 0; } /* Invisible click targets */ .jcrop-tracker { height: 100%; width: 100%; /* "turn off" link highlight */ -webkit-tap-highlight-color: transparent; /* disable callout, image save panel */ -webkit-touch-callout: none; /* disable cut copy paste */ -webkit-user-select: none; } /* Selection Handles */ .jcrop-handle { background-color: #333333; border: 1px #eeeeee solid; width: 7px; height: 7px; font-size: 1px; } .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; } .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50%; } .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50%; } .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0; } .jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0; } .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; } /* Dragbars */ .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s { height: 7px; width: 100%; } .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w { height: 100%; width: 7px; } .jcrop-dragbar.ord-n { margin-top: -4px; } .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; } .jcrop-dragbar.ord-e { margin-right: -4px; right: 0; } .jcrop-dragbar.ord-w { margin-left: -4px; } /* The "jcrop-light" class/extension */ .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline { background: #ffffff; filter: alpha(opacity=70) !important; opacity: .70!important; } .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000000; border-color: #ffffff; border-radius: 3px; } /* The "jcrop-dark" class/extension */ .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline { background: #000000; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; border-color: #000000; border-radius: 3px; } /* Simple macro to turn off the antlines */ .solid-line .jcrop-vline, .solid-line .jcrop-hline { background: #ffffff; } /* Fix for twitter bootstrap et al. */ .jcrop-holder img, img.jcrop-preview { max-width: none; } /* Import events from Steiermark.com */ form#import-events { position: relative; } form#import-events > table { margin-bottom: 20px;background: #FCFCFC; border: solid #CDCDCD 1px; padding: 10px; width: 100%;} form#import-events > table td { vertical-align: middle; padding: 2px; } form#import-events > table div { margin-left: 15px; width: 60px; } form#import-events .headline { margin-bottom: 4px; display: block;} form#import-events > table select, form#import-events > table .date-picker-display, form#import-events > table [type=text] { border: solid #CDCDCD 1px; padding: 5px 8px; color: #343434; } form#import-events.burgenland > table select, form#import-events.burgenland > table [type=text] { width: 230px; } form#import-events > table div label { font-weight: bold; color: #1C94C4; } form#import-events > table div input.ui-state-disabled + label { color: #AED8EC; } form#import-events button { margin-left: 228px; } form#import-events div.record { position: relative; padding: 10px; border-bottom: dotted lightgrey 1px; } form#import-events div.record:hover { background: #F5F5F5 !important; } form#import-events div.record h4 { margin:0; font-size: 13px; } form#import-events div.record p { width: 550px; line-height: 18px; margin: 5px 0; color: #585858; } form#import-events div.record p span { color: #000; } form#import-events div.record input { position: absolute; right: 54px; top: 41%; } form#import-events img#loading { display: block; margin: 10px auto; } h1#import-header { margin-bottom: 10px; } div#import-message { height: 20px; line-height: 20px; margin-bottom: 10px; font-family: "Times New Roman"; font-size: 18px; font-style: italic; text-align: right; color: #8D8D8D; } div#import-message span { font-weight: bold; font-size: 20px; } form#import-events div.more-events.loading { background-image: url(./img/loading_more_events.gif); background-repeat: no-repeat; background-position: center center; } div#import-message div.processing { background-image: url(./img/loading_more_events.gif); background-repeat: no-repeat; background-position: 95% center; } div.more-events { width: 100%; cursor: pointer; text-align: center; height: 30px; line-height: 30px; font-size: 18px; background: #F5F5F5; color: #1C94C4; } div.more-events:hover { color: #C77405; background: #FDF6D4; } /* Teaser templates */ .teaser-templates-wrapper { overflow-x:scroll; width:550px; } table.teaser-templates {} .teaser-templates-image, .teaser-templates-control { text-align:center; vertical-align: middle; border-bottom: dashed lightgrey 1px; padding-top: 15px; } table.teaser-templates tr:last-child td { border-bottom: none; } table.teaser-templates .teaser-template-img { width:100px; opacity:0.4; } table.teaser-templates .teaser-template-active { opacity:1; } /* TEASERS INTERFACE */ /* Save button and notification */ .teasers-actions { position:relative; padding-bottom:3em; } .teasers-save, .teasers-notification { position:absolute; right:0; top:-20px; } /* Minimum rules to make the teasers resemble the user area */ .teasers div.one_column_events { background: #ECDDEC; min-height: 100px; width:222px; margin-top:0; } .teasers div.one_column_events div em { color: #AF6EAE;} .teasers div.one_column_events div strong { color: #81197F; display: block; } .teasers li h1, .teasers li h2, .teasers li h4 { font-size:11px; padding:0; margin:0; } .teasers .text { padding:3px; } /* Teasers */ h1.teasers-group { text-align:center; } .teasers { list-style: none; overflow: hidden; width:220px; margin: 0; padding-left:10px; } .teasers li { float:left; outline:none; margin:2px; padding:5px; border:solid #aaa 1px; overflow:hidden; height:130px; font-size:10px; border-radius:3px; box-shadow:0px 0px 2px #888; } .teasers li img { display:block; line-height:0; } .teasers li.placeholder { background: lightgray; } .teasers-offline-left li, .teasers-offline-right li { opacity:0.4; } li.columns-1, li.columns-2, li.columns-3 { padding:0px; } li.columns-1 { width:200px; margin-left:2px; margin-right:2px; } li.columns-2 { width:200px; margin-left:2px; margin-right:2px; } li.columns-3 { width:304px; margin-left:2px; margin-right:2px; } .teasers li > div { position:relative; } .teaser-actions { display:none; position:absolute; top:101px; right:-1px; padding:5px; font-size:14px; background-color:#eee; border:solid #888 1px; } .teaser-actions a img { display:inline; vertical-align:middle; } a.teaser-add { display:block; font-size:19px; color:green; text-align:center; padding-top:30px; padding-left:2px; padding-right:2px; } .teasers-gallery li.columns-3 { width:auto } .teasers-gallery #slider { display:none;} .teasers-gallery #carousel img { width: 50px; border: none;} .teasers-gallery #carousel .slides { padding-left: 5px; } .teasers-gallery #carousel .slides li { border: none; border-radius: 0; padding: 0; box-shadow: none; display: inline; height: 50px;} .teasers-barcomments article * {display: none;} .teasers-barcomments article h2 {display: block;} .teasers-barcomments ul.slides { list-style-type:circle; list-style-position: outside; } .teasers-barcomments ul.slides li { border: none; border-radius: 0; padding: 0; box-shadow: none; display: inline; height: auto; list-style-type:circle; } /* Tag cloud (Schlagwörter) */ #slider-importance input { border:0; color:#f6931f; font-weight:bold; } #slider-importance td:first-child { padding-right: 15px; } #slider-importance td:nth-child(2) { vertical-align: middle; } #importance { width: 110px; } #range { width: 200px; padding-right: 5px; } /* Growl notifications from BlockUI */ div.blockUI { } div.growlUI { position:fixed; width:350px; top:20px; right:20px; border:none; padding:5px; background-image: url('common/blockUI/success.png'); background-color:#000; background-position: 10px 10px; background-repeat: no-repeat; color:#fff; border-radius:10px; opacity:0.9; } div.growlUI.success { } div.growlUI.error { background-image: url('common/blockUI/error.png'); } div.growlUI h1, div.growlUI h2 { padding: 5px 5px 5px 75px; text-align: left; font-size:14px; } /* Misc */ #thumbnails img { width:100px; } /* Thumbnails holder when uploading multiple files */ .autocomplete-records { color: gray; font-size: 8pt; padding: 1em 0; text-align:center; border-top:dotted #888 1px; } #imgPreviewContainer { display:block; line-height:0; background:#222; border-radius: 4px; padding: 3px; z-index: 999; border: none; box-shadow:0px 0px 5px #555; } /* Game */ table.hold-answers ul { display:none; list-style-type:none; } table.hold-answers ul li { min-height:20px; line-height:20px; padding-left:20px; } table.hold-answers .not-all-correct-answers td { background:#FCE4DE; } table.hold-answers .all-correct-answers td { background:#DAE578; } table.hold-answers .winner td { background:#0f0; } .answer-ok { background:url('./img/ok.png') left center no-repeat; } .answer-wrong { background:url('./img/wrong.png') center left no-repeat; } /*Custom teaser css*/ #barCommentsContainer, #selectedBarComments { width: 500px; max-height: 300px; overflow-y: scroll; } #barCommentsContainer table.searchResults, #selectedBarComments table.searchResults { width: 480px; min-width: 0px; margin: 0; } .ui-effects-transfer{border:1px solid #000;z-index: 9999} /* Bar-set */ .data_input .select2-results { max-height: 300px; } .data_input .select2-container-multi .select2-choices { padding: 5px; border: 1px solid #ccc; background: none; } .regionGroup .state { text-transform: uppercase; } .regionGroup .region:first-child, .categsGroup td:first-child { padding-left: 20px; } /* DATE PICKER */ .date-picker { } .date-picker-display { width:100px; border:solid #999 1px; padding-left:5px; padding-right:5px; } .date-picker-actions { padding-left:2px; } .c-status { display: inline-block; padding: 0 10px; } .c-status--center { display: block; text-align: center;} .c-status:before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; } .c-status--nonapi:before { border: solid grey 1px; width: 6px; height: 6px;} .c-status--refunded:before { background: #26b7ff; } .c-status--paid:before { background: #4cd964 } .c-status--cancelled:before, .c-status--expired:before, .c-status--error:before { background: #d5302a} .c-status--open:before { background: #f9c316}