This repository has been archived on 2024-12-01. You can view files and clone it, but cannot push or open issues or pull requests.
Uecko_Web/css/rbs.css

201 lines
6.0 KiB
CSS
Raw Normal View History

/* © RBS Soluciones Tecnológicas */
/* Principales
---------------------------------------------*/
body {
position: relative; /* para scrollyspy */
padding-top: 70px; /* para menu fijo arriba */
background: #2E3740;
color: #fff;
-webkit-font-smoothing: antialiased;
font-family: 'Roboto Condensed', sans-serif;
font-size: 180%;
font-weight: 300;
line-height: 1.2;
}
h1, h2, h3, h4, h5, h6, a, p, span, abbr {font-family: 'Roboto Condensed', sans-serif;font-weight: 100;}
.modal-content {background-color: #2E3740;}
.modal-header {border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255, 255, 255, .1);}
.modal-footer {border-top: 1px solid #000; box-shadow: 0 0 0 1px rgba(255, 255, 255, .1);}
.carousel-inner img {width: 100%; height: 100%;}
a >.clientes {color: #fff;}
a >.clientes:hover, a >.clientes:focus {color: #ffe002;}
.navbar .nav > li > a span.clientes {font-size: 16px !important; line-height: 1.2; }
/* Texto apple */
.texto-7 {font-family: 'Roboto Condensed', sans-serif;font-size: 505% !important;}
/* El menu y el header
-------------------------------------------------- */
@media (max-width: 480px) {
a.navbar-brand img {width: 140px; height: 30px;}
}
@media (min-width: 480px) {
a.navbar-brand img {width: 160px; height: 40px;}
}
@media (max-width: 768px) {
.navbar-brand {padding: 7px 15px;}
}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus {border-top:4px solid #ffe002;background-color: #354050 !important; color: #bfbfbf;text-decoration: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
@media (min-width: 480px) {
.navbar .nav > li > a {font-size: 1rem;}
}
@media (min-width: 768px) {
.navbar .nav > li > a {font-size: 1rem;}
}
@media (min-width: 992px) {
.navbar .nav > li > a {font-size: 1.5rem;}
}
/*@media only screen and (min-device-width: 993px) and (max-device-width: 1199px) {
.navbar .nav > li > a {font-size: 1rem;}
}*/
@media (min-width: 1200px) {
header.bs-docs-nav {border-top: 4px solid #2E3740;}
.navbar .nav > li > a {text-align: center;font-family: 'Roboto Condensed', sans-serif;font-size: 2rem !important;display: block;color: #616161;margin-top: -4px;border-top:4px solid #2E3740;padding: 13px 20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
}
.bs-docs-nav {text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);background-color: #2E3740 !important;border-color: #000000;box-shadow: 0 1px 0 rgba(255, 255, 255, .1);}
.bs-docs-nav .navbar-collapse {border-color: #000000;}
.bs-docs-nav .navbar-brand {color: #fff;}
.bs-docs-nav .navbar-nav > li > a {color: #fff;}
.bs-docs-nav .navbar-nav > li > a:hover {border-top:4px solid #ffe002;background: #354050 !important; color: #bfbfbf;text-decoration: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-top:4px solid #ffe002 !important;}
.bs-docs-nav .navbar-toggle {border-color: #ffe002;}
.bs-docs-nav .navbar-toggle:hover {background-color: #ffe002;border-color: #ffe002;}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {border-top-color: #ffffff;border-bottom-color: #ffffff;}
.navbar-inverse .navbar-nav > .dropdown > a .caret {border-top-color: #ffe002;border-bottom-color: #ffe002;}
.nav .navbar-nav .navbar-right {border-top: 4px solid #ffe002 !important;}
/* Twitter styles */
#twitter-feed {
/*width:280px;*/
margin:auto;
font-family: 'Roboto Condensed', sans-serif;
margin-top: 0px;
padding:8px 10px 5px 10px;
background-color: transparent;
color: #777E83;
overflow:auto;
}
#twitter-feed h1 {
color: #fff;
margin: 0px;
padding: 9px 0px 9px 0px;
font-size: 10px;
font-weight:lighter;
}
.twitter-article, #loading-container {
/*width: 280px;*/
border-top: 1px dotted #CCC;
float:left;
padding: 8px 0px 8px 0px;
}
#loading-container {
padding: 16px 0px 16px 0px;
text-align:center;
}
.twitter-pic {
float:left;
}
.twitter-pic img {
float: left;
border-radius: 7px;
border: none;
background: transparent;
}
img {
border:none;
}
.twitter-text p {
margin: 0px;
line-height: 15px;
color: #fff;
}
.twitter-text a, h1 a {
color: #ffe002;
text-decoration: none;
}
.twitter-text a:hover, h1 a:hover {
text-decoration: underline;
color: #2190DB;
}
.twitter-text {
/*width: 260px;*/
float: left;
font-size: 11px;
padding-left: 11px;
}
.tweet-time {
font-size: 10px;
color: #878787;
float:right;
}
.tweet-time a, .tweet-time a:hover {
color: #878787;
}
.tweetprofilelink a {
color: #ffe002;
}
.tweetprofilelink a:hover {
color: #2190DB;
}
.backlink {
font-size:11px;
text-align:center;
}
.backlink a {
color: #aaa;
}
/* Informativo */
.bs-callout-info {
background-color: #354050;
border: 1px solid;
border-color: #000000;
box-shadow: 1px 1px 1px rgba(255, 255, 255, .1);
}
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #ffe002;
}
/* Glass */
.glass-border {
padding:20px 0px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border: 1px solid rgba(250,250,250, 0.28);
background:rgba(250,250,250, 0.15);
display:inline-block;
max-width:100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Facebook index */
.facebook {padding-left: 70px;padding-top: 40px;}
footer {background: #2e3740;color: #fff;font-family: 'Roboto Condensed', sans-serif;border-top: 1px solid #000000;box-shadow: 0 0 0 1px rgba(255, 255, 255, .1);}
h2 {color: #fff;font-family: 'Roboto Condensed', sans-serif;font-weight: 100;font-size: 3.6em;text-align: center;margin-bottom: 20px;text-shadow: 0 0 -1px #000;}
a, a .descripcion-producto p, a .descripcion-producto cite {color: #fff;text-decoration: none;}
a:hover {color: #ffe002 ;}
.linea {border-top: 1px solid #000;box-shadow: 0 1px 0 rgba(255, 255, 255, .1);}
.thm-dark {background: #2e3740 !important;}