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.

Having an issue finding the CSS that's effecting my chatbox.

View previous topic View next topic Go down

Solved Having an issue finding the CSS that's effecting my chatbox.

Post by Raijin_Tsukino on June 29th 2014, 10:10 pm

I had to do a theme reset earlier today because of some issues users where having with accessing my forum; but now I'm stuck with a chatbox that's got forced center align text, and I cannot for the life of me find the code that's causing it. Even if I just ctrl+f and replace all of the align: center codes with align: left, it's not doing anything, and searching for a help topic that would have a code that would override this is... not ending well. Can anyone help me out, here?

Current CSS code:

Code:
}
.maintitle, .maintitle h1{
 font-weight: bold;
 font-size: 50px !important;
 font-family: Alex Brush;
    margin-bottom: -25px;
}
th{font-variant: normal;}
th.thCornerL, th.thTop, th.thCornerR{border:0px;}

td.bodyline{border:5px dotted;}
td.spaceRow{border:10px; background-color: transparent; }
td.catHead,td.catBottom{border:0px; box-shadow: 10px 10px 5px #1E082E;}
td.catLeft{border:0px;font-variant: normal;text-align:center; box-shadow: 10px 10px 5px #1E082E;}
td.row1,td.row2,td.row3 {filter:Alpha(Opacity=80);}

.overlay {
    margin-top:-180px;
    width:130px;
    height:180px;
    background-color:black;
    opacity:0;
}
body {
background-repeat: repeat;
  text-align:center; 
    font-style: italic;
}

a { text-decoration: none; }
a:hover{
    text-decoration: none !important;
    color : #ffffff;
    }

img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


body 

  opacity: 0.9
    
}

.name{
font-weight: lighter;
font-size: 12px;
 letter-spacing: -1px;
text-decoration: none;
font-family: Verdana;
    text-transform: lowercase;
      color: transparent;
 


}


.name:hover {
font-family: Verdana;
  font-size: 9px;
  text-transform: lowercase;
 letter-spacing: 1px;
  font-weight: lighter;
    background-image:url('')
}



.avatar.mini, .avatar.mini img {
height: 100px;
width: 72px;
}


.forumlink {
font:14px arial;
font-style: italic;
text-align: left;
text-transform: lowercase;
letter-spacing: 1px;
line-height:150%;
text-shadow: 1px 1px 0px #;
}

.forumlink:hover {
  background-image:url('');
  
}



a.mainmenu{
text-decoration: none;
text-transform: uppercase;
font: 12px calibri;  
text-shadow: 1px 1px 0px #;
color : 
   border-top-left-radius: 7px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 8px;
  
transition: background 1s;
-webkit-transition: background 1000ms;
-moz-transition: background 1000ms;
-o-transition: background 1000ms;

    
}


a.mainmenu:hover {
  font-style: italic;
background: transparent;
background: url() repeat;
/* TRANSISITION */
transition: background 1000ms;
-webkit-transition: background 1000ms;
-moz-transition: background 1000ms;
-o-transition: background 1000ms;
}



a.cattitle {
display:block;
font: 18px Bad Script;
color: #7a6565;
font-style: bold;
font-weight: normal;
text-align: left;
text-transform: lowercase;
letter-spacing: 1px;
line-height:25%;
text-shadow: 1px 1px 0px #;
}



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

a img {
border: none;
position: left;
}

img:hover
{opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

.bodyline {
opacity:1.0;
filter:alpha(opacity=100);
background-image: url();
background-repeat: repeat;
}

a.gen, a.genmed, a.gensmall {
text-decoration: none;
text-transform: uppercase;
font: 12px calibri;  
text-shadow: 1px 1px 0px #;
color : #8b746f;

}

a.gen, a.genmed, a.gensmall:hover {
  background-image:url('');
  font-style: italic;
}

@font-face {
  font-family: 'Annie Use Your Telescope';
  font-style: normal;
  font-weight: 400;
  src: local('Annie Use Your Telescope'), local('AnnieUseYourTelescope'), url(http://themes.googleusercontent.com/static/fonts/annieuseyourtelescope/v3/2cuiO5VmaR09C8SLGEQjGgtSTT_xyPSRqbb82lxMsRH3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}

@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  src: local('Bad Script Regular'), local('BadScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/badscript/v2/rL_b2ND61EQmMOJ8CRr1fhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
  font-family: 'Calligraffitti';
  font-style: normal;
  font-weight: 400;
  src: local('Calligraffitti'), local('Calligraffitti-Regular'), url(http://themes.googleusercontent.com/static/fonts/calligraffitti/v4/vLVN2Y-z65rVu1R7lWdvyKIZAuDcNtpCWuPSaIR0Ie8.woff) format('woff');
}

@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: local('Handlee Regular'), local('Handlee-Regular'), url(http://themes.googleusercontent.com/static/fonts/handlee/v2/6AfIXNH5pZ1Jj_pfExPOWQ.woff) format('woff');
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
border-image: initial;
height: 20px;
}

.postdetails.poster-profile span.label {
white-space: nowrap;
font: 11px helvetica;  
}

a.topictitle{
text-decoration: initial;
font: 12px orator std;
text-transform: lowercase;}

    /* MISE EN FORME DES CATEGORIES ET FORUMS */

    .cate_titre
    {
      clear: both;
      height: 100px;
      margin-top: 50px;
    }
    .catetitre_bloc
    {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin-left: auto;
    margin-right : auto;
    
    }
    .catetitre_content
    {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin-left: auto;
      margin-right: auto;
      margin-top: -40px;
    text-align: left;
    padding: 2px;
      border-bottom: 3px dotted #191817;
    }
    .catetitre
    {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
    }

    .forum_bloc
    {
      width: 950px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -30px;
    }
    .forum
    {
    float: left;
    width: 450px;
    height: 250px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 50px;
    }
    a.forumlink
    {
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      color: #454545;
      text-align: left;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    a.forumlink:hover
    {
      letter-spacing: 4px;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .forum_contenu
    {
      position: relative;
      z-index: 1;
      width: 98%;
      height: 90%;
      padding: 4px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -8px;
      background-color: ;
      border-left: 1px dotted #191817;
      border-right: 1px dotted #191817;
      border-bottom: 1px dotted #191817;
      border-top: 2px dotted #191817;
    }
    .description
    {
      display: block;
      width: 260px;
      margin: auto;
      height: 80px;
      overflow: hidden;
      border: 2px solid #9c9c9c;
      box-shadow: 1px 1px 1px #191817;
      -moz-box-shadow: 1px 1px 1px #191817;
      -htm-box-shadow: 1px 1px 1px #191817;
      -webkit-box-shadow: 1px 1px 1px #191817;
      -o-box-shadow: 1px 1px 1px #191817;
    }
    .description_contenu
    {
      position: absolute;
      display: block;
      width: 251px;
      height: 71px;
      overflow: auto;
      background-color: #191817;
      font-size: 10px;
      color: #9c9c9c;
      text-align: left;
      padding: 5px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .description_contenu:hover
    {
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .icone_stats
    {
      width: 300px;
      margin: auto;
      margin-top: -30px;
    }
    .stats_lastpost
    {
      display: block;
      width: 160px;
      height: 80px;
      margin-left: 10px;
      background-color: ;
      border: 1px solid #b5b5b5;
      padding: 5px;
      text-align: left;
    }
    .stats
    {
      display: block;
      margin-bottom: 5px;
      border-bottom: 1px dotted #b5b5b5;
      padding-bottom: 5px;
      font-size: 10px;
      color: #8f8f8f;
    }
    .lastpost
    {
      display: block;
      font-size: 11px;
    }
    .sforum
    {
      position: relative;
      z-index: 3;
      display: block;
      height: 0;
        background: #191817;
      color: #b5b5b5;
      overflow: hidden;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .ouverture_sousforum
    {
      position: relative;
      z-index: 3;
      display: block;
      float: right;
      width: 120px;
      margin-right: 20px;
      background: #191817;
      color: #b5b5b5;
      font-size: 11px;
      text-align: left;
      padding: 4px;
      -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    }
    .sous_forum:hover .sforum
    {
      height: 50px;
      background: #191817;
      color: #b5b5b5;
      padding: 4px;
      overflow: auto;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .sous_forum a
    {
      color: #b5b5b5 !important;
      text-shadow: 1px 1px 0px #000000;
    }
    .sous_forum a:hover
    {
      color: #ffffff !important;
    }

    .qeel_titre
    {
      width: 890px;
      height: 100px;
      background: url(#);
    }
    .qeel
    {
      width: 890px;
      height: 400px;
      background: url(#);
    }
    .qeel_table
    {
      width: 612px;
      margin: auto;
    }
    .colonne
    {
      position: absolute;
      z-index: 1;
      width: 200px;
      height: 300px;
      overflow: auto;
      margin-top: 0px;
      margin-left: 0px;
      background: #4b4545;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 0px #0d1418;
      -moz-box-shadow: 0px 0px 0px #0d1418;
      -o-box-shadow: 0px 0px 0px #0d1418;
      -htm-box-shadow: 0px 0px 0px #0d1418;
      -webkit-box-shadow: 0px 0px 0px #0d1418;
      font-size: 9px;
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=50);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }
    .colonne:hover
    {
      position: absolute;
      z-index: 99;
      width: 300px;
      height: 400px;
      margin-top: -50px;
      margin-left: -50px;
      background: #4b4545;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 5px #0d1418;
      -moz-box-shadow: 0px 0px 5px #0d1418;
      -o-box-shadow: 0px 0px 5px #0d1418;
      -htm-box-shadow: 0px 0px 5px #0d1418;
      -webkit-box-shadow: 0px 0px 5px #0d1418;
      font-size: 11px;
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }
    .qeel_contenu
    {
      display: block;
      text-align: justify;
      padding: 10px;
    }

        .avatar_mess
    {
      display: block;
      width: 200px;
      height: 320px;
      margin-left: -10px;
      margin-right: 10px;
      overflow: hidden;
      background: #272726;
      border: 5px solid #3e1d19;
      transform: rotate(-5deg);
      -moz-transform: rotate(-5deg);
      -o-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -htm-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      box-shadow: 0px 0px 6px #000000;
      -moz-box-shadow: 0px 0px 6px #000000;
      -o-box-shadow: 0px 0px 6px #000000;
      -htm-box-shadow: 0px 0px 6px #000000;
      -webkit-box-shadow: 0px 0px 6px #000000;
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .avatar_mess:hover
    {
      margin-left: 5px;
      transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -htm-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess
    {
      position: absolute;
      display: block;
      width: 190px;
      height: 310px;
      margin: auto;
      padding: 5px;
      overflow: auto;
      background: #202020 ;
      color: ;
      font-size: 11px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess:hover
    {
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=100);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .pseudo_mess
    {
      display: block;
      position: relative;
      z-index: 2;
      width: 190px;
      margin-top: -15px;
      margin-left: 10px;
      text-align: left;
      font-size: 12px;
      font-family: Arial;
      font-weight: ;
      text-shadow:  ;
      background: #202020  ;
      padding-top: 5px;
      border-left: 3px solid #371e1a;
      border-right: 3px solid #371e1a;
      border-top: 1px solid #371e1a;
      border-bottom: 1px solid #371e1a;
      box-shadow: ;
      -moz-box-shadow:  ;
      -o-box-shadow:  ;
      -htm-box-shadow:  ;
      -webkit-box-shadow:  ;
    }


    /* PAGE ACCUEIL FORME 1 */

    #f1_accueil
    {
      width: 800px;
      height: 500px;
      margin: auto;
      background: url(http://img15.hostingpics.net/pics/891324imageexemplePA.jpg);
      text-shadow: none !important;
    }
    #f1_accueil a
    {
      color: #ba8550 !important;
      text-shadow: none !important;
    }
    #f1_accueil a:hover
    {
      color: #e58f3a !important;
      text-shadow: none !important;
    }
    .f1_col1
    {
      width: 300px;
      vertical-align: top;
    }
    .f1_contexte
    {
      width: 220px;
      height: 300px;
      overflow: auto;
      margin-top: 100px;
      margin-left: 65px;
      text-align: justify;
      color: #7e6144;
      text-shadow: 1px 1px 0px #ffffff;
    }
    .f1_bloconglets
    {
      margin-top: 80px;
    }
    .f1_onglet1, .f1_onglet2, .f1_onglet3
    {
      display: inline-block;
      width: 110px;
      height: 50px;
    }
    .f1_onglet1
    {
      margin-left: 50px;
      margin-right: 25px;
    }
    .f1_onglet2
    {
      margin-right: 30px;
    }
    .f1_contenu1, .f1_contenu2, .f1_contenu3
    {
      position: absolute;
      width: 0px;
      height: 220px;
      margin-top: 40px;
      padding-top: 40px;
      overflow: hidden;
      font-size: 11px;
      color: #7e6144;
    }
    .f1_contenu1
    {
      margin-left: -10px;
    }
    .f1_contenu2
    {
      margin-left: -149px;
    }
    .f1_contenu3
    {
      margin-left: -294px;
    }
    .f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
    {
      width: 400px;
    }
    .f1_liens
    {
      display: block;
      text-align: left;
    }
    .f1_liens a
    {
      font-size: 16px;
      font-weight: bold;
    }
    .f1_news, .f1_friends
    {
      width: 200px;
      height: 200px;
      overflow: hidden;
      text-align: justify;
    }
    .f1_credits, .f1_topsites
    {
      height: 150px;
      border-left: 1px solid #d19962;
      margin-left: 5px;
      padding: 5px;
      text-align: left;
    }
    .f1_staff1, .f1_staff2, .f1_staff3
    {
      display: block;
      width: 50px;
      height: 50px;
      background: url() #d19962;
      margin-bottom: 20px;
      margin-top: 20px;
      border: 1px solid #d19962;
    }
    .f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
    {
      position: absolute;
      width: 0px;
      height: 150px;
      background: #ffffff;
      margin-left: 80px;
      overflow: hidden;
    }
    .f1_staffcontenu2
    {
      margin-top: -72px;
    }
    .f1_staffcontenu3
    {
      margin-top: -144px;
    }
    .f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
    {
      width: 300px;
      border: 1px solid #d19962;
    }

    
   
    /* PAGE ACCUEIL MOZAIK */

    #mozaik
    {
      width: 660px;
      height: 260px;
      margin: auto;
    }
    #mozaik a
    {
      font-weight: bold;
      color: #575757 !important;
      text-decoration: none !important;
    }
    #mozaik a:hover
    {
      color: #3a3a3a;
      text-decoration: none !important;
    }
    #mozaik_top
    {
      position: relative;
      z-index: 1;
      width: 30px;
      height: 238px;
      overflow: hidden;
      margin-top: 10px;
      float: left;
      background: #b9b9b9;
      border: 1px solid #d6d6d6;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_top:hover
    {
      position: relative;
      z-index: 999;
      width: 330px;
      background: #d6d6d6;
      border: 1px solid #e3e3e3;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_credits
    {
      position: relative;
      z-index: 1;
      width: 30px;
      height: 238px;
      overflow: hidden;
      margin-top: 10px;
      float: right;
      background: #b9b9b9;
      border: 1px solid #d6d6d6;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_credits:hover
    {
      position: relative;
      z-index: 999;
      width: 330px;
      background: #d6d6d6;
      border: 1px solid #e3e3e3;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titretop
    {
      display: block;
      width: 30px;
      height: 238px;
      float: left;
      overflow: hidden;
      background-color: transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_top:hover .mozaik_titretop
    {
      background-color: #9e9e9e;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titrecredits
    {
      display: block;
      width: 30px;
      height: 238px;
      float: right;
      overflow: hidden;
      background-color: transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_credits:hover .mozaik_titrecredits
    {
      background-color: #9e9e9e;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_accueil
    {
      width: 600px;
      height: 240px;
      margin: auto;
      padding: 10px;
      text-align: justify;
    }
    #mozaik1
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #dcd3ce;
      border-left: 3px solid #9e3535;
      box-shadow: 0px 0px 0px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik1:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      background: #dcdcdc;
      border-left: 0px solid #9e3535;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik2
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #af6342;
      border-right: 3px solid #3b5d94;
      box-shadow: 0px 0px 0px #000000;
      margin-left: 300px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik2:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      margin-left: 0px;
      background: #dcdcdc;
      border-right: 0px solid #3b5d94;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik3
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #392823;
      border-left: 3px solid #392823;
      box-shadow: 0px 0px 0px #000000;
      margin-top: 120px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik3:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      margin-top: 0px;
      background: #dcdcdc;
      border-left: 0px solid #392823;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik4
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #d7d1a0;
      border-right: 3px solid #c4863b;
      box-shadow: 0px 0px 0px #000000;
      margin-left: 300px;
      margin-top: 120px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik4:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      margin-left: 0px;
      margin-top: 0px;
      background: #dcdcdc;
      border-right: 0px solid #c4863b;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }

    .mozaik_titre1
    {
      width: 300px;
      height: 120px;
      background: url(http://feb.imghost.us/Fmk9.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik1:hover .mozaik_titre1
    {
      width: 600px;
      height: 60px;
      background: url(http://feb.imghost.us/Fmk9.png) top left no-repeat #dcd3ce;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titre2
    {
      width: 300px;
      height: 120px;
      background: url(http://feb.imghost.us/FmX3.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik2:hover .mozaik_titre2
    {
      width: 600px;
      height: 60px;
      background: url(http://feb.imghost.us/FmX3.png) top left no-repeat #9c452a;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titre3
    {
      width: 300px;
      height: 120px;
      background: url(http://feb.imghost.us/GAcy.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik3:hover .mozaik_titre3
    {
      width: 600px;
      height: 60px;
      background: url(http://feb.imghost.us/GAcy.png) top left no-repeat #392823;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titre4
    {
      width: 300px;
      height: 120px;
      background: url(http://feb.imghost.us/FmcN.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik4:hover .mozaik_titre4
    {
      width: 600px;
      height: 60px;
      background: url(http://feb.imghost.us/FmcN.png) top left no-repeat #c4863b;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }

    .mozaik_contenu
    {
      width: 98%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 160px;
      overflow: auto;
      font-size: 11px;
      color: #7d7d7d;
      text-shadow: 1px 1px 0px #f1f1f1;
    }
    .mozaik_contenu2
    {
      width: 280px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 220px;
      overflow: auto;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: left;
      color: #7d7d7d;
      text-shadow: 1px 1px 0px #f1f1f1;
    }
    .mozaik_contenu3
    {
      width: 280px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 220px;
      overflow: auto;
      font-size: 11px;
      font-style: italic;
      text-align: left;
      color: #7d7d7d;
      text-shadow: 1px 1px 0px #f1f1f1;
    }
    .mozaik_illu
    {
      width: 150px;
      float: left;
      border: 1px solid #ffffff;
      margin: 5px;
    }
    .mozaik_news
    {
      margin: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #3b5d94;
    }
    .mozaik_datenews
    {
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      color: #3b5d94;
      margin-right: 20px;
    }
    .mozaik_avatar
    {
      position: relative;
      z-index: 1;
      display: inline-block;
      width: 80px;
      height: 150px;
      overflow: hidden;
      border: 2px solid #9e9e9e;
      box-shadow: 0px 0px 0px #000000;
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=50);
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatar:hover
    {
      position: relative;
      z-index: 999;
      display: inline-block;
      width: 150px;
      height: 150px;
      overflow: hidden;
      border: 2px solid #9e9e9e;
      box-shadow: 0px 0px 5px #000000;
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=100);
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatardescr
    {
      display: block;
      background: url(http://img15.hostingpics.net/pics/301068noir50.png);
      margin-top: 150px;
      height: 150px;
      overflow: auto;
      color: #e4e4e4;
      font-size: 10px;
      line-height: 12px;
      text-shadow: 1px 1px 0px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatar:hover .mozaik_avatardescr
    {
      margin-top: 130px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatardescr:hover
    {
      margin-top: 0px !important;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatartitre
    {
      display: block;
      text-align: left;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .mozaik_predef
    {
      clear: both;
      display: block;
      height: 60px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_predef:hover
    {
      display: block;
      height: 60px;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_predef a
    {
      text-transform: uppercase;
      color: #52400a !important;
      text-decoration: none !important;
      text-shadow: 1px 1px 0px #ffffff;
    }
    .mozaik_predef a:hover
    {
      text-decoration: none !important;
    }
    .predef_icone
    {
      display: block;
      float: left;
      width: 50px;
      height 50px;
      overflow: hidden;
      margin: 5px;
      border: 2px solid #9e9e9e;
    }
    .predef_icone img
    {
      width: 50px;
    }
    .predef_nom
    {
      display: block;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      color: #937723;
    }

    #navig
    {
      width: 950px;
      margin: auto;
      text-align: left;
    }

    /* ONGLET DEVOILE EN CLIC */

    #target_onglet, #target_onglet2
    {
      position: fixed;
    }
    #onglet_clic
    {
      position: fixed;
      z-index: 999;
      width: 342px;
      height: 200px;
      margin-left: -310px;
      margin-top: 100px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #onglet_contenu
    {
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 190px;
      color: #1e466c;
      font-size: 11px;
    }
    .onglet_clic_navigation
    {
      display: block;
      float: right;
      width: 40px;
      height: 120px;
      overflow: hidden;
      background: url(http://img15.hostingpics.net/pics/974397ongletouvrir.png);
      margin-top: 40px;
    }
    .onglet_ouvrir
    {
      position: absolute;
      z-index: 3;
    }
    .onglet_fermer
    {
      position: absolute;
      z-index: 2;
    }
    #onglet_clic_contenu
    {
      width: 300px;
      height: 200px;
      overflow: hidden;
      background: #72a3cc;
      border: 1px solid #2f6ea5;
    }
    #target_onglet:target #onglet_clic
    {
      margin-left: -10px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #target_onglet:target .onglet_ouvrir
    {
      z-index: 1;
    }
    #target_onglet2:target #onglet_clic
    {
      margin-left: -310px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

.updownbutton {
  position:fixed;
  bottom:40px;
  right:10px; /* replace right with left to display the buttons on the left */
  z-index:100;
}
.updownbutton img {
  filter:alpha(opacity=50);
        -khtml-opacity:0.5;
          -moz-opacity:0.5;
               opacity:0.5;
}
.updownbutton img:hover {
  filter:alpha(opacity=100);
           -khtml-opacity:1;
             -moz-opacity:1;
                  opacity:1;
}


I've activated a guest account so the chatbox can be seen:

http://www.shinobitales.com/

Id: Testing
Pass: testing


I'm almost positive there's a bunch of errors in that CSS too; but as I am brand spanking new to CSS, I can't find or fix them myself, and I only have this code because it came pre-bundled with the hitskin theme I had been using before, but could not fix, obviously. Any help anyone is able to give me would be greatly appreciated. Thank you for you time.

Raijin_Tsukino
Forumember

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

http://ninjaballad.forumotion.com/

Back to top Go down

Solved Re: Having an issue finding the CSS that's effecting my chatbox.

Post by hamsa-haq on June 29th 2014, 11:47 pm

Code:
 
    .maintitle, .maintitle h1{
     font-weight: bold;
     font-size: 50px !important;
     font-family: Alex Brush;
        margin-bottom: -25px;
    }
    th{font-variant: normal;}
    th.thCornerL, th.thTop, th.thCornerR{border:0px;}

    td.bodyline{border:5px dotted;}
    td.spaceRow{border:10px; background-color: transparent; }
    td.catHead,td.catBottom{border:0px; box-shadow: 10px 10px 5px #1E082E;}
    td.catLeft{border:0px;font-variant: normal;text-align:center; box-shadow: 10px 10px 5px #1E082E;}
    td.row1,td.row2,td.row3 {filter:Alpha(Opacity=80);}

    .overlay {
        margin-top:-180px;
        width:130px;
        height:180px;
        background-color:black;
        opacity:0;
    }
    body {
    background-repeat: repeat;
      text-align:center;
        font-style: italic;
    }

    a { text-decoration: none; }
    a:hover{
        text-decoration: none !important;
        color : #ffffff;
        }

    img {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }


    body
    {
      opacity: 0.9
       
    }

    .name{
    font-weight: lighter;
    font-size: 12px;
     letter-spacing: -1px;
    text-decoration: none;
    font-family: Verdana;
        text-transform: lowercase;
          color: transparent;
    


    }


    .name:hover {
    font-family: Verdana;
      font-size: 9px;
      text-transform: lowercase;
     letter-spacing: 1px;
      font-weight: lighter;
        background-image:url('')
    }



    .avatar.mini, .avatar.mini img {
    height: 100px;
    width: 72px;
    }


    .forumlink {
    font:14px arial;
    font-style: italic;
    text-align: left;
    text-transform: lowercase;
    letter-spacing: 1px;
    line-height:150%;
    text-shadow: 1px 1px 0px #;
    }

    .forumlink:hover {
      background-image:url('');
     
    }



    a.mainmenu{
    text-decoration: none;
    text-transform: uppercase;
    font: 12px calibri; 
    text-shadow: 1px 1px 0px #;
    color :
       border-top-left-radius: 7px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 8px;
     
    transition: background 1s;
    -webkit-transition: background 1000ms;
    -moz-transition: background 1000ms;
    -o-transition: background 1000ms;

       
    }


    a.mainmenu:hover {
      font-style: italic;
    background: transparent;
    background: url() repeat;
    /* TRANSISITION */
    transition: background 1000ms;
    -webkit-transition: background 1000ms;
    -moz-transition: background 1000ms;
    -o-transition: background 1000ms;
    }



    a.cattitle {
    display:block;
    font: 18px Bad Script;
    color: #7a6565;
    font-style: bold;
    font-weight: normal;
    text-align: left;
    text-transform: lowercase;
    letter-spacing: 1px;
    line-height:25%;
    text-shadow: 1px 1px 0px #;
    }



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

    a img {
    border: none;
    position: left;
    }

    img:hover
    {opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    }

    .bodyline {
    opacity:1.0;
    filter:alpha(opacity=100);
    background-image: url();
    background-repeat: repeat;
    }

    a.gen, a.genmed, a.gensmall {
    text-decoration: none;
    text-transform: uppercase;
    font: 12px calibri; 
    text-shadow: 1px 1px 0px #;
    color : #8b746f;

    }

    a.gen, a.genmed, a.gensmall:hover {
      background-image:url('');
      font-style: italic;
    }

    @font-face {
      font-family: 'Annie Use Your Telescope';
      font-style: normal;
      font-weight: 400;
      src: local('Annie Use Your Telescope'), local('AnnieUseYourTelescope'), url(http://themes.googleusercontent.com/static/fonts/annieuseyourtelescope/v3/2cuiO5VmaR09C8SLGEQjGgtSTT_xyPSRqbb82lxMsRH3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
    }

    @font-face {
      font-family: 'Bad Script';
      font-style: normal;
      font-weight: 400;
      src: local('Bad Script Regular'), local('BadScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/badscript/v2/rL_b2ND61EQmMOJ8CRr1fhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
    }

    @font-face {
      font-family: 'Calligraffitti';
      font-style: normal;
      font-weight: 400;
      src: local('Calligraffitti'), local('Calligraffitti-Regular'), url(http://themes.googleusercontent.com/static/fonts/calligraffitti/v4/vLVN2Y-z65rVu1R7lWdvyKIZAuDcNtpCWuPSaIR0Ie8.woff) format('woff');
    }

    @font-face {
      font-family: 'Handlee';
      font-style: normal;
      font-weight: 400;
      src: local('Handlee Regular'), local('Handlee-Regular'), url(http://themes.googleusercontent.com/static/fonts/handlee/v2/6AfIXNH5pZ1Jj_pfExPOWQ.woff) format('woff');
    }

    td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
    border-image: initial;
    height: 20px;
    }

    .postdetails.poster-profile span.label {
    white-space: nowrap;
    font: 11px helvetica; 
    }

    a.topictitle{
    text-decoration: initial;
    font: 12px orator std;
    text-transform: lowercase;}

        /* MISE EN FORME DES CATEGORIES ET FORUMS */

        .cate_titre
        {
          clear: both;
          height: 100px;
          margin-top: 50px;
        }
        .catetitre_bloc
        {
        position: relative;
        z-index: 1;
        display: block;
        width: 90%;
        height: 20px;
        margin-left: auto;
        margin-right : auto;
       
        }
        .catetitre_content
        {
        position: absolute;
        z-index: 2;
        display: block;
        width: 950px;
        margin-left: auto;
          margin-right: auto;
          margin-top: -40px;
        text-align: left;
        padding: 2px;
          border-bottom: 3px dotted #191817;
        }
        .catetitre
        {
        color: #454545;
        font-family: arial;
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 1px 1px 0px #000000;
        }

        .forum_bloc
        {
          width: 950px;
          margin-left: auto;
          margin-right: auto;
          margin-top: -30px;
        }
        .forum
        {
        float: left;
        width: 450px;
        height: 250px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 50px;
        }
        a.forumlink
        {
          position: relative;
          z-index: 2;
          display: block;
          width: 100%;
          color: #454545;
          text-align: left;
        font-family: arial;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 1px 1px 0px #000000;
            transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        a.forumlink:hover
        {
          letter-spacing: 4px;
            transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .forum_contenu
        {
          position: relative;
          z-index: 1;
          width: 98%;
          height: 90%;
          padding: 4px;
          margin-left: auto;
          margin-right: auto;
          margin-top: -8px;
          background-color: ;
          border-left: 1px dotted #191817;
          border-right: 1px dotted #191817;
          border-bottom: 1px dotted #191817;
          border-top: 2px dotted #191817;
        }
        .description
        {
          display: block;
          width: 260px;
          margin: auto;
          height: 80px;
          overflow: hidden;
          border: 2px solid #9c9c9c;
          box-shadow: 1px 1px 1px #191817;
          -moz-box-shadow: 1px 1px 1px #191817;
          -htm-box-shadow: 1px 1px 1px #191817;
          -webkit-box-shadow: 1px 1px 1px #191817;
          -o-box-shadow: 1px 1px 1px #191817;
        }
        .description_contenu
        {
          position: absolute;
          display: block;
          width: 251px;
          height: 71px;
          overflow: auto;
          background-color: #191817;
          font-size: 10px;
          color: #9c9c9c;
          text-align: left;
          padding: 5px;
          opacity: 0;
          -moz-opacity: 0;
          -khtml-opacity: 0;
          filter: alpha(opacity=0);
          transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .description_contenu:hover
        {
          opacity: 0.8;
          -moz-opacity: 0.8;
          -khtml-opacity: 0.8;
          filter: alpha(opacity=80);
          transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .icone_stats
        {
          width: 300px;
          margin: auto;
          margin-top: -30px;
        }
        .stats_lastpost
        {
          display: block;
          width: 160px;
          height: 80px;
          margin-left: 10px;
          background-color: ;
          border: 1px solid #b5b5b5;
          padding: 5px;
          text-align: left;
        }
        .stats
        {
          display: block;
          margin-bottom: 5px;
          border-bottom: 1px dotted #b5b5b5;
          padding-bottom: 5px;
          font-size: 10px;
          color: #8f8f8f;
        }
        .lastpost
        {
          display: block;
          font-size: 11px;
        }
        .sforum
        {
          position: relative;
          z-index: 3;
          display: block;
          height: 0;
            background: #191817;
          color: #b5b5b5;
          overflow: hidden;
            transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .ouverture_sousforum
        {
          position: relative;
          z-index: 3;
          display: block;
          float: right;
          width: 120px;
          margin-right: 20px;
          background: #191817;
          color: #b5b5b5;
          font-size: 11px;
          text-align: left;
          padding: 4px;
          -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        }
        .sous_forum:hover .sforum
        {
          height: 50px;
          background: #191817;
          color: #b5b5b5;
          padding: 4px;
          overflow: auto;
            transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .sous_forum a
        {
          color: #b5b5b5 !important;
          text-shadow: 1px 1px 0px #000000;
        }
        .sous_forum a:hover
        {
          color: #ffffff !important;
        }

        .qeel_titre
        {
          width: 890px;
          height: 100px;
          background: url(#);
        }
        .qeel
        {
          width: 890px;
          height: 400px;
          background: url(#);
        }
        .qeel_table
        {
          width: 612px;
          margin: auto;
        }
        .colonne
        {
          position: absolute;
          z-index: 1;
          width: 200px;
          height: 300px;
          overflow: auto;
          margin-top: 0px;
          margin-left: 0px;
          background: #4b4545;
          border: 1px solid #3f4d55;
          box-shadow: 0px 0px 0px #0d1418;
          -moz-box-shadow: 0px 0px 0px #0d1418;
          -o-box-shadow: 0px 0px 0px #0d1418;
          -htm-box-shadow: 0px 0px 0px #0d1418;
          -webkit-box-shadow: 0px 0px 0px #0d1418;
          font-size: 9px;
          opacity: 0.5;
          -moz-opacity: 0.5;
          -khtml-opacity: 0.5;
          filter: alpha(opacity=50);
          transition: 1s;
          -moz-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -o-transition: 1s;
        }
        .colonne:hover
        {
          position: absolute;
          z-index: 99;
          width: 300px;
          height: 400px;
          margin-top: -50px;
          margin-left: -50px;
          background: #4b4545;
          border: 1px solid #3f4d55;
          box-shadow: 0px 0px 5px #0d1418;
          -moz-box-shadow: 0px 0px 5px #0d1418;
          -o-box-shadow: 0px 0px 5px #0d1418;
          -htm-box-shadow: 0px 0px 5px #0d1418;
          -webkit-box-shadow: 0px 0px 5px #0d1418;
          font-size: 11px;
          opacity: 0.8;
          -moz-opacity: 0.8;
          -khtml-opacity: 0.8;
          filter: alpha(opacity=80);
          transition: 1s;
          -moz-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -o-transition: 1s;
        }
        .qeel_contenu
        {
          display: block;
          text-align: justify;
          padding: 10px;
        }

            .avatar_mess
        {
          display: block;
          width: 200px;
          height: 320px;
          margin-left: -10px;
          margin-right: 10px;
          overflow: hidden;
          background: #272726;
          border: 5px solid #3e1d19;
          transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
          -htm-transform: rotate(-5deg);
          -webkit-transform: rotate(-5deg);
          box-shadow: 0px 0px 6px #000000;
          -moz-box-shadow: 0px 0px 6px #000000;
          -o-box-shadow: 0px 0px 6px #000000;
          -htm-box-shadow: 0px 0px 6px #000000;
          -webkit-box-shadow: 0px 0px 6px #000000;
              transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .avatar_mess:hover
        {
          margin-left: 5px;
          transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -htm-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
              transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .profil_mess
        {
          position: absolute;
          display: block;
          width: 190px;
          height: 310px;
          margin: auto;
          padding: 5px;
          overflow: auto;
          background: #202020 ;
          color: ;
          font-size: 11px;
          opacity: 0;
          -moz-opacity: 0;
          -khtml-opacity: 0;
          filter: alpha(opacity=0);
              transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .profil_mess:hover
        {
          opacity: 1;
          -moz-opacity: 1;
          -khtml-opacity: 1;
          filter: alpha(opacity=100);
              transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .pseudo_mess
        {
          display: block;
          position: relative;
          z-index: 2;
          width: 190px;
          margin-top: -15px;
          margin-left: 10px;
          text-align: left;
          font-size: 12px;
          font-family: Arial;
          font-weight: ;
          text-shadow:  ;
          background: #202020  ;
          padding-top: 5px;
          border-left: 3px solid #371e1a;
          border-right: 3px solid #371e1a;
          border-top: 1px solid #371e1a;
          border-bottom: 1px solid #371e1a;
          box-shadow: ;
          -moz-box-shadow:  ;
          -o-box-shadow:  ;
          -htm-box-shadow:  ;
          -webkit-box-shadow:  ;
        }


        /* PAGE ACCUEIL FORME 1 */

        #f1_accueil
        {
          width: 800px;
          height: 500px;
          margin: auto;
          background: url(http://img15.hostingpics.net/pics/891324imageexemplePA.jpg);
          text-shadow: none !important;
        }
        #f1_accueil a
        {
          color: #ba8550 !important;
          text-shadow: none !important;
        }
        #f1_accueil a:hover
        {
          color: #e58f3a !important;
          text-shadow: none !important;
        }
        .f1_col1
        {
          width: 300px;
          vertical-align: top;
        }
        .f1_contexte
        {
          width: 220px;
          height: 300px;
          overflow: auto;
          margin-top: 100px;
          margin-left: 65px;
          text-align: justify;
          color: #7e6144;
          text-shadow: 1px 1px 0px #ffffff;
        }
        .f1_bloconglets
        {
          margin-top: 80px;
        }
        .f1_onglet1, .f1_onglet2, .f1_onglet3
        {
          display: inline-block;
          width: 110px;
          height: 50px;
        }
        .f1_onglet1
        {
          margin-left: 50px;
          margin-right: 25px;
        }
        .f1_onglet2
        {
          margin-right: 30px;
        }
        .f1_contenu1, .f1_contenu2, .f1_contenu3
        {
          position: absolute;
          width: 0px;
          height: 220px;
          margin-top: 40px;
          padding-top: 40px;
          overflow: hidden;
          font-size: 11px;
          color: #7e6144;
        }
        .f1_contenu1
        {
          margin-left: -10px;
        }
        .f1_contenu2
        {
          margin-left: -149px;
        }
        .f1_contenu3
        {
          margin-left: -294px;
        }
        .f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
        {
          width: 400px;
        }
        .f1_liens
        {
          display: block;
          text-align: left;
        }
        .f1_liens a
        {
          font-size: 16px;
          font-weight: bold;
        }
        .f1_news, .f1_friends
        {
          width: 200px;
          height: 200px;
          overflow: hidden;
          text-align: justify;
        }
        .f1_credits, .f1_topsites
        {
          height: 150px;
          border-left: 1px solid #d19962;
          margin-left: 5px;
          padding: 5px;
          text-align: left;
        }
        .f1_staff1, .f1_staff2, .f1_staff3
        {
          display: block;
          width: 50px;
          height: 50px;
          background: url() #d19962;
          margin-bottom: 20px;
          margin-top: 20px;
          border: 1px solid #d19962;
        }
        .f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
        {
          position: absolute;
          width: 0px;
          height: 150px;
          background: #ffffff;
          margin-left: 80px;
          overflow: hidden;
        }
        .f1_staffcontenu2
        {
          margin-top: -72px;
        }
        .f1_staffcontenu3
        {
          margin-top: -144px;
        }
        .f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
        {
          width: 300px;
          border: 1px solid #d19962;
        }

       
      
        /* PAGE ACCUEIL MOZAIK */

        #mozaik
        {
          width: 660px;
          height: 260px;
          margin: auto;
        }
        #mozaik a
        {
          font-weight: bold;
          color: #575757 !important;
          text-decoration: none !important;
        }
        #mozaik a:hover
        {
          color: #3a3a3a;
          text-decoration: none !important;
        }
        #mozaik_top
        {
          position: relative;
          z-index: 1;
          width: 30px;
          height: 238px;
          overflow: hidden;
          margin-top: 10px;
          float: left;
          background: #b9b9b9;
          border: 1px solid #d6d6d6;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik_top:hover
        {
          position: relative;
          z-index: 999;
          width: 330px;
          background: #d6d6d6;
          border: 1px solid #e3e3e3;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik_credits
        {
          position: relative;
          z-index: 1;
          width: 30px;
          height: 238px;
          overflow: hidden;
          margin-top: 10px;
          float: right;
          background: #b9b9b9;
          border: 1px solid #d6d6d6;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik_credits:hover
        {
          position: relative;
          z-index: 999;
          width: 330px;
          background: #d6d6d6;
          border: 1px solid #e3e3e3;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_titretop
        {
          display: block;
          width: 30px;
          height: 238px;
          float: left;
          overflow: hidden;
          background-color: transparent;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik_top:hover .mozaik_titretop
        {
          background-color: #9e9e9e;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_titrecredits
        {
          display: block;
          width: 30px;
          height: 238px;
          float: right;
          overflow: hidden;
          background-color: transparent;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik_credits:hover .mozaik_titrecredits
        {
          background-color: #9e9e9e;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik_accueil
        {
          width: 600px;
          height: 240px;
          margin: auto;
          padding: 10px;
          text-align: justify;
        }
        #mozaik1
        {
          position: absolute;
          z-index: 1;
          width: 300px;
          height: 120px;
          overflow: hidden;
          background: #dcd3ce;
          border-left: 3px solid #9e3535;
          box-shadow: 0px 0px 0px #000000;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik1:hover
        {
          z-index: 999;
          width: 600px;
          height: 240px;
          background: #dcdcdc;
          border-left: 0px solid #9e3535;
          box-shadow: 0px 0px 5px #000000;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik2
        {
          position: absolute;
          z-index: 1;
          width: 300px;
          height: 120px;
          overflow: hidden;
          background: #af6342;
          border-right: 3px solid #3b5d94;
          box-shadow: 0px 0px 0px #000000;
          margin-left: 300px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik2:hover
        {
          z-index: 999;
          width: 600px;
          height: 240px;
          margin-left: 0px;
          background: #dcdcdc;
          border-right: 0px solid #3b5d94;
          box-shadow: 0px 0px 5px #000000;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik3
        {
          position: absolute;
          z-index: 1;
          width: 300px;
          height: 120px;
          overflow: hidden;
          background: #392823;
          border-left: 3px solid #392823;
          box-shadow: 0px 0px 0px #000000;
          margin-top: 120px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik3:hover
        {
          z-index: 999;
          width: 600px;
          height: 240px;
          margin-top: 0px;
          background: #dcdcdc;
          border-left: 0px solid #392823;
          box-shadow: 0px 0px 5px #000000;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik4
        {
          position: absolute;
          z-index: 1;
          width: 300px;
          height: 120px;
          overflow: hidden;
          background: #d7d1a0;
          border-right: 3px solid #c4863b;
          box-shadow: 0px 0px 0px #000000;
          margin-left: 300px;
          margin-top: 120px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik4:hover
        {
          z-index: 999;
          width: 600px;
          height: 240px;
          margin-left: 0px;
          margin-top: 0px;
          background: #dcdcdc;
          border-right: 0px solid #c4863b;
          box-shadow: 0px 0px 5px #000000;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }

        .mozaik_titre1
        {
          width: 300px;
          height: 120px;
          background: url(http://feb.imghost.us/Fmk9.png) top left no-repeat transparent;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik1:hover .mozaik_titre1
        {
          width: 600px;
          height: 60px;
          background: url(http://feb.imghost.us/Fmk9.png) top left no-repeat #dcd3ce;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_titre2
        {
          width: 300px;
          height: 120px;
          background: url(http://feb.imghost.us/FmX3.png) top left no-repeat transparent;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik2:hover .mozaik_titre2
        {
          width: 600px;
          height: 60px;
          background: url(http://feb.imghost.us/FmX3.png) top left no-repeat #9c452a;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_titre3
        {
          width: 300px;
          height: 120px;
          background: url(http://feb.imghost.us/GAcy.png) top left no-repeat transparent;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik3:hover .mozaik_titre3
        {
          width: 600px;
          height: 60px;
          background: url(http://feb.imghost.us/GAcy.png) top left no-repeat #392823;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_titre4
        {
          width: 300px;
          height: 120px;
          background: url(http://feb.imghost.us/FmcN.png) top left no-repeat transparent;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        #mozaik4:hover .mozaik_titre4
        {
          width: 600px;
          height: 60px;
          background: url(http://feb.imghost.us/FmcN.png) top left no-repeat #c4863b;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }

        .mozaik_contenu
        {
          width: 98%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          height: 160px;
          overflow: auto;
          font-size: 11px;
          color: #7d7d7d;
          text-shadow: 1px 1px 0px #f1f1f1;
        }
        .mozaik_contenu2
        {
          width: 280px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          height: 220px;
          overflow: auto;
          font-size: 12px;
          font-weight: bold;
          text-transform: uppercase;
          text-align: left;
          color: #7d7d7d;
          text-shadow: 1px 1px 0px #f1f1f1;
        }
        .mozaik_contenu3
        {
          width: 280px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          height: 220px;
          overflow: auto;
          font-size: 11px;
          font-style: italic;
          text-align: left;
          color: #7d7d7d;
          text-shadow: 1px 1px 0px #f1f1f1;
        }
        .mozaik_illu
        {
          width: 150px;
          float: left;
          border: 1px solid #ffffff;
          margin: 5px;
        }
        .mozaik_news
        {
          margin: 5px;
          padding-bottom: 5px;
          border-bottom: 1px solid #3b5d94;
        }
        .mozaik_datenews
        {
          display: inline-block;
          font-size: 12px;
          font-weight: bold;
          color: #3b5d94;
          margin-right: 20px;
        }
        .mozaik_avatar
        {
          position: relative;
          z-index: 1;
          display: inline-block;
          width: 80px;
          height: 150px;
          overflow: hidden;
          border: 2px solid #9e9e9e;
          box-shadow: 0px 0px 0px #000000;
          opacity: 0.5;
          -moz-opacity: 0.5;
          -khtml-opacity: 0.5;
          filter: alpha(opacity=50);
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_avatar:hover
        {
          position: relative;
          z-index: 999;
          display: inline-block;
          width: 150px;
          height: 150px;
          overflow: hidden;
          border: 2px solid #9e9e9e;
          box-shadow: 0px 0px 5px #000000;
          opacity: 1;
          -moz-opacity: 1;
          -khtml-opacity: 1;
          filter: alpha(opacity=100);
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_avatardescr
        {
          display: block;
          background: url(http://img15.hostingpics.net/pics/301068noir50.png);
          margin-top: 150px;
          height: 150px;
          overflow: auto;
          color: #e4e4e4;
          font-size: 10px;
          line-height: 12px;
          text-shadow: 1px 1px 0px #000000;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_avatar:hover .mozaik_avatardescr
        {
          margin-top: 130px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_avatardescr:hover
        {
          margin-top: 0px !important;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_avatartitre
        {
          display: block;
          text-align: left;
          font-size: 12px;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 10px;
        }
        .mozaik_predef
        {
          clear: both;
          display: block;
          height: 60px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_predef:hover
        {
          display: block;
          height: 60px;
          box-shadow: 0px 0px 5px #000000;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
          -ms-transition: 1s;
        }
        .mozaik_predef a
        {
          text-transform: uppercase;
          color: #52400a !important;
          text-decoration: none !important;
          text-shadow: 1px 1px 0px #ffffff;
        }
        .mozaik_predef a:hover
        {
          text-decoration: none !important;
        }
        .predef_icone
        {
          display: block;
          float: left;
          width: 50px;
          height 50px;
          overflow: hidden;
          margin: 5px;
          border: 2px solid #9e9e9e;
        }
        .predef_icone img
        {
          width: 50px;
        }
        .predef_nom
        {
          display: block;
          font-size: 12px;
          font-weight: bold;
          text-transform: uppercase;
          color: #937723;
        }

        #navig
        {
          width: 950px;
          margin: auto;
          text-align: left;
        }

        /* ONGLET DEVOILE EN CLIC */

        #target_onglet, #target_onglet2
        {
          position: fixed;
        }
        #onglet_clic
        {
          position: fixed;
          z-index: 999;
          width: 342px;
          height: 200px;
          margin-left: -310px;
          margin-top: 100px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }
        #onglet_contenu
        {
          width: 290px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          height: 190px;
          color: #1e466c;
          font-size: 11px;
        }
        .onglet_clic_navigation
        {
          display: block;
          float: right;
          width: 40px;
          height: 120px;
          overflow: hidden;
          background: url(http://img15.hostingpics.net/pics/974397ongletouvrir.png);
          margin-top: 40px;
        }
        .onglet_ouvrir
        {
          position: absolute;
          z-index: 3;
        }
        .onglet_fermer
        {
          position: absolute;
          z-index: 2;
        }
        #onglet_clic_contenu
        {
          width: 300px;
          height: 200px;
          overflow: hidden;
          background: #72a3cc;
          border: 1px solid #2f6ea5;
        }
        #target_onglet:target #onglet_clic
        {
          margin-left: -10px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }
        #target_onglet:target .onglet_ouvrir
        {
          z-index: 1;
        }
        #target_onglet2:target #onglet_clic
        {
          margin-left: -310px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

    .updownbutton {
      position:fixed;
      bottom:40px;
      right:10px; /* replace right with left to display the buttons on the left */
      z-index:100;
    }
    .updownbutton img {
      filter:alpha(opacity=50);
            -khtml-opacity:0.5;
              -moz-opacity:0.5;
                   opacity:0.5;
    }
    .updownbutton img:hover {
      filter:alpha(opacity=100);
               -khtml-opacity:1;
                 -moz-opacity:1;
                      opacity:1;
    }



 Idea  héhé

hamsa-haq
New Member

Posts : 3
Reputation : 1
Language : ar -de

Back to top Go down

Solved Re: Having an issue finding the CSS that's effecting my chatbox.

Post by Ange Tuteur on June 30th 2014, 1:25 am

Hello Raijin_Tsukino,

If you haven't yet, remove the text-align:center from this rule :
Code:
body {
    background-repeat: repeat;
    text-align: center;
    font-style: italic;
}

body is the parent of all elements inside it, so this property will be inherited by it's children.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Having an issue finding the CSS that's effecting my chatbox.

Post by Raijin_Tsukino on June 30th 2014, 1:34 am

@Ange Tuteur wrote:Hello Raijin_Tsukino,

If you haven't yet, remove the text-align:center from this rule :
Code:
body {
    background-repeat: repeat;
    text-align: center;
    font-style: italic;
}

body is the parent of all elements inside it, so this property will be inherited by it's children.


Ah hah, that got it. I dunno how I missed that when I was trying to fix it myself; but that's definitely done it. Thank you kindly, everyone.


Problem solved<3

Raijin_Tsukino
Forumember

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

http://ninjaballad.forumotion.com/

Back to top Go down

Solved Re: Having an issue finding the CSS that's effecting my chatbox.

Post by Ange Tuteur on June 30th 2014, 1:38 am

You're welcome. ^^

Topic archived

Have a good day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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