CODICE
/* VALLS - SKIN FACTORY */
body {font: 11px tahoma, arial, sans-serif; color: #C6C6C6; background-color: #000; background-position: bottom; text-shadow: 1px 1px #0A0A0A}
.footer {margin: 15px; font-size: 9px; text-transform:uppercase; opacity: .7}
.container {margin: 30px auto; padding: 30px}
.container, .tabs.top, .tabs.bottom {width: 75%}
.header {left: auto; right: auto; width: 75%; padding: 5px; background: transparent; margin-bottom: 2%}
.header h1 {background-position: center}
.header span {font-size: 50px !important; color: #D1D1D1}
#board .graveyard, #topic .graveyard {background: url(http://digilander.libero.it/valls_1921/code11/bg_11__.png) repeat-x bottom, url(http://digilander.libero.it/valls_1921/code11/bg_bats.png) repeat-x top}
.graveyard {background: url(http://digilander.libero.it/valls_1921/code11/bg_bats.png) repeat-x top; top: 0; width: 100%; position: absolute; left: auto; right: auto}
.popup > div {background: #141414}
#redirect .info {font-style: normal}
#ssm .ww {border-right: 3px solid #CE7E37; background: #141414; border-radius: 0 5px 5px 0}
#ssm .mainbg {background: #141414; border-radius: 0 5px 5px 0}::selection {background: #CE7E37; text-shadow: 1px 1px 0 #9B5D29; color: #FFF}::-moz-selection {background: #CE7E37; text-shadow: 1px 1px 0 #9B5D29; color: #FFF}
/* Input */
input, .forminput, .textinput, .codebuttons, .search input, .profile .right, .profile .tabs a, .post .mini_buttons a, .pages2 a:link, .pages2 a:visited, .bar div, .bottoni_tabella a, .profile .left .mini_buttons {background: #1C1C1C; font-size: 10px; color: #656565; vertical-align:middle; border-radius: 3px; text-shadow: 1px 1px #0A0A0A}
.search input {min-width: 150px; padding: 1px 5px}
.textinput {font: 11px tahoma; padding: 1px}
.forminput {padding: 0 5px 1px 5px}
.navsub .forminput {box-shadow: 0 1px 2px rgba(15, 15, 15, 0.3)}
.darkbar .forminput, .send .forminput {font-size: 14px}
/* Colori links */
a {text-decoration: none; color: #CE7E37}
a:hover, .menu > a:hover, .menu:hover > a, .menu li > a:hover, .menu li:hover > a, .side_list li:nth-child(even) a, .tag .list > *:nth-child(even) a, table.mainbg tr:nth-child(even) a, .forum .zz .when a, .tabs li:nth-child(even) a {color: #773573}
.tag .list > *:nth-child(even) a:hover, table.mainbg tr:nth-child(even) a:hover, .forum .zz .when a:hover, .tabs li:nth-child(even) a:hover, .side_list li:nth-child(even) a:hover {color: #CE7E37}
.nav {font-weight:bold; text-transform:uppercase}
.focus {background: #161616 !important}
.focus * {color: #676767 !important}
/* TABS e bottoni */
.tabs {font-weight: bold}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs a {display: block; margin: 0; padding: 3px 10px; text-decoration: none; background: #161616; border-radius: 5px; box-shadow: 0 0 4px rgba(15, 15, 15, 0.3); border: 1px solid #212121; border-bottom: 2px solid #212121}
.tabs .current a {border-top: 2px solid #773573; border-bottom: 1px solid #212121}
.tabs li:first-child {margin: 0}
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}
.tabs.top {margin-top: 90px}
#msg .cp .tabs {margin-bottom: 5px}
.profile .tabs {padding-top: 26px; margin-bottom: -36px; text-align:right; margin-right: 33px}
.profile .tabs li {margin-bottom: 5px}
.profile .tabs a, .mini_buttons a {text-transform: uppercase; color: #6E326A}
.profile .tabs a:hover, .profile .tabs .current a, .mini_buttons a:hover {color: #CE7E37}
.profile .tabs li:first-child {margin-left: 5px}
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.post .mini_buttons > *:first-child {margin: 0 !important}
.post .mini_buttons a {padding: 3px 5px 0 5px}
.buttons {margin-top: 10px; margin-bottom: 10px}
.buttons a {background: #141414; border: 2px solid #773573; border-top: 0; border-bottom: 0; margin: 4px; padding: 5px; border-radius: 10%; box-shadow: 0 0 4px rgba(15, 15, 15, 0.6); text-transform: uppercase; font-weight: bold; transition: all .2s ease-in-out}
.buttons a:hover {border: 2px solid #CE7E37; border-top: 0; border-bottom: 0}
/* Bottoni tabella */
.tabella1 {padding: 6px !important; background: #161616; text-align:center}
.bottoni_tabella a {color: #773573; padding: 2px 6px 3px 5px; text-transform: uppercase; margin: 4px; background: #141414; transition: all .4s ease-in-out}
.bottoni_tabella a:hover {color: #CE7E37}
table.skin_tbl td {padding: 0 6px}
/* Pagine */
.top .pages {text-align: right; padding-bottom: 10px; padding-right: 10px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}
.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages li a, .pages .current {background: #161616; border-radius: 100%; box-shadow: 0 0 4px rgba(15, 15, 15, 0.3); border: 1px solid #212121; border-bottom: 2px solid #212121; padding: 2px 5px}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}
.pages .jump a, .pages .lastpost a {border-radius: 5px}
.pages .current {color: #773573; font-weight: bold}
.pages2:before, .pages2:after {content:''}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; border-radius: 100%}
.pages2 a:hover {opacity: 1}
/* MENU principale */
.menuwrap {max-width: 75%; background: #141414; margin-top: 20px; border-radius: 6px; padding: 5px 6px 7px 6px; box-shadow: 0 0 4px rgba(15, 15, 15, 0.5); border: 1px solid #212121; border-bottom: 2px solid #212121; border-top: 2px solid #212121}
.menuwrap li {line-height: 2.6em}
.menuwrap a {font: 15px fruktur; margin: 0; padding: 0 11px; transition: all .4s ease-in-out; text-shadow: 1px 1px #0A0A0A}
.menu ul {background: #141414; border: 4px solid #773573; border-top: 0; border-bottom: 0; border-radius: 10%; text-align:center; width: 15em; box-shadow: 0 0 4px rgba(15, 15, 15, 0.5)}
.right .menu ul {margin-left: -2em}
.menu li {padding: 3px 4px; line-height: 1.6em}
.menu li:first-child {margin-top: 4px}
.menu li:last-child {margin-bottom: 4px}
.menu ul a, .right .menu ul a {font: 10px tahoma; text-transform: uppercase; font-weight: bold; border-radius: 5px; padding: 3px; border: 1px solid #141414; transition: none}
.menu li > a:hover, .menu li:hover > a, input, .forminput, .textinput, .codebuttons, .profile .right, .profile .tabs a, .color, .post .mini_buttons a, .pages2 a:link, .pages2 a:visited, .bar, .bottoni_tabella a, .profile .left .mini_buttons {border: 1px solid #212121; border-top: 1px solid #0F0F0F; border-left: 1px solid #0F0F0F}
.menuwrap .icon a {padding: 0 6px}
.menuwrap em {background: #773573; border-radius: 6px; padding: 1px 5px; color: #141414; text-shadow: none; box-shadow: 1px 1px 0 #0A0A0A}
.menuwrap .right a {margin-bottom: -4px}
#m_up a {padding: 0 6px 0 10px}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}
/* Corpo e righe */
.skin_tbl {margin-bottom: 5px}
.board .big_list, #board .stats, .sidebar.right .sidebox, .sidebar.left .sidebox, .tag .mainbg, .skin_tbl, .topic .mainbg, .fast.send .mainbg, .topic.comments .skin_tbl, .skin_tbl.box_plus .mback {background: #141414; border: 5px solid #CE7E37; border-radius: 10px; border-bottom: 0; border-top: 0; padding: 6px 4px; box-shadow: 0 5px 4px rgba(15, 15, 15, 0.3)}
.board .skin_tbl, #board .stats .skin_tbl, .tag .skin_tbl, .topic .skin_tbl, .fast.send .skin_tbl {background: transparent; padding: 0; border: 0; border-radius: 0; box-shadow:none}
.big_list > *, .list > *, .post {border-bottom: 1px solid #0F0F0F; border-top: 1px solid #212121}
.big_list > *:hover {background: #161616}
.list li:first-child, .big_list li:first-child, .profile .list > *, .post:first-child {border-top: 0}
.list li:last-child, .big_list li:last-child, .profile .list > *, .post:last-child {border-bottom: 0}
.tag .mainbg {overflow:hidden}
.tag .list {margin-right: -25px}
/* Title, Darkbar, Sunbar */
.title, .sunbar, .darkbar, .tabella1 {box-shadow: inset 0 -1px 0 #0F0F0F, inset 0 1px 0 #212121; border-bottom: 1px solid #212121; border-top: 1px solid #0F0F0F; padding: 4px}
.title.top, .sunbar.top, #board .stats .skin_tbl.top, #ssm .aa {box-shadow: inset 0 -1px 0 #0F0F0F, inset 0 1px 0 #141414; border-bottom: 1px solid #212121; border-top: 0}
.title.bottom, .sunbar.bottom, .send .darkbar, .poll .darkbar {box-shadow: inset 0 -1px 0 #141414, inset 0 1px 0 #212121; border-top: 1px solid #0F0F0F; padding: 4px 0 0 0; border-bottom: 0}
.board .title {display:none}
/* Scritte sezioni */
.mtitle, .profile .nick, .post .nick, .fancytop, .stitle, .header span {font: 20px fruktur; background-color: transparent; text-align:center; text-shadow: -1px -1px 0 #773573, 1px 1px 0 #CE7E37; color: #D1D1D1}
.mtitle {letter-spacing: 1px; word-spacing: 2px}
.forum .mback {margin-top: -31px}
.web {font-size: 14px; text-transform: uppercase}
.board .web a {display: block}
.board .web a:link:first-letter, .board .web a:visited:first-letter, .board .web a:active:first-letter, .board .web a:focus:first-letter {color: #773573; font: 16px fruktur; text-transform:uppercase}
.big_list li:hover .web a:first-letter {color: #CE7E37}
.big_list li:hover .web a {color: #773573}
.desc {color: #7F7F7F; text-align:justify; line-height: 100%}
.board .zz {width: 13%}
.board .on .zz a {font-weight:bold}
.board .yy {width: 13%}
.board .bb {width: 60%}
.mods, .subs {font-size: 10px; text-transform: uppercase}
.mods dt, .subs dt {display:none}
.subs dd:after {content: ' -'}
.mods:before {content: 'Mods: '; color: #773573}
.board .off .aa, .board .off img {opacity: .5}
.board .off:hover .aa, .board .off:hover img {opacity: .8}
.board .off .aa, .board .on .aa {min-height: 45px}
.board .on .aa, .board .on img {opacity: .8}
.board .on:hover .aa, .board .on:hover img {opacity: 1}
/* STATS */
#board .stats .mback, #board .stats .mtitle {display: none}
#board .stats .skin_tbl.top {padding-bottom: 4px}
#board .stats {border: 5px solid #773573; border-top: 0; border-bottom: 0; margin-top: 50px; width: 85%; margin-left: 6%; opacity: .7; background: #141414 url(http://digilander.libero.it/valls_1921/code11/bg11_stats_.png) no-repeat right bottom}
.users li:before {content:' - '; font-weight: bold} .users li:first-child:before {content:''}
.users a {font-weight: bold}
/* Avatar e dettagli */
.menuwrap .avatar {width: 20px; height: 20px; position: absolute; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); border: 3px solid #CE7E37; border-bottom: 3px solid #773573; border-right: 3px solid #773573; opacity: .6; transition: all .4s ease-in-out; margin-top: -4px}
.menuwrap .avatar img {transform:rotate(45deg); -webkit-transform:rotate(45deg); min-width: 27px; margin: -3px; max-height: 27px; max-width: 27px}
.menu:hover .avatar {opacity: 1}
.profile .avatar, .post .avatar, .blog .avatar, .side_profile .avatar {-webkit-transform: rotate(30deg); transform: rotate(30deg); border-radius: 100%; border: 3px solid #773573; border-top: 3px solid #CE7E37; border-bottom: 3px solid #CE7E37; box-shadow: 0 0 10px rgba(0, 0, 0, .7); max-height: 100px; max-width: 100px; transition: all .7s ease-in-out}
.profile .avatar {margin-bottom: 50px; margin-top: 10px; margin-left: -150px; position: absolute}
.post .avatar {margin-left: 23px; margin-top: 5px}
.blog .avatar a {padding: 0 !important}
.side_profile .avatar {margin-top: 5px}
.topic.comments .avatar {margin-bottom: 10px}
.profile .avatar img, .post .avatar img {max-height: 100px}
.profile .avatar img, .post .avatar img, .blog .avatar img, .side_profile .avatar img {-webkit-transform: rotate(-30deg); transform: rotate(-30deg); border-radius: 100%; transition: all .7s ease-in-out}
.post:hover .avatar {transform:rotate(390deg); -webkit-transform:rotate(390deg); border: 3px solid #CE7E37; border-top: 3px solid #773573; border-bottom: 3px solid #773573}
.post:hover .avatar img {opacity: .5}
.menu .nick {margin-left: 40px}
.profile .nick {position: absolute; margin-top: 40px; margin-left: -20px}
.post.box_visitatore .nick {opacity: .5}
.post .nick a {color: #D1D1D1 !important}
.profile .u_status dt, .topic .u_status dt {display: none}
.profile .u_status {text-transform: uppercase; padding: 3px 10px 3px 14px; font-weight: bold; color: #CE7E37; margin-left: -5px; margin-top: 60px}
/* Messenger e Profilo */
.yy.thumbs img {border-radius: 100%; max-height: 32px; max-width: 32px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg)}
.yy.thumbs {border: 3px solid #FFF; padding: 0; border-radius: 100%; max-width: 32px; border: 3px solid #773573; transform: rotate(45deg); border-left: 3px solid #CE7E37; border-right: 3px solid #CE7E37; -webkit-transform: rotate(45deg)}
.profile .skin_tbl {min-height: 135px; max-width: 960px}
.profile dd {text-align: left}
.profile dt {text-align: right}
.profile .left {margin-left: -10px}
.profile .right {margin-top: 33px; margin-left: -30px; font-size: 11px; margin-bottom: 10px}
.profile .left .mini_buttons {position: absolute; margin-left: -50px; margin-top: -39px; padding: 2px 5px 3px 6px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg)}
.profile .left .mini_buttons img {display:none}
/* Topic */
.color {background: #1C1C1C; font-size: 12px; line-height: 150%; padding: 10px; border-radius: 5px; color: #BFBFBF}
.color a {border-bottom: 2px dotted #773573; font-weight: bold; transition: all .2s ease-in-out}
.color a:hover {border-bottom: 2px dotted #CE7E37}
.quote, .code, .spoiler .code_top, .alert, .info, .fancyborder {background: #141414; padding: 4px; border-radius: 5px; box-shadow: 0 0 4px rgba(15, 15, 15, 0.5); border: 1px solid #212121; border-bottom: 2px solid #212121; border-top: 2px solid #212121}
.code_top a, .code_top a:hover {border: 0} .code_top a:hover {color: #CE7E37}
.quote_top, .code_top {color: #CE7E37; display: block; font-size: 13px; letter-spacing: 1px}
.quote_top b, .code_top b {font-weight: normal}
.quote_top:first-letter, .code_top:first-letter {color: #773573}
.code_top a {font-weight: normal; letter-spacing: 0; color: #773573}
.info {font-style:italic} .alert {color: #CE7E37}
.fancytop {font-size: 14px}
.edit {font-size: 9px; opacity: .3}
.u_group dt {display: none}
.u_group {color: #CE7E37; text-transform:uppercase}
.post .u_status {box-shadow: 0 0 5px rgba(0, 0, 0, .3); border: 1px solid #222; border-bottom: 2px solid #222; border-top: 2px solid #222; background: #1C1C1C; padding: 4px 20px; display:inline-block; border-radius: 5px; color: #773573; text-transform: uppercase; letter-spacing: 1px; font-weight: bold}
.points * {color: #773573}
.u_title {color: #9A9A9A; font-family: georgia; font-style:italic}
.a_star {font-size: 14px; color: #773573; margin-left: 2px; margin-right: 2px}
.bottomborder {box-shadow: inset 0 -1px 0 #141414; border-bottom: 1px solid #282828; width: 100% !important; padding-top: 10px}
hr {color: #0F0F0F; border-bottom: 1px solid #212121; height: 2px}
/* Sondaggio */
.poll .sunbar {border: 0}
.bar {height: 15px; line-height: 15px; font-size: 10px; border-radius: 5px}
.max .bar {color: #CE7E37}
.max .bar div {background: #773573}
.poll abbr {border: 0; font-weight: bold; color: #773573}
/* BLOG */
.blog, .sidebar {margin-top: 20px}
#centerdiv {margin: 0 190px} .sidebar {width: 170px}
.blog .article {padding: 20px 0}
.blog .article:first-child {padding-top: 10px; border-top: 0}
.btitle {margin-bottom: 5px; line-height: 1.8em; margin-left: 60px}
.btitle a {font: 25px fruktur; text-shadow: -1px -1px 0 #773573, 1px 1px 0 #CE7E37; color: #D1D1D1}
.bdesc {margin-top: 0; font: italic 14px georgia, verdana, arial; color: #773573}
.tags dt {font-weight: normal}
.tags a:link, .tags a:visited {font-weight: bold}
.blog .avatar {position: absolute; margin-top: -60px}
.stitle a {color: #D1D1D1}
.side_calendar tr {text-align: center; color: #773573}
.side_calendar td {font-size: 9px; background: #141414; color: #D1D1D1}
.side_calendar td:nth-child(even) {background: #1C1C1C}
.side_calendar .current {font-weight: bold; color: #CE7E37}
User deleted
User deleted
Icon © kitamikeita
User deleted
User deleted
Skin Pronte