[MS] Annie

/* annie SKIN */
.table {margin: 0; background: #E3C9AC; padding: 2px}
.ttable {background: #B76441; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; padding: 8px; text-align: justify}
.ttitle {margin: 5px; text-align: center; font-weight: bold; font-size: 12px; font-family: calibri; text-transform: uppercase; color: #5E7E52; padding: 4px; background: #E3C9AC; border-bottom: 3px solid #5E7E52}


body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: rgba(0, 0, 0, .5); background-color: #405437; background-image: url('https://i.imgur.com/dcZ2LhI.png')}
a {color: #E3C9AC; text-decoration: none}
.last-post a *, .web * {color: #E3C9AC !important}

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



/* SIDEBAR */
.sidebar {background-color: #E3C9AC}
.sidebar a {color: #804E2F; font-size: 12px}
.sidebar li {line-height: normal; color: #E3C9AC}
.side_title, .side_title.side_close {background-color: #5E7E52; color: #E3C9AC; text-align: left; font-weight: normal; text-transform: uppercase; font-size: 12px}
.submenu > li strong {background: transparent; color: #5E7E52; text-align: left; font-weight: normal; text-transform: uppercase; font-size: 12px}
#openmod {color: #804E2F}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 1px solid #B76441}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #B76441}
.menu .nickname {font-weight: bold; font-size: 14px; color: #FFF}
.sidebar em {font-weight: bold; color: #FFF; background-color: #994F30}
/* login */
.login input {color: #FFFFFF; border: 1px solid #DDD}
.login input[type=submit] {background: #994F30; color: #FFFFFF; font-weight: bold} .login input[type=submit]:hover {background: #994F30}
/* cerca */
.search {background-color: #5E7E52; color: #FFFFFF}
.search input {-webkit-text-fill-color: #FFFFFF !important}


/* NAV */
.menuwrap_bg {background-color: #994F30}
.menuwrap em {background-color: #994F30}
/* nome forum */
#nav-title span {color: #E3C9AC; font-size: 12px; font-weight: normal; text-transform: uppercase}

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

/* SEZIONI */
.list-group {background: #E3C9AC; padding: 2px}
.list-group > * {background: #B76441; margin: 5px; padding: 8px}
.list-group .fast.send li {background: #E3C9AC !important}
.stats .list-group > *, .stats li, .stats .title, .list-group > *:nth-child(even) form {background: #E3C9AC !important}
.u_info dl, .u_friends {background: #E3C9AC !important; border-bottom: 1px solid #000}
.stats .title a, .stats .title {color: #5E7E52}
.list-group .tagboard-list, .tagboard, .tagboard form {background: #5E7E52 !important}
.tagboard .list-group > * {border: 0; margin: 2px}
.tagboard a {color: #E3C9AC} .tagboard span {color: #A6CE94}
.list-group .tagboard-list li {background: #4D6D40; padding: 3px}
.list-group .tagboard-list li:nth-child(even) {background: #5E7E52}
.title {text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #5E7E52; font-family: calibri; background: #E3C9AC !important; border-bottom: 3px solid #5E7E52}
.title a {color: #B76441}
.web a {font-size: 14px; font-weight: bold; text-transform: lowercase; color: #E3C9AC !important; letter-spacing: 1px}
.forum .web a {font-size: 14px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {font-size: 12px; color: rgba(255, 255, 255, .4)}
.last-post {color: #E3C9AC; font-size: small; padding: 1px 10px; background: rgba(0, 0, 0, .2)}
.board .last-post a, .board .last-post a * {font-size: 12px !important; font-weight: normal; color: #E3C9AC !important}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 10px; color: rgba(255, 255, 255, .4); font-family: consolas; letter-spacing: 1px}
span.timeago {color: rgba(255, 255, 255, .4) !important} .topic .timeago {color: #A27788}
.no-time {font-style: italic; color: rgba(255, 255, 255, .4)}
.popupago {text-align: center; background-color: #111; color: rgba(255, 255, 255, .4); border-radius: 5px}
/* sottosezioni */
.sub-link {font-size: 13px; color: rgba(255, 255, 255, .4)}
/* .on, .annuncio, .importante */
.on {background: #586843}
.annuncio {background-color: #994F30; border: 2px solid rgba(0, 0, 0, .1)}
.importante {background-color: #586843; border: 2px solid rgba(0, 0, 0, .1)}

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

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #111; color: #444; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #D98078}

/* DISCUSSIONI, ARTICOLI */
.post {background: #996352 !important; border: 3px solid #CCB59A}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #5B4A57}
.details div {padding: 0}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 13px}
.color {color: #000; text-align: justify}
.color a {font-weight: none; text-decoration: underline; letter-spacing: 0}
.edit {font-size: smaller; font-style: italic; color: #444}
.topic .option, .article .option {background-color: #825C50}
.topic .like {color: #A27788}
/* 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: #E3C9AC; color: #111; border-color: #CCB59A}
.info {background-color: #ABC69F; color: #111; border-color: #88AF76}
.success {background-color: #ABC69F; color: #111; border-color: #88AF76}
.alert a, .info a, .success a {color: #111; font-weight: bold}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #996352; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: rgba(0, 0, 0, .1)} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: rgba(0, 0, 0, .5)}

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

/* SONDAGGIO */
.poll-bar {background-color: #E3C9AC; border-radius: 2px; color: #EEE}
.poll-bar div {background-color: #CE7351; border-radius: 2px; color: #EEE}
.poll-max .poll-bar div {background-color: #5E7E52}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {background-color: #EBD9C5 !important}
.pages li a {color: #994F30; font-size: 14px; box-shadow: 1px 0 0 #E3C9AC, inset 1px 0 0 #E3C9AC}
.pages li a:hover {background-color: #EBD9C5; box-shadow: 1px 0 0 #E3C9AC, inset 1px 0 0 #E3C9AC}

/* CITAZIONI, SPOILER e CODICI annidati */
.code_top {margin: 10pt 0 0}
.quote_top, .code_top {font-size: 11px; color: #444; padding-left: 10px}
.code {font-size: 9pt; line-height: 120%; color: #111; background: #E3C9AC; font-family: 'Courier New', Sans-serif; border: 2px solid #E3C9AC; padding: 5px}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote {font-size: 9pt; line-height: 120%; color: #222; text-align: justify; background-color: #5D874B; border: 2px solid #658D54; padding: 5px}
.spoiler a {color: #000 !important; font-style: italic}

/* PROFILO */
header.profile {padding: 15px 0; color: #D98078}
.profile .avatar {border-width: 5px; margin-bottom: 20px; background-color: #D98078}
.avatar img {border-radius: 0}
.u_nick {font-size: 25px; font-weight: bold; color: #B76441}
.u_group {font-size: 12px; text-transform: uppercase}
.u_stats > table td {border-left: 1px solid #977C91}
.u_info a, .u_signature a {color: #997551}
.u_signature {color: #E3C9AC}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 0 solid #FF0000}
.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 #5B4A57; border-radius: 5px}
.friend_avatar img {border-radius: 5px}
.friend_nickname {background: #5B4A57; color: #EEE; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px}

/* STATISTICHE */
.stats {text-align: center; color: #444}
.groups_list {padding: 10px 5px}
.groups_list a {margin: 2px}
.user_online a:before, .groups_list a:before {color: #444; display: none}
.stats_list {text-align: left} .stats_list > li {padding: 1px 10px; font-weight: bold; border-top: 1px dashed #E6AFAA}
.stats_list a {color: #5E7E52}

/* COLORI GRUPPI */
.male {color: #5CA0D1; margin: 3px} .female {color: #CC6688; margin: 3px}
.utente {color: #B4946D}
.box_utente .details {border-bottom: 3px solid #CCB59A}

.online_users .where a {color: #E3C9AC}
.day_user_div_online a {padding: 2px 4px; margin: 3px}
.online_users .nickname {width: auto !important}

.amministratore {color: #7CAE73}
.moderatore {color: #63A4BA}

.gruppo1 {background: #F7E7D7; color: #111; padding: 2px 4px; border-radius: 5px; margin: 3px}
.box_gruppo1 .details {background: #F7E7D7; border-bottom: 3px solid #CCB59A}
.box_gruppo1 .details > a {color: #444}

.gruppo2 {background: #5E7E52; color: #FFF; padding: 2px 4px; border-radius: 5px; margin: 3px}
.box_gruppo2 .details {background-color: #5E7E52; border-bottom: 3px solid #CCB59A}
.box_gruppo2 .details > a {color: #FFF}

.gruppo3 {background: #759968; color: #FFF; padding: 2px 4px; border-radius: 5px; margin: 3px}
.box_gruppo3 .details {background-color: #759968; border-bottom: 3px solid #CCB59A}
.box_gruppo3 .details > a {color: #FFF}

.gruppo4 {background: #B77C6A; color: #FFF; padding: 2px 4px; border-radius: 5px; margin: 3px}
.box_gruppo4 .details {background-color: #B77C6A; border-bottom: 3px solid #CCB59A}
.box_gruppo4 .details > a {color: #FFFFFF}

.gruppo5 {background: #996352; color: #FFF; padding: 2px 4px; border-radius: 5px; margin: 3px}
.box_gruppo5 .details {background-color: #996352; border-bottom: 3px solid #CCB59A}
.box_gruppo5 .details > a {color: #FFFFFF}

/* INPUT e BOTTONI */
.codebuttons, .forminput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #4D6D40; color: #A6CE94; border: 2px solid #3B582F; border-radius: 3px}
.textinput {font-size: 1em; margin: 3px; padding: 5px 8px; background: #5E7E52; color: #A6CE94; border: 3px solid #4D6D40; border-radius: 3px}
.textinput::placeholder {color: #000}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 3px 5px; background-color: #AD8795; color: #38303D; border: 1px solid #38303D; border-radius: 10px}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #658D54; box-shadow: 0 0 2px #658D54}

#mod_options {color: #A6CE94; border: 1px solid #CCC; padding: 3px}
#send-button {background: #4D6D40; font-size: 12px; color: #A6CE94; font-weight: bold}

.buttons a, .bottom .buttons a {padding: 7px 0; background: #EBD9C5; color: #994F30; font-weight: bold; font-size: 12px; text-transform: uppercase}

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