/* FFMOBILE CAMPO GIOVE GDR SKIN */

body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #616161; background-color: #050505}
a {color: #8E1813; text-decoration: none; font-variant: none} a:hover {color: #FFF; text-shadow: 0 0 2px #FFF}
.last-post a *, .web * {color: #8E1813}
a .topic {color: #8E1813; text-decoration: none; font-variant: none} a .topic:hover {color: #FFF; text-shadow: 0 0 2px #FFF}

/* COLORI UTENTI */
.male {color: #162F4E} .female {color: #7C004F}
.gruppo2 {color: #80A9FF} .box_gruppo2 .details {border-top: 3px solid #80A9FF!important; border-left: 2px solid #80A9FF!important; border-bottom: 1px solid #80A9FF!important} .box_gruppo2 .group {color: #80A9FF !important} .box_gruppo2 .avatar {border: 3px solid #80A9FF}
.gruppo3 {color: #C5E54F} .box_gruppo3 .details {border-top: 3px solid #C5E54F!important; border-left: 2px solid #C5E54F!important; border-bottom: 1px solid #C5E54F!important} .box_gruppo3 .group {color: #C5E54F !important} .box_gruppo3 .avatar {border: 3px solid #C5E54F}
.gruppo4 {color: #E6A6D6} .box_gruppo4 .details {border-top: 3px solid #E6A6D6!important; border-left: 2px solid #E6A6D6!important; border-bottom: 1px solid #E6A6D6!important} .box_gruppo4 .group {color: #E6A6D6 !important} .box_gruppo4 .avatar {border: 3px solid #E6A6D6}
.gruppo5 {color: #FCAC6F} .box_gruppo5 .details {border-top: 3px solid #FCAC6F!important; border-left: 2px solid #FCAC6F!important; border-bottom: 1px solid #FCAC6F!important} .box_gruppo5 .group {color: #FCAC6F !important} .box_gruppo5 .avatar {border: 3px solid #FCAC6F}

/* FOOTER */
.footer {color: #555}
.footer a {font-weight: bold; color: #555}
.footer:before {content: "Skin Mobile Campo Giove GDR by #deimos solo per il Campo Giove GDR, vietata la copia anche parziale "; color: #555}

/* SIDEBAR */
.sidebar {background-color: #000}
.sidebar a {color: #8E1813} .sidebar a:hover {color: #FFF; text-shadow: 0 0 2px #FFF}
.sidebar li {line-height: normal}
.side_title {background-color: #8E1813; color: #FFF; text-shadow: 0 0 2px #FFF; border-bottom: 1px solid #0; text-transform: uppercase; font-weight: none}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #0}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #333}
.menu .nickname {font-weight: bold; font-size: 22px !important; color: #8E1813 !important; text-transform: uppercase !important} .menu .nickname:hover {font-weight: bold; font-size: 22px; color: #FFF !important; text-shadow: 0 0 2px #FFF!important}
.menu .avatar {width: 50px; height: 75px; border-radius: 10px; -moz-border-radius: 10px}
.sidebar em {font-weight: bold; color: #FFF; background-color: #8E1813}
/* login */
.login input {color: #333; border: 1px solid #0}
.login input[type=submit] {background: #8E1813; color: #FFF; font-weight: bold} .login input[type=submit]:hover {background: #111}
/* cerca */
.search {background-color: #8E1813; border-bottom: 2px solid #FFF}
.search input {color: #FFF}

/* NAV */
.menuwrap_bg {background-color: #8E1813; border-bottom: 2px solid #0}
.menuwrap em {background-color: #DD000}
/* nome forum */
#nav-title span {color: #FFF; text-shadow: 0 0 2px #FFF; font-size: 18px; font-weight: normal}

/* HEADER, LOGO */
.header {background-color: #050505}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain; opacity: 1}

/* SEZIONI */
.list-group > *, .stats_bottom li, .u_info dl {background-color: #090909; border-top: 1px solid #0; border-bottom: 1px solid #0; padding: 8px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-transform: uppercase; text-align: center; font-weight: none; font-size: 19px; border-bottom: 1px solid #8E1813; color: #FFF; padding: 10px; background: #000; text-shadow: 3px 0 2px #8E1813, -3px 0 2px #555}
.stats {font-size: 13px!important}
.stats .title, .stats .title a {font-size: 13px!important; color: #FFF !important; text-shadow: 3px 0 2px #8E1813, -3px 0 2px #555!important} .stats .title:hover, .stats .title a:hover {font-size: 13px!important; color: #FFF !important; text-shadow: 3px 0 2px #8E1813, -3px 0 2px #555!important}

.web a {font-size: 19px; font-weight: bold; color: #8E1813; text-shadow: 0 0 5px #8E1813} .forum .web a {font-size: 17px; color: #8E1813; text-shadow: 0 0 5px #8E1813} .web a:hover {color: #FFF; text-shadow: 0 0 5px #FFF}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #666 !important}
.last-post {color: #666}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}

.topic .avatar {box-shadow: 0 0 0 1px #000; -moz-box-shadow: 0 0 0 1px #000; -webkit-box-shadow: 0 0 0 1px #000; border-radius: 20px!important; -moz-border-radius: 20px!important}
.topics, .replies, .views {font-size: 12px; color: #666}
span.timeago {color: #444 !important} .topic .timeago {color: #444} span.timeago:hover {text-shadow: 0 0 0 #0!important} .topic .timeago:hover {text-shadow: 0 0 0 #0!important}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #555; color: #000; border-radius: 5px; -moz-border-radius: 5px}
.topic .details > a:hover {color: #FFF}

/* sottosezioni */
.reserved-link {font-size: 13px; color: #555}

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #8E1813}
.annuncio {background-color: #222}
.importante {background-color: #111}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #FFF !important; border-bottom-color: #8E1813 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #8E1813 !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #000; color: #8E1813; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #DDD}

/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #0}
.post .details {border-top: 3px solid #222; border-left: 2px solid #222; border-bottom: 1px solid #222; background-color: #111}
.avatar {border: 3px solid #000; border-radius: 25px!important; -moz-border-radius: 25px!important}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #border-left: 3px solid #222}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: #444; font-size: 13px}
.color {color: #666; text-align: justify}
.color a {font-weight: bold; text-decoration: none}
.edit {font-size: 10px; font-style: italic; color: #111}
.topic .option, .article .option {background-color: #111; border-top: 1px solid #0}
.topic .like {color: #444}
/* 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: #840C0C; color: #FFF; border-color: #840C0C}
.info {background-color: #1DC7C7; color: #FFF; border-color: #1DC7C7}
.success {background-color: #306819; color: #FFF; border-color: #306819}
.alert a, .info a, .success a {color: #FFF; text-decoration: none; font-weight: bold} .alert a {color: #FFF} .success a {color: #FFF}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #111; border: 1px solid #000}
.topic .pop li, .pop #t_like {border-color: #333} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #888} .topic .pop a:hover {font-size: 14px; color: #888; text-shadow: hidden}

/* ONLINE, OFFLINE, ANONIMO */
.online, .offline, .anonimo {position: absolute; top: 41px; left: 41px; display: block; overflow: hidden; border-radius: 15px; -moz-border-radius: 15px; border: hidden}
.online {width: 15px; height: 15px; background-color: #447700; border: 2px solid #0}
.offline {width: 15px; height: 15px; background-color: #F80000; border: 2px solid #0}
.anonimo {width: 15px; height: 15px; background-color: #555; border: 2px solid #0}

/* SONDAGGIO */
.poll-bar {background-color: #FFF; border-radius: 2px; -moz-border-radius: 2px; color: #000}
.poll-bar div {background-color: #888; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #000}
.poll-max .poll-bar div {background-color: #555; color: fff}

/* PAGINAZIONE */
.pages, .nolink:hover {border: 1px solid #8E1813; background-color: #111 !important; color: #666!important}
.pages li a {color: #666!important; font-size: 17px; box-shadow: 1px 0 0 #000!important, inset 1px 0 0 #000!important; -moz-box-shadow: 1px 0 0 #000!important, inset 1px 0 0 #000!important; -webkit-box-shadow: 1px 0 0 #000!important, inset 1px 0 0 #000!important}
.pages li > a:first-child {box-shadow: -1px 0 0 #111!important; -moz-box-shadow: -1px 0 0 #111!important; -webkit-box-shadow: -1px 0 0 #111!important}
.pages li a:hover {background-color: #111!important}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top a, .spoiler_top a, .code_top a, .quote_top, .spoiler_top, .code_top {color: #8E1813!important; font-size: 10px!important; text-align: left!important; font-variant: small-caps!importat}
.quote {margin: 10pt 0 0; background-color: #111!important; color: #555!important; border: 1px solid #222!important; padding: 6px!important; align: justify!important}
.quote_top, .code_top {margin: 10pt 0 0}
.code {background-color: #111!important; color: #555!important; border: 1px solid #222!important; padding: 6px!important; align: justify!important}
.quote_top a {padding: 0 10px; background: transparent url('https://img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none; font-weight: bold}
.quote, .code {padding: 5px; margin-top: 0; font-size: 9pt; line-height: 120%; text-align: justify}
.quote, .code, .spoiler {font-size: 14px}

/* PROFILO */
header.profile {padding: 15px 0; color: #555}
.profile .avatar {border-radius: 20px; -moz-border-radius: 20px; border-width: 5px; margin-bottom: 20px; background-color: #111; width: 100px; border: 5px solid #222; height: 150px}
.profile .avatar img {border-radius: 20px; -moz-border-radius: 20px}
.u_nick {font-size: 25px; font-weight: bold; color: #8E1813}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 1px solid #8E1813}
.u_status {top: 150px; border: 3px solid #222; left: 51%}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #0}
.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: 1px solid #8A8A8A; 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: #333}
.user_online a, .groups_list a {font-weight: bold}
.groups_list {padding: 10px 5px}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

/* INPUT e BOTTONI */
.codebuttons {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #8E1813; color: #FFF; border: 1px solid #FFF; border-radius: 25px; -moz-border-radius: 25px}
.forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #000; color: #444; border: 1px solid #111; border-radius: 25px; -moz-border-radius: 25px}
/* 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: #111; color: #6A7748; border: 1px solid #1F1F1F; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #8E1813!important; border-color: #FFF!important; color: #000!important; text-shadow: 0 0 2px #0!important}
.textinput {margin: 10px 0; font-size: 14px; font-family: "Roboto", Trebuchet MS, Tahoma, sans-serif}
#send-button {font-size: 1em!important; margin: 3px!important; padding: 5px 8px!important; background-color: #8E1813!important; color: #FFF!important; border: 1px solid #FFF!important; border-radius: 25px!important; -moz-border-radius: 25px!important}
/* bagliore box-text */
.textinput:focus {outline: none; border-color: #222; box-shadow: #FFF; -moz-box-shadow: #FFF; -webkit-box-shadow: #FFF}

#mod_options {color: #444; border: 1px solid #1F1F1F; padding: 3px}
#send-button {background: #222; font-size: 15px; color: #666; font-weight: bold}

.buttons a {border-radius: 25px; -moz-border-radius: 25px; background-color: #111; color: #FFF; font-weight: bold; font-size: 14px; padding: 7px; border: 1px solid #FFF}
.buttons a:hover {border-radius: 25px; -moz-border-radius: 25px; background-color: #000; color: #FFF; text-shadow: 0 0 2px #FFF}

a.new-topic {border-radius: 25px; -moz-border-radius: 25px; background-color: #8E1813; color: #FFF; font-weight: bold; font-size: 14px; padding: 7px; border: 1px solid #FFF}
a.reply {border-radius: 25px; -moz-border-radius: 25px; background-color: #306819; color: #FFF; font-weight: bold; font-size: 14px; padding: 7px; border: 1px solid #FFF}
a.delete {border-radius: 25px; -moz-border-radius: 25px; background-color: #C25554; color: #FFF; font-weight: bold; font-size: 14px; padding: 7px; border: 1px solid #FFF}

/* SPINNER SCURO */
#spinner {background: rgba(0, 0, 0, .7); color: #FFF}
#pathspinner {stroke: #FFF}

/*CREDITS
by #deimos solo per campo-giove-gdr.forumfree.it
non copiare(neanche parzialmente) o usare i codes come base,
altrimenti vengo, ti lavo, ti asciugo, ti stiro al contrario e ti faccio uscire gli organi che hai dentro.
e ti porto in tribunale per plagio.
ossequi.
pace&amore /*