/** * * ImpressPages CMS theme: LT pagan * * Styles file for widgets, system modules and content * * @package ImpressPages * @copyright Copyright (C) 2011 ImpressPages LTD. * @license see ip_license.html * Clearing floated elements http://sonspring.com/journal/clearing-floats*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /*http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified*/ .ipWidget:before, .ipWidget:after, .ipModuleForm .ipmField:before, .ipModuleForm .ipmField:after, .clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .ipWidget:after, .ipModuleForm .ipmField:after, .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } /*Libraries tiny mce :: rich text editor should be similar to text widgets or follow default styles of the , including style reset */ .mceContentBody { color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 14px; } .mceContentBody P, .mceContentBody UL, .mceContentBody OL, .mceContentBody LI, .mceContentBody DL, .mceContentBody DD, .mceContentBody DT { border: none; margin: 0; padding: 0; } .mceContentBody A { text-decoration: none; } /*Modules :: search*/ .ipModuleSearch { clear: right; float: right; margin-top: 20px; } .ipModuleSearch .ipmField { float: left; } .ipModuleSearch .ipmControlInput { border: 1px solid #B3B3B3; box-shadow: inset 0 1px 2px -1px #B3B3B3; float: left; height: 21px; padding: 1px 2px; width: 160px; } .ipModuleSearch .ipmControlInput:focus { box-shadow: none; } .ipModuleSearch .ipmControlSubmit, .ipModuleForm .ipmControlSubmit { /*Background gradient editor - http://www.colorzilla.com/gradient-editor/*/ background: #F4F4F4; /*Old browsers*/ background: -moz-linear-gradient(top, #f4f4f4 0%, #d1d1d1 100%); /*FF3.6+*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d1d1d1)); /*Chrome,Safari4+*/ background: -webkit-linear-gradient(top, #f4f4f4 0%,#d1d1d1 100%); /*Chrome10+,Safari5.1+*/ background: -o-linear-gradient(top, #f4f4f4 0%,#d1d1d1 100%); /*Opera 11.10+*/ background: -ms-linear-gradient(top, #f4f4f4 0%,#d1d1d1 100%); /*IE10+*/ background: linear-gradient(top, #f4f4f4 0%,#d1d1d1 100%); /*W3C*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d1d1d1',GradientType=0 ); /*IE6-9*/ border: 1px solid #A7A7A7; color: #000; cursor: pointer; float: left; height: 25px; /*input buttons have borders inside their height*/ line-height: 25px; margin-left: 5px; padding: 0 6px; text-transform: uppercase; } .ipModuleSearch .ipmControlSubmit:hover, .ipModuleForm .ipmControlSubmit:hover { /*Background gradient editor - http://www.colorzilla.com/gradient-editor/*/ background: #E1E0E0; /*Old browsers*/ background: -moz-linear-gradient(top, #e1e0e0 0%, #d6d4d4 100%); /*FF3.6+*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e0e0), color-stop(100%,#d6d4d4)); /*Chrome,Safari4+*/ background: -webkit-linear-gradient(top, #e1e0e0 0%,#d6d4d4 100%); /*Chrome10+,Safari5.1+*/ background: -o-linear-gradient(top, #e1e0e0 0%,#d6d4d4 100%); /*Opera 11.10+*/ background: -ms-linear-gradient(top, #e1e0e0 0%,#d6d4d4 100%); /*IE10+*/ background: linear-gradient(top, #e1e0e0 0%,#d6d4d4 100%); /*W3C*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e0e0', endColorstr='#d6d4d4',GradientType=0 ); /*IE6-9*/ box-shadow: inset 0 0 3px 0 #FFF; } /*Modules :: form*/ .ipModuleForm { border: 1px solid #EFDDC5; padding: 20px 25px; margin-bottom: 10px; } .ipModuleForm .ipmPage { } .ipModuleForm .ipmFieldset { } .ipModuleForm .ipmField { margin-bottom: 25px; position: relative; /*to position inner elements respectively to the field*/ } .ipModuleForm .ipmField:after { /*clearing, see 960.css*/ } .ipModuleForm .ipmType-blank { /*if blank we'll remove it from the flow*/ margin: -16px 0 0; position: absolute; } .ipModuleForm .ipmField:last-child { margin-bottom: 0; } .ipModuleForm .ipmField.ipmRequired { } /*change any styles if field is required*/ .ipModuleForm .ipmLabel { display: block; font-weight: bold; font-family: Georgia, serif; font-family: Georgia, serif; float: left; margin: 0 10px 0 0; min-height: 1px; /*to keep the width when empty*/ padding-top: 3px; width: 135px; } .ipModuleForm .ipmMarker { } .ipModuleForm .ipmControl { float: left; width: 393px; /*488px (content width) - 85px (label) - 10px (margin)*/ } .ipModuleForm .ipmControlBlank { height: 0; margin: 0; padding: 0; visibility: hidden; width: 0; } .ipModuleForm .ipmControlInput { background-color: #F2F2F2; border: 1px solid #A7A7A7; height: 21px; padding: 1px 2px; width: 185px; } .ipModuleForm .ipmControlTextarea { background-color: #F2F2F2; border: 1px solid #A7A7A7; display: block; height: 9.5em; /*height is relative to the font size to have full lines*/ padding: 1px 2px; overflow: auto; /*hiding scrolls if not necessary*/ width: 387px; } .ipModuleForm .ipmControlInput:focus, .ipModuleForm .ipmControlTextarea:focus { border-color: #000; } .ipModuleForm .ipmControlSubmit { margin-left: 0; text-transform: none; } .ipModuleForm .ipmControlSelect { background-color: #F2F2F2; border: 1px solid #A7A7A7; height: 25px; padding: 2px; width: 191px; /*padding and borders doesn't expand the width*/ } .ipModuleForm .ipmControlRadio { } .ipModuleForm .ipmControlCheckbox { } .ipModuleForm .ipmType-confirm .ipmControlCheckbox { float: left; } .ipModuleForm .ipmControlConfirmOptions { margin-left: 25px; } .ipModuleForm .ipmNote { /*always visible*/ color: #656565; font-size: 11px; margin: -15px 0 0 95px; position: absolute; } .ipModuleForm .ipmHint { /*to be shown on hover*/ background-color: #A7A7A7; color: #FFF; display: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; min-height: 16px; padding: 5px 10px 4px; position: absolute; right: 0; width: 181px; z-index: 1; } .ipModuleForm .ipmField:hover .ipmHint { /*hint is shown only on hover*/ display: block; } .ipModuleForm .ipmType-textarea .ipmHint { /*for textarea hint goes below the field*/ bottom: 0; left: 95px; margin-bottom: -25px; max-width: 393px; right: auto; width: auto; } /*Module :: form :: errors*/ .ipModuleForm .ipmError { } .ipModuleForm .ipmError .ipmLabel { color: #E44445; } .ipModuleForm .ipmControlError { border-color: #E44445; } .ipmErrorMessage { /*this object is created globally next to each invalid field*/ background-color: #FFF; color: #DA0001; font-size: 11px; } /*Widgets :: main*/ .ipBlock.ipbEmpty { min-height: 30px; outline: 1px dashed #019BD4; } .ipWidget { } .ipWidget:after { /*clearing, see 960.css*/ } .ipWidget:last-child, .ipPreviewWidget P:last-child, .ipPreviewWidget UL:last-child, .ipPreviewWidget OL:last-child { margin-bottom: 0; /*removing bottom margin on last elements*/ } .ipPreviewWidget H1, .ipPreviewWidget H2, .ipPreviewWidget H3 { color: #3078AF; font-family: Georgia, serif; } .ipPreviewWidget H1 { font-size: 1.4em; margin: 20px 0; } .ipPreviewWidget H2 { font-size: 28px; } .ipPreviewWidget H3 { font-size: 22px; } .ipPreviewWidget P, .mceContentBody P { line-height: 24px; margin-bottom: 20px; } .ipPreviewWidget UL, .mceContentBody UL { list-style-position: inside; list-style-type: square; margin: 0 0 20px 15px; } .ipPreviewWidget OL, .mceContentBody OL { list-style-position: inside; margin: 0 0 20px 15px; } .ipPreviewWidget UL UL, .ipPreviewWidget OL OL, .ipPreviewWidget UL OL, .ipPreviewWidget OL UL, .mceContentBody UL UL, .mceContentBody OL OL, .mceContentBody UL OL, .mceContentBody OL UL { margin-bottom: 0; /*removing bottom spacing for inner lists*/ } .ipPreviewWidget LI, .mceContentBody LI { line-height: 24px; margin-bottom: 4px; } .ipPreviewWidget P + UL, .mceContentBody P + UL, .ipPreviewWidget P + OL, .mceContentBody P + OL { margin-top: -20px; /*If list goes just after the paragraph the space is removed*/ } .ipPreviewWidget A, .mceContentBody A { color: #019BD4; } .ipPreviewWidget A:hover, .mceContentBody A:hover { text-decoration: underline; } /*default text style on rich text editor*/ .ipPreviewWidget .caption, .mceContentBody .caption { color: #000; font-family: Georgia, serif; font-size: 20px; line-height: 28px; } /*default text style on rich text editor*/ .ipPreviewWidget .signature, .mceContentBody .signature { font-family: Georgia, serif; font-size: 16px; font-style: italic; } /*default text style on rich text editor*/ .ipPreviewWidget .note, .mceContentBody .note { color: #000; display: block; font-family: Georgia, serif; font-size: 16px; font-style: italic; margin: 0 30px 25px; } .ipWidget-IpImage IMG, .ipWidget-IpImageGallery IMG { display: block; /*to remove 3px space below the image (default rendering behavior)*/ } .ipWidget-IpTextImage .ipwImage { float: left; width: 220px; } .ipWidget-IpTextImage .ipwText { float: right; width: 300px; } .ipWidget-IpTextImage.ipLayout-right .ipwImage { float: right; } .ipWidget-IpTextImage.ipLayout-right .ipwText { float: left; } .ipWidget-IpImageGallery UL, .ipWidget-IpLogoGallery UL { list-style: none; margin: 0; /*hack to keep images aligned with the content but keeping spaces between them; the size should be smaller than space below widgets*/ } .ipWidget-IpImageGallery LI, .ipWidget-IpLogoGallery LI { float: left; margin: 15px 0 0 25px; /*size should be equal with ul element but without minus sign*/ } .ipWidget-IpImageGallery LI A, .ipWidget-IpLogoGallery LI IMG { border: 1px solid #F1902E; display: block; padding: 2px; } .ipWidget-IpImageGallery A:hover, .ipWidget-IpLogoGallery A:hover IMG { border-color: #FF4A00; } .ipWidget-IpFile UL { list-style: none; margin-left: 0; } .ipWidget-IpFile LI { background: url(img/icon_download.gif) no-repeat left center; margin-bottom: 4px; padding-left: 25px; } .ipWidget-IpFile A { color: #019BD4; font-weight: bold; } .ipWidget-IpFile A:hover { text-decoration: underline; } .ipPreviewWidget TABLE, .mceContentBody TABLE { border-collapse: collapse; color: #000; font-size: 11px; width: 100%; } .ipPreviewWidget TABLE P, .mceContentBody TABLE P { line-height: 0; margin: 0; } .ipPreviewWidget TD, .mceContentBody TD { border-bottom: 1px solid #B2B2B2; font-size: 11px; padding: 9px; text-align: center; } .ipPreviewWidget TH, .mceContentBody TH, .ipPreviewWidget THEAD TD, .mceContentBody THEAD TD, .ipPreviewWidget TBODY TR:first-child TD, .mceContentBody TBODY TR:first-child TD { /*making first line look like header in all cases*/ background-color: #000; border: none; color: #FFF; font-size: 14px; font-weight: bold; } .ipPreviewWidget THEAD + TBODY TR:first-child TD, .mceContentBody THEAD + TBODY TR:first-child TD { /*setting back styles if thead exists*/ background-color: transparent; border-bottom: 1px solid #B2B2B2; color: inherit; font-size: 12px; font-weight: normal; } .ipPreviewWidget TD:first-child, .mceContentBody TD:first-child { text-align: left; } .ipWidget-IpSeparator.ipLayout-default { border-bottom: 1px dotted #000; height: 0; overflow: hidden; } .ipWidget-IpSeparator.ipLayout-space { height: 25px; } .ipWidget-IpHtml { } .ipWidget-IpFaq { padding-left: 30px; } .ipWidget-IpFaq .ipwQuestion { color: #000; cursor: pointer; font-family: Georgia, serif; font-size: 18px; text-decoration: none; } .ipWidget-IpFaq .ipwQuestion:hover { text-decoration: underline; } .ipWidget-IpFaq .ipwQuestion:before { border: 1px solid #000; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #000; content: '?'; display: block; margin: 3px 0 0 -30px; padding: 1px 2px; position: absolute; } .ipWidget-IpFaq .ipwQuestion:hover:before { background-color: #F3F3F3; } .ipWidget-IpFaq .ipwExpanded .ipwQuestion:before { background-color: #000; color: #FFF; } .ipWidget-IpFaq .ipwAnswer { margin-top: 5px; } .ipWidget-IpFaq .ipwCollapsed .ipwAnswer { display: none; } .ipWidget-IpForm { } .ipWidget-IpForm .ipwForm { } .ipWidget-IpForm .ipwSuccess { /*mimicking the same styles as for form to keep message 'inside' the box*/ border: 1px solid #888; display: none; padding: 20px 25px; } /*Widgets :: side*/ .side .ipWidget { margin-bottom: 15px; } .side .ipPreviewWidget H1, .side .ipPreviewWidget H2, .side .ipPreviewWidget H3 { background-color: #000; color: #FFF; font-size: 22px; margin-bottom: 1px; padding: 7px 20px; } .side .ipWidget-IpText, .side .ipWidget-IpRichText { padding: 0 20px; } .side .ipPreviewWidget UL, .side .ipPreviewWidget OL { list-style-position: outside; } .side .ipPreviewWidget .note, .side .mceContentBody .note { background-color: #F3F3F3; color: #000; display: block; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; margin-left: -20px; /*aligning background with box side*/ margin-right: -20px; /*aligning background with box side*/ margin-top: -15px; /*pushing up to stick to headline*/ padding: 15px 20px; } .side .ipWidget-IpTextImage .ipwImage, .side .ipWidget-IpImage IMG { max-width: 100%; } .side .ipWidget-IpTextImage .ipwText { width: 220px; } .side .ipWidget-IpImageGallery UL, .side .ipWidget-IpLogoGallery UL { margin: -15px 0 0 -15px; /*hack to keep images aligned with the content but keeping spaces between them; the size should be smaller than space below widgets*/ } .side .ipWidget-IpImageGallery LI, .side .ipWidget-IpLogoGallery LI { float: left; margin: 15px 0 0 15px; /*size should be equal with ul element but without minus sign*/ } .side .ipWidget-IpImageGallery LI IMG, .side .ipWidget-IpLogoGallery LI IMG { width: 96px; } .side .ipWidget-IpFile { padding: 15px 0; } .side .ipModuleForm { padding: 20px; } .side .ipModuleForm .ipmField { margin-bottom: 15px; } .side .ipModuleForm .ipmField:last-child { margin-bottom: 0; } .side .ipModuleForm .ipmLabel { float: none; margin: 0 0 3px; width: auto; } .side .ipModuleForm .ipmMarker { display: block; } .side .ipModuleForm .ipmControl { width: 178px; } .side .ipModuleForm .ipmControlInput, .side .ipModuleForm .ipmControlTextarea { width: 172px; } .side .ipModuleForm .ipmControlSelect { width: 178px; } .side .ipModuleForm .ipmNote { margin: 0; position: static; } .side .ipModuleForm .ipmHint { bottom: auto; left: 198px; right: auto; top: 0; width: 178px; } /*Inline Management*/ .ipModuleInlineManagement.ipmEmpty { outline: 1px dashed #019BD4; } /*Admin here should go styles for admin tools if you want to override the default styles*/ .ipModuleForm .ipmFileContainer .ipmHiddenInput { /* hide input inside div. Input needed for jQuery Tools library to position error message*/ width: 0; height: 0; overflow: hidden; } .ipModuleForm .ipmFileContainer .ipmHiddenInput input { /* margins on input makes error message to appear lower than it should. */ margin: 0; padding: 0; } .ipModuleForm .ipmFileContainer .ipmFileProgress { border: 1px solid #333; height: 3px; } .ipModuleForm .ipmFileContainer .ipmFile { margin-top: 5px; background-color: #f2f2f2; padding: 5px; } .ipModuleForm .ipmFileContainer .ipmFileProgressValue { background-color: #ccc; height: 3px; } .ipModuleForm .ipmFileContainer .ipmRemove { width: 13px; height: 13px; background: url(img/file_remove.png) no-repeat; float: right; cursor: pointer; } .ipModuleForm .ipmFileContainer .ipmUploadError { color: #da0001; font-size: 11px; }