Having an issue finding the CSS that's effecting my chatbox.
3 posters
Page 1 of 1
Having an issue finding the CSS that's effecting my chatbox.
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:
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.
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.
Re: Having an issue finding the CSS that's effecting my chatbox.
- 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;
}
hamsa-haq- New Member
- Posts : 3
Reputation : 1
Language : ar -de
Re: Having an issue finding the CSS that's effecting my chatbox.
Hello Raijin_Tsukino,
If you haven't yet, remove the text-align:center from this rule :
body is the parent of all elements inside it, so this property will be inherited by it's children.
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.
Re: Having an issue finding the CSS that's effecting my chatbox.
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
Re: Having an issue finding the CSS that's effecting my chatbox.
You're welcome. ^^
Topic archived
Have a good day.
Topic archived
Have a good day.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum