Created
July 25, 2014 17:26
-
-
Save phcostabh/b0aaf2013250c46a2eb4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains 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
| // ---- | |
| // Sass (v3.3.10) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| // | |
| // VARIABLES | |
| // | |
| // colors | |
| $color-a: #B0B000; $color-ah: #99990A; | |
| $color-m: #FA7B12; $color-mh: #EE5500; | |
| $color-u: #9977CC; $color-uh: #8855BB; | |
| $cor-1: #B7B700; | |
| $cor-2: #FF6600; | |
| $cor-3: #663399; | |
| // fonts | |
| $arial: Arial,sans-serif; | |
| $tahoma: Tahoma,sans-serif; | |
| $lato: 'Lato',Arial,sans-serif; | |
| $font-p: 11px/1 $tahoma; $font-size-p: 11px; | |
| $font-m: 12px/1 $arial; $font-size-m: 12px; | |
| $font-g: bold 18px/1 $arial; $font-size-g: 18px; | |
| $font-gg: bold 24px/1 $arial; $font-size-gg: 24px; | |
| // | |
| // MIXINS | |
| // | |
| // vendor prefix | |
| @mixin vendor($p,$v) { | |
| -webkit-#{$p}:#{$v}; | |
| -moz-#{$p}:#{$v}; | |
| -ms-#{$p}:#{$v}; | |
| #{$p}:#{$v}; | |
| } | |
| // bg gradiente | |
| @mixin bg-gradiente($f,$g) { | |
| background:#{$f}; | |
| background:-webkit-linear-gradient(#{$g}); | |
| background:-moz-linear-gradient(#{$g}); | |
| background:-ms-linear-gradient(#{$g}); | |
| background:linear-gradient(#{$g}); | |
| } | |
| // estilo input | |
| @mixin input { | |
| color:#333; | |
| border:1px solid #ccc; | |
| padding:5px; | |
| height:18px; | |
| line-height:18px; | |
| border-radius:3px; | |
| box-shadow:0 1px 3px rgba(0,0,0,.05) inset; | |
| &:focus { | |
| border-color:#999; | |
| color:#333; | |
| } | |
| } | |
| // estilo modal | |
| @mixin modal { | |
| position:absolute; | |
| background:#fff; | |
| border:1px solid #ddd; | |
| border-radius:2px; | |
| box-shadow:0 1px 3px rgba(0,0,0,.1); | |
| } | |
| // | |
| // BARRA CCID | |
| // | |
| // reset | |
| .barra_ccid ul {margin:0; padding:0; letter-spacing:normal} | |
| .barra_ccid li {list-style:none} | |
| .barra_ccid a {text-decoration:none} | |
| .ccid_full {width:100%; padding:0} | |
| .ccid_right {float:right} | |
| .ccid_left {float:left} | |
| .barra_ccid img {border:0} | |
| // estrutura | |
| .container_ccid {width:960px; margin:auto; position:relative} | |
| #barra_terra {width:100%; height:24px; background:#F90; box-shadow:0px -1px 0px #EE8F00 inset} | |
| #barra_ccid {width:100%; height:56px; position:absolute; top:0; z-index:1} | |
| #ccid {height:32px; box-shadow:1px 1px 3px -3px rgba(0,0,0,.32); background-clip:padding-box; @include bg-gradiente("#3b3b3b","top,#3b3b3b,#323232")} | |
| // links dos sites do ccid | |
| .barra_ccid .ccid_link_bar {display:inline-block; text-shadow:0px -1px 0 #222; color:#CDCDCD; font:bold 12px/32px Arial,sans-serif; text-decoration:none; text-transform:uppercase} | |
| .ccid_sites {position:relative; display:inline} | |
| .ccid_sites li {display:inline-block; text-align:center; position:relative; vertical-align:top} | |
| .ccid_sites .ccid_link_bar {padding:0 8px; width:auto; height:32px; position:relative; z-index:3; left:0; top:0} | |
| .ccid_sites li:hover .ccid_link_bar {padding:0 7px; background-clip:padding-box; @include bg-gradiente("#626262","top,#626262,#454545"); box-shadow:0 0 1px #707070; border-left:solid 1px #292929; border-right:solid 1px #292929; text-shadow:0 0 2px rgba(255,255,255,.5); color:#fff} | |
| .ie7 .ccid_sites li {display:inline; zoom:1} | |
| // aba de cada site | |
| .ccid_sites li .ccid_aba {display:none; height:155px; z-index:-1; position:absolute; left:0; top:32px; border-radius:0 0 4px 4px; border-top:0; z-index:400; box-shadow:0 1px 0 #AAA,0 2px 10px rgba(0,0,0,.4); border-bottom:solid 2px #CCC; background-clip:padding-box; background-clip:padding-box; @include bg-gradiente("#fff","top,#f9f9f9 34px,#fff 70%"); color:#999; text-align:left; font:11px/32px Tahoma, sans-serif} | |
| .ccid_sites li .ccid_aba.ccid_open {display:block; z-index:1000} | |
| #ccid_lateral_top {width:220px; height:32px; position:absolute; right:0; top:0} | |
| .ccid_sites li .ccid_aba.ccid_loading {background:url('../img/ajax-loader.gif') #f9f9f9 center center no-repeat} | |
| .ie8 .ccid_aba, .ie7 .ccid_aba {border:solid 1px #D2D2D2} | |
| // aba da lateral direita | |
| .ccid_drop {display:none; color:#666; background:#fff; border-radius:0 0 4px 4px; box-shadow:0 1px 0 #AAA,0 2px 10px rgba(0,0,0,.4); border:solid 1px #CCC; border-bottom:solid 2px #CCC; position:absolute; right:-1px; font:13px/1.3 Arial,sans-serif; z-index:400} | |
| .ccid_logar {display:block; cursor:pointer; position:relative; float:left; z-index:400} | |
| .ccid_logar:hover .ccid_dados_usuario {display:block} | |
| .ccid_bt_logar {padding:0 9px 0 9px; height:32px; box-shadow:0px 0px 4px rgba(0,0,0,.65) inset; border-left:solid 1px #414141; border-right:solid 1px #414141; color:#fff!important; display:block; font:bold 13px/32px Arial,sans-serif; background-clip:padding-box; @include bg-gradiente("#343434","top,#343434,#242424")} | |
| .ccid_bt_logar:hover, .ccid_logar:hover .ccid_bt_logar {box-shadow:0 0 2px #000 inset, 0 0 1px #414141; border-left:solid 1px #000; border-right:solid 1px #000; text-shadow:0 0 2px rgba(255,255,255,.5); color:#fff; background-clip:padding-box; @include bg-gradiente("#626262","top,#626262,#454545")} | |
| .ccid_box_logar.login_site {width:280px; border-radius:0 0 6px 6px} | |
| .ccid_box_logar span {margin-bottom:10px} | |
| .ccid_botoes .ccid_left {font:11px/28px Tahoma, Arial, sans-serif; color:#999999} | |
| .ccid_box_logar .ccid {display:block; position:relative; top:0; left:0; line-height:100px; overflow:hidden; margin-bottom:10px} | |
| .ccid_colunas {overflow:hidden; background:url('../img/bg_log.jpg') repeat-y} | |
| .ccid_container-lateral {float:right} | |
| // box para logar | |
| .ccid_logar b {display:inline-block; width:11px; height:12px; background:url('../img/sprite_geral_ccid.png') -35px -44px; vertical-align:middle; margin:-4px 0 0 3px} | |
| // thumb usuario com notificações | |
| .ccid_barra_thumb {width:35px; border-left:solid 1px #292929; height:32px; vertical-align:top; display:block; position:relative; float:left} | |
| .ccid_barra_thumb:hover {background-clip:padding-box; @include bg-gradiente("#626262","top,#626262,#454545"); box-shadow:0 0 2px #000 inset, 0 0 1px #414141; text-shadow:0 0 2px rgba(255,255,255,.5)} | |
| .ccid_barra_thumb .thumb {width:25px; height:25px; position:absolute; top:3px; left:4px} | |
| .ccid_barra_thumb i {width:24px; height:24px; border:solid 1px #666; border:solid 1px rgba(255,255,255,.3); position:absolute; top:3px; left:4px} | |
| .ccid_barra_thumb .ccid_qtd_notificacoes {width:17px; height:15px; background:url('../img/sprite_geral_ccid.png') -1px -81px; position:absolute; bottom:0; left:-1px; font:bold 9px/15px Tahoma, Arial, sans-serif; color:#fff; text-align:center} | |
| .ccid_barra_thumb .ccid_qtd_notificacoes:hover {color:#fff} | |
| .ccid_nome_usuario .ccid_links_menu {display:inline-block; width:118px; text-align:left; padding:10px 4px; vertical-align:top} | |
| // links do menu do usuário | |
| .ccid_dados_usuario {width:222px} | |
| .ccid_links_menu li {height:22px; margin-bottom:1px; font:bold 13px/22px Arial,sans-serif} | |
| .ccid_links_menu a {display:block; height:100%; padding:0 9px} | |
| .ccid_links_menu a:hover {border-radius:3px; box-shadow:0 1px 1px rgba(0,0,0,.3) inset} | |
| .ccid_links_menu span {padding-left:10px; margin-bottom:15px; display:block} | |
| .ccid_logout i {display:inline-block; width:11px; height:12px; background:url('../img/sprite_geral_ccid.png') -19px -81px; vertical-align:middle} | |
| // avatar do usuario no menu | |
| .ccid_avatar {display:inline-block; width:75px; padding:10px; font:11px/1.3 Arial,sans-serif; text-align:center; vertical-align:top} | |
| .ccid_avatar img {width:75px; height:75px} | |
| // aba de notificações | |
| #ccid_notificacoes {position:absolute; height:300px; width:300px; right:0; border-radius:0 0 5px 5px; top:32px; width:378px; height:291px; text-align:left} | |
| .ccid_lista_notificacoes {width:100%; height:209px; margin:5px 0; overflow:hidden; outline:none} | |
| .ccid_lista_notificacoes li {border-bottom:solid 1px #E8E8E8; position:relative; font:11px/14px Arial,sans-serif} | |
| .ccid_lista_notificacoes li a {color:#666; display:block; padding:7px 25px 7px 63px; min-height:35px} | |
| .ccid_lista_notificacoes li a+a {min-height:inherit} | |
| .ccid_lista_notificacoes li:hover {background:#f3f3f3} | |
| .ccid_lista_notificacoes li:hover a,.ccid_lista_notificacoes li a:hover {color:#444} | |
| .ccid_lista_notificacoes li:last-child {border-bottom:0} | |
| .ccid_lista_notificacoes .ccid_amizade a {padding:7px 13px 37px 63px} | |
| .ccid_lista_notificacoes b {font:bold 11px/14px Tahoma, sans-serif} | |
| .ccid_lista_notificacoes small {display:block; font:9px/14px Tahoma, Arial, sans-serif; color:#999} | |
| .ccid_lista_notificacoes .ccid_img_notificacao {width:45px; height:34px; position:absolute; top:8px; left:8px} | |
| #ccid_notificacoes .ccid_rodape_modal {text-align:center; height:14px} | |
| .ccid_icon_conf {display:block; width:16px; height:16px; background-image:url('../img/sprite_geral_ccid.png'); background-position:-30px -81px; line-height:150px; overflow:hidden; position:absolute; top:8px; right:10px } | |
| .ccid_icon_conf:hover {background-position:-24px -113px} | |
| .ccid_lista_notificacoes .ccid_aviso {display:block; text-align:center; font:bold 14px/1.3 Arial,sans-serif; color:#999; padding:15px} | |
| // botoes de notificação | |
| .ccid_lista_notificacoes a.ccid_bt {display:inline-block; min-height:inherit; height:20px; padding:0 10px; font:11px/20px Tahoma,sans-serif; margin:0 3px 7px 0; border-radius:3px; position:absolute; bottom:7px; left:63px} | |
| .ccid_lista_notificacoes a.ccid_bt+.ccid_bt {left:181px} | |
| // botoes das redes sociais | |
| .ccid_rede_social {overflow:hidden; background:#f8f8f8; text-align:center; border-top:solid 1px #DDD; box-shadow:0px 1px 0 #fff inset; padding:14px 0 13px; position:relative; border-radius:0 0 4px 4px; height:94px; transition:all .1s} | |
| .ccid_redes_extra {height:0px; overflow:hidden; transition:height .1s} | |
| .ccid_redes_extra.aberta {display:block; height:126px; margin-bottom:13px} | |
| .ccid_rede_social .ccid_controll {cursor:pointer; display:block; width:42px; height:12px; background:url('../img/sprite_geral_ccid.png') 0 -68px; position:absolute; bottom:0; left:50%; margin-left:-21px; margin-bottom:0} | |
| .ccid_rede_social .ccid_controll i {display:block; position:absolute; width:7px; height:4px; background-image:url('../img/sprite_geral_ccid.png'); left:50%; top:50%; margin:-2px 0 0 -3px; background-position:-19px -44px} | |
| .ccid_rede_social .ccid_rede {opacity:1; transition:opacity .1s} | |
| .ccid_rede_social .ccid_rede+.ccid_rede+.ccid_rede {display:none} | |
| .ccid_rede_social button.ccid_rede {width:254px} | |
| // mostrando todos os botoes | |
| .ccid_rede_social.open {height:185px} | |
| .ccid_rede_social.open .ccid_rede+.ccid_rede {display:inline-block} | |
| .ccid_rede_social.open .ccid_controll i {background-position:-19px -49px} | |
| // escondendo botoes das redes sociais ao ativar input | |
| .ccid_rede_social.off {height:0} | |
| .ccid_rede_social.off .ccid_rede {opacity:0} | |
| // botoes redes sociais | |
| .ccid_rede, .barra_ccid .ccid_rede {background-image:url('../img/spriteBotoes.png'); background-color:#fff; background-clip:padding-box; width:206px; height:33px; text-align:left; font:bold 13px/32px Arial,sans-serif; padding-left:48px; color:#fff; margin-bottom:13px; display:inline-block; border-radius:5px; border:0; cursor:pointer} | |
| .ccid_rede:hover, .barra_ccid .ccid_rede:hover {color:#fff} | |
| .ccid_bt_facebook {text-shadow:1px -1px 0 #7694BD; background-color:#7298CB} .ccid_bt_facebook:hover {background-position:0 -34px} | |
| .ccid_bt_twitter {background-position:0 -68px; text-shadow:1px -1px 0 #629CC4; background-color:#63B1ED} .ccid_bt_twitter:hover {background-position:0 -102px} | |
| .ccid_bt_last {background-position:0 -136px; text-shadow:1px -1px 0 rgba(0,0,0,.2); background-color:#f93800} .ccid_bt_last:hover {background-position:0 -170px} | |
| .ccid_bt_msn {background-position:0 -204px; text-shadow:1px -1px 0 #67A257; background-color:#6CB061} .ccid_bt_msn:hover {background-position:0 -238px} | |
| .ccid_bt_google, .barra_ccid .ccid_bt_google {background-position:0 -272px; color:#666; text-shadow:1px 1px 0 #fff; background-color:#E4E4E4} .ccid_bt_google:hover,.barra_ccid .ccid_bt_google:hover {background-position:0 -306px; color:#666} | |
| // botoes ccid | |
| .ccid_botoes {height:30px; line-height:30px; margin-right:-1px} | |
| .ccid_botoes_direita {height:32px; text-align:right} | |
| .ccid_botoes_direita a {margin-right:10px} | |
| .ccid_submit, a.ccid_submit {display:inline-block; height:28px; background:url('../img/gradiente.png') repeat-x; border:solid 1px #CCC; font:bold 12px/28px Arial, sans-serif; color:#666; border-radius:3px; cursor:pointer; text-align:center; width:auto; padding:0 18px; cursor:pointer; text-shadow:0px 1px 0px rgba(255,255,255,0.7)} | |
| .ccid_submit:hover, a.ccid_submit:hover {border:solid 1px #AAA; box-shadow:0 0 3px rgba(0,0,0,.15); color:#666; text-decoration:none} | |
| .ccid_submit:active, .ccid_submit:focus {box-shadow:0 1px 2px rgba(0,0,0,.2) inset; color:#666; border-color:#8E8E8E #AEAEAE #C2C2C2} | |
| .ccid_submit:disabled, .ccid_submit_disable, .ccid_submit_disable:hover {color:#CCC; border:solid 1px #DDD; height:28px; background:url('../img/gradiente.png') repeat-x; font:bold 12px/26px Arial, sans-serif; padding:0 18px; border-radius:3px; cursor:pointer} | |
| .ccid_modal .ccid_submit, .ccid_modal .ccid_submit:hover {color:#666} | |
| .ie7 .ccid_submit {line-height:24px; padding:0 8px} | |
| // botao medio | |
| .ccid_medio {width:286px} | |
| // botoes de fechar modal | |
| .ccid_close_small {display:block; width:8px; height:8px; background:url('../img/sprite_geral_ccid.png') -17px 0; position:absolute; text-indent:-999em; cursor:pointer} .ccid_close_small:hover {background-position:-17px -9px} | |
| .ccid_close {display:block; width:13px; height:13px; background:url('../img/sprite_geral_ccid.png'); position:absolute; text-indent:-999em; cursor:pointer} .ccid_close:hover {background-position:0 -14px; border:0} | |
| .lembrar_senha {display:block; margin-top:-8px} | |
| // modal do ccid | |
| .ccid_rodape_modal {background:#f8f8f8; text-align:right; border-top:solid 1px #DDD; box-shadow:0px 1px 0 #fff inset; padding:10px; position:relative; border-radius:0 0 4px 4px; font:11px/1.3 Tahoma, sans-serif} | |
| .ccid_modal {position:fixed; width:100%; height:100%; z-index:30000; top:0; left:0} | |
| .ccid_janela {font:13px/1.3 Arial,sans-serif; position:absolute} | |
| .ccid_janela a {text-decoration:none} | |
| .ccid_fundo_modal {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:15; opacity:0.85; filter:alpha(opacity=85)} | |
| .ccid_janela {position:absolute; z-index:16; background:#fff; right:0; left:inherit; border-radius:4px; box-shadow:0 1px 0 #AAA,0 2px 10px rgba(0,0,0,.4); border-bottom:solid 2px #CCC; background-clip:padding-box; @include bg-gradiente("#fff","top,#f9f9f9 0%,#fff 70%")} | |
| .ie8.ccid_janela, .ie7.ccid_janela {border:solid 1px #d3d3d3; border-bottom:solid 2px #CCC} | |
| // modal sincronizar conta | |
| .ccid_sincronizar_conta {width:500px; left:50%; top:50%; margin:-139px 0 0 -250px; color:#666; padding-bottom:11px} | |
| .ccid_sincronizar_conta .ccid_esquerda {width:250px; float:left; border-right:solid 1px #DDD; padding-right:18px} | |
| .ccid_sincronizar_conta .ccid_direita {padding-left:18px; float:left; width:180px; height:152px} | |
| .ccid_sincronizar_conta span {margin-bottom:10px; display:block} | |
| .ccid_sincronizar_conta .ccid_direita span {margin-bottom:16px; display:block} | |
| .ccid_sincronizar_conta .ccid_direita span+span {height:64px} | |
| .ccid_titulo_modal {background:#fff; height:36px; display:block; border-radius:5px 5px 0 0; border-bottom:solid 1px #d3d3d3; position:relative; margin:0; font:bold 15px/36px Arial,sans-serif; color:#333; padding:0 14px} | |
| .ccid_titulo_modal:after {content:''; width:100%; box-shadow:0 2px 6px rgba(153,153,153,.6); display:block; width:100%; height:1px; position:absolute; top:36px; left:0} | |
| .ccid_close {top:10px; right:10px; border:0} | |
| .ccid {position:absolute; top:7px; left:15px; width:77px; height:26px; background:url('../img/logo_ccid_preta.jpg'); text-indent:-999em; display:inline-block} | |
| .ccid_cont {padding:13px} | |
| .ccid_cont span {display:block; color:#666} | |
| .ccid_saudacao {overflow:hidden; color:#666} | |
| .ccid_janela strong {font-weight:bold; font-size:13px} | |
| .ccid_saudacao span {float:left} | |
| .ccid_thumb_usuario {float:left; width:75px; height:75px; margin:0 10px 10px 0} | |
| // modal voador | |
| .ccid_voador {width:278px; right:190px; top:95px} | |
| .ccid_voador .ccid_seta {background-image:url('../img/sprite_geral_ccid.png')} | |
| .ccid_voador .ccid_seta {display:block; width:7px; height:13px; position:absolute} | |
| .ccid_bottom_right .ccid_seta {top:170px; right:-7px; background-position:-38px 0} | |
| .ccid_top_right .ccid_seta {top:70px; right:-7px; background-position:-38px 0} | |
| .ccid_bottom_left .ccid_seta {top:170px; left:-7px; background-position:-27px 0} | |
| .ccid_top_left .ccid_seta {top:70px; left:-7px; background-position:-27px 0} | |
| .ccid_left_top .ccid_seta, .ccid_right_top .ccid_seta {top:-7px; background-position:-29px -35px; width:17px; height:8px} | |
| .ccid_left_top .ccid_seta {left:50px} | |
| .ccid_right_top .ccid_seta {right:50px} | |
| .ie8.ccid_left_top .ccid_seta, .ie8.ccid_right_top .ccid_seta, .ie7.ccid_left_top .ccid_seta, .ie7.ccid_right_top .ccid_seta {background-position:-29px -26px} | |
| // formularios ccid | |
| .ccid_text {border:solid 1px #DDD; padding:7px; margin-bottom:10px; color:#333; width:264px; font:15px Arial,sans-serif; box-shadow:0 1px 2px rgba(0,0,0,.1) inset; background:#fff; border-radius:3px; border:solid 1px #cdcdcd; border-top:solid 1px #b6b6b6} | |
| .ccid_text:hover {border:solid 1px #a0a0a0} | |
| .ccid_text:focus {border:solid 1px #333; box-shadow:0 0 3px #CCC; outline:0} | |
| .ccid_text.erro {border:solid 1px #C00; box-shadow:0 0 3px rgba(255,0,0,.3); color:#C00} | |
| .ccid_text:focus, .ccid_text.on {color:#333} | |
| .ccid_text::-webkit-input-placeholder {color:#CCC} | |
| .ccid_text::-moz-placeholder {color:#CCC} | |
| .ccid_text:-ms-input-placeholder {color:#CCC} | |
| .ccid_janela .ccid_text, .login_site .ccid_text {width:232px} | |
| .erro_login {font:12px/1.3 Arial,sans-serif; color:#C00; display:block} | |
| .erro_input {font:11px/1.3 Arial,sans-serif; color:#C00; display:block; margin-bottom:10px} | |
| .ccid_select_input {padding:5px 5px; height:30px} | |
| // estilo para as abas do ccid | |
| .ccid_sites .ccid_titulo_aba {background:#fff; height:32px; display:block; border-radius:0; border-bottom:solid 1px #d3d3d3; position:relative; margin:0; font:12px/32px Arial,sans-serif; color:#999; padding-left:11px; text-align:left} | |
| .ccid_sites .ccid_titulo_aba:after {content:''; width:100%; box-shadow:0 2px 1px rgba(153,153,153,.4); display:block; width:100%; height:1px; position:absolute; top:31px; left:0} | |
| .ccid_sites .ccid_titulo_aba a {font-weight:normal; color:#999; line-height:32px} | |
| .ccid_sites .ccid_link_titulo { position:absolute; right:10px} | |
| .ccid_esquerda_aba {display:block; width:72px; float:left; height:106px} | |
| .ccid_direita_aba {display:block; float:left; width:554px; height:100%} | |
| .ccid_esquerda_aba .ccid_titulo_aba {background:url('../img/divisao_titulo.jpg') no-repeat right #fff} | |
| .ccid_borda_direita {border-right:solid 1px #DDD} | |
| .ccid_lista_aba li a {height:22px; display:block; padding:0 7px; width:50px; margin:auto; position:relative } | |
| .ccid_lista_aba li {display:block; text-align:left; font:bold 11px/22px Arial,sans-serif; margin:2px 0} | |
| .ccid_lista_aba li a:hover {color:#fff; border-radius:3px; box-shadow:0 1px 2px rgba(0,0,0,.3) inset} | |
| ul.ccid_lista_aba {height:100%; border-right:solid 1px #DDD; padding:8px 0} | |
| // aba do letras | |
| .ccid_aba_letras {width:626px; overflow:hidden} | |
| .ccid_aba_letras .ccid_destaques_letras a {display:block; position:relative; width:115px; height:52px; float:left; border-style:solid; border-color:#DDD; font:11px Arial,sans-serif; padding:9px 10px 0 59px} | |
| .ccid_aba_letras .ccid_destaques_letras a:hover {background:#F0F0F0; box-shadow:1px 1px 1px rgba(0,0,0,.1) inset} | |
| .ccid_aba_letras .ccid_destaques_letras a+a+a+a {border-bottom:0} | |
| .ccid_aba_letras .ccid_destaques_letras a strong {font:bold 11px Arial,sans-serif; display:block} | |
| .ccid_aba_letras .ccid_destaques_letras a small {color:#999; font:11px Tahoma, sans-serif} | |
| .ccid_aba_letras .ccid_destaque {border-width:0 1px 1px 0} | |
| .ccid_aba_letras .ccid_destaque_ultimo {border-right-width:0} | |
| .ccid_destaque_letras {width:35px; height:35px; position:absolute; top:12px; left:12px; display:block} | |
| // aba do cifra club | |
| .ccid_aba_cifraclub {width:612px} | |
| .ccid_aba_cifraclub .ccid_direita_aba {width:540px; text-align:center} | |
| .ccid_destaques_cifraclub ul {height:86px; position:relative; margin-left:2px} | |
| .ccid_destaques_cifraclub li {display:inline-block; zoom:1; text-align:left; width:120px; overflow:hidden; margin:12px 6px -3px 3px} | |
| .ccid_destaques_cifraclub li a {background:#fff; display:inline-block; vertical-align:top; width:120px; height:70px; border:1px solid #B4D8D8; overflow:hidden; position:relative; border-radius:2px; border:0; line-height:1.1} | |
| .ccid_destaques_cifraclub li img {position:relative; z-index:0; top:-11px} | |
| .ccid_destaques_cifraclub li span {display:block; position:absolute; bottom:0; left:0; width:115px; padding:2px 0 2px 5px; font:9px Tahoma, sans-serif; color:#666; cursor:pointer; background:rgba(0,0,0,.8)} | |
| .ccid_destaques_cifraclub li strong {font:11px/1.1 Arial, sans-serif; display:block; color:#fff} | |
| .ccid_destaques_cifraclub li a:hover {border-color:#91C9CA; text-decoration:none} | |
| .ccid_destaques_cifraclub li a:hover span {color:#fff} | |
| .ie7 .ccid_destaques_cifraclub li {display:inline; margin:12px 7px} | |
| .ie7 .ccid_destaques_cifraclub li span, .ie8 .ccid_destaques_cifraclub li span {background:#000} | |
| // aba do palco mp3 | |
| .ccid_sites li .ccid_aba_palco {width:590px; height:208px; line-height:28px} | |
| .ccid_aba_palco .ccid_direita_aba {width:518px; text-align:center} | |
| .ccid_aba_palco .ccid_esquerda_aba {height:159px} | |
| ul.ccid_lista_artistas {overflow:hidden; margin:12px 0 0 12px} | |
| .ccid_lista_artistas li {width:156px; display:block; float:left; text-align:left; line-height:1.3; margin-right:12px} | |
| .ccid_lista_artistas li a:hover img {border:solid 1px #BBB} | |
| .ccid_lista_artistas li img {width:156px; height:117px; border:solid 1px transparent} | |
| .ccid_aba_palco .ccid_lista_artistas li a {font:11px/1.3 Tahoma, sans-serif} | |
| // aba do forum | |
| .ccid_sites li .ccid_aba_forum {width:323px; text-align:center} | |
| .ccid_destaques_forum {width:100%; border-bottom:solid 1px #DDD; overflow:hidden; height:89px} | |
| .ccid_destaques_forum li {display:block; float:left} | |
| .ccid_aba_forum .ccid_destaques_forum a {display:block; width:116px; height:30px; text-align:left; padding-left:36px; padding-right:9px; font-weight:normal; position:relative; font:11px/30px Tahoma,sans-serif} | |
| .ie9 .ccid_aba_forum .ccid_destaques_forum a {width:104px; padding-left:30px} | |
| .ccid_destaques_forum a:hover {background:#F0F0F0; box-shadow:1px 1px 1px rgba(0,0,0,.1) inset; border-bottom:solid 1px #DDDDDD; height:29px} | |
| .ccid_destaques_forum span {background-image:url('../img/sprite_forum.png'); display:block; position:absolute; top:8px; left:12px} | |
| .ccid_guitarra {width:16px; height:16px; background-position:0 0} | |
| .ccid_violao {width:16px; height:16px; background-position:-17px 0} | |
| .ccid_pedais {width:16px; height:14px; background-position:0 -17px} | |
| .ccid_bateria {width:14px; height:14px; background-position:-17px -17px} | |
| .ccid_teclado {width:16px; height:11px; background-position:0 -31px} | |
| .ccid_contra_baixo {width:16px; height:16px; background-position:-17px -32px} | |
| // aba do forme sua banda | |
| .ccid_sites li .ccid_aba_forme {width:315px; text-align:center; height:197px} | |
| .ccid_sites .ccid_musicos_destaque a {position:relative; float:left; width:102px; height:55px; padding:10px 0 0 55px; display:block; text-align:left; font:11px/1.3 Tahoma, sans-serif; border-bottom:solid 1px #DDD} | |
| .ccid_sites .ccid_musicos_destaque a:hover {background:#F0F0F0; box-shadow:1px 1px 1px rgba(0,0,0,.1) inset} | |
| .ccid_sites .ccid_musicos_destaque a span {color:#999} | |
| .ccid_sites .ccid_musicos_destaque a strong { display:block; font:bold 11px/1 Arial,sans-serif} | |
| .ccid_sites .ccid_musicos_destaque a:hover small, .ccid_sites .ccid_musicos_destaque a small {display:block; color:#C5C5C5; font:11px/1 Tahoma,sans-serif; width:94px} | |
| .ccid_sites .ccid_musicos_destaque {overflow:hidden; height:132px} | |
| .ccid_aba_forme .ccid_thumb_musico {width:35px; height:35px; position:absolute; top:12px; left:12px} | |
| .ccid_aba_forme .ccid_rodape_modal {text-align:left} | |
| .ccid_aba_forme .ccid_rodape_modal strong {font:11px Arial,sans-serif; color:#666; display:block} | |
| // aba do gb | |
| .ccid_aba_gb {width:429px} | |
| .ccid_aba_gb a {line-height:26px} | |
| .ccid_aba_gb .ccid_esquerda_aba {width:167px} | |
| .ccid_aba_gb .ccid_direita_aba {width:262px; text-align:center} | |
| .ccid_aba_gb .ccid_batalhas {width:166px; height:94px} | |
| .ccid_aba_gb .ccid_batalhas li a {display:block} | |
| .ccid_aba_gb .ccid_batalhas li {height:36px; padding-top:10px; border-bottom:solid 1px #E9E9E9; display:block; text-align:left} | |
| .ccid_aba_gb .ccid_batalhas li small {font:11px Tahoma, sans-serif; width:56px; display:inline-block; font-weight:normal; text-align:left; margin-left:11px; vertical-align:middle} | |
| .ccid_aba_gb .ccid_batalhas li:hover {background:#F0F0F0; box-shadow:1px 1px 1px rgba(0,0,0,.1) inset} | |
| .ccid_aba_gb .ccid_batalhas li small+span+small {text-align:right} | |
| .ccid_aba_gb .ccid_batalhas .versus {width:19px; height:26px; background:url('../img/sprite_geral_ccid.png') -1px -98px; display:inline-block; margin-right:-5px; vertical-align:middle} | |
| .ccid_aba_gb .ccid_batalhas .versus.v1 {width:18px; height:13px; background-position:0 -224px} | |
| .ccid_aba_gb .ccid_batalhas .versus.v2 {background-position:-19px -218px} | |
| .ccid_mais_batalhas {text-align:center; display:block} | |
| .ccid_img_licao {display:block; width:236px; height:85px; position:relative; margin:8px 12px -2px} | |
| .ccid_img_licao span {position:absolute; background:#000; background:rgba(0,0,0,.8); font:10px Arial,sans-serif; left:0; padding:5px; text-align:left} | |
| .ccid_img_licao .ccid_autor_licao {bottom:0; padding-top:0; color:#999; line-height:11px; left:0} | |
| .ccid_img_licao .ccid_titulo_licao {bottom:16px; color:#efefef} | |
| .ccid_aba_gb .ccid_container_esquerda {border-right:solid 1px #DDD; height:121px} | |
| // aba do ccnews | |
| .ccid_sites li .ccid_aba_noticias {width:567px; text-align:center; height:175px} | |
| .ccid_aba_noticias .ccid_destaques_noticias a {display:block; position:relative; width:207px; height:45px; float:left; border-style:solid; border-color:#DDD; font:11px Tahoma, sans-serif; padding:9px 10px 0 66px; text-align:left; font-weight:normal; border-width:0 1px 1px 0} | |
| .ccid_aba_noticias .ccid_destaques_noticias a:hover {background:#F0F0F0; box-shadow:1px 1px 1px rgba(0,0,0,.1) inset} | |
| .ccid_aba_noticias a.ccid_destaque_ultimo {border-width:0 0 1px 0} | |
| .ccid_destaque_noticias {width:48px; height:36px; position:absolute; top:9px; left:9px; display:block} | |
| // aba do audioware | |
| .ccid_aba_audio {width:442px} | |
| .ccid_aba_audio .ccid_esquerda_aba {width:196px; height:155px; overflow:hidden} | |
| .ccid_aba_audio .ccid_direita_aba {width:246px; text-align:center} | |
| .ccid_destaques_audio {padding:12px 0 0 12px; font:11px/21px Arial,sans-serif} | |
| .ccid_aba_audio .ccid_esquerda_aba ul {display:block; height:121px; border-right:solid 1px #DDD} | |
| .ccid_aba_audio .ccid_esquerda_aba li {display:block; text-align:left} | |
| .ccid_aba_audio .ccid_esquerda_aba ul a {height:35px; padding:5px 11px 0 45px; display:block; margin:auto; border-top:solid 1px #e9e9e9; position:relative; font:10px Tahoma, sans-serif} | |
| .ccid_aba_audio .ccid_esquerda_aba ul a:hover {background:#F0F0F0; box-shadow:1px 1px 1px rgba(0,0,0,.1) inset; border-top:solid 1px #DDD} | |
| .ccid_aba_audio .ccid_thumb_audio {height:25px; width:25px; position:absolute; left:11px; top:6px} | |
| .ccid_aba_audio .ccid_esquerda_aba a strong {display:block; font:bold 11px Arial,sans-serif} | |
| .ccid_aba_audio .ccid_esquerda_aba a small {color:#999; font-size:11px} | |
| .ccid_aba_audio .ccid_destaques_audio {overflow:hidden} | |
| .ccid_aba_audio .ccid_destaques_audio a {float:left; height:78px; width:105px; display:block; margin-right:12px} | |
| // barra do terra | |
| #bt {width:960px; position:relative; margin:0 auto} | |
| #btss,#bt {height:24px; background:#F90} | |
| #btss {overflow:hidden} | |
| #bt {z-index:1} | |
| #bt a {outline:0} | |
| #bt h4,#bt ul {margin:0; padding:0} | |
| #lt,#bt li,.lst-icons,.lnk-mais {float:left; height:100%; border:none} | |
| #lt a {margin-left:7px} | |
| #lt a,.lst-icons a,.lnk-mais,.lst-bcr a {display:block; height:100%; overflow:hidden; text-indent:-999pt} | |
| .lst-icons li {background:url('../img/sbt.png?v=5') -307px -49px no-repeat; padding-right:1px} | |
| #lt a {background:url('../img/sbt.png?v=5') -160px -49px no-repeat; width:67px} | |
| .lst-icons {width:159px} | |
| .lst-icons li,.lst-bcr li {list-style:none} | |
| .lst-icons li {padding:0 8px 0 8px; width:19px} | |
| .lst-icons li.itm-wea {width:18px} | |
| .lst-icons a {background:url('../img/sbt.png?v=5') no-repeat; margin:0 auto; height:21px; margin-top:2px} | |
| .itm-ema a {background-position:-238px -49px; width:20px} | |
| .itm-hor a {background-position:-259px -49px; width:17px} | |
| .itm-wea a {background-position:-278px -49px; width:21px} | |
| .lnk-mais {background:url('../img/sbt.png?v=5') no-repeat 0 -49px; width:69px; margin-left:4px} | |
| .ativo .lnk-mais {background-position:-70px -49px} | |
| .ativo .lst-bcr,.ativo .bg_btativo {display:block} | |
| .lst-bcr,.lst-bcr a {border-color:#fff; border-style:solid} | |
| .lst-bcr {background:#B8B0A7; border-width:0 0 0 1px; display:none; height:100%; width:661px; right:0; height:24px; overflow:hidden; position:absolute; top:0} | |
| .lst-bcr a {background-image:url('../img/sbt.png?v=5'); border-width:0 1px 0 0; height:48px} | |
| .bcr-not a {width:75px; background-position:0 0} | |
| .bcr-eco a {width:81px; background-position:-76px 0} | |
| .bcr-esp a {width:81px; background-position:-158px 0} | |
| .bcr-div a {width:81px; background-position:-240px 0} | |
| .bcr-mus a {width:72px; background-position:-322px 0} | |
| .bcr-vida a {width:103px; background-position:-395px 0} | |
| .bcr-trtv a {width:80px; background-position:-499px 0} | |
| .bcr-shop a {width:80px; background-position:-580px 0} | |
| .lst-bcr a:hover {margin-top:-24px} // substitui todos aqueles :hover para cada link :) | |
| .bg_btativo {background:#B8B0A7; height:24px; width:50%; right:0; position:absolute; top:0; z-index:0; overflow:hidden; display:none} | |
| // scroll | |
| .scroll, .jspContainer { overflow:hidden} | |
| .jspContainer, .jspPane {position:relative} | |
| #barra_ccid .jspVerticalBar {transition:opacity .1s; opacity:0; position:absolute; right:0; top:0; width:8px; margin:0 8px} | |
| #barra_ccid .jspMouseOver .jspVerticalBar { opacity:1} | |
| #barra_ccid .jspTrack, .jspDrag {border-radius:8px} | |
| .jspTrack {position:relative} | |
| #barra_ccid .jspDrag {transition:background .1s; background:none repeat scroll 0 0 #666; cursor:default; position:relative} | |
| #barra_ccid .jspTrack:hover .jspDrag, .jspActive {background:none repeat scroll 0 0 #333} | |
| #barra_ccid .jspPane {width:100%!important} | |
| #barra_ccid {left:0; right:0} | |
| #barra_ccid:hover {z-index:100000} | |
| #ccid {box-shadow:1px 1px 3px rgba(0,0,0,.32); @include bg-gradiente("#efefef","top,#FCFCFC,#EFEFEF")} | |
| #ccid .container_ccid,#bt {width:960px} | |
| .ccid_sites a.ccid_link_bar,.ccid_link {text-shadow:0px 1px 0 #FFF; color:#888} | |
| .ccid_sites li:hover a.ccid_link_bar {box-shadow:0 0 1px rgba(0,0,0,.12), -1px 0 0 #FFF, 1px 0 0 #FFF; @include bg-gradiente("#fafafa","top,#fafafa,#eaeaea"); border:solid #dcdcdc; border-width:0 1px; text-shadow:0 1px 0 #FFF; color:#555} | |
| .ccid_link:hover {text-shadow:0 0 2px rgba(255,255,255,0.5); color:#555} | |
| .ccid_bt_logar {padding:0 10px 0 8px; height:32px; box-shadow:0px 0px 4px rgba(0,0,0,.12) inset; border:solid #FFF; border-width:0 1px; @include bg-gradiente("#fafafa","top,#fafafa,#eaeaea"); color:#999!important; display:block; text-shadow:0 1px 0 #FFF; padding:0 9px 0 9px} | |
| .ccid_bt_logar:hover,.ccid_logar:hover .ccid_bt_logar {box-shadow:0px 0px 4px rgba(0,0,0,.12) inset; border:solid #FFF; border-width:0 1px; @include bg-gradiente("#f6f6f6","top,#F6F6F6,#DADADA"); color:#666!important; text-shadow:-1px 1px 0 #FFF} | |
| .ccid_logar b {background-position:-27px -99px; margin-top:-3px} | |
| .ccid_bt_logar:hover b,.ccid_logar:hover .ccid_bt_logar b {background-position:-25px -146px; margin-top:-3px} | |
| .ccid_barra_thumb {border-left:1px solid #FFF} | |
| .ccid_barra_thumb:hover {@include bg-gradiente("#fafafa","top,#fafafa,#eaeaea"); box-shadow:0 0 2px rgba(0,0,0,.25) inset, 0 0 1px rgba(0,0,0,.25)} | |
| .ccid_sites li .ccid_aba {left:1px} | |
| // cores letras | |
| .barra_ccid a {color:$cor-1; text-decoration:none} | |
| .barra_ccid .ccid_link_cinza,.ccid_link_cinza {color:#999} | |
| .ccid_aba a {font-weight:bold} | |
| .ccid_link {color:$cor-1} | |
| .ccid_links_menu a {color:$cor-1} | |
| .ccid_links_menu a:hover {background:$cor-1; color:#FFF} | |
| .ccid_lista_aba li a:hover {background:$cor-1} |
This file contains 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
| .barra_ccid ul { | |
| margin: 0; | |
| padding: 0; | |
| letter-spacing: normal; | |
| } | |
| .barra_ccid li { | |
| list-style: none; | |
| } | |
| .barra_ccid a { | |
| text-decoration: none; | |
| } | |
| .ccid_full { | |
| width: 100%; | |
| padding: 0; | |
| } | |
| .ccid_right { | |
| float: right; | |
| } | |
| .ccid_left { | |
| float: left; | |
| } | |
| .barra_ccid img { | |
| border: 0; | |
| } | |
| .container_ccid { | |
| width: 960px; | |
| margin: auto; | |
| position: relative; | |
| } | |
| #barra_terra { | |
| width: 100%; | |
| height: 24px; | |
| background: #F90; | |
| box-shadow: 0px -1px 0px #EE8F00 inset; | |
| } | |
| #barra_ccid { | |
| width: 100%; | |
| height: 56px; | |
| position: absolute; | |
| top: 0; | |
| z-index: 1; | |
| } | |
| #ccid { | |
| height: 32px; | |
| box-shadow: 1px 1px 3px -3px rgba(0, 0, 0, 0.32); | |
| background-clip: padding-box; | |
| background: #3b3b3b; | |
| background: -webkit-linear-gradient(top,#3b3b3b,#323232); | |
| background: -moz-linear-gradient(top,#3b3b3b,#323232); | |
| background: -ms-linear-gradient(top,#3b3b3b,#323232); | |
| background: linear-gradient(top,#3b3b3b,#323232); | |
| } | |
| .barra_ccid .ccid_link_bar { | |
| display: inline-block; | |
| text-shadow: 0px -1px 0 #222; | |
| color: #CDCDCD; | |
| font: bold 12px/32px Arial,sans-serif; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| } | |
| .ccid_sites { | |
| position: relative; | |
| display: inline; | |
| } | |
| .ccid_sites li { | |
| display: inline-block; | |
| text-align: center; | |
| position: relative; | |
| vertical-align: top; | |
| } | |
| .ccid_sites .ccid_link_bar { | |
| padding: 0 8px; | |
| width: auto; | |
| height: 32px; | |
| position: relative; | |
| z-index: 3; | |
| left: 0; | |
| top: 0; | |
| } | |
| .ccid_sites li:hover .ccid_link_bar { | |
| padding: 0 7px; | |
| background-clip: padding-box; | |
| background: #626262; | |
| background: -webkit-linear-gradient(top,#626262,#454545); | |
| background: -moz-linear-gradient(top,#626262,#454545); | |
| background: -ms-linear-gradient(top,#626262,#454545); | |
| background: linear-gradient(top,#626262,#454545); | |
| box-shadow: 0 0 1px #707070; | |
| border-left: solid 1px #292929; | |
| border-right: solid 1px #292929; | |
| text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); | |
| color: #fff; | |
| } | |
| .ie7 .ccid_sites li { | |
| display: inline; | |
| zoom: 1; | |
| } | |
| .ccid_sites li .ccid_aba { | |
| display: none; | |
| height: 155px; | |
| z-index: -1; | |
| position: absolute; | |
| left: 0; | |
| top: 32px; | |
| border-radius: 0 0 4px 4px; | |
| border-top: 0; | |
| z-index: 400; | |
| box-shadow: 0 1px 0 #aaaaaa, 0 2px 10px rgba(0, 0, 0, 0.4); | |
| border-bottom: solid 2px #CCC; | |
| background-clip: padding-box; | |
| background-clip: padding-box; | |
| background: #fff; | |
| background: -webkit-linear-gradient(top,#f9f9f9 34px,#fff 70%); | |
| background: -moz-linear-gradient(top,#f9f9f9 34px,#fff 70%); | |
| background: -ms-linear-gradient(top,#f9f9f9 34px,#fff 70%); | |
| background: linear-gradient(top,#f9f9f9 34px,#fff 70%); | |
| color: #999; | |
| text-align: left; | |
| font: 11px/32px Tahoma, sans-serif; | |
| } | |
| .ccid_sites li .ccid_aba.ccid_open { | |
| display: block; | |
| z-index: 1000; | |
| } | |
| #ccid_lateral_top { | |
| width: 220px; | |
| height: 32px; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| } | |
| .ccid_sites li .ccid_aba.ccid_loading { | |
| background: url("../img/ajax-loader.gif") #f9f9f9 center center no-repeat; | |
| } | |
| .ie8 .ccid_aba, .ie7 .ccid_aba { | |
| border: solid 1px #D2D2D2; | |
| } | |
| .ccid_drop { | |
| display: none; | |
| color: #666; | |
| background: #fff; | |
| border-radius: 0 0 4px 4px; | |
| box-shadow: 0 1px 0 #aaaaaa, 0 2px 10px rgba(0, 0, 0, 0.4); | |
| border: solid 1px #CCC; | |
| border-bottom: solid 2px #CCC; | |
| position: absolute; | |
| right: -1px; | |
| font: 13px/1.3 Arial,sans-serif; | |
| z-index: 400; | |
| } | |
| .ccid_logar { | |
| display: block; | |
| cursor: pointer; | |
| position: relative; | |
| float: left; | |
| z-index: 400; | |
| } | |
| .ccid_logar:hover .ccid_dados_usuario { | |
| display: block; | |
| } | |
| .ccid_bt_logar { | |
| padding: 0 9px 0 9px; | |
| height: 32px; | |
| box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.65) inset; | |
| border-left: solid 1px #414141; | |
| border-right: solid 1px #414141; | |
| color: white !important; | |
| display: block; | |
| font: bold 13px/32px Arial,sans-serif; | |
| background-clip: padding-box; | |
| background: #343434; | |
| background: -webkit-linear-gradient(top,#343434,#242424); | |
| background: -moz-linear-gradient(top,#343434,#242424); | |
| background: -ms-linear-gradient(top,#343434,#242424); | |
| background: linear-gradient(top,#343434,#242424); | |
| } | |
| .ccid_bt_logar:hover, .ccid_logar:hover .ccid_bt_logar { | |
| box-shadow: 0 0 2px #000 inset, 0 0 1px #414141; | |
| border-left: solid 1px #000; | |
| border-right: solid 1px #000; | |
| text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); | |
| color: #fff; | |
| background-clip: padding-box; | |
| background: #626262; | |
| background: -webkit-linear-gradient(top,#626262,#454545); | |
| background: -moz-linear-gradient(top,#626262,#454545); | |
| background: -ms-linear-gradient(top,#626262,#454545); | |
| background: linear-gradient(top,#626262,#454545); | |
| } | |
| .ccid_box_logar.login_site { | |
| width: 280px; | |
| border-radius: 0 0 6px 6px; | |
| } | |
| .ccid_box_logar span { | |
| margin-bottom: 10px; | |
| } | |
| .ccid_botoes .ccid_left { | |
| font: 11px/28px Tahoma, Arial, sans-serif; | |
| color: #999999; | |
| } | |
| .ccid_box_logar .ccid { | |
| display: block; | |
| position: relative; | |
| top: 0; | |
| left: 0; | |
| line-height: 100px; | |
| overflow: hidden; | |
| margin-bottom: 10px; | |
| } | |
| .ccid_colunas { | |
| overflow: hidden; | |
| background: url("../img/bg_log.jpg") repeat-y; | |
| } | |
| .ccid_container-lateral { | |
| float: right; | |
| } | |
| .ccid_logar b { | |
| display: inline-block; | |
| width: 11px; | |
| height: 12px; | |
| background: url("../img/sprite_geral_ccid.png") -35px -44px; | |
| vertical-align: middle; | |
| margin: -4px 0 0 3px; | |
| } | |
| .ccid_barra_thumb { | |
| width: 35px; | |
| border-left: solid 1px #292929; | |
| height: 32px; | |
| vertical-align: top; | |
| display: block; | |
| position: relative; | |
| float: left; | |
| } | |
| .ccid_barra_thumb:hover { | |
| background-clip: padding-box; | |
| background: #626262; | |
| background: -webkit-linear-gradient(top,#626262,#454545); | |
| background: -moz-linear-gradient(top,#626262,#454545); | |
| background: -ms-linear-gradient(top,#626262,#454545); | |
| background: linear-gradient(top,#626262,#454545); | |
| box-shadow: 0 0 2px #000 inset, 0 0 1px #414141; | |
| text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); | |
| } | |
| .ccid_barra_thumb .thumb { | |
| width: 25px; | |
| height: 25px; | |
| position: absolute; | |
| top: 3px; | |
| left: 4px; | |
| } | |
| .ccid_barra_thumb i { | |
| width: 24px; | |
| height: 24px; | |
| border: solid 1px #666; | |
| border: solid 1px rgba(255, 255, 255, 0.3); | |
| position: absolute; | |
| top: 3px; | |
| left: 4px; | |
| } | |
| .ccid_barra_thumb .ccid_qtd_notificacoes { | |
| width: 17px; | |
| height: 15px; | |
| background: url("../img/sprite_geral_ccid.png") -1px -81px; | |
| position: absolute; | |
| bottom: 0; | |
| left: -1px; | |
| font: bold 9px/15px Tahoma, Arial, sans-serif; | |
| color: #fff; | |
| text-align: center; | |
| } | |
| .ccid_barra_thumb .ccid_qtd_notificacoes:hover { | |
| color: #fff; | |
| } | |
| .ccid_nome_usuario .ccid_links_menu { | |
| display: inline-block; | |
| width: 118px; | |
| text-align: left; | |
| padding: 10px 4px; | |
| vertical-align: top; | |
| } | |
| .ccid_dados_usuario { | |
| width: 222px; | |
| } | |
| .ccid_links_menu li { | |
| height: 22px; | |
| margin-bottom: 1px; | |
| font: bold 13px/22px Arial,sans-serif; | |
| } | |
| .ccid_links_menu a { | |
| display: block; | |
| height: 100%; | |
| padding: 0 9px; | |
| } | |
| .ccid_links_menu a:hover { | |
| border-radius: 3px; | |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset; | |
| } | |
| .ccid_links_menu span { | |
| padding-left: 10px; | |
| margin-bottom: 15px; | |
| display: block; | |
| } | |
| .ccid_logout i { | |
| display: inline-block; | |
| width: 11px; | |
| height: 12px; | |
| background: url("../img/sprite_geral_ccid.png") -19px -81px; | |
| vertical-align: middle; | |
| } | |
| .ccid_avatar { | |
| display: inline-block; | |
| width: 75px; | |
| padding: 10px; | |
| font: 11px/1.3 Arial,sans-serif; | |
| text-align: center; | |
| vertical-align: top; | |
| } | |
| .ccid_avatar img { | |
| width: 75px; | |
| height: 75px; | |
| } | |
| #ccid_notificacoes { | |
| position: absolute; | |
| height: 300px; | |
| width: 300px; | |
| right: 0; | |
| border-radius: 0 0 5px 5px; | |
| top: 32px; | |
| width: 378px; | |
| height: 291px; | |
| text-align: left; | |
| } | |
| .ccid_lista_notificacoes { | |
| width: 100%; | |
| height: 209px; | |
| margin: 5px 0; | |
| overflow: hidden; | |
| outline: none; | |
| } | |
| .ccid_lista_notificacoes li { | |
| border-bottom: solid 1px #E8E8E8; | |
| position: relative; | |
| font: 11px/14px Arial,sans-serif; | |
| } | |
| .ccid_lista_notificacoes li a { | |
| color: #666; | |
| display: block; | |
| padding: 7px 25px 7px 63px; | |
| min-height: 35px; | |
| } | |
| .ccid_lista_notificacoes li a + a { | |
| min-height: inherit; | |
| } | |
| .ccid_lista_notificacoes li:hover { | |
| background: #f3f3f3; | |
| } | |
| .ccid_lista_notificacoes li:hover a, .ccid_lista_notificacoes li a:hover { | |
| color: #444; | |
| } | |
| .ccid_lista_notificacoes li:last-child { | |
| border-bottom: 0; | |
| } | |
| .ccid_lista_notificacoes .ccid_amizade a { | |
| padding: 7px 13px 37px 63px; | |
| } | |
| .ccid_lista_notificacoes b { | |
| font: bold 11px/14px Tahoma, sans-serif; | |
| } | |
| .ccid_lista_notificacoes small { | |
| display: block; | |
| font: 9px/14px Tahoma, Arial, sans-serif; | |
| color: #999; | |
| } | |
| .ccid_lista_notificacoes .ccid_img_notificacao { | |
| width: 45px; | |
| height: 34px; | |
| position: absolute; | |
| top: 8px; | |
| left: 8px; | |
| } | |
| #ccid_notificacoes .ccid_rodape_modal { | |
| text-align: center; | |
| height: 14px; | |
| } | |
| .ccid_icon_conf { | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| background-image: url("../img/sprite_geral_ccid.png"); | |
| background-position: -30px -81px; | |
| line-height: 150px; | |
| overflow: hidden; | |
| position: absolute; | |
| top: 8px; | |
| right: 10px; | |
| } | |
| .ccid_icon_conf:hover { | |
| background-position: -24px -113px; | |
| } | |
| .ccid_lista_notificacoes .ccid_aviso { | |
| display: block; | |
| text-align: center; | |
| font: bold 14px/1.3 Arial,sans-serif; | |
| color: #999; | |
| padding: 15px; | |
| } | |
| .ccid_lista_notificacoes a.ccid_bt { | |
| display: inline-block; | |
| min-height: inherit; | |
| height: 20px; | |
| padding: 0 10px; | |
| font: 11px/20px Tahoma,sans-serif; | |
| margin: 0 3px 7px 0; | |
| border-radius: 3px; | |
| position: absolute; | |
| bottom: 7px; | |
| left: 63px; | |
| } | |
| .ccid_lista_notificacoes a.ccid_bt + .ccid_bt { | |
| left: 181px; | |
| } | |
| .ccid_rede_social { | |
| overflow: hidden; | |
| background: #f8f8f8; | |
| text-align: center; | |
| border-top: solid 1px #DDD; | |
| box-shadow: 0px 1px 0 #fff inset; | |
| padding: 14px 0 13px; | |
| position: relative; | |
| border-radius: 0 0 4px 4px; | |
| height: 94px; | |
| transition: all .1s; | |
| } | |
| .ccid_redes_extra { | |
| height: 0px; | |
| overflow: hidden; | |
| transition: height .1s; | |
| } | |
| .ccid_redes_extra.aberta { | |
| display: block; | |
| height: 126px; | |
| margin-bottom: 13px; | |
| } | |
| .ccid_rede_social .ccid_controll { | |
| cursor: pointer; | |
| display: block; | |
| width: 42px; | |
| height: 12px; | |
| background: url("../img/sprite_geral_ccid.png") 0 -68px; | |
| position: absolute; | |
| bottom: 0; | |
| left: 50%; | |
| margin-left: -21px; | |
| margin-bottom: 0; | |
| } | |
| .ccid_rede_social .ccid_controll i { | |
| display: block; | |
| position: absolute; | |
| width: 7px; | |
| height: 4px; | |
| background-image: url("../img/sprite_geral_ccid.png"); | |
| left: 50%; | |
| top: 50%; | |
| margin: -2px 0 0 -3px; | |
| background-position: -19px -44px; | |
| } | |
| .ccid_rede_social .ccid_rede { | |
| opacity: 1; | |
| transition: opacity .1s; | |
| } | |
| .ccid_rede_social .ccid_rede + .ccid_rede + .ccid_rede { | |
| display: none; | |
| } | |
| .ccid_rede_social button.ccid_rede { | |
| width: 254px; | |
| } | |
| .ccid_rede_social.open { | |
| height: 185px; | |
| } | |
| .ccid_rede_social.open .ccid_rede + .ccid_rede { | |
| display: inline-block; | |
| } | |
| .ccid_rede_social.open .ccid_controll i { | |
| background-position: -19px -49px; | |
| } | |
| .ccid_rede_social.off { | |
| height: 0; | |
| } | |
| .ccid_rede_social.off .ccid_rede { | |
| opacity: 0; | |
| } | |
| .ccid_rede, .barra_ccid .ccid_rede { | |
| background-image: url("../img/spriteBotoes.png"); | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| width: 206px; | |
| height: 33px; | |
| text-align: left; | |
| font: bold 13px/32px Arial,sans-serif; | |
| padding-left: 48px; | |
| color: #fff; | |
| margin-bottom: 13px; | |
| display: inline-block; | |
| border-radius: 5px; | |
| border: 0; | |
| cursor: pointer; | |
| } | |
| .ccid_rede:hover, .barra_ccid .ccid_rede:hover { | |
| color: #fff; | |
| } | |
| .ccid_bt_facebook { | |
| text-shadow: 1px -1px 0 #7694BD; | |
| background-color: #7298CB; | |
| } | |
| .ccid_bt_facebook:hover { | |
| background-position: 0 -34px; | |
| } | |
| .ccid_bt_twitter { | |
| background-position: 0 -68px; | |
| text-shadow: 1px -1px 0 #629CC4; | |
| background-color: #63B1ED; | |
| } | |
| .ccid_bt_twitter:hover { | |
| background-position: 0 -102px; | |
| } | |
| .ccid_bt_last { | |
| background-position: 0 -136px; | |
| text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.2); | |
| background-color: #f93800; | |
| } | |
| .ccid_bt_last:hover { | |
| background-position: 0 -170px; | |
| } | |
| .ccid_bt_msn { | |
| background-position: 0 -204px; | |
| text-shadow: 1px -1px 0 #67A257; | |
| background-color: #6CB061; | |
| } | |
| .ccid_bt_msn:hover { | |
| background-position: 0 -238px; | |
| } | |
| .ccid_bt_google, .barra_ccid .ccid_bt_google { | |
| background-position: 0 -272px; | |
| color: #666; | |
| text-shadow: 1px 1px 0 #fff; | |
| background-color: #E4E4E4; | |
| } | |
| .ccid_bt_google:hover, .barra_ccid .ccid_bt_google:hover { | |
| background-position: 0 -306px; | |
| color: #666; | |
| } | |
| .ccid_botoes { | |
| height: 30px; | |
| line-height: 30px; | |
| margin-right: -1px; | |
| } | |
| .ccid_botoes_direita { | |
| height: 32px; | |
| text-align: right; | |
| } | |
| .ccid_botoes_direita a { | |
| margin-right: 10px; | |
| } | |
| .ccid_submit, a.ccid_submit { | |
| display: inline-block; | |
| height: 28px; | |
| background: url("../img/gradiente.png") repeat-x; | |
| border: solid 1px #CCC; | |
| font: bold 12px/28px Arial, sans-serif; | |
| color: #666; | |
| border-radius: 3px; | |
| cursor: pointer; | |
| text-align: center; | |
| width: auto; | |
| padding: 0 18px; | |
| cursor: pointer; | |
| text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); | |
| } | |
| .ccid_submit:hover, a.ccid_submit:hover { | |
| border: solid 1px #AAA; | |
| box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| color: #666; | |
| text-decoration: none; | |
| } | |
| .ccid_submit:active, .ccid_submit:focus { | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; | |
| color: #666; | |
| border-color: #8E8E8E #AEAEAE #C2C2C2; | |
| } | |
| .ccid_submit:disabled, .ccid_submit_disable, .ccid_submit_disable:hover { | |
| color: #CCC; | |
| border: solid 1px #DDD; | |
| height: 28px; | |
| background: url("../img/gradiente.png") repeat-x; | |
| font: bold 12px/26px Arial, sans-serif; | |
| padding: 0 18px; | |
| border-radius: 3px; | |
| cursor: pointer; | |
| } | |
| .ccid_modal .ccid_submit, .ccid_modal .ccid_submit:hover { | |
| color: #666; | |
| } | |
| .ie7 .ccid_submit { | |
| line-height: 24px; | |
| padding: 0 8px; | |
| } | |
| .ccid_medio { | |
| width: 286px; | |
| } | |
| .ccid_close_small { | |
| display: block; | |
| width: 8px; | |
| height: 8px; | |
| background: url("../img/sprite_geral_ccid.png") -17px 0; | |
| position: absolute; | |
| text-indent: -999em; | |
| cursor: pointer; | |
| } | |
| .ccid_close_small:hover { | |
| background-position: -17px -9px; | |
| } | |
| .ccid_close { | |
| display: block; | |
| width: 13px; | |
| height: 13px; | |
| background: url("../img/sprite_geral_ccid.png"); | |
| position: absolute; | |
| text-indent: -999em; | |
| cursor: pointer; | |
| } | |
| .ccid_close:hover { | |
| background-position: 0 -14px; | |
| border: 0; | |
| } | |
| .lembrar_senha { | |
| display: block; | |
| margin-top: -8px; | |
| } | |
| .ccid_rodape_modal { | |
| background: #f8f8f8; | |
| text-align: right; | |
| border-top: solid 1px #DDD; | |
| box-shadow: 0px 1px 0 #fff inset; | |
| padding: 10px; | |
| position: relative; | |
| border-radius: 0 0 4px 4px; | |
| font: 11px/1.3 Tahoma, sans-serif; | |
| } | |
| .ccid_modal { | |
| position: fixed; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 30000; | |
| top: 0; | |
| left: 0; | |
| } | |
| .ccid_janela { | |
| font: 13px/1.3 Arial,sans-serif; | |
| position: absolute; | |
| } | |
| .ccid_janela a { | |
| text-decoration: none; | |
| } | |
| .ccid_fundo_modal { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: #fff; | |
| z-index: 15; | |
| opacity: 0.85; | |
| filter: alpha(opacity=85); | |
| } | |
| .ccid_janela { | |
| position: absolute; | |
| z-index: 16; | |
| background: #fff; | |
| right: 0; | |
| left: inherit; | |
| border-radius: 4px; | |
| box-shadow: 0 1px 0 #aaaaaa, 0 2px 10px rgba(0, 0, 0, 0.4); | |
| border-bottom: solid 2px #CCC; | |
| background-clip: padding-box; | |
| background: #fff; | |
| background: -webkit-linear-gradient(top,#f9f9f9 0%,#fff 70%); | |
| background: -moz-linear-gradient(top,#f9f9f9 0%,#fff 70%); | |
| background: -ms-linear-gradient(top,#f9f9f9 0%,#fff 70%); | |
| background: linear-gradient(top,#f9f9f9 0%,#fff 70%); | |
| } | |
| .ie8.ccid_janela, .ie7.ccid_janela { | |
| border: solid 1px #d3d3d3; | |
| border-bottom: solid 2px #CCC; | |
| } | |
| .ccid_sincronizar_conta { | |
| width: 500px; | |
| left: 50%; | |
| top: 50%; | |
| margin: -139px 0 0 -250px; | |
| color: #666; | |
| padding-bottom: 11px; | |
| } | |
| .ccid_sincronizar_conta .ccid_esquerda { | |
| width: 250px; | |
| float: left; | |
| border-right: solid 1px #DDD; | |
| padding-right: 18px; | |
| } | |
| .ccid_sincronizar_conta .ccid_direita { | |
| padding-left: 18px; | |
| float: left; | |
| width: 180px; | |
| height: 152px; | |
| } | |
| .ccid_sincronizar_conta span { | |
| margin-bottom: 10px; | |
| display: block; | |
| } | |
| .ccid_sincronizar_conta .ccid_direita span { | |
| margin-bottom: 16px; | |
| display: block; | |
| } | |
| .ccid_sincronizar_conta .ccid_direita span + span { | |
| height: 64px; | |
| } | |
| .ccid_titulo_modal { | |
| background: #fff; | |
| height: 36px; | |
| display: block; | |
| border-radius: 5px 5px 0 0; | |
| border-bottom: solid 1px #d3d3d3; | |
| position: relative; | |
| margin: 0; | |
| font: bold 15px/36px Arial,sans-serif; | |
| color: #333; | |
| padding: 0 14px; | |
| } | |
| .ccid_titulo_modal:after { | |
| content: ''; | |
| width: 100%; | |
| box-shadow: 0 2px 6px rgba(153, 153, 153, 0.6); | |
| display: block; | |
| width: 100%; | |
| height: 1px; | |
| position: absolute; | |
| top: 36px; | |
| left: 0; | |
| } | |
| .ccid_close { | |
| top: 10px; | |
| right: 10px; | |
| border: 0; | |
| } | |
| .ccid { | |
| position: absolute; | |
| top: 7px; | |
| left: 15px; | |
| width: 77px; | |
| height: 26px; | |
| background: url("../img/logo_ccid_preta.jpg"); | |
| text-indent: -999em; | |
| display: inline-block; | |
| } | |
| .ccid_cont { | |
| padding: 13px; | |
| } | |
| .ccid_cont span { | |
| display: block; | |
| color: #666; | |
| } | |
| .ccid_saudacao { | |
| overflow: hidden; | |
| color: #666; | |
| } | |
| .ccid_janela strong { | |
| font-weight: bold; | |
| font-size: 13px; | |
| } | |
| .ccid_saudacao span { | |
| float: left; | |
| } | |
| .ccid_thumb_usuario { | |
| float: left; | |
| width: 75px; | |
| height: 75px; | |
| margin: 0 10px 10px 0; | |
| } | |
| .ccid_voador { | |
| width: 278px; | |
| right: 190px; | |
| top: 95px; | |
| } | |
| .ccid_voador .ccid_seta { | |
| background-image: url("../img/sprite_geral_ccid.png"); | |
| } | |
| .ccid_voador .ccid_seta { | |
| display: block; | |
| width: 7px; | |
| height: 13px; | |
| position: absolute; | |
| } | |
| .ccid_bottom_right .ccid_seta { | |
| top: 170px; | |
| right: -7px; | |
| background-position: -38px 0; | |
| } | |
| .ccid_top_right .ccid_seta { | |
| top: 70px; | |
| right: -7px; | |
| background-position: -38px 0; | |
| } | |
| .ccid_bottom_left .ccid_seta { | |
| top: 170px; | |
| left: -7px; | |
| background-position: -27px 0; | |
| } | |
| .ccid_top_left .ccid_seta { | |
| top: 70px; | |
| left: -7px; | |
| background-position: -27px 0; | |
| } | |
| .ccid_left_top .ccid_seta, .ccid_right_top .ccid_seta { | |
| top: -7px; | |
| background-position: -29px -35px; | |
| width: 17px; | |
| height: 8px; | |
| } | |
| .ccid_left_top .ccid_seta { | |
| left: 50px; | |
| } | |
| .ccid_right_top .ccid_seta { | |
| right: 50px; | |
| } | |
| .ie8.ccid_left_top .ccid_seta, .ie8.ccid_right_top .ccid_seta, .ie7.ccid_left_top .ccid_seta, .ie7.ccid_right_top .ccid_seta { | |
| background-position: -29px -26px; | |
| } | |
| .ccid_text { | |
| border: solid 1px #DDD; | |
| padding: 7px; | |
| margin-bottom: 10px; | |
| color: #333; | |
| width: 264px; | |
| font: 15px Arial,sans-serif; | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; | |
| background: #fff; | |
| border-radius: 3px; | |
| border: solid 1px #cdcdcd; | |
| border-top: solid 1px #b6b6b6; | |
| } | |
| .ccid_text:hover { | |
| border: solid 1px #a0a0a0; | |
| } | |
| .ccid_text:focus { | |
| border: solid 1px #333; | |
| box-shadow: 0 0 3px #CCC; | |
| outline: 0; | |
| } | |
| .ccid_text.erro { | |
| border: solid 1px #C00; | |
| box-shadow: 0 0 3px rgba(255, 0, 0, 0.3); | |
| color: #C00; | |
| } | |
| .ccid_text:focus, .ccid_text.on { | |
| color: #333; | |
| } | |
| .ccid_text::-webkit-input-placeholder { | |
| color: #CCC; | |
| } | |
| .ccid_text::-moz-placeholder { | |
| color: #CCC; | |
| } | |
| .ccid_text:-ms-input-placeholder { | |
| color: #CCC; | |
| } | |
| .ccid_janela .ccid_text, .login_site .ccid_text { | |
| width: 232px; | |
| } | |
| .erro_login { | |
| font: 12px/1.3 Arial,sans-serif; | |
| color: #C00; | |
| display: block; | |
| } | |
| .erro_input { | |
| font: 11px/1.3 Arial,sans-serif; | |
| color: #C00; | |
| display: block; | |
| margin-bottom: 10px; | |
| } | |
| .ccid_select_input { | |
| padding: 5px 5px; | |
| height: 30px; | |
| } | |
| .ccid_sites .ccid_titulo_aba { | |
| background: #fff; | |
| height: 32px; | |
| display: block; | |
| border-radius: 0; | |
| border-bottom: solid 1px #d3d3d3; | |
| position: relative; | |
| margin: 0; | |
| font: 12px/32px Arial,sans-serif; | |
| color: #999; | |
| padding-left: 11px; | |
| text-align: left; | |
| } | |
| .ccid_sites .ccid_titulo_aba:after { | |
| content: ''; | |
| width: 100%; | |
| box-shadow: 0 2px 1px rgba(153, 153, 153, 0.4); | |
| display: block; | |
| width: 100%; | |
| height: 1px; | |
| position: absolute; | |
| top: 31px; | |
| left: 0; | |
| } | |
| .ccid_sites .ccid_titulo_aba a { | |
| font-weight: normal; | |
| color: #999; | |
| line-height: 32px; | |
| } | |
| .ccid_sites .ccid_link_titulo { | |
| position: absolute; | |
| right: 10px; | |
| } | |
| .ccid_esquerda_aba { | |
| display: block; | |
| width: 72px; | |
| float: left; | |
| height: 106px; | |
| } | |
| .ccid_direita_aba { | |
| display: block; | |
| float: left; | |
| width: 554px; | |
| height: 100%; | |
| } | |
| .ccid_esquerda_aba .ccid_titulo_aba { | |
| background: url("../img/divisao_titulo.jpg") no-repeat right white; | |
| } | |
| .ccid_borda_direita { | |
| border-right: solid 1px #DDD; | |
| } | |
| .ccid_lista_aba li a { | |
| height: 22px; | |
| display: block; | |
| padding: 0 7px; | |
| width: 50px; | |
| margin: auto; | |
| position: relative; | |
| } | |
| .ccid_lista_aba li { | |
| display: block; | |
| text-align: left; | |
| font: bold 11px/22px Arial,sans-serif; | |
| margin: 2px 0; | |
| } | |
| .ccid_lista_aba li a:hover { | |
| color: #fff; | |
| border-radius: 3px; | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; | |
| } | |
| ul.ccid_lista_aba { | |
| height: 100%; | |
| border-right: solid 1px #DDD; | |
| padding: 8px 0; | |
| } | |
| .ccid_aba_letras { | |
| width: 626px; | |
| overflow: hidden; | |
| } | |
| .ccid_aba_letras .ccid_destaques_letras a { | |
| display: block; | |
| position: relative; | |
| width: 115px; | |
| height: 52px; | |
| float: left; | |
| border-style: solid; | |
| border-color: #DDD; | |
| font: 11px Arial,sans-serif; | |
| padding: 9px 10px 0 59px; | |
| } | |
| .ccid_aba_letras .ccid_destaques_letras a:hover { | |
| background: #F0F0F0; | |
| box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .ccid_aba_letras .ccid_destaques_letras a + a + a + a { | |
| border-bottom: 0; | |
| } | |
| .ccid_aba_letras .ccid_destaques_letras a strong { | |
| font: bold 11px Arial,sans-serif; | |
| display: block; | |
| } | |
| .ccid_aba_letras .ccid_destaques_letras a small { | |
| color: #999; | |
| font: 11px Tahoma, sans-serif; | |
| } | |
| .ccid_aba_letras .ccid_destaque { | |
| border-width: 0 1px 1px 0; | |
| } | |
| .ccid_aba_letras .ccid_destaque_ultimo { | |
| border-right-width: 0; | |
| } | |
| .ccid_destaque_letras { | |
| width: 35px; | |
| height: 35px; | |
| position: absolute; | |
| top: 12px; | |
| left: 12px; | |
| display: block; | |
| } | |
| .ccid_aba_cifraclub { | |
| width: 612px; | |
| } | |
| .ccid_aba_cifraclub .ccid_direita_aba { | |
| width: 540px; | |
| text-align: center; | |
| } | |
| .ccid_destaques_cifraclub ul { | |
| height: 86px; | |
| position: relative; | |
| margin-left: 2px; | |
| } | |
| .ccid_destaques_cifraclub li { | |
| display: inline-block; | |
| zoom: 1; | |
| text-align: left; | |
| width: 120px; | |
| overflow: hidden; | |
| margin: 12px 6px -3px 3px; | |
| } | |
| .ccid_destaques_cifraclub li a { | |
| background: #fff; | |
| display: inline-block; | |
| vertical-align: top; | |
| width: 120px; | |
| height: 70px; | |
| border: 1px solid #B4D8D8; | |
| overflow: hidden; | |
| position: relative; | |
| border-radius: 2px; | |
| border: 0; | |
| line-height: 1.1; | |
| } | |
| .ccid_destaques_cifraclub li img { | |
| position: relative; | |
| z-index: 0; | |
| top: -11px; | |
| } | |
| .ccid_destaques_cifraclub li span { | |
| display: block; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 115px; | |
| padding: 2px 0 2px 5px; | |
| font: 9px Tahoma, sans-serif; | |
| color: #666; | |
| cursor: pointer; | |
| background: rgba(0, 0, 0, 0.8); | |
| } | |
| .ccid_destaques_cifraclub li strong { | |
| font: 11px/1.1 Arial, sans-serif; | |
| display: block; | |
| color: #fff; | |
| } | |
| .ccid_destaques_cifraclub li a:hover { | |
| border-color: #91C9CA; | |
| text-decoration: none; | |
| } | |
| .ccid_destaques_cifraclub li a:hover span { | |
| color: #fff; | |
| } | |
| .ie7 .ccid_destaques_cifraclub li { | |
| display: inline; | |
| margin: 12px 7px; | |
| } | |
| .ie7 .ccid_destaques_cifraclub li span, .ie8 .ccid_destaques_cifraclub li span { | |
| background: #000; | |
| } | |
| .ccid_sites li .ccid_aba_palco { | |
| width: 590px; | |
| height: 208px; | |
| line-height: 28px; | |
| } | |
| .ccid_aba_palco .ccid_direita_aba { | |
| width: 518px; | |
| text-align: center; | |
| } | |
| .ccid_aba_palco .ccid_esquerda_aba { | |
| height: 159px; | |
| } | |
| ul.ccid_lista_artistas { | |
| overflow: hidden; | |
| margin: 12px 0 0 12px; | |
| } | |
| .ccid_lista_artistas li { | |
| width: 156px; | |
| display: block; | |
| float: left; | |
| text-align: left; | |
| line-height: 1.3; | |
| margin-right: 12px; | |
| } | |
| .ccid_lista_artistas li a:hover img { | |
| border: solid 1px #BBB; | |
| } | |
| .ccid_lista_artistas li img { | |
| width: 156px; | |
| height: 117px; | |
| border: solid 1px transparent; | |
| } | |
| .ccid_aba_palco .ccid_lista_artistas li a { | |
| font: 11px/1.3 Tahoma, sans-serif; | |
| } | |
| .ccid_sites li .ccid_aba_forum { | |
| width: 323px; | |
| text-align: center; | |
| } | |
| .ccid_destaques_forum { | |
| width: 100%; | |
| border-bottom: solid 1px #DDD; | |
| overflow: hidden; | |
| height: 89px; | |
| } | |
| .ccid_destaques_forum li { | |
| display: block; | |
| float: left; | |
| } | |
| .ccid_aba_forum .ccid_destaques_forum a { | |
| display: block; | |
| width: 116px; | |
| height: 30px; | |
| text-align: left; | |
| padding-left: 36px; | |
| padding-right: 9px; | |
| font-weight: normal; | |
| position: relative; | |
| font: 11px/30px Tahoma,sans-serif; | |
| } | |
| .ie9 .ccid_aba_forum .ccid_destaques_forum a { | |
| width: 104px; | |
| padding-left: 30px; | |
| } | |
| .ccid_destaques_forum a:hover { | |
| background: #F0F0F0; | |
| box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
| border-bottom: solid 1px #DDDDDD; | |
| height: 29px; | |
| } | |
| .ccid_destaques_forum span { | |
| background-image: url("../img/sprite_forum.png"); | |
| display: block; | |
| position: absolute; | |
| top: 8px; | |
| left: 12px; | |
| } | |
| .ccid_guitarra { | |
| width: 16px; | |
| height: 16px; | |
| background-position: 0 0; | |
| } | |
| .ccid_violao { | |
| width: 16px; | |
| height: 16px; | |
| background-position: -17px 0; | |
| } | |
| .ccid_pedais { | |
| width: 16px; | |
| height: 14px; | |
| background-position: 0 -17px; | |
| } | |
| .ccid_bateria { | |
| width: 14px; | |
| height: 14px; | |
| background-position: -17px -17px; | |
| } | |
| .ccid_teclado { | |
| width: 16px; | |
| height: 11px; | |
| background-position: 0 -31px; | |
| } | |
| .ccid_contra_baixo { | |
| width: 16px; | |
| height: 16px; | |
| background-position: -17px -32px; | |
| } | |
| .ccid_sites li .ccid_aba_forme { | |
| width: 315px; | |
| text-align: center; | |
| height: 197px; | |
| } | |
| .ccid_sites .ccid_musicos_destaque a { | |
| position: relative; | |
| float: left; | |
| width: 102px; | |
| height: 55px; | |
| padding: 10px 0 0 55px; | |
| display: block; | |
| text-align: left; | |
| font: 11px/1.3 Tahoma, sans-serif; | |
| border-bottom: solid 1px #DDD; | |
| } | |
| .ccid_sites .ccid_musicos_destaque a:hover { | |
| background: #F0F0F0; | |
| box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .ccid_sites .ccid_musicos_destaque a span { | |
| color: #999; | |
| } | |
| .ccid_sites .ccid_musicos_destaque a strong { | |
| display: block; | |
| font: bold 11px/1 Arial,sans-serif; | |
| } | |
| .ccid_sites .ccid_musicos_destaque a:hover small, .ccid_sites .ccid_musicos_destaque a small { | |
| display: block; | |
| color: #C5C5C5; | |
| font: 11px/1 Tahoma,sans-serif; | |
| width: 94px; | |
| } | |
| .ccid_sites .ccid_musicos_destaque { | |
| overflow: hidden; | |
| height: 132px; | |
| } | |
| .ccid_aba_forme .ccid_thumb_musico { | |
| width: 35px; | |
| height: 35px; | |
| position: absolute; | |
| top: 12px; | |
| left: 12px; | |
| } | |
| .ccid_aba_forme .ccid_rodape_modal { | |
| text-align: left; | |
| } | |
| .ccid_aba_forme .ccid_rodape_modal strong { | |
| font: 11px Arial,sans-serif; | |
| color: #666; | |
| display: block; | |
| } | |
| .ccid_aba_gb { | |
| width: 429px; | |
| } | |
| .ccid_aba_gb a { | |
| line-height: 26px; | |
| } | |
| .ccid_aba_gb .ccid_esquerda_aba { | |
| width: 167px; | |
| } | |
| .ccid_aba_gb .ccid_direita_aba { | |
| width: 262px; | |
| text-align: center; | |
| } | |
| .ccid_aba_gb .ccid_batalhas { | |
| width: 166px; | |
| height: 94px; | |
| } | |
| .ccid_aba_gb .ccid_batalhas li a { | |
| display: block; | |
| } | |
| .ccid_aba_gb .ccid_batalhas li { | |
| height: 36px; | |
| padding-top: 10px; | |
| border-bottom: solid 1px #E9E9E9; | |
| display: block; | |
| text-align: left; | |
| } | |
| .ccid_aba_gb .ccid_batalhas li small { | |
| font: 11px Tahoma, sans-serif; | |
| width: 56px; | |
| display: inline-block; | |
| font-weight: normal; | |
| text-align: left; | |
| margin-left: 11px; | |
| vertical-align: middle; | |
| } | |
| .ccid_aba_gb .ccid_batalhas li:hover { | |
| background: #F0F0F0; | |
| box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .ccid_aba_gb .ccid_batalhas li small + span + small { | |
| text-align: right; | |
| } | |
| .ccid_aba_gb .ccid_batalhas .versus { | |
| width: 19px; | |
| height: 26px; | |
| background: url("../img/sprite_geral_ccid.png") -1px -98px; | |
| display: inline-block; | |
| margin-right: -5px; | |
| vertical-align: middle; | |
| } | |
| .ccid_aba_gb .ccid_batalhas .versus.v1 { | |
| width: 18px; | |
| height: 13px; | |
| background-position: 0 -224px; | |
| } | |
| .ccid_aba_gb .ccid_batalhas .versus.v2 { | |
| background-position: -19px -218px; | |
| } | |
| .ccid_mais_batalhas { | |
| text-align: center; | |
| display: block; | |
| } | |
| .ccid_img_licao { | |
| display: block; | |
| width: 236px; | |
| height: 85px; | |
| position: relative; | |
| margin: 8px 12px -2px; | |
| } | |
| .ccid_img_licao span { | |
| position: absolute; | |
| background: #000; | |
| background: rgba(0, 0, 0, 0.8); | |
| font: 10px Arial,sans-serif; | |
| left: 0; | |
| padding: 5px; | |
| text-align: left; | |
| } | |
| .ccid_img_licao .ccid_autor_licao { | |
| bottom: 0; | |
| padding-top: 0; | |
| color: #999; | |
| line-height: 11px; | |
| left: 0; | |
| } | |
| .ccid_img_licao .ccid_titulo_licao { | |
| bottom: 16px; | |
| color: #efefef; | |
| } | |
| .ccid_aba_gb .ccid_container_esquerda { | |
| border-right: solid 1px #DDD; | |
| height: 121px; | |
| } | |
| .ccid_sites li .ccid_aba_noticias { | |
| width: 567px; | |
| text-align: center; | |
| height: 175px; | |
| } | |
| .ccid_aba_noticias .ccid_destaques_noticias a { | |
| display: block; | |
| position: relative; | |
| width: 207px; | |
| height: 45px; | |
| float: left; | |
| border-style: solid; | |
| border-color: #DDD; | |
| font: 11px Tahoma, sans-serif; | |
| padding: 9px 10px 0 66px; | |
| text-align: left; | |
| font-weight: normal; | |
| border-width: 0 1px 1px 0; | |
| } | |
| .ccid_aba_noticias .ccid_destaques_noticias a:hover { | |
| background: #F0F0F0; | |
| box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .ccid_aba_noticias a.ccid_destaque_ultimo { | |
| border-width: 0 0 1px 0; | |
| } | |
| .ccid_destaque_noticias { | |
| width: 48px; | |
| height: 36px; | |
| position: absolute; | |
| top: 9px; | |
| left: 9px; | |
| display: block; | |
| } | |
| .ccid_aba_audio { | |
| width: 442px; | |
| } | |
| .ccid_aba_audio .ccid_esquerda_aba { | |
| width: 196px; | |
| height: 155px; | |
| overflow: hidden; | |
| } | |
| .ccid_aba_audio .ccid_direita_aba { | |
| width: 246px; | |
| text-align: center; | |
| } | |
| .ccid_destaques_audio { | |
| padding: 12px 0 0 12px; | |
| font: 11px/21px Arial,sans-serif; | |
| } | |
| .ccid_aba_audio .ccid_esquerda_aba ul { | |
| display: block; | |
| height: 121px; | |
| border-right: solid 1px #DDD; | |
| } | |
| .ccid_aba_audio .ccid_esquerda_aba li { | |
| display: block; | |
| text-align: left; | |
| } | |
| .ccid_aba_audio .ccid_esquerda_aba ul a { | |
| height: 35px; | |
| padding: 5px 11px 0 45px; | |
| display: block; | |
| margin: auto; | |
| border-top: solid 1px #e9e9e9; | |
| position: relative; | |
| font: 10px Tahoma, sans-serif; | |
| } | |
| .ccid_aba_audio .ccid_esquerda_aba ul a:hover { | |
| background: #F0F0F0; | |
| box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
| border-top: solid 1px #DDD; | |
| } | |
| .ccid_aba_audio .ccid_thumb_audio { | |
| height: 25px; | |
| width: 25px; | |
| position: absolute; | |
| left: 11px; | |
| top: 6px; | |
| } | |
| .ccid_aba_audio .ccid_esquerda_aba a strong { | |
| display: block; | |
| font: bold 11px Arial,sans-serif; | |
| } | |
| .ccid_aba_audio .ccid_esquerda_aba a small { | |
| color: #999; | |
| font-size: 11px; | |
| } | |
| .ccid_aba_audio .ccid_destaques_audio { | |
| overflow: hidden; | |
| } | |
| .ccid_aba_audio .ccid_destaques_audio a { | |
| float: left; | |
| height: 78px; | |
| width: 105px; | |
| display: block; | |
| margin-right: 12px; | |
| } | |
| #bt { | |
| width: 960px; | |
| position: relative; | |
| margin: 0 auto; | |
| } | |
| #btss, #bt { | |
| height: 24px; | |
| background: #F90; | |
| } | |
| #btss { | |
| overflow: hidden; | |
| } | |
| #bt { | |
| z-index: 1; | |
| } | |
| #bt a { | |
| outline: 0; | |
| } | |
| #bt h4, #bt ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #lt, #bt li, .lst-icons, .lnk-mais { | |
| float: left; | |
| height: 100%; | |
| border: none; | |
| } | |
| #lt a { | |
| margin-left: 7px; | |
| } | |
| #lt a, .lst-icons a, .lnk-mais, .lst-bcr a { | |
| display: block; | |
| height: 100%; | |
| overflow: hidden; | |
| text-indent: -999pt; | |
| } | |
| .lst-icons li { | |
| background: url("../img/sbt.png?v=5") -307px -49px no-repeat; | |
| padding-right: 1px; | |
| } | |
| #lt a { | |
| background: url("../img/sbt.png?v=5") -160px -49px no-repeat; | |
| width: 67px; | |
| } | |
| .lst-icons { | |
| width: 159px; | |
| } | |
| .lst-icons li, .lst-bcr li { | |
| list-style: none; | |
| } | |
| .lst-icons li { | |
| padding: 0 8px 0 8px; | |
| width: 19px; | |
| } | |
| .lst-icons li.itm-wea { | |
| width: 18px; | |
| } | |
| .lst-icons a { | |
| background: url("../img/sbt.png?v=5") no-repeat; | |
| margin: 0 auto; | |
| height: 21px; | |
| margin-top: 2px; | |
| } | |
| .itm-ema a { | |
| background-position: -238px -49px; | |
| width: 20px; | |
| } | |
| .itm-hor a { | |
| background-position: -259px -49px; | |
| width: 17px; | |
| } | |
| .itm-wea a { | |
| background-position: -278px -49px; | |
| width: 21px; | |
| } | |
| .lnk-mais { | |
| background: url("../img/sbt.png?v=5") no-repeat 0 -49px; | |
| width: 69px; | |
| margin-left: 4px; | |
| } | |
| .ativo .lnk-mais { | |
| background-position: -70px -49px; | |
| } | |
| .ativo .lst-bcr, .ativo .bg_btativo { | |
| display: block; | |
| } | |
| .lst-bcr, .lst-bcr a { | |
| border-color: #fff; | |
| border-style: solid; | |
| } | |
| .lst-bcr { | |
| background: #B8B0A7; | |
| border-width: 0 0 0 1px; | |
| display: none; | |
| height: 100%; | |
| width: 661px; | |
| right: 0; | |
| height: 24px; | |
| overflow: hidden; | |
| position: absolute; | |
| top: 0; | |
| } | |
| .lst-bcr a { | |
| background-image: url("../img/sbt.png?v=5"); | |
| border-width: 0 1px 0 0; | |
| height: 48px; | |
| } | |
| .bcr-not a { | |
| width: 75px; | |
| background-position: 0 0; | |
| } | |
| .bcr-eco a { | |
| width: 81px; | |
| background-position: -76px 0; | |
| } | |
| .bcr-esp a { | |
| width: 81px; | |
| background-position: -158px 0; | |
| } | |
| .bcr-div a { | |
| width: 81px; | |
| background-position: -240px 0; | |
| } | |
| .bcr-mus a { | |
| width: 72px; | |
| background-position: -322px 0; | |
| } | |
| .bcr-vida a { | |
| width: 103px; | |
| background-position: -395px 0; | |
| } | |
| .bcr-trtv a { | |
| width: 80px; | |
| background-position: -499px 0; | |
| } | |
| .bcr-shop a { | |
| width: 80px; | |
| background-position: -580px 0; | |
| } | |
| .lst-bcr a:hover { | |
| margin-top: -24px; | |
| } | |
| .bg_btativo { | |
| background: #B8B0A7; | |
| height: 24px; | |
| width: 50%; | |
| right: 0; | |
| position: absolute; | |
| top: 0; | |
| z-index: 0; | |
| overflow: hidden; | |
| display: none; | |
| } | |
| .scroll, .jspContainer { | |
| overflow: hidden; | |
| } | |
| .jspContainer, .jspPane { | |
| position: relative; | |
| } | |
| #barra_ccid .jspVerticalBar { | |
| transition: opacity .1s; | |
| opacity: 0; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| width: 8px; | |
| margin: 0 8px; | |
| } | |
| #barra_ccid .jspMouseOver .jspVerticalBar { | |
| opacity: 1; | |
| } | |
| #barra_ccid .jspTrack, .jspDrag { | |
| border-radius: 8px; | |
| } | |
| .jspTrack { | |
| position: relative; | |
| } | |
| #barra_ccid .jspDrag { | |
| transition: background .1s; | |
| background: none repeat scroll 0 0 #666; | |
| cursor: default; | |
| position: relative; | |
| } | |
| #barra_ccid .jspTrack:hover .jspDrag, .jspActive { | |
| background: none repeat scroll 0 0 #333; | |
| } | |
| #barra_ccid .jspPane { | |
| width: 100% !important; | |
| } | |
| #barra_ccid { | |
| left: 0; | |
| right: 0; | |
| } | |
| #barra_ccid:hover { | |
| z-index: 100000; | |
| } | |
| #ccid { | |
| box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32); | |
| background: #efefef; | |
| background: -webkit-linear-gradient(top,#FCFCFC,#EFEFEF); | |
| background: -moz-linear-gradient(top,#FCFCFC,#EFEFEF); | |
| background: -ms-linear-gradient(top,#FCFCFC,#EFEFEF); | |
| background: linear-gradient(top,#FCFCFC,#EFEFEF); | |
| } | |
| #ccid .container_ccid, #bt { | |
| width: 960px; | |
| } | |
| .ccid_sites a.ccid_link_bar, .ccid_link { | |
| text-shadow: 0px 1px 0 #FFF; | |
| color: #888; | |
| } | |
| .ccid_sites li:hover a.ccid_link_bar { | |
| box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), -1px 0 0 white, 1px 0 0 white; | |
| background: #fafafa; | |
| background: -webkit-linear-gradient(top,#fafafa,#eaeaea); | |
| background: -moz-linear-gradient(top,#fafafa,#eaeaea); | |
| background: -ms-linear-gradient(top,#fafafa,#eaeaea); | |
| background: linear-gradient(top,#fafafa,#eaeaea); | |
| border: solid #dcdcdc; | |
| border-width: 0 1px; | |
| text-shadow: 0 1px 0 #FFF; | |
| color: #555; | |
| } | |
| .ccid_link:hover { | |
| text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); | |
| color: #555; | |
| } | |
| .ccid_bt_logar { | |
| padding: 0 10px 0 8px; | |
| height: 32px; | |
| box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12) inset; | |
| border: solid #FFF; | |
| border-width: 0 1px; | |
| background: #fafafa; | |
| background: -webkit-linear-gradient(top,#fafafa,#eaeaea); | |
| background: -moz-linear-gradient(top,#fafafa,#eaeaea); | |
| background: -ms-linear-gradient(top,#fafafa,#eaeaea); | |
| background: linear-gradient(top,#fafafa,#eaeaea); | |
| color: #999999 !important; | |
| display: block; | |
| text-shadow: 0 1px 0 #FFF; | |
| padding: 0 9px 0 9px; | |
| } | |
| .ccid_bt_logar:hover, .ccid_logar:hover .ccid_bt_logar { | |
| box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12) inset; | |
| border: solid #FFF; | |
| border-width: 0 1px; | |
| background: #f6f6f6; | |
| background: -webkit-linear-gradient(top,#F6F6F6,#DADADA); | |
| background: -moz-linear-gradient(top,#F6F6F6,#DADADA); | |
| background: -ms-linear-gradient(top,#F6F6F6,#DADADA); | |
| background: linear-gradient(top,#F6F6F6,#DADADA); | |
| color: #666666 !important; | |
| text-shadow: -1px 1px 0 #FFF; | |
| } | |
| .ccid_logar b { | |
| background-position: -27px -99px; | |
| margin-top: -3px; | |
| } | |
| .ccid_bt_logar:hover b, .ccid_logar:hover .ccid_bt_logar b { | |
| background-position: -25px -146px; | |
| margin-top: -3px; | |
| } | |
| .ccid_barra_thumb { | |
| border-left: 1px solid #FFF; | |
| } | |
| .ccid_barra_thumb:hover { | |
| background: #fafafa; | |
| background: -webkit-linear-gradient(top,#fafafa,#eaeaea); | |
| background: -moz-linear-gradient(top,#fafafa,#eaeaea); | |
| background: -ms-linear-gradient(top,#fafafa,#eaeaea); | |
| background: linear-gradient(top,#fafafa,#eaeaea); | |
| box-shadow: 0 0 2px rgba(0, 0, 0, 0.25) inset, 0 0 1px rgba(0, 0, 0, 0.25); | |
| } | |
| .ccid_sites li .ccid_aba { | |
| left: 1px; | |
| } | |
| .barra_ccid a { | |
| color: #b7b700; | |
| text-decoration: none; | |
| } | |
| .barra_ccid .ccid_link_cinza, .ccid_link_cinza { | |
| color: #999; | |
| } | |
| .ccid_aba a { | |
| font-weight: bold; | |
| } | |
| .ccid_link { | |
| color: #b7b700; | |
| } | |
| .ccid_links_menu a { | |
| color: #b7b700; | |
| } | |
| .ccid_links_menu a:hover { | |
| background: #b7b700; | |
| color: #FFF; | |
| } | |
| .ccid_lista_aba li a:hover { | |
| background: #b7b700; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment