Problema Chatbox

In jos

Problema Chatbox

Mesaj Scris de Sn!k3rs la data de Mar 12 Iul - 13:22

Salut lume as avea nevoie de ajutor mai mare nevoie de ionut Smile)
Am o problema foarte simpla cum fac sa mearga chatbox imagine transparenta
si sta cu capul in sus ce fac? cod chatbox
Cod:
<div class="module main">
 <div class="main-content">
 <div id="chatbox_portal" style="overflow:none;height:300px;"></div>
 <script type="text/javascript">
 insertChatBoxNew('chatbox_portal', '{U_FRAME_CHATBOX}');
 </script>
 <img src="http://illiweb.com/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize; float: right;" />
 </div>
</div>

css:
Cod:
.bt {
 color: #FFF!important;
    font-size: 11px;
    font-weight: 700;
    background: #009c12;
    border: none;
    border: 1px solid #017017;
    border-radius: 3px;
    display: inline-block;
    line-height: normal!important;
    padding: 6px 9px!important;
    margin: 2px;
    transition: 300ms;
}
.pagination span.page-sep {
    display: none;
}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
  background: #353535 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
    color: #fff;
    padding: 2px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 3px;
  font-size: 10px
    text-decoration: none;
}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:hover {
    background: #505050 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
    color: #fff;
    padding: 2px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 3px;
  font-size: 10px
    text-decoration: none;
}
.paging {
  color: #fff;
  margin-left: -13px;
margin-top: 15px !important;
}
.paging a, .paging b {
      background: #424242 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
  color: #fff;
  text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 4px 7px;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: normal;
}
.paging a:hover {
  background: #505050 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
 
}
.paging b {
  background: #7ba60d url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight.png') repeat-x 0 0;
  border-color: #7ba60d;
  text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.paging .disabled {
  background: #424242 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
  color: #fff;
  text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 4px 7px;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: normal;
  cursor: not-allowed;
}

#branding {
    height: 328px;
    position: relative;
    background: url('http://i68.servimg.com/u/f68/19/30/30/09/gsju_p11.png') no-repeat;
    background-position: center top;
    margin: 0px auto;
}
.progress_bar {
    background-color: #262626;
    border: 1px solid #2e2e2e;
}
.progress_bar span {
    background: #2aa0b2;
    color: #fff;
    font-size: 0em;
    font-weight: bold;
    text-align: center;
    text-indent: -2000em;
    height: 10px;
    display: block;
    overflow: hidden;
}
.pun .main .main-content p.message {
  -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    background-color: #872d2d;
    border: 1px solid #6CCCC;
    border-color: #c15050;
    box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    color: #eff6dd;
    font-size: 12px;
    line-height: 1.0;
    padding: 5px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
/*Inceputu Tabelului profil*/
.sub-head {
    border-bottom: 1px solid #191919;
    margin: .5em 1.7em;
    padding: 0 0 .5em;
}
#tabs ~ form,#tabs ~ div{
  color: #fff;
  margin-left:180px;
  border-left:1px solid #2d2d2d;
  padding-left:0px
}
#tabs ~ div.main-head:before{
  color: #000;
  content:" ";
  display:block;
  width:20px;
  height:5px;
  position:absolute;
  background:#fff;
  margin-top:60px;
  margin-left:-10px
}
#tabs{
  position:absolute;
  margin-top:33px
}
#new-message #tabs{
  margin-top:0
}
#tabs:before{
  content:" ";
  position:absolute;
  z-index:10;
  width:5px;
  height:32px;
  margin-left:170px;
  margin-top:-33px
}
#new-message #tabs:before{
    content:none
}
#tabs ul{
  padding:0
}
#tabs ul li{
  display:block;
  float:none;
  padding:0
}
#tabs ul li a{
  float:none;
  display:block;
  width:163px;
  border:1px solid  #323232;
    border-right:2px solid  #323232 !important;
  background:#2d2d2d;
  margin:-1px 0 0;
  padding:0 7px
}
#tabs ul li.activetab a{
  text-decoration:none;
  color:#fff;
  background:#1a1a1a;
  border:1px solid  #323232;
  position:relative;
  border-right-color:#323232!important;
  z-index:1
}
/**/
.buton {
  padding: 15px;
}
.main-content.standalone .button:hover {
    background: url('http://i.imgur.com/coMXtN3.png') #111;
    border: 1px solid #323232;
}
.main-content.standalone .button.button1 {
    font-weight: 700;
}
.main-content.standalone .button {
    border: 1px solid #323232;
    margin: 1em;
    padding: .5em 1em;
}
.frm-buttons {
    border-top: 0px double #000;
    margin-bottom: -.7em;
    margin-top: .5em;
    padding: .7em 0 0 17.5em;
}
.pun input, .pun th {
    padding: 6px;
    border: 1px solid #383838;
    background: #292929;
    color: #b7b7b7;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: helvetica,arial,sans-serif !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.main .frm-info {
        -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    background-color: #872d2d;
    border: 1px solid #6CCCC;
    border-color: #c15050;
    box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    color: #eff6dd;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
 
}
fieldset.frm-set.multi {
    border-bottom: 0px dashed ;
    padding: 0;
}
.main-content.standalone {
    background: #111;
    margin: .5em 0;
    padding: 1em;
}
.pun .main-content {
    border: 1px solid #323232;
}
  .main-content.standalone h2 {
    border-bottom: 0px solid;
    font-size: 1.7em;
    margin: 0 0 1em;
}

.pun .main {
  padding: 6px;
}
#pun-visit {
 display: none;
}
.messagej {
 color: #eff6dd;
 background-color: #872d2d;
    border-color: #c15050;
    padding: 10px;
    border: 1px solid #6CCCC;
    text-shadow: rgba(0,0,0,0.2) 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;
}

/*reply DevilExtrem*/
#quick-avatar {
position: absolute;
 margin: 0px 0px;
}
#quick-avatar img {
width: 50px;
height: 50px;
padding: 1px;
  border-radius: 100px !important;
border: 2px solid #00569C;
background: white;
}
#quick-avatar img:hover {
  border-color: #00569C;
-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);
}
.sceditor-container textarea {
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px;
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px;
    background: none repeat scroll 0 0 #292929!important;
    border: 1px solid #111;
    border-color: #111 !important;
    border-style: solid!important;
    border-width: 1px!important;
    box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px;
    color: #fff;
    height: 200px!important;
    margin: 0!important;
    padding: 6px;
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
    width: 100%!important;
}
.sceditor-button.sceditor-button-color{
  margin-left:5px!important;
  margin-right:5px!important
}
.sceditor-container.ltr{
  background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border:1px solid #232323 !important;
  border-radius:0!important;
  height:200px;
  padding:0 5px 21px 3px;
  width:auto!important
}
#text_editor_textarea,#textarea_content iframe#text_editor_iframe{
  height:200px!important;
  width:100%!important
}
div.sceditor-group {
  background:none repeat scroll 0 0 #fff !important;
  border-bottom:medium none!important;
  margin:1px 5px 1px 0;
  padding:1px
}
div.sceditor-toolbar{
 background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border-bottom-width:0!important;
  padding:3px 5px 2px!important
}
#smiley-box iframe{
  height:230px
}
#smilies_categ{
  padding:0
}
#smiley-box{
  border:3px solid #fff;
  display:none!important;
  margin:5px 0!important;
  padding:5px
}
#textarea_content dt{
  display:none
}
#textarea_content{
  width:92%!important
}
.sceditor-button:hover{
  background:#232323  !important;
  box-shadow:none!important
}
.sceditor-button:active,.sceditor-button .active{
  background-color:#F0F0F0!important;
  border:1px solid #BBB!important;
  opacity:1!important;
  padding:2px 4px!important
}
.sceditor-button .active:focus{
  background-color: #232323  !important
}
#quick_reply .frm-buttons input[type="submit"]{
 -moz-box-shadow:inset 0 1px 0 0  #232323 !important;
-webkit-box-shadow:inset 0 1px 0 0 #232323 !important;
  background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border-color:#232323;
  border-style:solid;
  border-width:1px;
  border-bottom: 3px solid #222;
    color:#fff;
  cursor:pointer;
  padding:4px 10px;
  text-decoration:none;
  font-size:13px;
}
#quick_reply .frm-buttons input[name="preview"]{
  -moz-box-shadow:inset 0 1px 0 0 #232323 !important;
-webkit-box-shadow:inset 0 1px 0 0 #232323 !important;
  background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border-color:#232323;
  border-style:solid;
  border-width:1px;
    border-bottom: 3px solid #222;
    color:#fff;
  cursor:pointer;
  padding:4px 10px;
  text-decoration:none;
  font-size:13px; 
}
/**/
.pun .paged-foot, .pun .paged-head {
    background-color: none;
    border: 0px solid;
    padding: .6em 1.3em .3em;
}
/*Navigare DevilExtrem*/
#secondary_navigation {
background: #1d1d1d url('http://i68.servimg.com/u/f68/19/30/30/09/second12.png') repeat-x 0 0;
border-bottom: 1px solid #252525;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
overflow: hidden;
line-height: 37px;
}
#secondary_navigation a:hover {
color:#d1d1d1;
}
#secondary_navigation #breadcrumb li a:hover {
padding-left:12px;
margin-left:-12px;
background:url('http://i.imgur.com/1XuuKR7.png') no-repeat 0 0;
display:block;
outline:none;
text-decoration:none;
}
#secondary_navigation a {
color:#fff;
line-height:37px;
height:37px;
}
#secondary_navigation #breadcrumb li {
 float:left;
}
#secondary_navigation #breadcrumb li.first a {
margin-left:0;
background:none;
padding-left:0px;
}
#secondary_navigation #breadcrumb li>span {
padding-left:4px;
background:none transparent;
color:#fff;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left:12px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
#secondary_navigation #breadcrumb li a:hover {
background-position:0 -43px;
}
#secondary_navigation #breadcrumb li a:hover span {
background-position:100% -43px;
}
#secondary_navigation #breadcrumb li a:active {
background-position:0 -86px;
}
#secondary_navigation #breadcrumb li a:activespan {
background-position:100% -86px;
}
#secondary_links {
overflow:hidden;
}
#secondary_links li {
float:left;
margin:0;
}
#secondary_links a {
padding: 0 12px;
display:block;
}
#secondary_links img {
vertical-align:top;
width:16px;
height:16px;
position:relative;
opacity:0.8;
margin:10px -4px 0 -4px;
}
#secondary_links a:hover img {
opacity:1;
}
.breadcrumb {
color:#fff;
font-size:11px;
}
.breadcrumb a {
color:#fff;
}
.breadcrumb li .nav_sep {
margin:0 5px 0 0;
}
.breadcrumb li:first-child {
margin-left:0;
}
.breadcrumb.bottom {
margin-top:66px;
width:100%;
display:none;
}
#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://i68.servimg.com/u/f68/19/30/30/09/second11.png') no-repeat 100% 0;
}
/**/
#avatar img {
    height: 28px;
    margin: 4px -6px 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: auto;
}

/*Main-head DevilExtrem*/
h2.main-head {
    font-weight: bold;
}
.main .main-head {
    background: #1d1d1d url("http://i.imgur.com/2T6WMS6.png") repeat;
    border-radius: 2px;
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
    padding: 14px;
    font-size: 12px;
    font-weight: normal;
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    text-transform: uppercase;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid #cf371d;
    overflow: hidden;
    margin-top: 7px;
    transition: text-shadow 0.5s;
}

/*Nav. Membri DevilExtrem*/
.wrapper {
    margin: 0 auto;
    max-width: 1150px;
    min-width: 750px;
}
#user_bar {
    background: none;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
    border-top: 0px solid #191919;
   
}
#user_navigation{
  color:#fff;
  float:left;
  font-size:11px;
  line-height:36px;
  height:36px;
  overflow:hidden
}
#user_navigation a{
  color:#fff;
  float:left;
  padding:0 12px;
  line-height:36px;
  outline:none;
  height:36px
}
#user_navigation a:hover{
 background:url('http://i56.servimg.com/u/f56/17/97/98/69/trans213.png') repeat;
  background:rgba(0,0,0,0.2)
}
#user_navigation .user_photo{
  position:relative;
  height:26px;
  width:auto;
  margin:-3px -9px 0px -9px;
  border:1px solid #111
}
#user_navigation #sign_in img, #user_navigation #register_link img{
  vertical-align:middle;
  position:relative;
  margin:-1px 2px 0 0
}
#user_navigation .ipsList_inline li{
  margin:0;
  padding:0;
  float:left
}
#user_link_dd,.dropdownIndicator{
  display:inline-block;
  width:9px;
  height:5px;
  background:url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/header_dropdown.png') no-repeat left
}
#user_link_menucontent #links li{
  width:50%;
  float:left;
  margin:3px 0;
  white-space:nowrap
}
#user_link_menucontent #links a{
  display:block
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator{
  background-position:right
}
#user_link_menucontent #statusForm{
  margin-bottom:15px
}
#user_link_menucontent #statusUpdate{
  margin-bottom:5px
}
#user_link_menucontent>div{
  margin-left:15px;
  width:265px;
  text-align:left
}
#statusSubmitGlobal{margin-top:3px}#user_navigation a#user_link.menu_active, #user_navigation a#notify_link.menu_active, #user_navigation a#inbox_link.menu_active{
  background:#272727;
  color:#fff;
  position:relative;
  z-index:10000
}
#notify_link,#inbox_link{
  vertical-align:middle;
  width:20px;
  padding:0px 8px !important;
  position:relative
}
#notify_link img, #inbox_link img{
  width:20px;
  height:20px;
  background-repeat:no-repeat;
  background-position:0 0;
  margin-top:7px
}
#notify_link.menu_active img, #inbox_link.menu_active img{
  background-position:0 -20px
}
.services img{
  margin:-1px -2px 0 -2px
}
/*Footer DevilExtrem*/
#copyright{
text-align:right;
line-height:22px;
float:right
    padding-right: 15px;
