Current Path : /home/church/www/comparefloridarates.com/css/ |
Current File : /home/church/www/comparefloridarates.com/css/forms-sidebar.css |
@charset "utf-8"; /* CSS Document */ /* SIDEBAR */ .widget { margin: 0px; margin-top:-4px; padding: 0 5px 20px 5px; border: none; background: none; line-height:18px !important; float: left; width: 100%; } .widget h4 { padding: 0 0 10px 0; margin: 0; } .widget-rule { margin: -10px 0px 10px -17px; border: medium solid #6bc2ba; width: 30%; } .widget-social { width: auto; float: left; } .widget-social ul { margin: 0; padding: 0; } .widget-social li { list-style: none; display: inline; margin: 0; padding-right: 5px; } .widget-social .icon { width: 32px; height: 32px; } .widget-form { width: 100%; float: left; } .widget-form input { width: 100%; height: 25px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 5px 0; padding: 3px; } .widget-form textarea { width: 100%; height: 125px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: 333; padding: 0 0 0 3px; } .widget-form label { font-size: 1em; } .widget-row { width: 85%; /* text-align: center; */ /* float: left; */ padding-bottom: 0px; margin-bottom: 7px; } .widget .field { width: 80%; } /* SIDEBAR FORM */ #sidebar-form { height: 250px; margin: 5px 0 0 0; padding: 5px 0 0 15px; background-color: transparent; } #sidebar-form input { width: 170px; height: 15px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 10px; padding: 3px; } #sidebar-form textarea { width: 175px; height: 75px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 10px; padding: 0 0 0 3px; } #sidebar-form input.button { width: 100px; height: 30px; font-size: 12px; font-weight: bold !important; text-transform: uppercase; color: white; margin: 0 0 0 55px; padding: 6px; border: 2px solid white !important; background-color: #545454; -moz-border-radius: 15px; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; } #sidebar-form input.button:hover { background-image: none; background-color: #8C1717; -moz-box-shadow: 0px 0px 2px #999; text-decoration: none !important; } #sidebar-form input.button::-moz-focus-inner { border: none; } /* overrides extra padding in Firefox */ /* CONTACT PAGE */ .contact-row { float: left; width: 300px; margin-bottom: 1px; } .contact-row p { font: normal 12px/normal Arial, Helvetica, sans-serif; color: #333333; } .contact-row p strong { font-weight: bold; } .contact-item { float: left; margin-left: 20px; width: 50px; } .contact-info { float: left; margin-left: 30px; margin-bottom: 0; } .contact-info a { text-decoration: none; } .contact-info a:hover { text-decoration: underline; } #map-canvas { width: 240px; height: 250px; float: right; margin-left: 0; } /* FORM STYLING */ .well { min-height: 20px; padding: 19px 5px; margin-bottom: 10px; background-color: #f5f5f5; background: #f5f5f5 url(../images/patterns/7.png) repeat; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); color:#333; width: 100%; } .form-group { width: 90%; margin: 0 auto; overflow: hidden; } .form-column-left { float: left; } .form-column-right { float: left; margin-left: 0; } .form-column-leftmini { width: 30%; float: left; } .form-column-midmini { width: 30%; float: left; } .form-column-rightmini { width: 30%; float: left; } .row { width: 90%; float: left; margin-bottom: 7px; } .row-inline { width: 90%; float: left; margin-bottom: 7px; display: inline; } .field { /* float: left; */} .field-spacer { float: left; width: 40px; } label.error { font-size: 11px; color: red; font-style: italic } /*used by the validator script*/ form { margin: 0 0 18px; } fieldset { padding: 0; margin: 0; border: 0; } legend { padding: 0 0 5px 20px; } label, input, button, select, legend, textarea { font: normal 13px/18px Tahoma, Geneva, sans-serif; } label { display: block; margin-bottom: 5px; color: #333333; } label.stack { display: block; margin: 6px 0 2px 0; color: #333333; } label.inline { display: inline; margin:6px o 2px o; color: #333333; } input, textarea, select { display: inline-block; width: 100%; height: 28px; padding: 4px; margin-bottom: 9px; font-size: 13px; line-height: 18px; color: #555555; border: 1px solid #6BC2BA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } label input, label textarea, label select { display: block; } textarea { height: auto; } input[type="hidden"] { display: none; } select { width: 220px; } select[multiple], select[size] { height: auto; } select, input[type="file"] { height: 28px; line-height: 28px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ } .radio, .checkbox { padding-left: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .fields > .radio:first-child, .fields > .checkbox:first-child { padding-top: 5px; } input, textarea { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } input:focus, textarea:focus { border-color: rgba(76, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 144, 98, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 144, 98, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 144, 98, 0.6); outline: 0; outline: thin dotted \9; /* IE6-9 */ } .input-mini { width: 50%; } .input-small { width: 80%; } .input-medium { width: 120%; } .input-large { width: 140%; } .input-xlarge { width: 160%; } .input-xxlarge { width: 180%; } input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE7 */ line-height: normal; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 \9; /* IE9 and down */ } .form-actions { margin: 18px 0; } .form-actions:before, .form-actions:after { display: table; content: ""; } .form-actions:after { clear: both; } .help-block { display: block; margin-bottom: 9px; color: #555; } p help { color:#333; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; margin-bottom: 0; width:100% } /* DIV FOR LABEL AND FIELD GROUP */ .form-horizontal .field-group { margin-bottom: 10px; *zoom: 1; } /* DIV FOR THE FIELD LABEL */ .form-horizontal .field-label { float: left; padding-top: 5px; text-align: right; } .form-horizontal .field-labelL { float: left; width: 150px; padding-top: 5px; text-align: right; } .form-horizontal .field-labelXL { float: left; width: 200px; padding-top: 5px; text-align: right; } /* DIV FOR ACTUAL FIELD */ .form-horizontal .fields { margin-left: 110px; /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */ *display: inline-block; *margin-left: 0; *padding-left: 20px; } /* DIV FOR FORM ACTIONS LIKE BUTTONS */ .form-horizontal .form-actions { padding-left: 110px; float: left; } /* BUTTONS */ .btn { display: inline-block; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #ffffff; text-align: center; vertical-align: middle; background: #ca8345; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhODM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzdkNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ca8345 0%, #bc7d42 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca8345), color-stop(100%,#bc7d42)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* IE10+ */ background: linear-gradient(to bottom, #ca8345 0%,#bc7d42 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8345', endColorstr='#bc7d42',GradientType=0 ); /* IE6-8 */ *display: inline; *zoom: 1; *margin-left: .3em; } .btn:hover { color: #ffffff; text-decoration: none; background: #ca8345; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhODM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzdkNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ca8345 0%, #bc7d42 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca8345), color-stop(100%,#bc7d42)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* IE10+ */ background: linear-gradient(to bottom, #ca8345 0%,#bc7d42 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8345', endColorstr='#bc7d42',GradientType=0 ); /* IE6-8 */ } .btn-inverse { background: #ca8345; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhODM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzdkNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ca8345 0%, #bc7d42 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca8345), color-stop(100%,#bc7d42)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ca8345 0%,#bc7d42 100%); /* IE10+ */ background: linear-gradient(to bottom, #ca8345 0%,#bc7d42 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8345', endColorstr='#bc7d42',GradientType=0 ); /* IE6-8 */ } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #a10b0d; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn.active, .btn:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #e6e6e6; background-color: #d9d9d9 \9; outline: 0; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } .btn-inverse, .btn-inverse:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #FFF; } .btn-primary, .btn-primary:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #333333; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-primary.active .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-xlarge { padding: 12px 18px; font-size: 14px; line-height: normal; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large { padding: 9px 14px; font-size: 14px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-small { padding: 5px 9px; font-size: 15px; line-height: 16px; margin-top: 5px; color: white;} .btn-primary { background-color: #d31232; background-image: -moz-linear-gradient(top, #35699f, #d31215); background-image: -ms-linear-gradient(top, #35699f, #d31215); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35699f), to(#d31215)); background-image: -webkit-linear-gradient(top, #35699f, #d31215); background-image: -o-linear-gradient(top, #35699f, #d31215); background-image: linear-gradient(top, #35699f, #d31215); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35699f', endColorstr='#d31215', GradientType=0); border-color: #d31215 #d31215 #8d0c0e; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #d31215; } .btn-primary:active, .btn-primary.active { background-color: #a40e10 \9; } .staff a { color:#9ac6e3; text-decoration:none; } .left { margin:10px; margin-left:0; float:left; } .right { margin:10px; margin-right:0; float:right; } @media only screen and (min-width: 568px) { .form-horizontal .field-label { width: 20%; margin-right: 10px; } .form-column-left, .form-column-right { width: 90%; } .input-mini { width: 30%; } .input-small { width: 50%; } .input-medium { width: 80%; } .input-large { width: 100%; } .input-xlarge { width: 120%; } .input-xxlarge { width: 140%; } } @media only screen and (min-width: 900px) { .widget-rule { display: none; } .widget h4 { padding: 6px 15px 10px; margin: 0px -15px 10px; width: 100%; text-align: center; color: #c98348; } .widget-form .form-horizontal { /*background-image: url(../images/patterns/7.png);*/ background-repeat: repeat; padding-bottom: 10px; } .form-horizontal .field-label { width: 35%; } .form-column-left, .form-column-right { width: 48%; } }