/* MORE OR LESS BLUE NIGHT SKIN */
body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #FFF; background: url(https://i.ibb.co/mcQg0VB/maxresdefault.png) no-repeat; background-size: cover}

#side_right_button {display:none}



@media(orientation: portrait) {body {background: url(https://i.ibb.co/8mq2h3L/bgmobile.png) no-repeat; background-size: cover}}

a {text-decoration: none}

.send li {background-color: rgba(255, 255, 255, 0.2) !important}

.stats_bottom li {background-color: rgba(255, 255, 255, 0.1) !important;
 color: white !important}::placeholder {color: white}


.off {background-color: rgba(150, 130, 130, 0.1)}

.tagboard .title {border: none;
 border-top: 1px solid white}

.tagboard textarea {border: 1px solid white;
 background: transparent;
 border-radius: 0; -moz-border-radius: 0;
 color: white}

form[name="tagboard"] {background: transparent !important;
 border: none !important;
 border-bottom: 1px solid white}

.tagboard .list-group > *:nth-child(even) {background-color: rgba(255, 255, 255, 0.1)}

.tagboard {background-color: rgba(200, 200, 200, 0.2)}

.footer {color: #535353; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.footer a {font-weight: bold; color: #535353}

/* SIDEBAR */
.sidebar {background-color: rgba(255, 255, 255, 0.8)}
.sidebar li {line-height: normal; color: #747474}
.side_title {background-color: rgba(0, 0, 0, 0.4); color: #EEE; text-align: center !important}
.sidebar .menu li a {color: #333333}
.sidebar .submenu {background: transparent; margin: 5px; border-radius: 5px; -moz-border-radius: 5px}
.menu {overflow-x: hidden !important}
.frequented_sites {width: auto !important}
.submenu > li {padding: 5px}
.menu > li:nth-child(even) .side_close {background: #050C16}
/* menu utente */
.menu .nickname {font-weight: bold; font-size: 18px; color: #464646}
.sidebar em {font-weight: bold; color: #FFF; background-color: #464646}
/* login */
.login input[type=submit] {background: #535353; color: #FFF; font-weight: bold}
/* cerca */
.search {background-color: transparent; border-bottom: 1px solid white}
.search input {color: #EEE; padding: 0 5px}

/* NAV */
#nav-title span {color: white; font-size: 18px; font-weight: normal}

/* HEADER, LOGO */
.logo {-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
 mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
 border-bottom: 5px solid orange; height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed}

/* SEZIONI */
.list-group {}
.u_stats {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.list-group > *, .stats_bottom li, .u_info dl {padding: 8px}
.list-group > * {border-bottom: 1px solid #403F3F}
.list-group > *:nth-child(even), .stats_bottom .stats_list li:nth-child(odd), .u_info dl:nth-child(even) {background-color: rgba(255, 255, 255, 0.1)}
.stats {background: none; display: none}
.stats .user_online {}
.stats_list > li:last-child {border-bottom: 0}
.title {background-color: rgba(0, 0, 0, 0.4) !important;
 text-align: center;
 font-weight: normal;
 font-size: 14px;
 color: #FFF;
 padding: 8px;
 background-image: url("https://cdn.discordapp.com/attachments/375968059372077066/422087748460216332/logo_sis_2015_nosfondo.png");
 background-size: 25px;
 background-repeat: no-repeat;
 background-position-y: center}
.web a {font-size: 19px; font-weight: bold; color: #FFDF84}
.forum .web a {font-size: 17px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #DDD !important}
.last-post {color: #888}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 12px; color: #999}
.replies {font-size: 0}
span.timeago {display: none}
.topic .timeago {color: white}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}

/* sottosezioni */
.sub-link {display:none}

/* SELEZIONE RIGA: Moderazione */
li.selected {border-bottom-color: #2684F0 !important; color: #FFF}
.selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !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 */
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #09C}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {font-size: 13px}
.color {color: #EEEEEE; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #666}
.topic .option, .article .option {background-color: transparent}
.topic .like {color: #666}
/* 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: #F68B8B !important; color: #C00 !important}
.info {background: rgba(244, 0, 0, 0.05) !important; color: red !important; border: 1px solid red; border-left: none; border-right: none; margin-bottom: 2px}
.success {background: #BAE2AF !important; color: #18A21A !important}
.alert a, .info a, .success a {color: #FFF; border: 1px dotted transparent}
.alert a:hover, .info a:hover, .success a:hover {color: #F7F7F7}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: rgba(16, 38, 68, 1); box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1)}
.topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #FFF}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #7CD554}
.offline {background-color: #E22D2D}
.anonimo {background-color: #464646}

/* SONDAGGI */
.poll-bar {background: #E0E0E0; border-radius: 3px; -moz-border-radius: 3px}
.poll-bar div {background: #AADDF4; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px}
.poll-max .poll-bar {background: #E0E0E0; color: #535353}
.poll-max .poll-bar div {background: #70C6EC}

/* PAGINAZIONE */
.pages li a {font-size: 17px}
.pages li a:hover {background-color: #EEE}
.pages .prev, .pages .next {background: rgba(0, 0, 0, .05)}

/* CITAZIONI, SPOILER E CODICI */
.quote, .code {padding: 5px; font-size: 9pt; font-weight: normal; color: #4D4D4D; background: #EAEAEA; border-radius: 5px; -moz-border-radius: 5px}
.quote .quote, .quote .code, .spoiler .quote, .code .code {color: #696969; background: #F6F6F6}
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #4D4D4D; background: #EAEAEA}
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code,
.quote .quote .quote .code {color: #696969; background: #F6F6F6}
.quote_top, .code_top {font-size: 11px; color: #555; margin: 1em 2px}

/* PROFILO */
.list-group.profile, .profile {background: rgba(255, 255, 255, 0.05) !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.bottom, .bottom .buttons a {background: transparent !important}
.profile dl {background: transparent !important}
.profile .title {display: none}
.profile .u_info {box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important; margin-top: 20px}
header.profile {padding: 15px 0; color: #FFF}
.profile .avatar {border-radius: 90px; -moz-border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #FFF}
.u_nick {font-size: 25px; font-weight: bold; color: #FFF}
.u_group {font-size: 15px}
.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px}
.profile .title {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-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #222; color: #FFF; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px}

/* STATISTICHE */
.stats {text-align: center; color: #888}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #888}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

/* COLORI UTENTI */
.male {color: #5AD} .female {color: #E57}
.daconvalidare {font-style: italic; color: #757575}
.post .details {border-bottom: 1px solid rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .05)}
.post {background: rgba(255, 255, 255, 0.2)}
.post .details a:hover {opacity: .6}
.amministratore, .gruppo1 {color: #AFFF71; font-weight: bold; text-shadow: 1px 1px black}
.box_amministratore .details, .box_gruppo1 .details {border-color: #58A72E}
.box_amministratore .details > a, .box_gruppo1 .details > a {color: #58A72E}
.moderatore, .gruppo2 {color: #80A9FF; text-shadow: 1px 1px black; font-weight: bold}
.box_moderatore .details, .box_gruppo2 .details {border-color: #4178C9}
.box_moderatore .details > a, .box_gruppo2 .details > a {color: #4178C9}
.gruppo3 {color: #3ABA83; font-weight: bold}
.box_gruppo3 .details {border-color: #3ABA83}
.box_gruppo3 .details > a {color: #3ABA83}
.gruppo4 {color: #8268AF; font-weight: bold}
.box_gruppo4 .details {border-color: #8268AF}
.box_gruppo4 .details > a {color: #8268AF}
.gruppo6, .gruppo7, .gruppo8 {color: #717171; font-style: italic}
.gruppo12 {color: #E27F14; font-weight: bold}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; color: black; background: rgba(255, 255, 255, 0.2); border: 1px solid white}
/* 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: #E4E4E4; color: #545454; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #102644; color: #FFF}
.textinput {margin: 10px 0; font-size: 16px}
#mod_options {color: #777; padding: 3px}
#send-button {background: rgba(255, 255, 255, 0.3); font-size: 15px; color: black; font-weight: bold; border: 1px solid white}
.buttons a {padding: 7px 0; background-color: rgba(255, 255, 255, 0.2); color: white; font-weight: bold; font-size: 14px; border: 1px solid white}
.buttons a:hover {background-color: rgba(16, 38, 68, .5); color: #FFF}
a.new-topic {color: white; background-color: rgba(255, 255, 255, 0.2) !important; border: 1px solid white}
a.new-topic:hover {opacity: .8}
a.reply {color: #FFF}
a.reply:hover {opacity: .8}
a.delete {background-color: #ED3D3B; color: #FFF}
a.delete:hover {opacity: .8}

/* CSS DEFAULT MOBILE */
a {color: #BBBBBB}
a:hover {color: rgba(187, 187, 187, .5)}
.last-post a *, .web * {color: white}
.menuwrap_bg {background-color: rgba(0, 0, 0, 0.8)}
.menuwrap em {background-color: rgba(239, 217, 217, 0.6)}
.header {margin-bottom: 20px}
.forum .on, .board .on {border-left: 4px solid orange !important}
.annuncio {background-color: rgba(244, 0, 0, 0.2) !important}
.annuncio *, .importante * {color: white !important}
.importante {background-color: rgba(255, 255, 255, 0.2) !important}
li.selected {background-color: #323B47 !important}
a.new-topic, a.new-topic:hover {background-color: #17283B}
a.reply, a.reply:hover {background-color: #323B47}

/* SPINNER SCURO */
#spinner {background: rgba(0, 0, 0, .7); color: #FFF}
#pathspinner {stroke: #FFF}

/* SPRITE PER SKIN SCURE */
.search input, .timeago:before, .like:before, .pop a:before, .sub-link:before, #left .side_title:after, #refresh-tag, .closed .web a:before, .polls .web a:before, .poll_icon, .topic .pop > button, #fastemoticon span, #attachment span, #fastpoll span, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite.png')}
@media only screen and (min-resolution: 192dpi) {.search input, .timeago:before, .like:before, .pop a:before, .sub-link:before, #left .side_title:after, #refresh-tag, .closed .web a:before, .polls .web a:before, .poll_icon, .topic .pop > button, #fastemoticon span, #attachment span, #fastpoll span, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@2x.png')}}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {.search input, .timeago:before, .like:before, .pop a:before, .sub-link:before, #left .side_title:after, #refresh-tag, .closed .web a:before, .polls .web a:before, .poll_icon, .topic .pop > button, #fastemoticon span, #attachment span, #fastpoll span, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@3x.png')}}
/*staff */
a[href$="/?act=Profile&MID=5420562"], a[href$="/?act=Profile&MID=12601010"], a[href$="/?act=Profile&MID=11872020"], a[href$="/?act=Profile&MID=12648357"]
 {color: #AFFF71; text-shadow: 1px 1px black}
/* SOLDIERS */
/* zombi */
a[href$="/?act=Profile&MID=12906542"],
/* J */
a[href$="/?act=Profile&MID=12925136"],
/*carlez */
a[href$="/?act=Profile&MID=12699497"],
/* lorenzo */
a[href$="/?act=Profile&MID=12586288"],
/* puccj*/
a[href$="/?act=Profile&MID=10380045"],
/* Mr Reil */
a[href$="/?act=Profile&MID=7708604"],
/*[SIS]ra-marduk*/
a[href$="/?act=Profile&MID=11103809"],
/* [Sis]pablo */
a[href$="/?act=Profile&MID=7744735"],
/* [Sis]KIMY_ITA */
a[href$="/?act=Profile&MID=12406395"],
/* [Sis]Rambaldo94*/
a[href$="/?act=Profile&MID=12481826"],
/*sin */
a[href$="/?act=Profile&MID=12601010"],
a[href$="/?act=Profile&MID=12652771"],
/* ALR */
a[href$="/?act=Profile&MID=12279212"],
/* Erra*/
a[href$="/?act=Profile&MID=12730464"],
/* Tibix */
a[href$="/?act=Profile&MID=12781537"] {color: #80A9FF; text-shadow: 1px 1px black}

header {height: 100vh}

a.sub-link, .underheader, .list-group.send:nth-child(8), #forum .header, #topic .header, #f64716568 .last-post, #f64716568 .topics, #f11392774 .last-post, #f11392774 .topics, .group-section.title:nth-child(1), .t77257139 .box_amministratore .details, .t77257139 .box_gruppo1 .details {display: none}

body#forum, body#topic {min-height: 100vh}

.list-group.forum {margin-top: 40px}

.web a {font-weight: bold; color: #DDD; text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
 outline: none;
 text-decoration: none; color: #FFDF84}
.web a:hover {color: white}


@font-face {font-family: 're';
 src: url('https://dodiz.github.io/re7-webfont.woff2') format('woff2')}

 @keyframes showname {from {opacity: 0}
 to {opacity: 1}}

.clan_name {animation: showname 2s; font-family: re; color: #FFDF84;
 font-size: 12vw;
 text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
 position: absolute;
 top: 85%;
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: center;
 left: 0}

#stemma {position:absolute; top: 0; left: 0; max-width: 30vw}

 @media(orientation: landscape) {.clan_name {font-size: 10vw; line-height: 50px; margin-bottom: 50px}
 #stemma {max-width: 25vw}