diff --git a/src/css/media.css b/src/css/media.css index a2fe201..73bceb5 100644 --- a/src/css/media.css +++ b/src/css/media.css @@ -16,7 +16,7 @@ input[type="text"], select, textarea { width: 210px; } - + .container { width:90%!important; } @@ -50,11 +50,11 @@ .form-horizontal .control-label { width: 120px; } - + .form-horizontal .controls { margin-left: 140px; } - + input[type="text"], input[type="password"], select, textarea { width: 90% !important; } @@ -81,19 +81,19 @@ .container { width:95%!important; } - + .form-horizontal .control-label { width: 120px; } - + .form-horizontal .controls { margin-left: 140px; } - + input[type="text"], input[type="password"], select, textarea { width: 80% !important; } - + } /*----------------------------------------*/ @@ -194,7 +194,6 @@ } .row-fluid { width: 100%; - *zoom: 1; } .row-fluid:before, .row-fluid:after { @@ -210,7 +209,6 @@ width: 100%; min-height: 28px; margin-left: 2.127659574%; - *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -221,51 +219,39 @@ } .row-fluid .span12 { width: 99.99999998999999%; - *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; - *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; - *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; - *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; - *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; - *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; - *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; - *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; - *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; - *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; - *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; - *width: 6.329787233638298%; } input, textarea, @@ -341,4 +327,17 @@ .row-fluid .thumbnails { margin-left: 0; } + + .form-horizontal .control-label { + width: 150px; + } + + .form-horizontal .controls { + margin-left: 170px; + } + + .form-horizontal .controls label { + width: 210px; + } + } diff --git a/src/css/style.css b/src/css/style.css index 9ed1247..ec01eab 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -16,9 +16,11 @@ img, embed, object, video { max-width: 100%; height: auto; } + form { margin: 18px 0 0 0; } + ul, ol { padding-bottom: 10px; margin-bottom: 9px; @@ -94,25 +96,84 @@ p { font-size: 11px; } + +/*----------------------------------------*/ + +.form-horizontal .help-inline.error { + font-size: 90%; +} + +.form-horizontal .control-label { + padding-top: 8px; +} + +.form-horizontal .control-group { + margin-bottom: 5px; +} + +.form-horizontal .controls { + min-height: 50px; + height: 50px; +} + +.form-horizontal label.error { + color: #B94A48; +} + +.form-horizontal .controls label small { + font-size: 90%; +} + +.form-box { + border: 1px solid #ddd; + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4'); + background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4)); + background: -moz-linear-gradient(top, #ffffff, #f4f4f4); + background: -o-linear-gradient(top, #ffffff, #f4f4f4); + position: relative; +} + +.form-box h4 { + width: auto; + padding: 20px; + margin-top: 0; + font-family: Arial,Helvetica,sans-serif; + font-size: 20px; + font-weight: normal; + color: #fff; +} + +.form-box form { + min-height: 330px; +} + +.form-box .form-actions { + background: #f6f6f6; /* for non-css3 browsers */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6'); /* for IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* for webkit browsers */ + background: -moz-linear-gradient(top, #ffffff, #f6f6f6); /* for firefox 3.6+ */ + background: -o-linear-gradient(top, #ffffff, #f6f6f6); + border-top: 1px solid #e4e4e4; + margin-bottom: 0; + margin-top: 0; + position: absolute; + bottom: 0; + left: 0; + right: 0; +} + +.form-box.productos li { + font-size: 16px; + line-height: 1.5em; +} + /*----------------------------------------*/ .link-arrow { background: url(../img/arrow.png) no-repeat 0 3px; padding-left: 15px; font-size: 13px; } -.btn-grey, .btn-green, .btn-cyan, .btn-brown { - padding: 10px 15px; - font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif; - font-size: 14px; - color: #fff; - font-weight: 700; - line-height: 14px; - border: none; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - display: inline-block; -} .btn-big { border-radius: 5px 5px 5px 5px; font-size: 18px; @@ -122,70 +183,23 @@ p { [class^="icon-"], [class*=" icon-"] { vertical-align: middle; } - -.btn-grey { - background: #838485; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa0a1', endColorstr='#838485'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#9fa0a1), to(#838485)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #9fa0a1, #838485); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #9fa0a1, #838485); -} -.btn-grey:hover { - background: #9fa0a1; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838485', endColorstr='#9fa0a1'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#838485), to(#9fa0a1)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #838485, #9fa0a1); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #838485, #9fa0a1); - color: #fff; +.btn.disabled.btn-striped, .btn[disabled].btn-striped, +.btn-striped { + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } -.btn-green { - background: #62853e; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a14d', endColorstr='#62853e'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#79a14d), to(#62853e)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #79a14d, #62853e); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #79a14d, #62853e); -} -.btn-green:hover { - background: #79a14d; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62853e', endColorstr='#79a14d'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#62853e), to(#79a14d)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #62853e, #79a14d); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #62853e, #79a14d); - color: #fff; -} - -.btn-cyan { - background: #3e7b85; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d96a1', endColorstr='#3e7b85'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#4d96a1), to(#3e7b85)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #4d96a1, #3e7b85); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #4d96a1, #3e7b85); -} -.btn-cyan:hover { - background: #4d96a1; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e7b85', endColorstr='#4d96a1'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#3e7b85), to(#4d96a1)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #3e7b85, #4d96a1); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #3e7b85, #4d96a1); - color: #fff; -} - -.btn-brown { - background: #85613e; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1774d', endColorstr='#85613e'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#a1774d), to(#85613e)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #a1774d, #85613e); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #a1774d, #85613e); -} -.btn-brown:hover { - background: #a1774d; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85613e', endColorstr='#a1774d'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#85613e), to(#a1774d)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #85613e, #a1774d); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #85613e, #a1774d); - color: #fff; -} /*----------------------------------------*/ .checkmark li { @@ -368,50 +382,6 @@ p { float: left; } -.form-box { - border: 1px solid #ddd; - background: #f4f4f4; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4'); - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4)); - background: -moz-linear-gradient(top, #ffffff, #f4f4f4); - background: -o-linear-gradient(top, #ffffff, #f4f4f4); - position: relative; -} - -.form-box h4 { - width: auto; - padding: 20px; - margin-top: 0; - font-family: Arial,Helvetica,sans-serif; - font-size: 20px; - font-weight: normal; - color: #fff; -} - -.form-box form { - min-height: 280px; -} - -.form-box .form-actions { - background: #f6f6f6; /* for non-css3 browsers */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6'); /* for IE */ - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* for webkit browsers */ - background: -moz-linear-gradient(top, #ffffff, #f6f6f6); /* for firefox 3.6+ */ - background: -o-linear-gradient(top, #ffffff, #f6f6f6); - border-top: 1px solid #e4e4e4; - margin-bottom: 0; - margin-top: 0; - position: absolute; - bottom: 0; - left: 0; - right: 0; -} - -.form-box.productos li { - font-size: 16px; - line-height: 1.5em; -} - /*----------------------------------------*/ .pricing { border: 1px solid #e4e4e4; @@ -668,9 +638,11 @@ span.valid { font-size: 14px; padding-bottom: 10px; } -#footer .nav-tabs > li > a:hover, #footer .nav-tabs > .active > a { +#footer .nav-tabs > li > a:hover, .nav-tabs > .active > a { border: 0; - color: #fff !important; } - +/*----------------------------------------*/ +.modal-backdrop { + background-color: #fff; +} diff --git a/src/index.html b/src/index.html index eb05978..1999266 100644 --- a/src/index.html +++ b/src/index.html @@ -11,7 +11,7 @@ - +
@@ -67,6 +67,9 @@Olvidé mi password: Solicitar
+Visite Clubjobtic
La página de los Agentes de empleo www.clubjobtic.com/frasier
Visite Clubjobtic
La página de los Agentes de empleo www.clubjobtic.com/frasier