margin-left:12px;
margin-top:12px;
}
#backtotop:hover{
background:url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat;
background:rgba(0,0,0,0.6);
color:#fff
}
#footer_utilities .ipsList_inline>li>a{
margin-right:0px;
padding:1px 5px;
display:inline-block
}
#footer_utilities{
padding:0px;
position:relative;
margin:0 auto 10px;
min-height:43px;
}
#backtotop,#bottomScroll{
line-height:10px;
text-align:center
}
#backtotop,#bottomScroll{
width:24px;
height:24px;
line-height:15px;
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;
position:absolute;
display:inline-block;
background:url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat;
background:rgba(0,0,0,0.3);
-webkit-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align:center;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
outline:0;
}
#footer_utilities {
position: relative;
border-top: 1px solid #2a2a2a;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
background: #1a1a1a url('http://i68.servimg.com/u/f68/19/30/30/09/highli12.png') repeat-x 0 -1px;
}
.clear {
clear: both;
}
/*Avatar in categorii DevilExtrem*/
.lastpost-avatar 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: #393939;
    border: 1px solid #515151;
    border-radius: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    margin-left: -4px;
    margin-right: 1px;
    padding: 1px;
    width: 30px;
}
.lastpost-avatar img:hover {
-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: #393939;
    border: 1px solid #737373;
    border-radius: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    margin-left: -4px;
    margin-right: 1px;
    padding: 1px;
    width: 30px;
}
.lastpost-avatar {
  margin-left: -13px;
  margin-right: 8px;
}
/*TOOGLE DevilExtrem*/
.main .main-head.collapsed{
  opacity:1
}
.main-head.collapsed:hover{
  opacity:0.9
}
.main-head .toggle{
  background:url(http://i56.servimg.com/u/f56/17/97/98/69/togle10.png) no-repeat scroll 0 0 transparent;
  visibility: hidden;
   
    text-indent: -3000em;
    width: 32px;
    height: 22px;
    margin: -5px -5px -10px 0;
    display: block;
    outline: 0;
}
.main-head:hover .toggle{
  visibility:visible
}
.main-head.collapsed .toggle{
  background-image:url("http://i56.servimg.com/u/f56/17/97/98/69/togle11.png")
}
/*IPS Subforums DevilExtrem*/
ul.ipsType_small {
  margin-left: -3px;
  margin-top: 15px;
  float: left;
  width: 30%;
  display: table;
  list-style-type: none;
}
ul.ipsType_small > li {
  background: url('http://hitsk.in/t/20/82/75/i_icon_minicat.png') no-repeat 0 50%;
  padding:0 15px 0 15px;
  float: left;
  margin: -5;
}
ul.ipsType_small > li.new {
  background: url('http://i68.servimg.com/u/f68/19/30/30/09/i_icon10.png') no-repeat 0 50%;
}
ul.ipsType_small > li.new > a {
 font-weight: 800;
}
/*Meniul DevilExtrem*/
.devilextrem-n-stars-menu {
list-style:none;
margin:0 auto;
padding-bottom:-2px;
padding-top:170px;
width:1236px;
text-align:center;
background:transparent;
height:100px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
.devilextrem-n-stars-menu li {
display:inline-block;
}
.devilextrem-n-stars-menu  li a {
display:block;
text-decoration:none;
padding:12px 20px;
text-align:center;
color:#fff;
}
.devilextrem-n-stars-menu li a i {
display:block;
font-size:30px;
}
.devilextrem-n-stars-menu li a strong {
display:block;
text-transform:uppercase;
}
.devilextrem-n-stars-menu li a small {
display:block;
font-size:10px;
}
.devilextrem-n-stars-menu li:hover>a {
color:#fff;
}
.devilextrem-n-stars-menu li a.active {
position:relative;
color:#fff;
border:0;
border-top:4px solid #fff;
border-bottom:4px solid #fff;
margin-top:-4px;
}
.devilextrem-n-stars-menu li a{
display:block;
text-decoration:none;
padding:12px 20px;
text-align:center;
color:#fff;
}
.devilextrem-n-stars-menu li a i{
display:block;
font-size:30px;
}
.devilextrem-n-stars-menu li a strong{
display:block;
text-transform:uppercase;
}
.devilextrem-n-stars-menu li a small{
display:block;
font-size:10px;
}
.devilextrem-n-stars-menu li a i, .devilextrem-n-stars-menu li a strong, .devilextrem-n-stars-menu li a small {
position:relative;
transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-webkit-transition:all 300ms linear;
}
.devilextrem-n-stars-menu li a i, .devilextrem-n-stars-menu li a strong, .devilextrem-n-stars-menu li a small {
position:relative;
transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-webkit-transition:all 300ms linear;
}
.devilextrem-n-stars-menu li:hover > a i {
opacity:1;
-webkit-animation:moveFromTop 300ms ease-in-out;
-moz-animation:moveFromTop 300ms ease-in-out;
-ms-animation:moveFromTop 300ms ease-in-out;
-o-animation:moveFromTop 300ms ease-in-out;
animation:moveFromTop 300ms ease-in-out;
}
.devilextrem-n-stars-menu li:hover a strong {
opacity:1;
-webkit-animation:moveFromLeft 300ms ease-in-out;
-moz-animation:moveFromLeft 300ms ease-in-out;
-ms-animation:moveFromLeft 300ms ease-in-out;
-o-animation:moveFromLeft 300ms ease-in-out;
animation:moveFromLeft 300ms ease-in-out;
}
.devilextrem-n-stars-menu li:hover a small{
opacity:1;
-webkit-animation:moveFromRight 300ms ease-in-out;
-moz-animation:moveFromRight 300ms ease-in-out;
-ms-animation:moveFromRight 300ms ease-in-out;
-o-animation:moveFromRight 300ms ease-in-out;
animation:moveFromRight 300ms ease-in-out;
}
.devilextrem-n-stars-menu li a.active:before{
content:"";
position:absolute;
top:0;
left:45%;
border-top:5px solid #fff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
/*Dimensiuni DevilExtrem*/
li {
    list-style-type: none;
}
.pun {
    background: rgba(0,0,0,0.2);
    background-attachment: fixed;
    background-size: cover;
    border: 1px solid #2b2b2b;
    border-top: 1px solid #313131;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
padding: 0px;
margin:-25px auto 0;
max-width: 1600px;
min-width: 990px;
width: 1190px;
margin-bottom:55px;
}
.p {
padding: 6px;
}
body {
    background: #0b0b0b url("http://i.imgur.com/PlIr6VE.jpg");
    background-repeat: none;
    background-attachment: fixed;
    background-size: cover;
    font-family: RobotoDraft,'Helvetica Neue',Helvetica,Arial;
    flex: 1;
    color: #bcbcbc;
    font: normal 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
    padding-bottom: 20px;
}
/*search DevilExtrem*/
#search{
 margin:5px 5px 0 0
}
#main_search{
  font-size:12px;
  border:0;
  padding:0;
  background:transparent;
  width:138px;
  outline:0
}
#main_search.inactive{
  color:#bcbcbc
}
#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
}
#adv_search{
  width:26px;
  height:26px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background:url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/advanced_search.png') no-repeat 50% 50%;
  text-indent:-3000em;
  display:inline-block;
  margin-left:3px
}
#adv_search:hover{
  background-color:rgba(0,0,0,0.2)
}
#search .submit_input{
  background:#1a1a1a url('http://i56.servimg.com/u/f56/17/97/98/69/search16.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;
  -moz-border-radius:0 3px 3px 0;
  -webkit-border-top-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-radius:0 3px 3px 0
}
#search .submit_input:hover{
  background-color:#282828
}
#search_options{
  max-width:80px;
  text-overflow:ellipsis;
  overflow:hidden;
  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 url('http://i56.servimg.com/u/f56/17/97/98/69/highli18.png') repeat-x 0 1px;
  color:#222;
  display:inline-block;
  text-shadow:#fff 0px 1px 0px;
  float:right
}
#search_options_menucontent{
  min-width:130px;
  padding:0;
  background:#1a1a1a;
  border:1px solid #393939
}
#search_options_menucontent input{
  margin-right:10px
}
#search_options_menucontent li{
  border-top:1px solid #252525;
  border-bottom:1px solid #111;
  background:url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/highlight_reallyfaint.png') repeat-x 0 -1px;
  white-space:nowrap
}
#search_options_menucontent li:last-of-type{
  border-bottom:0
}
#search_options_menucontent label:hover{
  background:#202020 url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/highlight_reallyfaint.png') repeat-x 0 -1px
}
#search_options_menucontent label{
  cursor:pointer;
  display:block;
  padding:0 6px
}
#search_options_menucontent li.title{
  padding:3px 6px
}
#main_search{
  font-size:12px;
  border:0 none;
  padding:0;
  background:none repeat scroll 0 0 transparent;
  width:200px;
  height:25px;
  line-height:25px;
  outline:0 none;
  vertical-align:top
}
fieldset,img{
  border:0 none
}
.hide {
display: none;
}
/*Altele DevilExtrem*/
#pun-about {
display: none;
}
a.mainmenu{
color: white;
text-decoration: none;
font-size: 12px;
font-weight: 600;
}
a.mainmenu:hover{
color: #00569C!important;
text-decoration: none!important;
}
a {
  color:#fff;
 text-decoration: none;
}


Ultima editare efectuata de catre Mondayxd in Mar 12 Iul - 13:29, editata de 1 ori
avatar
Sn!k3rs
Membru

Reputation : 2
Posts : 68
Puncte : 100

Vezi profilul utilizatorului http://www.rpgwars.ml

Sus In jos

Re: Problema Chatbox

