Advanced Member
- Group
- Pizzette
- Posts
- 2,639
- Location
- provenienza
- Status
- Anonymous
|
|
[MS] crazy-assed cosmonaut
ϟ 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">crazy-assed cosmonaut</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">crazy-assed cosmonaut</span> skin mobile © <a href="https://fuckyeah.blogfree.net/?act=Profile&MID=388924">sotired</a></div>
COLORI E STILI
CODICE /* crazy-assed cosmonaut mobile skin sotired */ body {font: 13px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #666; background: url('https://i.imgur.com/lhnVhRf.png'), #EEE} a {color: #8A699B; text-decoration: none} .last-post a *, .web * {color: #FFF !important}
.footer {color: #333} .footer a {font-weight: bold; color: #333}
#emoticon.hide, #poll.hide, #allegati.hide {display: none} .emoji_tab {background: #BEDDD9; border-top: 0} .emoji_content, .emoji_container {background: #BEDDD9}
*::placeholder {font-size: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px}
/* scrollbar */ *::-webkit-scrollbar {width: 0 !important} *::-webkit-scrollbar {-webkit-appearance: none; width: 7px; height: 3px} *::-webkit-scrollbar-thumb {background-color: #BEDDD9; border: 2px solid rgba(0, 0, 0, .1); border-radius: 5px}
/* SIDEBAR */ .submenu .st-emoji-link-void strong {width: fit-content; text-align: center; display: inline !important; margin: 0 auto !important; padding: 2px !important; background: transparent !important; outline: none !important; border: none !important} /* num reazioni */
#about-scripts .submenu li strong {background: transparent; display: inline; outline: none; border: none; margin: 1px 2px; width: fit-content; padding: 0; color: #836285 !important} /* scripts */
#widget .submenu li a, #widget li>span {font-size: 10px !important} /* ultime disc */
.sidebar {background: #BEDDD9; font-family: constantia; text-transform: uppercase; font-size: 10px; font-weight: bold} .sidebar a, .submenu > li #openmod {color: #836285} .sidebar li {line-height: normal; color: #777} .side_title, .side_title.side_close, .submenu strong, .side_title #tab_queue {background: #D1BEDD; color: #FFF !important; border: 1px solid rgba(0, 0, 0, .1); margin: 3px 2px; outline: 3px solid #D1BEDD; letter-spacing: 1px} .submenu strong {display: block; margin: -5px -5px -5px -20px; padding: 10px} .submenu > li, .login > li, #ff_links, .search {border: 1px solid rgba(0, 0, 0, .1); margin: 3px 2px} #ff_links, .search {border-top: 0} .menu .user_details {background: #D1BEDD} .frequented_sites {width: auto !important}
strong.msg {background: #FEBA9E; color: #FFF; padding: 0 3px; display: inline-flex; width: fit-content} .sidebar strong.msg {margin-left: auto; outline: none; border: none; padding: 2px 3px} /* menu utente */ .menu > li {color: #999} .menu .nickname {font-weight: bold; color: #836285} li.user_details a.nickname {font-size: 12px; font-family: constantia} li.user_details {width: -webkit-fill-available} .sidebar em {font-weight: bold; color: #FFF; background-color: #09C} .menu .user_details .avatar {border: 5px solid #A1E0D6; box-shadow: 0 0 0 2px #EEE} .user_details .avatar img {border-radius: 0} /* login */ .login input {color: #444; border: 2px solid rgba(0, 0, 0, .1); -webkit-text-fill-color: #444} .login input[type=submit] {background: #EEE; color: #444; font-weight: bold; -webkit-text-fill-color: #444} .login input[type=submit]:hover {background: #EEE} /* cerca */ .search {background: #EEE; border: 2px solid rgba(0, 0, 0, .1)} .search input {color: #444; background: none; -webkit-text-fill-color: #444}
/* NAV */ .menuwrap_bg {background-color: #D1BEDD} .menuwrap em {background-color: #D1BEDD} /* nome forum */ #nav-title span {color: #FFF; font-size: 12px; font-weight: bold; letter-spacing: .5px; font-family: constantia; text-transform: uppercase}
/* HEADER, LOGO */ .header {background: transparent} .underheader {padding-top: 0; bottom: 0; text-transform: uppercase; font-size: 10px; text-shadow: none; background: #D1BEDD; height: 20px !important; line-height: 31px} .underheader a {text-shadow: none; color: #836285 !important; font-family: constantia; font-weight: bold; letter-spacing: .5px; padding: 1px 3px} .logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover} #arrow_scroll {display: none !important}
/* tagboard */ .list-group .tagboard-list {box-shadow: none; background: #FEBA9E; margin: 0; border: none; border-top: 2px solid #F7A585; border-left: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(0, 0, 0, .1)} .tagboard-list li {background: #FEBA9E; border-bottom: 1px solid #EEE; font-size: 12px; line-height: 150%} .tagboard .textinput {background: #EEE; border: 2px solid rgba(0, 0, 0, .1)} .tagboard form {background: #FEBA9E} .no-login-tag {background: #FEBA9E !important; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-family: calibri; padding: 3px} .tagboard .codebuttons {border-radius: 0; background: #F7A585; border: 1px solid rgba(0, 0, 0, .1); font: 10px calibri; text-transform: uppercase} .tagboard .nickname a {color: #836285}
.tmsg a {background: #F28E6A; border-radius: 4px 22px/22px 4px; color: #FFF; padding: 2px 6px; letter-spacing: 1px} .tmsg b {color: #111; padding: 1px 3px} .tmsg u {color: #FFF; background: #F28E6A; padding: 2px 5px; border-radius: 22px 4px/4px 22px}
/* SEZIONI */ .list-group {background: #D1BEDD; border: 3px solid #EEE; margin: 13px 8px; box-shadow: 0 0 0 4px #E6D2F2; padding: 3px; text-align: center} .list-group > * {background-color: #BEDDD9; border-bottom: 0 solid #DDD; padding: 8px; text-align: left} .stats_bottom li, .u_info dl, .user_online {background: #EEE} .group-section[onclick^="toggle_group"] + li {border-top: 2px solid #FEBA9E} .stats_list > li:last-child {border-bottom: 0}
/* sottosezioni */ .sub-link {font-size: 13px; color: #333; display: none !important} .hide {display: block}
.title {text-align: center; font-weight: normal; font-size: 10px; letter-spacing: 1px; line-height: 10px; text-transform: uppercase; font-family: constantia; color: #999; padding: 8px; background: #EEE}
.topic .title {white-space: nowrap; width: 95%; overflow: hidden; text-overflow: ellipsis}
.web a {font-family: im fell dw pica; font-size: 16px; letter-spacing: 1px; font-weight: normal} .forum .web a {font-size: 15px} /* mantenere "!important" per evitare problemi di visualizzazione */ .desc, .desc * {color: #3C0932 !important; font: 10px cambria; font-style: italic; font-weight: normal; white-space: nowrap; width: 95%; overflow: hidden; text-overflow: ellipsis} .last-post {color: rgba(0, 0, 0, .7)} .board .last-post a, .board .last-post a * {font-size: 12px !important; font-weight: normal} .forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 10px; color: rgba(0, 0, 0, .7); font-family: calibri; text-transform: uppercase} .board .topics b, .board .replies b {background: rgba(255, 255, 255, .35); padding: 1px 4px; border-radius: 50px} span.timeago {color: rgba(0, 0, 0, 0.5); font-size: 8px; text-transform: uppercase; font-family: calibri; display: none} .topic .timeago {color: #666} .timeago:before {display: none} .no-time {font-style:italic; color: #999} .popupago {text-align: center; background-color: #FEBA9E; color: #FFF; border-radius: 5px}
/* sottosezioni */ .sub-link {font-size: 10px; text-transform: uppercase; font-family: calibri; color: #8A699B}
/* .on, .annuncio, .importante */ .on, .on a {color: #EEE} .annuncio {background: #C6A6D8; box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .2); color: #555} .importante {background: #FEBA9E; box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .2); color: #555} .annuncio a, .importante a {color: #FFF}
/* SELEZIONE RIGA: Moderazione */ li.selected {background: #AFBFBD !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !important}
/* MESSENGER */ #mp-option label, #mp-delete {background-color: #FEBA9E; color: #FFF; font-weight: bold; font-size: 10px} #mp-option label {border-right: 1px solid rgba(0, 0, 0, .5)}
/* DISCUSSIONI, ARTICOLI */ li.post {margin: -1px 7px} .post .details {background: #FEBA9E} .post .details a {font-family: im fell dw pica; font-size: 16px; letter-spacing: 1px; font-weight: normal; color: #FFF; width: -webkit-fill-available; border-bottom: 1px solid #F49E7C} .details a, .cancelled {font-size: 18px; font-weight: bold; color: #8A699B} .cancelled {padding-left: 5px; font-weight: normal; color: #444} .topic .group {color: rgba(0, 0, 0, .8); font-size: 10px; text-transform: uppercase; font-family: calibri} .topic .group:before {content: 'gruppo:'; color: #DD6333; font: 9px constantia; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin: 0 4px 0 0} .color {color: #555; text-align: justify; font-size: 13px; font-family: georgia} .color a {color: #E58159; font-weight: bold} .color hr {height: 4px; border: 1px solid transparent; background: #EEE; background: linear-gradient(to right, #FEBA9E, #D1BEDD)} .edit {font: 10px calibri; color: #999} .color b {color: #111} .color del {color: #888}
.topic .option, .article .option {background: #BEDDD9; text-transform: uppercase; font-family: calibri; font-size: 10px} .topic .like {color: #9F69C6}
.topic .avatar {border-radius: 0; padding: 4px; margin: -6px 20px 0 -6px; border: 2px solid #F49E7C; box-shadow: none} .topic .avatar img {border-radius: 0; width: 40px; height: 40px}
.topic li.bottom {margin: 10px 0 0 0} .profile li.bottom {margin: 0 0 5px 0}
/* 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: #DDD; color: #9F69C6; border: 4px solid #F2F2F2; box-shadow: 0 4px #F2F2F2; font-weight: bold} .info, .success {background: #E7DAEF; color: #3A87AD; border: 4px solid rgba(0, 0, 0, .2)} .alert, .info, .success {font: 11px helvetica; text-align: justify} .alert a, .info a, .success a {color: #FFF; text-decoration: none; font-weight: bold; width: fit-content; display: inline; padding: 0 3px; text-transform: uppercase} .alert a {background: #9F69C6} .info a, .success a {background: #FC9A76}
.notification {text-align: center !important} /* allegati */ .attachment {text-align: center; position: relative} .attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */ .topic .pop ul {background: #BEDDD9; border: 2px solid rgba(0, 0, 0, .2)} .topic .pop li, .pop #t_like {border-color: #CCC} .topic .pop li:last-child {border: 0} .topic .pop a {font-size: 10px; border: none; color: #333; text-transform: uppercase; font-family: calibri; padding: 6px 4px} .topic .pop .show-pop a:before {display: none}
.topic .votepost {margin-right: 12px !important} .pop .t_dislike:before {margin: 5px 0 0 -15px}
/* ONLINE, OFFLINE, ANONIMO */ .online, .offline, .anonimo {position: absolute; top: 17px; left: 65px; display: block; overflow: hidden; border-radius: 0; border: 2px solid rgba(0, 0, 0, .3); transform: rotate(45deg); width: 8px; height: 8px}
.online {background-color: #D1BEDD} .offline {background-color: #ABC6C3} .anonimo {background-color: #E58159}
/* SONDAGGIO */ .poll li {background: #EEE; font: 11px georgia; border: 1px solid rgba(0, 0, 0, .2); margin: 4px !important; outline: 4px solid #EEE} .poll li:last-child {border: 0} .poll-bar {background-color: #E1F4F2; border-radius: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)} .poll-bar div {background-color: #97D8D0; border-radius: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)} .poll-max .poll-bar div {background-color: #FC9A76}
/* PAGINAZIONE */ .pages, .pages .nolink:hover {border: 0 solid #CCC; background-color: transparent !important} .pages li {background-color: transparent !important; box-shadow: none; border: 1px solid rgba(0, 0, 0, .2); display: inline-block; width: 16%; margin: 0 4px} .pages li a {color: #8A699B; font-size: 11px; box-shadow: none} .pages li > a:first-child {box-shadow: none} .pages li.curr a {color: #34B59F} .pages li.curr {border: 0}
.pages .first span, .pages .prev span, .pages .next span, .pages .last span {background: transparent !important}
.pages .first span:after {content: '\f100'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px} .pages .prev span:after {content: '\f104'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px} .pages .next span:after {content: '\f105'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px} .pages .last span:after {content: '\f101'; color: #8A699B; font-family: 'FontAwesome'; font-size: 15px}
/* CITAZIONI, SPOILER e CODICI annidati */ .quote_top, .code_top, .spoiler_top {text-align: center; font-family: cambria; font-size: 9px; letter-spacing: 0; text-transform: uppercase} .quote_top b, .code_top b, .spoiler_top b {font-weight: normal; color: #FFF !important; letter-spacing: 1px; font-size: 10px}
.quote {background: #F7DACF !important; font: 12px constantia; line-height: 130%; color: #F48961; border: 3px solid #F2F2F2; box-shadow: 0 0 0 4px #F7DACF} .quote a {color: #FFF !important} .quote b {color: #E25522} .quote del {color: #CEBFB9}
.code, .spoiler .code .code {font: 11px consolas; font-weight: normal; color: #54C4B3; background: #E1F4F2 !important; border: 2px solid #7DD1C5 !important; box-shadow: 0 0 0 1px #F2F2F2 !important}
.spoiler .code {font-size: 11px; font-family: helvetica; line-height: 110%; font-weight: normal; font-style: initial; border: 0 !important; background: #E7DAEF !important; box-shadow: none !important; color: #8F73A0} .spoiler .code_top {border: 0; border-bottom: 2px solid #FFF; background: #E7DAEF; outline: 0 none; padding: 4px}
.quote, .code {text-align: justify; padding: 10px; margin-top: 0}
/* PROFILO */ header.profile {background: #EEE; padding: 15px 0; color: #000; box-shadow: none !important}
.profile {box-shadow: 0 0 0 4px #EEE}
.profile .avatar {border-radius: 0; border-width: 10px; margin-bottom: 10px; border: 10px solid #EEE; background-color: #EEE; width: 100px; height: 100px; box-shadow: 0 0 0 5px #BEDDD9} .profile .avatar img {border-radius: 0} .u_nick {font-size: 15px; font-weight: bold !important; color: #F28E6A; font: 16px constantia} .u_group {color: rgba(0, 0, 0, .8); font-size: 10px; text-transform: uppercase; font-family: calibri} .u_status {top: 115px !important; left: 57% !important; margin-left: 23px}
.u_stats {background: #EEE; margin: -4px; box-shadow: none; border: 0} .u_stats > table td {border-left: 1px solid #DDD}
li.u_info, li.u_signature, li.u_friends {margin: 0 -4px; border: 0; background: #EEE} .profile .title {background: transparent; color: #836285; 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: 0 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; display: none}
/* STATISTICHE */ .stats {text-align: left; color: #777; font-size: 12px; font-family: arial} .stats .title, .stats .title a {color: #E58159; text-align: left} .stats .title, .user_online {border-bottom: 0} .stats .title br {display: none} .groups_list {padding: 10px 5px} .user_online a:before, .groups_list a:before {color: #888} .stats_list {background: #EEE; text-align: left; display: flex; flex-wrap: wrap; font-size: 10px; text-transform: uppercase; justify-content: space-between} .stats_list > li {padding: 3px 10px; font-weight: bold} .stats_list span {margin-left: 5px}
.user_online a:before, .groups_list a:before {display: none} .online_users .nickname, .online_users .system, .online_users .timeago, .online_users .where {width: auto} .user_online a, .groups_list a {margin: 2px 4px; display: inline-block; font-size: 11px; text-transform: uppercase} .online_users .timeago {font-size: 8px}
/* COLORI GRUPPI */ .male {color: #5CA0D1} .female {color: #CC6688} .amministratore {color: #7CAE73; font-weight: bold} .moderatore {color: #63A4BA; font-weight: bold}
.utente, .daconvalidare, .topmembers {font-size: 10px !important}
.gruppo1 {background: #FFB091; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase} .gruppo2 {background: #C8ADDB; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase} .gruppo3 {background: #97D8D0; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase} .gruppo4 {background: #F7DACF; color: #FC9A76 !important; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase} .gruppo5 {background: #E7DAEF; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #B07ED3 !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase} .gruppo6 {background: #E1F4F2; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #97D8D0 !important; font: 9px consolas; letter-spacing: 1px; text-transform: uppercase}
.topic .box_gruppo1 .avatar {border-color: #EEE} .topic .box_gruppo2 .avatar {border-color: #D1BEDD} .topic .box_gruppo3 .avatar {border-color: #BEDDD9} .topic .box_gruppo4 .avatar {border-color: #ABC6C3}
.online_users .where a {font: 10px calibri; font-weight: normal; letter-spacing: .5px; text-transform: uppercase}
.group .avatar {border-radius: 5px; box-shadow: none; border: 0}
/* INPUT e BOTTONI */ .codebuttons {border-radius: 0; background: #F7A585; border: 1px solid rgba(0, 0, 0, .1); font: 10px calibri; text-transform: uppercase; padding: 5px 8px} .textinput, .forminput, #allegati input {background: #EEE; border: 2px solid rgba(0, 0, 0, .1)}
/* 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: #EEE; color: #222; border: 1px solid rgba(0, 0, 0, .1); border-radius: 0} .textinput {margin: 10px 0; font-size: 16px} /* bagliore azzurro */ .textinput:focus {outline: none; border-color: #D1BEDD; box-shadow: 0 0 2px #D1BEDD}
#mod_options {color: #222; border: 0 solid #CCC; padding: 3px} #send-button {background: #C5A9D8; font: 10px 'constantia'; letter-spacing: 1px; color: #FFF; font-weight: bold}
.buttons a {padding: 7px 0; background: #F7A585; color: #FFF; font-weight: bold; font: 10px calibri; font-weight: bold; text-transform: uppercase; border: 3px solid rgba(0, 0, 0, .1)}
.only-back a {border: 0 solid #BBB}
/* icons */ #side_left_button span {background: #EEE; padding: 4px; background-repeat: no-repeat; background-position: 4px 5px; border-radius: 50px; background-size: 22px; background-image: url(https://i.imgur.com/UlsS4hy.png)} #side_right_button span {background: #EEE; padding: 4px; background-repeat: no-repeat; background-position: 4px 5px; border-radius: 50px; background-size: 22px; background-image: url(https://i.imgur.com/r95Hd22.png)} #fastemoticon span {padding: 4px; background-repeat: no-repeat; background-position: 4px 5px; border-radius: 50px; background-size: 22px; background-image: url(https://i.imgur.com/tVhOeYo.png)}
/* latin */ @font-face {font-family: 'IM Fell DW Pica'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/imfelldwpica/v10/2sDGZGRQotv9nbn2qSl0TxXVYNwNYwnV.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 - 10/7/2021, 17:14
|
|