The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Chatbox CSS problems

View previous topic View next topic Go down

Chatbox CSS problems

Post by Raijin_Tsukino on June 14th 2017, 3:31 am

So, simple enough problem. I've been trying to fix my chatbox, and for some reason I'm either missing (entirely possible), or not editing correctly, the CSS that's causing my chatbox to be roughly half the size it's supposed to be.




Code:
img:hover {
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;

}.bodyline {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 18px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}

p em {
font-style: normal;
color: transparent;
}

/*Nicks perfiles grande*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}

.postprofile {
display: block;
text-align: center;}

.postprofile dd {
text-align: center;
margin-top: 4px;
}

/* Esconder Titulos de Widgets */
.module .h3 {
visibility:hidden;
}


#page-header .navbar {
bottom: 51px;
position: center;
background: transparent;
}

/*-- retirar el botón negativo en los mensajes --*/
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}

/*-- Imagen Botón Positivo --*/
.vote .vote-button a[href $="plus"] {
background: url('http://i27.servimg.com/u/f27/15/17/71/53/add1011.png');
background-repeat: no-repeat;
color: transparent;
display: block;
height: 10px;
width: 10px;
}

/*-- Efecto de redondeado en las herramientas de posteo--*/
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{ background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png); color: blue; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px;}


/* Rayitas en los links*/
a:hover {
text-decoration: none !important;
border-bottom: 1px dashed !important;
}

* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 88px;
background: url("") no-repeat scroll bottom center;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}

body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-14/gam1389.cur), progress !important;}


/*-- Efectos en botones de cabecera --*/
ul.linklist li a img {
filter:alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
position: relative;
top: -1px;
}
ul.linklist li a img:active {
filter:alpha(opacity=0);
-moz-opacity: .0;
opacity: .0;
}
a.forumtitle:hover {
color: #FF4268;
text-decoration: none;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background: #FFFFFF;
border: 2px solid #bdbdbd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

textarea:focus,input:focus {outline: none;}


/* CSS del Header */

#rep-mail-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  height: 25px;
  font-size: 11px;
  width: 100%;
  z-index: 999;
}
  #rep-mail-bar .padder {
      position: relative;
      padding: 0;
      width: 100%;
      margin: 0 auto;
      background: rgb(91,74,70); /* El fondo */
      background: rgba(0, 0, 0, 0.4);
      height: 25px;
  }
      body#repmail-default #rep-mail-bar .padder {
        min-width: 960px;
        max-width: 1250px;
      }

      body#repmail-default.activity-permalink #rep-mail-bar .padder {
        min-width: 960px;
        max-width: 960px;
      }

#rep-mail-bar * { z-index: 999; }

#rep-mail-bar div#rep-mail-bar-logo {
  position: absolute; /* Hace "flotante" la bendita barra */
  top: 5px;
  left: 10px;
}

#rep-mail-bar a img {
  border: none;
}

#rep-mail-bar li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 100%;
  text-align: center;
}

#rep-mail-bar li a {
  padding: 7px 13px 7px 13px;
  color: #eee;
  text-decoration: none;
  font-size: 11px;
}
  #rep-mail-bar li.alt { border: none; }

  #rep-mail-bar li.no-arrow a {
      padding-right: 15px;
  }

  #rep-mail-bar ul li ul li a span {
      display: none;
  }

#rep-mail-bar li:hover, #rep-mail-bar li.hover {
  position: static;
}

#rep-mail-bar-logo {
  float: left;
  font-weight: bold;
  font-size: 11px;
  padding: 5px 8px;
  margin: 0;
  text-decoration: none;
  color: #fff;
}
  body#repmail-default #rep-mail-bar-logo { padding: 2px 8px; }

/*******************/

#rep-mail-bar ul { /* Todas las listas */
  margin: 0;
  list-style: none;
  line-height: 1;
  cursor: pointer;
  height: auto;
  padding: 0;
}

#rep-mail-bar ul li { /* Todos los objetos de las listas */
  padding: 0;
  float: left;
  position: relative;
  background: url(http://i68.servimg.com/u/f68/15/78/66/50/admin-10.gif) 88% 53% no-repeat;
  padding-right: 9px;
}

