/* Theme Name:TNB Theme URI:http://hacklab.com.br Description:Tema do TNB Author:Hacklab Version:1.1 */ @import url(css/960.css); /* =CORES azul - #04BAEE azul escuro - #0071BC amarelo - #FCEA0D verde - #76B72A cinza claro- #999 cinza médio - #666 cinza escuro - #333 */ /* para navegadores que não suportam estes elementos do html5 */ section, article, header, footer, nav, aside, hgroup { display:block; } /* =BODY ******************************************************************/ body { background:#fff url(img/pattern.jpg) fixed center center; } #wrapper { position:relative; } /* =HEADER ******************************************************************/ #main-header { background:#999; height:36px; position:relative; } #main-header a, #main-header a:hover, #main-header a:focus { border:none; color:#fff; } #main-header ul { list-style-type:none; margin:0; padding:0; } #main-header input { border:none; border-radius:4px; font-size:11px; height:16px; margin:0; padding:2px; -moz-border-radius:4px; } #main-header input[type=submit] { color:#fff; cursor:pointer; height:20px; vertical-align:bottom; } /* =TNB */ #institutional h1 { background:#666; float:left; margin-right:10px; } #institutional h1 a { background:transparent url(img/logo.png) no-repeat center; display:block; height:36px; text-indent:-99999px; width:70px; } /* =TNB Menu */ #institutional ul ul { background:#666; display:none; padding:14px 0; position:absolute; width:200px;} #institutional ul li:hover ul { display:block; } #institutional ul ul li { line-height:1.5; } #institutional ul ul a { display:block; padding:3px 14px; } #institutional ul ul a:hover { background:#999; } /* =Menu Principal e Navegação do Usuário */ #main-menu, .user-nav { float:left; padding:8px 0; } /* =Menu Principal */ #main-menu { margin-right:10px; width:425px; } #main-menu ul { position:relative; } #main-menu li { float:left; margin-right:4px; } #main-menu a { background:#666; border-radius:4px; display:block; height:20px; line-height:20px; padding:0 6px; text-transform:uppercase; -moz-border-radius:4px; } #main-menu a:hover { background:#04BAEE; } #main-menu ul ul { background:#04BAEE; display:none; padding:7px 0; position:absolute; z-index:100; } #main-menu ul li:hover ul { display:block; } #main-menu ul ul li { float:none; margin:0; } #main-menu ul ul a { background:#04BAEE; border-radius:0 !important; display:block; height:auto; line-height:14px; padding:3px 14px; text-transform:none; -moz-border-radius:0; } #main-menu ul ul a:hover { background:#0071BC; } /* =Formulário de Busca do header */ #searchform { position:relative; width:124px; float:left; padding:8px; } #searchform #s { border-radius:4px 0 0 4px; float:left; width:98px; -moz-border-radius:4px 0 0 4px; } #searchform input[type=image] { background:#fff; border-radius:0 4px 4px 0; float:left; -moz-border-radius:0 4px 4px 0; } #search-options { position:absolute; display:none; width:140px; left:0; padding:8px 0 !important; background:#FCEA0D; } #search-options a { padding:0 8px !important; color:#666; display:block; } #search-options a:hover { background:#E8D82E; color:#666; } #search-options a.selected { color:black; } #searchform:hover { background:#FCEA0D; } #searchform:hover #search-options { display:block; } /* =Navegação do Usuário */ .user-nav { background:#04BAEE; float:right; line-height:1.4; padding:8px 10px; width:265px; } .user-nav li { float:left; } .user-nav li.username { height:18px; position:relative; } .user-nav li.username .display-name { height:18px; margin-left:10px; overflow:hidden; width:190px; } .user-nav li.username .avatar, .user-nav li.username .photo { margin-left:-10px; margin-top:-8px; vertical-align:middle; } .user-nav ul ul { background:#04BAEE; display:none; left:-10px; position:absolute; padding:8px 9px; width:285px; z-index:100; } .user-nav ul ul li { float:none; margin:0; } .user-nav ul ul li:first-child { padding-top:8px; } .user-nav ul ul a { background:#04BAEE; border-radius:0; display:block; height:auto; line-height:1.75; padding:0 11px; text-transform:none; -moz-border-radius:0; } .user-nav ul ul a:hover { background:#0071BC; } .user-nav li.logout { float:right; font-size:11px; } .user-nav li.logout a { background:#0071BC; border-radius:4px; display:block; height:20px; line-height:20px; padding:0 6px; -moz-border-radius:4px; } .user-nav li.logout a:hover { background:#0071BC; } /* =Formulário de Login */ #loginform #login, #loginform #password { width:104px; } #loginform input[type=submit] { background:#0071BC; width:40px; } /* =Feedback de erro no login */ #login { position:relative; } #login .error { position:absolute; z-index:100; margin:-9px -10px; padding:7px 10px; width:261px; } #login .error .close { cursor:pointer; font-family:"Arista"; text-transform:uppercase; } #login .error a { border-bottom:1px dotted #8A1F11; color:#8A1F11 !important; font-weight:bold !important; } /* =geral */ #main-header.geral { margin-bottom:14px; } #main-header.geral #institutional ul ul { border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; left:0; top:36px; } #main-header.geral #main-menu ul ul { border-radius:0 0 4px 4px; margin-top:-3px; top:23px; -moz-border-radius:0 0 4px 4px; } #main-header.geral #main-menu ul ul li:first-child { border-top:1px dotted #fff; } #main-header.geral .user-nav ul ul, #main-header.geral #search-options { border-radius:0 0 4px 4px; top:28px; -moz-border-radius:0 0 4px 4px; } /* =perfil público */ #main-header.perfil-publico { bottom:0; margin-bottom:0; position:fixed; z-index:999999} #main-header.perfil-publico #institutional ul ul { bottom:36px; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; } #main-header.perfil-publico #main-menu ul ul { border-radius:4px 4px 0 0; bottom:-3px; -moz-border-radius:4px 4px 0 0; } #main-header.perfil-publico #main-menu ul ul li:last-child { border-bottom:1px dotted #fff; } #main-header.perfil-publico .user-nav ul ul { border-radius:4px 4px 0 0; bottom:26px; -moz-border-radius:4px 4px 0 0; } #main-header.perfil-publico #search-options { border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; bottom:28px; } /* =FOOTER ******************************************************************/ footer#main-footer { background:#999; margin-top:14px; } footer#main-footer ul { float:left; list-style:none; margin:10px 20px; padding:0; width:148px; } footer#main-footer ul a { color:#FFF; border:none; line-height:1.5; } footer#main-footer #hacklab { background:#FFF; display:inline-block; font-size:13px; margin-top:10px; padding:4px 20px; zoom:1; *display:inline; } footer#main-footer #hacklab a { border:none; } /* =BANNERS ******************************************************************/ /* =Header */ .header-banner { background:#FFF; border-radius:9px; min-height:150px; margin-bottom:14px; -moz-border-radius:9px; } .header-banner img { border-radius:6px; min-height:132px; width:922px; -moz-border-radius:6px; } .header-banner a { border:none; float:left; height:auto; min-height:132px; width:922px; } /* =Home */ .home-banner { background:#FFF; height:182px; } .home-banner-top { border-radius:0 9px 0 0; margin-top:14px; } .home-banner-top img { border-radius:0 6px 0 0; min-height:182px; width:502px; } .home-banner-bottom { border-radius:0 0 9px 0; } .home-banner-bottom img { border-radius:0 0 6px 0; min-height:182px; width:502px; } /* =Sidebar */ /* Está definido na Sidebar */ /* =HOME ******************************************************************/ .home-buttons { margin:10px; } .home-buttons a { border:none; margin-right:8px; } a.btn-home-blue { background:url(img/btn-home-blue.png) no-repeat center center; color:#fff; display:inline-block; font-family:"Arista"; font-size:24px; height:44px; line-height:2; text-align:center; text-transform:uppercase; width:178px; zoom:1; *display:inline; } a:hover.btn-home-blue { color:#fff; } a.btn-home-yellow { background:url(img/btn-home-yellow.png) no-repeat center center; color:#000; display:inline-block; font-family:"Arista"; font-size:24px; height:44px; line-height:2; margin-right:0 !important; text-align:center; text-transform:uppercase; width:178px; zoom:1; *display:inline; } a:hover.btn-home-yellow { color:#000; } .home #player { background:#FFF; border-radius:9px 0 0 9px; height:400px; margin-top:14px; } .home #player h3 { background:#999; color:#FFF; line-height:1.5; margin-bottom:10px; margin-left:-9px; margin-right:-9px; padding:18px 27px; } .home #player a { border:none; color:#FFF; } /* =BLOG ******************************************************************/ /* =Article */ section#blog { background:#FFF; border-radius:0 0 0 9px; } section#blog article .date { background:#FCEA0D; border-radius:0 4px 4px 0; color:#666; display:inline-block; font-family:Arial, Verdana, Sans-serif; font-size:14px; font-weight:bold; padding:3px 7px 2px 7px; text-transform:uppercase; -moz-border-radius:0 4px 4px 0; zoom:1; *display:inline; } section#blog article .content { padding:0 28px 14px 28px; } section#blog article h1 { font-family:"Arista"; font-size:24px; text-transform:uppercase; } section#blog article h1 a { border:none; color:#666; } section#blog article h1 a:hover { border-bottom:1px dotted #666; } section#blog article ul.post-categories { list-style:none; margin:0 0 14px 0; padding:0; } section#blog article ul.post-categories li { float:left; margin-bottom:3px; margin-right:3px; } section#blog article ul.post-categories li a { background:#76B72A; border:none; color:#FFF; padding:3px 7px; } section#blog article ul.post-categories li a:hover { background:#FCEA0D; color:#666;} section#blog article p.post-tags a { border:1px dotted #04BAEE; line-height:2; padding:3px 7px; } section#blog article p.post-tags a:hover { background:#04BAEE; color:#FFF; } section#blog article div.post-thumbnail { float:left; margin:7px 14px 14px 0; } /* =Comments */ section.comments { padding:0 28px; } section.comments ul { list-style:none; margin:0; padding:0; } section.comments ul.children { margin-left:42px; } section.comments ul li { margin-bottom:14px; } section.comments .avatar { float:left; margin:3px 7px 7px 0; } /* =OPORTUNIDADES Oportunidades Home Resultado de busca de oportunidades Página da oportunidade ******************************************************************/ /* Container */ section#opportunities { border-radius:0 0 0 9px; } /* Formulário de busca de oportunidades */ form#search-opportunities { border-color:#e6e6e6; border-style:solid; border-width:1px 0; margin:0 11px 28px 11px; padding:14px 45px; } form#search-opportunities div.clearfix { padding-bottom:9px; } form#search-opportunities label { display:block; float:left; margin-right:10px; padding:2px 0; text-align:right; width:150px; } form#search-opportunities input { font-size:14px; margin:0; padding:3px 6px; width:354px; } form#search-opportunities input.date { width:107px; } form#search-opportunities label.checkbox { float:none; text-align:left; width:auto; } form#search-opportunities input[type="checkbox"] { float:left; margin:6px 6px 0 160px; width:auto; } form#search-opportunities input[type="image"] { float:none; width:auto; } form#search-opportunities .select { background:url(img/icn-drop-down.png) no-repeat 350px 7px; border:1px solid #bbb; border-radius:4px; float:left; font-size:14px; margin:0; padding:1px 6px; position:relative; width:354px; -moz-border-radius:4px; } form#search-opportunities .select ul { background:#fff url(img/icn-drop-down.png) no-repeat 350px 7px; list-style:none; left:-1px; margin:0; padding:3px 6px; position:absolute; top:-1px; width:354px; } form#search-opportunities .select ul li { cursor:pointer; padding:0; margin:-2px 0 6px 0; } form#search-opportunities .select ul li:hover { color:#04BAEE; } /* Mais acessados e mais recentes */ section#opportunities section#more-accessed, section#opportunities section#more-recent { float:left; } section#opportunities section#more-accessed { border-right:1px solid #E6E6E6; width:319px; } section#opportunities section#more-recent { width:320px; } /* Lista de oportunidades */ section#opportunities .opportunity { border-bottom:1px solid #e6e6e6; margin:17px 11px; } section#opportunities .opportunity div.avatar { height:80px; margin:4px 11px 11px 0; width:80px; } section#opportunities .opportunity div.avatar img { border-radius:4px; -moz-border-radius:4px; } section#opportunities .opportunity div.content { height:auto; width:206px; } section#opportunities .opportunity ul { list-style:none; margin:0; padding:0; } section#opportunities .opportunity a { border:none; } section#opportunities .opportunity a:hover { border-bottom:1px dotted #04BAEE; color:#04BAEE; } /* Lista de oportunidades no resultado de busca */ section#opportunities section#results .opportunity { float:left; width:298px; } /* An Opportunity itself */ article.opportunity { background:#FFF; border-radius:0 0 0 9px; -moz-border-radius:0 0 0 9px; } article.opportunity h1.title { border-radius:0 4px 4px 0; margin:14px 0 0 0; padding-left:14px; padding-right:14px; -moz-border-radius:0 4px 4px 0; } article.opportunity h2.title { border-radius:0 4px 4px 0; margin:28px 0; padding-left:28px; padding-right:28px; -moz-border-radius:0 4px 4px 0; } article.opportunity h3 { font-family:"Arista"; font-size:24px; padding-left:28px; padding-right:28px; text-transform:uppercase; } article.opportunity .content { padding:0 42px 14px 70px; } article.opportunity .content hr { background:#999; } article.opportunity .content ul { list-style:none; margin:0 0 14px 0; padding:0; } /* Conditions and Restrictions boxes */ article.opportunity .content .conditions, article.opportunity .content .restrictions { margin-bottom:28px; } article.opportunity .content .conditions { background:#04BAEE; border-radius:4px 0 0 4px; float:left; width:49%; -moz-border-radius:4px 0 0 4px; } article.opportunity .content .restrictions { background:#04BAEE; border-radius:0 4px 4px 0; float:right; width:49%; -moz-border-radius:0 4px 4px 0; } article.opportunity .content .conditions h4.title, article.opportunity .content .restrictions h4.title { background:#FFF; border-radius:0 4px 4px 0; color:#04BAEE; display:inline-block; margin-top:14px; padding:7px 14px 7px 17px; text-transform:uppercase; zoom:1; *display:inline; } article.opportunity .content .conditions .content, article.opportunity .content .restrictions .content { color:#FFF; padding:0 14px; } article.opportunity .content .conditions .content table { border-left:1px dotted #FFF; border-top:1px dotted #FFF; } article.opportunity .content .conditions .content table td { border-bottom:1px dotted #FFF; border-right:1px dotted #FFF; } article.opportunity .content .conditions .content table td img { vertical-align:middle; } /* Sponsors */ article.opportunity .content .sponsors { margin-bottom:22px; } article.opportunity .content .sponsors img { height:auto; max-width:528px; } article.opportunity .quero-tocar { margin-bottom:18px; padding-bottom:9px; } article.opportunity .quero-tocar > div { margin-left:9px; } article.opportunity .quero-tocar .pagseguro input[type=submit] { background:-webkit-gradient(linear, left bottom, left top, color-stop(.7, #8CC63F), color-stop(0, #69A325));background:-moz-linear-gradient(-90deg, #8CC63F, #69A325); border:none; border-radius:3px; color:#fff; cursor:pointer; font-family:"Arista"; font-size:18px; margin-top:-7px; padding:11px 22px 9px 22px; text-transform:uppercase; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; } article.opportunity .valor-inscricao { background:#ccc; border-radius:4px; color:#fff; display:inline-block; font-size:18px; font-weight:bold; padding:6px 11px; zoom:1; *display:inline; } article.opportunity .valor-inscricao .label { color:#fff; font-size:14px; text-transform:uppercase; } article.opportunity .sub-opportunity img { height:autho; max-width:460px !important; } article.opportunity .sub-opportunity .sponsors img { height:autho; max-width:416px; } /* Selected artists in an opportunity */ article.opportunity .content .selected-artists h2 { border-radius:4px; margin-bottom:14px; margin-top:0; padding-bottom:0; -moz-border-radius:4px; } article.opportunity .content .selected-artists .artists { background:#e6e6e6; border-radius:4px; margin-bottom:14px; -moz-border-radius:4px; } article.opportunity .content .selected-artists .artists .artist { float:left; margin:8px; overflow:hidden; width:160px; } article.opportunity .content .selected-artists .artists .artist h3 { font-size:14px; margin:0; padding:0; } article.opportunity .content .selected-artists .artists .artist .photo { border-radius:4px; -moz-border-radius:4px; } /* Signed up artists in an opportunity */ article.opportunity .content .signedup-artists h2 { border-radius:4px; margin-bottom:14px; margin-top:0; padding-bottom:0; -moz-border-radius:4px; } article.opportunity .content .signedup-artists .artists { background:#e6e6e6; border-radius:4px; margin-bottom:14px; -moz-border-radius:4px; } article.opportunity .content .signedup-artists .artists .artist { float:left; margin:8px; overflow:hidden; width:116px; } article.opportunity .content .signedup-artists .artists .artist h3 { font-size:14px; margin:0; padding:0; } article.opportunity .content .signedup-artists .artists .artist .photo { border-radius:4px; height:116px; width:116px; -moz-border-radius:4px; } /* Table of artists for producers */ article.opportunity table.artists { background:none !important; border-radius:0 !important; -moz-border-radius:0 !important; } article.opportunity table.artists tr td { background:none; border-bottom:1px dotted #ccc; padding:10px 0; } article.opportunity table.artists tr:first-child td { border-top:1px dotted #ccc; } /* =USUÃ�RIOS Listagem de usuários Resultado de busca de usuários Gerenciar Perfil Perfil Público ******************************************************************/ /* =LISTAGEM DE USUÃ�RIO E RESULTADO DA BUSCA DE USUÃ�RIOS ******************************************************************/ section#users { background:#FFF; border-radius:0 0 0 9px; -moz-border-radius:0 0 0 9px; } /* =Formulário de Busca */ form#search-users { border-color:#e6e6e6; border-style:solid; border-width:1px 0; margin:0 11px 28px 11px; padding:14px 45px; } form#search-users div.clearfix { padding-bottom:9px; } form#search-users label { display:block; float:left; margin-right:10px; padding:2px 0; text-align:right; width:150px; } form#search-users label.checkbox { display:block; float:none; margin-right:0px; padding:0px; text-align:left; width:auto; } form#search-users label.radio, form#search-users label.radio input { width:auto; } form#search-users input { font-size:14px; margin:0; padding:3px 6px; width:354px; } form#search-users input.date { width:107px; } form#search-users label.checkbox { float:none; text-align:left; width:auto; } form#search-users input[type="checkbox"] { float:left; margin:6px 6px 0 160px; width:auto; } form#search-users input[type="image"] { float:none; width:auto; } form#search-users .style { border:1px solid #bbb; border-radius:4px; height:168px; margin-left:160px; overflow:auto; padding:5px 11px; position:relative; width:342px; -moz-border-radius:4px; } form#search-users .style input[type="checkbox"] { margin:6px 6px 0 0; } /* =Lista de usuários tanto da home quanto do resultado da busca */ section#users section#results .row .user:first-child { margin-left:11px; } section#users section#results .row .user:last-child { margin-right:10px; } section#users section#results .user { float:left; margin:5px; overflow:hidden; width:147px; } section#users section#results .user .photo { height:147px; margin-bottom:5px; width:147px; } /* =GERENCIAR PERFIL ******************************************************************/ section.profile { background:#FFF; border-radius:0 0 0 9px; -moz-border-radius:0 0 0 9px; } /* Header */ section.profile header { border-bottom:1px solid #CCC; padding-bottom:33px; width:100%; } /* Tipografia */ section.profile h1 { font-family:"Arista"; font-size:36px; margin:36px 0 33px 0; padding:0; text-transform:uppercase; } section.profile h1 span { border-radius:0 4px 4px 0; padding:3px 22px 0 22px; -moz-border-radius:0 4px 4px 0; } section.profile h2 { color:#fff; font-family:"Arista"; font-size:18px; margin:22px 0 44px 0; text-transform:uppercase; } section.profile h2 span { border-radius:4px; padding:9px 11px 6px 11px; } section.profile h4 { border-radius:0 4px 4px 0; margin-bottom:18px; margin-left:-20px; margin-top:22px; } section.profile h5 { background:#FCEA0D; border-radius:4px; color:#666; display:inline-block; font-family:"Arista"; font-size:14px; font-weight:normal; padding:3px 9px 0 9px; text-transform:uppercase; -moz-border-radius:4px; zoom:1; *display:inline; } /* ARRRUMAAAAR!!!!! */ section.profile a.btn-green { display:block; font-size:18px; margin-top:16px; padding:4px 11px 2px 11px; } /* Navegação Principal */ section.profile nav.user-nav { background:#fff; float:none; margin:0; padding:0; width:100%; } section.profile nav.user-nav ul { list-style:none; margin:0; padding:0 11px; } section.profile nav.user-nav ul li { float:left; } section.profile nav.user-nav ul li a { background:#666; border:none; border-radius:3px; color:#FFF; display:block; margin-right:2px; padding:3px 7px; -moz-border-radius:3px; } section.profile nav.user-nav ul li a:hover { background:#444; } section.profile nav.user-nav ul li a.current { background:#04BAEE; } /* Conteudo Principal */ section.profile .content { margin:0 22px 22px 22px; padding:10px; } /* Fotos */ section.profile #photo .photo { float:left; margin:5px; width:130px; } section.profile #photo .photo img { height:130px; width:130px; } /* Músicas */ section.profile .music { border-bottom:1px solid #ddd; margin:11px 0; padding:11px 0; } section.profile .musica-principal { background:lightyellow; } section.profile .ordenar .musica-principal { background:lightyellow; } /* Vídeos */ section.profile .video { border-bottom:1px solid #ddd; margin:11px 0; padding:11px 0; } section.profile .video-principal { background:lightyellow; padding:11px; } /* Formulário de Ordenação */ section.profile form.ordenacao { margin:0 0 22px 0; } section.profile .comecar-ordenacao { cursor:pointer; } section.profile .ordenar-midias { display:none; } section.profile ul.ordenar { margin-bottom:11px; } section.profile ul.ordenar li { border:1px dotted #bbb; cursor:move; display:block; margin-bottom:3px; padding:3px; } section.profile ul.ordenar li img { height:auto; margin-right:11px; vertical-align:middle; width:80px; } /* Oportunidades */ section.profile .opportunity { margin-bottom:22px; } section.profile .opportunity img { border-radius:6px; } section.profile .opportunity ul { list-style:none; margin:0; padding:0; } section.profile .opportunity a { border:none; } section.profile .opportunity a:hover { border-bottom:1px dotted #04BAEE; color:#04BAEE; } section.profile .opportunity div.thumbnail { float:left; height:80px; margin-right:11px; width:80px; } section.profile .opportunity div.information { float:left; width:462px; } section.profile .opportunity div.title { float:left; width:362px; } section.profile .opportunity div.edit { float:right; text-align:right; width:100px; } section.profile .opportunity div.sub-eventos { margin-top:5px; } section.profile .opportunity div.sub-eventos h4 { border-bottom:1px dotted #ccc; margin-bottom:3px; padding-bottom:3px; } section.profile .opportunity div.sub-eventos ul li { border-bottom:1px dotted #ccc; padding:6px 0; } section.profile .opportunity div.quero-tocar { margin-top:9px; } section.profile .opportunity input[type="submit"] { float:left; font-size:16px; padding-left:8px; padding-right:8px; } section.profile .opportunity form.pagseguro { float:left; font-size:16px; } /* User's Feedback:Error, Notice and Success */ section.profile div.notice, section.profile div.error, section.profile div.success { margin:22px 22px 0 22px; } section.profile div.notice ul, section.profile div.error ul, section.profile div.success ul { margin-bottom:0; } /* Formulário geral */ section.profile form label { color:#76B72A; float:left; margin-right:10px; text-align:right; width:150px; } section.profile form input[type="text"], section.profile form input[type="password"], section.profile form input[type="file"], section.profile form textarea { border:1px solid #bbb; border-radius:3px; border-style:solid; border-width:1px; border-radius:3px; display:block; float:right; font-family:"Delicious", Arial, Helvetica, sans-serif; font-size:14px; line-height:19px; margin:0; padding:3px 7px; width:400px; } section.profile form input[type="text"]:focus, section.profile form input[type="password"]:focus, section.profile form textarea:focus { border-color:#777; -webkit-box-shadow:0 0 4px #ddd; -moz-box-shadow:0 0 4px #bbb; } section.profile form input[type="image"] { margin-top:11px; } section.profile form .clearfix { margin-bottom:14px; } section.profile form .checkbox label { color:#666; float:none; } section.profile form .checkbox input[type="checkbox"] { margin-left:165px; } section.profile form .info { border:none; background:none; color:#999; display:block; font-family:Arial, Verdana, Sans-serif; font-size:11px; padding:11px 0 0 170px; width:377px; } section.profile form .uploaded_file { margin-bottom:6px; } section.profile form .conditions { margin-left:170px; } section.profile form .style { border:1px solid #bbb; border-radius:4px; height:175px; margin-left:160px; overflow:auto; padding:5px 11px; position:relative; width:393px; -moz-border-radius:4px; } section.profile form .style input[type="checkbox"] { margin:6px 6px 0 0; } section.profile form h4.title { border-radius:0 4px 4px 0; margin-bottom:18px; margin-left:-42px; margin-top:22px; } /* Formulário de Oportunidades */ section.profile form#opportunity-form nav ul { height:31px; list-style:none; margin:0; padding:0; } section.profile form#opportunity-form nav ul li { display:block; float:left; margin-right:1px; } section.profile form#opportunity-form nav ul li a { background:#666; border:none; border-radius:4px 4px 0 0; color:#fff; padding:7px; } section.profile form#opportunity-form nav ul li a:hover { background:#444; } section.profile form#opportunity-form nav ul li a.current { background:#04BAEE; } section.profile form#opportunity-form .content { border:1px solid #666; border-radius:0 4px 4px 4px; margin:0 0 17px 0; padding:17px; } section.profile form#opportunity-form img { height:auto; margin-left:4px; width:392px; } section.profile form#opportunity-form div.oportunidade-filtro { height:130px; margin-left:160px; width:413px; } section.profile-stats h4 { margin-left:0; } section.profile-stats form { padding:10px; } section.profile-stats form input { padding:3px 6px; } section.profile-stats input[type="checkbox"] { display:none; } section.profile-stats .music-list span { background:#f5f5f5; display:inline-block; height:10px; margin-right:3px; width:10px; *display:inline; zoom:1 } /* =perfil público */ .public-profile hr { margin-top:20px; } .public-profile textarea { width:430px; } /*controles */ .config-button { background:#0071BC; vertical-align:top; } #widget_principal_toolbar_background .config-button { margin-right:4px; } .widget_colorpicker { width:16px; height:16px; float:left; margin-right:5px; border:1px solid #666; } .widget_toolbar .widget_colorpicker { border:1px solid #fff; } /*header perfil publico*/ .header-perfil-publico, #perfil_header_form { margin-top:22px; height:132px; border-radius:9px; -moz-border-radius:9px; background:#fff; -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2); } #perfil_header_form { display:none; } .header-perfil-publico h1 { color:#04BAEE; margin:9px; text-align:center; } form.perfil_header_form-options * { line-height:1.4 !important; margin:0 !important; padding:0 !important; } form.perfil_header_form-options label, form.perfil_header_form-options input, form.perfil_header_form-options .widget_colorpicker { margin-right:6px !important; } form.perfil_header_form-options select { width:130px; } form.perfil_header_form-options .widget_colorpicker { display:inline-block; float:none; height:20px; width:20px; zoom:1; *display:inline; } form.perfil_header_form-options .exibir-nome { padding:6px !important; } form.perfil_header_form-options .exibir-nome-opcoes { background:#00BAEE; border-radius:4px; height:22px !important; margin-right:11px !important; padding:6px !important; -moz-border-radius:4px; } form.perfil_header_form-options .fundo-label { line-height:2.4 !important; margin-right:11px !important; } form.perfil_header_form-options .fundo-opcoes { background:#00BAEE; border-radius:4px; height:22px !important; margin-right:11px !important; padding:6px !important; -moz-border-radius:4px; } form.perfil_header_form-options .config-button { padding:4px 6px 3px !important; } /*widget toolbar */ .widget_toolbar { background-color:#04BAEE; color:#fff; height:36px; margin-bottom:0; position:relative; } .body-bgcolor { margin-top:10px; } .widget_toolbar .widget_toolbar_options { background-color:#04BAEE; border-radius:0 0 9px 9px; display:none; left:0; padding:9px; position:absolute; width:922px; } .widget_toolbar .widget_toolbar_options label { display:block; } /*sortable*/ .public-profile ul { list-style-type:none; margin:0; min-height:75px; padding:0; } .tnb_widget { border-radius:9px; margin-bottom:22px; -moz-border-radius:9px; -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2); } .tnb_widget .fechar { margin-left:5px; vertical-align:top; } .tnb_widget .label{ color:inherit; font-weight:bold; } .tnb_widget_placeholder { background:#fff; border:1px dashed #666; border-radius:9px; height:75px; margin-bottom:22px; -moz-border-radius:9px; opacity:0.4; filter:alpha(opacity=40); -moz-opacity:0.4; } .tnb_widget_update_form { background:#fff; border-radius:9px; color:#666; display:none; padding:9px; position:relative; -moz-border-radius:9px; } .tnb_widget_header { background:#04BAEE; border-radius:9px 9px 0px 0px; color:#fff; font-size:18px; -moz-border-radius:9px 9px 0px 0px; } .tnb_widget_header div { line-height:20px; margin:9px; } .tnb_widget_header h3 { font-family:"Arista"; float:left; font-size:18px; margin:9px; text-transform:uppercase; } .tnb_widget_body { border-radius:0px 0px 9px 9px; padding:9px; -moz-border-radius:0px 0px 9px 9px; } /*add box*/ .tnb_widget_add_box { background-color:#fff; border:1px dashed #666; border-radius:9px; margin-bottom:22px; min-height:150px; padding:9px; -moz-border-radius:9px; -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2); } .tnb_add_box_icons { width: 310px; margin: auto; padding: 4px; border: 1px dashed #04BAEE; color: #04BAEE; border-radius: 4px; -moz-border-radius: 4px; background: #ddd; } .tnb_widget_form_icon { position: relative; width: 23px; height: 23px; float: left; margin: 4px; cursor: pointer; background: url(img/icones.png) no-repeat; } .tnb_widget_form_icon img { display: none; position: absolute; top: -7px; left: 7px; } .tnb_widget_form_icon:hover img { display: block; } .tnb_widget_form_icon .widget_description { display: none; position: absolute; left: -67px; bottom: 30px; width: 150px; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; color: #666; background: #FCEA0D; font-size: 11px; } .tnb_widget_form_icon:hover .widget_description { display: block; } .Widget_Texto_icon:hover { background-position: 0 -23px; } .Widget_Infos_Artista_icon { background-position: -23px 0; } .Widget_Infos_Artista_icon:hover { background-position: -23px -23px; } .Widget_Fotos_icon { background-position: -46px 0; } .Widget_Fotos_icon:hover { background-position: -46px -23px; } .Widget_Facebook_icon { background-position: -69px 0; } .Widget_Facebook_icon:hover { background-position: -69px -23px; } .Widget_Eventos_Artista_icon { background-position: -92px 0; } .Widget_Eventos_Artista_icon:hover { background-position: -92px -23px; } .Widget_RSS_icon { background-position: -115px 0; } .Widget_RSS_icon:hover { background-position: -115px -23px; } .Widget_Videos_icon { background-position: -138px 0; } .Widget_Videos_icon:hover { background-position: -138px -23px; } .Widget_Player_icon { background-position: -161px 0; } .Widget_Player_icon:hover { background-position: -161px -23px; } .Widget_Twitter_icon { background-position: -184px 0; } .Widget_Twitter_icon:hover { background-position: -184px -23px; } .Widget_Mural_icon { background-position: -207px 0; } .Widget_Mural_icon:hover { background-position: -207px -23px; } .Widget_Eventos_Produtor .avatar { margin:0 10px 10px 0; } .Widget_Eventos_Produtor .content { width:350px; } .banner-perfil-publico { height:132px; overflow:hidden; margin-bottom:22px; border:9px solid #fff; border-radius:9px; -moz-border-radius:9px; } .banner-perfil-publico img { width:100%; } /*widget de fotos*/ .tnb_widget_add_box .foto, .tnb_widget .foto { width:80px; height:80px; float:left; text-align:center; overflow:hidden; } .tnb_widget .foto { margin:4px; } .tnb_widget_add_box .foto, .tnb_widget_update_form .foto { border:3px solid #fff; margin:1px; } .tnb_widget_add_box .foto img, .tnb_widget .foto img { min-height:80px; width:auto; } .tnb_widget_add_box .selected, .tnb_widget .selected { border:3px solid #76B72A; } .tnb_widget .slideshow { width:442px; height:332px; text-align:center; overflow:hidden; } .tnb_widget .slideshow img { min-height:332px; width:auto; } #outerImageContainer { border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; } #imageDataContainer { border-radius:0 0 9px 9px; -moz-border-radius:0 0 9px 9px; font:12px/18px "Delicious" !important; } #hoverNav a { border:none; } #prevLink:hover { background:transparent url(img/arrow-left-lightbox.png) no-repeat center left !important; } #nextLink:hover { background:transparent url(img/arrow-right-lightbox.png) no-repeat center right !important; } #imageData #bottomNavClose { width: 20px !important; } /*widget de info da banda*/ .tnb_widget .photo { float:left; margin:0 10px 5px 0; } .btn-download { border-radius:4px; -moz-border-radius:4px; padding:3px 11px 3px 22px !important; border:none !important; background-image:url(img/download.png) !important; background-repeat:no-repeat !important; background-position:6px center !important; margin-bottom:11px; display:inline-block; zoom:1; *display:inline; } .btn-download:hover { border:none; color:#666; } .redes-sociais a img { vertical-align:middle; } /*widget Twitter*/ .Widget_Twitter ul li { border-bottom:1px dotted #eee; padding:3px 0; } .Widget_Twitter ul li:first-child { padding-top:0; } /*widget Mural*/ .mural-form label { display:block; float:left; width:80px; margin-right:5px; } .mural-form input { float:left; width:355px; } .mural-lista-container { margin-bottom:22px !important; position:relative; } .mural-lista p { margin-bottom:0; } .mural-lista li { position:relative; padding:11px 0 10px 55px; border-bottom:1px solid #666; min-height:45px; } .mural-lista li.profile-owner { padding-left:45px; } .mural-lista img.photo { position:absolute; margin:0; left:0; } .mural-lista li.profile-owner img.photo { width:25px; height:25px; border:5px solid #fff; } .loading { position:absolute; width:100%; height:100%; background:#000 url(img/loading.gif) no-repeat center; top:0; left:0; opacity:0.4; filter:alpha(opacity=40); -moz-opacity:0.4; display:none; } .widget_oportunidades_tabs { min-height:50px !important; margin-top:11px !important; } .widget_oportunidades_tabs li { float:left; margin-right:5px; } .widget_oportunidades_tabs a { background:#ccc; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:"Arista"; font-size:14px; margin-bottom:17px; padding:6px 11px 3px 11px; text-transform:uppercase; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; zoom:1; *display:inline; } .widget_oportunidades_tabs a:hover { background:#04BAEE; } .widget_oportunidades_tabs a.current { background:#FCEA0D; border:none; border-radius:3px; color:#666; cursor:pointer; display:inline-block; font-family:"Arista"; font-size:14px; margin-bottom:17px; padding:6px 11px 3px 11px; text-transform:uppercase; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; zoom:1; *display:inline; } .Widget_Eventos_Artista .avatar { margin-right:10px; } .Widget_Eventos_Artista .content { width:350px; } /* =SIGNUP PAGE ******************************************************************/ section#signup #tnb { margin:36px 0; } section#signup #user-explanation { color:#fff; font-size:16px; } section#signup #i-am-artist, section#signup #i-am-producer { background:#04BAEE; border-radius:6px; display:none; padding:11px; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; -moz-border-radius:6px; } section#signup .i-am-artist, section#signup .i-am-producer { cursor:pointer; } section#signup input[type="text"], section#signup input[type="password"] { background:-webkit-gradient(linear, left bottom, left top, color-stop(1, #ddd), color-stop(.9, #f0f0f0), color-stop(0, #fff)); color:#999; font-family:"Delicious"; font-size:18px; padding:9px 11px; width:170px; } section#signup input[type="text"]:focus, section#signup input[type="password"]:focus { background:-webkit-gradient(linear, left bottom, left top, color-stop(1, #bbb), color-stop(.9, #f1f1f1), color-stop(0, #fff)); color:#333; -webkit-box-shadow:0 0 6px #ccc; } section#signup .inputs { margin:14px auto; width:591px; } section#signup .input { margin:6px; width:191px; } section#signup .url { font-size:18px; } section#signup .url span { color:#000; } section#signup .error { border-radius:4px; margin:auto; width:562px; -moz-border-radius:4px; } section#signup .error ul { list-style:none; margin:0; padding:0; } section#signup .disponivel { color:#76B72A; font-family:"Arista"; font-size:16px; text-transform:uppercase; } section#signup .indisponivel { color:#FF0000; font-family:"Arista"; font-size:16px; text-transform:uppercase; } /* =NOT FOUND ******************************************************************/ section#not-found { border-radius:9px; -moz-border-radius:9px; } section#not-found .content { padding:44px; } section#not-found h1 { font-family:"Arista"; text-transform:uppercase; } section#not-found form#not-found-search-form { width:500px; } section#not-found form#not-found-search-form input[type="text"] { padding:11px; width:340px; } section#not-found form#not-found-search-form input[type="submit"] { padding-bottom:9px; padding-top:9px; } section#not-found form#not-found-search-form ul { list-style:none; margin:0; padding:0; } section#not-found form#not-found-search-form ul li { display:inline; margin:11px 11px 0 0; } /* =GENERAL SIDEBAR ******************************************************************/ aside * { background:#FFF; } aside *:first-child { border-radius:0 9px 0 0; } aside *:last-child { border-radius:0 0 9px 0; } aside .widget { margin-bottom:17px; padding:9px; } aside .widget *:last-child { margin-bottom:12px; } aside .widget h2.title { background:#76B72A; color:#fff; font-size:13px; margin-left:-9px; margin-top:14px; padding-left:12px; } aside .widget-banner { border-radius:0; height:95px; margin-bottom:17px; padding:9px; width:262px; } aside .widget-banner a { display:block; height:95px; width:262px; } aside .widget img, aside .widget-banner img { border-radius:0; } /* =próximos eventos */ #last-events h3 { font-size:16px; position:relative; padding-left:80px; min-height:70px;} #last-events h3 img { position:absolute; left:0; } .ultimo-usuario { position:relative; padding-left:80px; margin-bottom:11px; min-height:70px; } .ultimo-usuario img { position:absolute; left:0; } aside .banner_institucional h2 { background:none !important; color:#04BAEE !important; font-size:1.5em !important; line-height:1 !important; margin:0 !important; padding:0 !important; } /* =GENERAL NAVIGATION (NEXT | PREVIOUS) ******************************************************************/ .navigation { margin:14px 0; padding:0 9px; } .navigation a { border:none; color:#666; } .navigation img { vertical-align:middle; } .navigation .left-navigation { background:url(img/arrow-left.png) left center no-repeat; padding-left:12px; } .navigation .right-navigation { background:url(img/arrow-right.png) right center no-repeat; padding-right:12px; } .carregando{ margin:14px 0; padding:0 9px; text-align:right; } /* =TNB MODAL ******************************************************************/ .tnb_modal { margin-top:-31px !important; max-height:500px; } .tnb_modal h2, .ui-dialog-title { color:#76B72A !important; font-family:"Arista" !important; font-size:2em; text-transform:uppercase; } .tnb_modal p { font-family:"Delicious"; font-size:14px; } .tnb_modal a { border-bottom:1px dotted #04BAEE; color:#04BAEE !important; text-decoration:none; } .tnb_modal a.btn-grey { color:#fff !important; } .tnb_modal input[type="submit"] { background:#ccc !important; border:none !important; border-radius:4px !important; color:#fff !important; cursor:pointer !important; font-family:"Arista" !important; font-size:18px !important; padding:6px 22px 4px 22px !important; text-transform:uppercase !important; -moz-border-radius:4px !important; } .tnb_modal input[type="submit"]:hover { background:#76B72A !important; } .tnb_modal textarea { width:98% !important; } .tnb_modal .content .thumbnail { float:left; margin:5px 10px 5px 0; } .tnb_modal .content .thumbnail img { border-radius:4px; -moz-border-radius:4px; } .tnb_modal .content a { color:#04BAEE !important; } .ui-dialog-titlebar, .ui-widget-header { background:none !important; border:none !important; } .ui-dialog-titlebar a, .ui-widget-header a { border:none !important; } .ui-dialog .ui-dialog-titlebar-close { right:1.5em !important; z-index:100; } .ui-icon-closethick { background:url("img/fechar.png") no-repeat 0 0 !important; height:20px !important; width:20px !important; } #abrir-kit { position:absolute; top:31px; right:20px; z-index:1000; } /* =MINI PLAYER ******************************************************************/ .miniplayer { background:#ccc !important; border-radius:4px; height:24px !important; line-height:1.5; position:relative; width:116px !important; -moz-border-radius:4px;. } .miniplayer .jp-audio { background:none; } .miniplayer a.jp-play, .miniplayer a.jp-pause { height:24px; left:0; margin:0 0 0 3px !important; position:absolute; top:0; width:14px; z-index:1; } .miniplayer a.jp-play { background:url("img/miniplayer-play.png") no-repeat center center; } .miniplayer a.jp-pause { background:url("img/miniplayer-pause.png") no-repeat center center; display:none; } .miniplayer ul { height:24px; margin:0 3px 0 0 !important; } .miniplayer ul li { display:block !important; height:24px !important; } .miniplayer .jp-progress { background:#fff; border:none; height:3px; margin:16px 0 0 18px; width:90px !important; } .miniplayer .jp-seek-bar { background:#808080; cursor:pointer; height:3px; width:0; } .miniplayer .jp-play-bar { background:#00BAEE; height:3px; margin:0 !important; width:0; } .miniplayer .time { color:#333; font-size:12px; position:absolute; right:5px; top:-1px; } /* =MISC ******************************************************************/ .box { padding:9px; } .box-shadow { background:#fff; -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2); } .alignleft { float:left; } .alignright { float:right; } .label { color:#999; } hr { background:#ddd; border:none; color:#ddd; clear:both; float:none; height:1px; margin:0 0 20px; width:100%; } h1.title { background:#76B72A; border-radius:0 9px 9px 0; color:#FFF; display:inline-block; font-family:"Arista"; font-size:28px; margin:14px 14px 14px 0; padding:9px 18px; text-transform:uppercase; -moz-border-radius:0 9px 9px 0; zoom:1; *display:inline; } h2.title { background:#FCEA0D; border-radius:0 4px 4px 0; color:#666; display:inline-block; font-family:"Arista"; font-size:16px; padding:3px 7px; text-transform:uppercase; -moz-border-radius:0 4px 4px 0; zoom:1; *display:inline; } h3.title { color:#04BAEE; font-family:"Arista"; font-size:16px; text-transform:uppercase; } h3.title a { border:none; } h3.title a:hover { border-bottom:1px dotted #04BAEE; } h4.title { background:#04BAEE; color:#fff; float:left; font-family:"Arista"; padding:7px 14px; text-transform:uppercase; } .bg-yellow { background-color:#FCEA0D; color:#666; } .bg-blue { background-color:#04BAEE; } a { cursor:pointer; } a.btn-green { background:#69A325; background:-webkit-gradient(linear, left bottom, left top, color-stop(.7, #8CC63F), color-stop(0, #69A325));background:-moz-linear-gradient(-90deg, #8CC63F, #69A325); border:none; border-radius:3px; color:#fff; cursor:pointer; font-family:"Arista"; font-size:18px; padding:11px 33px 9px 33px; text-transform:uppercase; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; } a.btn-yellow { background:#FCEA0D; border:none; border-radius:3px; color:#666; cursor:pointer; display:inline-block; font-family:"Arista"; font-size:14px; margin-bottom:17px; padding:6px 11px 3px 11px; text-transform:uppercase; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; zoom:1; *display:inline; } a.btn-grey { background:#ccc; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:"Arista"; font-size:14px; margin-bottom:17px; padding:6px 11px 3px 11px; text-transform:uppercase; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; zoom:1; *display:inline; } a:hover.btn-grey { background:#04BAEE; } a.button { background:#ccc; border:none; border-radius:3px; color:#fff; padding:3px 6px; -moz-border-radius:3px; } input[type="button"].grey { background:#ccc; border:none; border-radius:3px; color:#fff; cursor:pointer; font-family:"Arista"; font-size:18px; padding:6px 22px 4px 22px; text-transform:uppercase; } input[type="button"]:hover.grey { background:#04BAEE; } input[type="submit"] { background:#ccc; border:none; border-radius:4px; color:#fff; cursor:pointer; font-family:"Arista"; font-size:18px; padding:6px 22px 4px 22px; text-transform:uppercase; -moz-border-radius:4px; } input[type="submit"]:hover { background:#76B72A; } input[type="submit"].green { background:-webkit-gradient(linear, left bottom, left top, color-stop(.7, #8CC63F), color-stop(0, #69A325)); border:none; border-radius:3px; color:#fff; font-family:"Arista"; font-size:18px; padding:11px 33px 9px 33px; text-transform:uppercase; -webkit-box-shadow:2px 2px 4px #999; } span.info, .field-hint { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; } /* Slideshow */ .slideshow {position:relative; width:442px;} .slideshow img {position:absolute; width:442px; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display:none; } .ui-helper-hidden-accessible { position:absolute; left:-99999999px; } .ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; } .ui-helper-clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .ui-helper-clearfix { display:inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor:default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position:absolute; top:0; left:0; width:100%; height:100%; } /* reset labels */ .reset-label{color:inherit !important; float:none !important; } .oportunidade-filtro{max-height: 200px; overflow:auto; padding:0px; border:1px solid #666; } /* tooltip */ .hltip-box { min-width: 150px; max-width: 350px; border-color: black black black black; margin-top:10px;} .hltip-box .hltip-title { color:black; font-size:20px; margin-bottom:6px; border-bottom:1px solid #ddd} .hltip-box .hltip-text { background-color: white; padding: 6px 11px 6px 11px; -moz-box-shadow: 3px 3px 10px #aaa; -webkit-box-shadow: 3px 3px 10px #aaa; box-shadow: 3px 3px 10px #aaa; }