Mesaj Scris de Admin la data de Mar 12 Iul - 13:24

posteaza css-ul temei




rpgwars.ml sau www.rpgwars.ml Forum Professional!
avatar
Admin
Administrators

Reputation : 32
Posts : 797
Puncte : 1455

Vezi profilul utilizatorului http://forums.rpgwars.net

Sus In jos

Re: Problema Chatbox

Mesaj Scris de Admin la data de Mar 12 Iul - 13:45

Cod:

.bt {
 color: #FFF!important;
    font-size: 11px;
    font-weight: 700;
    background: #009c12;
    border: none;
    border: 1px solid #017017;
    border-radius: 3px;
    display: inline-block;
    line-height: normal!important;
    padding: 6px 9px!important;
    margin: 2px;
    transition: 300ms;
}
.pagination span.page-sep {
    display: none;
}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
  background: #353535 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
    color: #fff;
    padding: 2px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 3px;
  font-size: 10px
    text-decoration: none;
}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:hover {
    background: #505050 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
    color: #fff;
    padding: 2px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 3px;
  font-size: 10px
    text-decoration: none;
}
.paging {
  color: #fff;
  margin-left: -13px;
margin-top: 15px !important;
}
.paging a, .paging b {
      background: #424242 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
  color: #fff;
  text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 4px 7px;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: normal;
}
.paging a:hover {
  background: #505050 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
 
}
.paging b {
  background: #7ba60d url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight.png') repeat-x 0 0;
  border-color: #7ba60d;
  text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.paging .disabled {
  background: #424242 url('http://www.ipsfocus.com/skindemo/public/style_images/deflection34x/highlight_reallyfaint.png') repeat-x 0 0;
  color: #fff;
  text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 4px 7px;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: normal;
  cursor: not-allowed;
}

#branding {
    height: 328px;
    position: relative;
    background: url('http://i68.servimg.com/u/f68/19/30/30/09/gsju_p11.png') no-repeat;
    background-position: center top;
    margin: 0px auto;
}
.progress_bar {
    background-color: #262626;
    border: 1px solid #2e2e2e;
}
.progress_bar span {
    background: #2aa0b2;
    color: #fff;
    font-size: 0em;
    font-weight: bold;
    text-align: center;
    text-indent: -2000em;
    height: 10px;
    display: block;
    overflow: hidden;
}
.pun .main .main-content p.message {
  -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    background-color: #872d2d;
    border: 1px solid #6CCCC;
    border-color: #c15050;
    box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    color: #eff6dd;
    font-size: 12px;
    line-height: 1.0;
    padding: 5px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
/*Inceputu Tabelului profil*/
.sub-head {
    border-bottom: 1px solid #191919;
    margin: .5em 1.7em;
    padding: 0 0 .5em;
}
#tabs ~ form,#tabs ~ div{
  color: #fff;
  margin-left:180px;
  border-left:1px solid #2d2d2d;
  padding-left:0px
}
#tabs ~ div.main-head:before{
  color: #000;
  content:" ";
  display:block;
  width:20px;
  height:5px;
  position:absolute;
  background:#fff;
  margin-top:60px;
  margin-left:-10px
}
#tabs{
  position:absolute;
  margin-top:33px
}
#new-message #tabs{
  margin-top:0
}
#tabs:before{
  content:" ";
  position:absolute;
  z-index:10;
  width:5px;
  height:32px;
  margin-left:170px;
  margin-top:-33px
}
#new-message #tabs:before{
    content:none
}
#tabs ul{
  padding:0
}
#tabs ul li{
  display:block;
  float:none;
  padding:0
}
#tabs ul li a{
  float:none;
  display:block;
  width:163px;
  border:1px solid  #323232;
    border-right:2px solid  #323232 !important;
  background:#2d2d2d;
  margin:-1px 0 0;
  padding:0 7px
}
#tabs ul li.activetab a{
  text-decoration:none;
  color:#fff;
  background:#1a1a1a;
  border:1px solid  #323232;
  position:relative;
  border-right-color:#323232!important;
  z-index:1
}
/**/
.buton {
  padding: 15px;
}
.main-content.standalone .button:hover {
    background: url('http://i.imgur.com/coMXtN3.png') #111;
    border: 1px solid #323232;
}
.main-content.standalone .button.button1 {
    font-weight: 700;
}
.main-content.standalone .button {
    border: 1px solid #323232;
    margin: 1em;
    padding: .5em 1em;
}
.frm-buttons {
    border-top: 0px double #000;
    margin-bottom: -.7em;
    margin-top: .5em;
    padding: .7em 0 0 17.5em;
}
.pun input, .pun th {
    padding: 6px;
    border: 1px solid #383838;
    background: #292929;
    color: #b7b7b7;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
    box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: helvetica,arial,sans-serif !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.main .frm-info {
        -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    background-color: #872d2d;
    border: 1px solid #6CCCC;
    border-color: #c15050;
    box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    color: #eff6dd;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
 
}
fieldset.frm-set.multi {
    border-bottom: 0px dashed ;
    padding: 0;
}
.main-content.standalone {
    background: #111;
    margin: .5em 0;
    padding: 1em;
}
.pun .main-content {
    border: 1px solid #323232;
}
  .main-content.standalone h2 {
    border-bottom: 0px solid;
    font-size: 1.7em;
    margin: 0 0 1em;
}

.pun .main {
  padding: 6px;
}
#pun-visit {
 display: none;
}
.messagej {
 color: #eff6dd;
 background-color: #872d2d;
    border-color: #c15050;
    padding: 10px;
    border: 1px solid #6CCCC;
    text-shadow: rgba(0,0,0,0.2) 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;
}

/*reply DevilExtrem*/
#quick-avatar {
position: absolute;
 margin: 0px 0px;
}
#quick-avatar img {
width: 50px;
height: 50px;
padding: 1px;
  border-radius: 100px !important;
border: 2px solid #00569C;
background: white;
}
#quick-avatar img:hover {
  border-color: #00569C;
-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);
}
.sceditor-container textarea {
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px;
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px;
    background: none repeat scroll 0 0 #292929!important;
    border: 1px solid #111;
    border-color: #111 !important;
    border-style: solid!important;
    border-width: 1px!important;
    box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px;
    color: #fff;
    height: 200px!important;
    margin: 0!important;
    padding: 6px;
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
    width: 100%!important;
}
.sceditor-button.sceditor-button-color{
  margin-left:5px!important;
  margin-right:5px!important
}
.sceditor-container.ltr{
  background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border:1px solid #232323 !important;
  border-radius:0!important;
  height:200px;
  padding:0 5px 21px 3px;
  width:auto!important
}
#text_editor_textarea,#textarea_content iframe#text_editor_iframe{
  height:200px!important;
  width:100%!important
}
div.sceditor-group {
  background:none repeat scroll 0 0 #fff !important;
  border-bottom:medium none!important;
  margin:1px 5px 1px 0;
  padding:1px
}
div.sceditor-toolbar{
 background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border-bottom-width:0!important;
  padding:3px 5px 2px!important
}
#smiley-box iframe{
  height:230px
}
#smilies_categ{
  padding:0
}
#smiley-box{
  border:3px solid #fff;
  display:none!important;
  margin:5px 0!important;
  padding:5px
}
#textarea_content dt{
  display:none
}
#textarea_content{
  width:92%!important
}
.sceditor-button:hover{
  background:#232323  !important;
  box-shadow:none!important
}
.sceditor-button:active,.sceditor-button .active{
  background-color:#F0F0F0!important;
  border:1px solid #BBB!important;
  opacity:1!important;
  padding:2px 4px!important
}
.sceditor-button .active:focus{
  background-color: #232323  !important
}
#quick_reply .frm-buttons input[type="submit"]{
 -moz-box-shadow:inset 0 1px 0 0  #232323 !important;
-webkit-box-shadow:inset 0 1px 0 0 #232323 !important;
  background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border-color:#232323;
  border-style:solid;
  border-width:1px;
  border-bottom: 3px solid #222;
    color:#fff;
  cursor:pointer;
  padding:4px 10px;
  text-decoration:none;
  font-size:13px;
}
#quick_reply .frm-buttons input[name="preview"]{
  -moz-box-shadow:inset 0 1px 0 0 #232323 !important;
-webkit-box-shadow:inset 0 1px 0 0 #232323 !important;
  background: url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111 !important;
  border-color:#232323;
  border-style:solid;
  border-width:1px;
    border-bottom: 3px solid #222;
    color:#fff;
  cursor:pointer;
  padding:4px 10px;
  text-decoration:none;
  font-size:13px; 
}
/**/
.pun .paged-foot, .pun .paged-head {
    background-color: none;
    border: 0px solid;
    padding: .6em 1.3em .3em;
}
/*Navigare DevilExtrem*/
#secondary_navigation {
background: #1d1d1d url('http://i68.servimg.com/u/f68/19/30/30/09/second12.png') repeat-x 0 0;
border-bottom: 1px solid #252525;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
overflow: hidden;
line-height: 37px;
}
#secondary_navigation a:hover {
color:#d1d1d1;
}
#secondary_navigation #breadcrumb li a:hover {
padding-left:12px;
margin-left:-12px;
background:url('http://i.imgur.com/1XuuKR7.png') no-repeat 0 0;
display:block;
outline:none;
text-decoration:none;
}
#secondary_navigation a {
color:#fff;
line-height:37px;
height:37px;
}
#secondary_navigation #breadcrumb li {
 float:left;
}
#secondary_navigation #breadcrumb li.first a {
margin-left:0;
background:none;
padding-left:0px;
}
#secondary_navigation #breadcrumb li>span {
padding-left:4px;
background:none transparent;
color:#fff;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left:12px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
#secondary_navigation #breadcrumb li a:hover {
background-position:0 -43px;
}
#secondary_navigation #breadcrumb li a:hover span {
background-position:100% -43px;
}
#secondary_navigation #breadcrumb li a:active {
background-position:0 -86px;
}
#secondary_navigation #breadcrumb li a:activespan {
background-position:100% -86px;
}
#secondary_links {
overflow:hidden;
}
#secondary_links li {
float:left;
margin:0;
}
#secondary_links a {
padding: 0 12px;
display:block;
}
#secondary_links img {
vertical-align:top;
width:16px;
height:16px;
position:relative;
opacity:0.8;
margin:10px -4px 0 -4px;
}
#secondary_links a:hover img {
opacity:1;
}
.breadcrumb {
color:#fff;
font-size:11px;
}
.breadcrumb a {
color:#fff;
}
.breadcrumb li .nav_sep {
margin:0 5px 0 0;
}
.breadcrumb li:first-child {
margin-left:0;
}
.breadcrumb.bottom {
margin-top:66px;
width:100%;
display:none;
}
#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://i68.servimg.com/u/f68/19/30/30/09/second11.png') no-repeat 100% 0;
}
/**/
#avatar img {
    height: 28px;
    margin: 4px -6px 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: auto;
}

/*Main-head DevilExtrem*/
h2.main-head {
    font-weight: bold;
}
.main .main-head {
    background: #1d1d1d url("http://i.imgur.com/2T6WMS6.png") repeat;
    border-radius: 2px;
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
    padding: 14px;
    font-size: 12px;
    font-weight: normal;
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    text-transform: uppercase;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid #cf371d;
    overflow: hidden;
    margin-top: 7px;
    transition: text-shadow 0.5s;
}

/*Nav. Membri DevilExtrem*/
.wrapper {
    margin: 0 auto;
    max-width: 1150px;
    min-width: 750px;
}
#user_bar {
    background: none;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
    border-top: 0px solid #191919;
   
}
#user_navigation{
  color:#fff;
  float:left;
  font-size:11px;
  line-height:36px;
  height:36px;
  overflow:hidden
}
#user_navigation a{
  color:#fff;
  float:left;
  padding:0 12px;
  line-height:36px;
  outline:none;
  height:36px
}
#user_navigation a:hover{
 background:url('http://i56.servimg.com/u/f56/17/97/98/69/trans213.png') repeat;
  background:rgba(0,0,0,0.2)
}
#user_navigation .user_photo{
  position:relative;
  height:26px;
  width:auto;
  margin:-3px -9px 0px -9px;
  border:1px solid #111
}
#user_navigation #sign_in img, #user_navigation #register_link img{
  vertical-align:middle;
  position:relative;
  margin:-1px 2px 0 0
}
#user_navigation .ipsList_inline li{
  margin:0;
  padding:0;
  float:left
}
#user_link_dd,.dropdownIndicator{
  display:inline-block;
  width:9px;
  height:5px;
  background:url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/header_dropdown.png') no-repeat left
}
#user_link_menucontent #links li{
  width:50%;
  float:left;
  margin:3px 0;
  white-space:nowrap
}
#user_link_menucontent #links a{
  display:block
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator{
  background-position:right
}
#user_link_menucontent #statusForm{
  margin-bottom:15px
}
#user_link_menucontent #statusUpdate{
  margin-bottom:5px
}
#user_link_menucontent>div{
  margin-left:15px;
  width:265px;
  text-align:left
}
#statusSubmitGlobal{margin-top:3px}#user_navigation a#user_link.menu_active, #user_navigation a#notify_link.menu_active, #user_navigation a#inbox_link.menu_active{
  background:#272727;
  color:#fff;
  position:relative;
  z-index:10000
}
#notify_link,#inbox_link{
  vertical-align:middle;
  width:20px;
  padding:0px 8px !important;
  position:relative
}
#notify_link img, #inbox_link img{
  width:20px;
  height:20px;
  background-repeat:no-repeat;
  background-position:0 0;
  margin-top:7px
}
#notify_link.menu_active img, #inbox_link.menu_active img{
  background-position:0 -20px
}
.services img{
  margin:-1px -2px 0 -2px
}
/*Footer DevilExtrem*/
#copyright{
text-align:right;
line-height:22px;
float:right
    padding-right: 15px;