#rep-mail-bar ul li.no-arrow {
      background: none;
      padding-right: 0;
}

#rep-mail-bar ul li ul li {
      padding: 0;
      float: left;
      position: relative;
      background: url(http://i78.servimg.com/u/f78/15/78/66/50/admin10.gif) 95% 53% no-repeat;
      padding-right: 11px;
}

#rep-mail-bar ul li ul li.no-arrow {
      background: none;
      padding-right: 11px;
}

#rep-mail-bar ul li.align-right {
  position: absolute;
  right: 0;
}

#rep-mail-bar ul li a {
  display: block;
}

#rep-mail-bar ul.main-nav li:hover, #rep-mail-bar ul.main-nav li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
  background-color: #FF4268;
}

/* Listas de segundo nivel */

#rep-mail-bar ul li ul {
  position: absolute;
  width: 185px;
  left: -999em;
  margin-left: 0;
  background: #333;
  border: 1px solid #222;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
}
  #rep-mail-bar ul li > ul {
      border-top: none;
  }

  #rep-mail-bar ul li ul a {
      color: #eee;
  }

#rep-mail-bar ul li ul li {
  float: left;
  width: 174px;
  margin: 0;
}
  #rep-mail-bar ul li ul li:hover a {
      color: #fff;
  }

#rep-mail-bar ul li div.repmail-bar-clear {
  clear: both;
}

#rep-mail-bar ul.main-nav li ul li:hover, #rep-mail-bar ul.main-nav li ul li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
  background-color: #FF4268;
}

/* Listas de tercer y mayor nivel */

#rep-mail-bar ul li ul ul {
  margin: -25px 0 0 184px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
  #rep-mail-bar ul li ul li:hover ul li a {
      color: #eee;
  }
      #rep-mail-bar ul li ul li ul li:hover a {
        color: #fff;
      }

#rep-mail-bar ul li:hover ul, #rep-mail-bar ul li ul li:hover ul, #rep-mail-bar ul li.sfhover ul, #rep-mail-bar ul li ul li.sfhover ul  {
  left: auto;
}

#rep-mail-bar ul li.align-right:hover ul {
  right: 0;
}

#rep-mail-bar ul li:hover ul ul, #rep-mail-bar li.sfhover ul li ul {
  left: -999em;
}

#rep-mail-bar ul li.search {
  background: none repeat scroll 0 0 transparent;
  margin-right: 110px;
  margin-top: 4px;
  position: absolute;
  right: 0;
}

/* Rep Mail Items */

#rep-mail-bar-search {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #666666;
  color: #666666;
  font-family: Arial,Helvetica,Sans-Serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  cursor:text;
}

#rep-mail-bar ul li.search:hover {
  background-color: transparent;
}

#rep-mail-bar a.rss  {
  float:right;
  margin:6px 8px 0px 0px;
  color:#B4BFC0;
  padding:1px 0px 4px 16px;
  background: url() no-repeat top left;
  font-weight:bold;
}

#rep-mail-bar a:hover.rss {
  color:#fff;
}

#rep-mail-bar a.twit {
  float:right;
  margin:6px 8px 0px 0px;
  color:#B4BFC0;
  padding:1px 0px 4px 16px;
  background: url() no-repeat top left;
  font-weight:bold;
}
#rep-mail-bar a:hover.twit {
  color:#fff;
}

.postprofile dt img {
    -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    -moz-transition: all 1s ease 0s;
}

.postprofile dt img:hover {
    -moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
}


blockquote {
-moz-border-radius: 1em;
border-radius: 1em;
}

dl.codebox {
-moz-border-radius: 1em;
border-radius: 1em;
background: #F2F2F2 ;
}


#wrap {
-moz-border-radius: 15px;
border-radius: 15px;
border : 1px solid #Ffffff;
}

.forabg {
-moz-border-radius: 15px 15px 0px 0px;
}

.forabg{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
background:url('LINK IMAGEN');
border:1px solid #251D3D;
}

dl.codebox:hover {
border:1px solid #FFFFFF;
}

dl.codebox dt {
border-bottom:1px dotted #251D3D;
display:block;
font-size:0.8em;
font-weight:700;
color:#FFFFFF;
margin-bottom:3px;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
}

dl.codebox code {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #251D3D;
font-size:9px;
}

blockquote {
-moz-border-radius: 8px 8px 8px 8px;
background:url('LINK IMAGEN');
border:1px solid #251D3D;
}

blockquote:hover {
border:1px solid #FFFFFF;
}

.content blockquote {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #251D3D
font-size:9px;
}

/*Respuestarápida*/
form#quick_reply #textarea_content textarea#text_editor_textarea {
background: #120f0d;
border: 2px solid #color;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

textarea:focus,input:focus {outline: none;}

#wrap {
-moz-border-radius: 15px;
border-radius: 15px;
border : 1px solid #251D3D;
}


.forabg {
-moz-border-radius: 15px 15px 0px 0px;
}
.forabg {
-webkit-border-radius: 15px 15px 0px 0px;
}

.forabg {
border-radius: 15px 15px 0px 0px;
}

/*botones*/
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border: medium none;
color: #000000;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(COLOR);
}

.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
border: none;
color: #ffffff;
}

button.button2, .button2, #button, .fontbutton {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border: medium none;
color: #COLOR;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(COLOR);
}

button.button2:hover, .button2:hover, #button:hover, .fontbutton:hover {
border: none;
color: #COLOR;
}

/*leyenda*/
p em b a.gensmall {
color: #000000;
font-family: Yanone Kaffeesatz
font-size: 19px;
font-style: ;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: ;
}

p em {
font-style: normal;
color: transparent;
}

/*perfiles*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: Yanone Kaffeesatz;
text-decoration: none;
letter-spacing: -2px;
}
.postprofile {
display: block;
text-align: center;}

.postprofile dd {
text-align: center;
margin-top: 4px;
}





#search-box { visibility: hidden; }




#page-footer div.navbar {
font-family: Trebuchet MS,Helvetica,sans-serif;
font-size: 7px;
text-align: center;
text-transform: uppercase;
}

/*Finaldecategoria ovalada*/
ul.forums {
background-image: url("");
background-repeat: repeat;
border-bottom: 8px solid #251D3D;
border-radius: 0 0 40px 40px;
border-right: 2px solid #000000;
}


/*Cosa del autor*/
p.author {
 background-color:  #251D3D;
 margin-top: 15px;
 padding: 3px !important;
 border: 6px 6px 6px 6px solid #000000; /*Borde*/
 position: relative;
 right: -7em;
 text-align: center;
}

p.author {
 font-family: Yanone Kaffeesatz
 font-size: 12px;
 line-height: 1.2em;
 margin-top: 15px;
 padding: 5 5 5px;
}

/*últimopost*/
.forabg .row .lastpost {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: #000000;
border-top: 17px solid #251D3D;
border-radius: 0px;
box-shadow: 0 1px 2px #SOMBRA;
border-image: initial;
}



body {
opacity: .8;
filter: alpha(opacity=60);
-moz-opacity: .8
}


ul.linklist li a img {
filter:alpha(opacity=80);
-moz-opacity: 0.65;
opacity: 0.65;
}
ul.linklist li a img:hover {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
position: relative;
top: -1px;
}
ul.linklist li a img:active {
filter:alpha(opacity=80);
-moz-opacity: .0;
opacity: .0;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
 
}

a.forumtitle:hover {
color: #ffffff;
text-decoration: none;
}

.opacity img {
filter:alpha(opacity=60);
-moz-opacity: 0.1;
opacity: 0.1;}

.opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
}

#afiliados-celina img {
opacity: 60.50;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
}

#afiliados-celina img:hover {
opacity: 1;
}

body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0 px;
overflow-y: auto;
overflow-x: auto;
}

/*Scrollbar*/
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  display:none;
}

::-webkit-scrollbar{
  width:10px;
  height:18px;
}?

::-webkit-scrollbar-track-piece {
  background-color:#251D3D;
}

::-webkit-scrollbar-thumb:vertical{
  height:20px;
  background-color:#251D3D;
}


#wrap {
margin-left: 229px;
padding-right: 0px !important;
margin-bottom: 20px !important;
padding: 5px !important;
min-width: 900px !important;
max-width: 900px !important;
font-size: 9.5px;
  border: 5px solid #000000;
    }

.module .h3 {
visibility:hidden;
  display:none;
}

#content-container div#left {
background-position: center bottom;
background-repeat:no-repeat;
width: 230px;
line-height: 135%;
float: left;
overflow-y: auto;
position: fixed;
left: 0px;
top: 0px;
height: 100%;
}

.mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"] {
    display: none;
    color: transparent; font-size: 0px;
}

#textarea_content {    margin-top: 3px; }



.navbar {
font-size: 9px;
font-family: Trebuchet MS;
}

#page-header .navbar{
margin-top: 20px;
}

.postprofile a img{
  opacity: 0.9;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.postprofile a img:hover {
  opacity: 6;
}
/*logo*/

#logo-desc {
margin: -15px;
padding: -45px;
text-align: center;
}

/*Efectotitulosdesubforos*/
/*Títulos de los foros*/
a.forumtitle {
border-left: 100px solid #251D3D;
display: block;
font: 10.5px Arial;
letter-spacing: 6px; 
margin-top: 10px;
margin-bottom: -10px;
padding: 5px;
height: 7px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
padding-left: 20px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}


/*Rayitaalcostadodepost*/
.postbody .content {
text-align: center;
font-size: 11px;
line-height: 13px;
background: #000000;
margin-top: -15px;
border-right: 10px solid #251D3D;
padding: 10px 30px;
  background-repeat: repeat;
border-bottom: 8px solid #251D3D;
border-radius: 0 0 40px 40px;
}



/*oto*/



/*Categorias gordas*/
/*Título de Categorias*/
li.header {
color: #ffffff;
text-transform: none;
font-size:0px;
padding: 10px;
background-color: #251D3D;
border-bottom: 10px solid #COLOR;
text-align: center;
}

.table-title, .table-title h2 {
color: #ffffff;
font: 20px Yanone Kaffeesatz
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}

/*Menú con línea*/
a.forumtitle { border-left: 10px solid #d1d1d1; -moz-transition-duration: 2.5s; -webkit-transition-duration: 2.5s; -o-transition-duration: 2.5s; letter-spacing : 1px; margin-left: 0px; }
a.mainmenu { border-bottom: 4px solid #251D3D; -moz-transition-duration: 2.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 2.5s; letter-spacing : 1px; margin-bottom: 0px; }
.postprofile{text-align:center;
 border-bottom: 16px solid #251D3D;/*Barrabajoavatar*/
border-top: 15px solid #color;
border-radius: 0px 0px 0px 0px;
padding-top: 5px;
  background-color: #000000;
  }

#search-box #keywords {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #d1d1d1, #d1d1d1) repeat scroll 0 0 transparent;
border: medium none;
color: #d1d1d1;
display: inline-block;
outline: medium none;
width: 95px;
}

.h3 {
color: #ffffff;
font-family: Volkhov
font-size: 24px;
text-transform: lowercase;
font-style:italic;
height: 45px;
text-align: center;
text-shadow: 1px 1px 1px #COLOR;
width: 600px;
}

.h3 {
font-weight: 700;
}
.post {
background-color: #COLOR;
border-radius: 20px 0 20px 20px;
}

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: Georgia
text-decoration: none;
letter-spacing: -2px;
}

/*Widget*/
/*Widget estático*/
#content-container div#left {
    position: fixed;
 background-color: #000000;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
}
/*Paraquevayaaunlado*/
#wrap {
margin-left: 210px;
}

/*Scrollenwidget*/
#content-container div#left {
overflow:auto;
}
/*Ocultar títulos*/
.module .h3 {
visibility:hidden;
}
/*CentrarAvataresenwidget*/
.module .box-content .mod-login-avatar {
float: none;
text-align: center;
}

/*sPOILER*/
dl.spoiler, dl.spoiler dt{
  border:none;
}
dl.codebox{
  border-left:9px solid #251D3D;
}


