File "css_web.css"
Full path: /home/wwwitravel/public_html/soul/css_web.css
File
size: 0.01 KB (9.55 KB bytes)
MIME-type: text/plain
Charset: 8 bit
Download Open Edit Advanced Editor Back
/****************************************************************************************************************
// Job : selectores con responsive web design implementado a travs de media queries
// Brain : Cristian Fernandez O.
// Email : cristian.fernandez@factobyte.cl
//--------------------------------------------------------------------------------------------------------------*/
body {
margin: 0;
padding: 0;
background: #fff;
}
@font-face {
font-family: 'Montserrat SemiBold';
src: url('fonts/montserratsemibold.otf');
}
h1 {
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1.8em;
font-weight: normal;
color: #009f9b;
text-align: center;
margin: 0;
}
h2 {
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1.3em;
font-weight: normal;
color: #484848;
text-align: center;
margin: 0;
margin-bottom: 10px;
}
h3 {
font-family: "Open Sans", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1.2em;
font-weight: normal;
color: #009f9b;
text-align: center;
margin: 0;
}
h4 {
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1.2em;
font-weight: normal;
color: #70a800;
text-align: center;
margin: 0;
}
h5 {
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1.3em;
font-weight: normal;
color: #0ebe7e;
text-align: center;
margin: 0;
}
h6 {
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1.3em;
font-weight: normal;
color: #ed0000;
text-align: center;
margin: 0;
}
p {
font-family: "Open Sans", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 0.8em;
color: #484848;
line-height: 20px;
margin: 0;
}
a {
color: #484848;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: none;
/*background-color: #00726f;
padding: 1px 1px;*/
}
form {
margin: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="month"],
input[type="week"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="color"],
input[type="tel"] {
width: 100%;
height: 42px;
margin-bottom: 12px;
padding-left: 4px;
font-family: "Open Sans", "Lato", "Trebuchet MS",arial;
font-size: 1.25em;
color: #00bbb6;
border: 2px solid #3d444c;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
textarea {
height: 100px;
padding-top: 4px;
resize: none;
}
.form-file {
overflow: hidden;
position: relative;
max-width: 150px;
background-color: #00bbb6;
padding: 10px 30px;
border: 2px solid #00bbb6;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
display: block;
margin: 0 auto;
margin-top: 10px;
text-align: center;
font-family: "Geometos Rounded", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1em;
font-weight: normal;
color: #fff;
cursor: pointer;
transition-duration: 0.4s;
-webkit-transition-duration: 0.4s; /* Safari */
-moz-transition-duration: 0.4s; /* Mozilla */
}
.form-file:hover {
background-color: #fff;
color: #00bbb6;
}
.form-file [type=file] {
cursor: inherit;
display: block;
font-size: 999px;
filter: alpha(opacity=0);
min-height: 100%;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
}
.form-file-img-prog {
overflow: hidden;
position: relative;
background-color: #00bbb6;
padding: 10px 4px;
border: 2px solid #00bbb6;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
display: block;
margin-top: 6px;
text-align: center;
font-family: "Geometos Rounded", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1em;
font-weight: normal;
color: #fff;
cursor: pointer;
transition-duration: 0.4s;
-webkit-transition-duration: 0.4s; /* Safari */
-moz-transition-duration: 0.4s; /* Mozilla */
}
.form-file-img-prog:hover {
background-color: #fff;
color: #00bbb6;
}
.form-file-img-prog [type=file] {
cursor: inherit;
display: block;
font-size: 999px;
filter: alpha(opacity=0);
min-height: 100%;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #b8b8b8;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #b8b8b8;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #b8b8b8;
}
.boton_principal {
background-color: #00bbb6;
padding: 2px 12px;
border: 2px solid white;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: block;
margin: 0 auto;
margin-top: 2px;
text-align: center;
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1em;
font-weight: normal;
color: #fff;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.boton_principal:hover {
color: #00bbb6;
background-color: #fff;
}
.boton_principal_filtro {
background-color: #00bbb6;
padding: 9px 30px;
margin-bottom: 12px;
border: 2px solid #00bbb6;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
display: block;
text-align: center;
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1em;
font-weight: normal;
color: #fff;
cursor: pointer;
float: left;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.boton_principal_filtro:hover {
color: #00bbb6;
background-color: #fff;
}
.boton_secundario {
background-color: #3d444c;
padding: 10px 25px;
border: 2px solid #3d444c;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: block;
margin: 0 auto;
margin-top: 10px;
text-align: center;
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1em;
font-weight: normal;
color: #fff;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.boton_secundario:hover {
background-color: #0e1319;
border-color: #0e1319;
}
.boton_imgquitar {
background-color: #00bbb6;
padding: 5px 5px;
border: 2px solid #00bbb6;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: block;
margin: 0 auto;
margin-top: 4px;
text-align: center;
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1em;
font-weight: normal;
color: #fff;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.boton_imgquitar:hover {
color: #00bbb6;
background-color: #fff;
}
.boton_mantenedor {
background-color: #3d444c;
padding: 2px 8px;
border: 2px solid #3d444c;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display: block;
margin: 0;
margin-left: 4px;
text-align: center;
font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 0.8em;
font-weight: normal;
color: #fff;
cursor: pointer;
float: right;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.boton_mantenedor:hover {
background-color: #00bbb6;
border-color: #00bbb6;
}
.boton_paginador {
background-color: #dedede;
padding: 7px 12px;
margin: 3px;
text-decoration: none;
}
.boton_paginador:hover {
background-color: #9ce1e0;
padding: 7px 12px;
color: #484848;
}
.boton_paginador_selected {
background-color: #00bbb6;
padding: 7px 12px;
margin: 3px;
color: #fff;
text-decoration: none;
}
.boton_paginador_selected:hover {
background-color: #00bbb6;
padding: 7px 12px;
color: #fff;
}
.cmb_menu_filtro {
max-width: 180px;
margin-right: 7px;
float: left;
}
.txt_programa {
text-transform: uppercase;
}
.txt_condicion {
text-transform: uppercase;
}
.txt_descripcion_long {
height: 300px;
}
#txt_dolar {
max-width: 100px;
float: left;
}
#txt_dolar_text {
margin-top: 10px;
}
#recaptcha-code {
width: 100;
max-width: 305px;
margin: 0 auto;
}
/****************************************************************************************************************
// Job : selectores con responsive web design implementado a travs de media queries
// Brain : Cristian Fernandez O.
// Email : cristian.fernandez@factobyte.cl
//--------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1600px) {
/* propiedades CSS a aplicar en desktops con resolucin de 1600px mnimo o mas */
}
@media screen and (min-width: 1025px) and (max-width: 1599px) {
/* propiedades CSS a aplicar en notebooks y netbooks con resolucin de 1024px mnimo y 1599px mximo */
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* propiedades CSS a aplicar en tablets con resolucin de 768px mnimo y 1023px mximo */
}
@media screen and (max-width: 767px) {
/* propiedades CSS a aplicar en smartphones con resolucin de 767px mximo */
}