margin-left:12px;
margin-top:12px;
}
#backtotop:hover{
background:url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat;
background:rgba(0,0,0,0.6);
color:#fff
}
#footer_utilities .ipsList_inline>li>a{
margin-right:0px;
padding:1px 5px;
display:inline-block
}
#footer_utilities{
padding:0px;
position:relative;
margin:0 auto 10px;
min-height:43px;
}
#backtotop,#bottomScroll{
line-height:10px;
text-align:center
}
#backtotop,#bottomScroll{
width:24px;
height:24px;
line-height:15px;
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;
position:absolute;
display:inline-block;
background:url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat;
background:rgba(0,0,0,0.3);
-webkit-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align:center;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
outline:0;
}
#footer_utilities {
position: relative;
border-top: 1px solid #2a2a2a;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
background: #1a1a1a url('http://i68.servimg.com/u/f68/19/30/30/09/highli12.png') repeat-x 0 -1px;
}
.clear {
clear: both;
}
/*Avatar in categorii DevilExtrem*/
.lastpost-avatar 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: #393939;
    border: 1px solid #515151;
    border-radius: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    margin-left: -4px;
    margin-right: 1px;
    padding: 1px;
    width: 30px;
}
.lastpost-avatar img:hover {
-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: #393939;
    border: 1px solid #737373;
    border-radius: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    margin-left: -4px;
    margin-right: 1px;
    padding: 1px;
    width: 30px;
}
.lastpost-avatar {
  margin-left: -13px;
  margin-right: 8px;
}
/*TOOGLE DevilExtrem*/
.main .main-head.collapsed{
  opacity:1
}
.main-head.collapsed:hover{
  opacity:0.9
}
.main-head .toggle{
  background:url(http://i56.servimg.com/u/f56/17/97/98/69/togle10.png) no-repeat scroll 0 0 transparent;
  visibility: hidden;
   
    text-indent: -3000em;
    width: 32px;
    height: 22px;
    margin: -5px -5px -10px 0;
    display: block;
    outline: 0;
}
.main-head:hover .toggle{
  visibility:visible
}
.main-head.collapsed .toggle{
  background-image:url("http://i56.servimg.com/u/f56/17/97/98/69/togle11.png")
}
/*IPS Subforums DevilExtrem*/
ul.ipsType_small {
  margin-left: -3px;
  margin-top: 15px;
  float: left;
  width: 30%;
  display: table;
  list-style-type: none;
}
ul.ipsType_small > li {
  background: url('http://hitsk.in/t/20/82/75/i_icon_minicat.png') no-repeat 0 50%;
  padding:0 15px 0 15px;
  float: left;
  margin: -5;
}
ul.ipsType_small > li.new {
  background: url('http://i68.servimg.com/u/f68/19/30/30/09/i_icon10.png') no-repeat 0 50%;
}
ul.ipsType_small > li.new > a {
 font-weight: 800;
}
/*Meniul DevilExtrem*/
.devilextrem-n-stars-menu {
list-style:none;
margin:0 auto;
padding-bottom:-2px;
padding-top:170px;
width:1236px;
text-align:center;
background:transparent;
height:100px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
.devilextrem-n-stars-menu li {
display:inline-block;
}
.devilextrem-n-stars-menu  li a {
display:block;
text-decoration:none;
padding:12px 20px;
text-align:center;
color:#fff;
}
.devilextrem-n-stars-menu li a i {
display:block;
font-size:30px;
}
.devilextrem-n-stars-menu li a strong {
display:block;
text-transform:uppercase;
}
.devilextrem-n-stars-menu li a small {
display:block;
font-size:10px;
}
.devilextrem-n-stars-menu li:hover>a {
color:#fff;
}
.devilextrem-n-stars-menu li a.active {
position:relative;
color:#fff;
border:0;
border-top:4px solid #fff;
border-bottom:4px solid #fff;
margin-top:-4px;
}
.devilextrem-n-stars-menu li a{
display:block;
text-decoration:none;
padding:12px 20px;
text-align:center;
color:#fff;
}
.devilextrem-n-stars-menu li a i{
display:block;
font-size:30px;
}
.devilextrem-n-stars-menu li a strong{
display:block;
text-transform:uppercase;
}
.devilextrem-n-stars-menu li a small{
display:block;
font-size:10px;
}
.devilextrem-n-stars-menu li a i, .devilextrem-n-stars-menu li a strong, .devilextrem-n-stars-menu li a small {
position:relative;
transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-webkit-transition:all 300ms linear;
}
.devilextrem-n-stars-menu li a i, .devilextrem-n-stars-menu li a strong, .devilextrem-n-stars-menu li a small {
position:relative;
transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-webkit-transition:all 300ms linear;
}
.devilextrem-n-stars-menu li:hover > a i {
opacity:1;
-webkit-animation:moveFromTop 300ms ease-in-out;
-moz-animation:moveFromTop 300ms ease-in-out;
-ms-animation:moveFromTop 300ms ease-in-out;
-o-animation:moveFromTop 300ms ease-in-out;
animation:moveFromTop 300ms ease-in-out;
}
.devilextrem-n-stars-menu li:hover a strong {
opacity:1;
-webkit-animation:moveFromLeft 300ms ease-in-out;
-moz-animation:moveFromLeft 300ms ease-in-out;
-ms-animation:moveFromLeft 300ms ease-in-out;
-o-animation:moveFromLeft 300ms ease-in-out;
animation:moveFromLeft 300ms ease-in-out;
}
.devilextrem-n-stars-menu li:hover a small{
opacity:1;
-webkit-animation:moveFromRight 300ms ease-in-out;
-moz-animation:moveFromRight 300ms ease-in-out;
-ms-animation:moveFromRight 300ms ease-in-out;
-o-animation:moveFromRight 300ms ease-in-out;
animation:moveFromRight 300ms ease-in-out;
}
.devilextrem-n-stars-menu li a.active:before{
content:"";
position:absolute;
top:0;
left:45%;
border-top:5px solid #fff;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
/*Dimensiuni DevilExtrem*/
li {
    list-style-type: none;
}
.pun {
    background: rgba(0,0,0,0.2);
    background-attachment: fixed;
    background-size: cover;
    border: 1px solid #2b2b2b;
    border-top: 1px solid #313131;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
padding: 0px;
margin:-25px auto 0;
max-width: 1600px;
min-width: 990px;
width: 1190px;
margin-bottom:55px;
}
.p {
padding: 6px;
}
body {
    background: #0b0b0b url("http://i.imgur.com/PlIr6VE.jpg");
    background-repeat: none;
    background-attachment: fixed;
    background-size: cover;
    font-family: RobotoDraft,'Helvetica Neue',Helvetica,Arial;
    flex: 1;
    color: #bcbcbc;
    font: normal 11px tahoma,helvetica,arial,sans-serif;
    padding-bottom: 20px;
}
/*search DevilExtrem*/
#search{
 margin:5px 5px 0 0
}
#main_search{
  font-size:12px;
  border:0;
  padding:0;
  background:transparent;
  width:138px;
  outline:0
}
#main_search.inactive{
  color:#bcbcbc
}
#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
}
#adv_search{
  width:26px;
  height:26px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background:url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/advanced_search.png') no-repeat 50% 50%;
  text-indent:-3000em;
  display:inline-block;
  margin-left:3px
}
#adv_search:hover{
  background-color:rgba(0,0,0,0.2)
}
#search .submit_input{
  background:#1a1a1a url('http://i56.servimg.com/u/f56/17/97/98/69/search16.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;
  -moz-border-radius:0 3px 3px 0;
  -webkit-border-top-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-radius:0 3px 3px 0
}
#search .submit_input:hover{
  background-color:#282828
}
#search_options{
  max-width:80px;
  text-overflow:ellipsis;
  overflow:hidden;
  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 url('http://i56.servimg.com/u/f56/17/97/98/69/highli18.png') repeat-x 0 1px;
  color:#222;
  display:inline-block;
  text-shadow:#fff 0px 1px 0px;
  float:right
}
#search_options_menucontent{
  min-width:130px;
  padding:0;
  background:#1a1a1a;
  border:1px solid #393939
}
#search_options_menucontent input{
  margin-right:10px
}
#search_options_menucontent li{
  border-top:1px solid #252525;
  border-bottom:1px solid #111;
  background:url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/highlight_reallyfaint.png') repeat-x 0 -1px;
  white-space:nowrap
}
#search_options_menucontent li:last-of-type{
  border-bottom:0
}
#search_options_menucontent label:hover{
  background:#202020 url('http://www.ipbfocus.com/skindemo/public/style_images/carbonb34x/highlight_reallyfaint.png') repeat-x 0 -1px
}
#search_options_menucontent label{
  cursor:pointer;
  display:block;
  padding:0 6px
}
#search_options_menucontent li.title{
  padding:3px 6px
}
#main_search{
  font-size:12px;
  border:0 none;
  padding:0;
  background:none repeat scroll 0 0 transparent;
  width:200px;
  height:25px;
  line-height:25px;
  outline:0 none;
  vertical-align:top
}
fieldset,img{
  border:0 none
}
.hide {
display: none;
}
/*Altele DevilExtrem*/
#pun-about {
display: none;
}
a.mainmenu{
color: white;
text-decoration: none;
font-size: 12px;
font-weight: 600;
}
a.mainmenu:hover{
color: #00569C!important;
text-decoration: none!important;
}
a {
  color:#fff;
 text-decoration: none;
}

acum va merge chat-ul




rpgwars.ml sau www.rpgwars.ml Forum Professional!
avatar
Admin
Administrators

Reputation : 32
Posts : 797
Puncte : 1455

Vezi profilul utilizatorului http://forums.rpgwars.net

Sus In jos

Re: Problema Chatbox

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum