-
.
Rome mobile skin
ϟ Autori: #fishbone & jasoo
Termini di utilizzo:
ϟ Lasciate i credits.
ϟ Non usate la skin come base per creare le vostre
ϟ il logo NON è incluso nelle parti prelevabili.
ϟ Non cambiate i css in modo vistoso (si: logo, sfondo, colore dei gruppi, targhette on/off/stats/users,)
ϟ Non cambiate i colori della skin senza PRIMA averci chiesto il permesso.
ϟ Per eventuali modifiche chiedete in questo topic!
ϟ Per prelevare avvisa qui!
PRIMA DI COPIARE IL CODE, INSTALLATE UNA SKIN COL NUOVO LAYOUT DAL PANNELLO!
MODIFICA CODICE HTML (nella homepage)CODICE"sweater weather" mobile skin © <a href="https://fuckyeah.blogfree.net/?act=Profile&MID=67163">#fishbone</a>&<a href="https://fuckyeah.blogfree.net/?act=Profile&MID=1007689">jasoo</a> @fuckyeah.
MODIFICA COLORI E STILI (mobile/app)CODICE/* ROME SKIN */
body {font: 13px constantia; color: #777; background-color: #333535}
a {color: #B76335; text-decoration: none} a:hover {color: #A84D4D}
.last-post a * {color: #8A2D2D !important}
.footer {color: #333}
.footer a {font-weight: bold; color: #333}
/* code per regolamenti */
.boxhead {padding: 3px 0; margin: 5px 10px; margin-bottom: 0; background-size: cover; height: 300px; background-position: center}
.title1 {font-family: arial; font-size: 20px; text-transform:lowercase; font-variant: small-caps; text-align:center; line-height: 110%; border: 2px solid; color: #1C1C1C; padding: 10px 20px; margin: 5px 20px; font-weight: bold}
.title1:before {content: " › "}
.title02 {font-family: 'montserrat'; letter-spacing: 1px; font-size: 12px; font-weight: 800; background: rgba(0, 0, 0, .15); color: #CFF; padding: 0 20px; text-transform: uppercase}
.box1 {line-height: 120%; margin: auto; text-align: justify; font-family: arial; font-size: 10pt; background: rgba(0, 0, 0, .2); padding: 5px; margin: 6px 10px}
.box2 {padding: 5px 20px; margin: 0; line-height: 120%; margin: auto; text-align: justify; font-family: arial; font-size: 10pt}
.box1 b, .box2 b {color: #FFF}
.cella1 {background: rgba(0, 0, 0, .1); padding: 2px 4px}
.cella2 {background: rgba(255, 255, 255, .08); padding: 2px 4px}
.linkss a {display: inline-block; padding: 1px 5px; font-size: 9px; font-family: calibri; text-align: center; text-transform: uppercase; background-color: #993F30;
color: #DC9E3A !important; float: center; text-shadow: none !important; white-space: nowrap; font-weight: bold; overflow: hidden; text-overflow: ellipsis; margin: 1px !important}
.linkss a:hover {transition: all 1s; transition: all 0.7s; transition-timing-function: ease-in-out; background: #BB2831; color: #C7DBD3 !important}
/* SIDEBAR */
.sidebar {background-color: #1C1C1C}
.sidebar a {color: #B9B9B9}
.sidebar li {line-height: normal; color: #999}
.side_title {background-color: #993F30;
color: #DC9E3A;
text-align: center;
font-weight: bold;
font-family: constantia;
border-bottom: 1px solid #101010}
.submenu > li, .login > li, #ff_links, .search {border: 5px solid #1F1F1F}
#ff_links, .search {border-top: 0}
.search input {color: #B76335;
background: #0A0A0A}
.search input {width: 100%;
height: 45px;
background-position: 222px 18px;
outline: 0;
text-align: center;
font: 14px arial;
font-weight: bold;
-webkit-text-fill-color: #8E5333;
padding: 5px}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #B76335}
.sidebar em {font-weight: bold; color: #FFF; background-color: #B76335}
/* login */
.login input {color: #444; border: 1px solid #111}
.login input[type=submit] {background: #0085B2; color: #FFF; font-weight: bold} .login input[type=submit]:hover {background: #006789}
/* cerca */
.search {background-color: #FFF}
.search input {color: #999}
/* NAV */
.menuwrap_bg {background-color: #B76335; border-bottom: 1px solid rgba(0, 0, 0, .2)}
.menuwrap em {background-color: #BCE8F1}
/* nome forum */
#nav-title span {color: #111; font-size: 18px; font-weight: normal}
/* HEADER, LOGO */
.header {background: #111}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover}
/* SEZIONI */
.list-group {background: #222;
margin: 5px;
border: 7px solid #151515}
.list-group .last-post {background: #111;
padding: 5px;
border: 2px solid rgba(0, 0, 0, .1)}
.list-group .bottom {padding-bottom: 10px}
.list-group > *, .stats_bottom li, .u_info dl {border: 1px solid transparent; border: 5px solid #DC9E3A; background: #222; padding: 8px}
.tagboard .list-group > * {background: #C18A30}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center;
font-weight: bold;
font-size: 14px;
padding: 8px;
color: #F5BF68;
background-color: #9F4631;
border: 4px solid #7C3322;
border-left: 0;
border-right: 0}
.title a {background: #F5BF68; color: #111; padding: 1px 5px; border-radius: 5px}
.web a {font-size: 17px; font-weight: bold; font-family: constantia; color: #993F30}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #999 !important}
.board .last-post a, .board .last-post a * {font-size: 10px !important; font-weight: bold}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font: 10px calibri; text-transform: uppercase; color: #888}
span.timeago {color: #999 !important;
font-size: 8px;
font-family: helvetica;
letter-spacing: 1px;
text-transform: uppercase} .topic .timeago {color: #666}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px}
/* sottosezioni */
.sub-link {font-size: 12px; color: #AAA}
/* .on, .annuncio, .importante */
.on {border-color: #B63528; background: #CB3B2C; color: #CCC}
.on > * {color: #CCC}
.on .web a {color: #FFF}
.annuncio {background: #B63528}
.annuncio .web a, .importante .web a {color: #111}
.importante {background: #8A2D2D}
/* SELEZIONE RIGA: Moderazione */
li.selected {background: rgba(77, 183, 229, 0.7) !important; color: #FFF !important} .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 #DC9E3A}
/* DISCUSSIONI, ARTICOLI */
.post {border: 5px solid #DC9E3A}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #B76335}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .8); font: 9px calibri; text-transform: uppercase; margin-top: 2px}
.color {color: #AAA; 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: #1C1C1C; border-top: 1px solid #DC9E3A}
.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 {border: 6px solid rgba(0, 0, 0, .1); color: #111 !important; background: #DC9E3A; font-family: helvetica; text-transform: uppercase; font-weight: bold}
.info, .success {border: 6px solid rgba(0, 0, 0, .1); color: #F5BF68 !important; background: #9F4631; font-family: helvetica; text-transform: uppercase; font-weight: bold}
.alert a, .info a, .success a {color: #FFF; text-decoration: none; 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: #1C1C1C; border: 1px solid #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: #CCC} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #333}
/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}
/* SONDAGGIO */
.poll-bar {background-color: #D0E3ED; border-radius: 2px; color: #002C44}
.poll-bar div {background-color: #68BADD; border-radius: 2px 4px 4px 2px; color: #003A54}
.poll-max .poll-bar div {background-color: #088CC8}
/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid #222; background-color: #111 !important}
.pages li a {color: #B76335; font-size: 17px; box-shadow: 0 0 !important}
.pages li a:hover {background-color: #8A2D2D}
/* CITAZIONI, SPOILER e CODICI annidati */
.quote, .code {margin: 10pt 0 0; border: 5px solid #111; background: #222; padding: 5px}
.quote_top, .code_top {font-size: 11px; color: #CB3B2C; padding-left: 7px}
.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, .code {font-size: 9pt; line-height: 120%; color: #777}
.quote {text-align: justify}
/* PROFILO */
header.profile {padding: 15px 0; color: #999}
.profile .avatar {border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #111}
.u_nick {font-size: 25px; font-weight: bold; color: #CB3B2C}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 0}
.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 3px solid #111}
.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 #111; border-radius: 5px}
.friend_avatar img {border-radius: 5px}
.friend_nickname {background: #CB3B2C; color: #EEE; font-size: 10px; line-height: 15px; text-align: center; 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}
.li.user_online, .li.stats_bottom {border: 5px solid #111 !important}
.stats_bottom li {border: 2px solid #111}
/* COLORI GRUPPI */
.amministratore {color: #DC9E3A; border-radius: 4px; padding: 1px 4px; font-weight: bold}
.box_amministratore .details {background-color: #DC9E3A}
.box_amministratore .details > a {color: #1C1C1C}
.moderatore {color: #CC7333; border-radius: 4px; padding: 1px 4px; font-weight: bold}
.box_moderatore .details {background-color: #CC7333}
.box_moderatore .details > a {color: #FFF}
.gruppo1 {color: #DC9E3A; border-radius: 4px; padding: 1px 4px; font-weight: bold}
.box_gruppo1 .details {background-color: #DC9E3A}
.box_gruppo1 .details > a {color: #1C1C1C}
.gruppo2 {color: #CC7333; border-radius: 4px; padding: 1px 4px; font-weight: bold}
.box_gruppo2 .details {background-color: #CC7333}
.box_gruppo2 .details > a {color: #EDB65E}
.gruppo3 {color: #B63528; border-radius: 4px; padding: 1px 4px; font-weight: bold}
.box_gruppo3 .details {background-color: #B63528}
.box_gruppo3 .details > a {color: #EDB65E}
.gruppo4 {color: #AAA; border-radius: 4px; padding: 1px 4px; font-weight: bold}
.box_gruppo4 .details {background-color: #7B2626}
.box_gruppo4 .details > a {color: #EDB65E}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background: #111;
border: 5px solid #333; color: #999}
/* 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: #888; border: 5px solid rgba(0, 0, 0, .3); border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #8A2D2D; border-color: #7B2626; color: #FFF}
.textinput {margin: 10px 0; font-size: 16px}
#mod_options {color: #777; border: 1px solid #111; padding: 3px}
#send-button {background: #1C1C1C; font-size: 15px; color: #444; font-weight: bold}
.buttons a {padding: 7px 0; background-color: #111; font-weight: bold; font-size: 14px}
.buttons a:hover {opacity: .8}
a.new-topic {background-color: #B76335; color: #FFF}
a.reply {background-color: #B76335; color: #FFF}
a.delete {background-color: #C00; color: #FFF}
.only-back a {border: 1px solid #111}
#left .side_title {text-align: center;
color: #DC9E3A !important}
.tagboard-list {height: 200px;
overflow: auto;
margin: 0;
color: #111;
padding: 0!important}
.tagboard-list a {color: #8A2D2D}
.underheader {max-width: 100%;
background: #222;
color: #B76335 !important;
white-space: nowrap;
font: 11px arial!important;
font-weight: bold;
padding-bottom: 8px}
.underheader a {color: #B76335 !important; text-shadow: none !important}
.underheader a:hover {border-color: #111}
.topic .avatar {width: 40px;
height: 40px;
border-radius: 40px;
vertical-align: top;
margin: -7px 5px 0 0;
float: left;
box-shadow: 0 0 !important}
.avatar {display: inline-block;
text-align: center;
border: 5px solid rgba(0, 0, 0, .3)}.