Como Coloco Shoutbox

por JrMAFiA 01.05.15 23:51

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Membro
Navegador usado : Google Chrome
Membros afetados : Somente comigo
Endereço do fórum : http://forum-br-games.forumeiros.com/forum

Descrição do problema

Bom Galera Não sei Como por Shoutbox No meu Forum Ja vi Os codigos inclusive daqui do Forumeiros Mas não sei Colocar tem COmo Falar passo a passo Obrigado !

por RafaelS. 02.05.15 7:17

Olá amigo.

O projeto foi abandonado pelo autor por conter vários erros. O mesmo apagou o seu script do banco de dados e desde então ele não irá mais dar suporte sobre essa questão.

No entanto, posso lhe fornecer um código que armazena as mensagens dos usuários e também adiciona o avatar ás mensagens assim como retira as mensagens de conexão e desconexão tornando um pouco semelhante ao shoutbox.

Caso nada disto lhe ajude poderá ler isto: https://ajuda.forumeiros.com/t99197-

Até mais.

por JrMAFiA 02.05.15 17:05

Bom Amigo Eu até queria Por o chatbox Mas ele da Esse seguinte Erro : Como Coloco Shoutbox 5peyc8

Por isso achei Melhor por o shoutbox agradeço Mas se Poder Pode Resolver esse problema Agradeço !

por RafaelS. 02.05.15 18:04

Olá amigo!

Poderia por gentileza me fornecer o seu CSS para efetuar as alterações?

Até mais.

por JrMAFiA 02.05.15 18:07

