Chatbox CSS problems Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    Chatbox CSS problems

    Raijin_Tsukino
    Raijin_Tsukino
    Raijin_Tsukino
    Forumember


    Male Posts : 33
    Reputation : 1
    Language : English -US
    • Post n°1

    Chatbox CSS problems Empty Chatbox CSS problems

    Post by Raijin_Tsukino 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.

    Chatbox CSS problems Chat10


    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.
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°2

    Chatbox CSS problems Empty Re: Chatbox CSS problems

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

    Have you tried adding !important?



    Chatbox CSS problems Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°3

    Chatbox CSS problems Empty Re: Chatbox CSS problems

    Post by Guest 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).
    • Back to top
    Raijin_Tsukino
    Raijin_Tsukino
    Raijin_Tsukino
    Forumember


    Male Posts : 33
    Reputation : 1
    Language : English -US
    • Post n°4

    Chatbox CSS problems Empty Re: Chatbox CSS problems

    Post by Raijin_Tsukino 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/
    • Back to top