Created
August 6, 2015 12:23
-
-
Save bonitron/1bbf53c67b98ef4e4fcd to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| // Clear Floats //////// | |
| @mixin clearfix { | |
| *zoom : 1; | |
| &:before, | |
| &:after { | |
| display: table; | |
| content : ""; | |
| } | |
| &:after { | |
| clear : both; | |
| } | |
| } | |
| $white : rgb(255,255,255); | |
| $colorbase: #006666; | |
| $colorbodybg: #E5EBE4;// #B0CB1F #E5EBE4 // #E2D6C7 | |
| $colorcontentbg: #f4f4e3; //#f4f4e3 // #EFECE8 | |
| $colorbody: #2B2A29; //#2B2A29 | |
| $colorsecondary: #4b7aa6; | |
| /*------------------------------------*\ | |
| #Formularios | |
| \*------------------------------------*/ | |
| .form { | |
| @include clearfix(); | |
| &__group { | |
| margin-bottom: 15px; | |
| font-size: .9em; | |
| &--horizontal { | |
| float: left; | |
| margin-right: 5px; | |
| &:last-of-type { | |
| margin-right: 0; | |
| } | |
| } | |
| &--column { | |
| width: 48%; | |
| float: left; | |
| margin-right: 2%; | |
| } | |
| &--center-content { | |
| text-align: center; | |
| } | |
| } | |
| &__label { | |
| display: inline-block; | |
| max-width: 100%; | |
| margin-bottom: 5px; | |
| font-weight: 700; | |
| &--checkbox { | |
| font-weight: 400; | |
| } | |
| &--error { | |
| color: red; | |
| } | |
| } | |
| &__control { | |
| display: block; | |
| width: 100%; | |
| height: 34px; | |
| padding: 6px 12px; | |
| font-size: 14px; | |
| line-height: 1.42857; | |
| color: #555; | |
| background-color: $white; | |
| background-image: none; | |
| border: 1px solid $colorbase; | |
| border-radius: 3px; | |
| box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; | |
| // transition: border-color 0.15s ease-in-out 0s, | |
| // box-shadow 0.15s ease-in-out 0s; | |
| &--textarea { | |
| height: auto; | |
| } | |
| &--checkbox { | |
| // height: 10px; | |
| // width: 10px; | |
| } | |
| &--small { | |
| font-size: 12px; | |
| height: 26px; | |
| padding: 6px; | |
| } | |
| &--horizontal { | |
| float: left; | |
| } | |
| &--inactive { | |
| background-color: #CCC; | |
| } | |
| &--error { | |
| border-color: red; | |
| background-color: lighten(#F00, 40%); | |
| color: red; | |
| } | |
| } | |
| } | |
| /*------------------------------------*\ | |
| #Buscador | |
| \*------------------------------------*/ | |
| .form--buscador { | |
| // width:265px; | |
| } | |
| /*------------------------------------*\ | |
| #Comentarios | |
| \*------------------------------------*/ | |
| .form--comentarios { | |
| padding: 20px; | |
| &--nested { | |
| margin-left: 60px; | |
| } | |
| } | |
| /*------------------------------------*\ | |
| #Votos artículos | |
| \*------------------------------------*/ | |
| .form--article-rating { | |
| width: 75%; | |
| margin-top: 20px; | |
| } | |
| /*------------------------------------*\ | |
| #Encuesta | |
| \*------------------------------------*/ | |
| .form--encuesta { | |
| margin-top: 20px; | |
| } | |
| // .nested-form textarea { | |
| // position:relative; | |
| // float:left; | |
| // width:400px; | |
| // height:200px; | |
| // border:1px solid #699; | |
| // } | |
| // .nested .nested-form textarea { | |
| // width:345px; | |
| // } | |
| // .more_nested .nested-form label { | |
| // width:400px; | |
| // } | |
| // .more_nested .nested-form textarea { | |
| // width:265px; | |
| // } | |
| #recommend-form { | |
| position:relative; | |
| margin:20px; | |
| font-family:Verdana, Geneva, sans-serif; | |
| } | |
| #recommend-form label { | |
| position:relative; | |
| float:left; | |
| text-align:right; | |
| width:500px; | |
| margin-top:10px; | |
| } | |
| #recommend-form input, #recommend-form textarea { | |
| position:relative; | |
| float:right; | |
| border:1px solid #066; | |
| margin-left:10px; | |
| width:300px; | |
| padding:2px; | |
| } | |
| #recommend-form textarea { | |
| height:120px; | |
| width:400px; | |
| } | |
| #recommend-form span { | |
| position:relative; | |
| float:right; | |
| width:300px; | |
| text-align:left; | |
| } | |
| #recommend-form span input { | |
| position:relative; | |
| float:left!important; | |
| width:15px; | |
| margin-left:0; | |
| margin-right:10px; | |
| margin-bottom:40px; | |
| } | |
| #recommend-form .button { | |
| width:90px; | |
| font-size:14px; | |
| text-align:center; | |
| margin:20px auto; | |
| } | |
| #recommend-form .inactive { | |
| background:#CCC; | |
| } | |
| .formularios h3 { | |
| text-align:left; | |
| border-bottom:1px solid #1c4a75; | |
| } | |
| .formularios p { | |
| position:relative; | |
| float:left; | |
| text-align:left; | |
| margin:15px; | |
| } | |
| // #form-satisfaccion { | |
| // position:relative; | |
| // margin:2px 20px 20px 0; | |
| // font-family:Verdana, Geneva, sans-serif; | |
| // line-height:14px; | |
| // width:410px; | |
| // } | |
| // #form-satisfaccion label, .formContenidos label { | |
| // position:relative; | |
| // float:left; | |
| // text-align:left; | |
| // width:250px; | |
| // margin-top:3px; | |
| // margin-left:5px; | |
| // } | |
| // #form-satisfaccion input, | |
| // #form-satisfaccion textarea, | |
| // .formContenidos input, | |
| // .formContenidos textarea { | |
| // position:relative; | |
| // float:left; | |
| // display:inline-block; | |
| // border:1px solid #066; | |
| // margin-left:3px; | |
| // width:290px; | |
| // padding:2px; | |
| // } | |
| // #form-satisfaccion textarea { | |
| // height:120px; | |
| // width:400px; | |
| // } | |
| // #form-satisfaccion span { | |
| // position:relative; | |
| // float:right; | |
| // width:300px; | |
| // text-align:left; | |
| // } | |
| // #form-satisfaccion span input { | |
| // position:relative; | |
| // float:left!important; | |
| // width:15px; | |
| // margin-left:0; | |
| // margin-right:10px; | |
| // margin-bottom:40px; | |
| // } | |
| // #form-satisfaccion .button, .formContenidos .button { | |
| // width:160px; | |
| // font-size:14px; | |
| // text-align:center; | |
| // margin:20px auto; | |
| // } | |
| // #form-satisfaccion .inactive { | |
| // background:#CCC; | |
| // } | |
| // #form-satisfaccion .check, .formContenidos .check { | |
| // position:relative; | |
| // float:left; | |
| // margin-left:3px; | |
| // width:auto; | |
| // } | |
| // #form-satisfaccion .paisOpt { | |
| // width:300px; | |
| // } | |
| // #form { | |
| // position:relative; | |
| // margin:20px; | |
| // font-family:Verdana, Geneva, sans-serif; | |
| // } | |
| // #form label { | |
| // position:relative; | |
| // float:left; | |
| // text-align:left; | |
| // width:500px; | |
| // margin-top:10px; | |
| // } | |
| // #form input, #form textarea { | |
| // position:relative; | |
| // float:left; | |
| // display:inline-block; | |
| // border:1px solid #066; | |
| // margin-left:3px; | |
| // width:290px; | |
| // padding:2px; | |
| // } | |
| // #form textarea { | |
| // height:120px; | |
| // } | |
| // #form span { | |
| // position:relative; | |
| // float:right; | |
| // width:300px; | |
| // text-align:left; | |
| // } | |
| // #form span input { | |
| // position:relative; | |
| // float:left!important; | |
| // width:15px; | |
| // margin-left:0; | |
| // margin-right:10px; | |
| // margin-bottom:40px; | |
| // } | |
| // #form .button { | |
| // width:90px; | |
| // font-size:14px; | |
| // text-align:center; | |
| // margin:20px auto; | |
| // } | |
| // #form .inactive { | |
| // background:#CCC; | |
| // } | |
| // #form .check { | |
| // position:relative; | |
| // float:left; | |
| // margin-left:0; | |
| // width:auto; | |
| // } | |
| // #form .paisOpt { | |
| // width:300px; | |
| // } | |
| // .checker { | |
| // position:relative; | |
| // width:310px; | |
| // } | |
| // .selectForm { | |
| // text-align:left; | |
| // } | |
| // .selectForm select { | |
| // float:left; | |
| // margin-left:3px; | |
| // width:300px; | |
| // } | |
| // .selectForm span { | |
| // width:191px!important; | |
| // float:left!important; | |
| // text-align:right!important; | |
| // } | |
| // .check { | |
| // border:1px solid #066; | |
| // background:transparent; | |
| // } | |
| // .subscribeForm { | |
| // width:100%; | |
| // text-align:center; | |
| // } | |
| // input[type='checkbox'] { | |
| // border:none!important; | |
| // background:none!important; | |
| // } | |
| // #subscribe2 p.sidetitle span { | |
| // color:#666; | |
| // } | |
| // #subscribe2 { | |
| // float:left; | |
| // width:280px; | |
| // border:1px solid #996; | |
| // margin-bottom:8px; | |
| // } | |
| // #subscribe2 p { | |
| // margin-bottom:0; | |
| // line-height:27px; | |
| // font-size:11px!important; | |
| // color:#066; | |
| // border-top:1px solid #FFF; | |
| // border-bottom:1px solid #066; | |
| // background:#e8e8cc; | |
| // text-align:center; | |
| // margin-bottom:4px; | |
| // font-weight:bold; | |
| // text-shadow:0 1px 0 #FFF; | |
| // } | |
| // #subscribe2 .news_form { | |
| // height:auto; | |
| // width:258px; | |
| // padding:0; | |
| // margin-left:10px; | |
| // padding-top:8px; | |
| // border-top:1px solid #fff; | |
| // } | |
| // #subscribe2 .news_form input.suscripcion { | |
| // width:255px; | |
| // height:14px; | |
| // } | |
| // #subscribe2 .news_form input.email { | |
| // margin:3px 0; | |
| // } | |
| // #encuestaBlock .heading_block h3, .formsContenidos h3 { | |
| // font-size:22px; | |
| // line-height:26px; | |
| // } | |
| // #encuestaBlock .encuesta #form_title { | |
| // font-size:18px; | |
| // } | |
| // #encuestaBlock #commentVote { | |
| // position:relative; | |
| // float:left; | |
| // width:100%; | |
| // margin-top:10px; | |
| // } | |
| // #encuestaBlock #commentVote form { | |
| // width:100%; | |
| // margin-top:10px; | |
| // } | |
| // #encuestaBlock #commentVote textarea { | |
| // float:left; | |
| // width:283px; | |
| // height:187px; | |
| // margin-right:10px; | |
| // } | |
| // #encuestaBlock #commentVote input[type=text] { | |
| // float:left; | |
| // width:240px; | |
| // margin-top:1px; | |
| // } | |
| // #encuestaBlock #commentVote input[type=checkbox] { | |
| // float:left; | |
| // margin-right:5px; | |
| // } | |
| // #encuestaBlock #commentVote input[type=button] { | |
| // float:left; | |
| // margin-left:40px; | |
| // } | |
| // #encuestaBlock #commentVote label { | |
| // float:left; | |
| // width:240px; | |
| // margin-top:10px; | |
| // } | |
| // .formsContenidos { | |
| // position:relative; | |
| // margin:2px 20px 20px 0; | |
| // font-family:Verdana, Geneva, sans-serif; | |
| // line-height:14px; | |
| // width:100%; | |
| // } | |
| // .formContenidos { | |
| // position:relative; | |
| // float:left; | |
| // width:100%; | |
| // margin-top:10px; | |
| // margin-bottom:20px; | |
| // } | |
| // .formContenidos form { | |
| // width:100%; | |
| // margin-top:10px; | |
| // } | |
| // .formContenidos textarea { | |
| // float:left; | |
| // width:283px; | |
| // height:80px; | |
| // margin-right:10px; | |
| // margin-bottom:7px; | |
| // } | |
| // .formContenidos input[type=text] { | |
| // float:left; | |
| // width:240px; | |
| // margin-top:5px; | |
| // top:-95px; | |
| // } | |
| // .formContenidos input[type=file] { | |
| // float:left; | |
| // width:240px; | |
| // margin-top:5px; | |
| // top:-95px; | |
| // } | |
| // .formContenidos input[type=checkbox] { | |
| // float:left; | |
| // margin-right:5px; | |
| // } | |
| // .formsContenidos label { | |
| // float:right; | |
| // width:240px; | |
| // margin-top:10px; | |
| // top:-95px; | |
| // } | |
| // .formsContenidos .button { | |
| // float:right; | |
| // margin-top:10px; | |
| // top:-52px; | |
| // margin-right:-192px; | |
| // } | |
| // .formsContenidos .formLoading { | |
| // left:310px; | |
| // top:185px; | |
| // } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| /*------------------------------------* #Formularios | |
| \*------------------------------------*/ | |
| .form { | |
| *zoom: 1; | |
| } | |
| .form:before, | |
| .form:after { | |
| display: table; | |
| content: ""; | |
| } | |
| .form:after { | |
| clear: both; | |
| } | |
| .form__group { | |
| margin-bottom: 15px; | |
| font-size: .9em; | |
| } | |
| .form__group--horizontal { | |
| float: left; | |
| margin-right: 5px; | |
| } | |
| .form__group--horizontal:last-of-type { | |
| margin-right: 0; | |
| } | |
| .form__group--column { | |
| width: 48%; | |
| float: left; | |
| margin-right: 2%; | |
| } | |
| .form__group--center-content { | |
| text-align: center; | |
| } | |
| .form__label { | |
| display: inline-block; | |
| max-width: 100%; | |
| margin-bottom: 5px; | |
| font-weight: 700; | |
| } | |
| .form__label--checkbox { | |
| font-weight: 400; | |
| } | |
| .form__label--error { | |
| color: red; | |
| } | |
| .form__control { | |
| display: block; | |
| width: 100%; | |
| height: 34px; | |
| padding: 6px 12px; | |
| font-size: 14px; | |
| line-height: 1.42857; | |
| color: #555; | |
| background-color: white; | |
| background-image: none; | |
| border: 1px solid #006666; | |
| border-radius: 3px; | |
| box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; | |
| } | |
| .form__control--textarea { | |
| height: auto; | |
| } | |
| .form__control--small { | |
| font-size: 12px; | |
| height: 26px; | |
| padding: 6px; | |
| } | |
| .form__control--horizontal { | |
| float: left; | |
| } | |
| .form__control--inactive { | |
| background-color: #CCC; | |
| } | |
| .form__control--error { | |
| border-color: red; | |
| background-color: #ffcccc; | |
| color: red; | |
| } | |
| /*------------------------------------* #Buscador | |
| \*------------------------------------*/ | |
| /*------------------------------------* #Comentarios | |
| \*------------------------------------*/ | |
| .form--comentarios { | |
| padding: 20px; | |
| } | |
| .form--comentarios--nested { | |
| margin-left: 60px; | |
| } | |
| /*------------------------------------* #Votos artículos | |
| \*------------------------------------*/ | |
| .form--article-rating { | |
| width: 75%; | |
| margin-top: 20px; | |
| } | |
| /*------------------------------------* #Encuesta | |
| \*------------------------------------*/ | |
| .form--encuesta { | |
| margin-top: 20px; | |
| } | |
| #recommend-form { | |
| position: relative; | |
| margin: 20px; | |
| font-family: Verdana, Geneva, sans-serif; | |
| } | |
| #recommend-form label { | |
| position: relative; | |
| float: left; | |
| text-align: right; | |
| width: 500px; | |
| margin-top: 10px; | |
| } | |
| #recommend-form input, #recommend-form textarea { | |
| position: relative; | |
| float: right; | |
| border: 1px solid #066; | |
| margin-left: 10px; | |
| width: 300px; | |
| padding: 2px; | |
| } | |
| #recommend-form textarea { | |
| height: 120px; | |
| width: 400px; | |
| } | |
| #recommend-form span { | |
| position: relative; | |
| float: right; | |
| width: 300px; | |
| text-align: left; | |
| } | |
| #recommend-form span input { | |
| position: relative; | |
| float: left !important; | |
| width: 15px; | |
| margin-left: 0; | |
| margin-right: 10px; | |
| margin-bottom: 40px; | |
| } | |
| #recommend-form .button { | |
| width: 90px; | |
| font-size: 14px; | |
| text-align: center; | |
| margin: 20px auto; | |
| } | |
| #recommend-form .inactive { | |
| background: #CCC; | |
| } | |
| .formularios h3 { | |
| text-align: left; | |
| border-bottom: 1px solid #1c4a75; | |
| } | |
| .formularios p { | |
| position: relative; | |
| float: left; | |
| text-align: left; | |
| margin: 15px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment