Home
Hi, I'm trying out this new theme I have installed - I really like it, but I want to change the colors of it. It's hard to read some of the CSS, so some help would be great. The arrows point to the colors I want to change.
Where it says "Guest Section" and "Guide for Survival" are categories. Its this color for all of my categories, and I'd like to change the background color. I do want to change the background color for "0 Topics 0 Post" as well.
I want to change the background color for my homepage buttons as well. I also want to resize them since they're rather small if that's possible.Â
Here is my CSS:Â
Where it says "Guest Section" and "Guide for Survival" are categories. Its this color for all of my categories, and I'd like to change the background color. I do want to change the background color for "0 Topics 0 Post" as well.
I want to change the background color for my homepage buttons as well. I also want to resize them since they're rather small if that's possible.Â
Here is my CSS:Â
- CSS:
- Code:
#affiliate_box {
text-align:center;
background:#000000;
border:1px solid #000000;
margin:6px 0;
padding:3px;
}
#affiliate_title {
color: #COLOR;
font-family: Palatino Linotype;
font-size: 18px;
font-style: italic;
border-bottom:1px solid #000000;
margin-bottom:6px;
padding-bottom:3px;
}
a[href="/u1"]{
text-shadow:0px 0px 6px #ACCFAE;
}
a[href="/g11-the-skeles"]{
text-shadow:0px 0px 6px #5b3aa1;
}
a[href="/g3-conjurers-of-darkness"]{
text-shadow:0px 0px 6px #DB704D;
}
a[href="/g10-humans"]{
text-shadow:0px 0px 6px #FFC2A3;
}
a[href="/g4-harbingers-of-light"]{
text-shadow:0px 0px 6px #CCFFCC;
}
a[href="/g5-the-vision"]{
text-shadow:0px 0px 6px #CCFFFF;
}
a[href="/g8-monthly-hella-rads"] {
background: url("http://images2.layoutsparks.com/1/57664/sparkle-purple-stars-glitter.gif");
}
a[href="/g9-rm-team"]{
text-shadow:0px 0px 6px #ACCFAE;
}
#i_whosonline + p {
margin-left: auto !important;
margin-right: auto !important;
}
body {
text-align:center
}
body {
font-style: italic;
font-family: gerogia;
text-shadow: 2px 2px rgba(0, 0, 0, .1);
}
a.cattitle {
text-decoration: none;
display:block;
font:20px Georgia;
text-align: center;
font-color: #;77403B
text-transform:uppercase;
font-style: italic;
}
img:hover {
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;
}.bodyline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
img {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#search-box {visibility: hidden;}
#site-title {visibility: hidden; !important; }
body { opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; font-family: Archivo Narrow; }
select {
background-color: black;
border: 1px dashed #0a0a0a;
color: rgb(151, 151, 151);
cursor: pointer;
font-family: Verdana;
font-weight: 400;
padding: 1px;
vertical-align: middle;
}
ul.linklist li a img:hover {
filter:alpha(opacity=20);
-moz-opacity: 0.65;
opacity: 0.65;
position: relative;
top: -1px;
cursor:allowed;
}
p {text-align:center;}
/*Quitar el Buscar*/
#search-box {visibility:hidden}
/*perfil*/
.postprofile a img{
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.postprofile a img:hover {
opacity: 1;
}
.postprofile {
display: block;
text-align: center;}
.postprofile dd {
}
@font-face {
font-family: 'Dorsa', sans-serif;
font-style: normal;
font-weight: 400;
src: local('Dorsa'), local('Dorsa-Regular'), url(http://themes.googleusercontent.com/static/fonts/dorsa/v4/2nGoyekyJwdQo01pNwjk8w.woff) format('woff');
}
@font-face {
font-family: 'Economica';
font-style: normal;
font-weight: 400;
src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 400;
src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');
}
@font-face {
font-family: 'Poiret One';
font-style: normal;
font-weight: 400;
src: local('Poiret One'), local('PoiretOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
background: url("AQUI URL DEL BOTON") no-repeat scroll bottom center;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}
.postprofile a img{
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.postprofile a img:hover {
opacity: 1;
}
.postprofile {
display: block;
text-align: center}
.postprofile dd {
text-align: center;
margin-top: 4px;
}
.postprofile {
border-bottom: 4px solid transparent;
border-bottom-left-radius: 0px;
border-color: 2px #ddd;
border-left: 2 solid #262020;
border-right-width: 3px;
float: right;
font-family: Trebuchet MS;
font-size: 10px;
font-weight: bold;
margin-right: -12px;
padding-top: 6px;
text-align: center;
width: 215px;
display:block;
text-transform: uppercase;
font-size:8px;
letter-spacing: 2px;
}
.module .h3 {
visibility:hidden;
}
.abc {
-moz-border-radius:6px 6px 6px 6px;
background: url(http://static.tumblr.com/s2ymoja/Fl1lxfu5j/wood.jpg);
border:0px solid #262626;
}
.module {
background-image: url(http://static.tumblr.com/s2ymoja/Fl1lxfu5j/wood.jpg)
background-repeat: repeat-x;
}
#content-container div#left {
background:url('http://hitskin.com/themes/16/44/07/i_background.png');
box-shadow: 0 0 6px #141313;
border : 1px solid #000000;
margin-top:-40px;
box-shadow: 0 0 6px #COLOR;
border: 40px;
border-Bottom: 9px solid #877A62;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
border-top: 9px solid #877A62;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
}
.corners-top {
visibility:hidden;
}
.corners-bottom {
visibility:hidden;
}
.textarea {
-moz-border-radius:20px 20px 20px 20px;
background-color:#262626;
color:#499EBD;
font-family:Times New Roman;
font-size:9px;
height:50px;
opacity:0.5;
width:170px;
}
input{
font-size: 9px;
font-family: trebuchet ms; verdana, helvetica, sans-serif;
background-color: 262626;
vertical-align: middle;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px 20px 20px 20px;
color: #3e3e3e
}
.row1 {
background-color:none;
}
.wysiwyg {
color:#FFFFFF;
font-family:verdana;
font-size:12px;
}
#page-header ul.linklist li a:hover {
text-decoration:none;
font-style: bold;
}
a.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
a.opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
.opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
a.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
a.opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
.opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#tabs a span {
-moz-border-radius: 0.5em 0.5em 0em 0em;
-moz-box-shadow: 0 1px 2px rgba(black);
background: -moz-linear-gradient(center top , #FFFFFF, #DCDCDC) repeat scroll 0 0 transparent;
border: medium none;
color: #COLOR;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(black);
}
#tabs a span:hover {
background-position:center;
color: #FFFFFF;
}
#tabs .activetab a span {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(black);
background: -moz-linear-gradient(center top , #FFFFFF, #262626) repeat scroll 0 0 transparent;
border: medium none;
color: #COLOR;
display: inline-block;
outline: medium none;
width: 95px;
}
#tabs .activetab a span:hover {
color: #FFFFFF;
}
.h3 {
color: #000000;
font-family: Palatino Linotype;
font-size: 24px;
text-transform: uppercase;
letter-spacing : 3px;
height: 45px;
text-align: center;
text-shadow: 1px 1px 1px #000000;
}
.h3 {
font-weight: 700;
}
.overview {
-moz-border-radius: 0px 8px 0px 8px;
background:url('http://i463.photobucket.com/albums/qq360/akami369/i_background-1.gif');
border:1px solid #000000;
}
#menu {
position: absolute;
top: 30px;
left: 88%;
font: 12px verdana,arial,helvetica;
color: #0000cc;
background: #eeee00;
padding: 10px;
border: none;
z-index: 5;
}
/* :visited es necesario porque el menu contiene enlaces internos (#) y el IE los ve como ya visitados */
div#menu a, div#menu a:visited {
color: #262626;
}
/* Links-----------------------------------------------------*/
#chatbox_header {
-moz-border-radius: 20px 20px 0px 0px ;
background:url('http://i663.photobucket.com/albums/uu351/Ely_Hyogen/Project/Prueba.png');
}
#chatbox_footer {
background-image: url('http://i663.photobucket.com/albums/uu351/Ely_Hyogen/Project/Prueba.png');}
.chatbox-title {
color: #COLOR;
font-family:Palatino Linotype;
text-transform:uppercase;
font-style:italic;
}
/*p em b a.gensmall {
color: #000000;
font-family: Palatino Linotype;
font-size: 15px;
letter-spacing: 3px;
text-align: center;
text-shadow: 0 0 4px #000000;
text-transform: uppercase;
}
p em {
font-style: normal;
color: transparent;
}*/
.post {
background-color: #COLOR;
border-bottom: 1px dashed #433e3e;
}
.postprofile {
display: block;
text-align: center;}
.wysiwyg {
-moz-border-radius: 10px 10px 10px 10px;
color:#COLOR;
font-family:verdana;
font-size:12px;
}
.inputbox {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border: medium none;
color: #COLOR;
display: inline-block;
outline: medium none;
width: 95px;
}
form#quick_reply #textarea_content iframe#text_editor_iframe {
-moz-border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border: medium none;
color: #COLOR;
display: inline-block;
outline: medium none;
}
#page-footer div.navbar {
font-family: small fonts;
font-size: 7px;
text-align: center;
text-transform: uppercase;
}
#wrap {
-moz-border-radius: 60px;
border-radius: 60px;
border : 2px solid #211A15;
}
.postprofile {
text-align:center;
}
/* Start http://www.cursors-4u.com */ body, a:hover {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
/* End http://www.cursors-4u.com */
#left .module{
top:40px;
}
.module h3{
color: #A3A3A3;
}
.module {
color: #A3A3A3;
}
ul.forums /*----- APARIENCIA FOROS------*/ {
background-repeat: repeat;
border-left: 0px solid #21181a;
border-bottom: 2px solid #21181a;
}
.postbody .content {
background-image: url("URL");
text-align:center;
margin-top: 8px;
padding: 5px 5px 15px;
border-Bottom: 3px solid #433e3e;
font-family: Archivo Narrow;
}
.desc3 {
background-image: url("http://i663.photobucket.com/albums/uu351/Ely_Hyogen/i_background-1.gif");
border: 1px solid #COLOR;
font-family:Palatino Linotype;
border-radius: 30px 30px 30px 30px;
font-size: 11px;
color: #ffffff;
display: block;
line-height: 9px;
text-shadow: 1px 1px 1px #667EB0;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: center;
width: 350px;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #COLOR;
font-size: 8px;
letter-spacing: 1px;
padding: 1px;
text-transform: uppercase;
}
.formdesc {
background-color: #COLOR;
border-radius: 30px 30px 30px 30px;
display: block;
font-size: 8px;
margin-top: 10px;
padding: 3px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}
#page-footer {
background-image: url();
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 181px;
}
a.forumtitle:hover {
text-decoration: none;
color:#8b8c8c;
text-align:center;
letter-spacing:3px;
text-transform:uppercase;
background-color:#0a0a0a;
-webkit-transition: all 1s ease;
}
.path a.nav /*TITULO DE LOS FOROS AL ENTRAR A UN FORO*/ {
font-size: 17px;
margin-left: -10px;
}
.path a.nav:before {
content: "➔ ";
}
.hierarchy /*PARA QUE LOS TITULOS DE TEMAS QUEDEN ENMEDIO*/ {
border: none;
display: inline;
font-size: 1em!important;
text-transform: none;
}
.anuncios .topictitle {
display: block;
font-size: 19px!important;
margin-top: -14px;
text-align: center;
text-transform: uppercase;
}
a.topictitle {
color: #a0a02e;
font-family: Benchnine;
font-size: 19px;
font-weight: 700;
text-decoration: none;
}
a.topictitle:hover {
text-decoration: none;
color:#888; }
a.topictitle {
color: #412b00;
font-size: 19px!important;
letter-spacing: -2px;
text-align: center;
left: block;
display: block;
margin-top: -10px;
margin-left: 90px;
}
ul.topics li.row dd.posts, ul.topics li.row dd.views {
color: #666;
font-family: 'Liberation Sans', Arimo, Helvetica, sans-serif;
font-size: 10px;
line-height: 150%;
padding: 0;
position: relative;
right: 300px;
text-align: right;
margin-top: 20px;
text-transform: uppercase;
top: 10px;
width: 11%;
}
ul.topics li.row dd.views {
text-align: center;
}
ul.topics li.row dd.views::after {
content: "Visits";
}
ul.topics li.row dd.posts::after {
content: "Responses";
}
.anuncios dd.posts, .anuncios dd.views {
margin-top: -13px;
right: -385px!important;
top: -10px!important;
}
.anuncios li.row dd.lastpost {
margin-top: -30px;
}
/*
ul.topics li.row dd.dterm {
background-position: 6px 28px;
line-height: 140%;
margin-left: 40px;
min-height: 30px;
padding: 5px 10px 5px 5px;
position: relative;
width: 68%;
}*/
.span-tab {
font-size: 10px;
left: 490px;
position: absolute;
text-transform:uppercase;
}
/*------------------------------------*/
.table-title h2, li.header dl.icon dd.dterm {
font-family: Text me one;
text-align:center;
text-transform: uppercase;
}
.table-title, .table-title h2 {
font-size: 30px;
font-family: Benchnine;
text-transform:uppercase;
}
.table-title, .table-title h2 {
color: #423b3b;
letter-spacing: 3px;
background-color:#21181a;
display:block;
}
li.header {
text-transform: none;
padding: 7px;
background: #21181a;
border-bottom: 0px groove #ddd;
text-align: center;
}
li.header dl.icon {
background: url(url) 0 0 repeat scroll transparent;
background-color: #21181a;
border-bottom: 0px solid #ddd;
color: #423b3b;
font-size: 9px;
letter-spacing: 0;
margin-left: 0;
padding: 10px 0 1px;
text-align: right;
}
li.header dd, li.header dt {
border-left-width: 0;
font-family: Helvetica,Candara,arial,Verdana;
font-size: 1em;
line-height: 1em;
margin: 2px 0 4px;
padding-bottom: 2px;
padding-top: 2px;
text-transform: uppercase;
}
a.forumtitle {
font-family: Benchnine;
font-size: 22px; !important;
padding-left: 30px;
text-align: center ;
letter-spacing: 1px;
text-transform: Uppercase;
color:#6b5b62;
border-bottom: 3px solid #0a0a0a;
display:block;
width:400px;
padding:3px;
}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Define el ancho de las tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Sustrae 1px de la altura de la lista desordenada--*/
line-height: 31px; /*--Alineamiento vertical del texto dentro de la tabla--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Desplaza los item de la lista abajo 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff;
}
ul.tabs li a:hover {
background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/
}
/*------------------- SPOILER, QUOTE Y CODEBOX ---------------------------*/
dl.codebox {
font-size: 1em;
padding: 3px;
border:none;
}
dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
background:url(http://hitskin.com/themes/19/30/67/i_background.jpg);
border-top: 1px dashed #666;
border: none;
}
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ddd;
margin-bottom:3px;
text-transform:uppercase;
font-family:sans-serif;
border:none;
}
dl.codebox code {
color:#ddd;
font-family:Sans-serif;
text-align:center;
font-size:9px;
border: none;
}
dl.spoiler {
border:none;
font-size:12px;
color:#ddd;
display:block;
border-bottom: 2px solid #666;
}
blockquote {
background: url(http://i122.photobucket.com/albums/o271/KaiEiri/w7kuhc83_zpsbe2c44bb.png) repeat;
border-left: 3px solid #666;
border-right: 3px solid #666;
display:block;
}
.content blockquote {
color:#color;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
letter-spacing:1px;
border:none;
border-left: 9px solid #433e3e;
border-right: 3px solid #433e3e;
}
/*-----------------------------------------*/
#login_popup_background{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup_background .box-content {
background-color:transparent;border: 0px;border-style: none;
}
#login_popup_title{
visibility:hidden;background-color:transparent;border: 0px;border-style: none;
}
#login_popup_content{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup_buttons{
visibility:hidden;
}
p{text-align:center;}
#text_editor_textarea {
background-image: url(http://static.tumblr.com/s2ymoja/Fl1lxfu5j/wood.jpg);
}
ul.forums {
background-image: url(http://static.tumblr.com/s2ymoja/Fl1lxfu5j/wood.jpg) repeat 0 60%;
background-repeat: repeat;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 23px;
font-family: Trebuchet MS;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
font-size:12px;
}
.postprofile dt a img {
background-color: #COLOR;
border: 0px outset #COLOR;
border-radius: 5px 5px 0 0;
box-shadow: 0 0 10px #COLOR;
line-height: 1.2em;
margin-left: -7px;
margin-top: 0;
}
/*----------------- BOTONES, NUMERO DE PAGINA ----------------------------*/
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
background-image: url(/*http://img812.imageshack.us/img812/1735/bgbutton.gif*/) !important;
background: #202020;
box-shadow: #6d6d6d;
border-radius: 5px;
padding:2px !important;}
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: #202020;
box-shadow: #6d6d6d;
border: medium none;
color: #ddd;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898;
}
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
border: none;
color: #ddd;
}
button.button2, .button2, #button, .fontbutton {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: #606060;
box-shadow: #6d6d6d;
border: medium none;
color: #ddd;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898; }
button.button2:hover, .button2:hover, #button:hover, .fontbutton:hover {
border: none;color: #ddd;}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: #202020;
box-shadow: #6d6d6d;
border:none;
color: #ddd;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none; }
.pagination span strong {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: #202020;
box-shadow: #6d6d6d;
border:none;
color: #ddd;
font-size: 0.9em;
margin: 0 2px;
padding: 0 2px; }
.pagination span a:hover {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: #ddd;
box-shadow: #6d6d6d;
border:none;
color: #000;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
#format-buttons input, #format-buttons select, button.button2 {
vertical-align: middle;
background-color: #ddd;
border-radius: 5px;
box-shadow: 0 0 3px #6d6d6d;
}
/*------------------------------------- MIERDA DE ROSHIO ------------------------- */
a.mainmenu {
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
background-color:#21181a;
border-bottom: 0px solid #ddd;
color:#848484;
-webkit-transition: all 0.2s linear 0ms;
padding: 10px;
}
a.mainmenu:hover {
text-decoration: none;
color: #000;
text-transform:uppercase;
background-color:#f9f9f9;
border-bottom: 0px solid #aaa;
padding: 10px;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
#i_whosonline + p {
width: 240px;
position: relative;
margin-top: 20px;
margin-left: 520px;
text-align: center;
font-family: calibri;
}
.img-whois {
border-radius: 200px 0 0 200px;
border-right: 0px solid #000;
float: left;
margin-left: 200px;
margin-right: 5px;
width: 300px;
margin-top: -40px;
}
.h3 {
text-align: center;
font-family: Benchnine;
font-size: 20px;
font-weight: lighter;
color:#6a5a54;
}
p em {
background-image: url(http://static.tumblr.com/s2ymoja/Fl1lxfu5j/wood.jpg) repeat 0 90%;
background-color: transparent;
font-style: normal;
color: transparent;
display: block;
font-family: Benchnine;
font-size:18px;
padding: 10px;
text-align: center;
width: 350px;
margin-left: -19px;
margin-top: 40px;
border-top: 0px dotted #606060;
border-bottom: 15px solid #090909;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#page-body p.page-bottom {
margin: 0;
text-align: center;
}
/*----------------------- FONTS INSTALADAS------------------*/
@font-face {font-family:Six caps; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/Z0km826mg/sixcaps.ttf) format("truetype"); }
@font-face {font-family:wireone; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/vvEm48fyk/wireone.ttf) format("truetype"); }
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); }
@font-face {font-family:Optimus; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/oOjm489lo/optimusprinceps.ttf) format("truetype"); }
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:text me one; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); }
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); }
/*----------------------- BARRA DE SCROLL ----------------*/
::selection {background: #3d312c; color: #000;}
::-webkit-scrollbar { width: 5px; height: normal; border-radius:0px; background-color: transparent; }
::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 1px 1px #3d312c; background-color: #3d312c; border-radius:0px; }
/*------------------- SUBFOROS ----------------------------*/
.descripcion {
width:370px;
display:block;
padding:5px;
background-color:#121212;
color:#6b5b62;
font-size:10px;
letter-spacing:1px;
line-height:10px;
text-align:center;
border-bottom: 3px solid #6b5b62;
margin-left:10px;
}
/*--------------------- FORMA DE POST, TEMAS, ULTIMOS TEMAS------*/
.forabg dd.topics {
-webkit-border-radius:0px 0px 0px 0px; background-color: #151313;
border-bottom:0px dotted #606060; position: relative; margin-left: 55px; margin-top: 30px;
color: #606060; width: 100px; height: 20px; font-size: 12px; text-transform: uppercase;
padding-top: -7px; padding-bottom: 5px; }
.forabg li.row dd.topics::after {content: "topics";}
.forabg li.row dd.posts::after {content: "post";}
.forabg dd.posts {
-webkit-border-radius:0px 0px 0px 0px; background-color: #151313;
position: relative; border-bottom:0px dotted #606060; margin-left: 0px; margin-top: 30px;
color: #606060; width: 100px; height: 20px; font-size: 12px; text-transform: uppercase;
padding-top: -7px; padding-bottom: 5px; }
.forabg dd.lastpost {
-webkit-border-radius:0px 0px 10px 10px;
background-color: transparent;
position: relative;
font-family: calibri;
color: #8F8F8F;
display: block;
font-size: 11px;
margin-left: 50px;
padding: 3px;
text-transform: uppercase;
text-align:center;
width: 200px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: -10px;
display: block;
}
.forabg li.header dd.topics {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.posts {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.lastpost {
background-color: transparent; color: transparent; height: 0px; padding-top: 0px; display: none; }
a:link, a:visited {
color: #72645e;
font-style: none;
font-weight: 100;
letter-spacing: 0px;
text-shadow: 0px 2px 1px #no;
text-decoration: none;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
-webkit-transition-duration: 2s;
font-variant: small-caps;
}
a:hover {
color: #F4f4f4;
/*text-shadow: -5px 0px 0px #E00303;*/
text-decoration: none; !important;
text-transform: no;
letter-spacing:0px;
-webkit-transition: opacity 2s linear;
-webkit-transition: all 1.4s ease-in-out;
-moz-transition: all 1.4s ease-in-out;
-o-transition: all 1.4s ease-in-out;
-webkit-transition-duration: 2s;
}
ul.linklist li.rightside, li.rightside a.copyright {
display: inline !important;
font-size: 0;
}
ul.linklist li.footer-home {
float: left;
font-size: 0;
}
/*-------------------- SECCIONES OCULTAS ---------------------*/
.secciones {
background-color:#000;
background-image: url(http://i122.photobucket.com/albums/o271/KaiEiri/w7kuhc83_zpsbe2c44bb.png);
opacity: 0;
display:block;
width:260px;
height:500px;
}
.secciones:hover {
display: block;
opacity: 1;
background-image: url(http://i122.photobucket.com/albums/o271/KaiEiri/w7kuhc83_zpsbe2c44bb.png);
width: 260px;
height: 500px;
color: #423b3b;
-webkit-transition: all 1.4s ease-in-out;
-moz-transition: all 1.4s ease-in-out;
-o-transition: all 1.4s ease-in-out;
-webkit-transition-duration: 2s;
}
a.menus {
width:200px;
padding:5px;
display:block;
background-color: #0a0a0a;
color:#423b3b;
letter-spacing:2px;
font-family: Benchnine;
font-size: 14px;
margin-bottom:1px;
text-align:right;
}
a.menus:hover {
background-color: #423b3b;
padding:5px;
color:#000;
text-align: center;
-webkit-transition: all 1.4s ease-in-out;
-moz-transition: all 1.4s ease-in-out;
-o-transition: all 1.4s ease-in-out;
-webkit-transition-duration: 2s;
}
/*---------------------- OPACIDAD ---------------------*/
img {
filter:alpha(opacity=70);
border-width: 0;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:3px 3px 3px 3px;
}
img:hover {
filter:alpha(opacity=20);
-moz-opacity: 0.5; opacity: 0.5;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
border-width: 0;
}
a.opacity img { filter:alpha(opacity=20);
-moz-opacity: 0.5; opacity: 0.5;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
border:none; }
a.opacity:hover img {filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
border:none; }
/*----------------------- WIDGETS -------------------------*/
a.left {
margin-left:20px;
margin-right:3px;
display: auto;
width:70px;
background-color: #9b9a9a;
padding:5px;
color: #0a0a0a;
font-size:8px;
font-family: consolas;
text-transform: uppercase;
margin-top:2px;
margin-bottom:2px;
opacity:.7;
letter-spacing:1px;
}
a.left:hover {
background-color: #5b5b5b;
color:#fff;
transition: 0.8s;
-o-transition-transition: 0.8s;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
text-decoration: none;
color: #b9b8b8;
}