/*Anchodelforo*/
#wrap {
  min-width: 850px;
}

/*botón par aque se vaya a un lado*/
dl.icon dd.dterm, dl.icon dt {
    background-position: 75% 75%;
}
/*Chatboxdesplegable*/

#chatbox_ret_cont{
 x-index: 10000;
 z-index: 999;
 background-color: transparent;
 position: fixed;
 bottom: 1;
}
#chatbox_ret_cont.chatbox_derecha{
  right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
  left: 0;
}
#chatbox_ret_cont div{
  cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
  background-color: black;
  border: 2px solid grey;
  display: none;
  height: 450px;
  margin-bottom: 1;
  width: 900px;
}
/*Paleta de colores*/

  .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp12.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp13.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp14.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp15.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp16.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp17.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp18.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp19.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }

/*dESCRIPCIONES*/
#desc {
background: #000000;
  border: 0px solid #000000;
  padding: 5px 10px;
  width: 100%;
}
/*scrollendescripcion*/
#texto {
height: 100px;
overflow: auto;
}
/*Imagenaunlado*/
#desc img {
height: 100px;
  width: 250px;
float: left;
  margin-right: 10px;
}
/*Linksrapidos*/
#subforos {
width: 120px;
float: right;
height: 100px;
overflow: auto;
padding: 1px;
    background: #000000;
}

#subforos a {
display: block;
background: #246C82;
padding: 2px 5px;
margin-bottom: 1px;
}
/*Linnksemueven*/
#subforos a:hover {
padding-left: 20px;
}

* {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
/*Bordesdelforo*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 22px #000000;
border-right: solid 22px #251D3D;
}

/*Wigetssobreforo*/
#content-container div#left {
z-index: 999;
}
/*ocultarinformacióndeperfil*/
* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
background:url("http://jan.imghost.us/8rZb.jpg") no-repeat scroll bottom center;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}
/*afiliados*/
.élites {
width:190px;
padding:5px;
color: #141414;
background: #fff;
text-align: center;
font-size: 12px;
}
/*Botonesdeafiliación*/
#afiliados img {
display: inline-block;
height: 100px;
width: 20px;
border: 3px solid #3399ff;
border-radius: 10px;
opacity: 0.7;
}

#afiliados img:hover {
opacity: 1;
}

/*Afiliados*/
 .afiliados img {
  border-radius: 50px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
} .afiliados img:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  transform: rotate(360deg) scale(1);
  -webkit-transform: rotate(360deg) scale(1);
  -moz-transform: rotate(360deg) scale(1);
  -o-transform: rotate(360deg) scale(1);
}
/*quitar subrayado*/

.hierarchy a:link {
text-decoration: none;
}
/*barritaquecrece*/
.lbotp-b {
border-left: solid 20px sienna;
/ * Incluir resto de propiedades del div * /
}

.lbotp-b:hover { border-left-width: 50px; }
 

I can quick search and find the 'chatbox' code, but no changes I make seem to matter. I'm hoping someone with more experience and skill can help me fix this issue, because I'm more likely to brick my forum than actually fix it at this point.
avatar
Raijin_Tsukino
Forumember

Male Posts : 33
Reputation : 1
Language : English -US

http://ninjaballad.forumotion.com/

Back to top Go down

Re: Chatbox CSS problems

Post by SLGray on June 14th 2017, 3:39 am

Have you tried adding !important?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40523
Reputation : 2733
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Chatbox CSS problems

Post by Justice™ on June 14th 2017, 5:57 am

Hello,

Please post your forum's link and PM me a test account(no need to have admin or moderator rights).
avatar
Justice™
Forumember

Posts : 517
Reputation : 119
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Re: Chatbox CSS problems

Post by Raijin_Tsukino on June 15th 2017, 3:22 am

I'm sorry, I thought I had left a link in the original post. My apologies.


http://harvellesroadhouse.forumotion.com/
avatar
Raijin_Tsukino
Forumember

Male Posts : 33
Reputation : 1
Language : English -US

http://ninjaballad.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum