-
.
-------------------------------------
◊ Skin: Lakehouse~
◊ Autrici: »Dreamer~ & •Sofficina~
◊ Anteprima: QUI
◊ Divieti: Non avete il permesso di modificare immagini e/o html della skin, utilizzare il codice come base per vostre skin, rimuovere i credits o spacciarla per vostra. Se utilizzate la skin, sarebbe carino che lasciaste almeno un commento. Per qualsiasi dubbio, domandate nell'apposito topic della sezione.
-------------------------------------
• Amministrazione>Grafica>Skin e scegliete la SKIN DI BASE (predefinita)
• Codice HTML , IN CIMA a tutte le pagineCODICE<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Grand+Hotel">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Metrophobic">
<div id="container">
• Codice HTML , in fondo (sotto ad altri eventuali codici per tabelle)CODICE<div id="credits" style="width: 830px;"><b>Lakehouse Skin~</b> è stata progettata da <a href="http://thesongofthestars.forumfree.it/?act=Profile&MID=5918517">»Dreamer~</a> e <a href="http://thesongofthestars.forumfree.it/?act=Profile&MID=5478967">•Sofficina~</a> ed è disponibile solo sul <a href="http://thesongofthestars.forumfree.it/">The Song Of The Stars</a>.</div></div>
• Modifica Colori e StiliCODICEbody {background-attachment: fixed !important; font: 14px metrophobic, tahoma, arial, sans-serif; color: #5F9399; background: #AEC2BD url('http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/patternsfondo.jpg') repeat-x; background-position: bottom center}
a {text-decoration: none; color: #BF6A70}
a:hover {color: #CC7A89; text-shadow: 2px 2px 0 #D5EDEA; transition: all .3s ease-in-out}
.nav {font: 17px metrophobic, arial; font-weight: bold}
.footer {margin: auto; font-size: 11px; color: #999; padding: 40px}
.footer a {color: #BF6A70}
tr .mainbg {border-radius: 0}
table.skin_tbl {background: transparent}
table .mtitle {text-align: center}
#credits {font-size: 12px; margin-top: 10px}
.l {background: linear-gradient(#C0DED6,#B2D4CC)}
/*MENU UTENTE*/
.menuwrap {height: 49px !important; background-image: url('http://dumpshare.net/images/9541441menu.png'); background-repeat: repeat-x; color: #FFE2CC; text-shadow: 0 1px 0 #C4DAD4; box-shadow: 0 2px 2px rgba(150, 160, 163, .4)}
.menuwrap li {line-height: 3.4em; padding-top: 0}
.menuwrap a {margin: 0; padding: 0 11px; font-size: 14px; color: #BF6A72; text-shadow: 1px 1px 1px #C4DAD4}
.menuwrap a:hover {color: #301707; text-shadow: 0 1px 0 #C66451}
.menuwrap .icon a {padding: 0 6px}
#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}
/*avatar*/
.menuwrap .left .avatar {width: 28px; height: 28px; border-radius: 0; padding: 0; background: #BF6A72; margin-bottom: 2px;
border: 2px solid #DEE2DA; box-shadow: 0 0 4px rgba(0, 0, 0, .3)}
.menuwrap .left .avatar img {border-radius: 0; border: none}
/* numero msg e link REGISTRATI */
.menuwrap em {padding: 0 5px; text-shadow: none; background: #DEE2DA; border-radius: 0}
.menuwrap .nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}
/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {color: #BF6A72; text-shadow: 1px 1px 1px #C4DAD4; background: #DEE2DA}
.menu ul {width: 200px; background: #DEE2DA; background: linear-gradient(#DEE2DA,#D0D4CC); border-radius: 0 0 10px 10px; box-shadow: 0 5px 0 #C8B3AD, 0 10px 0 #D2D6CE, 0 15px 0 #B7CDC5}
.right .menu ul {margin-left: -2em}
.menu li {padding: 3px 0; line-height: 1.8em}
.menu li:first-child {padding-top: 0}
.menu li strong {padding: 3px 8px; color: #BF6A72}
.menu li a {padding: 3px 6px !important; color: #BF6A72; text-shadow: 1px 1px 1px #C4DAD4}
.menu li a:hover, .menu li:hover > a {color: #BF6A72; text-shadow: 1px 1px 1px #C4DAD4; background: #C8B3AD}
/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border: 0; margin-top: 6px}
.submenu.alternative li:first-child {padding: 3px 6px; border-top: 05}
/* CERCA */
.menuwrap .search input {padding: 3px; padding-right: 50px; color: #BF6A70; background: #DEE2DA url('http://dreamerskin.altervista.org/Roar/magnifier.png') no-repeat 96% 27%; border: 1px solid; border-radius: 10px; font: 12px metrophobic; opacity: .7}
.menuwrap .search input:hover {opacity: 1}
.menuwrap .search input:focus {opacity: 1}
/* LARGHEZZA BOARD */
.container {margin: auto}
#container {padding: 60px; padding-bottom: 20px; background: #DEE2DA; border-radius: 0; box-shadow: inset -8px 0 0 #D2D6CE, inset -16px 0 0 #B7CDC5, inset -24px 0 0 #C8B3AD, inset 8px 0 0 #D2D6CE, inset 16px 0 0 #B7CDC5, inset 24px 0 0 #C8B3AD, 0 -20px 15px rgba(0, 0, 0, 0.1)}
.container, .tabs.top, .tabs.bottom, #container {max-width: 900px}
/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
.tabs {font-family: metrophobic, arial, serif; letter-spacing: .05em}
.tabs li {vertical-align: bottom; margin-left: 5px}
.tabs li:first-child {margin: 0}
/* variante per tabs laterali non ruotati */
.tabs.no_rotate li {margin: 0; margin-top: 5px}
.tabs.no_rotate.alternative li {margin-top: 10px}
.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; color: #5F9399; background: #C0DED6; border: 0; border-radius: 10px 10px 0 0}
.tabs a:hover, .tabs .current a {color: #BF6A70; background: #C8B3AD; border: 0; text-shadow: none}
/* variante per tabs laterali non ruotati */
.tabs.left.no_rotate a {border: 1px solid #D9D9D9; border-right: 0; border-radius: 5px 0 0 5px}
.tabs.right.no_rotate a {border: 1px solid #D9D9D9; border-left: 0; border-radius: 0 5px 5px 0}
/* i tabs in basso voglio che abbiano background e border del container */
.tabs.bottom a {background: #FFF; border: 1px solid #EEE; border-top: 0; border-radius: 0 0 5px 5px}
/* TABS disposti attorno il container */
/* 30px come il margin del container */
.tabs.top {text-align: right; position: relative; top: 30px}
/* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */
.tabs.bottom {text-align: right; position: relative; bottom: 31px}
/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */
/* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */
.tabs.rotate {height: 25px; padding: 0 105px}
.tabs.left.rotate {left: -25px}
/* variante per tabs laterali non ruotati */
/* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */
.tabs.no_rotate {padding: 130px 1px}
/* HOMEPAGE */
.board .skin_tbl {margin: 0}
.skin_tbl {background: url('http://dumpshare.net/images/2593365fiori.png') top right no-repeat; padding-right: 35px; padding-left: 25px}
.mainbg {background: url('http://dumpshare.net/images/2859115patternpiccolo.jpg'); padding: 7px; border-radius: 30px 0}
.mback {background-color: transparent}
.mback_left, .mback_right {width: 5%}
/* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */
.topic .mback_left, .topic .mback_right {display: none}
.minus, .plus {display: none}
.mtitle {margin-bottom: -13px; text-align: right; padding-top: 18px; padding-right: 35px; font: 35px grand hotel; font-weight: normal; color: #BF6A70; background: transparent !important}
.board .mtitle, .forum .mtitle, .topic .mtitle {text-align: right; padding-top: 18px; padding-right: 35px}
.title.top {background: #C0DED6; font-weight: bold; font-size: 12px; border-radius: 35px 0 0 0}
.title.bottom {height: 27px; background: url('http://dumpshare.net/images/9617632goccioline.png') repeat-x; border-radius: 0 0 35px 0}
.forum .title.bottom, .darkbar {height: 27px; background: #C0DED6; border-radius: 0 0 35px 0}
/* RIGHE di COLORE ALTERNATO */
.list > *, table.mainbg tr, .profile .skin_tbl {background: #C0DED6; background: linear-gradient(#C0DED6,#B2D4CC)}
.big_list > * {background: #C0DED6; background: linear-gradient(#C0DED6,#B2D4CC)}
.big_list > *:hover {background: #C0DED6; background: linear-gradient(#C0DED6,#A8C8C1)}
#board .skin_tbl.box_plus {background: linear-gradient(#CCD6D5,#AEC2BD); border: 7px solid #C8B3AD; border-radius: 35px; padding-bottom: 20px; margin: 20px}
.board .off .aa, .board .off img {opacity: .8}
.board .off img {padding-top: 30%}
.board .off:hover .aa, .board .off:hover img {opacity: 1}
/* fix per Opera */
.board .off .aa {min-height: 48px}
.board .on:hover {background: #C0DED6}
/* .on .off .annuncio .importante .calda .chiusa .spostata */
/* se non si specifica .forum ha effetto anche sul blog */
.forum .annuncio, .forum .importante {background: #C0DED6}
.forum .annuncio .web a, .forum .importante .web a {font: 24px grand hotel}
/*Disposizione .YY .ZZ*/
.board .zz {width: 30%; margin-left: 2%; padding-right: 3px}
.board .title.top .zz {text-align: left}
.board .bb {width: 48%}
.board .yy {display: none}
.board .big_list >* {position: relative; min-height: 90px}
.board .big_list .yy {display: block; z-index: 9; background: transparent; width: 38%; position: absolute; top: 15px; right: 40px; border-radius: 0; box-shadow: none; font-size: 9pt}
.board .big_list .yy div {float:left; width: 50%}
.board .big_list .zz {position: absolute; top: 10px; background: #BAE2D9; width: 38%; border-radius: 30px; box-shadow: inset 0 5px 4px #A9CFC7}
/* Niente avatar ultima discussione */
.board .big_list .zz .when {margin-right: 0; position: absolute; top: 45px; right: 70%}
.board .big_list .zz .where {font-size: 10pt; margin-top: 20px; margin-left: 0; width: 90%; margin-left: 5%; text-align: left; text-overflow:ellipsis; white-space: nowrap; height: 18px; overflow: hidden}
.board .big_list .zz .where span {display: none}
.board .big_list .zz .who span {display: none}
.board .big_list .zz .who {float: right; margin-top: 0; padding-right: 15px}
.board .big_list .zz .who:before {content:"da: "}
/* Con avatar ultima discussione */
.board .big_list .zz .lastpost-avatar-right {margin-top: -5px}
.board .big_list .zz .lastpost-avatar-right div {float:left; font-size: 9pt}
.board .lastpost-avatar-right {padding-left: 35px; width: 85%; padding-right: 0}
.board .lastpost-avatar .av {padding-top: 15px; padding-left: 7px}
.board .big_list .zz .lastpost-avatar-right >*:nth-child(1) {margin-right: 0; margin-bottom: -17px; position: relative; top: 0; right: 0}
.board .big_list .zz .lastpost-avatar-right >*:nth-child(2) {font-size: 10pt; margin-top: -20px; margin-left: 0; width: 100%; text-align: left; text-overflow:ellipsis; white-space: nowrap; height: 18px; overflow: hidden}
.board .big_list .zz .lastpost-avatar-right >*:nth-child(2) span {display: none}
.board .big_list .zz .lastpost-avatar-right >*:nth-child(3) span {display: none}
.board .big_list .zz .lastpost-avatar-right >*:nth-child(3) {float: right; margin-top: 0; padding-right: 15px}
.board .big_list .zz .lastpost-avatar-right >*:nth-child(3):before {content:"da: "}
/* SELEZIONE RIGA: MultiQuote e Moderazione */
/*.topic .focus {opacity: .6} <- default */
.focus {color: #FFF !important; background: #BF6A70 !important}
.cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #FFF !important}
.web {font: 25px grand hotel}
.board .big_list .web img {margin: 0!important; padding: 0 10px 0 0!important}
.forum .web a {font: 15px metrophobic; font-weight: bold}
.desc {font-weight: normal; text-align: justify; line-height: 14px; font-size: 11px}
.on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
.spostata .web a {color: #31666E; font-style: italic}
/* Control Panel: Messenger, UserCP e ModCP */
.cp .tabs {text-align: left}
/* edit avatar */
.tabs2 div:hover {background: #E0E0E0}
.tabs2 .current div {background: #FFF !important}
/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */
#msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0 5px 5px 5px}
#msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0 5px 0 0}
#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}
/* INBOX: lista messaggi privati */
#msg .cp .web {font: 14px metrophobic, verdana}
#msg .mainbg, #msg .send .darkbar, #user .darkbar {border-radius: 0}
#msg .send .darkbar {padding-bottom: 10px}
#msg .skin_tbl, #user .skin_tbl {background: transparent; padding: 0}
#msg .title.bottom {background: transparent}
#msg .sunbar.top, #msg .sunbar.center, #user .sunbar {background: #C0DED6; padding-top: 5px}
/* RISPOSTA */
#loading .skin_tbl, .summary .skin_tbl {background: transparent}
#loading .top, .summary .list .top {color: #BF6A70; border-bottom: 1px solid #C8B3AD}
#loading .bottom, .summary .list .bottom {border-top: 1px solid #C8B3AD}
.summary .sunbar {background: #B7CDC5; border-radius: 0 !important}
.fast.send .mainbg {background: linear-gradient(#C0DED6,#B2D4CC); border-radius: 35px; border: 8px solid #C8B3AD}
.fast.send .sunbar {font-weight: bold; font-size: 11px; color: #888; text-shadow: none}
#send .send .mainbg {border-radius: 0 0 0 0}
#send .send .darkbar {border-radius: 0 0 0 0; padding-bottom: 10px}
#send .send .skin_tbl {background: transparent}
.sunbar {text-align: center; font-size: 13px; font-weight: bold; color: #BF6A70; text-shadow: none; background: #DEE2DA}
.sunbar.center {background: #DEE2DA}
.sunbar.bottom {border-radius: 0 0 5px 5px}
.sunbar a {color: #D9F7DF}
.sunbar a:hover {border-bottom-color: #B9D7BF}
.summary .skin_tbl {border: 0}
.summary .list > * {border-top: 1px dotted #95DDFF}
.summary .list > *:first-child {border: 0}
.summary .list {font-size: 11px}
.summary .quote, .summary .code {font-size: 10px}
/* SONDAGGI */
/* line height è utile per centrare il testo verticalmente */
.bar {background: #DEE2DA; height: 15px; line-height: 15px; font-size: 11px; color: #4A7478 !important; border-radius: 3px}
.bar div {background: #C8B3AD; border-radius: 3px 0 0 3px}
.max .bar {background: #DEE2DA}
.max .bar div {background: #C8B3AD}
.poll .darkbar {border-radius: 0 0 35px 35px; padding-bottom: 10px}
.poll .sunbar {border-radius: 35px 35px 0 0; background: #C0DED6; padding-top: 10px; padding-left: 10px}
.poll .list > * {background: #C0DED6; border-bottom: 2px solid #C8B3AD}
.poll .skin_tbl {border:; background: url('http://dumpshare.net/images/2859115patternpiccolo.jpg'); padding: 7px; border-radius: 39px}
/* DISCUSSIONI */
.topic .mtitle {font-weight: normal; font-size: 30px; padding-right: 70px; padding-bottom: 5px} .topic .mdesc {display: none}
.topic .title {background: #B2D4CC}
.post {background: #C0DED6}
.post:first-child {background: linear-gradient(#B2D4CC,#C0DED6)}
.post:last-child {background: linear-gradient(#C0DED6,#B2D4CC)}
.post .center .left {padding: 15px 10px}
.post .center .right {padding: 10px 0}
.post .right {padding-left: 10px !important}
.post .bottom {font-size: 11px}
.color {line-height: 1.8em}
.color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
.edit {font-size: 0; color: transparent}
.fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
.bottomborder {border-bottom: 1px dashed #A9C7AF}
.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 15px; color: #888; color: rgba(0, 0, 0, .45)}
/* avatar e altri dettagli */
.post .title2.top .left {background: linear-gradient(#D9EEE8,#CCE0DB); border: 1px solid #C0DED6; border-left: 0; border-right: 0; box-shadow: -1px 1px 1px rgba(95, 147, 153, .3)}
.post .title2.top .right {background: linear-gradient(#D9EEE8,#CCE0DB); border: 1px solid #C0DED6; border-left: 0; border-right: 0; box-shadow: 1px 1px 1px rgba(95, 147, 153, .3)}
.post .details {position: relative; overflow: visible !important; padding-bottom: 20px; font-size: 10px; color: #555; color: rgba(0, 0, 0, .6)}
.avatar:hover {border: 0}
.post .avatar {margin: 6px; overflow: hidden; padding-bottom: 10px}
.post .avatar img {padding: 4px; border-radius: 0 35px 0 35px; background: linear-gradient(#DEE2DA,#C4C8C1); border: 1px solid #C0DED6; box-shadow: 0 1px 1px #5F9399}
.post .avatar img:hover {background: #BF6A70; border-radius: 100px; background: url('http://dumpshare.net/images/2859115patternpiccolo.jpg'); transition: all 1s ease-in-out}
.details p {margin: 0 0 2px 0; padding: 4px 0 6px 0}
.box_visitatore .details p {border-radius: 5px}
/* online, offline, anonimo */
.u_status {position: absolute; bottom: -5px; left: 36px; padding: 0 4px; line-height: 19px; font-size: 10px !important}
.u_status dt {display: none}
.box_online .u_status {position: absolute; bottom: -5px; left: 45px}
.box_offline .u_status {position: absolute; bottom: -5px; left: 48px}
.box_anonimo .u_status {}
/* CITAZIONI, SPOILER e CODICI annidati */
/* 1° livello */
.quote, .code {padding: 5px; padding-left: 28px; padding-right: 28px; font-size: 13px; font-weight: normal; color: #5F9399; background: #DEE2DA; border-radius: 0; box-shadow: inset -8px 0 0 #D2D6CE, inset -16px 0 0 #B7CDC5, inset -24px 0 0 #C8B3AD, inset 8px 0 0 #D2D6CE, inset 16px 0 0 #B7CDC5, inset 24px 0 0 #C8B3AD, 0 1px 1px #5F9399; border-radius: 5px; -moz-border-radius: 5px}
.quote_top, .code_top {font: 15px metrophobic; font-weight: normal; color: #BF6A70; margin: 1em}
/* 1° livello */
.quote_top:before, .spoiler .code_top:before {color: #5F9399; content:''; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold}
.code_top:before {color: #5F9399; content:'<!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
.code_top:after {color: #5F9399; content:'>'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
.spoiler .code_top:after {content:''}
/* TAGBOARD e CHAT */
.tag .skin_tbl {background: url('http://dumpshare.net/images/1548330fiori2.png') top left no-repeat}
.tag .mtitle {text-align: center}
.tag, .chat {margin-bottom: 30px}
.tag .list, .side_tag .list {padding: 10px; border-bottom: 0}
.tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
.tag .list > *:first-child {border-radius: 35px 35px 0 0}
.tag .list > * {padding-left: 10px; background: #DEE2DA; border-bottom: 1px solid #C8B3AD}
.tag .mainbg {border-radius: 35px; padding: 16px; background: linear-gradient(#CCD6D5,#AEC2BD); border: 7px solid #C8B3AD}
.tag .codebuttons {border-radius: 10px; background: #DEE2DA} /* LISTA UTENTI ONLINE */
/* LISTA UTENTI ONLINE */
.online .yy a {font-weight: bold}
/* STATISTICHE */
#board .stats {margin-top: 100px}
#board .stats .mainbg {border-radius: 35px}
#board .stats .skin_tbl.top {background: url('http://dumpshare.net/images/1548330fiori2.png') top left no-repeat; border: 0; border-radius: 5px 5px 0 0}
#board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
#board .stats .mback {background: transparent; border: 0; border-radius: 0}
#board .stats .top .mback {border-radius: 5px 5px 0 0}
#board .stats .list > * {border-radius: 35px}
#board .stats .mtitle {text-align: center; padding-left: 40px}
/* simbolo tra un nick e il successivo */
.users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content:''}
/* COLORI UTENTI */
.box_visitatore .details {border: 0; background: transparent}
.daconvalidare {font-style: italic}
.male {color: #146AAE} .female {color: #C68}
.amministratore, .gruppo1 {color: #4E8F93; font-weight: bold}
.moderatore, .gruppo2 {color: #F0F0F0; font-weight: bold; text-shadow: 0 1px 1px #739089}
.gruppo3 {color: #7BADA1; font-weight: bold}
.gruppo4 {color: #B2A59E; font-weight: bold}
.gruppo5 {color: #B36F6E; font-weight: bold}
.gruppo6 {color: #97A188; font-weight: bold}
/* REGISTRAZIONE RAPIDA */
.reg {margin-bottom: 30px; padding: 2px; background: #888; border: 1px solid #DDD; border-radius: 5px}
.reg .skin_tbl {border: 0}
/* AVVISI */
/* pop up */
.popup > div {background: #DEE2DA}
#redirect .info {border: none}
.navsub .info {font-size: .8em}
.alert, .info {border-radius: 5px}
.alert {padding: 1em; color: #999; background: #DEE2DA}
.info {padding: .5em; color: #999; background: #DEE2DA}
/* PROFILO */
.profile .tabs {text-align: right; padding-top: 10px}
.profile h2 {margin-top: 1.5%; padding: 10px; background: #DEE2DA; border-radius: 0; box-shadow: inset -8px 0 0 #D2D6CE, inset -16px 0 0 #B7CDC5, inset -24px 0 0 #C8B3AD, inset 8px 0 0 #D2D6CE, inset 16px 0 0 #B7CDC5, inset 24px 0 0 #C8B3AD; border-radius: 20px; -moz-border-radius: 20px}
.profile .nick {line-height: 1em; color: #BF6A70; margin: 5%; font: 30px grand hotel, arial, serif; font-weight: bold; text-shadow: none}
.profile dl {font-size: 11px}
/* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
.profile .skin_tbl {border-radius: 5px 0 5px 5px}
.profile .left {position: relative}
.profile .u_status {position: absolute; bottom: 20px; left: 187px}
/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
.pages2 {font-size: 10px} .pages2:before, .pages2:after {content:''}
.pages2 li {margin: 0 .2em; padding: 0}
.pages2 li:first-child a {background: transparent; border: 0}
/* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */
.pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; color: #5F9399 !important; text-shadow: none !important; background: #CCC; border: 1px solid #AAA; border-radius: 100px}
.pages2 a:hover {opacity: .9}
/* NUMERI PAGINA esterni alle tabelle */
.top .pages {text-align: center; padding-bottom: 15px}
.bottom .pages {text-align: center; padding-top: 20px}
.left .pages {padding: 0}
.pages {font-size: .8em}
.pages li {margin: 0 .2em; padding: 0; vertical-align: middle}
.pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}
.pages li a, .pages .current {padding: 2px 5px; font-size: 1.1em; border-radius: 100px; color: #BF6A70; background: linear-gradient(#EEE,#DDD); border: 1px solid #FFF}
.pages li a:hover {color: #BF6A70; background: #EEE; border: 1px solid #BF6A70}
.pages .current {font-size: 1.2em; color: #BF6A70; background: #EEE; border: 1px solid #BF6A70}
.pages .jump a, .pages .lastpost a {font-size: .9em}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput {padding: 3px; font: .9em metrophobic, verdana; color: #5F9399; background: #C8B3AD; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0 10px}
textarea.textinput {border-radius: 10px; padding: 4px; line-height: 2em; font: 1em metrophobic, verdana; background: #DEE2DA}
.forminput[type=text] {border-radius: 10px; background: #DEE2DA; color: #BF6A70}
/* bagliore azzurro */
.forminput[type=text], .forminput[type=password], .textinput {transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease}
.textinput:focus, .forminput[type=text]:focus, .forminput[type=password]:focus {outline: none; border-color: #BF6A70; box-shadow: 0 0 8px #BF6A70}
/* bbcode */
.codebuttons {padding: 2px} .codebuttons:hover {background: #DEE2DA; border: 1px solid #C8A69D}
/* form di accesso a Inbox, Sent Items... */
.sunbar .forminput {color: #FFF; background: #666; border: 1px solid #555; padding: 0; box-shadow: none}
.sunbar .forminput:hover {background: #555; border-color: #444}
/* form sotto bottone Nuova Disc. */
.navsub form {font-size: .8em}
.navsub .forminput {color: #5F9399; background: #DDD; border: 1px solid #BBB; border-radius: 10px}
.navsub .forminput:hover, .navsub .forminput:focus {background: #E5E5E5}
/* form di ordinamento in fondo alle sezioni */
.title .forminput {padding: 2px; color: #5F9399; background: #DDD; border: 1px solid #BBB; border-radius: 5px}
/* bottone invio risposta */
.darkbar .forminput, .fast.send .forminput {border-radius: 10px; color: #BF6A70 background: #EEE; background: linear-gradient(#EEE,#DDD)}
.darkbar .forminput:hover, .fast.send .forminput:hover {color: #BF6A70; background: #FFF; background: linear-gradient(#FFF,#EEE)}
.darkbar .forminput {padding: 5px; font-size: 12px; border: 2px solid #FFF !important}
.darkbar input.forminput, .fast.send input.forminput {color: #BF6A70; background: #EEE; background: linear-gradient(#EEE,#DDD)}
/* bottone preview */
.darkbar button.forminput {color: #BF6A70; background: #EEE; background: linear-gradient(#EEE,#DDD); box-shadow: 0 1px 1px #CCC}
.darkbar button.forminput:hover {color: #BF6A70; background: #FFF; background: linear-gradient(#FFF,#EEE)}
/* Nuova Disc. e Rispondi */
.buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0}
.buttons a {border: 0; margin-left: 12px}
.buttons a:first-child {margin: 0}
/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */
.buttons span {padding: 3px 9px; font-size: 18px; color: #000; text-shadow: -1px -1px 1px #AAA; background: #A6A6A6; border: 1px solid #666; border-bottom-color: #444; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
.buttons span:hover {background: #B4B4B4}
/* MP, E-mail, Web... */
.mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px}
.post .mini_buttons a {line-height: 1em; font-size: 11px}
/* .mini_buttons > * seleziona anche il bottone di Facebook */
.mini_buttons > * {margin-left: 10px}
.post .mini_buttons > * {margin-left: 12px}
.post .bottom .mini_buttons > * {margin-left: 14px}
.mini_buttons > *:first-child {margin: 0 !important}
/* scritta multiquote */
.title2 label {font-weight: bold}
.menuwrap {height: auto !important; white-space: nowrap} .menuwrap > *, .menuwrap > * > * {height: auto !important} .menu {white-space: normal} textarea {overflow-y: scroll} .quote_top, .quote, .code_top, .code {width: auto !important; width: 95%; margin: 2pt 14pt 2pt 14pt !important; margin: 3px} .quote_top a {text-decoration: none; border: 0} {display: none} .mback_left div {display: block; visibility: hidden; height: 0}
#login .skin_tbl {background: transparent}
#login .darkbar {border-radius: none}
#login .sunbar {background: #C0DED6}
/* Mostra solo reputazione positiva */
.points_down {display:none}
/* Nickname colorati */
.board .zz .who a[href$="/?act=Profile&MID=5478967"] {color: #FFFFFF}
.nick a[href$="/?act=Profile&MID=5478967"] {color: #FFFFFF}
.board .zz .who a[href$="/?act=Profile&MID=3733423"] {color: #BA2664}
.nick a[href$="/?act=Profile&MID=3733423"] {color: #BA2664}
.board .zz .who a[href$="/?act=Profile&MID=10392114"] {color: #F84668}
.nick a[href$="/?act=Profile&MID=10392114"] {color: #F84668}
.board .zz .who a[href$="/?act=Profile&MID=10176004"] {color: #8080FF}
.nick a[href$="/?act=Profile&MID=10176004"] {color: #8080FF}
.board .zz .who a[href$="/?act=Profile&MID=7963815"] {color: #1B9DB1}
.nick a[href$="/?act=Profile&MID=7963815"] {color: #1B9DB1}
/*BANNER*/
.banner2 a:link img, .banner2 a:visited img, .banner2 a:active img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7}
.banner2 a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.5; opacity: 1.5; transition: all 0.5s ease; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out}
/* MENU */
#menu a, #menu a:active
{margin: 3px;
background: #C8B3AD;
font-family: metrophobic, arial;
font-size: 11px;
font-weight:normal;
color: #BF6A70;
display: block;
text-align: center;
text-transform:uppercase;
text-decoration: none}
#menu a:hover {margin: 3px;
background: #DEE2DA;
font-family: metrophobic, arial;
font-size: 11px;
font-weight:bold;
color: #5F9399;
display: block;
text-align: center;
text-decoration: none}
#menu
{width: 200px; background-color: transparent}
• Modifica Immagini (selezionando la voce "Aggiorna tramite la modifica rapida")CODICEA_STAR:<img src='http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/stellina.png' width='16' height='16' alt=''>
FEMALE_STAR:<img src='http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/stellina.png' width='16' height='16' alt=''>
MALE_STAR:<img src='http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/stellina.png' width='16' height='16' alt=''>
ICON_COMMUNITY:http://skin.forumfree.net/social/ff-icon.png
ICON_RSS:http://img.forumfree.net/index_file/icon_rss.png
ICON_MEMBERS:http://img.forumfree.net/style_images/52/icon_members.png
ICON_HELP:http://img.forumfree.net/style_images/52/icon_help.png
M_UP:http://img.forumfree.net/index_file/up_m.png
C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
F_UP:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/torna_su.png" width="40" height="36" alt="Top">
F_UP_SHOW:1
P_UP:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/torna_su.png" width="22" height="20" alt="Top">
F_NAV:❀
F_NAV_SEP:»
C_ON:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/on_lakehouse.png" width="46" height="46" alt="C_ON">
C_OFF:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/off_lakehouse.png" width="20" height="20" alt="C_OFF">
C_ON_RES:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/on_lakehouse.png" width="46" height="46" alt="C_ON">
C_OFF_RES:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/off_lakehouse.png" width="20" height="20" alt="C_OFF_RES">
C_LOCKED:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/on_lakehouse.png" width="46" height="46" alt="C_LINK">
F_ACTIVE:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/stats.png" width="46" height="46" alt="F_ACTIVE">
F_STATS:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/stats.png" width="46" height="46" alt="F_STATS">
A_POST:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/newtopic.png" width="161" height="37" alt="A_POST">
A_REPLY:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/rispondi.png" width="82" height="37" alt="A_REPLY">
A_POLLONLY_B:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/sondaggio.png" width="93" height="37" alt="A_POLLONLY_B">
A_LOCKED_B:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/chiuso.png" width="65" height="37" alt="A_LOCKED_B">
M_REPLY:Rispondi
M_DELETE:Cancella
M_ADDMEM:Aggiungi amico
M_UNREAD:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/on_lakehouse.png" width="46" height="46" alt="M_UNREAD">
M_READ:<img src="http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/off_lakehouse.png" width="20" height="20" alt="M_READ">
B_PIN:<img src="http://i.imgur.com/lKzS6.png" width="16" height="16" alt="B_PIN">
B_ANNUNCIO:<img src="http://i.imgur.com/lKzS6.png" width="16" height="16" alt="B_ANNUNCIO">
B_NEW:<img src='http://i.imgur.com/QYkvZ.png' width='16' height='16' alt='B_NEW'>
B_NORM:<img src='http://i.imgur.com/1iYb9.png' width='16' height='16' alt='B_NORM'>
B_HOT:<img src="http://i.imgur.com/tiHpv.png" width="16" height="16" alt="B_HOT">
B_HOT_NN:<img src="http://i.imgur.com/pkoge.png" width="16" height="16" alt="B_HOT_NN">
B_POLL:<img src='http://i.imgur.com/QYkvZ.png' width='16' height='16' alt='B_POLL'>
B_POLL_NN:<img src='http://i.imgur.com/1iYb9.png' width='16' height='16' alt='B_POLL_NN'>
B_MOVED:<img src="http://i.imgur.com/0fCWj.png" width="16" height="16" alt="B_MOVED">
B_LOCKED:<img src='http://i.imgur.com/Btj2V.png' width='16' height='16' alt='B_LOCKED'>
NEW_POST:<img src='http://i.imgur.com/QYkvZ.png' width='16' height='16' alt='NEW_POST'>
PAG:<img src="http://i.imgur.com/wr41S.png" width="16" height="16" alt="PAG">
CAT_IMG:<img src="http://i.imgur.com/wr41S.png" width="16" height="16" alt="PAG">
THUMBS_UP:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/polliceinsu.png
THUMBS_DOWN:http://img.forumfree.net/index_file/thumbs_down.png
P_DELETE:Cancella
P_EDIT:Modifica
P_QUOTE:Citazione
P_MSG:Mp
P_EMAIL:Mail
P_CONTACTS:Contatti
P_WEBSITE:Sito Web
EMOTICONS:http://i.imgur.com/fNono.png
EMOTICONS2:http://i.imgur.com/xe6m8.png
LOADING:http://img.forumfree.net/index_file/load.gif
PREVIEW:http://img.forumfree.net/index_file/preview.png
FULL_EDITOR:http://img.forumfree.net/index_file/full.png
HELP:http://img.forumfree.net/index_file/help.png
COLOR:http://img.forumfree.net/index_file/color.png
HTML:http://img.forumfree.net/index_file/html.png
ATTACHMENT:http://img.forumfree.net/index_file/attachment.png
ONLINE:http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/online.png
OFFLINE:http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/offline.png
ANONIMO:http://digilander.libero.it/sofia.lamaida/Skin%20Primavera/anonimo.png
• Logo e Menù
INSERIRE QUI IL LINK DIRETTO DEL PROPRIO LOGO, METTERE LA SPUNTA SU "TOGLI CORNICE" E SU "BLOCCA IL MENU' PRINCIPALE RISPETTO LA FINESTRA DEL BROWSER"
• Modifica Sfondo
LASCIARE VUOTO
Edited by Derfy93 - 30/7/2014, 15:13. -
.
Ciao, sto installando la skin su questo forum: http://thecrazyworldofthecontestandnotonly.forumfree.it/ non riesco a capire come mai, anche se il codice è installato correttamente, i dati tipo ultimo msg ecc...si sovrappongono tra di loro... come posso fare? Non ho ancora avvisato del prelievo xk se non riesco a risolvere cambio skin.
Grazie mille!. -
»Dreamer~.
User deleted
Ciao! ^^
Allora, il problema si crea quando si inseriscono le targhette di fianco alle sezioni, visto che vanno ad allargare tutta la parte che sta a sinistra, quindi sarebbe meglio toglierle se si vuole usare questa skin...O meglio, sarebbe più adatta per qualcuno che non ne voglia fare uso xD. -
.Ciao! ^^
Allora, il problema si crea quando si inseriscono le targhette di fianco alle sezioni, visto che vanno ad allargare tutta la parte che sta a sinistra, quindi sarebbe meglio toglierle se si vuole usare questa skin...O meglio, sarebbe più adatta per qualcuno che non ne voglia fare uso xD
Ciao, si sospettavo che fossero le targhette...ho provato a rimuoverle non so quante volte ma niente da fare non me le fa togliere.. credo però che sia un problema di forumfree e non della skin spero di riuscire a risolvere
EDIT: Sono riuscita a toglierle, per ora nelle prime sezioni in alto ma il problema persiste, secondo te devo toglierle tutte e reinstallare la skin da zero?. -
.
sì prova a toglierle proprio tutte =) . -
.
Niente da fare continua a esserci il problema. -
.
Aggiornato il codice della skin, adesso è possibile aggiungere le targhette senza che tutto si sfasi e sistemate le ultime discussioni nei blocchi sezioni!!!
. -
.
Grazie mille per l'aggiornamento . -
~ Lãdy Räess' Kiñg ~.
User deleted
Salve, stavo prelevando la Skin per il mio forum http://springflowering.forumfree.it/ ma purtroppo mi crea parecchi problemi di visualizzazione.
Si può risolvere in qualche modo questo mal funzionamento ?. -
#8suønipër3cøløri.
User deleted
Utilizziata per questo forum, davvero stupenda vi faccio i miei complimenti . -
~ Lãdy Räess' Kiñg ~.
User deleted
Sono riuscita a risolvere, grazie lo stesso (: . -
.
Salve ho preso questa skin per metterla in questo blog/forum.
Ho apportato una modifica cambiato il bordo floreale delle sezioni perché non si leggeva bene i post fuori sezione essendo un blog/forum. E poi ho aggiunto uno sfondo personale.
Skin bellissima complimenti.. -
*ElvyNailsCreation™.
User deleted
Salve ho preso la skin x il mio forum ho modificato il logo spero nn sia un problema altrimenti lo cambio subito! http://nailcreations.blogfree.net . -
.
ecco, cambialo subito per favore perchè così è copiare . -
*ElvyNailsCreation™.
User deleted
Fatto e mi scuso ancora... .