Nemo~ • Sáb 15 Fev 2014 - 4:01
Qual é minha questão: Ola, Dnv
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] ,
Bom tenho uma questão semelhante a ultima , quero saber como criar esse campo na pagina inicial:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Fórum em que vi isso: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Endereço do meu fórum: style-art.forumeiros.com
Versão: PunBB
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Nemo~ • Dom 16 Fev 2014 - 20:11
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Target • Dom 16 Fev 2014 - 22:46
Reputação da mensagem: 100% (1 votos)
Olá!
Adicione um
jQuery com investimento no
Índice :
Código: $(document).ready(function(){ $(".pun-crumbs").after('<div class="galeriasFox"><div class="main"><div class="main-head"> <div class="page-title"> <h2>Galerias FoxDesign</h2> </div></div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused"> <tr> <td> <div style="margin:0 auto; padding: 0 0 0 9px;width: 1050px; height:200px;"> <a class="prev control"> <i class="fa fa-chevron-circle-left"></i> </a> <div class="scrollable" id="scrollable"> <div class="items"> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> </div> </div> <a class="next control right"> <i class="fa fa-chevron-circle-right"></i> </a> </div> </td> </tr> </tbody> </table> </div></div></div>'); $(".scrollable").scrollable() });
E isto no seu
CSS :
Código: .pun-crumbs a:last-child { font-weight:700!important; text-transform:uppercase } .galeriasFox { display:none } .scrollable { float:left; height:220px; overflow:hidden; position:relative; width:790px } .scrollable .items { clear:both; position:absolute; width:20000em } .items div { float:left; width:880px } .scrollable img { background-color:#fff; border:1px solid #ccc; float:left; height:130px; margin:15px 5px 15px 16px; padding:2px; width:170px } .scrollable .active { border:2px solid #000; cursor:default; position:relative } .control { background-color:#f8f8f8; box-shadow:#aaa 0 1px 3px; color:#aaa; cursor:pointer; display:block; float:left; line-height:0; margin:17px 0 0; padding:60px 5px }
Até +!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
Nemo~ • Dom 16 Fev 2014 - 23:42
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Nemo~ • Ter 18 Fev 2014 - 11:43
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Daemon • Ter 18 Fev 2014 - 11:49
Olá, vá até Painel de Controle > Visualização > Página inicial > Geral. Adicione isto aqui:
Código: <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" /><link rel="stylesheet" type="text/css" href="http://jquerytools.org/media/css/scrollable-buttons.css" /><script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
junto ao código passado acima pelo Premotheus.
Até!
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Nemo~ • Ter 18 Fev 2014 - 12:27
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Target • Ter 18 Fev 2014 - 16:00
Reputação da mensagem: 100% (1 votos)
Olá,
Adicione o jQuery abaixo na sua Página inicial, ao lado do código do Daemon:
Código: <script type="css/javascript"> $(document).ready(function(){ $(".pun-crumbs").after('<div class="galeriasFox"><div class="main"><div class="main-head"> <div class="page-title"> <h2>Galerias FoxDesign</h2> </div></div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused"> <tr> <td> <div style="margin:0 auto; padding: 0 0 0 9px;width: 1050px; height:200px;"> <a class="prev control"> <i class="fa fa-chevron-circle-left"></i> </a> <div class="scrollable" id="scrollable"> <div class="items"> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> </div> </div> <a class="next control right"> <i class="fa fa-chevron-circle-right"></i> </a> </div> </td> </tr> </tbody> </table> </div></div></div>'); $(".scrollable").scrollable() }); </script>
Até +!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
Nemo~ • Ter 18 Fev 2014 - 16:12
( Não Ouve nenhuma alteração )
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
[F]lames • Qua 19 Fev 2014 - 11:47
Reputação da mensagem: 100% (1 votos)
Olá, Substitua o código do Premotheus por este: Código: <script>jQuery(document).ready(function(){ jQuery('.pun-crumbs').after('<div class="galeriasFox"><div class="main"><div class="main-head"> <div class="page-title"> <h2>Galerias FoxDesign</h2> </div></div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused"> <tr> <td> <div style="margin:0 auto; padding: 0 0 0 9px;width: 1050px; height:200px;"> <a class="prev control"> <i class="fa fa-chevron-circle-left"></i> </a> <div class="scrollable" id="scrollable"> <div class="items"> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> </div> </div> <a class="next control right"> <i class="fa fa-chevron-circle-right"></i> </a> </div> </td> </tr> </tbody> </table> </div></div></div>'); jQuery('.scrollable').scrollable(); }); </script>
Até mais.
[F]lames
Membro Experiente
Membro desde : 26/01/2013
Mensagens : 581
Reputação : 341
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
Nemo~ • Qua 19 Fev 2014 - 14:01
Ola, Continua não funcional
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Target • Qua 19 Fev 2014 - 17:39
Olá!
Me passe o seu CSS, acho que sei o por quê de não está a funcionar.
Até +!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Nemo~ • Qua 19 Fev 2014 - 18:45
Aqui esta:
Código: .mini_ava { float: left; } .mini_ava img { width: 35px; height: 35px; margin: 0 5px; border-radius: 2px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); } html, body { font: normal 13px helvetica, arial, sans-serif; color: #5a5a5a; background-image: url("http://i.imgur.com/y2cW2iS.png") !important; background-repeat: repeat !important; } .pun { background: #fff; padding: 10px 10px; line-height: 120%; -webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .pun, .main_width { margin: 0 auto; width: 85%; min-width: 960px; } img, .input_check, .input_radio { vertical-align: middle; } .pun a:visited {color: #028999;} a:link {text-decoration: none;} .pun a:link { text-decoration: none !important; color: #028999; } .pun a:hover { color: #158f57; } pun a:active { color: #028999; } #pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head { background-color: transparent; border: 0px; } #pun-about {font-size: 0.8em;} #pun-intro, #pun-navlinks, #pun-about form {display: none;} /*header*/ #header_bar { background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom; padding: 0; text-align: right; } #branding, #header_bar, #primary_nav { min-width: 980px; } #user_navigation { color: #9f9f9f; font-size: 11px; } #user_link { font-size: 12px; color: white; padding: 0 12px; height: 36px; line-height: 36px; display: inline-block; margin-right: 15px; outline: 0; } #user_navigation { overflow: visible; } #user_navigation .ipsList_inline li { margin: 0; } .ipsList_inline > li:first-child { margin-left: 0; } #user_navigation a { color: #fff; } #user_navigation.not_logged_in { height: 26px; padding: 6px 0 4px; } #user_navigation #register_link { background: #7BA60D; color: white; display: inline-block; padding: 3px 8px; border: 1px solid #7BA60D; -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } #user_link:hover, #notify_link:hover, #inbox_link:hover { background-color: #323232; } #user_navigation #sign_in { margin-right: 8px; } #notify_link { background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top; } #inbox_link { background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top; } #notify_link, #inbox_link { vertical-align: middle; width: 18px; height: 15px; padding: 11px 24px 8px 12px; position: relative; } .ipsList_inline > li { display: inline-block; margin: 0 3px; } ol, ul { list-style: none; } .attach {float: right;} /*branding*/ #branding { background: url("http://i.imgur.com/JauhZNs.jpg") repeat-x scroll center 70% rgb(15, 56, 84); border-bottom: 1px solid rgb(27, 55, 89); min-height: 64px; height: 1px; transition: all 1.0s linear 0s; } #branding:hover { background: url("http://i.imgur.com/JauhZNs.jpg") repeat-x scroll center rgb(15, 56, 84); transition: all 1.0s linear 0s; } .clickable { cursor: pointer; } #search { margin: 20px 0; } #search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px rgba(0,0,0,0.2); min-width: 230px; } #main_search { margin-top: 5px; font-size: 12px; border: 0; padding: 0; color: #b0b0b0; background: transparent; width: 130px; outline: 0; } #main_search:focus { color: #5a5a5a; } input, select { font: normal 13px helvetica,arial,sans-serif; } #search_options { font-size: 10px; height: 20px; line-height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #EAEAEA; display: inline-block; float: right; max-width: 80px; text-overflow: ellipsis; overflow: hidden; } #search .submit_input { background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; border: 1px solid #7BA60D; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2); } #adv_search { width: 16px; height: 16px; background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; } fieldset { border: 0px groove threedface; } /*navegação*/ #primary_nav { background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1); font-size: 13px; padding: 10px; margin-bottom: 0px; box-shadow: 0px -0.6px 4px -2px inset; } #community_app_menu > li { margin: 0px 3px 0 0; } #community_app_menu > li > a { background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 2px 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6); color: rgb(255, 255, 255); display: block; padding: 6px 15px 8px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in 0s !important; } #community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover { background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57); box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset; color: rgb(255, 255, 255); } /* Menu FORUM INATIVO #community_app_menu > li.active > a { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4); color: rgba(255,255,255,1); font-weight: bold; margin-top: 0px; text-shadow: 1px 1px rgba(0,0,0,0.2); border-radius: 2px; } */ #primary_nav #quickNavLaunch { padding: 6px 8px 8px; } #quickNavLaunch span { background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top; width: 13px; height: 13px; display: inline-block; } /*table*/ .collapsed { opacity: 0.8; } .main .main-head.collapsed { border-radius: 4px 4px 4px 4px; opacity: 0.2; } .main .main-head, .main .main-foot { color: rgb(255, 255, 255); padding: 10px 10px 11px; border-radius: 4px 4px 0px 0px; border-width: 1px 1px 0px; border-style: solid; margin-top: 15px; background: url("http://i.imgur.com/6Dd5H5I.png") repeat-x scroll center 45% rgb(44, 86, 135); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset; border-color: rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .main .main-foot { margin-top: 0px; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-radius: 0 0 4px 4px; } .main .main-head .page-title h2 { font-size: 16px; font-weight: 300; } .pun .main-content { background: #ebf0f3; padding: 9px; } .pun table.table { background: #fff; border: 1px solid #dbe4ef; } .table .tc_icon { padding: 10px 5px!important; vertical-align: middle; width: 30px; } .pun table.table .tc_forum { height: 42px; min-height: 24px; } .pun tbody.statused span.stats { margin-right: 10px; margin-left: -25px; } .pun tbody.statused span.status { position: relative!important; } .pun .main table td.tc2, .pun .main table td.tc3 { background-color: white; } .pun table.table td { background: white; padding: 10px; border: 0px; border-bottom: 1px solid rgba(0, 0, 0,0.1); } .hierarchy { font-size: 15px!important; font-weight: 400!important; } /*lastpost*/ .mini_ava { float: left; } .mini_ava img { width: 30px; height: 30px; margin: 8px 5px; padding: 1px; border: 1px solid #D5D5D5; background: white; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); } .mini_ava img:hover { border-color: #a1a1a1; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); } .mini_ava img { border-radius: 30px } /*module*/ .module .main-head { font: 14px helvetica,arial,sans-serif; color: rgb(32, 64, 102); padding: 5px 10px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1); border: 1px solid rgb(210, 210, 210); border-radius: 3px 3px 0px 0px; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7) inset; } .module .main-content {background: #F7FBFC; border: 0px;} /*stats*/ #onlinelist {background: white;border-top: 3px solid #d8d8d8;} #onlinechat {background: white;border-top: 0px;} #statistics { margin: 0 auto !important; text-align: center !important; display: table; background: none; } .statHide{display:none !important;} .statsPers li span a { text-decoration: none !important; } .statsPers li > span { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1); color: rgb(34, 34, 34); text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); padding: 3px 7px; font-weight: bold; border-radius: 3px 3px 3px 3px; margin-right: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255); } .statsPers li { float: left; color:#4a4a4a; margin: 2px 10px; } .statsPers { list-style: none; display: block; margin: 0px auto; width: 100%; } /*footer*/ #footer_utilities { padding: 10px; font-size: 11px; position: relative; } #footer_utilities .ipsList_inline>li>a { margin-right: 0px; padding: 4px 10px; } #footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;} #footer_utilities a {color: #225985;} #footer_utilities a:hover {color: #328586;} #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; } #backtotop { width: 24px; height: 24px; line-height: 20px; left: 50%; margin-left: -12px; position: absolute; display: inline-block; background: #bdbdbd; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; opacity: 0.4; outline: 0; } #backtotop img {margin-top: 5px;} #backtotop:hover{background:#af286d;color:#fff;opacity:1;} #copyright { color: #848484; text-align: right; text-shadow: 0px 1px 0px #fff; } #copyright a { color: #848484; } /*post*/ .post h3 { background: #D8DDE8; padding: 0 10px; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; } span.post_id { margin-left: 4px; } .post_date { padding: 0 0 10px 0; font-size: 12px; color: #a4a4a4; } .desc.blend_links a { font: normal 12px helvetica, arial, sans-serif; color: #777777; } .post_id a img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; } .post_online {display: inline-block;} .pun .post .user { margin-left: -16em; margin-top: -0.9em; } .pun .post {background: white;} .pun .postmain { background-color: white; margin-left: 14em; border-left: 1px solid rgba(0, 0, 0, 0.1); } .pun .user .user-ident .user-basic-info { font-size: 11px; color: #a4a4a4; text-align: center; font-weight: normal; } .postfoot { border-top: 0px; margin-left: -14em; } /*user img*/ .user-basic-info a img { max-height: 290px; max-width: 150px; padding: 1px; border: 1px solid #D5D5D5; background: white; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); } .user-basic-info a img:hover { border-color: #A1A1A1; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); } /*quick reply*/ #pun-qpost { background: #ebf0f3; padding: 9px; padding-top: 1px; } #pun-qpost .main-head { font: 300 26px/1.3 Helvetica, Arial, sans-serif; color: #323232; font-size: 18px; background: white; border-top: 1px solid #dbe4ef; border-left: 1px solid #dbe4ef; border-right: 1px solid #dbe4ef; border-radius: 0px; -webkit-box-shadow: inset 0px 0px 0; -moz-box-shadow: inset 0px 0px 0; box-shadow: inset 0px 0px 0; } #pun-qpost a.exthelp {display: none;} .pun .frm-form, .main .main-content.frm { background-color: white; } .pun .post { border: 1px solid #dbe4ef; } .pun .main-content { border: 1px solid #dbe4ef; border-top: 0px; } #pun-qpost .frm-buttons { border-top: 0px; text-align: center; } /*chatbox*/ #chatbox_header.main-head { background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top; padding: 6px 8px 6px; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px 4px 0 0; -webkit-box-shadow: inset 0px 1px 0 #528cbc; -moz-box-shadow: inset 0px 1px 0 #528cbc; box-shadow: inset 0px 1px 0 #528cbc; border-width: 1px 1px 0 1px; border-color: #316897; border-style: solid; } .chatbox-title, .chatbox-title a.chat-title { color: #fff; font-size: 13px; font-weight: 300; } .chatbox-options {margin: .3em .3em .5em;} .chatbox-options li, .chatbox-options li a, .chatbox-options li label { color: #fff; } #chatbox_members { top: 40px; border-right: 1px solid #ccc; } #chatbox p:first-child { border-top: 1px solid #d5dde5; } #chatbox p { background: #f1f6f9; border-right: 1px solid #d5dde5; border-left: 1px solid #d5dde5; border-bottom: 1px solid #d5dde5; line-height: 1.2em; } #chatbox_footer { padding-bottom: 6px; border-top: 1px solid #d5dde5; background: #f1f6f9; } #chatbox_footer .right { /*display: none !important;*/ float: left; } #chatbox_messenger_form .right {margin-left: 8px;font-size:0} input#message.post { color: #5a5a5a; border-width: 1px; border-style: solid; border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1; background: #fff; padding: 4px; min-width: 395px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #message, #submit_button { margin-left: 15px; } .fontbutton { background: #EFF1F3; border-color: #DEE0E2; color: #464646; -moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2); } #divsmilies img + img{visibility:visible!important} #chatbox_messenger_form div.right img{visibility:hidden} #simple-wrap { background:white; } #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline { background-position: center; background-repeat: no-repeat; } #divbold { background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png); } #divitalic { background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png); } #divunderline { background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png); } #divstrike { background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png); } #divcolor { background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png); } #divsmilies { background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png); } .main-content.chatbox {padding: 0px;} #chatbox{ margin: 10px 0 10px 0; border: 1px solid #DCE2EC; border-bottom: 6px solid #DCE2EC; background: #ebf0f3; padding: 8px; } input[type="submit"] { text-decoration: none; border-width: 1px; border-style: solid; padding: 4px 10px; cursor: pointer; } input[type="submit"] { background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2); border-color: #212121; } /*crumbs*/ .pun-crumbs { background: none repeat scroll 0% 0% rgb(239, 241, 243); border: 1px solid rgb(217, 219, 221); border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2); clear: both; font-size: 11px; overflow: hidden; margin: 0px 1px 1em; padding: 0.2em 1em; } .pun-crumbs p { color: rgb(102, 102, 102); font-size: 1.11em; line-height: 1.5; } p.crumbs a { background: url("http://i57.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent; color: rgb(117,117,117) !important; line-height: 30px; padding: 10px 20px 10px 12px; margin-left: -12px; text-shadow: 0px 1px 0px rgb(255, 255, 255); } p.crumbs a:hover { background-position: 100% -1px; border-radius: 3px 0px 0px 3px; color: rgb(34, 34, 34); text-shadow: 0px 1px 0px rgb(255, 255, 255); } p.crumbs a:active { background-position: 100% -86px; border-radius: 3px 0px 0px 3px; color: rgb(34, 34, 34); text-shadow: 0px 1px 0px rgb(255, 255, 255); } /*Avatar Last Post*/ .mini_ava img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .mini_ava img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; border-radius: 7px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height: 30px; margin: 8px 5px; padding: 1px; width: 30px; } /* Moderar Tópicos */ .act_mod {margin: 0 0 8px 0;} .act_mod p { background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%; border: 1px solid rgb(219,219,219); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #616161; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; font-size: 12px; height: 22px; line-height: 22px; padding: 3px 10px; white-space: nowrap; cursor: pointer; display: inline-block; } #popw { background-color: #464646; background-color: rgba(70,70,70,0.6); padding: 4px; -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 ); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: none; z-index: 999; margin-top: 16px; position: absolute; } .mod_hover { background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png); width: 31px; height: 16px; position: absolute; } .popupInner { background: #fff; width: 500px; overflow: auto; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); overflow-x: hidden; } .action_mod li { background: rgb(248, 248, 248); border-bottom: 1px solid rgb(234, 234, 234); text-align: center; padding: 3px 4px; } .action_mod li a { color: #333!important; } /* fim moderar tópicos */ /* Novas Mensagens etc */ #pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px 5px 5px 5px; } /* fim novas msgs */ /* logo */ #logo { opacity: 0.9; display: inline; margin-left: -45px; } #logo:hover { opacity: 1; text-decoration: none; } /* fim logo */ /* curtir */ /*like*/ .LGlike { background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left; background-color: #326A94; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset; color: white; cursor: pointer; display: inline-block; font-size: 11px; height: 22px; line-height: 22px; padding: 0 18px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; margin-right: 5px; margin-top: 30px; } .LGvote { margin: 0 5px; } .LGnovote { filter:Alpha(opacity=50); opacity: 0.5; cursor: default; box-shadow: none; text-shadow: none; } /* fim curtir post */ /*POPUP TOPICO NÃO LIDO */ #popupnew { min-height: 20px; min-width: 150px; position: fixed; bottom: 30px; margin-left: 40px; padding: 5px; z-index: 999; border: 1px solid rgba(0, 0, 0, 0.8); text-shadow: 1px 1px rgba(255, 255, 255, 0.2); background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8); box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset; border-radius: 4px 4px 4px 4px; color: rgb(255, 255, 255); font-family: verdana,arial; font-size: 10pt; text-align: left; display: none; background-image: url("http://r20.imgfast.net/users/2011/11/04/42/smiles/2376561594.gif"); background-repeat: no-repeat; background-position: 1% 45%; padding-left: 1.5%; } /* fim popup n lido */ /* widgets no indice */ #pun-announcement { border-radius: 5px 5px 5px 5px; clear: both; font-size: 11px; margin: 0px 1px 1em; overflow: hidden; background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3); border: 1px solid rgba(255, 162, 0, 0.2); box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset; color: rgb(74, 74, 74); text-shadow: 1px 1px rgba(255, 255, 255, 0.6); } /* seletor de página */ .paging > b { background: none repeat scroll 0px 0px rgb(123, 166, 13); border-radius: 2px 2px 2px 2px; color: rgb(255, 255, 255); font-weight: 700; margin: 0px 1px; padding: 4px; } .paging > a { background: rgba(0,0,0,0.1); padding: 5px; border-radius: 2px; margin: 0 1px; color: #8D8D8D !important; } .paging > a:hover { background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1); border-radius: 2px 2px 2px 2px; padding: 5px; margin: 0px 1px; color: #505050 !important; } .sprite-arrow_prosilver_right { background: url("http://i34.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent; height: 20px; width: 39px; } /* avatar ultimos topicos widget*/ .ipsType_smaller, .ipsType_smaller a { margin-bottom: 5%; } /* resposta rápida */ #quick_reply #textarea_content { background: none repeat scroll 0px 0px rgb(235, 240, 243); border: 2px solid rgb(211, 211, 211); clear: both; height: auto !important; margin-left: -10px !important; margin-right: -10px !important; min-width: 950px; padding: 9px 4px; width: 100% !important; } /* assinatura */ .pun .sig-content { clear: both; margin-bottom: 4px !important; margin-top: 6px !important; padding: 0px 0px 10px !important; position: relative; } /* post foot */ .postfoot { border-top: 0px none; margin-left: -185px !important; opacity: 0.3; transition: all 0.5s ease 0s; } .postfoot:hover { opacity: 1; } /* PAGINA MEMBROS */ .pun table.table th { background-color: rgba(120, 10, 120, 0.8); padding: 0.5em 0px; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset; border: 1px solid rgba(0, 0, 0, 0.2); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .pun .frm .frm-form table { border: 1px solid rgba(0, 0, 0, 0.2); } .pun table.table td.tc3 { text-align: center; width: 15%; } /* pagina calendario */ .pun .main table.calendar thead th { background: rgba(120, 10, 120, 0.8); font-weight: 700; padding: 0.5em; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset; } .pun .main table.calendar .row3 { background-color: rgba(20, 50, 50, 0.1); padding: 0.25em; } .pun .main table.calendar td.row2:hover { background-color: rgba(110, 160, 190,0.2); transition: 0.3s; } /* pagination dos topicos */ strong.pagination { font-weight: 400; background: none repeat scroll 0% 0% rgb(123, 166, 13); padding: 2px; border-radius: 2px 2px 2px 2px; color: white; margin: 0 1px; } strong.pagination a { color: white !important; font-size: 12px; } /* codigos bbcode */ .codebox { background-color: rgb(255, 255, 225); border: 1px solid rgba(0,0,0,0.14); margin: 1em; box-shadow: 0 0 7px rgba(0,0,0,0.12); border-left: 2px solid rgba(120,10,100,1); } .codebox dt { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 0.25em; color: rgba(0, 0, 0, 0.7); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); margin-left: 5px; font-weight: bold; } .codebox dd { background-color: rgb(255, 255, 225); margin: 5px; padding: 1px; } .codebox dd.cont_code { max-height: 80%; overflow: auto; } .postmain blockquote { background-color: rgb(255, 255, 225); border-width: 1px 1px 1px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgb(120, 10, 10); margin: 1em; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12); } .postmain cite { display: block; font-style: normal; font-weight: 700; margin: 0px 0px 1em; border-bottom: 1px dashed rgba(0,0,0,0.2); padding: 1px; } .donate, .quotebox { background-color: rgb(255, 255, 225); border: 1px solid rgba(0,0,0,0.14); margin: 1em; box-shadow: 0 0 7px rgba(0,0,0,0.12); border-left: 2px solid rgba(120,10,100,1); } /* perfil menus */ #tabs ul li.activetab a { border-color: rgba(0,0,0,0.2); color: rgba(255,255,255,1); text-decoration: none; background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6); box-shadow: 0px 0px 1px rgba(255, 255, 255, 1); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-radius: 3px; } #tabs ul li.activetab a:hover { background-color: rgba(100,33, 123,0.7); transition: 0.4s; } #tabs ul li a { border: 1px solid; float: left; font-size: 1.1em; font-weight: 400; line-height: 2em; padding: 0px 1em; border-color: rgba(0,0,0,0.2); color: rgba(255,255,255,0.8); text-decoration: none; background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4); box-shadow: 0px 0px 1px rgba(255, 255, 255, 1); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-radius: 3px; } #tabs ul li a:hover { background-color: rgba(100,33, 123,0.7); color: rgba(255,255,255,1); transition: 0.4s; } .main .frm-info { background: rgba(0,144,69,0.8); border: 1px solid rgba(0,120,60,0.9); margin: 1.7em; padding: 1em; box-shadow: 1px 1px rgba(255,255,255,0.3) inset; color: white; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-weight: bold; } /* mensagens informativas */ .pun .main .main-content p.message { background-color: rgba(20,10,190,0.4); border: 1px solid rgba(0,0,0,0.4); margin: 1.7em; padding: 1em; box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset; color: rgba(255,255,255,1); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* corpo da mensagem */ .pun .postfoot .user-contact { float: left; text-align: center; width: 12em; } /* codigos de alerta e tal */ /* INICIO SELETOR DE TEMA CODE */ /* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */ .panda-code { padding: 5px 10px; font-size: 12px; font-family: monospace; background: #EFEFEF; color: #0D700D; border: 1px solid #CCC; overflow: auto; max-height: 300px; text-shadow: 0 1px white; text-align: left; display: block; } .panda-code ol { padding-left: 15px; } .panda-code ol li { padding: 1px 10px; margin: 4px 0; border-left: 2px solid green; list-style-type: decimal-leading-zero; } .panda-code ol li:hover { background: #DEDEDE; } .panda-string, .panda-multiLineString { color: #C03; } /* string literals */ .panda-special { color: #09F; } /* words defined as special */ .panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */ .panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */ .panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */ .panda-int { color: #f00; } /* FIM SELETOR DE TEMA CODE */ /* mensagem privada nova */ [data-counter]:after { background-color: #00ba3b; background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: linear-gradient(#FF6969 0%, #ff0000 100%); content: attr(data-counter); position: absolute; padding: 2px 6px; border: 2px solid white; border-radius:100px; box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset; background-clip: padding-box; font:bold 10px "Helvetica Neue", sans-serif; color: white; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.6); margin-left: -10px; margin-top: 10px; } /* fim mensagem privada */ /* expandir imagem */ .resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{ display: block; padding: 2% 2% 1% 2%; border-radius: 5px 5px 0px 0px; background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3); border: 1px solid rgba(255, 162, 0, 0.2); box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset; color: rgb(74, 74, 74) !important; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); margin-bottom: -15px; text-align: right; } .resizebox a.fullsize { text-align: right; color: rgb(74, 74, 74) !important; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); margin-left: 10px; top: -4px; position: relative; } /* categoria retratil */ /* post infos */ .post_field:hover { background: none repeat scroll 0% 0% rgb(238, 238, 238); border-left-width: 3px !important; border-right-width: 3px !important; color: rgb(78, 78, 78); text-shadow: 1px 1px rgb(185, 185, 185); transition: all 0.3s linear 0s; } .post_field { background: none repeat scroll 0% 0% rgb(255, 255, 255); border-left-style: solid; border-left-color: rgb(109, 109, 109); border-left-width: 0px !important; border-right-style: solid; border-right-color: rgb(109, 109, 109); border-right-width: 0px !important; margin-bottom: 0.5px; padding: 0px; transition: all 0.1s linear 0s; } /* Multi - quote */ .FloatingAction { background: #fdfdfd; position: fixed; right: 10px; bottom: 10px; padding: 10px; z-index: 999; border: 4px solid #464646; border: 4px solid rgba(0,0,0,0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); box-shadow: 0px 3px 6px rgba(0,0,0,0.4); } .pun .post .user { width: 175px; font-size: 12px; text-align: center; line-height: 150%; margin-left: -170px; margin-top: -0.6em; } table.forumline[width="100%"][border="0"] tbody tr th.secondarytitle[colspan="2"][nowrap="nowrap"][width="100%"]{padding-left:27.4%} /*chatbox v1.1 BS*/ #chatbox_header.main-head { background: url(http://i.imgur.com/lubHUo2.png) repeat-x bottom #363636; padding: 3px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; min-height: 6px; } .chatbox-title, .chatbox-title a.chat-title { background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent; font: 700 15px/1.3 Helvetica,Arial,sans-serif; color: #fff; } .chatbox-title a.chat-title:hover { text-decoration: underline; } .chatbox-options li, .chatbox-options li a, .chatbox-options li label { color: #fff; } body[bgcolor]{background: #FCFCFF;} .main-content.chatbox { background-color: #FCFCFF; padding: 10px; border: 1px solid rgb(204, 204, 204); -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding-bottom: 0px; } #chatbox_members { background: rgb(246, 246, 248); border: 1px solid rgb(204, 204, 204); margin: 4px; top: 43px; bottom: 28px; right: 10; } #chatbox_members .member-title { background: url(http://i.imgur.com/aRhgCJi.png) repeat-x bottom #363636; color: #fff; padding: 5px; text-align: left; padding: 8px 10px; } #chatbox p { background: transparent; padding: 5px; line-height: 1.3em; } #chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] { background: #FAFAD2; } #chatbox_footer { background: transparent; border: 0px; } #chatbox_footer .right { float: left; } #chatbox_messenger_form .right {margin-left: 8px;font-size:0} input#message.post { font-family: inherit; min-width: 430px; color: #000; font-size: 13px; background-color: #fff; padding: 3px; margin-bottom: 2px; border-width: 1px; border-style: solid; border-top-color: rgb(192,192,192); border-right-color: rgb(233,233,233); border-bottom-color: rgb(233,233,233); border-left-color: rgb(192,192,192); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; outline: 0; } input#message.post:focus { background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x; border-top-color: rgb(150,150,150); border-bottom-color: rgb(230,230,230); } #submit_button, .fontbutton { font-style: normal; font-size: 12px; font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif; color: rgb(0, 0, 0); background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top; padding: 0px 6px; border: 1px solid rgb(221, 221, 235); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(179, 179, 189); -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; text-align: center; -webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210); box-shadow: 0px 1px 4px 0px rgb(200,200,210); text-shadow: 0 0 0 transparent, 0px -1px 2px white; outline: none; line-height: 23px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 23px; } #submit_button { margin-left: 13px; } #submit_button:hover, .fontbutton:hover { color: black; background-color: rgb(255,255,200); border-color: rgb(255,255,200); border-top-color: white; border-bottom-color: rgb(190,190,170); } #simple-wrap { background:white; } #chatbox_top { min-height: 280px; } #chatbox{ top: 43px; bottom: 28px; margin: 5px; background: rgb(246, 246, 248); border: 1px solid rgb(204, 204, 204); padding: 5px; right: 198px; left:0; } /*like*/ .BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none} /*Efeito Categoria*/ .page-title h2:hover { text-align: center !important; letter-spacing: 1px; transition: .3s; } .page-title h2 { text-align: center !important; color: #eee; cursor: pointer!important; display: block; font-family: Helvetica, Open Sans, Tahoma!important; font-size: 14px!important; font-weight: 700; padding: 10px!important; text-shadow: -1px 1px #000!important; transition: .3s; } /*Perfil & Widgets*/ .pun .post .user img { max-width: 170px!important; } /*Neon USER's*/ a[href="/u1"] { text-shadow: 0px 0px 2px #FF00D0; } a[href="/u4"]{text-shadow:0 0 2px #FF0000} /*Termos Personalizados*/ .message { background: #cde3a4 url('hhttp://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 0 !important; padding: 10px; border: 1px solid #a8c471; text-shadow: rgba(255,255,255,0.55) 0px 1px 0px; line-height: 1.6; font-size: 12px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; } .standalone.error, .standalone.error a, .standalone.error h2 { color: #80001c; } .standalone.error { background-color: #f3e3e6 !important; border-color: #e599aa; } fieldset.submit { background: #f3f5f6 url('http://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 1px; padding: 15px 6px 15px 6px; text-align: center; } /*box*/ .titlebox { background: url("http://i13.servimg.com/u/f13/18/08/41/63/transw13.png") repeat; background: rgba(255, 255, 255, 0.5) url('http://i13.servimg.com/u/f13/18/08/41/63/highli15.png') repeat-x 0 0; -webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px; -moz-box-shadow: inset rgba(255,255,255,0.5) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px; text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; overflow: hidden; } .titlebox dd {display: block;} .titlebox dava {float: left;} .ipsBox_withphoto {float: left; margin-left: 10px;} .ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 600px;} .ipsType_pagetitle a {font-size: 23px; z-index: 999;} .desc.lighter.blend_links {color: #777; float: left; font-size: 11px;} .socialetopic {float: right; position: relative;} .titlebox dava a img { float: left; height: 50px!important; width: 50px!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px; box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } .titlebox dava a img:hover {opacity: 0.8;} #left .module { background: #E5F1F9 url(http://i37.servimg.com/u/f37/16/87/99/88/nav13.png) repeat-x; } .h3, h3 {text-align: center!important;} .h3{ font-family: Helvetica, Open Sans, Tahoma!important; font-size: 14px!important; text-shadow: -1px 1px #000!important; } /*gallerys*/ .pun-crumbs a:last-child { font-weight:700!important; text-transform:uppercase } .galeriasFox { display:none } .scrollable { float:left; height:220px; overflow:hidden; position:relative; width:790px } .scrollable .items { clear:both; position:absolute; width:20000em } .items div { float:left; width:880px } .scrollable img { background-color:#fff; border:1px solid #ccc; float:left; height:130px; margin:15px 5px 15px 16px; padding:2px; width:170px } .scrollable .active { border:2px solid #000; cursor:default; position:relative } .control { background-color:#f8f8f8; box-shadow:#aaa 0 1px 3px; color:#aaa; cursor:pointer; display:block; float:left; line-height:0; margin:17px 0 0; padding:60px 5px }
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
[K]oke • Qua 19 Fev 2014 - 18:46
Reputação da mensagem: 100% (1 votos)
Olá, tente o JavaScript do Premo e coloque a CSS
Código: .pun-crumbs a:last-child { font-weight:700!important; text-transform:uppercase } .galeriasFox { display:none } .scrollable { float:left; height:220px; overflow:hidden; position:relative; width:790px } .scrollable .items { clear:both; position:absolute; width:20000em } .items div { float:left; width:880px } .scrollable img { background-color:#fff; border:1px solid #ccc; float:left; height:130px; margin:15px 5px 15px 16px; padding:2px; width:170px } .scrollable .active { border:2px solid #000; cursor:default; position:relative } .control { background-color:#f8f8f8; box-shadow:#aaa 0 1px 3px; color:#aaa; cursor:pointer; display:block; float:left; line-height:0; margin:17px 0 0; padding:60px 5px } .mini_ava { float: left; } .mini_ava img { width: 35px; height: 35px; margin: 0 5px; border-radius: 2px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); } html, body { font: normal 13px helvetica, arial, sans-serif; color: #5a5a5a; background-image: url("http://i.imgur.com/y2cW2iS.png") !important; background-repeat: repeat !important; } .pun { background: #fff; padding: 10px 10px; line-height: 120%; -webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .pun, .main_width { margin: 0 auto; width: 85%; min-width: 960px; } img, .input_check, .input_radio { vertical-align: middle; } .pun a:visited {color: #028999;} a:link {text-decoration: none;} .pun a:link { text-decoration: none !important; color: #028999; } .pun a:hover { color: #158f57; } pun a:active { color: #028999; } #pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head { background-color: transparent; border: 0px; } #pun-about {font-size: 0.8em;} #pun-intro, #pun-navlinks, #pun-about form {display: none;} /*header*/ #header_bar { background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom; padding: 0; text-align: right; } #branding, #header_bar, #primary_nav { min-width: 980px; } #user_navigation { color: #9f9f9f; font-size: 11px; } #user_link { font-size: 12px; color: white; padding: 0 12px; height: 36px; line-height: 36px; display: inline-block; margin-right: 15px; outline: 0; } #user_navigation { overflow: visible; } #user_navigation .ipsList_inline li { margin: 0; } .ipsList_inline > li:first-child { margin-left: 0; } #user_navigation a { color: #fff; } #user_navigation.not_logged_in { height: 26px; padding: 6px 0 4px; } #user_navigation #register_link { background: #7BA60D; color: white; display: inline-block; padding: 3px 8px; border: 1px solid #7BA60D; -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } #user_link:hover, #notify_link:hover, #inbox_link:hover { background-color: #323232; } #user_navigation #sign_in { margin-right: 8px; } #notify_link { background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top; } #inbox_link { background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top; } #notify_link, #inbox_link { vertical-align: middle; width: 18px; height: 15px; padding: 11px 24px 8px 12px; position: relative; } .ipsList_inline > li { display: inline-block; margin: 0 3px; } ol, ul { list-style: none; } .attach {float: right;} /*branding*/ #branding { background: url("http://i.imgur.com/JauhZNs.jpg") repeat-x scroll center 70% rgb(15, 56, 84); border-bottom: 1px solid rgb(27, 55, 89); min-height: 64px; height: 1px; transition: all 1.0s linear 0s; } #branding:hover { background: url("http://i.imgur.com/JauhZNs.jpg") repeat-x scroll center rgb(15, 56, 84); transition: all 1.0s linear 0s; } .clickable { cursor: pointer; } #search { margin: 20px 0; } #search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px rgba(0,0,0,0.2); min-width: 230px; } #main_search { margin-top: 5px; font-size: 12px; border: 0; padding: 0; color: #b0b0b0; background: transparent; width: 130px; outline: 0; } #main_search:focus { color: #5a5a5a; } input, select { font: normal 13px helvetica,arial,sans-serif; } #search_options { font-size: 10px; height: 20px; line-height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #EAEAEA; display: inline-block; float: right; max-width: 80px; text-overflow: ellipsis; overflow: hidden; } #search .submit_input { background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; border: 1px solid #7BA60D; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2); } #adv_search { width: 16px; height: 16px; background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; } fieldset { border: 0px groove threedface; } /*navegação*/ #primary_nav { background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1); font-size: 13px; padding: 10px; margin-bottom: 0px; box-shadow: 0px -0.6px 4px -2px inset; } #community_app_menu > li { margin: 0px 3px 0 0; } #community_app_menu > li > a { background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 2px 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6); color: rgb(255, 255, 255); display: block; padding: 6px 15px 8px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in 0s !important; } #community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover { background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57); box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset; color: rgb(255, 255, 255); } /* Menu FORUM INATIVO #community_app_menu > li.active > a { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4); color: rgba(255,255,255,1); font-weight: bold; margin-top: 0px; text-shadow: 1px 1px rgba(0,0,0,0.2); border-radius: 2px; } */ #primary_nav #quickNavLaunch { padding: 6px 8px 8px; } #quickNavLaunch span { background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top; width: 13px; height: 13px; display: inline-block; } /*table*/ .collapsed { opacity: 0.8; } .main .main-head.collapsed { border-radius: 4px 4px 4px 4px; opacity: 0.2; } .main .main-head, .main .main-foot { color: rgb(255, 255, 255); padding: 10px 10px 11px; border-radius: 4px 4px 0px 0px; border-width: 1px 1px 0px; border-style: solid; margin-top: 15px; background: url("http://i.imgur.com/6Dd5H5I.png") repeat-x scroll center 45% rgb(44, 86, 135); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset; border-color: rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .main .main-foot { margin-top: 0px; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-radius: 0 0 4px 4px; } .main .main-head .page-title h2 { font-size: 16px; font-weight: 300; } .pun .main-content { background: #ebf0f3; padding: 9px; } .pun table.table { background: #fff; border: 1px solid #dbe4ef; } .table .tc_icon { padding: 10px 5px!important; vertical-align: middle; width: 30px; } .pun table.table .tc_forum { height: 42px; min-height: 24px; } .pun tbody.statused span.stats { margin-right: 10px; margin-left: -25px; } .pun tbody.statused span.status { position: relative!important; } .pun .main table td.tc2, .pun .main table td.tc3 { background-color: white; } .pun table.table td { background: white; padding: 10px; border: 0px; border-bottom: 1px solid rgba(0, 0, 0,0.1); } .hierarchy { font-size: 15px!important; font-weight: 400!important; } /*lastpost*/ .mini_ava { float: left; } .mini_ava img { width: 30px; height: 30px; margin: 8px 5px; padding: 1px; border: 1px solid #D5D5D5; background: white; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); } .mini_ava img:hover { border-color: #a1a1a1; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); } .mini_ava img { border-radius: 30px } /*module*/ .module .main-head { font: 14px helvetica,arial,sans-serif; color: rgb(32, 64, 102); padding: 5px 10px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1); border: 1px solid rgb(210, 210, 210); border-radius: 3px 3px 0px 0px; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7) inset; } .module .main-content {background: #F7FBFC; border: 0px;} /*stats*/ #onlinelist {background: white;border-top: 3px solid #d8d8d8;} #onlinechat {background: white;border-top: 0px;} #statistics { margin: 0 auto !important; text-align: center !important; display: table; background: none; } .statHide{display:none !important;} .statsPers li span a { text-decoration: none !important; } .statsPers li > span { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1); color: rgb(34, 34, 34); text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); padding: 3px 7px; font-weight: bold; border-radius: 3px 3px 3px 3px; margin-right: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255); } .statsPers li { float: left; color:#4a4a4a; margin: 2px 10px; } .statsPers { list-style: none; display: block; margin: 0px auto; width: 100%; } /*footer*/ #footer_utilities { padding: 10px; font-size: 11px; position: relative; } #footer_utilities .ipsList_inline>li>a { margin-right: 0px; padding: 4px 10px; } #footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;} #footer_utilities a {color: #225985;} #footer_utilities a:hover {color: #328586;} #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; } #backtotop { width: 24px; height: 24px; line-height: 20px; left: 50%; margin-left: -12px; position: absolute; display: inline-block; background: #bdbdbd; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; opacity: 0.4; outline: 0; } #backtotop img {margin-top: 5px;} #backtotop:hover{background:#af286d;color:#fff;opacity:1;} #copyright { color: #848484; text-align: right; text-shadow: 0px 1px 0px #fff; } #copyright a { color: #848484; } /*post*/ .post h3 { background: #D8DDE8; padding: 0 10px; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; } span.post_id { margin-left: 4px; } .post_date { padding: 0 0 10px 0; font-size: 12px; color: #a4a4a4; } .desc.blend_links a { font: normal 12px helvetica, arial, sans-serif; color: #777777; } .post_id a img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; } .post_online {display: inline-block;} .pun .post .user { margin-left: -16em; margin-top: -0.9em; } .pun .post {background: white;} .pun .postmain { background-color: white; margin-left: 14em; border-left: 1px solid rgba(0, 0, 0, 0.1); } .pun .user .user-ident .user-basic-info { font-size: 11px; color: #a4a4a4; text-align: center; font-weight: normal; } .postfoot { border-top: 0px; margin-left: -14em; } /*user img*/ .user-basic-info a img { max-height: 290px; max-width: 150px; padding: 1px; border: 1px solid #D5D5D5; background: white; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); } .user-basic-info a img:hover { border-color: #A1A1A1; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); } /*quick reply*/ #pun-qpost { background: #ebf0f3; padding: 9px; padding-top: 1px; } #pun-qpost .main-head { font: 300 26px/1.3 Helvetica, Arial, sans-serif; color: #323232; font-size: 18px; background: white; border-top: 1px solid #dbe4ef; border-left: 1px solid #dbe4ef; border-right: 1px solid #dbe4ef; border-radius: 0px; -webkit-box-shadow: inset 0px 0px 0; -moz-box-shadow: inset 0px 0px 0; box-shadow: inset 0px 0px 0; } #pun-qpost a.exthelp {display: none;} .pun .frm-form, .main .main-content.frm { background-color: white; } .pun .post { border: 1px solid #dbe4ef; } .pun .main-content { border: 1px solid #dbe4ef; border-top: 0px; } #pun-qpost .frm-buttons { border-top: 0px; text-align: center; } /*chatbox*/ #chatbox_header.main-head { background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top; padding: 6px 8px 6px; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px 4px 0 0; -webkit-box-shadow: inset 0px 1px 0 #528cbc; -moz-box-shadow: inset 0px 1px 0 #528cbc; box-shadow: inset 0px 1px 0 #528cbc; border-width: 1px 1px 0 1px; border-color: #316897; border-style: solid; } .chatbox-title, .chatbox-title a.chat-title { color: #fff; font-size: 13px; font-weight: 300; } .chatbox-options {margin: .3em .3em .5em;} .chatbox-options li, .chatbox-options li a, .chatbox-options li label { color: #fff; } #chatbox_members { top: 40px; border-right: 1px solid #ccc; } #chatbox p:first-child { border-top: 1px solid #d5dde5; } #chatbox p { background: #f1f6f9; border-right: 1px solid #d5dde5; border-left: 1px solid #d5dde5; border-bottom: 1px solid #d5dde5; line-height: 1.2em; } #chatbox_footer { padding-bottom: 6px; border-top: 1px solid #d5dde5; background: #f1f6f9; } #chatbox_footer .right { /*display: none !important;*/ float: left; } #chatbox_messenger_form .right {margin-left: 8px;font-size:0} input#message.post { color: #5a5a5a; border-width: 1px; border-style: solid; border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1; background: #fff; padding: 4px; min-width: 395px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #message, #submit_button { margin-left: 15px; } .fontbutton { background: #EFF1F3; border-color: #DEE0E2; color: #464646; -moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2); } #divsmilies img + img{visibility:visible!important} #chatbox_messenger_form div.right img{visibility:hidden} #simple-wrap { background:white; } #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline { background-position: center; background-repeat: no-repeat; } #divbold { background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png); } #divitalic { background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png); } #divunderline { background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png); } #divstrike { background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png); } #divcolor { background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png); } #divsmilies { background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png); } .main-content.chatbox {padding: 0px;} #chatbox{ margin: 10px 0 10px 0; border: 1px solid #DCE2EC; border-bottom: 6px solid #DCE2EC; background: #ebf0f3; padding: 8px; } input[type="submit"] { text-decoration: none; border-width: 1px; border-style: solid; padding: 4px 10px; cursor: pointer; } input[type="submit"] { background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2); border-color: #212121; } /*crumbs*/ .pun-crumbs { background: none repeat scroll 0% 0% rgb(239, 241, 243); border: 1px solid rgb(217, 219, 221); border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2); clear: both; font-size: 11px; overflow: hidden; margin: 0px 1px 1em; padding: 0.2em 1em; } .pun-crumbs p { color: rgb(102, 102, 102); font-size: 1.11em; line-height: 1.5; } p.crumbs a { background: url("http://i57.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent; color: rgb(117,117,117) !important; line-height: 30px; padding: 10px 20px 10px 12px; margin-left: -12px; text-shadow: 0px 1px 0px rgb(255, 255, 255); } p.crumbs a:hover { background-position: 100% -1px; border-radius: 3px 0px 0px 3px; color: rgb(34, 34, 34); text-shadow: 0px 1px 0px rgb(255, 255, 255); } p.crumbs a:active { background-position: 100% -86px; border-radius: 3px 0px 0px 3px; color: rgb(34, 34, 34); text-shadow: 0px 1px 0px rgb(255, 255, 255); } /*Avatar Last Post*/ .mini_ava img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .mini_ava img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; border-radius: 7px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height: 30px; margin: 8px 5px; padding: 1px; width: 30px; } /* Moderar Tópicos */ .act_mod {margin: 0 0 8px 0;} .act_mod p { background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%; border: 1px solid rgb(219,219,219); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #616161; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; font-size: 12px; height: 22px; line-height: 22px; padding: 3px 10px; white-space: nowrap; cursor: pointer; display: inline-block; } #popw { background-color: #464646; background-color: rgba(70,70,70,0.6); padding: 4px; -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 ); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: none; z-index: 999; margin-top: 16px; position: absolute; } .mod_hover { background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png); width: 31px; height: 16px; position: absolute; } .popupInner { background: #fff; width: 500px; overflow: auto; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); overflow-x: hidden; } .action_mod li { background: rgb(248, 248, 248); border-bottom: 1px solid rgb(234, 234, 234); text-align: center; padding: 3px 4px; } .action_mod li a { color: #333!important; } /* fim moderar tópicos */ /* Novas Mensagens etc */ #pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px 5px 5px 5px; } /* fim novas msgs */ /* logo */ #logo { opacity: 0.9; display: inline; margin-left: -45px; } #logo:hover { opacity: 1; text-decoration: none; } /* fim logo */ /* curtir */ /*like*/ .LGlike { background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left; background-color: #326A94; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset; color: white; cursor: pointer; display: inline-block; font-size: 11px; height: 22px; line-height: 22px; padding: 0 18px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; margin-right: 5px; margin-top: 30px; } .LGvote { margin: 0 5px; } .LGnovote { filter:Alpha(opacity=50); opacity: 0.5; cursor: default; box-shadow: none; text-shadow: none; } /* fim curtir post */ /*POPUP TOPICO NÃO LIDO */ #popupnew { min-height: 20px; min-width: 150px; position: fixed; bottom: 30px; margin-left: 40px; padding: 5px; z-index: 999; border: 1px solid rgba(0, 0, 0, 0.8); text-shadow: 1px 1px rgba(255, 255, 255, 0.2); background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8); box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset; border-radius: 4px 4px 4px 4px; color: rgb(255, 255, 255); font-family: verdana,arial; font-size: 10pt; text-align: left; display: none; background-image: url("http://r20.imgfast.net/users/2011/11/04/42/smiles/2376561594.gif"); background-repeat: no-repeat; background-position: 1% 45%; padding-left: 1.5%; } /* fim popup n lido */ /* widgets no indice */ #pun-announcement { border-radius: 5px 5px 5px 5px; clear: both; font-size: 11px; margin: 0px 1px 1em; overflow: hidden; background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3); border: 1px solid rgba(255, 162, 0, 0.2); box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset; color: rgb(74, 74, 74); text-shadow: 1px 1px rgba(255, 255, 255, 0.6); } /* seletor de página */ .paging > b { background: none repeat scroll 0px 0px rgb(123, 166, 13); border-radius: 2px 2px 2px 2px; color: rgb(255, 255, 255); font-weight: 700; margin: 0px 1px; padding: 4px; } .paging > a { background: rgba(0,0,0,0.1); padding: 5px; border-radius: 2px; margin: 0 1px; color: #8D8D8D !important; } .paging > a:hover { background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1); border-radius: 2px 2px 2px 2px; padding: 5px; margin: 0px 1px; color: #505050 !important; } .sprite-arrow_prosilver_right { background: url("http://i34.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent; height: 20px; width: 39px; } /* avatar ultimos topicos widget*/ .ipsType_smaller, .ipsType_smaller a { margin-bottom: 5%; } /* resposta rápida */ #quick_reply #textarea_content { background: none repeat scroll 0px 0px rgb(235, 240, 243); border: 2px solid rgb(211, 211, 211); clear: both; height: auto !important; margin-left: -10px !important; margin-right: -10px !important; min-width: 950px; padding: 9px 4px; width: 100% !important; } /* assinatura */ .pun .sig-content { clear: both; margin-bottom: 4px !important; margin-top: 6px !important; padding: 0px 0px 10px !important; position: relative; } /* post foot */ .postfoot { border-top: 0px none; margin-left: -185px !important; opacity: 0.3; transition: all 0.5s ease 0s; } .postfoot:hover { opacity: 1; } /* PAGINA MEMBROS */ .pun table.table th { background-color: rgba(120, 10, 120, 0.8); padding: 0.5em 0px; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset; border: 1px solid rgba(0, 0, 0, 0.2); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .pun .frm .frm-form table { border: 1px solid rgba(0, 0, 0, 0.2); } .pun table.table td.tc3 { text-align: center; width: 15%; } /* pagina calendario */ .pun .main table.calendar thead th { background: rgba(120, 10, 120, 0.8); font-weight: 700; padding: 0.5em; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset; } .pun .main table.calendar .row3 { background-color: rgba(20, 50, 50, 0.1); padding: 0.25em; } .pun .main table.calendar td.row2:hover { background-color: rgba(110, 160, 190,0.2); transition: 0.3s; } /* pagination dos topicos */ strong.pagination { font-weight: 400; background: none repeat scroll 0% 0% rgb(123, 166, 13); padding: 2px; border-radius: 2px 2px 2px 2px; color: white; margin: 0 1px; } strong.pagination a { color: white !important; font-size: 12px; } /* codigos bbcode */ .codebox { background-color: rgb(255, 255, 225); border: 1px solid rgba(0,0,0,0.14); margin: 1em; box-shadow: 0 0 7px rgba(0,0,0,0.12); border-left: 2px solid rgba(120,10,100,1); } .codebox dt { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 0.25em; color: rgba(0, 0, 0, 0.7); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); margin-left: 5px; font-weight: bold; } .codebox dd { background-color: rgb(255, 255, 225); margin: 5px; padding: 1px; } .codebox dd.cont_code { max-height: 80%; overflow: auto; } .postmain blockquote { background-color: rgb(255, 255, 225); border-width: 1px 1px 1px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgb(120, 10, 10); margin: 1em; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12); } .postmain cite { display: block; font-style: normal; font-weight: 700; margin: 0px 0px 1em; border-bottom: 1px dashed rgba(0,0,0,0.2); padding: 1px; } .donate, .quotebox { background-color: rgb(255, 255, 225); border: 1px solid rgba(0,0,0,0.14); margin: 1em; box-shadow: 0 0 7px rgba(0,0,0,0.12); border-left: 2px solid rgba(120,10,100,1); } /* perfil menus */ #tabs ul li.activetab a { border-color: rgba(0,0,0,0.2); color: rgba(255,255,255,1); text-decoration: none; background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6); box-shadow: 0px 0px 1px rgba(255, 255, 255, 1); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-radius: 3px; } #tabs ul li.activetab a:hover { background-color: rgba(100,33, 123,0.7); transition: 0.4s; } #tabs ul li a { border: 1px solid; float: left; font-size: 1.1em; font-weight: 400; line-height: 2em; padding: 0px 1em; border-color: rgba(0,0,0,0.2); color: rgba(255,255,255,0.8); text-decoration: none; background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4); box-shadow: 0px 0px 1px rgba(255, 255, 255, 1); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-radius: 3px; } #tabs ul li a:hover { background-color: rgba(100,33, 123,0.7); color: rgba(255,255,255,1); transition: 0.4s; } .main .frm-info { background: rgba(0,144,69,0.8); border: 1px solid rgba(0,120,60,0.9); margin: 1.7em; padding: 1em; box-shadow: 1px 1px rgba(255,255,255,0.3) inset; color: white; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-weight: bold; } /* mensagens informativas */ .pun .main .main-content p.message { background-color: rgba(20,10,190,0.4); border: 1px solid rgba(0,0,0,0.4); margin: 1.7em; padding: 1em; box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset; color: rgba(255,255,255,1); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* corpo da mensagem */ .pun .postfoot .user-contact { float: left; text-align: center; width: 12em; } /* codigos de alerta e tal */ /* INICIO SELETOR DE TEMA CODE */ /* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */ .panda-code { padding: 5px 10px; font-size: 12px; font-family: monospace; background: #EFEFEF; color: #0D700D; border: 1px solid #CCC; overflow: auto; max-height: 300px; text-shadow: 0 1px white; text-align: left; display: block; } .panda-code ol { padding-left: 15px; } .panda-code ol li { padding: 1px 10px; margin: 4px 0; border-left: 2px solid green; list-style-type: decimal-leading-zero; } .panda-code ol li:hover { background: #DEDEDE; } .panda-string, .panda-multiLineString { color: #C03; } /* string literals */ .panda-special { color: #09F; } /* words defined as special */ .panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */ .panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */ .panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */ .panda-int { color: #f00; } /* FIM SELETOR DE TEMA CODE */ /* mensagem privada nova */ [data-counter]:after { background-color: #00ba3b; background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%); background-image: linear-gradient(#FF6969 0%, #ff0000 100%); content: attr(data-counter); position: absolute; padding: 2px 6px; border: 2px solid white; border-radius:100px; box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset; background-clip: padding-box; font:bold 10px "Helvetica Neue", sans-serif; color: white; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.6); margin-left: -10px; margin-top: 10px; } /* fim mensagem privada */ /* expandir imagem */ .resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{ display: block; padding: 2% 2% 1% 2%; border-radius: 5px 5px 0px 0px; background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3); border: 1px solid rgba(255, 162, 0, 0.2); box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset; color: rgb(74, 74, 74) !important; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); margin-bottom: -15px; text-align: right; } .resizebox a.fullsize { text-align: right; color: rgb(74, 74, 74) !important; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); margin-left: 10px; top: -4px; position: relative; } /* categoria retratil */ /* post infos */ .post_field:hover { background: none repeat scroll 0% 0% rgb(238, 238, 238); border-left-width: 3px !important; border-right-width: 3px !important; color: rgb(78, 78, 78); text-shadow: 1px 1px rgb(185, 185, 185); transition: all 0.3s linear 0s; } .post_field { background: none repeat scroll 0% 0% rgb(255, 255, 255); border-left-style: solid; border-left-color: rgb(109, 109, 109); border-left-width: 0px !important; border-right-style: solid; border-right-color: rgb(109, 109, 109); border-right-width: 0px !important; margin-bottom: 0.5px; padding: 0px; transition: all 0.1s linear 0s; } /* Multi - quote */ .FloatingAction { background: #fdfdfd; position: fixed; right: 10px; bottom: 10px; padding: 10px; z-index: 999; border: 4px solid #464646; border: 4px solid rgba(0,0,0,0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); box-shadow: 0px 3px 6px rgba(0,0,0,0.4); } .pun .post .user { width: 175px; font-size: 12px; text-align: center; line-height: 150%; margin-left: -170px; margin-top: -0.6em; } table.forumline[width="100%"][border="0"] tbody tr th.secondarytitle[colspan="2"][nowrap="nowrap"][width="100%"]{padding-left:27.4%} /*chatbox v1.1 BS*/ #chatbox_header.main-head { background: url(http://i.imgur.com/lubHUo2.png) repeat-x bottom #363636; padding: 3px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; min-height: 6px; } .chatbox-title, .chatbox-title a.chat-title { background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent; font: 700 15px/1.3 Helvetica,Arial,sans-serif; color: #fff; } .chatbox-title a.chat-title:hover { text-decoration: underline; } .chatbox-options li, .chatbox-options li a, .chatbox-options li label { color: #fff; } body[bgcolor]{background: #FCFCFF;} .main-content.chatbox { background-color: #FCFCFF; padding: 10px; border: 1px solid rgb(204, 204, 204); -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding-bottom: 0px; } #chatbox_members { background: rgb(246, 246, 248); border: 1px solid rgb(204, 204, 204); margin: 4px; top: 43px; bottom: 28px; right: 10; } #chatbox_members .member-title { background: url(http://i.imgur.com/aRhgCJi.png) repeat-x bottom #363636; color: #fff; padding: 5px; text-align: left; padding: 8px 10px; } #chatbox p { background: transparent; padding: 5px; line-height: 1.3em; } #chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] { background: #FAFAD2; } #chatbox_footer { background: transparent; border: 0px; } #chatbox_footer .right { float: left; } #chatbox_messenger_form .right {margin-left: 8px;font-size:0} input#message.post { font-family: inherit; min-width: 430px; color: #000; font-size: 13px; background-color: #fff; padding: 3px; margin-bottom: 2px; border-width: 1px; border-style: solid; border-top-color: rgb(192,192,192); border-right-color: rgb(233,233,233); border-bottom-color: rgb(233,233,233); border-left-color: rgb(192,192,192); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; outline: 0; } input#message.post:focus { background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x; border-top-color: rgb(150,150,150); border-bottom-color: rgb(230,230,230); } #submit_button, .fontbutton { font-style: normal; font-size: 12px; font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif; color: rgb(0, 0, 0); background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top; padding: 0px 6px; border: 1px solid rgb(221, 221, 235); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(179, 179, 189); -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; text-align: center; -webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210); box-shadow: 0px 1px 4px 0px rgb(200,200,210); text-shadow: 0 0 0 transparent, 0px -1px 2px white; outline: none; line-height: 23px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 23px; } #submit_button { margin-left: 13px; } #submit_button:hover, .fontbutton:hover { color: black; background-color: rgb(255,255,200); border-color: rgb(255,255,200); border-top-color: white; border-bottom-color: rgb(190,190,170); } #simple-wrap { background:white; } #chatbox_top { min-height: 280px; } #chatbox{ top: 43px; bottom: 28px; margin: 5px; background: rgb(246, 246, 248); border: 1px solid rgb(204, 204, 204); padding: 5px; right: 198px; left:0; } /*like*/ .BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none} /*Efeito Categoria*/ .page-title h2:hover { text-align: center !important; letter-spacing: 1px; transition: .3s; } .page-title h2 { text-align: center !important; color: #eee; cursor: pointer!important; display: block; font-family: Helvetica, Open Sans, Tahoma!important; font-size: 14px!important; font-weight: 700; padding: 10px!important; text-shadow: -1px 1px #000!important; transition: .3s; } /*Perfil & Widgets*/ .pun .post .user img { max-width: 170px!important; } /*Neon USER's*/ a[href="/u1"] { text-shadow: 0px 0px 2px #FF00D0; } a[href="/u4"]{text-shadow:0 0 2px #FF0000} /*Termos Personalizados*/ .message { background: #cde3a4 url('hhttp://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 0 !important; padding: 10px; border: 1px solid #a8c471; text-shadow: rgba(255,255,255,0.55) 0px 1px 0px; line-height: 1.6; font-size: 12px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; } .standalone.error, .standalone.error a, .standalone.error h2 { color: #80001c; } .standalone.error { background-color: #f3e3e6 !important; border-color: #e599aa; } fieldset.submit { background: #f3f5f6 url('http://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 1px; padding: 15px 6px 15px 6px; text-align: center; } /*box*/ .titlebox { background: url("http://i13.servimg.com/u/f13/18/08/41/63/transw13.png") repeat; background: rgba(255, 255, 255, 0.5) url('http://i13.servimg.com/u/f13/18/08/41/63/highli15.png') repeat-x 0 0; -webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px; -moz-box-shadow: inset rgba(255,255,255,0.5) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px; text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; overflow: hidden; } .titlebox dd {display: block;} .titlebox dava {float: left;} .ipsBox_withphoto {float: left; margin-left: 10px;} .ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 600px;} .ipsType_pagetitle a {font-size: 23px; z-index: 999;} .desc.lighter.blend_links {color: #777; float: left; font-size: 11px;} .socialetopic {float: right; position: relative;} .titlebox dava a img { float: left; height: 50px!important; width: 50px!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px; box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } .titlebox dava a img:hover {opacity: 0.8;} #left .module { background: #E5F1F9 url(http://i37.servimg.com/u/f37/16/87/99/88/nav13.png) repeat-x; } .h3, h3 {text-align: center!important;} .h3{ font-family: Helvetica, Open Sans, Tahoma!important; font-size: 14px!important; text-shadow: -1px 1px #000!important; } /*gallerys*/ .pun-crumbs a:last-child { font-weight:700!important; text-transform:uppercase } .galeriasFox { display:none } .scrollable { float:left; height:220px; overflow:hidden; position:relative; width:790px } .scrollable .items { clear:both; position:absolute; width:20000em } .items div { float:left; width:880px } .scrollable img { background-color:#fff; border:1px solid #ccc; float:left; height:130px; margin:15px 5px 15px 16px; padding:2px; width:170px } .scrollable .active { border:2px solid #000; cursor:default; position:relative } .control { background-color:#f8f8f8; box-shadow:#aaa 0 1px 3px; color:#aaa; cursor:pointer; display:block; float:left; line-height:0; margin:17px 0 0; padding:60px 5px }
[K]oke
Membro desde : 27/05/2013
Mensagens : 1639
Reputação : 213
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
Nemo~ • Qua 19 Fev 2014 - 23:27
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
[K]oke • Qui 20 Fev 2014 - 11:25
Coloco todos os códigos junto o que o Daemon passou?
[K]oke
Membro desde : 27/05/2013
Mensagens : 1639
Reputação : 213
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Nemo~ • Qui 20 Fev 2014 - 12:25
Sim , aqui o código usado:
Código: <script>jQuery(document).ready(function(){ jQuery('.pun-crumbs').after('<div class="galeriasFox"><div class="main"><div class="main-head"> <div class="page-title"> <h2>Galerias FoxDesign</h2> </div></div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused"> <tr> <td> <div style="margin:0 auto; padding: 0 0 0 9px;width: 1050px; height:200px;"> <a class="prev control"> <i class="fa fa-chevron-circle-left"></i> </a> <div class="scrollable" id="scrollable"> <div class="items"> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> </div> </div> <a class="next control right"> <i class="fa fa-chevron-circle-right"></i> </a> </div> </td> </tr> </tbody> </table> </div></div></div>'); jQuery('.scrollable').scrollable(); }); </script> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" /><link rel="stylesheet" type="text/css" href="http://jquerytools.org/media/css/scrollable-buttons.css" /><script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> $(document).ready(function(){ $(".pun-crumbs").after('<div class="galeriasFox"><div class="main"><div class="main-head"> <div class="page-title"> <h2>Galerias FoxDesign</h2> </div></div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused"> <tr> <td> <div style="margin:0 auto; padding: 0 0 0 9px;width: 1050px; height:200px;"> <a class="prev control"> <i class="fa fa-chevron-circle-left"></i> </a> <div class="scrollable" id="scrollable"> <div class="items"> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> <div> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> <a href="#"> <img src="http://i56.servimg.com/u/f56/17/78/57/29/holder10.png" title="Galeria vazia" alt="Galera vazia" /> </a> </div> </div> </div> <a class="next control right"> <i class="fa fa-chevron-circle-right"></i> </a> </div> </td> </tr> </tbody> </table> </div></div></div>'); $(".scrollable").scrollable() });
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Nemo~ • Ter 25 Fev 2014 - 23:14
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Daemon • Ter 25 Fev 2014 - 23:19
Tem como me conceder o acesso ao seu fórum pra que eu mesmo esteja adicionando o código?
Até!
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Target • Ter 25 Fev 2014 - 23:26
Olá!
Adicionou todos os código!?
Até +!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Nemo~ • Ter 25 Fev 2014 - 23:38
Ola, Adicionei todos sim. @Daemon , se registre la que eu te dou acesso ao painel de controle, Irei remover os códigos anteriores para que você possa adicionar corretamente.
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
waghcwb • Ter 25 Fev 2014 - 23:54
Caso o Daemon não consiga mexer lá, eu vou lançar uma versão bem mais bacana e elaborada desse slider em breve
Desse não, outro que fiz aqui, esse foi meio que um 'teste', pode ver que nem está mais em uso na Fox...
waghcwb
Membro desde : 19/05/2013
Mensagens : 827
Reputação : 810
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Nemo~ • Qua 26 Fev 2014 - 0:03
Ola, @Wagner' Caso pretenda fazer outro notifique-me. Continuarei usando esse caso o @Daemon consiga aplicar . Até que sua versão fique pronta (caso faça)
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
waghcwb • Qua 26 Fev 2014 - 0:04
Ja fiz amigo, está basicamente pronto para uso, só falta alguns ajustes, provavelmente amanhã ja lanço o tutorial aqui..
waghcwb
Membro desde : 19/05/2013
Mensagens : 827
Reputação : 810
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Nemo~ • Qua 26 Fev 2014 - 0:05
Ola, Ok então irei aguardar.
Nemo~
Membro
Membro desde : 06/02/2014
Mensagens : 122
Reputação : 84
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos