CSS - Classic Mostaza

/*Perfiles*/
#perfilbann {
display: inline-block;
background-color: #000;
font-family: 'calibri';
font-size: 9px;
text-align: center;
color: #fff;
padding: 25px;
margin-left: -250px;
margin-top: 5px;
text-transform: uppercase;
letter-spacing: 2px;
}

.ultvis {
display: inline-block;
width: 350px;
height: 30px;
background-color: #000;
font-family: 'calibri';
font-size: 9px;
text-align: center;
color: #fff;
padding-top: 25px;
padding-bottom: 10px;
margin-left: -250px;
margin-top: 85px;
text-transform: uppercase;
letter-spacing: 2px;
}

#motivo-datos2 {
display: inline-block;
width: 210px;
background-color: #c4bd34;
font-family: 'calibri';
font-size: 9px;
text-align: center;
color: #000;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 2px;
}

span.msntem {
display: inline-block;
margin-left: 10px;
padding: 5px;
font-family: 'Oswald', sans-serif;
font-size: 8px;
font-weight: 400;
font-style: normal;
text-align: center;
text-transform: uppercase;
text-shadow: none;
line-height: 100%;
letter-spacing: 1px;
border: 5px solid #c4bd34;
background-color: #fff;
margin-top: -65px;
padding-top: 20px;
padding-bottom: 20px;
width: 70px;
overflow: hidden;
}

.profile1 {
border-top: 4px solid #222;
border-bottom: 4px solid #222;
height: auto;
margin: 0 auto 50px;
padding: 5px;
position: relative;
width: 990px;
}

.columna1 {
  box-sizing: border-box;
  height: 360px;
  position: relative;
  width: 485px;
}

/*Título*/
h1.page-title {
background-image: url('http://i.imgur.com/MSjGC43.png');
color: #FFFFFF!important;
font-size: 10px;
font-weight: 0;
height: 55px;
letter-spacing: 0;
text-align: left;
z-index: 995;
padding: 40px 397px 0px;
width: 95px;
}

#cp-main h1 {
background-image: url('http://i.imgur.com/MSjGC43.png');
color: #FFFFFF!important;
font-size: 10px;
font-weight: 400;
height: 55px;
letter-spacing: 0;
text-align: left;
z-index: 995;
padding: 40px 397px 0px;
width: 95px;
}

ul#picture_legend, ul#privmsgs-menu {
display: none;
}

.row2, .row1 {
border-bottom: 15px solid #252525;
border-top: 10px solid #252525;
}

p.author {
background-color: #252525;
width: 500px;
position: relative;
overflow: hidden;
font-family: 'Calibri';
text-aling: center;
font-size: 10px;
text-transform: uppercase;
margin-left: 10px;
padding-top: 1px;
color: #fff;
}

.postbody {
width: 650px;
text-align: justify;
margin-left: 80px;
border: 20px solid #252525;
padding: 20px;
background: #fff;
}

/*Avatares*/
.user-status {
padding: 5px;
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 8px;
font-weight: 400;
font-style: normal;
text-align: center;
text-transform: uppercase;
text-shadow: none;
line-height: 100%;
letter-spacing: 1px;
background-color: #c4bd34;
margin-top: -83px;
padding-top: 53px;
padding-bottom: 53px;
width: 140px;
overflow: hidden;
}

.user-status a span strong {
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 8px;
font-weight: 400;
font-style: normal;
text-align: center;
text-transform: uppercase;
text-shadow: none;
line-height: 100%;
letter-spacing: 1px;
}

.postprofile .user-status:after { content: 'offline'; padding-left: 4px; }
.online .postprofile .user-status:after { content: 'online'; padding-left: 4px; }

#rango {
margin-top: 0px;
}

.postprofile {
height: 200px;
width: 850px;
margin-right: 5px;
margin-bottom: 41px;
padding: 20px;
}

#datos  {
margin-top: 2px;
bottom: 0px;
width: 210px;
height: 150px;
position: relative;
overflow: auto;
}

.nombre {
background-color: #060606;
width: 460px;
height: 20px;
position: relative;
overflow: hidden;
font-family: Pacifico;
text-aling: left;
padding: 20px;
padding-top: 15px;
font-size: 20px;
text-transform: lowercase;
border-bottom: 11px solid #c4bd34;
}

.avatar {
width: 500px;
height: 250px;
position: relative;
overflow: hidden;
}

#titulo-datos {
display: none;
}

#motivo-datos {
display: inline-block;
width: 210px;
background-color: #c4bd34;
font-family: 'calibri';
font-size: 9px;
text-align: center;
color: #000;
padding-top: 10px;
margin-bottom: -10px;
padding-bottom: 10px;
margin-right: 1px;
text-transform: uppercase;
letter-spacing: 2px;
}

#botones {
display: block;
}

.hoja {
margin-top: 30px;
text-align: center;
padding: 5px;
height: 50px;
}

/*hovers*/
#hover1{
position:relative;
border: 10px solid #000;
width:180px;
height:100px;
background: #000;}

#hover2{width:100px;
height:50px;
position:absolute;
top:21px;
left:33px;
border: 5px solid #fff;
-webkit-transform: scale(0);
transform: scale(0);
background-color: #000;transition:ease-in-out 1s;-webkit-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;-webkit-transform: scale(0.2);  -ms-transform: scale(0.2);  -o-transform: scale(0.2);  transform: scale(0.2);opacity:0;}

#hover1:hover #hover2{-webkit-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);opacity:1;}

#text2 {
margin-top:21px;
margin-left:-5px;
width:100px;
height:50px;
border: 5px solid #fff;
text-align: center;
background: #000;
color: #fff;
text-transform: uppercase;
}
#text {
padding-top: 18px;
width:100px;
height:50px;
text-align: center;
text-transform: uppercase;
}

/*Leyenda*/
.totalusers {
background: #000;
border: 10px solid #000;
font-family: calibri;
font-size: 10px;
height: auto;
overflow: auto;
text-align: center;
text-transform: uppercase;
width: 357px;
color: #fff;
margin-top: 24px;
margin-left: -2px;
}

#page-body p.page-bottom {
margin-left: -2px;
}

#conectestad {
background: #000;
border: 10px solid #000;
font-family: calibri;
font-size: 10px;
height: 193px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
width: 357px;
color: #fff;
margin-left: -2px;
margin-top: -5px;
margin-bottom: -37px;
}

#members {
background: #000;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
padding: 10px;
text-align: justify;
text-shadow: 2px 1px #000, 3px 1px #060606, 4px 1px #060606;
text-transform: uppercase;
width: 180px;
height: 145px;
overflow: auto;
margin-left: 5px;

}

#creditos {
background: #000;
border: 10px solid #000;
font-family: calibri;
font-size: 10px;
height: 237px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
width: 250px;
color: #fff;
margin-left: -2px;
margin-top: -20px;
}

.g1 {
width: 150px;
height: 30px;
text-align: center;
padding: 25px;
background: #a2c5de;
margin-top: -11px;
margin-left: 10px;
text-transform: uppercase;
}

.g2 {
width: 150px;
height: 30px;
text-align: center;
padding: 25px;
background: #dea2a2;
margin-top: -11px;
margin-left: 10px;
text-transform: uppercase;
}

.g3 {
width: 150px;
height: 30px;
text-align: center;
padding: 25px;
background: #cfb989;
margin-top: -11px;
margin-left: 10px;
text-transform: uppercase;
}

.g4 {
width: 150px;
height: 30px;
text-align: center;
padding: 25px;
background: #cbd39c;
margin-top: -11px;
margin-left: 10px;
text-transform: uppercase;
}

.g5 {
width: 150px;
height: 30px;
text-align: center;
padding: 25px;
background: #b7a1c4;
margin-top: -11px;
margin-left: 10px;
text-transform: uppercase;
}

.g6 {
width: 150px;
height: 30px;
text-align: center;
padding: 25px;
background: #71b664;
margin-top: -11px;
margin-left: 10px;
text-transform: uppercase;
}

.g1:hover { background: #000; }
.g2:hover { background: #000; }
.g3:hover { background: #000; }
.g4:hover { background: #000; }
.g5:hover { background: #000; }
.g6:hover { background: #000; }

.g1, .g2, .g3, .g4, .g5, .g6 {
color: #fff;
display: block;
font-family: calibri;
font-size: 12px;
height: 20px;
margin-top: 2px;
padding: 23px;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0 #222;
width: 90px;
margin-left: 8px;
overflow: auto;
}

#cajaestad {
background: #fff;
border: 40px solid #fff;
}

#gruposestad {
background: #000;
border: 10px solid #color;
color: #aaa;
font-family: calibri;
font-size: 10px;
height: 235px;
overflow: auto;
text-align: center;
text-transform: uppercase;
width: 170px;
margin-left: -4px;
margin-top: -10px;
padding: 5px;
}

.tituestad {
color: #fff;
font-family: calibri;
background-color: #000;
padding: 30px;
text-transform: uppercase;
font-size: 11px;
text-align: center;
height: 40px;
width: auto;
}

/*Botones flotantes y tablon de anuncios*/
.bot2, .bot3, .bot4 {
width: 150px;
padding: 20px;
cursor: pointer;
text-align: center;
position: fixed;
z-index: 998;
background: #c4bd34;
color: #000;
}

#caja {
position: absolute;
margin-top: 20px;
margin-left: 650px;
width: 300px;
height: 300px;
padding: 10px;
background: #fff;
z-index: 995;
border-bottom: 10px solid #c4bd34;
}

#caja2, #caja3, #caja4 {
position: fixed;
margin-top: 20px;
margin-left: 650px;
width: 300px;
height: 300px;
padding: 10px;
display: none;
background: #fff;
z-index: 998;
border-bottom: 10px solid #c4bd34;
}

.bot-text {
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-size: 10px;
line-height: 80px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
}


/* Links-----------------------------------------------------*/
a:link{
color: #c4bd34;
text-decoration: none!important;
}
a:visited{
color: #383838;
text-decoration: none;
}
a:active{
color: #000;
text-decoration: none!important;
}
a:hover{
color: #000;
text-decoration: none;
}

/*Widget*/
.module .h3 {
visibility:hidden;
}

#content-container div#right {
background-image: transparent;
margin-top: -390px;
margin-left: 1000px;
position: fixed!important;
height: 100%;
}

/*Últimos temas*/
#comments_scroll_div{
color: #000;
background: #fff;
width: 250px;
height: 150px;
margin-top: -50px;
}

/* asegurarse de que el foro tenga un tamaño definido... deberás jugar con los valores hasta que todo quede bien */
#wrap {
min-width: 905px; /*Ancho mínimo del foro*/
width: 600px !important;
background: #fff;
margin-left: 70px;
margin-top: -8px;
bottom: 0px;
position: relative;
}

#content-container div#main {
min-width: 905px; /*Ancho mínimo del foro*/
width: 600px !important;
}

.forabg {
min-width: 905px; /*Ancho mínimo del foro*/
width: 600px !important;
background: #fff;
}

.edit{ display: none; }

/* Scroll */
body  {
position: absolute;
top: 0px;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
margin: 0;
padding: 0 !important;
}

/*NAVBAR*/
a.mainmenu {
padding: 5px 25px 5px 25px;
font-size: 10px;
font-family: trebuchet ms;
-webkit-transition: 0.8s;
border-radius: 0px 0px 0px 0px;
color: #ffffff !important;
text-transform: uppercase;
letter-spacing: -1px;
spacing: -10px;
margin-top: 10px;
background: #c4bd34;
}

.mainmenu:hover {
background: #fff;
color: #000000 !important;
heigh: 30px;
}

a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"], a.mainmenu[href="/search"], a.mainmenu[href="/groups"], a.mainmenu[href="/gallery/index.htm"]{
display:none;
padding: 0px 0px;
}

/* Fix para evitar problemas en pantallas chicas, dar un ancho definido a la página */
.conteneur_minwidth_IE{
width: 880px;
}

/*CABECERA IMAGEN*/
.headerbar {
margin-top: -10px;
margin-right: 0px;
margin-left: -5px;
margin-bottom: 2px;
width: 905px;
height: 410px;
background-image: url('http://i.imgur.com/M68DQXC.png');
}

/*CABECERA CATEGORIA*/
.forabg .header {
background-image: url('http://i.imgur.com/MSjGC43.png');
font-color: #fff!important;
font-size: 15px;
font-weight: 400;
height: 55px;
letter-spacing: 0;
text-align: right;
z-index: 995;
padding: 40px 397px 0px;
width: 95px;
}

.pun h2, .pun h3, .pun h1 {
color: #ffffff;
text-align: right;
}

.table-title h2 {
font-family: 'Pacifico';
text-transform: lowercase;
border-bottom: 1px solid #ffffff;
text-align: right;
padding: 0px;
color: #ffffff;
width: auto;
}

.forabg li.header dd.topics {
display:none;
}
.forabg li.header dd.posts {
display:none;
}
.forabg li.header dd.lastpost {
display:none;
}

.forabg .header .table-title h2{
font-family: 'Pacifico';
text-transform: lowercase;
border-bottom: 1px solid #ffffff;
text-align: right;
padding: 0px;
color: #ffffff;
width: auto;
}

/*desc*/
.triangle1 {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 30px solid #000;
border-bottom: 10px solid transparent;
margin-top: -65px;
}

.image2 {
margin-left: -2px;
margin-top: -20px;
background: transparent;
width: 150px;
height:100px;
border: 10px solid #0a0a09;
}

.desc-nell {
margin-left: -2px;
margin-top: 20px;
background: url('http://i.imgur.com/n2MK8rg.png');
width: 350px;
height:150px;
border: 10px solid #0a0a09;
}

.desc-nell1 {
background-color: #000;
width: 260px;
height: 90px;
font-size: 10px;
font-family: calibri;
text-align: justify;
text-trasnform: none;
color: #fff;
line-height: 11px;
padding: 10px;
letter-spacing: 2px;
margin-left: 33px;
margin-top: -5px;
overflow: auto;
}

.linkinter {
margin-top: px;
cursor: pointer;
background: #0a0a09;
font-family: calibri;
font-size: 11px;
height: 15px;
overflow: auto;
text-align: center;
text-transform: uppercase;
width: 100px;
color: #FFFFFF!important;
padding: 5px;
padding-top: 5px;
 transition-duration: .8s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s; -o- transition-duration: .8s;
}

.linkinter:hover {
margin-top: px;
cursor: pointer;
background: #fff;
font-family: calibri;
font-size: 11px;
height: 15px;
overflow: auto;
text-align: center;
text-transform: uppercase;
width: 100px;
color: #000!important;
transition-duration: .8s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s; -o- transition-duration: .8s;
padding: 5px;
padding-top: 5px;
}

/*Título de los subforos. Esto afectará a los títulos*/
a.forumtitle {
margin-bottom:-35px;
margin-top: 10px;
background-color:#0a0a09;
color:#FFFFFF!important;
font-size:11px;
font-family: calibri;
text-transform: uppercase;
letter-spacing:3px;
padding-top: 10px;
height: 31px;
width: 370px;
margin-left:0px;
display: block;
text-align: center;
transition-duration: .8s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s; -o- transition-duration: .8s;
}

