Skip to content

Instantly share code, notes, and snippets.

@muriloazevedo
Created July 8, 2013 20:46
Show Gist options
  • Save muriloazevedo/5952352 to your computer and use it in GitHub Desktop.
Save muriloazevedo/5952352 to your computer and use it in GitHub Desktop.
Css geral
/*@font-face {
font-family: "Uni Sans Regular";
src: url('../fonts/UniSansRegular.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Uni Sans Regular";
src: url('../fonts/UniSansRegular.eot');
src: local('☺'),
url('../fonts/UniSansRegular.woff') format('woff'), url('../fonts/UniSansRegular.svg') format('svg'),url('../fonts/UniSansRegular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Uni Sans Semibold";
font-weight: normal;
font-style: normal;
src: url('../fonts/UniSansSemiBold.otf');
}
*/
@media only screen and (max-width: 320px) {
#secoes li a {
text-indent: -9999em;
overflow: hidden;
}
}
.brand{
background:url(../img/logo.png) no-repeat;
text-indent:-999em;
overflow: hidden;
display: block;
height:70px;
width:364px;
}
* {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
text-shadow: 0 0px 0 #fff;
font-family: Arial, Helvetica, sans-serif;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
-webkit-font-smoothing: antialiased;
}
.btn {
text-transform: uppercase;
}
.btn.btn-warning, [class*="span"].sidebar .btn.btn-warning {
background: #f89406;
}
.btn.btn-primary {
background: #005794;
color:#fff;
}
.btn.btn-primary:hover{
background: #005794;
}
.interna {
padding-right: 20px;
}
.content form input[type="text"], .content form input[type="password"], .content form input[type="email"], .content form input[type="tel"], .content textarea {
-webkit-box-shadow: inset -7px -5px 18px 3px #dddddd;
-moz-box-shadow: inset -7px -5px 18px 3px #dddddd;
box-shadow: inset -7px -5px 18px 3px #dddddd;
overflow: auto;
border: 1px solid #aaa;
}
.navbar-inner {
background: #005794;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
color: #fff;
}
.content {
margin-top: 30px;
}
.form-actions {
background: none;
margin-top: 30px;
}
.form-actions button {
margin-top: 30px;
}
ul li {
list-style: none
}
.modal {
color: #08c
}
.modal .modal-header h4 {
margin: 5px 0 5px 90px
}
#top-bar ul > li > a {
color: #fff;
text-shadow: 0 0px 0 #fff;
}
input[type="submit"].submit-pesquisa {
background: url(../img/pesquisa.jpg) no-repeat;
width: 21px;
height: 23px;
text-indent: -999px;
border: none;
}
.icon-map-marker {
background: url(../img/mapa.png) no-repeat;
width: 21px;
height: 22px;
margin-top: -2px;
}
.icon-pencil {
background: url(../img/caneta.png) no-repeat;
width: 17px;
height: 22px;
margin-top: -4px;
}
.icon-user {
background: url(../img/login.png) no-repeat;
width: 22px;
height: 22px;
margin-top: -3px;
}
.signin-menu a:hover.btn{
border:1px solid #005794
}
a.facebook{
background:url(../img/bt-signin-facebook.png) no-repeat;
display:block;
text-indent: -99999em;
overflow: hidden;
margin-bottom:30px;
height: 35px;
width: 250px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.signin-menu a:hover.facebook{
border:0;
}
.icon-shopping-cart {
background: url(../img/cart.png) no-repeat;
width: 25px;
height: 22px;
margin-top: -3px;
}
#secoes li {
background-color: #D9D9D9;
}
/** quando as seções estão inativas, ficam na cor cinza, ao passar o mouse por cima ou ter a classe ativo, a mesma assume a cor correspondente */
#secoes .outlet.ativo, #secoes .outlet:hover {
background-color: #005794;
}
#secoes .cupom.ativo, #secoes .cupom:hover {
background: #fac78e;
}
#secoes .doacoes.ativo, #secoes .doacoes:hover {
background: #7fceef;
}
.icone-cupom a, .icone-cupom {
background: url(../img/icon_cupom.png) no-repeat 10px center;
}
.icone-outlet {
background: url(../img/icon_outlet.png) no-repeat 10px center;
}
.icone-doacao a {
background: url(../img/icon_doacao.png) no-repeat 10px center;
}
.center.navbar .nav, .center.navbar .nav > li {
float: none;
display: inline-block;
*display: inline; /* ie7 fix */
*zoom: 1; /* hasLayout ie7 trigger */
vertical-align: top;
}
.center .navbar-inner {
text-align: center;
}
#content {
margin-top: 50px;
}
#content #secoes {
background: #005794;
}
#secoes li {
padding: 10px 0;
}
#secoes li a {
color: #fff;
text-align: center
}
.navbar #secoes.nav {
margin: 0;
display: table;
width: 100%;
}
.nav-tabs {
border: none;
}
.nav-tabs > li > a:hover {
border: solid 1px #005794;
border-bottom: none;
}
.navbar #secoes.nav li {
display: table-cell;
width: 1%;
float: none;
}
.navbar #secoes.nav li a {
font-weight: bold;
font-size: 20px;
text-shadow: 0 0px 0 #fff;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, .75);
border-right: 1px solid rgba(0, 0, 0, .1);
}
.navbar #secoes.nav li:first-child a {
border-left: 0;
border-radius: 3px 0 0 3px;
}
.navbar #secoes.nav li:last-child a {
border-right: 0;
border-radius: 0 3px 3px 0;
}
#top-nav-bar ul li a {
text-transform: uppercase;
color: #848a93;
}
#menu-principal {
margin: 20px auto;
}
#menu-principal .breadcrumb, .breadcrumb {
width: 100%;
background: none;
padding: 0
}
.breadcrumb li a {
font-size: 12px
}
#menu-principal .nav-header {
text-transform: uppercase;
font-size: 16px;
color: #005794;
}
.nav-list > li > a {
color: #848a93;
}
.badge-info {
margin-left: 5px;
}
.thumbnail {
border: none;
box-shadow: none;
}
.thumbnail > img {
border: solid #c2c2c2 1px;
}
#catalog h2.title {
color: #005794;
text-transform: uppercase;
border: none;
}
#catalog h2.title small {
text-transform: none
}
#catalog .caption {
text-align: center;
}
#catalog .caption h3 {
color: #005794;
font-family: "Uni Sans Semibold";
}
#catalog .caption .description {
float: left;
width: 100%;
max-height: 100px;
color: #848a93;
font-family: Arial;
}
#catalog .caption .marca {
color: #F6921E;
float: left;
clear: both;
width: 100%;
text-transform: uppercase;
font-family: Arial;
}
#catalog .caption .preco .de {
color: #0F619A
}
#catalog .caption .preco .por {
color: #005794;
font-size: 110%;
font-weight: bold
}
.thumbnails .item {
margin-left: 0;
}
.thumbnails .item.doacoes{
border:1px solid #CCCCCC;
}
#catalog .pagination ul {
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
}
#catalog .pagination .number.active a {
background: #005794;
color: #fff;
}
#catalog .pagination .number > a {
border: none;
background: transparent;
color: #000;
margin: 0 10px;
width: 30px;
padding: 10px 5px;
height: 20px;
-webkit-border-radius: 70px !important;
-moz-border-radius: 70px !important;
border-radius: 70px !important;
}
#catalog .pager li > a {
color: #000;
border: none;
}
#catalog .previous a, #catalog .next a {
margin: auto 20px;
}
.related .thumbnail .caption h5 a {
color: #a8a8a8
}
[class*="span"].sidebar {
margin-top: 20px;
margin-left: 0px;
}
[class*="span"].sidebar h3, [class*="span"].sidebar h2 {
color: #005794;
text-transform: uppercase;
}
[class*="span"].sidebar .btn {
color: #fff;
border: none;
background: #005794;
}
.sidebar .dicas p a {
color: #909090;
font-family: "Uni Sans Regular";
}
.sidebar ul li {
margin: 0
}
.sidebar #ajuda {
margin: 20px 0;
}
.sidebar .dicas {
margin: 20px 0;
}
form label {
margin: 10px 0 0px 0;
}
label.control-label {
font-family: "Uni Sans Semibold";
color: #a8a8a8;
text-transform: uppercase;
font-size: 17px;
margin: 0;
}
form small {
color: #848a93;
font-family: Arial;
font-size: 12px;
}
/* Titulos */
.title {
padding-bottom: 5px;
border-bottom: 2px solid #c9c9c9;
text-transform: uppercase;
}
.title {
border-bottom: 2px solid #ccc;
}
.blue {
border-bottom: 2px solid #7fceef;
color: #08c;
font-family: Uni Sans Semibold;
}
.no-border {
border: none;
}
.title.orange {
color: #f89406;
}
.title.small {
font-size: 130%;
}
.title.right {
text-align: right
}
/** placeholders */
.sidebar form input[type="text"]::-webkit-input-placeholder {/* WebKit browsers */
color: #F6921E;
}
.sidebar form input[type="text"]:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
color: #F6921E;
}
.sidebar form input[type="text"]::-moz-placeholder {/* Mozilla Firefox 19+ */
color: #F6921E;
}
.sidebar form input[type="text"]:-ms-input-placeholder {/* Internet Explorer 10+ */
color: #F6921E;
}
.icon_facebook {
margin: 0 5%;
background: url(../img/login_facebook.jpg) no-repeat;
display: block;
height: 50px;
text-indent: -9999em;
overflow: hidden
}
div.span12.content {
margin: 30px 0 0 0;
}
#footer {
background: #eceade;
}
#footer a {
color: #000
}
#footer .column {
padding: 30px;
}
#footer .column ul {
border-right: 2px solid #b0b2b6;
}
#footer .column ul li a, #footer .column ul li {
color: #6c6c6c;
font-family: Arial;
}
#footer #floor {
padding: 0 30px;
}
.marcas_fotos {
margin: 40px 0 0 0;
}
.link_carrinho {
color: #009ddf;
float: left;
font-size: 25px;
}
.link_cupom {
margin: 0 9px 0 0;
}
.link_voucher {
margin: 0 0 0 9px;
}
.links {
display: block;
width: 100%;
height: 38px;
border-bottom: 1px solid #009ddf;
margin: 0 0 13px;
}
.btn-info {
background: #009ddf;
}
.nome_completo {
color: #a3a3a3;
text-align: center;
font-size: 20px;
border: 1px solid #bdbdbd;
margin-bottom: -1px;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
a.menu:after, .dropdown-toggle:after {
content: none;
}
#secoes ul.dropdown-menu {
width: 1100px;
background: #005794;
margin-top:0;
}
/* adaptações para ajustar o tamanho do menu ao container */
@media (min-width: 1200px) {
#secoes ul.dropdown-menu {
width:1168px;
}
}
@media (min-width: 979px) and (max-width: 1200px) {
#secoes ul.dropdown-menu {
width:958px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#secoes ul.dropdown-menu {
width:742px;
}
}
/* ------------ */
ul.dropdown-menu ul {
display: block;
float: left;
background: none;
border: none;
text-shadow: none;
margin: 10px 15px 10px 5px;
}
.navbar #secoes.nav li ul.dropdown-menu ul li {
display: block;
float: none;
height: 15px;
width: 100%;
background: none;
margin: 0 0 2px 0;
padding: 0;
}
.navbar #secoes.nav li ul.dropdown-menu ul li.titulo {
font-family: Uni Sans Semibold;
font-size: 14px;
color: #fff;
margin: 0 0 10px 0;
}
.navbar #secoes.nav li ul.dropdown-menu ul li a {
font-size: 9px;
color: #fff;
margin: 0;
}
.navbar #secoes.nav li ul.dropdown-menu ul li a:hover {
background:none;
text-decoration: underline;
}
.dropdown-menu .amount a, .dropdown-menu .mini-products-list a{
display:inline
}
.dropdown-menu .block-cart a:hover{
border:none;
}
.dropdown-menu .block-cart .btn.btn-primary{
border:inherit;
}
ul.dropdown-menu.categorias ul{
float:left;
}
#secoes ul.dropdown-menu.categorias ul > li.link.more a{
color: #f89406;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment