Advanced Member
- Group
- Pizzette
- Posts
- 2,639
- Location
- provenienza
- Status
- Anonymous
|
| |
[MS] peaches
ϟ Autori: sotired (skin base di #fishbone) 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 ϟ Non cambiate i colori della skin senza PRIMA averci chiesto il permesso. ϟ Per eventuali modifiche chiedete in questo topic!ϟ Per prelevare avvisa qui!
INSERITE I CODICI IN AMMINISTRAZIONE > GRAFICA > MOBILE/APP
Volete inserire una tabella in homepage nella versione mobile intonata alla skin? Inserite questo (credits già presenti)
CODICE HTML
CODICE <div class="table"><div class="ttitle">prova titolo tabella</div> <div class="ttable">inserisci quello che vuoi in questa tabella, bla bla bla<br><br><div style="text-transform: uppercase; font-size: 11px"><span style="font-weight: bold">peaches</span> skin mobile © <a href="https://fuckyeah.blogfree.net/?act=Profile&MID=388924">sotired</a></div></div></div>
se NON volete la tabella, inserite i credits
CODICE <div style="background: #FFCA8C; padding: 2px; width: auto; text-transform: uppercase; font-size: 11px; text-align: center"><span style="font-weight: bold">peaches</span> skin mobile © <a href="https://fuckyeah.blogfree.net/?act=Profile&MID=388924">sotired</a></div>
COLORI E STILI
CODICE /* peaches MOBILE SKIN sotired */
body {font: 14px/150% calibri; color: #444; background: url(https://i.imgur.com/UFvtWmd.png)}
a {color: #4C7A6D; text-decoration: none} a:hover {color: #FFEDED}
.last-post a *, .web * {color: #AC4F48 !important}
.footer {color: #333}
.footer a {font-weight: bold; color: #333}
/* SIDEBAR */
.sidebar {background: #F5CCC6}
.sidebar a {color: #D37758}
.sidebar li {line-height: normal; color: #D37758}
.side_title, .side_title.side_close, .side_title #tab_queue {background: #E79796 !important; color: #FFF !important; border: none}
.submenu > li, .login > li, #ff_links {background: #FAB66B; margin: 3px 0; border-right: 5px solid #FFCA8C}
.submenu li strong {color: #FFF}
#ff_links, .search {border: 0}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #FFF}
.sidebar em {font-weight: bold; color: #FFF; background-color: #FFF}
/* login */
.login input {background: #E79796; color: #444; border: none}
.login input[type=submit] {background: #E79796; color: #FFF; font-weight: bold} .login input[type=submit]:hover {background: #E79796}
/* cerca */
.search {background: #E79796}
.search input {color: #FFF; -webkit-text-fill-color: #FFF}
/* NAV */
.menuwrap_bg {background-color: #E79796}
.menuwrap em {background-color: #E79796}
/* nome forum */
#nav-title span {color: #FFF; font-size: 18px; font-weight: normal}
/* HEADER, LOGO */
.header {background: #F5CCC6}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover}
/* tagboard */
.tagboard .title {border: none !important; margin-top: 5px !important}
.tagboard .nickname a {color: #FFF}
.list-group .tagboard-list {background: #FFCA8C; border: none; border-bottom: 3px solid #FFCA8C}
.list-group .tagboard-list li {margin: 5px 8px; border: none}
.list-group .tagboard-list li:nth-child(odd) {background: #E59073}
.list-group .tagboard-list li:nth-child(even) {background: #9EA189}
.tagboard .list-group > * {box-shadow: none; border-left: none; border-right: none; margin: 0}
.tagboard form {background: #E79796; border-bottom: 3px solid #DAAD79; border-left: 3px solid #DAAD79; border-right: 3px solid #DAAD79; margin: 0; box-shadow: none}
.tmsg a {background: #F5CCC6; border-radius: 4px 22px/22px 4px; color: #111 !important; padding: 2px 6px; letter-spacing: 1px}
.tmsg b {color: #B2645E !important; padding: 1px 3px}
.tmsg u {color: #444 !important; background: rgba(0, 0, 0, .1); padding: 2px 5px; border-radius: 22px 4px/4px 22px}
/* SEZIONI */
.list-group {background: #F5CCC6; padding: 5px; box-shadow: none; margin: 0 5px}
.list-group > * {background: #FAB66B; margin: 0 8px; padding: 8px; border-bottom: 1px dotted rgba(0, 0, 0, .15); border-left: 5px solid #C6C09C; border-right: 5px solid #C6C09C; box-shadow: 5px 0 #FFCA8C, -5px 0 #FFCA8C, 8px 0 #DAAD79, -8px 0 #DAAD79}
.list-group > .g_last {border-bottom: 5px solid #C6C09C; box-shadow: 5px 0 #FFCA8C, -5px 0 #FFCA8C, 0 5px #FFCA8C, -5px 5px #FFCA8C, 5px 5px #FFCA8C, 8px 0 #DAAD79, -8px 0 #DAAD79, 0 8px #DAAD79, -8px 8px #DAAD79, 8px 8px #DAAD79; margin-bottom: 5px}
li.top div.buttons {background: #FFCA8C; border-left: 5px solid #C6C09C; border-right: 5px solid #C6C09C; box-shadow: 5px 0 #FFCA8C, -5px 0 #FFCA8C, 8px 0 #DAAD79, -8px 0 #DAAD79}
li.bottom div.buttons {border-left: 5px solid #C6C09C; border-right: 5px solid #C6C09C}
li.bottom {border-bottom: 5px solid #C6C09C; background: #FFCA8C; box-shadow: 5px 0 #FFCA8C, -5px 0 #FFCA8C, 0 5px #FFCA8C, -5px 5px #FFCA8C, 5px 5px #FFCA8C, 8px 0 #DAAD79, -8px 0 #DAAD79, 0 8px #DAAD79, -8px 8px #DAAD79, 8px 8px #DAAD79; margin-bottom: 8px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-family: bitter; font-weight: bold; font-size: 12px; color: #2E191D; text-transform: uppercase; letter-spacing: 2px; border-bottom: 5px solid #C6C09C !important; padding: 0; background: #FFCA8C; box-shadow: 5px 0 #FFCA8C, -5px 0 #FFCA8C, 0 -4px #DAAD79, -8px 0 #DAAD79, 8px 0 #DAAD79, -8px -4px #DAAD79, 8px -4px #DAAD79; border: none; margin-top: 20px}
.web a {font-size: 16px; font-family: calistoga} .forum .web a {font-size: 15px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: rgba(0, 0, 0, .5) !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: #535353}
span.timeago {color: rgba(0, 0, 0, .5) !important; text-transform: uppercase; font-size: 10px} .topic .timeago {color: rgba(0, 0, 0, .5)}
.no-time {font-style:italic; color: rgba(0, 0, 0, .5)} .timeago:before {display: none}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px}
/* sottosezioni */
.sub-link {font-size: 13px; color: #333}
/* .on, .annuncio, .importante */
.on {color: #FFF}
.annuncio {background: #E79796} .importante {background: #EDA06A}
.annuncio .web a, .importante .web a {text-transform: uppercase}
/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #79917B !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 #DDD}
.mp .color {border-bottom: 5px solid #C6C09C}
/* DISCUSSIONI, ARTICOLI */
.post {border-left: 5px solid #C6C09C; border-right: 5px solid #C6C09C; box-shadow: 5px 0 #FFCA8C, -5px 0 #FFCA8C, 8px 0 #DAAD79, -8px 0 #DAAD79; margin: 8px !important}
li.post {margin-bottom: 0 !important; margin-top: 0 !important}
.details a {font-size: 14px consolas; padding: 0 2px; font-weight: bold; color: #FFF}
.cancelled {font-size: 14px; font-weight: bold; color: #FFF; padding-left: 5px; font-weight: normal; color: #444}
.topic .group {font-size: 11px; text-transform: uppercase}
.color {font-size: 12px; font-family: helvetica; line-height: 130%; padding-right: 5px; text-align: justify}
.color i {font-family: constantia; font-size: 14px}
.color u {font-family: arial; font-weight: bold; font-size: 11px}
.color b {font-weight: 900; font-family: georgia; color: #222}
.color del {color: #888}
.color a {color: #FFF; font-weight: bold; background: #6E8B75; padding: 3px 5px; border-radius: 10px}
.color hr {height: 0; border: 0; border-top: 1px dashed #BBB}
.edit {font-size: 10px; font-style: italic; color: rgba(0, 0, 0, .2)}
.topic .option, .article .option {background: #FAB66B; text-transform: uppercase; font-size: 10px}
.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 {padding: 1em; background: #DC9965 !important; border: 5px solid rgba(255, 255, 255, .07); color: #FFDAAF !important; font: 11px helvetica; font-weight: bold; margin: 5px}
.info, .success {padding: 10px; background: #C6C09C !important; color: #605939 !important; font: 11px helvetica; line-height: 140%; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .3); border: 5px solid #A8A17A}
.alert a, .info a, .success a {color: #FFF; text-transform: uppercase; background: none}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: #FAB66B; border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: rgba(0, 0, 0, .2)} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #444}
/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}
/* SONDAGGIO */
.poll-bar {background-color: transparent; border-radius: 2px; color: #FFF}
.poll-bar div {background-color: #E59073; border-radius: 2px 4px 4px 2px; color: #FFF}
.poll-max .poll-bar div {background-color: #9EA189}
/* PAGINAZIONE */
.pages {border-left: 5px solid #C6C09C; border-right: 5px solid #C6C09C; box-shadow: 5px 0 #FFCA8C, -5px 0 #FFCA8C, 8px 0 #DAAD79, -8px 0 #DAAD79; background-color: #FAB66B !important; margin: 0 0 0 0}
.pages .nolink:hover, .pages li a:hover {background: #FFCA8C}
.pages li a {color: #666; font-size: 12px} .pages li {box-shadow: 2px 0 #FFCA8C}
li.last {box-shadow: none}
/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .code_top {margin: 10pt 0 0; font-size: 11px; padding-left: 7px}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote_top b, .code_top b {font-weight: bold !important; font: 10px helvetica; letter-spacing: 1px}
.quote {padding: 15px; background: #E79796 !important; font-size: 11px !important; font-family: arial; line-height: 130%; color: #FAFAFA; text-align: justify; border: 1px solid rgba(0, 0, 0, .1); box-shadow: inset 0 0 0 5px #FAB66B}
.quote a {color: #E6AFAA !important; background: #38303D}
.code, .spoiler .code .code {padding: 15px; font: 10px consolas; font-weight: normal; color: #111; text-align: justify; border: 6px solid #E59073 !important}
.spoiler .code {padding: 12px 6px; font-size: 11px; font-family: helvetica; line-height: 140%; font-weight: normal; font-style: initial; border: 0 !important; background: #C6C09C !important; box-shadow: none !important; color: #526859}
/* PROFILO */
header.profile {padding: 15px 0; color: #FFF; background: #FFCA8C}
.profile .avatar {border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #FFF}
.profile .avatar {border: 5px solid #FFCA8C !important; box-shadow: 0 0 0 10px #9EA189}
.u_nick {font-size: 25px; font-weight: bold; color: #D2706D}
.u_group {font-size: 15px}
.u_stats {margin: 10px 8px 20px 8px; border: 5px solid #C6C09C; box-shadow: 0 0 0 5px #FFCA8C, 0 0 0 8px #DAAD79}
.u_stats > table td {border-left: 1px solid #DDD}
.profile .title {margin: 0 8px; border: none !important}
li.u_info, li.u_signature, li.u_friends {margin: 0 8px; border: 5px solid #C6C09C}
li.u_info, li.u_signature {margin-bottom: 20px; box-shadow: 5px 0 #FFCA8C, 8px 0 #DAAD79, -5px 0 #FFCA8C, -8px 0 #DAAD79, 0 5px #FFCA8C, 5px 5px #FFCA8C, -5px 5px #FFCA8C, 0 8px #DAAD79, 8px 8px #DAAD79, -8px 8px #DAAD79}
.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}
.friend_avatar img {border-radius: 5px}
.friend_nickname {background: #222; color: #FFF; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px}
/* STATISTICHE */
.stats {background: #C6C09C; text-align: center; color: #444; margin: 5px 10px; border: 3px solid #8AA38D; box-shadow: -5px 0 #F5CCC6, 5px 0 #F5CCC6, 0 5px #F5CCC6, -5px 5px #F5CCC6, 5px 5px #F5CCC6, -5px -5px #F5CCC6, 5px -5px #F5CCC6}
.stats .title {background: #8AA38D; color: #F9D0A5; height: auto; font-size: 12px} .stats .title a {color: #F9D0A5}
.stats .title, .user_online, .stats_bottom {box-shadow: none !important}
.groups_list {padding: 10px 5px}
.user_online a, .groups_list a {margin: 2px}
.user_online a:before, .groups_list a:before {display: none}
.stats_list {display: flex; flex-wrap: wrap; font-size: 12px; text-transform: uppercase; justify-content: space-between} .stats_list > li {padding: 3px 10px; font-weight: bold} .stats_list span {margin-left: 2px}
.stats_bottom {margin-bottom: 5px}
.user_online, .stats_bottom {background: #C6C09C; border-bottom: 5px solid #C6C09C; box-shadow: 5px 0 #C6C09C, -5px 0 #C6C09C, 0 5px #C6C09C, 8px 0 #DAAD79, -8px 0 #DAAD79, 0 8px #DAAD79}
/* COLORI GRUPPI */
.male {color: #5CA0D1} .female {color: #CC6688}
.amministratore {color: #7CAE73; font-weight: bold}
.box_amministratore .details {background-color: #D7EBAD}
.box_amministratore .details > a {color: #5C9B4D}
.moderatore {color: #63A4BA; font-weight: bold}
.box_moderatore .details {background-color: #D2F0EE}
.box_moderatore .details > a {color: #4092AD}
.utente, .daconvalidare {color: #755461; font-size: 12px}
.box_utente .details {background: #FAB66B}
.box_utente .details > a {background: #DC9965; color: #FFF; font: 12px consolas; text-transform: uppercase; border-radius: 4px 22px / 22px 4px; padding: 2px 4px}
.online_users .nickname {width: auto}
.gruppo1 {background: #FAB66B; font: 11px consolas; text-transform: uppercase; color: #111; border-radius: 4px 22px / 22px 4px; padding: 2px 3px}
.box_gruppo1 .details {background: #FAB66B}
.box_gruppo1 .details > a {background: #759580; text-transform: uppercase; border-radius: 4px 22px / 22px 4px; padding: 2px 4px}
.gruppo2 {background: #8AA38D; font: 11px consolas; text-transform: uppercase; color: #FFF; border-radius: 4px 22px / 22px 4px; padding: 2px 3px}
.box_gruppo2 .details {background-color: #FAB66B}
.box_gruppo2 .details > a {background: #C66F42; text-transform: uppercase; border-radius: 4px 22px / 22px 4px; padding: 2px 4px}
.gruppo3 {background: #DA7C7A; font: 11px consolas; text-transform: uppercase; color: #FFF; border-radius: 4px 22px / 22px 4px; padding: 2px 3px}
.box_gruppo3 .details {background-color: #FAB66B}
.box_gruppo3 .details > a {background: #DA7C7A; text-transform: uppercase; border-radius: 4px 22px / 22px 4px; padding: 2px 4px}
.gruppo4 {background: #E79796; font: 11px consolas; text-transform: uppercase; color: #FFF; border-radius: 4px 22px / 22px 4px; padding: 2px 3px}
.box_gruppo4 .details {background-color: #FAB66B}
.box_gruppo4 .details > a {background: #B5AE8B; text-transform: uppercase; border-radius: 4px 22px / 22px 4px; padding: 2px 4px}
.gruppo5 {background: #C6C09C; font: 11px consolas; text-transform: uppercase; color: #111; border-radius: 4px 22px / 22px 4px; padding: 2px 3px}
.box_gruppo5 .details {background: #FAB66B}
.box_gruppo5 .details > a {background: #C6C09C; text-transform: uppercase; color: #111; border-radius: 4px 22px / 22px 4px; padding: 2px 4px}
.gruppo6 {background: #EEEEEE; font: 11px consolas; text-transform: uppercase; color: #222; border-radius: 4px 22px / 22px 4px; padding: 2px 3px}
.box_gruppo6 .details {background: #FAB66B}
.box_gruppo1 .details > a {background: #EEE; text-transform: uppercase; color: #222; border-radius: 4px 22px / 22px 4px; padding: 2px 3px}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background: #F5CCC6; color: #222; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px}
.codebuttons {font-size: 11px; text-transform: uppercase}
/* 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: #F5CCC6; color: #222; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px}
.textinput {margin: 10px 0; font-size: 16px; border: 3px solid rgba(255, 255, 255, .2)}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: rgba(255, 255, 255, .5); box-shadow: 0 0 2px rgba(255, 255, 255, .5)}
#mod_options {color: #777; border: 1px solid #CCC; padding: 3px}
#send-button {background: #F5CCC6; font-size: 12px; color: #222; font-weight: bold}
.buttons {padding: 10px}
.buttons a {padding: 7px 0; background-color: #E59073; color: #F5CCC6; border: 2px solid #FFCA8C; box-shadow: 0 0 0 3px #E59073; font-size: 12px; text-transform: uppercase; font-weight: bold}
a.new-topic, a.reply, a.delete, .only-back a {background-color: #E59073; color: #F5CCC6; border: 2px solid #FFCA8C; box-shadow: 0 0 0 3px #E59073}
div.no-login-tag {background: #E79796; border-bottom: 3px solid #DAAD79; border-left: 3px solid #DAAD79; border-right: 3px solid #DAAD79; margin: 0; box-shadow: none}
/*fonts*/
@font-face {font-family: 'Calistoga';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Calistoga Regular'), local('Calistoga-Regular'), url(https://fonts.gstatic.com/s/calistoga/v1/6NUU8F2OJg6MeR7l4e0fvMwB8dQ.woff2) format('woff2');
unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Calistoga';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Calistoga Regular'), local('Calistoga-Regular'), url(https://fonts.gstatic.com/s/calistoga/v1/6NUU8F2OJg6MeR7l4e0fvcwB8dQ.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Calistoga';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Calistoga Regular'), local('Calistoga-Regular'), url(https://fonts.gstatic.com/s/calistoga/v1/6NUU8F2OJg6MeR7l4e0fs8wB.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}
/* latin-ext */
@font-face {font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Bitter Regular'), local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v15/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Bitter Regular'), local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v15/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}
Edited by sotired - 20/6/2021, 10:11
|
|
ϟ Autori: sotired (skin base di #fishbone)