a.forumtitle:hover {
margin-bottom:-35px;
margin-top: 10px;
background-color:#fff;
color:#000!important;
font-size:11px;
font-family: calibri;
text-transform: uppercase;
letter-spacing:3px;
padding-top: 10px;
height: 31px;
width: 370px;
margin-left:0px;
display: block;
text-align: center;
transition-duration: .8s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s; -o- transition-duration: .8s;
}

/*Últimos temas*/
.forabg li.row dd.lastpost {
background-color: #c4bd34;
border-radius: ;
bottom: -0;
color: #fff;
display: block;
font-family: calibri;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 45px;
letter-spacing: 1px;
right: -70px;
top: 15px;
margin-left: 120px;
margin-top: 25px;
padding: 10px 3px 20px;
text-align: center;
text-transform: uppercase;
vertical-align: center;
width: 190px;
z-index: 985;
}

.forabg li.row dd.topics {
color: #fff;
font-family: calibri;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-left: 205px;
margin-top: 9px;
text-align: center;
padding: 20px;
background-color:#0a0a09;
}

.forabg li.row dd.posts {
color: #fff;
font-family: calibri;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-left: 120px;
margin-top: -20px;
text-align: center;
padding: 20px;
background-color:#0a0a09;
}

.forabg li.row dd.topics::after {content: "▲";}

.forabg li.row dd.posts::after {content: "▼";}

dd.lastpost span.color-groups {float: none;}

.sprite-icon_topic_latest  {display: none;}

/*scroll*/
::-webkit-scrollbar {
width: 5px;
height: 10px;
}​

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 30px;
display:  none;
background: ;
}

::-webkit-scrollbar-track-piece  {
background: transparent;
}


/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 10px;
background: #c4bd34;
border: 1px solid #c4bd34;
}

.contenedor{
    width: 350px;
    margin: auto;
    background: #fff;
  border-bottom: 5px solid #000;
}

.contenedor .titulo{
width: auto;
float: center;
font-style: open sans condensed;
text-transform: uppercase;
}

#pestanas {
    float: top;
    font-size: 3ex;
    font-weight: bold;
}

#pestanas ul{
    margin-left: 60px;
  float: center;
}

#pestanas li{
    list-style-type: none;
    float: center;
    background: #000;
  color: #fff;
}

#pestanas a:link{
    text-decoration: none;
  color: #fff;
}

#contenidopestanas{
    clear: both;
    background: #000;
    padding: 20px 0px 20px 20px;
    width: auto;
}

/*Quitar cosas*/
p.right.rightside + p, p:nth-of-type(1) {
display:none;
}

p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
display: block;
}

.edit{ display: none; }

/*Quitar el Buscar*/
.search-box {
display: none;
}

#search-box {
display: none;
}

/*PARA QUE NO SE BAJE EL CUADRO DE CHROME*/
#helpbox.helpline {
display:none;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}

/*css*/
.linkinter3 {
margin-top: px;
cursor: pointer;
background: #0a0a09;
font-family: calibri;
font-size: 11px;
height: 20px;
overflow: auto;
text-align: center;
text-transform: uppercase;
width: 290px;
color: #FFFFFF!important;
padding: 5px;
padding-top: 5px;
 transition-duration: .8s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s; -o- transition-duration: .8s;
}

.linkinter3:hover {
margin-top: px;
cursor: pointer;
background: #fff;
font-family: calibri;
font-size: 11px;
height: 20px;
overflow: auto;
text-align: center;
text-transform: uppercase;
width: 290px;
color: #000!important;
transition-duration: .8s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s; -o- transition-duration: .8s;
padding: 5px;
padding-top: 5px;
}

.descrip {
border: 2px solid #c4bd34;
padding: 10px;
text-align: justify;
font-size: 10px;
color: #000;
overflow: auto;
height: 250px;
width: 250px;
margin-top: 13px;
margin-left: 13px;
}