[MS] crazy-assed cosmonaut

/* crazy-assed cosmonaut mobile skin sotired */
body {font: 13px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #666; background: url('https://i.imgur.com/lhnVhRf.png'), #EEE}
a {color: #8A699B; text-decoration: none}
.last-post a *, .web * {color: #FFF !important}

.footer {color: #333}
.footer a {font-weight: bold; color: #333}

#emoticon.hide, #poll.hide, #allegati.hide {display: none}
.emoji_tab {background: #BEDDD9; border-top: 0}
.emoji_content, .emoji_container {background: #BEDDD9}

*::placeholder {font-size: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px}

/* scrollbar */
*::-webkit-scrollbar {width: 0 !important}
*::-webkit-scrollbar {-webkit-appearance: none; width: 7px; height: 3px}
*::-webkit-scrollbar-thumb {background-color: #BEDDD9; border: 2px solid rgba(0, 0, 0, .1); border-radius: 5px}

/* SIDEBAR */
.submenu .st-emoji-link-void strong {width: fit-content; text-align: center; display: inline !important; margin: 0 auto !important; padding: 2px !important; background: transparent !important; outline: none !important; border: none !important} /* num reazioni */

#about-scripts .submenu li strong {background: transparent; display: inline; outline: none; border: none; margin: 1px 2px; width: fit-content; padding: 0; color: #836285 !important} /* scripts */

#widget .submenu li a, #widget li>span {font-size: 10px !important} /* ultime disc */

.sidebar {background: #BEDDD9; font-family: constantia; text-transform: uppercase; font-size: 10px; font-weight: bold}
.sidebar a, .submenu > li #openmod {color: #836285}
.sidebar li {line-height: normal; color: #777}
.side_title, .side_title.side_close, .submenu strong, .side_title #tab_queue {background: #D1BEDD; color: #FFF !important; border: 1px solid rgba(0, 0, 0, .1); margin: 3px 2px; outline: 3px solid #D1BEDD; letter-spacing: 1px}
.submenu strong {display: block; margin: -5px -5px -5px -20px; padding: 10px}
.submenu > li, .login > li, #ff_links, .search {border: 1px solid rgba(0, 0, 0, .1); margin: 3px 2px}
#ff_links, .search {border-top: 0}
.menu .user_details {background: #D1BEDD}
.frequented_sites {width: auto !important}

strong.msg {background: #FEBA9E; color: #FFF; padding: 0 3px; display: inline-flex; width: fit-content}
.sidebar strong.msg {margin-left: auto; outline: none; border: none; padding: 2px 3px}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; color: #836285}
li.user_details a.nickname {font-size: 12px; font-family: constantia}
li.user_details {width: -webkit-fill-available}
.sidebar em {font-weight: bold; color: #FFF; background-color: #09C}
.menu .user_details .avatar {border: 5px solid #A1E0D6; box-shadow: 0 0 0 2px #EEE}
.user_details .avatar img {border-radius: 0}
/* login */
.login input {color: #444; border: 2px solid rgba(0, 0, 0, .1); -webkit-text-fill-color: #444}
.login input[type=submit] {background: #EEE; color: #444; font-weight: bold; -webkit-text-fill-color: #444} .login input[type=submit]:hover {background: #EEE}
/* cerca */
.search {background: #EEE; border: 2px solid rgba(0, 0, 0, .1)}
.search input {color: #444; background: none; -webkit-text-fill-color: #444}

/* NAV */
.menuwrap_bg {background-color: #D1BEDD}
.menuwrap em {background-color: #D1BEDD}
/* nome forum */
#nav-title span {color: #FFF; font-size: 12px; font-weight: bold; letter-spacing: .5px; font-family: constantia; text-transform: uppercase}

/* HEADER, LOGO */
.header {background: transparent}
.underheader {padding-top: 0; bottom: 0; text-transform: uppercase; font-size: 10px; text-shadow: none; background: #D1BEDD; height: 20px !important; line-height: 31px}
.underheader a {text-shadow: none; color: #836285 !important; font-family: constantia; font-weight: bold; letter-spacing: .5px; padding: 1px 3px}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover}
#arrow_scroll {display: none !important}

/* tagboard */
.list-group .tagboard-list {box-shadow: none; background: #FEBA9E; margin: 0; border: none; border-top: 2px solid #F7A585; border-left: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(0, 0, 0, .1)}
.tagboard-list li {background: #FEBA9E; border-bottom: 1px solid #EEE; font-size: 12px; line-height: 150%}
.tagboard .textinput {background: #EEE; border: 2px solid rgba(0, 0, 0, .1)}
.tagboard form {background: #FEBA9E}
.no-login-tag {background: #FEBA9E !important; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-family: calibri; padding: 3px}
.tagboard .codebuttons {border-radius: 0; background: #F7A585; border: 1px solid rgba(0, 0, 0, .1); font: 10px calibri; text-transform: uppercase}
.tagboard .nickname a {color: #836285}

.tmsg a {background: #F28E6A; border-radius: 4px 22px/22px 4px; color: #FFF; padding: 2px 6px; letter-spacing: 1px}
.tmsg b {color: #111; padding: 1px 3px}
.tmsg u {color: #FFF; background: #F28E6A; padding: 2px 5px; border-radius: 22px 4px/4px 22px}

/* SEZIONI */
.list-group {background: #D1BEDD; border: 3px solid #EEE; margin: 13px 8px; box-shadow: 0 0 0 4px #E6D2F2; padding: 3px; text-align: center}
.list-group > * {background-color: #BEDDD9; border-bottom: 0 solid #DDD; padding: 8px; text-align: left}
.stats_bottom li, .u_info dl, .user_online {background: #EEE}
.group-section[onclick^="toggle_group"] + li {border-top: 2px solid #FEBA9E}
.stats_list > li:last-child {border-bottom: 0}

/* sottosezioni */
.sub-link {font-size: 13px; color: #333; display: none !important} .hide {display: block}

.title {text-align: center; font-weight: normal; font-size: 10px; letter-spacing: 1px; line-height: 10px; text-transform: uppercase; font-family: constantia; color: #999; padding: 8px; background: #EEE}

.topic .title {white-space: nowrap; width: 95%; overflow: hidden; text-overflow: ellipsis}

.web a {font-family: im fell dw pica; font-size: 16px; letter-spacing: 1px; font-weight: normal} .forum .web a {font-size: 15px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #3C0932 !important; font: 10px cambria; font-style: italic; font-weight: normal; white-space: nowrap;
width: 95%; overflow: hidden; text-overflow: ellipsis}
.last-post {color: rgba(0, 0, 0, .7)}
.board .last-post a, .board .last-post a * {font-size: 12px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}

.topics, .replies, .views {font-size: 10px; color: rgba(0, 0, 0, .7); font-family: calibri; text-transform: uppercase}
.board .topics b, .board .replies b {background: rgba(255, 255, 255, .35); padding: 1px 4px; border-radius: 50px}
span.timeago {color: rgba(0, 0, 0, 0.5); font-size: 8px; text-transform: uppercase; font-family: calibri; display: none} .topic .timeago {color: #666}
.timeago:before {display: none}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #FEBA9E; color: #FFF; border-radius: 5px}

/* sottosezioni */
.sub-link {font-size: 10px; text-transform: uppercase; font-family: calibri; color: #8A699B}

/* .on, .annuncio, .importante */
.on, .on a {color: #EEE}
.annuncio {background: #C6A6D8; box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .2); color: #555}
.importante {background: #FEBA9E; box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .2); color: #555}
.annuncio a, .importante a {color: #FFF}

/* SELEZIONE RIGA: Moderazione */
li.selected {background: #AFBFBD !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #FEBA9E; color: #FFF; font-weight: bold; font-size: 10px}
#mp-option label {border-right: 1px solid rgba(0, 0, 0, .5)}

/* DISCUSSIONI, ARTICOLI */
li.post {margin: -1px 7px}
.post .details {background: #FEBA9E}
.post .details a {font-family: im fell dw pica; font-size: 16px; letter-spacing: 1px; font-weight: normal; color: #FFF; width: -webkit-fill-available; border-bottom: 1px solid #F49E7C}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #8A699B}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .8); font-size: 10px; text-transform: uppercase; font-family: calibri}
.topic .group:before {content: 'gruppo:'; color: #DD6333; font: 9px constantia; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin: 0 4px 0 0}
.color {color: #555; text-align: justify; font-size: 13px; font-family: georgia}
.color a {color: #E58159; font-weight: bold}
.color hr {height: 4px; border: 1px solid transparent; background: #EEE; background: linear-gradient(to right, #FEBA9E, #D1BEDD)}
.edit {font: 10px calibri; color: #999}
.color b {color: #111}
.color del {color: #888}

.topic .option, .article .option {background: #BEDDD9; text-transform: uppercase; font-family: calibri; font-size: 10px}
.topic .like {color: #9F69C6}

.topic .avatar {border-radius: 0; padding: 4px; margin: -6px 20px 0 -6px; border: 2px solid #F49E7C; box-shadow: none}
.topic .avatar img {border-radius: 0; width: 40px; height: 40px}

.topic li.bottom {margin: 10px 0 0 0}
.profile li.bottom {margin: 0 0 5px 0}

/* 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: #DDD; color: #9F69C6; border: 4px solid #F2F2F2; box-shadow: 0 4px #F2F2F2; font-weight: bold}
.info, .success {background: #E7DAEF; color: #3A87AD; border: 4px solid rgba(0, 0, 0, .2)}
.alert, .info, .success {font: 11px helvetica; text-align: justify}
.alert a, .info a, .success a {color: #FFF; text-decoration: none; font-weight: bold; width: fit-content; display: inline; padding: 0 3px; text-transform: uppercase} .alert a {background: #9F69C6} .info a, .success a {background: #FC9A76}

.notification {text-align: center !important}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background: #BEDDD9; border: 2px solid rgba(0, 0, 0, .2)}
.topic .pop li, .pop #t_like {border-color: #CCC} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 10px; border: none; color: #333; text-transform: uppercase; font-family: calibri; padding: 6px 4px}
.topic .pop .show-pop a:before {display: none}

.topic .votepost {margin-right: 12px !important}
.pop .t_dislike:before {margin: 5px 0 0 -15px}

/* ONLINE, OFFLINE, ANONIMO */
.online, .offline, .anonimo {position: absolute; top: 17px; left: 65px; display: block; overflow: hidden; border-radius: 0; border: 2px solid rgba(0, 0, 0, .3); transform: rotate(45deg); width: 8px; height: 8px}

.online {background-color: #D1BEDD}
.offline {background-color: #ABC6C3}
.anonimo {background-color: #E58159}

/* SONDAGGIO */
.poll li {background: #EEE; font: 11px georgia; border: 1px solid rgba(0, 0, 0, .2); margin: 4px !important; outline: 4px solid #EEE}
.poll li:last-child {border: 0}
.poll-bar {background-color: #E1F4F2; border-radius: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)}
.poll-bar div {background-color: #97D8D0; border-radius: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)}
.poll-max .poll-bar div {background-color: #FC9A76}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 0 solid #CCC; background-color: transparent !important}
.pages li {background-color: transparent !important; box-shadow: none; border: 1px solid rgba(0, 0, 0, .2); display: inline-block; width: 16%; margin: 0 4px}
.pages li a {color: #8A699B; font-size: 11px; box-shadow: none}
.pages li > a:first-child {box-shadow: none}
.pages li.curr a {color: #34B59F}
.pages li.curr {border: 0}

.pages .first span, .pages .prev span, .pages .next span, .pages .last span {background: transparent !important}

.pages .first span:after {content: '\f100'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px}
.pages .prev span:after {content: '\f104'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px}
.pages .next span:after {content: '\f105'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px}
.pages .last span:after {content: '\f101'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .code_top, .spoiler_top {text-align: center; font-family: cambria; font-size: 9px; letter-spacing: 0; text-transform: uppercase}
.quote_top b, .code_top b, .spoiler_top b {font-weight: normal; color: #FFF !important; letter-spacing: 1px; font-size: 10px}

.quote {background: #F7DACF !important; font: 12px constantia; line-height: 130%; color: #F48961; border: 3px solid #F2F2F2; box-shadow: 0 0 0 4px #F7DACF}
.quote a {color: #FFF !important} .quote b {color: #E25522} .quote del {color: #CEBFB9}

.code, .spoiler .code .code {font: 11px consolas; font-weight: normal; color: #54C4B3; background: #E1F4F2 !important; border: 2px solid #7DD1C5 !important; box-shadow: 0 0 0 1px #F2F2F2 !important}

.spoiler .code {font-size: 11px; font-family: helvetica; line-height: 110%; font-weight: normal; font-style: initial; border: 0 !important; background: #E7DAEF !important; box-shadow: none !important; color: #8F73A0}
.spoiler .code_top {border: 0; border-bottom: 2px solid #FFF; background: #E7DAEF; outline: 0 none; padding: 4px}

.quote, .code {text-align: justify; padding: 10px; margin-top: 0}

/* PROFILO */
header.profile {background: #EEE; padding: 15px 0; color: #000; box-shadow: none !important}

.profile {box-shadow: 0 0 0 4px #EEE}

.profile .avatar {border-radius: 0; border-width: 10px; margin-bottom: 10px; border: 10px solid #EEE; background-color: #EEE; width: 100px; height: 100px; box-shadow: 0 0 0 5px #BEDDD9}
.profile .avatar img {border-radius: 0}
.u_nick {font-size: 15px; font-weight: bold !important; color: #F28E6A; font: 16px constantia}
.u_group {color: rgba(0, 0, 0, .8); font-size: 10px; text-transform: uppercase; font-family: calibri}
.u_status {top: 115px !important; left: 57% !important; margin-left: 23px}

.u_stats {background: #EEE; margin: -4px; box-shadow: none; border: 0}
.u_stats > table td {border-left: 1px solid #DDD}

li.u_info, li.u_signature, li.u_friends {margin: 0 -4px; border: 0; background: #EEE}
.profile .title {background: transparent; color: #836285; margin-top: 7px; padding: 3px 8px; font-weight: bold; border-bottom: 0}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 0}
/* miniature avatar amici */
.friend_avatar {border: 0 solid #8A8A8A; 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; display: none}

/* STATISTICHE */
.stats {text-align: left; color: #777; font-size: 12px; font-family: arial}
.stats .title, .stats .title a {color: #E58159; text-align: left}
.stats .title, .user_online {border-bottom: 0}
.stats .title br {display: none}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #888}
.stats_list {background: #EEE; text-align: left; display: flex; flex-wrap: wrap; font-size: 10px; text-transform: uppercase; justify-content: space-between} .stats_list > li {padding: 3px 10px; font-weight: bold}
.stats_list span {margin-left: 5px}

.user_online a:before, .groups_list a:before {display: none}
.online_users .nickname, .online_users .system, .online_users .timeago, .online_users .where {width: auto}
.user_online a, .groups_list a {margin: 2px 4px; display: inline-block; font-size: 11px; text-transform: uppercase}
.online_users .timeago {font-size: 8px}

/* COLORI GRUPPI */
.male {color: #5CA0D1} .female {color: #CC6688}
.amministratore {color: #7CAE73; font-weight: bold}
.moderatore {color: #63A4BA; font-weight: bold}

.utente, .daconvalidare, .topmembers {font-size: 10px !important}

.gruppo1 {background: #FFB091; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase}
.gruppo2 {background: #C8ADDB; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase}
.gruppo3 {background: #97D8D0; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase}
.gruppo4 {background: #F7DACF; color: #FC9A76 !important; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase}
.gruppo5 {background: #E7DAEF; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #B07ED3 !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase}
.gruppo6 {background: #E1F4F2; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #97D8D0 !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase}

.topic .box_gruppo1 .avatar {border-color: #EEE}
.topic .box_gruppo2 .avatar {border-color: #D1BEDD}
.topic .box_gruppo3 .avatar {border-color: #BEDDD9}
.topic .box_gruppo4 .avatar {border-color: #ABC6C3}

.online_users .where a {font: 10px calibri; font-weight: normal; letter-spacing: .5px; text-transform: uppercase}

.group .avatar {border-radius: 5px; box-shadow: none; border: 0}

/* INPUT e BOTTONI */
.codebuttons {border-radius: 0; background: #F7A585; border: 1px solid rgba(0, 0, 0, .1); font: 10px calibri; text-transform: uppercase; padding: 5px 8px}
.textinput, .forminput, #allegati input {background: #EEE; border: 2px solid rgba(0, 0, 0, .1)}

/* 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: #EEE; color: #222; border: 1px solid rgba(0, 0, 0, .1); border-radius: 0}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #D1BEDD; box-shadow: 0 0 2px #D1BEDD}

#mod_options {color: #222; border: 0 solid #CCC; padding: 3px}
#send-button {background: #C5A9D8; font: 10px 'constantia'; letter-spacing: 1px; color: #FFF; font-weight: bold}

.buttons a {padding: 7px 0; background: #F7A585; color: #FFF; font-weight: bold; font: 10px calibri; font-weight: bold; text-transform: uppercase; border: 3px solid rgba(0, 0, 0, .1)}

.only-back a {border: 0 solid #BBB}

/* icons */
#side_left_button span {background: #EEE; padding: 4px; background-repeat: no-repeat; background-position: 4px 5px; border-radius: 50px; background-size: 22px; background-image: url(https://i.imgur.com/UlsS4hy.png)}
#side_right_button span {background: #EEE; padding: 4px; background-repeat: no-repeat; background-position: 4px 5px; border-radius: 50px; background-size: 22px; background-image: url(https://i.imgur.com/r95Hd22.png)}
#fastemoticon span {padding: 4px; background-repeat: no-repeat; background-position: 4px 5px; border-radius: 50px; background-size: 22px; background-image: url(https://i.imgur.com/tVhOeYo.png)}

/* latin */
@font-face {font-family: 'IM Fell DW Pica';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/imfelldwpica/v10/2sDGZGRQotv9nbn2qSl0TxXVYNwNYwnV.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}