CODICE
/* but rises again harder and stronger SKIN */
.table {margin: 0; background: #111; padding: 2px; margin:bottom: 3px}
.tdesc {background: #0E0E0E; margin: 0 5px 0 5px; padding: 8px; border: 2px rgba(0, 0, 0, .5); text-align: justify; font-size: 12px; color: #AAA}
.tlink {background: #0E0E0E; padding: 8px; text-align: center; margin: 0 5px 5px 5px; font-weight: bold; font-size: 13px}
.ttitle {margin: 5px; text-align: center; letter-spacing: 1px; font-weight: normal; font-size: 11px; text-transform: uppercase; color: #7E948A; padding: 4px 8px 2px 4px; background: #151515 !important; border: 2px rgba(0, 0, 0, .5)}
#html_home {margin: 10px 10px 0 10px}
body {font: 12px/150% helvetica; color: #666; background: url(https://www.toptal.com/designers/subtlepatterns/patterns/beanstalk-dark.png), #111}
a {color: #EEE; text-decoration: none} a:hover {color: #7E948A}
.last-post a *, .web * {color: #EEE !important}
.footer {color: #666}
.footer a {font-weight: bold; color: #666}
/* SIDEBAR */
.sidebar {background: #151515}
.sidebar a, .submenu > li #openmod {color: #BBB}
.sidebar li {line-height: normal; color: #EEE}
.side_title, .side_title.side_close, .side_title #tab_queue {background-color: #353A3E !important; color: #EEE; text-transform: uppercase; font-size: 11px; margin-top: 3px}
.submenu > li strong {color: #FFF; text-transform: uppercase; background: #353A3E; width: 108%; font-weight: normal; display: block; padding: 8px; margin: -7px; margin-left: -22px}
.submenu > li, .login > li, #ff_links, .search {background: #695A54; border: 2px solid rgba(0, 0, 0, .2); margin: 2px -1px}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #C3BCB9}
.sidebar em {font-weight: bold; color: #FFF; background-color: #FF0000}
/* login */
.login input {color: #EEE}
.login input[type=submit] {background: #0D0D0D; color: #EEE; font-weight: bold} .login input[type=submit]:hover {background: #0D0D0D}
.no-login-tag {background: #151515 !important}
/* cerca */
.search {background: #151515}
.search input {color: #EEE; -webkit-text-fill-color: #EEE}
/* NAV */
.menuwrap_bg {background-color: #353A3E}
.menuwrap em {background-color: #353A3E}
/* nome forum */
#nav-title span {font-family: arial; color: #EEE; font-size: 12px; font-weight: normal}
/* HEADER, LOGO */
.header {background: #111}
.underheader a {font-size: 11px; text-shadow: none}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover}
/* SEZIONI */
.list-group {background: #111 !important; padding: 5px; box-shadow: none; margin: 0 10px; color: #999}
.list-group > * {padding: 8px; margin: 3px 3px}
.list-group > *:nth-child(even) {background: #695A54}
.list-group > *:nth-child(odd) {background: #726550}
.send li {background: #151515 !important} .send li b {color: #7E948A} .send li .color {color: #777 !important}
.list-group > * .send-reply {background: #151515 !important}
li.top, li.bottom {background: transparent !important}
/* sottosezioni */
.sub-link {font-size: 11px; color: #333}
/* tagboard */
.list-group .tagboard-list {background: #0E0E0E}
.list-group .tagboard-list li, .tagboard form {background: #131313 !important; font-size: 12px}
.tagboard .title, .stats .title {font-size: 11px; background: #0E0E0E !important}
.tagboard .nickname a {color: #695A54}
.tmsg a {background: #726550; border-radius: 4px 22px/22px 4px; color: #FFF !important; padding: 2px 6px; letter-spacing: 1px}
.tmsg b {color: #EEE !important; padding: 1px}
.tmsg i {color: #AAA; font-style: italic}
.tmsg u {color: #666 !important}
.u_info dl {background-color: #151515; border: 2px solid rgba(0, 0, 0, .5); padding: 8px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-family: helvetica; font-weight: bold; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #7E948A; padding: 6px; margin-top: 8px; margin-bottom: 0; background: #111 !important; border: 2px rgba(0, 0, 0, .5)} .title a {color: #7E948A}
.web a {color: #EEE; font-family: caladea; font-weight: bold; font-style: italic; font-size: 14px} .forum .web a {font-size: 14px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #BBB !important}
.last-post {color: #888}
.board .last-post a, .board .last-post a *, .forum .last-post {font-size: 10px !important; font-weight: normal; text-transform: uppercase; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; display: block}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 10px; text-transform: uppercase; color: rgba(0, 0, 0, .5); border-bottom: 1px dotted rgba(0, 0, 0, .2)}
span.timeago {color: #666 !important; background: #111111; border-radius: 5px; padding: 1px 4px; font-size: 8px; text-transform: uppercase} .topic .timeago {color: #D9D3D1} .timeago:before {display: none} .online_users .timeago {width: auto}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px}
/* .on, .annuncio, .importante */
.on {background: #86968E !important; font-weight: bold}
.annuncio {background: #7E948A !important; color: #333 !important}
.annuncio .desc {color: #333 !important} .importante .desc {color: #BBB !important}
.importante {background: #353A3E !important; color: #999 !important}
.on a, .annuncio a, .importante a {color: #FFF !important}
/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #111 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #D9D3D1 !important}
/* MESSENGER */
#mp-option label, #mp-delete {background-color: #FFF; color: #007299; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #DDD}
/* DISCUSSIONI, ARTICOLI */
.post {background: #726550 !important}
.topic .details > a {display: block; color: #D9D3D1; font-family: caladea; font-style: italic}
.topic .details {background: #151515}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #EEE}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: #666; font-size: 12px}
.color {color: #111; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #999}
.topic .option, .article .option {background: #726550; text-transform: uppercase; font-size: 9px}
.topic .like {color: #111} .like a {margin: 2px}
/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}
/* alert, info, success */
.alert {background: transparent; font: 11px helvetica; font-weight: bold; border-radius: 10px; border: 4px solid #111; text-align: justify}
.info, .success {background: #7E948A; border: 6px solid rgba(0, 0, 0, .3); font: 11px helvetica; text-align: justify}
.alert a, .info a, .success a {color: #FFF; text-transform: uppercase}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: #EEE; border: 1px solid #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: #CCC} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #333}
/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}
.list-group .group .online_users li {color: #AAA !important}
/* SONDAGGIO */
.poll-bar {background-color: transparent; color: #EEE}
.poll-bar div {background-color: #695A54; border-radius: 0 0 4px 4px; color: #EEE}
.poll-max .poll-bar div {background-color: #7E948A; border-radius: 0 0 4px 4px; color: #EEE}
/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid rgba(0, 0, 0, .5); background-color: #151515 !important}
.pages li a {color: #EEE; font-size: 17px; box-shadow: 1px 0 0 rgba(0, 0, 0, .5), inset 1px 0 0 rgba(0, 0, 0, .5)}
.pages li > a:first-child {box-shadow: -1px 0 0 rgba(0, 0, 0, .5)}
.pages li a:hover {background-color: #151515}
/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .code_top {margin: 10pt 0 0; text-align: center; color: #FFF; font-size: 11px; padding-left: 7px}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote, .code {padding: 5px; text-align: justify; margin-top: 0}
.quote {background: #353A3E; color: #050505; border: 3px solid rgba(0, 0, 0, .2); border-radius: 0 15px 15px; font: 12px constantia; line-height: 140%}
.code {background: #222; color: #DDD; border: 2px solid #111; font: 11px consolas; line-height: 150%}
.spoiler .code {background: #353A3E; color: #EEE; font: 11px helvetica; line-height: 140%}
.spoiler .code .code {background: #222; color: #DDD; border: 2px solid #111; font: 11px consolas; line-height: 150%}
/* PROFILO */
header.profile {padding: 15px 0; color: #FFF}
.profile .avatar {border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #FFF}
.u_nick {font-size: 25px; font-weight: bold; color: #C3BCB9}
.u_stats > table td {border-left: 1px solid rgba(0, 0, 0, .5)}
.profile .title {margin: 0 7px}
.u_stats, .u_info, .u_signature, .u_friends {background: #151515 !important}
li.u_info, li.u_signature, li.u_friends {margin: 0 7px; background: #151515}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: normal; font-family: helvetica; font-size: 11px; border-bottom: 0}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 0}
/* miniature avatar amici */
.friend_avatar {border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px}
.friend_avatar img {border-radius: 5px}
.friend_nickname {background: #222; color: #FFF; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px}
/* STATISTICHE */
.stats {text-align: center; color: #888; background: #151515} .stats_list a {color: #755461}
.stats li {background: #151515 !important}
.groups_list {padding: 10px 5px; margin-bottom: 5px}
.user_online a {margin: 3px}
.user_online a:before, .groups_list a:before {color: #888; display: none}
.stats_list {text-align: justify; letter-spacing: 1px; display: flex; flex-wrap: wrap; font-size: 10px; justify-content: space-between} .stats_list > li {padding: 3px 10px; font-weight: bold} .stats_list span {margin-left: 2px}
/* COLORI GRUPPI */
.male {color: #5CA0D1} .female {color: #CC6688}
.day_user_div_online a {padding: 2px 4px; margin: 3px}
.online_users .nickname {width: auto}
.u_group {background: #151515; border-radius: 5px; padding: 2px 4px; color: #FFF; font: 10px consolas; letter-spacing: 1px; text-transform: uppercase; margin: 2px}
.gruppo1, .box_gruppo1 .details .group {background: #7E948A; border-radius: 5px; padding: 2px 4px; color: #FFF; font: 10px consolas; letter-spacing: 1px; text-transform: uppercase; margin: 2px}
.gruppo2, .box_gruppo2 .details .group {background: #695A54; border-radius: 5px; padding: 2px 4px; color: #FFF; font: 10px consolas; letter-spacing: 1px; text-transform: uppercase; margin: 2px}
.gruppo3, .box_gruppo3 .details .group {background: #726550; border-radius: 5px; padding: 2px 4px; color: #FFF; font: 10px consolas; letter-spacing: 1px; text-transform: uppercase; margin: 2px}
.gruppo4, .box_gruppo4 .details .group {background: #353A3E; border-radius: 5px; padding: 2px 4px; color: #FFF; font: 10px consolas; letter-spacing: 1px; text-transform: uppercase; margin: 2px}
.gruppo5, .box_gruppo5 .details .group {background: #D9D3D1; border-radius: 5px; padding: 2px 4px; color: #111; font: 10px consolas; letter-spacing: 1px; text-transform: uppercase; margin: 2px}
.gruppo6, .box_gruppo6 .details .group {background: #000000; border-radius: 5px; padding: 2px 4px; color: #999; font: 10px consolas; letter-spacing: 1px; text-transform: uppercase; margin: 2px}
.details .group {display: inline-block; width: auto}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #0D0D0D; color: #666; border: 2px solid rgba(0, 0, 0, .5); border-radius: 3px}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #F0F0F0; color: #222; border: 1px solid #CCC; border-radius: 3px}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #EEE; box-shadow: 0 0 2px #EEE}
#mod_options {color: #777; padding: 3px}
#send-button {background: #151515; font-size: 15px; color: #7E948A; font-weight: bold}
.buttons a {padding: 7px 0; background: #151515; border: 2px solid rgba(0, 0, 0, .5); border-radius: 5px; color: #7E948A; font-weight: bold; font: 12px caladea; text-transform: uppercase; letter-spacing: 1px}
.poll_icon {background: url(https://i.imgur.com/nU5OOCw.png) no-repeat; display: inline-block; background-position: -132px -48px}
.topic .like:before {background: url(https://i.imgur.com/nU5OOCw.png) no-repeat; display: inline-block; background-position: 0 -48px}
.closed .web a:before {background: url(https://i.imgur.com/nU5OOCw.png) no-repeat; display: inline-block; background-position: -110px -48px}
/* FONT */
/* latin-ext */
@font-face {font-family: 'Caladea';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Caladea Italic'), local('Caladea-Italic'), url(https://fonts.gstatic.com/s/caladea/v1/kJExBugZ7AAjhybUvR1N9vo3lOc.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Caladea';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Caladea Italic'), local('Caladea-Italic'), url(https://fonts.gstatic.com/s/caladea/v1/kJExBugZ7AAjhybUvR1N-Po3.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}
/* latin-ext */
@font-face {font-family: 'Caladea';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Caladea Bold Italic'), local('Caladea-BoldItalic'), url(https://fonts.gstatic.com/s/caladea/v1/kJE0BugZ7AAjhybUvR1FQ98ipcZyNZ0.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Caladea';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Caladea Bold Italic'), local('Caladea-BoldItalic'), url(https://fonts.gstatic.com/s/caladea/v1/kJE0BugZ7AAjhybUvR1FQ98iq8Zy.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}
/* latin-ext */
@font-face {font-family: 'Caladea';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Caladea Regular'), local('Caladea-Regular'), url(https://fonts.gstatic.com/s/caladea/v1/kJEzBugZ7AAjhybUvRZ9-uIz.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Caladea';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Caladea Regular'), local('Caladea-Regular'), url(https://fonts.gstatic.com/s/caladea/v1/kJEzBugZ7AAjhybUvRh9-g.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}
/* latin-ext */
@font-face {font-family: 'Caladea';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Caladea Bold'), local('Caladea-Bold'), url(https://fonts.gstatic.com/s/caladea/v1/kJE2BugZ7AAjhybUtaNY79MSqd52.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Caladea';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Caladea Bold'), local('Caladea-Bold'), url(https://fonts.gstatic.com/s/caladea/v1/kJE2BugZ7AAjhybUtaNY790SqQ.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}