Aquí os dejo una pequeña Modificación que he realizado para la web, es un tema en colores oscuros. si encontráis algún error avisar.
Necesitáis el Stylish para instalarlo, el código es este.
PASTEBIN
http://pastebin.com/220pVkVD
CÓDIGO
.cf:after,
.cf:before {
display: table;
content: "";
line-height: 0
}
.cf:after {
clear: both
}
body {
height: 100%;
background: url(http://i.imgur.com/1LOXr3K.jpg) repeat;
}
.avatar img, .avatarfull img, .foto img {
background-color: #252525;
border: 1px solid #1e1e1e;
padding: 3px;
display: block;
}
.paginas a:hover, .paginas em {
margin: 5px 2px 0 0;
padding: 0 5px 0 5px;
background: #272727;
color: #FFF;
font-style: normal;
font-weight: 700;
border: none;
}
.animated {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.long {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
#main {
background-color: #191919!important
}
form input,
form label,
form select,
textarea {
font-family: 'Raleway', sans-serif;
font-size: 14px!important
}
#main input,
#main textarea {
background-color: #252525!important;
color: #eee!important;
border: 1px solid #1e1e1e!important
}
#content_body {
background: #1e1e1e!important;
color: #eee!important
}
#content_body:after {
background: url(themes/oscuro/body_bgs.png) repeat-y scroll 0 -63px transparent!important
}
#naked {
color: #eee!important
}
.tabs-mv {
background-color: #1e1e1e!important;
border-bottom: 1px solid #111517!important
}
.foros_panel {
background-color: #252525!important
}
.foros_panel li {
border: none
}
.foros_panel li:nth-child(odd) {
background-color: #1e1e1e!important
}
.foros_panel a {
color: #efefef!important
}
#tablatemas th {
border-color: #1e1e1e!important
}
#scrollpages a,
#scrollpages em {
background: #282828;
border-color: #111517
}
#scrollpages a:hover,
#scrollpages em {
background: #1e1e1e;
border-color: #1e1e1e
}
table {
border: 0!important;
color: #eee!important
}
td {
background: #1E1E1E!important;
border: 0!important;
border-bottom: 1px solid #252525!important;
border-right: 1px solid #252525!important
}
td a {
color: #efefef
}
th {
background: #1e1e1e!important;
color: #eee!important
}
.sticky td {
background-color: #252525!important;
border-right: 1px solid #1E1E1E!important;
border-bottom: 1px solid #1E1E1E!important
}
.sticky .h,
.sticky .hb {
color: #d65900!important
}
.h,
.hb {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
.minibox {
font-family: 'Raleway', sans-serif;
}
.lastpost em {
color: #FFFFFF!important
}
th.last,
th.mini {
background: #1e1e1e!important;
color: #eee!important;
text-align: right!important
}
.tfooter,
.tpanel {
background: #1E1E1E!important
}
.tpag {
background: #1E1E1E!important
}
.locked td {
opacity: .5!important
}
.locked a {
color: #ddd!important
}
.nopost,
.post {
color: #eee!important;
background: #282828!important
}
.nopost a,
.post a {
color: #EF5000!important
}
div .odd {
background-color: #323232!important
}
div.nopost a,
div.post .info a,
div.post a.mola,
div.post span.mola,
div.post.odd a.mola,
div.post.odd span.mola {
background-color: #444444!important;
color: #FFFFFF!important
}
div.nopost,
div.post .info span {
color: #c66e00!important
}
dd.online {
color: #c0ff00!important
}
.mini li {
background: url(img/icon/mini.gif) no-repeat scroll 8px #1E1E1E!important;
border: 0!important
}
.mini li.odd {
background-color: #444d51!important
}
.minibot,
.minitop {
background: #282828!important;
border: 0!important
}
#bookmarks {
background-color: #252525!important
}
#wbook {
background-color: #1E1E1E!important
}
div .dark {
border: 1px solid #1E1E1E!important
}
div.paginacion2 a,
div.paginacion2 em {
background: none repeat scroll 0 0 #1e1e1e!important;
border: 1px solid #1e1e1e!important;
color: #ddd!important
}
div.paginacion2 a:hover,
div.paginacion2 em {
background: none repeat scroll 0 0 #eee!important;
border: 1px solid #eee!important;
color: #1e1e1e!important
}
.aviso .stuff,
.odd td {
background-color: #252525!important
}
.actions {
background-color: #282828!important
}
div.binfo .bwrap .bedit {
border-top: 0!important;
color: #dcbe29!important
}
div.btop a {
background-image: url(themes/oscuro/icon_back_top.gif)!important
}
div.quote {
background-color: #212121!important
}
.post blockquote.quote {
background-color: #212121!important;
border-color: #1e1e1e!important
}
.post blockquote.quote div cite,
.post blockquote.quote header cite {
color: #dcbe29!important
}
.post blockquote.quote .highlight {
background-color: #1e1e1e
}
.actionswiki {
background-color: #252525!important
}
.replies .rep {
background-color: #212121!important;
border-color: #1e1e1e!important
}
.post a.btnrep {
color: #FFFFFF!important
}
.btnrep:hover {
background-color: #1e1e1e!important
}
a.quotexp {
color: #dcbe29!important
}
a.quotexp:hover {
background-color: #1e1e1e!important
}
a.toggled {
background-color: #212121!important
}
a.boton {
color: #18191a!important
}
div.newsbadge {
display: none!important
}
div.post .msg .body h3 {
font-family: 'Raleway', sans-serif;
font-size: 18px!important;
font-weight: 700!important
}
.catfolder {
background: url(themes/oscuro/catfolder.gif) no-repeat scroll left center transparent!important
}
div.paginacion2 {
background: url(themes/oscuro/pages.gif) no-repeat scroll left center transparent!important
}
button.alt {
background-color: #252525!important;
color: #eee!important
}
.mbuttons a,
.mbuttons button,
button.alt {
border-color: #1e1e1e #1e1e1e #1e1e1e #1e1e1e!important
}
.mbuttons a:hover,
.mbuttons button:hover,
button.alt:hover {
background: #1e1e1e!important;
color: #eee!important
}
.fpanel {
background-color: #1E1E1E!important;
border: 0!important
}
.fpanel div.icon {
background: #282828!important
}
.fpanel a {
color: #c66e00!important
}
#dsocial,
#visitas,
.aviso,
.box .infobg,
.box span.buddy,
.userinfo,
div.infoavatar,
div.mensaje_header,
ul.info {
background-color: #1E1E1E!important
}
.buddy a {
color: #eee!important
}
.box h3 {
color: #ffffff!important
}
#social dl,
.fixed #social dl {
background-color: #252525!important
}
#social {
background-color: #1E1E1E!important
}
#social img {
background-color: #272727;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 4px;
}
.box span.imgmini img {
display: block;
float: left;
background-color: #181818;
padding: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#visitas img {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #272727;
display: block;
padding: 3px;
}
ul.info li {
background-color: #252525!important
}
ul.info li a {
color: #c66e00!important
}
ul.info li.alt {
background-color: #1E1E1E!important
}
div.stuff .info {
color: #dcbe29!important
}
.mbuttons {
background: #282828!important
}
.aviso .banner {
background: 0 0!important
}
.stuff .misc {
color: #dcbe29!important
}
.misc a {
color: #dcbe29!important
}
#news ul,
#tforos ul {
background: url(themes/oscuro/body_bgs_small.png) no-repeat scroll 0 24px transparent!important
}
#tabstest div.content {
background: #1e1e1e!important
}
#tabstest div.bot {
background: url(themes/oscuro/body_bgs_small.png) no-repeat scroll right bottom transparent!important;
color: #eee!important
}
.item h4 a {
color: #c66e00!important
}
.bautor,
.bautor a {
color: #dcbe29!important
}
p.intro {
border-left: 0!important;
color: #eee!important
}
.box .left a,
.left a {
color: #FFFFFF
}
.itemimg {
background: #1E1E1E!important;
border: 1px solid #1E1E1E!important
}
#news a.active,
#news a:hover,
#tforos a.active,
#tforos a:hover {
color: #fff!important;
background-position: left top!important
}
#news a,
#tforos a {
background: url(themes/oscuro/newstabs.png) no-repeat scroll left bottom transparent!important;
color: #FFF!important
}
#tforos a {
background-image: url(themes/oscuro/newstabs_col.png)!important
}
.colbot {
background: url(themes/oscuro/body_bgs_col_mini.png) no-repeat scroll right bottom transparent!important
}
.rpp {
background: 0 0!important
}
.puto_kaos_la_pela {
background: 0 0!important
}
#nav_header_ul li a {
background-color: #1e1e1e
}
#nav_header_ul li a:hover {
background-color: #989898
}
#nav_header_ul li.active a {
background-color: #1e1e1e;
color: #fff!important
}
a.under {
color: #c66e00!important
}
td .left img {
background: #ff8717!important;
padding: 2px!important;
vertical-align: -3px!important
}
td .left img:hover {
background: red!important
}
a.entrada.selected {
color: #fff!important
}
a.button,
button.button {
background: #1e1e1e!important;
border: 0!important;
color: #eee!important;
text-shadow: none!important
}
.mola_wrap a.mola,
.mola_wrap span.mola {
background-image: url(themes/oscuro/plus2.gif)!important
}
.edit b {
background-image: url(themes/oscuro/edit.gif)!important
}
div.post a.button.checked {
background: red!important;
border-color: #ff0!important;
color: #000!important
}
tr.punish td {
background-color: #6a5454!important
}
.avisos {
background-color: #1E1E1E!important;
border: 1px solid #1e1e1e!important
}
.avisos div {
background-color: #1E1E1E!important
}
.avisos a {
color: #c66e00!important
}
.light {
color: #999!important
}
.light a {
color: #c66e00!important;
text-decoration: none!important
}
.items li {
border: 0!important;
background-color: #1E1E1E!important
}
.items li.odd {
background-color: #252525!important
}
.items {
border: 0!important
}
.items a {
color: #dcbe29!important
}
.items li.unread {
background-color: #282828!important;
border: 1px solid #c66e00!important
}
.stuff span {
color: #FFFFFF!important;
background-position: 0 5px!important
}
div .postit {
background: url(img/icon/info80.png) no-repeat scroll 6px 6px #1E1E1E!important;
border: 1px solid #FFFFFF!important
}
div .min {
background: url(img/icon/info32.png) no-repeat scroll 8px 6px #1E1E1E!important
}
#pi_body {
background-color: #252525!important
}
#live .livetop a {
background: url(themes/oscuro/icon_back_top.gif) no-repeat scroll left top transparent!important
}
#btfirma {
background: #252525!important;
border: 1px solid #282828!important;
color: #eee!important
}
.tabs li a.on,
.tabs li a:hover {
background: url(themes/oscuro/tab_flecha.gif) no-repeat scroll center bottom transparent!important
}
td.alt.cv1 {
background: url(themes/oscuro/cv_bg.gif) no-repeat scroll left center #7d6464!important
}
td.alt.cv2 {
background: url(themes/oscuro/cv_bg.gif) no-repeat scroll right center #647853!important
}
a[href$="/live"] img {
padding: 2px!important;
background: #ff8717!important;
vertical-align: -3px!important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
a[href$="/live"] img:hover {
background: red!important
}
#nofids {
background-color: #282828!important
}
#nofids a {
background-color: #1E1E1E!important
}
#nofids a.off:hover,
#nofids a.off:hover img,
#nofids a:hover {
background-color: #FFFFFF!important;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
#nofids a.off {
background-color: transparent!important
}
#nofids a.off img {
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20)
}
a.unreadcount,
div.reply,
div.unreadcount {
background: #1e1e1e!important;
color: #ccc!important
}
.sticky div.reply {
background-color: #1e1e1e!important
}
a.unreadcount,
div.unreadcount,
ul.info li a.unreadcount {
background-color: #c66e00!important;
color: #1E1E1E!important
}
a.unreadcount:hover {
background-color: #eee!important;
color: #1E1E1E!important
}
.news .titulares {
background-color: #282828
}
.paginas a {
color: #FFF!important
}
.paginas a:hover,
.paginas em {
color: #EF5000!important
}
div.post.mark {
border: 1px solid #935e00
}
.ozone li {
background-image: url(/style/img/ozone_bg2.png);
background-position: bottom right;
background-repeat: no-repeat
}
.ozone h3.logo {
margin-top: 0!important;
padding-top: 0!important;
height: 40px
}
.ozone h3.logo a {
color: #ffffff;
padding-top: 18px;
display: block;
background: url(/style/img/ozone2.png) no-repeat right top
}
.ozone h3.logo span {
color: #999
}
.fly {
background-color: #282828!important;
border-color: #282828!important;
color: #eee!important
}
.fly a {
color: #c66e00!important
}
.fly a.unreadcount {
color: #1E1E1E!important
}
.fly .flyfooter,
.fly .flyheader {
border-color: #1e1e1e!important
}
.fly ul {
background-color: #1E1E1E!important
}
.fly ul li {
border-bottom: 1px solid #1e1e1e!important;
border-top: none!important
}
.fly ul li.unread {
background-color: #252525!important
}
.fly ul.single li a:hover {
background-color: #252525
}
.fly ul.threads li:hover {
background-color: #252525
}
.fly:after {
border-bottom: 9px solid #282828!important
}
.fly ul li.mod strong {
color: #FF5000
}
.flycontent abbr {
color: #80848c!important
}
.rd {
color: #80848c
}
.message {
background-color: #1E1E1E;
border-color: #1e1e1e;
color: #eee
}
.message.unread,
.message:hover {
background-color: #282828
}
.message.active {
background-color: #282828
}
.message .info strong {
color: #ffffff
}
.message .pm-controls i {
color: #80848c
}
.message .pm-controls:hover i {
color: #1e1e1e
}
.message strong.mod {
color: #c66e00
}
.pm.unread {
background-color: #282828
}
.pm .info a.autor {
color: #ffffff
}
.pm .info a.autor.via {
color: #c66e00
}
.pm .contents a {
color: #c66e00
}
.msgs .scroller {
background-color: #1E1E1E
}
.pm-compose,
.pm-reply {
background-color: #282828;
border-color: #1e1e1e
}
.pm-compose textarea,
.pm-reply textarea {
border-color: #1e1e1e
}
.pm-list {
background-color: #252525
}
.pm-mk {
background-color: #252525
}
.pm-mk hr {
border-color: #1e1e1e
}
.pm-mk span {
background-color: #252525;
color: #ffffff
}
@keyframes fadein {
0% {
background-color: #1e1e1e;
opacity: 0
}
}
.threads7 .scroller {
border-color: #1e1e1e
}
#pm-search {
border-color: #1e1e1e
}
hr {
background-color: #6A7278!important
}
.post.dark {
background-color: #252525!important
}
.cuerpo table thead tr {
background-color: #293036!important
}
.cuerpo table td,
.cuerpo table th {
border: 1px solid #282828!important;
background: 0 0!important
}
.cuerpo table tr:nth-child(2n) {
background-color: #1e1e1e!important
}
.cuerpo h1,
.cuerpo h2 {
color: #fff
}
.cuerpo h2,
.cuerpo h3 {
border-color: #6A7278!important
}
.cuerpo h3,
.cuerpo h4 {
color: #C6C9CA!important
}
.cuerpo hr {
background-color: #6A7278!important
}
.cuerpo h5 {
color: #FFFFFF!important
}
.cuerpo div.spoiler {
background-color: #1e1e1e
}
.cuerpo pre {
background-color: #1e1e1e
}
.cuerpo code.inline {
background-color: #1e1e1e
}
.cuerpo q {
color: #FFFFFF!important
}
.cuerpo a.spoiler {
color: #C6C9CA!important
}
.cuerpo a.spoiler:before {
color: #c66e00!important
}