Skin Mobile - Vincitore Lottery

/* FFMOBILE DEFAULT SKIN */
/* https://connieportfolio.forumfree.it/ */
/* SKIN REALIZZATA DA CONNIE */
/* IN ESCLUSIVA PER IL https://vanessa.forumfree.it */
/* GRAZIE A https://iconarchive.com/ */

/* LA VERSIONE DESKTOP DI QUESTA SKIN LA TROVATE SUL FORUM https://eventhedarkestnightwillend.forumfree.it */

body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #605A54; background-color: #141414; background-image: url("https://i.imgur.com/4GHIn7g.png")}

a {color: #3B3C34; text-decoration: none} a:hover {color: #5F5A53; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out}

.last-post a *, .web * {font-weight: normal; font-family: century perpetua; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63 !important}

.footer {background-color: #141414; color: #5F5A53}
.footer a {font-size: 11px; font-family: century perpetua; font-weight: normal; text-shadow: 0 0 2px #1F1513; color: #3B3C34}
.footer a:hover {text-shadow: 0 0 2px #1F1513; color: #5F5A53}

/* MODIFICHE EXTRA */
#spinner {border: 0}
#pathspinner {stroke: #9E6D63}

.last-post {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 85%}

.avatar, .sidebar .avatar {padding: 3px; border: 4px solid #2B282A; background: transparent; box-shadow: none !important; border-radius: 100%}
.avatar img {opacity: 0.5; max-height: 25px; min-width: 25px}

.topic .online {display: none}
.topic .offline {display: none}
.topic .anonimo {display: none}

.tagboard .list-group > * {background: transparent; margin: 5px; border: 0; font-family: century perpetua; font-size: 11px}
.tagboard a {font-weight: bold; font-family: century perpetua; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63 !important}

.underheader a {font-size: 11px; border-bottom: 0; text-shadow: 0 0 2px #1F1513; color: #5F5A53 !important}
.underheader a:hover {border-bottom: 0; color: #141414 !important}
.underheader .current a {border-bottom: 0 !important}

/* SIDEBAR */
.sidebar {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.sidebar a {font-weight: bold; text-shadow: none; color: #141414}
.sidebar li {line-height: normal; letter-spacing: 1px; text-shadow: 0 0 2px #5F5A53; color: #141414}
.side_title {background-color: #2B282A; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63; font-weight: bold; font-family: georgia; font-size: 15px; border-bottom: 5px solid #141414}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 5px solid #141414}
#ff_links, .search {border-top: 5px solid #141414}

/* menu utente */
.menu > li {letter-spacing: 1px; text-shadow: 0 0 2px #5F5A53; color: #141414}
.menu .nickname {font-weight: bold; font-size: 15px !important; text-shadow: 0 0 2px #1F1513; color: #141414; font-family: georgia !important}
.sidebar em {font-weight: bold; color: #141414; background-color: #2B282A}

/* login */
.login input {color: #9E6D63; border: 1px solid #141414}
.login input[type=submit] {background: #141414; color: #605A54; font-weight: bold} .login input[type=submit]:hover {background: #2B282A; color: #141414}

/* cerca */
.search {background-color: #141414}
.search input {color: #5F5A53}

/* NAV */
.menuwrap_bg {background-color: #2B282A}
.menuwrap em {background-color: #2B282A}

/* nome forum */
#nav-title span {text-align: center; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #5F5A53; font-size: 15px; font-weight: normal; font-family: century perpetua}

/* HEADER, LOGO */
.header {background: #2B282A}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain}

/* SEZIONI */
.board, .forum, .topic {background-color: #141414; padding-bottom: 2px}
.list-group > *, .stats_bottom li, .u_info dl {background-color: #141414; border: 4px solid #2B282A; padding: 8px; margin: 4px}

.stats_list > li:last-child {border-bottom: 4px solid #2B282A}

.title {text-align: center; font-weight: normal; font-size: 14px; border: 4px solid #141414; font-family: century perpetua; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #5F5A53; padding: 12px; margin: 0; background: #2B282A}

.web a {font-family: georgia; font-size: 15px; font-weight: normal} .web a:hover {font-style: italic; letter-spacing: 2px; color: #5F5A53 !important}

.forum .web a {font-size: 17px}

/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #605A54 !important}
.last-post {color: #605A54}
.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: #535353}
.topic .timeago {color: #141414}
.no-time {font-style:italic; color: #5F5A53}
.popupago {text-align: center; background-color: #2B282A; color: #5F5A53; border-radius: 0}

span.timeago {display: block; width: 85%; background-color: #3B3C34; margin: 10px 0 5px 0; font-family: georgia; text-align: center; text-shadow: 0 0 2px #1F1513; color: #5F5A53 !important}

/* sottosezioni */
.sub-link {font-size: 13px; color: #605A54}

/* .on, .annuncio, .importante */
.on {box-shadow: 0 0 2px #9E6D63; border: 5px solid #9E6D63}

.annuncio {background-color: #2B282A; border: 4px solid #2B282A; margin: 4px; padding: 4px; outline: 1px dashed #2B282A; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.importante {background-color: #2B282A; border: 4px solid #3B3C34; margin: 4px; padding: 4px; outline: 1px dashed #2B282A; background-image: url("https://i.imgur.com/ysOEYGB.png")}

#forum .forum .annuncio .web > a:before {content:" "; font-size: 0; background: url('https://icons.iconarchive.com/icons/custom-icon-design/flatastic-1/24/alert-icon.png'); background-size: cover; height: 24px; width: 24px; display: inline-block; vertical-align: middle; opacity: 0.3}
#forum .forum .importante .web > a:before {content:" "; font-size: 0; background: url('https://icons.iconarchive.com/icons/kyo-tux/phuzion/24/Sign-Alert-icon.png'); background-size: cover; height: 24px; width: 24px; display: inline-block; vertical-align: middle; opacity: 0.3}
#forum .forum .annuncio .web a {text-shadow: 0 0 2px #1F1513; color: #C9A78E !important}
#forum .forum .importante .web a {text-shadow: 0 0 2px #1F1513; color: #C9A78E !important}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #141414 !important; border: 2px solid #9E6D63 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #9E6D63 !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #141414; color: #9E6D63; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 2px solid #9E6D63}

/* DISCUSSIONI, ARTICOLI */
.post {border: 0}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #09C}
.cancelled {padding-left: 5px; font-weight: normal; color: #9E6D63}
.topic .group {text-align: center; color: #1F1513; font-size: 12px; font-family: century perpetua; letter-spacing: 1px; background-color: #605A54; padding: 5px; width: 50%; margin: 15px 0 0 0}
.color {font-weight: bold; color: #605A54; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #666; opacity: 0.5}
.topic .option, .article .option {font-size: 12px; font-family: century perpetua; letter-spacing: 1px; background-color: #5D5A54 !important; padding: 5px; border: 2px solid #2B282A}
.topic .like {color: #5D5A54}

/* 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-color: #F2DEDE; font-size: 11px; font-family: century perpetua; color: #B94A48; border-color: #EED3D7}

.info {background-color: #9E6D63; font-size: 11px; font-family: century perpetua; color: #141414; border-color: #9E6D63}

.success {background-color: #5F5A53; font-size: 11px; font-family: century perpetua; color: #141414; border-color: #5F5A53}

.alert a {color: #141414; text-decoration: none; font-weight: bold}
.info a {color: #141414; text-decoration: none; font-weight: bold}
.success a {color: #141414; text-decoration: none; font-weight: bold}

/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 2px; background-color: #9E6D63; outline: 4px solid #5D5A54; outline-offset: 4px}

/* popup moderazione post */
.topic .pop ul {background-color: #141414; border: 2px solid #141414; box-shadow: 0 0 5px rgba(0, 0, 0, .2)}
.topic .pop li, .pop #t_like {border-color: #5F5A53} .topic .pop li:last-child {border: 0}
.topic .pop a {font-family: georgia; letter-spacing: 1px; font-size: 14px; color: #9E6D63} .topic .pop a:hover {color: #5F5A53}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}

/* SONDAGGIO */
.poll-bar {background-color: #8D8B87; border-radius: 0; color: #141414}
.poll-bar div {background-color: #5D5A54; border-radius: 0; color: #141414}
.poll-max .poll-bar div {background-color: #9E6D63}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid #2B282A; background-color: #141414 !important}
.pages li a {color: #9E6D63; font-size: 17px; box-shadow: 1px 0 0 #141414, inset 1px 0 0 #141414}
.pages li > a:first-child {box-shadow: -1px 0 0 #141414}
.pages li a:hover {background-color: #2B282A}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top {margin: 10pt 0 0; border-bottom: 3px solid #9E6D63; text-align: center; font-size: 11px; font-family: century perpetua; text-transform: uppercase; letter-spacing: 1px; color: #9E6D63; padding-left: 7px; background-color: #141414}
.code_top {margin: 10pt 0 0; border-bottom: 3px solid #5F5A53; text-align: center; font-size: 11px; font-family: century perpetua; text-transform: uppercase; letter-spacing: 1px; color: #5F5A53; padding-left: 7px; background-color: #141414}

.code {font-family: 'Courier New', Sans-serif}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}

.quote {padding: 5px 5px 5px 10px; margin-top: 0; font-size: 9pt; line-height: 120%; color: #141414; background-color: #9E6D63; border-bottom: 2px solid #141414}
.code {padding: 5px 5px 5px 10px; margin-top: 0; font-size: 9pt; line-height: 120%; color: #141414; background-color: #5F5A53}
.quote {text-align: justify}

/* PROFILO */
header.profile {padding: 15px 0; color: #FFF; background-color: #2B282A}
.profile .avatar {padding: 3px; border: 4px solid #9E6D63; background: transparent; box-shadow: none !important; border-radius: 100%}
.u_nick {font-size: 25px; font-weight: normal; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63; font-family: georgia}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 2px solid #2B282A}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 2px solid #141414}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: bold; border-bottom: 4px solid #2B282A}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 4px solid #2B282A}

/* miniature avatar amici */
.friend_avatar {border: 1px solid #9E6D63; border-radius: 0}
.friend_avatar img {border-radius: 0}
.friend_nickname {background: #9E6D63; color: #141414; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 0 0}

/* STATISTICHE */
.stats {background-color: #141414; border-bottom: 4px solid #141414; text-align: center; text-shadow: 0 0 2px #1F1513; color: #5F5A53; font-size: 11px; font-family: century perpetua}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #5F5A53}
.stats_list {text-align: left} .stats_list > li {background-color: #1F1513; padding: 3px 10px; font-weight: bold}

/* COLORI GRUPPI */
.male {color: #5CA0D1} .female {color: #CC6688}

.utente {font-weight: normal; color: #9E6DAA}
.box_utente .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_utente .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #9E6DAA; text-shadow: 0 0 2px #1F1513; margin-top: 15px}

.daconvalidare {font-weight: normal; color: #00DDAA}
.box_daconvalidare .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_daconvalidare .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #00DDAA; text-shadow: 0 0 2px #1F1513; margin-top: 15px}

.amministratore {font-weight: normal; color: #FFF}
.box_amministratore .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_amministratore .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #FFF; text-shadow: 0 0 2px #1F1513; margin-top: 15px}

.moderatore {color: #63A4BA; font-weight: normal}
.box_moderatore .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_moderatore .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #63A4BA; text-shadow: 0 0 2px #1F1513; margin-top: 15px}

.gruppo1 {color: #9E6D63; font-weight: normal}
.box_gruppo1 .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_gruppo1 .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #9E6D63; text-shadow: 0 0 2px #1F1513; margin-top: 15px}

.gruppo2 {color: #00668C; font-weight: normal}
.box_gruppo2 .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_gruppo2 .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #00668C; text-shadow: 0 0 2px #1F1513; margin-top: 15px}

.gruppo3 {color: #965700; font-weight: normal}
.box_gruppo3 .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_gruppo3 .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #965700; text-shadow: 0 0 2px #1F1513; margin-top: 15px}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-weight: bold; font-family: century perpetua; font-size: 1em; margin: 3px; padding: 2px 5px; background-color: #5D5A54; color: #141414; border: 0; border-radius: 0}

/* 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: #141414; text-shadow: 0 0 2px #1F1513; color: #5F5A53; border: 1px solid #141414; border-radius: 0}

.codebuttons:hover, #send-button:hover {background: #3B3C34; border-color: #3B3C34; color: #5D5A54}
.textinput {margin: 10px 0; font-size: 14px}

/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #5D5A54; box-shadow: 0 0 2px #5D5A54}

#mod_options {color: #141414; border: 1px solid #5D5A54; padding: 3px}
#send-button {background: #141414; font-size: 15px; color: #5D5A54; font-weight: bold}

.buttons a {padding: 7px 0; background-color: #5D5A54; color: #141414; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: #141414; color: #5D5A54}

a.new-topic {background-color: #141414; font-family: georgia; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63}
a.new-topic:hover {background-color: #141414; color: #5D5A54}
a.reply {background-color: #141414; font-family: georgia; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #5F5A53}
a.reply:hover {background-color: #141414; color: #9E6D63}
a.delete {background-color: #C25554; color: #FFF}
a.delete:hover {background-color: #A53635}

.only-back a {border: 1px solid #5D5A54}

/* NOTIFICHE */
.ff-modal {border: 4px solid #2B282A; background-color: #5F5A53 !important; text-align: center !important; font-family: georgia; border-bottom: 4px solid #2B282A; color: #2B282A !important; border-radius: 0 !important}

#notifications-mode button {color: #9E6D63 !important; border-radius: 0 !important; background-color: #2B282A !important}
#notifications-mode button.active {border-radius: 0 !important; color: #141414 !important; background-color: #9E6D63 !important}
#notifications-mode button.active, #notifications-mode button[data-mode]:hover {border-radius: 0 !important; background: #141414 !important; color: #9E6D63 !important}

#notifications-empty, #notifications-modal .notification-container:not(.readed) .notification-row {padding: 2px; color: #9E6D63 !important; background: #141414 !important}
#notifications-modal .notification-container:not(.readed) {background: transparent !important}

#notifications-modal .timeago {color: #9E6D63 !important; padding: 2px 15px 2px 15px; background: transparent !important}

.notification-container .dropbtn {background: #9E6D63 !important}

.tippy-box[data-theme~=light] {border-radius: 0 !important; background-color: #141414 !important}
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {border-left-color: #141414 !important}
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {border-bottom-color: #141414 !important}
.notification-container .dropdown-content a {border-radius: 0 !important; color: #5F5A53 !important; background: #2B282A !important}
.notification-container .dropdown-content a:hover {color: #141414 !important; background: #9E6D63 !important}

#notifications-modal .notification-container:not(.readed) .notification-text {text-shadow: 0 0 2px #1F1513; color: #5F5A53 !important; transition: all .5s ease}
#notifications-modal .notification-container.readed .notification-body .notification-text {text-shadow: none; color: #141414 !important; transition: all .5s ease}

#notifications-more {box-shadow: 0 0 2px 4px #2B282A !important; background-color: #5F5A53 !important}
#notifications-modal .plus-button:after, .plus-button:before {box-shadow: 0 0 1px 1px #2B282A !important; background-color: #2B282A !important}