Código:: /********** CSS FUENTES **********/ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } /********** CSS GENERAL **********/ html, body, .main .main-foot, .main .main-head, .popupInner h3, .cabezal { background: #323232 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png ) repeat; } body { font-size: 13px; position: relative; font-family: 'Open Sans',sans-serif; } #pun-head { display: none; } #pun-visit, .main-box { display: none!important; } #pun-intro { display: none; } ul, ol, li { list-style-type: none; } .pun { background: #fff; padding: 10px 10px; line-height: 120%; -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1); box-shadow: 0 5px 9px rgba(0,0,0,0.1); margin-top: 6px; border-radius: 3px; } /*----------[Borrar Subrayados]------------*/ a {text-decoration: none;} a:link {text-decoration: none;} a:hover {text-decoration: none!important;} a.forumtitle {text-decoration: none;} a.forumtitle:hover {text-decoration: none!important;} a.topictitle {text-decoration: none;} a.topictitle:hover {text-decoration: none!important;} /*----------------FIN---------------*/ .pun a:link { color: #666; } .pun a:hover { color: #474747; } /*Inline CSS for CSS values and limits*/ #branding, #header_bar, #primary_nav { min-width: 980px; } .pun, .main_width { width: 87%; } .pun, .main_width { margin: 0 auto; min-width: 800px; } .main .main-head { margin-top: 9px; } #copyright:last-child a:first-child:before { content: 'Skin adaptada por Mindlez y diseñada por'; padding-right: 5px; } #primary_nav.floating { background: #102030 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png ) repeat-x; } /************************************************************************/ /* LISTS */ .ipsList_inline > li { display: inline-block; margin: 0 3px; } .ipsList_inline > li:first-child { margin-left: 0; } .ipsList_inline > li:last-child { margin-right: 0; } .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; } .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; } .ipsList_inline.ipsList_nowrap { white-space: nowrap; } .ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; } .ipsList_withmediumphoto > li .list_content { margin-left: 60px; } .ipsList_withminiphoto > li .list_content { margin-left: 44px; } #index_stats .ipsList_withtinyphoto .list_content, .ipsList_withtinyphoto > li .list_content { margin-left: 32px; } .list_content { word-wrap: break-word; } .ipsList_data li { padding: 6px; line-height: 1.3; } .ipsList_data .row_data { display: inline-block; } .ipsList_data .row_title, .ipsList_data .ft { display: inline-block; float: left; width: 120px; font-weight: bold; text-align: right; padding-right: 10px; } .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft { width: 80px; } /***CSS HEADER***/ #header_bar { background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x; padding: 0; text-align: right; } .socialicons { float: left; margin: 10px -10px 0 14px; } .socialicons .twitter{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/twitter.png)}.socialicons .twitter:hover{opacity:0.2}.socialicons .facebook{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/facebook.png)}.socialicons .facebook:hover{opacity:0.2}.socialicons .rss{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/rss.png)}.socialicons .rss:hover{opacity:0.2}.socialicons .google{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/googleplus.png)}.socialicons .google:hover{opacity:0.2}.socialicons .youtube{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/youtube.png)}.socialicons .youtube:hover{opacity:0.2}#bcholder{width:100%;height:50px;background:blue;margin-bottom:10px}#primary_nav.floating{border-radius:0 0 4px 4px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.4);color:#FFF;left:0;margin:0 auto;position:fixed;right:0;text-shadow:none;top:0;z-index:1000}#navcontainer{height:60px} .socialicons a { display: block; float: left; height: 16px; margin: 0 10px 0 0; opacity: 0.7; text-indent: -9999px; width: 16px; } /*no logeado css fix issues */ #user_navigation.not_logged_in { height: 26px; padding: 6px 0 4px; } /*** CSS USER ***/ #user_navigation { color: #9f9f9f; font-size: 11px; } #user_navigation .ipsList_inline li { margin: 0; } #user_navigation a { color: #fff; } img, .input_check, .input_radio { vertical-align: middle; } #user_navigation #register_link { color: #fff; display: inline-block; padding: 3px 8px; } /*** CSS BRANDING ***/ #branding { min-height: 64px; } #logo { display: inline; } /* este css es el que modifica la apariencia del logo http://i.imgur.com/ilnfbol.png */#textlogo { float: left; padding: 10px; font-size: 24px; margin-top: 6px; text-shadow: 1px 1px 3px #000; transition: all 0.3s ease-in-out 0s; color: #fff; } /* css buscador */ #search { margin: 19px 0; opacity: .7; transition: all 0,2s; } #search:hover { opacity: 1; } fieldset, img { border: 0; } .hide { display: none; } #adv_search { width: 16px; height: 16px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/advanced_search.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; } #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; border: 2px solid #BEBDBD; } #main_search { background: transparent; border: 0; font-size: 12px; outline: 0; padding: 0; width: 166px; margin-top: 5px; } #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; } .clickable { cursor: pointer; } #search .submit_input { background: transparent url(http://ipbskinning.com/demoboard/public/style_images/sylopro/search_icon.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; } /********** CSS NAVBAR **********/ #navcontainer { height: 60px; } #primary_nav { font-size: 13px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png) repeat-x; } #community_app_menu>li { margin: 0px 3px 0 0; position: relative; } #community_app_menu>li>a { color: #dfdfdf; display: block; padding: 15px 15px 17px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } #community_app_menu>li.active>a { margin-top: 0; text-shadow: none; box-shadow: 0 1px 15px #000 inset, 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 rgba(255, 255, 255, 0.05); } #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active { color: #fff; } /********** CSS INDEX_BOX **********/ #stats,.pun .frm-form, .pun .post { background: #fff; border: 1px solid #E4E2E2; } .pun-crumbs { margin: 0px; padding: 0px; line-height: 15px; height: 40px; background-color: #FFF; background-image: -webkit-linear-gradient(#FFF,#EEE); background-image: -moz-linear-gradient(#FFF,#EEE)); background-image: -ms-linear-gradient(#FFF,#EEE); background-image: -o-linear-gradient(#FFF,#EEE); background-image: linear-gradient(#FFF,#EEE); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px #CCC solid; -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -o-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); } .pun-crumbs p { color: #777; margin-top: 18px; padding-left: 7px; line-height: 0px; font-size: 11px; } .pun .main-content { background: #f2f2f2!important; border: 0px; padding: 9px; } .pun table.table { background: #fff; border: 1px solid #E4E2E2; } .table tbody.statused tr td { background: #fff!important; border: 0; border-bottom: 1px solid #f3f3f3; padding: 10px; color: #5a5a5a; } .table tbody.statused tr td div.by.smalltext { font-size: 11px; color: #a4a4a4; } .pun .table .tch3xd { text-align: right; } .pun table.table td.col_c_stats { text-align: right; width: 15%; } .pun table.table th { background-color: transparent; color: #333; padding: .5em 0; font-variant: small-caps; font-family: tahoma; font-size: 13px; } .table tbody.statused tr td a.forumtitle { color: #666!Important; font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 100; } .table tbody.statused tr td a.forumtitle:hover { color: #666!Important; } .table tbody.statused tr td .desc { color: #8B8A8A; font-size: 12px; line-height: 18px; } .main .main-foot, .main .main-head, .cabezal { color: #fff; padding: 10px 10px 11px; font-size: 16px; font-weight: 300; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) inset; } .main .main-head .page-title, .main .main-head .page-title .h2, .main .main-head .page-title h2 { color: #fff; font-size: 16px; font-weight: 300; } div.derechita { margin-left: 26px; } .table tbody.statused tr td.tdtopics a.topictitle { display: inline-block; font-size: 14px; margin-bottom: 1px; } .main .ipb-content thead { display: none; } /****************************************************************** ************** CSS VIEW TOPIC BODY, HELL YEAH ********************/ .pun h2, .pun h3, .pun input, .pun select, .pun th { font-family: 'Open Sans',sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; } img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; } .desc.blend_links { font-size: 11px; color: #76716b; } .desc.blend_links a { font-size: 11px; color: #76716b; } .pun .post { border-bottom: 0px none } .pun .post:last-child { border-bottom: 1px solid #dcd6d1!important } .pun .post .cabezal .author a span strong { font-weight: 100!important; } .pun .post .cabezal .author a span { color: white!important; } .pun .post .cabezal .author a { color: white!important; } .postfoot { border: 0px; clear: both; margin-left: -16em; padding: .5em 1em; text-align: right; } .pun .posthead { background: transparent; border-bottom: 0px; padding: 10px 6px 10px 9px; font-size: 11px; color: #a49f98; font-weight: normal; } .pun .posthead h2 { font-family: 'Open Sans',sans-serif; font-size: 12px; } .pun .post-entry { padding: 1px; line-height: 1.6; word-wrap: break-word; color: #282828; } .pun .post .user { display: inline; float: left; margin-left: -191px; margin-top: -2.8em; position: relative; text-align: center; width: 164px; } .pun .postmain { background-color: transparent; border-left: 0px; margin-left: 16em; } .pun .user-ident .user-basic-info div#Avatar_For_IPB a img { padding: 1px; border: 1px solid #d5d1c8; background: #FDFAF7; -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); max-width: 90px; max-height: 90px; } .pun .user-ident .user-basic-info div#Avatar_For_IPB a img:hover { border-color: #7b7672; } .pun .user .user-info { line-height: 1.8em; color: #a49f98; font-weight: normal; font-size: 11px; } .pun .user-ident .user-basic-info { font-weight: 100; } /*** CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/ .mini_ava { float: left; } .mini_ava img { background: none repeat scroll 0 0 #FFF; border: 1px solid #d5d1c8; box-shadow: 0 2px 2px rgba(0,0,0,0.1); margin: 4PX 10px; padding: 1px; width: 30px; height: 30px; } .mini_ava img:hover { border-color: #7b7672; } /** END CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/ td.tcr span a:empty:before { color: #a49f98; content: "No posts to view."; cursor: default; font-size: 11px; font-style: italic; margin: 1px 0 4px 52px; pointer-events: none; text-align: center; word-wrap: break-word; } /********************************************************************** ******************** CSS SCEDITOR ************************/ #textarea_content { text-align: inherit!important; width: 71%!important; } #textarea_content .sceditor-container { background: #ebe6e1!important; border: 1px solid #C9C4C1; border-radius: 0!important; } #textarea_content .sceditor-container .sceditor-toolbar { background: none!important; border: 0!important; } #textarea_content .sceditor-group { background: transparent; border: 0!important; border-radius: 3px!important; border-right: 1px solid rgba(170, 170, 170, 0.53)!important; padding-right: 4px; padding-left: 4px; } #textarea_content .sceditor-group:last-child { border-right: 0px none!important; } #textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover, #textarea_content .sceditor-group a:hover { background: #fdfaf7!important; border-radius: 0!important; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.76); } #textarea_content .sceditor-container textarea, #textarea_content iframe { background: #FFF!important; border: 1px solid #C9C4C1; border-radius: 0!important; box-shadow: inset rgba(201, 196, 193, 0.44) 0 2px 10px!important; color: #5c5c5c!important; cursor: text!important; padding: 1px 5px!important; width: 96%!important; } #message-box #textarea_content .sceditor-container { width: 100%!important; } /********************************************************************** ******************** END CSS SCEDITOR **********************/ /****CSS AVISO NO-LOGEADOS ****/ h1, h2, h3, h4, h5, h6 { font-size: 100%!important; font-weight: normal; } #guestcontainer { width: 100%; } .registerbutton { background: none repeat scroll 0 0 #F5C572; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px #B0720A inset, 0 1px 0 rgba(255,255,255,0.5); float: right; font-size: 16px; font-weight: lighter; height: 31px; line-height: 29px; margin-bottom: 11px; margin-right: 19px; padding: 11px; text-align: center; width: 222px; opacity: 0.8; } .registerbutton:hover { opacity: 1; } h3, strong { font-weight: bold!important; } .registerbutton h3 a { color: #B85F1D!important; text-shadow: 0 1px 0 rgba(255,255,255,0.55); } .guestmessage { background: none repeat scroll 0 0 #E4E4E4; font-size: 13px; font-weight: lighter; margin-bottom: 11px; padding: 11px; border-radius: 3px; margin-right: 281px; box-shadow: 0 1px 4px #8e8e8e inset, 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255,255,255,0.55); } /********************************************************************** ******************** CSS WIDGETS ************************/ .module.main { margin: 0 0 0 11px !important; } .module > .main-head { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #E0DFDF; color: #666; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; padding: 5px 10px; text-shadow: inherit!important; box-shadow: none!important; border-radius: 0px; } .module .main-content { background: transparent!important; border: 0px none; border-radius: 0!important; border-top: 0 none!important; color: #666; font-size: 12px; margin-top: -5px; padding: 10px!important; } /***CSS Stats***/ .statistics_head { background: #e2e2e2; color: #4a4a4a; font-size: 13px!important; font-weight: 700; padding: 7px 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); } #onlinelist { -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 0 0 4px 4px; border-top: 0; line-height: 1.3; margin: 0; overflow: hidden; padding: 0 10px 10px!important; } p.leyenda_css { color: transparent; font-size: 12px; font-style: italic; padding: 1px 0 0 0; border-top: 1px dashed rgba(0, 0, 0, 0.08); margin: 4px 0 0 0; } p.leyenda_css:before { content: 'Our Groups'; color: #5a5a5a; padding-right: 5px; } #pun-about { background-color: transparent; border: 0px none; line-height: 150%; padding: .6em 1em; text-align: right; font-size: 9px; } #pun-about #qjump { display: none; } P[CLASS="RETROGRADO"] { margin: 5PX 0 0 0; } #board_stats li { margin-right: 20px; } #board_stats ul { text-align: center; } #board_stats .value { display: inline-block; background: #e2e2e2; color: #4a4a4a; padding: 2px 6px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 3px; margin-top: 15px; } /******** CSS FOOTER ********/ #footer_utilities { padding: 10px; font-size: 11px; position: relative; } /***ir arriba***/ #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.2; outline: 0; } /***ir arriba hover***/ #backtotop:hover{background:#bbbaba;color:#fff;opacity:1} #backtotop img { margin-top: 5px; } #footer_utilities .ipsList_inline>li>a { margin-right: 0px; padding: 4px 10px; color: #fff; opacity: 0.7; } #footer_utilities .ipsList_inline>li>a:hover{opacity:1} #copyright { color: #fff; text-align: right; } #copyright a { color: #fff; } /***fix issues***/ #user_navigation.logged_in a { color: #fff; float: left; height: 41px; line-height: 21px; outline: none; padding: 6px 12px 0; } #avatar img { height: 29px; margin: -4px -6px 0; padding: 0; position: relative; vertical-align: top; width: auto; } #inbox_link img, #notify_link img { margin-top: 9px; } #inbox_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_inbox.png); } #notify_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_notify.png); } #inbox_link img, #notify_link img { background-position: 0 0; background-repeat: no-repeat; height: 20px; margin-top: -2px; width: 20px; }

por RafaelS. 02.05.15 18:29

Saudações!

Troque o seu CSS inteiro por este:

Código:: /********** CSS FUENTES **********/ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } /********** CSS GENERAL **********/ html, body, .main .main-foot, .main .main-head, .popupInner h3, .cabezal { background: #323232 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png ) repeat; } body { font-size: 13px; position: relative; font-family: 'Open Sans',sans-serif; } #pun-head { display: none; } #pun-visit, .main-box { display: none!important; } #pun-intro { display: none; } ul, ol, li { list-style-type: none; } .pun { background: #fff; padding: 10px 10px; line-height: 120%; -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1); box-shadow: 0 5px 9px rgba(0,0,0,0.1); margin-top: 6px; border-radius: 3px; } /*----------[Borrar Subrayados]------------*/ a {text-decoration: none;} a:link {text-decoration: none;} a:hover {text-decoration: none!important;} a.forumtitle {text-decoration: none;} a.forumtitle:hover {text-decoration: none!important;} a.topictitle {text-decoration: none;} a.topictitle:hover {text-decoration: none!important;} /*----------------FIN---------------*/ .pun a:link { color: #666; } .pun a:hover { color: #474747; } /*Inline CSS for CSS values and limits*/ #branding, #header_bar, #primary_nav { min-width: 980px; } .pun, .main_width { width: 87%; } .pun, .main_width { margin: 0 auto; min-width: 800px; } .main .main-head { margin-top: 9px; } #copyright:last-child a:first-child:before { content: 'Skin adaptada por Mindlez y diseñada por'; padding-right: 5px; } #primary_nav.floating { background: #102030 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png ) repeat-x; } /************************************************************************/ /* LISTS */ .ipsList_inline > li { display: inline-block; margin: 0 3px; } .ipsList_inline > li:first-child { margin-left: 0; } .ipsList_inline > li:last-child { margin-right: 0; } .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; } .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; } .ipsList_inline.ipsList_nowrap { white-space: nowrap; } .ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; } .ipsList_withmediumphoto > li .list_content { margin-left: 60px; } .ipsList_withminiphoto > li .list_content { margin-left: 44px; } #index_stats .ipsList_withtinyphoto .list_content, .ipsList_withtinyphoto > li .list_content { margin-left: 32px; } .list_content { word-wrap: break-word; } .ipsList_data li { padding: 6px; line-height: 1.3; } .ipsList_data .row_data { display: inline-block; } .ipsList_data .row_title, .ipsList_data .ft { display: inline-block; float: left; width: 120px; font-weight: bold; text-align: right; padding-right: 10px; } .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft { width: 80px; } /***CSS HEADER***/ #header_bar { background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x; padding: 0; text-align: right; } .socialicons { float: left; margin: 10px -10px 0 14px; } .socialicons .twitter{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/twitter.png)}.socialicons .twitter:hover{opacity:0.2}.socialicons .facebook{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/facebook.png)}.socialicons .facebook:hover{opacity:0.2}.socialicons .rss{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/rss.png)}.socialicons .rss:hover{opacity:0.2}.socialicons .google{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/googleplus.png)}.socialicons .google:hover{opacity:0.2}.socialicons .youtube{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/youtube.png)}.socialicons .youtube:hover{opacity:0.2}#bcholder{width:100%;height:50px;background:blue;margin-bottom:10px}#primary_nav.floating{border-radius:0 0 4px 4px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.4);color:#FFF;left:0;margin:0 auto;position:fixed;right:0;text-shadow:none;top:0;z-index:1000}#navcontainer{height:60px} .socialicons a { display: block; float: left; height: 16px; margin: 0 10px 0 0; opacity: 0.7; text-indent: -9999px; width: 16px; } /*no logeado css fix issues */ #user_navigation.not_logged_in { height: 26px; padding: 6px 0 4px; } /*** CSS USER ***/ #user_navigation { color: #9f9f9f; font-size: 11px; } #user_navigation .ipsList_inline li { margin: 0; } #user_navigation a { color: #fff; } img, .input_check, .input_radio { vertical-align: middle; } #user_navigation #register_link { color: #fff; display: inline-block; padding: 3px 8px; } /*** CSS BRANDING ***/ #branding { min-height: 64px; } #logo { display: inline; } /* este css es el que modifica la apariencia del logo http://i.imgur.com/ilnfbol.png */#textlogo { float: left; padding: 10px; font-size: 24px; margin-top: 6px; text-shadow: 1px 1px 3px #000; transition: all 0.3s ease-in-out 0s; color: #fff; } /* css buscador */ #search { margin: 19px 0; opacity: .7; transition: all 0,2s; } #search:hover { opacity: 1; } fieldset, img { border: 0; } .hide { display: none; } #adv_search { width: 16px; height: 16px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/advanced_search.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; } #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; border: 2px solid #BEBDBD; } #main_search { background: transparent; border: 0; font-size: 12px; outline: 0; padding: 0; width: 166px; margin-top: 5px; } #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; } .clickable { cursor: pointer; } #search .submit_input { background: transparent url(http://ipbskinning.com/demoboard/public/style_images/sylopro/search_icon.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; } /********** CSS NAVBAR **********/ #navcontainer { height: 60px; } #primary_nav { font-size: 13px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png) repeat-x; } #community_app_menu>li { margin: 0px 3px 0 0; position: relative; } #community_app_menu>li>a { color: #dfdfdf; display: block; padding: 15px 15px 17px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } #community_app_menu>li.active>a { margin-top: 0; text-shadow: none; box-shadow: 0 1px 15px #000 inset, 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 rgba(255, 255, 255, 0.05); } #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active { color: #fff; } /********** CSS INDEX_BOX **********/ #stats,.pun .frm-form, .pun .post { background: #fff; border: 1px solid #E4E2E2; } .pun-crumbs { margin: 0px; padding: 0px; line-height: 15px; height: 40px; background-color: #FFF; background-image: -webkit-linear-gradient(#FFF,#EEE); background-image: -moz-linear-gradient(#FFF,#EEE)); background-image: -ms-linear-gradient(#FFF,#EEE); background-image: -o-linear-gradient(#FFF,#EEE); background-image: linear-gradient(#FFF,#EEE); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px #CCC solid; -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -o-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); } .pun-crumbs p { color: #777; margin-top: 18px; padding-left: 7px; line-height: 0px; font-size: 11px; } .pun .main-content { background: #f2f2f2!important; border: 0px; padding: 9px; } .pun table.table { background: #fff; border: 1px solid #E4E2E2; } .table tbody.statused tr td { background: #fff!important; border: 0; border-bottom: 1px solid #f3f3f3; padding: 10px; color: #5a5a5a; } .table tbody.statused tr td div.by.smalltext { font-size: 11px; color: #a4a4a4; } .pun .table .tch3xd { text-align: right; } .pun table.table td.col_c_stats { text-align: right; width: 15%; } .pun table.table th { background-color: transparent; color: #333; padding: .5em 0; font-variant: small-caps; font-family: tahoma; font-size: 13px; } .table tbody.statused tr td a.forumtitle { color: #666!Important; font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 100; } .table tbody.statused tr td a.forumtitle:hover { color: #666!Important; } .table tbody.statused tr td .desc { color: #8B8A8A; font-size: 12px; line-height: 18px; } .main .main-foot, .main .main-head, .cabezal { color: #fff; padding: 10px 10px 11px; font-size: 16px; font-weight: 300; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) inset; } .main .main-head .page-title, .main .main-head .page-title .h2, .main .main-head .page-title h2 { color: #fff; font-size: 16px; font-weight: 300; } div.derechita { margin-left: 26px; } .table tbody.statused tr td.tdtopics a.topictitle { display: inline-block; font-size: 14px; margin-bottom: 1px; } .main .ipb-content thead { display: none; } /****************************************************************** ************** CSS VIEW TOPIC BODY, HELL YEAH ********************/ .pun h2, .pun h3, .pun input, .pun select, .pun th { font-family: 'Open Sans',sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; } img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; } .desc.blend_links { font-size: 11px; color: #76716b; } .desc.blend_links a { font-size: 11px; color: #76716b; } .pun .post { border-bottom: 0px none } .pun .post:last-child { border-bottom: 1px solid #dcd6d1!important } .pun .post .cabezal .author a span strong { font-weight: 100!important; } .pun .post .cabezal .author a span { color: white!important; } .pun .post .cabezal .author a { color: white!important; } .postfoot { border: 0px; clear: both; margin-left: -16em; padding: .5em 1em; text-align: right; } .pun .posthead { background: transparent; border-bottom: 0px; padding: 10px 6px 10px 9px; font-size: 11px; color: #a49f98; font-weight: normal; } .pun .posthead h2 { font-family: 'Open Sans',sans-serif; font-size: 12px; } .pun .post-entry { padding: 1px; line-height: 1.6; word-wrap: break-word; color: #282828; } .pun .post .user { display: inline; float: left; margin-left: -191px; margin-top: -2.8em; position: relative; text-align: center; width: 164px; } .pun .postmain { background-color: transparent; border-left: 0px; margin-left: 16em; } .pun .user-ident .user-basic-info div#Avatar_For_IPB a img { padding: 1px; border: 1px solid #d5d1c8; background: #FDFAF7; -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); max-width: 90px; max-height: 90px; } .pun .user-ident .user-basic-info div#Avatar_For_IPB a img:hover { border-color: #7b7672; } .pun .user .user-info { line-height: 1.8em; color: #a49f98; font-weight: normal; font-size: 11px; } .pun .user-ident .user-basic-info { font-weight: 100; } /*** CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/ .mini_ava { float: left; } .mini_ava img { background: none repeat scroll 0 0 #FFF; border: 1px solid #d5d1c8; box-shadow: 0 2px 2px rgba(0,0,0,0.1); margin: 4PX 10px; padding: 1px; width: 30px; height: 30px; } .mini_ava img:hover { border-color: #7b7672; } /** END CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/ td.tcr span a:empty:before { color: #a49f98; content: "No posts to view."; cursor: default; font-size: 11px; font-style: italic; margin: 1px 0 4px 52px; pointer-events: none; text-align: center; word-wrap: break-word; } /********************************************************************** ******************** CSS SCEDITOR ************************/ #textarea_content { text-align: inherit!important; width: 71%!important; } #textarea_content .sceditor-container { background: #ebe6e1!important; border: 1px solid #C9C4C1; border-radius: 0!important; } #textarea_content .sceditor-container .sceditor-toolbar { background: none!important; border: 0!important; } #textarea_content .sceditor-group { background: transparent; border: 0!important; border-radius: 3px!important; border-right: 1px solid rgba(170, 170, 170, 0.53)!important; padding-right: 4px; padding-left: 4px; } #textarea_content .sceditor-group:last-child { border-right: 0px none!important; } #textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover, #textarea_content .sceditor-group a:hover { background: #fdfaf7!important; border-radius: 0!important; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.76); } #textarea_content .sceditor-container textarea, #textarea_content iframe { background: #FFF!important; border: 1px solid #C9C4C1; border-radius: 0!important; box-shadow: inset rgba(201, 196, 193, 0.44) 0 2px 10px!important; color: #5c5c5c!important; cursor: text!important; padding: 1px 5px!important; width: 96%!important; } #message-box #textarea_content .sceditor-container { width: 100%!important; } /********************************************************************** ******************** END CSS SCEDITOR **********************/ /****CSS AVISO NO-LOGEADOS ****/ h1, h2, h3, h4, h5, h6 { font-size: 100%!important; font-weight: normal; } #guestcontainer { width: 100%; } .registerbutton { background: none repeat scroll 0 0 #F5C572; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px #B0720A inset, 0 1px 0 rgba(255,255,255,0.5); float: right; font-size: 16px; font-weight: lighter; height: 31px; line-height: 29px; margin-bottom: 11px; margin-right: 19px; padding: 11px; text-align: center; width: 222px; opacity: 0.8; } .registerbutton:hover { opacity: 1; } h3, strong { font-weight: bold!important; } .registerbutton h3 a { color: #B85F1D!important; text-shadow: 0 1px 0 rgba(255,255,255,0.55); } .guestmessage { background: none repeat scroll 0 0 #E4E4E4; font-size: 13px; font-weight: lighter; margin-bottom: 11px; padding: 11px; border-radius: 3px; margin-right: 281px; box-shadow: 0 1px 4px #8e8e8e inset, 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255,255,255,0.55); } /********************************************************************** ******************** CSS WIDGETS ************************/ .module.main { margin: 0 0 0 11px !important; } .module > .main-head { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #E0DFDF; color: #666; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; padding: 5px 10px; text-shadow: inherit!important; box-shadow: none!important; border-radius: 0px; } .module .main-content { background: transparent!important; border: 0px none; border-radius: 0!important; border-top: 0 none!important; color: #666; font-size: 12px; margin-top: -5px; padding: 10px!important; } /***CSS Stats***/ .statistics_head { background: #e2e2e2; color: #4a4a4a; font-size: 13px!important; font-weight: 700; padding: 7px 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); } #onlinelist { -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 0 0 4px 4px; border-top: 0; line-height: 1.3; margin: 0; overflow: hidden; padding: 0 10px 10px!important; } p.leyenda_css { color: transparent; font-size: 12px; font-style: italic; padding: 1px 0 0 0; border-top: 1px dashed rgba(0, 0, 0, 0.08); margin: 4px 0 0 0; } p.leyenda_css:before { content: 'Our Groups'; color: #5a5a5a; padding-right: 5px; } #pun-about { background-color: transparent; border: 0px none; line-height: 150%; padding: .6em 1em; text-align: right; font-size: 9px; } #pun-about #qjump { display: none; } P[CLASS="RETROGRADO"] { margin: 5PX 0 0 0; } #board_stats li { margin-right: 20px; } #board_stats ul { text-align: center; } #board_stats .value { display: inline-block; background: #e2e2e2; color: #4a4a4a; padding: 2px 6px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 3px; margin-top: 15px; } /******** CSS FOOTER ********/ #footer_utilities { padding: 10px; font-size: 11px; position: relative; } /***ir arriba***/ #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.2; outline: 0; } /***ir arriba hover***/ #backtotop:hover{background:#bbbaba;color:#fff;opacity:1} #backtotop img { margin-top: 5px; } #footer_utilities .ipsList_inline>li>a { margin-right: 0px; padding: 4px 10px; color: #fff; opacity: 0.7; } #footer_utilities .ipsList_inline>li>a:hover{opacity:1} #copyright { color: #fff; text-align: right; } #copyright a { color: #fff; } /***fix issues***/ #user_navigation.logged_in a { color: #fff; float: left; height: 41px; line-height: 21px; outline: none; padding: 6px 12px 0; } #avatar img { height: 29px; margin: -4px -6px 0; padding: 0; position: relative; vertical-align: top; width: auto; } #inbox_link img, #notify_link img { margin-top: 9px; } #inbox_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_inbox.png); } #notify_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_notify.png); } #inbox_link img, #notify_link img { background-position: 0 0; background-repeat: no-repeat; height: 20px; margin-top: -2px; width: 20px; } #chatbox_footer { position: unset; } #chatbox_members { height: 231px; background: #fff; position: unset; } #chatbox {background: #fff}