Posts written by jack.

  1. view post Posted: 9/6/2019, 18:04     +1
    Role Code #001 - code
    .
    role code #001 -- regolamento

    ✓ Puoi modificare i colori in base al tuo gusto personale
    ✓ Puoi cambiare la dimensione dei font
    ✓ Puoi modificare le immagini
    ✗ Non puoi modificare in modo significativo il codice senza consenso
    ✗ Non puoi togliere i credits
    ✗ Non puoi spacciare il codice per tuo
    ✗ Non puoi usare il codice come base per i tuoi codici.
    Prelevi? Fammelo sapere comunicandolo qui


    Nome + Cognome
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed erat est. Curabitur et luctus turpis. Phasellus ac feugiat metus. Sed sed nulla non lectus ultrices lacinia a et sapien. Vivamus ornare, tellus vel finibus tincidunt, augue metus mattis sapien, eu luctus urna magna ut diam. In a sem at lacus auctor mattis non in tortor. Aliquam et ante efficitur, porta elit at, tempor felis. Pellentesque odio diam, rutrum eget est non, vulputate rutrum massa. Donec fermentum pulvinar luctus. Fusce nec ex et massa consequat lobortis. Maecenas nisi tortor, scelerisque at egestas sit amet, aliquam sit amet erat.
    Donec consequat nisi eu lectus mattis commodo. Nunc efficitur, ipsum nec luctus varius, dui lectus egestas tellus, id elementum magna augue vel urna. Cras efficitur lobortis ultrices. Nullam at condimentum dolor. In hac habitasse platea dictumst. Sed pharetra massa sed ante auctor, ut consequat ipsum porttitor. Donec sodales quis urna sit amet ultricies. Donec ac lobortis leo. Vestibulum vitae dictum magna. Duis vehicula molestie auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dapibus enim vel augue pulvinar, ut placerat nibh pulvinar.
    Sed enim tellus, elementum eu convallis eget, congue ac urna. Ut in urna ornare nisi auctor iaculis. Mauris interdum lacus quis accumsan cursus. Sed vitae laoreet sem, imperdiet tincidunt elit. Phasellus eget lectus mollis, congue dui non, sodales ex. Integer id metus vel urna cursus eleifend in non tellus. Nam tristique vestibulum condimentum. Duis vitae massa sem. Donec sit amet libero ut erat iaculis rhoncus. Curabitur pretium est vel nisl ultrices congue. Morbi quis ex ligula. Nam et interdum felis.
    Nam ullamcorper magna magna, vitae placerat turpis interdum id. Quisque fringilla turpis et massa dictum, et ornare libero feugiat. Ut gravida facilisis ultrices. Maecenas molestie eros nec risus finibus viverra. Proin sed lacus ut eros posuere porttitor. Sed commodo lobortis neque, non sollicitudin urna. Praesent eget ullamcorper dui. Proin gravida posuere odio ac rutrum. Duis fermentum maximus interdum. Aliquam id tincidunt erat, et dignissim orci. Duis eros lacus, tempus ut sem at, pulvinar malesuada enim. Vestibulum scelerisque neque rutrum libero blandit, vehicula venenatis nibh rhoncus. Proin dictum purus ligula, ac viverra ante sodales a. Nulla et ornare nulla.
    In eleifend vel felis sed aliquet. In tristique sollicitudin dui, nec bibendum nibh auctor eu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin tincidunt nulla ut ligula gravida, at placerat arcu lobortis. Sed sit amet neque leo. Nunc nec ex nulla. Integer malesuada porta eleifend. Curabitur tempus, ipsum nec posuere sollicitudin, magna ante dignissim lacus, ac fringilla ipsum neque commodo dui. Suspendisse bibendum quis eros suscipit convallis. Curabitur feugiat semper accumsan
    sheet
    dove e quando


    SPOILER (clicca per visualizzare)
    CODICE
    <div style="background: linear-gradient(to right, #66042d, #311432); width: 309px; padding: 15px; font: 15px Arial Black, cursive; text-transform: uppercase; text-align: right; color: #efefef" align="center">Nome + Cognome</div><div style="width: 321px; height: 350px; padding: 5px; background: linear-gradient(to right, #66042d, #311432); font: 12px Georgia; text-align: justify; border: 4px solid #111; border-bottom: 0px" align="center"><div style="padding: 10px; background: #111; height: 325px; overflow: auto; text-align: justify; border-bottom: 5px solid #111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed erat est. Curabitur et luctus turpis. Phasellus ac feugiat metus. Sed sed nulla non lectus ultrices lacinia a et sapien. Vivamus ornare, tellus vel finibus tincidunt, augue metus mattis sapien, eu luctus urna magna ut diam. In a sem at lacus auctor mattis non in tortor. Aliquam et ante efficitur, porta elit at, tempor felis. Pellentesque odio diam, rutrum eget est non, vulputate rutrum massa. Donec fermentum pulvinar luctus. Fusce nec ex et massa consequat lobortis. Maecenas nisi tortor, scelerisque at egestas sit amet, aliquam sit amet erat.
    Donec consequat nisi eu lectus mattis commodo. Nunc efficitur, ipsum nec luctus varius, dui lectus egestas tellus, id elementum magna augue vel urna. Cras efficitur lobortis ultrices. Nullam at condimentum dolor. In hac habitasse platea dictumst. Sed pharetra massa sed ante auctor, ut consequat ipsum porttitor. Donec sodales quis urna sit amet ultricies. Donec ac lobortis leo. Vestibulum vitae dictum magna. Duis vehicula molestie auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dapibus enim vel augue pulvinar, ut placerat nibh pulvinar.
    Sed enim tellus, elementum eu convallis eget, congue ac urna. Ut in urna ornare nisi auctor iaculis. Mauris interdum lacus quis accumsan cursus. Sed vitae laoreet sem, imperdiet tincidunt elit. Phasellus eget lectus mollis, congue dui non, sodales ex. Integer id metus vel urna cursus eleifend in non tellus. Nam tristique vestibulum condimentum. Duis vitae massa sem. Donec sit amet libero ut erat iaculis rhoncus. Curabitur pretium est vel nisl ultrices congue. Morbi quis ex ligula. Nam et interdum felis.
    Nam ullamcorper magna magna, vitae placerat turpis interdum id. Quisque fringilla turpis et massa dictum, et ornare libero feugiat. Ut gravida facilisis ultrices. Maecenas molestie eros nec risus finibus viverra. Proin sed lacus ut eros posuere porttitor. Sed commodo lobortis neque, non sollicitudin urna. Praesent eget ullamcorper dui. Proin gravida posuere odio ac rutrum. Duis fermentum maximus interdum. Aliquam id tincidunt erat, et dignissim orci. Duis eros lacus, tempus ut sem at, pulvinar malesuada enim. Vestibulum scelerisque neque rutrum libero blandit, vehicula venenatis nibh rhoncus. Proin dictum purus ligula, ac viverra ante sodales a. Nulla et ornare nulla.
    In eleifend vel felis sed aliquet. In tristique sollicitudin dui, nec bibendum nibh auctor eu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin tincidunt nulla ut ligula gravida, at placerat arcu lobortis. Sed sit amet neque leo. Nunc nec ex nulla. Integer malesuada porta eleifend. Curabitur tempus, ipsum nec posuere sollicitudin, magna ante dignissim lacus, ac fringilla ipsum neque commodo dui. Suspendisse bibendum quis eros suscipit convallis. Curabitur feugiat semper accumsan</div></div><div style="padding: 15px; font: 8px calibri; text-transform: uppercase; text-align: center; background:#111; width: 309px"><div style="display: inline-block; width: 90px;height: 15px; padding: 3px 5px;font: 8px calibri; color: #f1f1f1; background: #62052d; margin-left: 2px; line-height: 15px">sheet</div><div style="display: inline-block; width: 90px;height: 15px; padding: 3px 5px;font: 8px calibri; color: #f1f1f1; background: #4c0c2f; margin-left: 2px;line-height: 15px">dove e quando</div><div style="display: inline-block; width: 90px;height: 15px; padding: 3px 5px;font: 8px calibri; color: #f1f1f1; background: #351332; margin-left: 2px; line-height: 15px">[URL=https://thesubterraneans.blogfree.net/?act=Profile&MID=733654](c) jack delle cuffie[/URL]</div></div>
  2. view post Posted: 10/2/2019, 10:43     +6
    Character Sheet #002 - code
    .
    character sheet #002 -- regolamento

    ✓ Puoi modificare i colori in base al tuo gusto personale
    ✓ Puoi cambiare la dimensione dei font
    ✓ Puoi aggiungere campi
    ✓ Puoi modificare le immagini
    ✗ Non puoi modificare senza consenso
    ✗ Non puoi togliere i credits
    ✗ Non puoi spacciare il codice per tuo
    ✗ Non puoi usare il codice come base per i tuoi codici.
    Prelevi? Fammelo sapere comunicandolo qui


    nome + cognome
    descrizione fisica Mauris quis elit sapien. Nullam commodo tincidunt sem, sed pellentesque sem imperdiet sit amet. Aenean iaculis vel metus sit amet tincidunt. Suspendisse in hendrerit ante. Sed ac mi eget arcu molestie facilisis. Morbi luctus lacinia erat, quis tincidunt dui elementum a. Vestibulum vehicula magna ut massa laoreet placerat. Aenean quis leo a massa dictum lobortis. Aenean id est nec nulla congue ornare vitae id ligula. Morbi purus metus, pulvinar et purus sit amet, tempor luctus lacus.
    segni particolari Nulla a metus congue lectus congue euismod vel nec metus. Vestibulum erat eros, consectetur vel mollis vel, varius sit amet elit. Sed ultricies in lorem nec dapibus. Donec quis pulvinar felis. Donec id ipsum et justo euismod pharetra. Aenean varius odio quam, id aliquam elit imperdiet quis.
    descrizione carattere Mauris quis elit sapien. Nullam commodo tincidunt sem, sed pellentesque sem imperdiet sit amet. Aenean iaculis vel metus sit amet tincidunt. Suspendisse in hendrerit ante. Sed ac mi eget arcu molestie facilisis. Morbi luctus lacinia erat, quis tincidunt dui elementum a. Vestibulum vehicula magna ut massa laoreet placerat. Aenean quis leo a massa dictum lobortis. Aenean id est nec nulla congue ornare vitae id ligula. Morbi purus metus, pulvinar et purus sit amet, tempor luctus lacus.
    paure Nulla a metus congue lectus congue euismod vel nec metus. Vestibulum erat eros, consectetur vel mollis vel, varius sit amet elit. Sed ultricies in lorem nec dapibus. Donec quis pulvinar felis. Donec id ipsum et justo euismod pharetra. Aenean varius odio quam, id aliquam elit imperdiet quis.

    info
    info
    info
    info
    one-line quote

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar mauris sit amet dolor egestas sodales. Cras nec libero nec neque congue laoreet vitae sed ex. Integer finibus fringilla libero. Mauris quis orci luctus, mollis odio in, porttitor magna. Cras scelerisque mattis augue, sed aliquet diam feugiat a. Donec euismod nunc vel sollicitudin blandit. Sed et cursus est. Integer at enim vulputate lorem elementum gravida sed sed dolor. Integer ac posuere felis. Etiam sed nulla in erat pellentesque tristique. Ut eleifend, magna ut imperdiet rutrum, ipsum enim posuere dolor, eget ornare lorem tortor et nunc.
    In quis iaculis arcu, non rhoncus arcu. Sed scelerisque condimentum ligula. Duis fermentum tortor nisl, vitae faucibus lacus auctor id. Nullam vitae convallis nulla. Nulla vel malesuada metus. Phasellus sollicitudin venenatis arcu at varius. Sed sed dui mollis, commodo velit a, auctor ligula. Nullam et lorem imperdiet, molestie dui at, lacinia purus. Nunc mi eros, scelerisque nec neque ut, condimentum mollis ante. Proin maximus ex id nisl vulputate ultricies. Maecenas nec tincidunt lectus, vitae ultrices nulla. Etiam quis dapibus sapien, id pretium sem. In hac habitasse platea dictumst. Quisque lobortis bibendum egestas. Nullam ac lectus elit.
    Morbi vestibulum scelerisque lorem, vel porttitor tellus facilisis a. Quisque vitae condimentum augue, sit amet porttitor risus. Quisque pulvinar ipsum nec vehicula suscipit. Nullam iaculis sit amet ligula sit amet condimentum. Pellentesque porttitor est a luctus sollicitudin. Pellentesque egestas blandit quam at suscipit. Nam tincidunt, eros sed eleifend porttitor, ex est cursus eros, ac iaculis leo dolor in felis. Phasellus velit lectus, fermentum a diam at, euismod venenatis risus. Suspendisse sed sapien orci.
    nome Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    cognome Nullam pulvinar mauris sit amet dolor egestas sodales.
    data di nascita Cras nec libero nec neque congue laoreet vitae sed ex.
    luogo di nascita Integer finibus fringilla libero.
    età Mauris quis orci luctus, mollis odio in, porttitor magna.
    stato sociale Cras scelerisque mattis augue, sed aliquet diam feugiat a.
    orientamento sessuale Donec euismod nunc vel sollicitudin blandit.
    bagaglio Sed et cursus est. Integer at enim vulputate lorem elementum gravida sed sed dolor. Integer ac posuere felis. Etiam sed nulla in erat pellentesque tristique. Ut eleifend, magna ut imperdiet rutrum, ipsum enim posuere dolor, eget ornare lorem tortor et nunc.
    code by @ codominance.


    SPOILER (clicca per visualizzare)
    CODICE
    <div style="width: 510px; background: #f1f1f1; text-align: justify; font: 12px Georgia; " align="center"><div style="width: 490px; padding: 10px; background: linear-gradient(to right, #2b5c9b, #333959); height: 125px" align="center"><div style="font: 18px arial black; padding-top: 15px; text-transform: uppercase; text-align: center; color: #eee">nome + cognome</div><img style="width: 80px; height: 80px; padding: 3px; border-radius: 100%; border: 2px solid #eee" src="https://i.imgur.com/VGnJxZk.gif"></div><div style="background: #f1f1f1; padding: 20px;"><div style="display: inline-block; width: 140px; height: 150px; padding: 10px; overflow: auto"><span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">descrizione fisica</span> Mauris quis elit sapien. Nullam commodo tincidunt sem, sed pellentesque sem imperdiet sit amet. Aenean iaculis vel metus sit amet tincidunt. Suspendisse in hendrerit ante. Sed ac mi eget arcu molestie facilisis. Morbi luctus lacinia erat, quis tincidunt dui elementum a. Vestibulum vehicula magna ut massa laoreet placerat. Aenean quis leo a massa dictum lobortis. Aenean id est nec nulla congue ornare vitae id ligula. Morbi purus metus, pulvinar et purus sit amet, tempor luctus lacus.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">segni particolari</span> Nulla a metus congue lectus congue euismod vel nec metus. Vestibulum erat eros, consectetur vel mollis vel, varius sit amet elit. Sed ultricies in lorem nec dapibus. Donec quis pulvinar felis. Donec id ipsum et justo euismod pharetra. Aenean varius odio quam, id aliquam elit imperdiet quis.</div><div style=" display: inline-block; width: 145px; height: 170px; overlow: hidden; background: url(https://i.imgur.com/cfzKalO.png); margin-left: 3px"></div><div style="display: inline-block; width: 140px; height: 150px; padding: 10px; overflow: auto"><span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">descrizione carattere</span> Mauris quis elit sapien. Nullam commodo tincidunt sem, sed pellentesque sem imperdiet sit amet. Aenean iaculis vel metus sit amet tincidunt. Suspendisse in hendrerit ante. Sed ac mi eget arcu molestie facilisis. Morbi luctus lacinia erat, quis tincidunt dui elementum a. Vestibulum vehicula magna ut massa laoreet placerat. Aenean quis leo a massa dictum lobortis. Aenean id est nec nulla congue ornare vitae id ligula. Morbi purus metus, pulvinar et purus sit amet, tempor luctus lacus.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">paure</span> Nulla a metus congue lectus congue euismod vel nec metus. Vestibulum erat eros, consectetur vel mollis vel, varius sit amet elit. Sed ultricies in lorem nec dapibus. Donec quis pulvinar felis. Donec id ipsum et justo euismod pharetra. Aenean varius odio quam, id aliquam elit imperdiet quis.</div>
    <div style="margin-top: 3px;"><div style="display: inline-block; width: 103px; height: 15px; padding: 3px 5px; font: 9px calibri; text-align: center; background: #2b5b98; color: #f1f1f1; margin: 2px; text-transform: uppercase; line-height: 15px">info</div><div style="display: inline-block; width: 103px; height: 15px; padding: 3px 5px; font: 9px calibri; text-align: center; background: #2b5b98; color: #f1f1f1; margin: 2px; text-transform: uppercase; line-height: 15px">info</div><div style="display: inline-block; width: 103px; height: 15px; padding: 3px 5px; font: 9px calibri; text-align: center; background: #2b5b98; color: #f1f1f1; margin: 2px; text-transform: uppercase; line-height: 15px">info</div><div style="display: inline-block; width: 103px; height: 15px; padding: 3px 5px; font: 9px calibri; text-align: center; background: #2b5b98; color: #f1f1f1; margin: 2px; text-transform: uppercase; line-height: 15px">info</div></div><div style="font: 9px arial black; text-transform: uppercase; height: 9px; line-height: 9px; text-align: justify; margin-top: 3px; border-top:1px solid #cecece; border-bottom: 1px solid #cecece; padding: 4px; overflow: hidden;">one-line quote</div>
    <div style="height: 120px; padding: 10px; overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar mauris sit amet dolor egestas sodales. Cras nec libero nec neque congue laoreet vitae sed ex. Integer finibus fringilla libero. Mauris quis orci luctus, mollis odio in, porttitor magna. Cras scelerisque mattis augue, sed aliquet diam feugiat a. Donec euismod nunc vel sollicitudin blandit. Sed et cursus est. Integer at enim vulputate lorem elementum gravida sed sed dolor. Integer ac posuere felis. Etiam sed nulla in erat pellentesque tristique. Ut eleifend, magna ut imperdiet rutrum, ipsum enim posuere dolor, eget ornare lorem tortor et nunc.
    In quis iaculis arcu, non rhoncus arcu. Sed scelerisque condimentum ligula. Duis fermentum tortor nisl, vitae faucibus lacus auctor id. Nullam vitae convallis nulla. Nulla vel malesuada metus. Phasellus sollicitudin venenatis arcu at varius. Sed sed dui mollis, commodo velit a, auctor ligula. Nullam et lorem imperdiet, molestie dui at, lacinia purus. Nunc mi eros, scelerisque nec neque ut, condimentum mollis ante. Proin maximus ex id nisl vulputate ultricies. Maecenas nec tincidunt lectus, vitae ultrices nulla. Etiam quis dapibus sapien, id pretium sem. In hac habitasse platea dictumst. Quisque lobortis bibendum egestas. Nullam ac lectus elit.
    Morbi vestibulum scelerisque lorem, vel porttitor tellus facilisis a. Quisque vitae condimentum augue, sit amet porttitor risus. Quisque pulvinar ipsum nec vehicula suscipit. Nullam iaculis sit amet ligula sit amet condimentum. Pellentesque porttitor est a luctus sollicitudin. Pellentesque egestas blandit quam at suscipit. Nam tincidunt, eros sed eleifend porttitor, ex est cursus eros, ac iaculis leo dolor in felis. Phasellus velit lectus, fermentum a diam at, euismod venenatis risus. Suspendisse sed sapien orci.</div><div style="display: inline-block; width: 60px; padding: 2px; height: 120px; margin-top: 3px"><img style="margin: 2px; width: 50px; padding: 2px; border: 2px solid #2b5b98" src="https://i.imgur.com/VGnJxZk.gif"><img style="margin: 2px; width: 50px; padding: 2px; border: 2px solid #2b5b98" src="https://i.imgur.com/VGnJxZk.gif"></div><div style="display: inline-block; width: 220px; padding: 10px; height: 100px; margin-top: 3px; overflow: auto"> <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">nome</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">cognome</span> Nullam pulvinar mauris sit amet dolor egestas sodales.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">data di nascita</span> Cras nec libero nec neque congue laoreet vitae sed ex.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">luogo di nascita</span> Integer finibus fringilla libero.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">età</span> Mauris quis orci luctus, mollis odio in, porttitor magna.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">stato sociale</span> Cras scelerisque mattis augue, sed aliquet diam feugiat a.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">orientamento sessuale</span> Donec euismod nunc vel sollicitudin blandit.
    <span style="font: 9px calibri; text-transform: uppercase; color: #2b5b98; font-weight: bold">bagaglio</span> Sed et cursus est. Integer at enim vulputate lorem elementum gravida sed sed dolor. Integer ac posuere felis. Etiam sed nulla in erat pellentesque tristique. Ut eleifend, magna ut imperdiet rutrum, ipsum enim posuere dolor, eget ornare lorem tortor et nunc.</div><div style="display: inline-block; background: url(https://i.imgur.com/bcAqVMf.png); width: 163px; height: 124px; overflow: hidden; margin-left: 2px"></div><div style=" height: 11px; line-height: 11px; font: 9px arial black; text-align: center; text-transform: uppercase; margin-top: 5px">code by @ <a href="https://thesubterraneans.blogfree.net/?act=Profile&MID=733654">codominance.</a></div></div></div>
  3. view post Posted: 13/1/2019, 12:44     +2
    Asphodel Skin - skin
    .
    Asphodel Skin

    OI96YAg


    Puoi:
    - Modificare il logo
    - Modificare lo sfondo
    - Cambiare il colore dei gruppi

    Non puoi:
    -Usare la skin come base per altre skin
    -Rimuovere i crediti
    -Stravolgere i codici css

    How to install:

    1. Impostare la skin di base
    2. Inserire in codici html in cima a tutte le pagine:
    CODICE
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Covered+By+Your+Grace">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Satisfy">

    3. Inserire in codici html in fondo a tutte le pagine:
    CODICE
    <div style="background: #fff; height: 15px; padding: 2px 3px; font: 8px arial; text-transform:uppercase; text-align: center; line-height: 18px; border-top: 2px solid #c1a6d1">Asphodel skin | created by <a href="https://thesubterraneans.blogfree.net/?act=Profile&MID=733654"><span style="background: #c1a6d1!important; color: #fff; padding: 2px 3px">codominance.</span></a> | un grazie speciale a <a href="https://thesubterraneans.blogfree.net/?act=Profile&MID=1007689">jasoo</a> | icon by <a href="https://www.iconsdb.com/">iconsdb</a> | thanks to <a href="http://skinfactory.forumfree.it">x</a><a href="http://fuckyeah.blogfree.net">x</a><a href="https://www.toptal.com/designers/subtlepatterns">x</a></div>

    4. Colori e Stili:
    CODICE
    /*ASPHODEL SKIN by codominance.*/
    /* prelevabile su https://thesubterraneans.blogfree.net*/
    body {font: 76%/1.6em Arial, Sans-serif; color: #333; background-color: #F7F7F7}
    a {text-decoration: none; color: #CCBCCC}
    a:hover {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #C1A6D1; letter-spacing: .05em}

    .nav {font: italic 17px calibri, arial; font-weight: bold; letter-spacing: .05em}

    .footer {margin: 15px auto; font-size: 11px; color: #999}
    .footer a {color: #CCBCCC}


    /* LOGO senza cornice */
    .logo {margin: 0 0 30px 0} .logo a:hover {border: 0}


    /* LOGO con cornice */
    .header {margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5)}
    .header, .header a {border-radius: 10px}

    /* altezza contenitore del logo ed effetto glass */
    .header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: 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, .4)}
    .header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

    /* posizione del testo */
    .header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

    /* posizione del logo */
    .header h1 {background-position: 85% 50%}



    /* MENU principale */
    .menuwrap {font-family: calibri; text-transform: uppercase; background: #F1F1F1; width: 930px; height: 20px !important; line-height: 20px !important; margin-top: 5px; border: 2px solid #E0E0E0}

    .menuwrap li {line-height: 2.6em; color: #CCBCCC}

    .menuwrap a {margin: 0; padding: 0 11px; font-size: 10px; color: #CCBCCC}
    .menuwrap a:hover {color: #CCBCCC; border: 0}
    .menuwrap .icon a {padding: 0 6px}
    .menuwrap .avatar {display: none}

    #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}

    /* esci e news */
    .menuwrap b {color: #C1A6D1}

    /* numero msg e link REGISTRATI */
    .menuwrap em {padding: 2px 5px; color: #F1F1F1; text-shadow: none; background: #C1A6D1; 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: #CCBCCC; background: none}

    .menu ul {width: 15em; background: #F1F1F1; border: 1px solid #E0E0E0; border-top: 0; box-shadow: none}

    .right .menu ul {margin-left: -2em}

    .menu li {padding: 3px 4px; line-height: 1.4em; text-shadow: none; border-top: 1px solid #CCBCCC}
    .menu li:first-child {padding-top: 0; border-top: 5px solid #F1F1F1}
    .menu li strong {padding: 3px 8px; color: #C1A6D1; font-size: 9px}
    .menu li a {padding: 3px 8px !important; font-size: 9px; color: #CCBCCC !important}
    .menu li a:hover, .menu li:hover > a {text-shadow: none; background: transparent; border-radius: 0}

    /* SUB MENU contestuale(dropright) */
    /* Sposta msg pvt */
    .submenu.alternative ul {border-top: 1px solid #CCBCCC; margin-top: -2px}
    .submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


    /* LOGIN VELOCE */
    .menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
    .menuwrap label:hover {color: #FFF}

    .menuwrap input {padding: 3px; font: 9px arial, sans-serif; color: #CCBCCC; background: #F1F1F1; border: 1px solid #CCBCCC; border-radius: 0; box-shadow: none}
    .menuwrap input:hover {cursor: pointer; background: #F1F1F1}
    .menuwrap input:focus {cursor: default; background: #F1F1F1; outline: none; box-shadow:none}

    .menuwrap input[type=submit] {padding: 2px; text-shadow: none; color: #CCBCCC; border-radius: 4px;
    background: #F1F1F1; border: 1px solid #CCBCCC; box-shadow: none}
    .menuwrap input[type=submit]:hover {color: #CCBCCC; background: #F1F1F1}


    /* CERCA */
    .menuwrap .search input {padding-right: 20px; color: #CCBCCC; background: #F1F1F1; text-transform: uppercase; font: 9px calibri}
    .menuwrap .search input:hover {color: #CCBCCC; background-color: #EDEDED; text-transform: uppercase; font: 9px calibri}
    .menuwrap .search input:focus {color: #CCBCCC; background-color: #EDEDED; background-position: 96.5% 110%}


    /* MENU laterale a comparsa */
    #ssm .mainbg {background: #F1F1F1}
    #ssm .ww {font: 9px calibri, arial, sans-serif; font-weight: normal !important; color: #C1A6D1; text-shadow: none; background: #F1F1F1}
    #ssm .title {border-top: 5px solid #CCBCCC; padding: 4px; line-height: 1.4em; font: 12px verdana, tahoma, arial, sans-serif; font-weight: bold; color: #C1A6D1; background: #F1F1F1 !important}
    #ssm .aa {padding: 3px 4px; line-height: 1.4em; background: #F1F1F1; border-top: 1px solid #CCBCCC}
    #ssm a {display: block; margin: 0; padding: 3px 8px; font: 9px calibri, arial, sans-serif; color: #C1A6D1 !important; text-shadow: none}
    #ssm a:hover {color: #CCBCCC; text-shadow: none; background: transparent; border: 0; border-radius: 0}


    /* LARGHEZZA BOARD */
    .container {margin: 30px auto; padding: 30px; background: #FFF; border: 1px solid #F1F1F1; border-radius: 0}
    .container, .tabs.top, .tabs.bottom {max-width: 870px}


    /* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
    .tabs {font-family: calibri, arial, serif; letter-spacing: .05em; text-transform:uppercase; font-size: 9px; width: 95px}
    .tabs li {vertical-align: bottom; margin-left: 0}
    .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: #C1A6D1; background: #F1F1F1; border: 1px solid #E0E0E0; margin: 1px; border-radius: 0; font-family: calibri, arial, serif; letter-spacing: .05em; text-transform:uppercase; font-size: 9px}
    .tabs a:hover, .tabs .current a {color: #CCBCCC; background: #F1F1F1; border: 1px solid #E5E5E5; text-transform:uppercase; font-size: 9px}

    /* variante per tabs laterali non ruotati */
    .tabs.left.no_rotate a {border: 1px solid #E0E0E0; margin-right: 1px; border-radius: 0}
    .tabs.right.no_rotate a {border: 1px solid #E0E0E0; margin-left: 1; border-radius: 0}

    /* i tabs in basso voglio che abbiano background e border del container */
    .tabs.bottom a {background: #F1F1F1; border: 1px solid #E0E0E0; margin-top: 4px; border-radius: 0}


    /* TABS disposti attorno il container */

    /* 30px come il margin del container */
    .tabs.top {text-align: right; position: relative; top: 30px; width: 100%!important; padding: 2px 3px}
    /* 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; width: 100% !important; padding: 2px 3px}

    /* 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; margin-right: 5px}
    .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; margin-left: 3px}


    /* come colorare i tabs attorno il container in modo diverso uno dall'altro */
    #tab_r1 a {background: #DFD5DB; border-color: #D6C9D2; color: #FFF}
    #tab_r1 a:hover {background: #D6C9D2}

    #tab_r2 a {background: #D6C9D2; border-color: #CCBCCC; color: #FFF}
    #tab_r2 a:hover {background: #CCBCCC}

    #tab_r3 a {background: #CCBCCC; border-color: #BAA9BA; color: #FFF}
    #tab_r3 a:hover {background: #BAA9BA}

    #tab_r4 a {background: #BAA9BA; border-color: #C1A6D1; color: #FFF}
    #tab_r4 a:hover {background: #C1A6D1}

    #tab_r5 a {background: #C1A6D1; border-color: #AE9DC9; color: #FFF}
    #tab_r5 a:hover {background: #AE9DC9}

    .tabs.left a {background: #F2F2F2}
    .tabs.left a:hover {background: #FBFBFB}


    /* HOMEPAGE */
    .board .skin_tbl {margin: 5px}
    .skin_tbl {border-bottom: 5px solid #C1A6D1; background: #EFEFEF; border-radius: 0; padding: 5px; outline: 1px solid #FFF}

    .mback {background-color: #C1A6D1; border-radius: 50px 10px / 10px 50px; margin-bottom: 5px}
    .mback_left, .mback_right {width: 5%}
    .board .yy {background: #FFF; font: 9px calibri; text-transform: uppercase; width: 145px; margin-right: 4px}
    .board .yy div {display: inline-block; margin: 5px}
    .board .zz div {display: inline-block; margin: 1px; font: 9px calibri; text-transform: uppercase}
    .board .zz {background: #FFF; width: 180px}


    /* 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}
    .plus {background-image: url('https://img.forumfree.net/html/sys-img/plus_b.gif')}
    .minus {background-image: url('https://img.forumfree.net/html/sys-img/minus_b.gif')}

    .mtitle {text-align: right; padding: 5px; font: 9px calibri; text-transform:uppercase; font-weight: normal; color: #FFF; background: transparent !important}
    .title, .darkbar {background: #transparent !important; font-weight: bold; font-size: 10px; font-family: calibri; text-transform: uppercase}
    .board .title.top {display: none}



    /* RIGHE di COLORE ALTERNATO */
    .list > *, table.mainbg tr, .profile .skin_tbl {background: #FFF}
    .list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #FFF}

    .big_list > * {background: #FFF; margin-bottom: 4px}
    .big_list > *:nth-child(even) {background: #FFF}
    .big_list > *:hover {background: url(https://i.imgur.com/QPYomLy.png)}
    .big_list > *:nth-child(even):hover {background: url(https://i.imgur.com/QPYomLy.png)}
    .web a {color: #C1A6D1; font-weight: bold}
    .web a:hover {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #AE9DC9; font-weight: bold}
    .board .off .aa, .board .off img {opacity: .8}
    .board .off:hover .aa, .board .off:hover img {opacity: 1}
    /* fix per Opera */
    .board .off .aa {min-height: 22px}

    .board .on {background: #FFF}
    .board .on:hover {background: url(https://i.imgur.com/QPYomLy.png)}
    .board .on:nth-child(even):hover {background: url(https://i.imgur.com/QPYomLy.png)}

    /* .on .off .annuncio .importante .calda .chiusa .spostata */
    /* se non si specifica .forum ha effetto anche sul blog */
    .forum .annuncio {background: #DFD5DB}
    .forum .annuncio:nth-child(even) {background: #DFD5DB}
    .forum .annuncio .yy {background: transparent !important}
    .forum .importante {background: #DFD5DB}
    .forum .importante:nth-child(even) {background: #DFD5DB}
    .forum .importante .yy {background: transparent !important}
    .forum .yy {background: #FFF; font: 9px calibri; text-transform: uppercase; text-align: justify}
    .forum .xx {font: 9px calibri; text-transform: uppercase; font-weight: bold}

    /* SELEZIONE RIGA: MultiQuote e Moderazione */
    /*.topic .focus {opacity: .6} <- default */
    .focus {color: #FFF !important; background: #DFD5DB !important}
    .focus:nth-child(even) {color: #FFF !important; background: #DFD5DB !important}
    .cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #FFF !important; text-shadow:none}
    .yy {background: transparent !important}



    .web {font: 10px georgia, verdana, arial}
    .desc {font-weight: normal; background: #FFF; padding: 2px 3px; text-transform:uppercase; font: 9px calibri}
    .on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
    .spostata .web a {color: #CCC; font-style: italic}

    /* Control Panel: Messenger, UserCP e ModCP */
    .cp .tabs {text-align: left}
    .cp .tabs {width: 100% !important; margin-bottom: 2px}
    .cp .tabs .current a {font-size: 9px; font-weight: bold; color: #FFF; text-shadow: none; background: #DFD5DB !important; border: 1px solid #D6C9D2}
    /* edit avatar */
    .tabs2 div:hover {background: url(https://i.imgur.com/QPYomLy.png)}
    .tabs2 .current div {background: url(https://i.imgur.com/QPYomLy.png) !important; opacity: 50%}

    /* 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}
    #msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 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 verdana}
    #msg .cp .post {background: #F5F5F5}


    /* RISPOSTA */
    #loading .top, .summary .list .top {color: #555; border-bottom: 1px solid #DDD}
    #loading .bottom, .summary .list .bottom {border-top: 1px solid #FFF}

    .fast.send .sunbar {font-weight: bold; font-size: 11px; color: #888; text-shadow: none; background: #F5F5F5 !important}
    .fast.send .mainbg {background: #F5F5F5}
    .sunbar {text-align: center; font: 11px calibri; text-transform: uppercase; font-weight: bold; color: #D2C4D0; text-shadow: none; background: #F5F5F5 !important}
    .sunbar.top {border-radius: 0}
    .sunbar.bottom {border-radius: 0}
    .sunbar a {text-decoration: none; color: #CCBCCC}
    .sunbar a:hover {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #C1A6D1; letter-spacing: .05em}

    .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: #E5E5E5; height: 15px; line-height: 15px; font-size: 10px; color: #000 !important; border-radius: 3px}
    .bar div {background: url(https://i.imgur.com/L9eCyUa.png) repeat-x; border-radius: 3px 0 0 3px}
    .max .bar {background: #E5E5E5}
    .max .bar div {background: url(https://i.imgur.com/L9eCyUa.png) repeat-x}
    .poll .skin_tbl {border-bottom: 0; border-right: 3px solid #C1A6D1; border-left: 3px solid #C1A6D1; border-radius: 10px 50px / 50px 10px}
    .poll .sunbar.top {background: transparent!important}
    .poll .list > * {background: #F3F3F3; margin-top: 5px}
    .poll .list >:last-child {border-bottom: 0}

    /* DISCUSSIONI */
    .topic .mtitle {font-weight: bold} .topic .mdesc {font-weight: normal}

    .post {background: #F5F5F5; border-top: 1px dotted #E5E5E5}
    .post:first-child {border: 0}
    .post:nth-child(even) {background: #F5F5F5}

    .post .center .left {padding: 0 10px}
    .post .center .right {padding: 10px 0}
    .post .right {padding-left: 10px !important}
    .post .bottom {font-size: 11px}

    .color {line-height: 1.8em}
    .color a {color: #CCBCCC}
    .color a:hover {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #C1A6D1; letter-spacing: 0}
    .color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
    .edit {font-size: 10px; color: #BBB; color: rgba(0, 0, 0, .25)}
    .fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2}
    .bottomborder {border-bottom: 1px dashed #A9C7AF}


    /* avatar e altri dettagli */
    .post .details {position: relative; overflow: visible !important; padding-bottom: 20px; font-size: 10px; color: #555; color: rgba(0, 0, 0, .6); background: #F2F2E1; border: 3px solid #CCBCCC; border: 1px solid rgba(0, 0, 0, .1); border-radius: 0}
    .avatar:hover {border: 0}
    .post .avatar {margin: 6px; overflow: hidden}
    .details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: transparent!important}
    .details p:first-line {font-weight: bold; color: #EEE}
    .box_visitatore .details p {border-radius: 5px}
    .u_rank {display: none}
    .u_group {background: url(https://i.imgur.com/5fQLLlL.png); width: 120px; padding: 2px 3px; font: 9px: calibri; text-transform: uppercase; font-weight: bold; color: #FFF; margin-left: 9px; margin-top: 3px}
    .u_posts {background: url(https://i.imgur.com/5fQLLlL.png); width: 120px; display: block; padding: 2px 3px; font: 9px: calibri; text-transform: uppercase; font-weight: bold; color: #FFF; margin-left: 9px; margin-top: 3px}
    .u_location {background: url(https://i.imgur.com/5fQLLlL.png); width: 120px; display: block; padding: 2px 3px; font: 9px: calibri; text-transform: uppercase; font-weight: bold; color: #FFF; margin-left: 9px; margin-top: 3px}
    .post .nick {background: #FFF; font-family: 'Covered By Your Grace', cursive; font-size: 20px; padding: 2px 3px; text-transform: lowercase; width: 142px; text-align: center; border: 1px solid #E5E5E5}
    /* online, offline, anonimo */
    .u_status {}
    .u_status dt {display: none}

    .box_online .u_status {background: transparent!important}
    .box_online .u_status dt {background: #6B6}

    .box_offline .u_status {background: transparent!important}
    .box_offline .u_status dt {background: #333}

    .box_anonimo .u_status {background: transparent!important}
    .box_anonimo .u_status dt {background: #EEAD0E}


    /* CITAZIONI, SPOILER e CODICI annidati */

    /* 1° livello */
    .quote, .code {padding: 5px; font-size: 9pt; font-weight: normal; color: #111; background: #ECECEC; border: 1px solid #CCC; border-radius: 0; text-transform: uppercase; font: 9px calibri}

    /* 2° livello */
    .quote .quote, .quote .code, .spoiler .quote, .code .code {color: #111; background: #ECECEC}

    /* 3° livello */
    .quote .quote .quote, .quote .quote .code,
    .spoiler .quote .quote, .spoiler .quote .code,
    .quote .spoiler .quote, .quote .code .code {color: #111; background: #ECECEC}

    /* 4° livello */
    .quote .quote .quote .quote, .quote .quote .quote .code,
    .spoiler .quote .quote .quote, .spoiler .quote .quote .code,
    .quote .spoiler .quote .quote, .quote .spoiler .quote .code,
    .quote .quote .spoiler .quote, .quote .quote .code .code,
    .quote .quote .quote .code {color: #111; background: #ECECEC}


    .quote_top, .code_top {font-size: 8px; color: #666; margin: 1em}

    /* 1° livello */
    .quote_top:before, .spoiler .code_top:before {color: #CCC; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 39px; font-family: 'Times New Roman'; font-weight: bold}
    .code_top:before {color: #CCC; content:'<!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
    .code_top:after {color: #CCC; content:'>'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
    .spoiler .code_top:after {content:''}

    /* 2° livello */
    .quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
    .spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #CCC}

    /* 3° livello */
    .quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
    .spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
    .quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #CCC}

    /* 4° livello */
    .quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
    .spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
    .quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
    .quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
    .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #CCC}



    /* BLOG */
    .blog .skin_tbl {background: transparent; border: 0}
    /* se il blog non ha sidebar, #centerdiv non viene usato */
    #centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 11px}

    .blog .article {padding: 20px 0; border-top: 1px solid #BBB}
    .blog .article:first-child {padding-top: 10px; border-top: 0}

    .btitle {margin-bottom: 10px; line-height: 1.8em}
    .btitle a {font-size: 24px; font-family: 'Satisfy', cursive; color: #CCBCCC; border-bottom: 0 dotted transparent}
    .btitle a:hover {border-bottom: 0 dotted #999; letter-spacing: 0}
    .bdesc {margin-top: 5px; font: 9px calibri; color: #666; text-transform: uppercase}
    .on .btitle {font-weight: bold}

    .article .title2 {font-size: 10px; color: #888}
    .article .title2 a {font-weight: bold; color: #444}
    /* è necessario scrivere a:link e a:visited in questo caso, altrimenti i link avrebbero il colore di .title2 a */
    .tags {font-size: 8px; font-weight: bold; font-family: arial; text-transform: uppercase}
    .tags a:link, .tags a:visited {font: 9px calibri; text-transform: uppercase; color: #CCBCCC; font-weight: bold}
    .color .tags {font-size: 10px}

    /* data */
    /* spostare 'display: none; ' da '.article .top .avatar' a .article .top .when' per mostrare l'avatar sotto il titolo invece del calendario */
    .article .title2.top {position: relative; padding-left: 54px}
    .article .top .avatar {position: absolute; top: 2px; left: 5px}
    .article .top .when {display: none; position: absolute; top: 2px; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; background: transparent}
    .article .top .when > *:first-child, .blog .top .when .d_month * {display: none}
    .article .top .when * {width: 100%; position: absolute; left: 0}
    .article .top .when .d_day {top: 12px; font-size: 9px; color: #666; text-shadow: 0 -1px 0 #FFF}
    .article .top .when .d_month *:first-child {display: block; top: 23px; font-size: 9px; color: #999; text-shadow: 0 -1px 0 #FFF}
    .article .top .when .d_year {top: -2px; font-size: 8px; color: #FFF}

    /* punti, commenti e visite */
    .article .top .right span {display: inline-block; vertical-align: middle; text-align: center; font: 10px arial; text-transform:uppercase}
    .article .top .right a {font-weight: normal}
    .article .top .right a:hover {border: 0}
    .article .top .right em {display: inline-block; font-weight: bold; font-size: 10px; vertical-align: middle}

    .article .color {margin: 5px 0 20px; text-align: justify; line-height: 1.85em; font-size: 13px}
    .article .color .edit {color: #BBB}

    .comments .post {padding: 5px 0; background: #F5F5F5}
    .comments .post:nth-child(even) {background: #FFF}
    .comments .post .title2 {font-size: 11px}
    .comments .post .right {padding-left: 5%}
    .comments .post .center .left {min-width: 0}
    .comments .nick {font-size: 9px; word-wrap: break-word; overflow: hidden; width: 104px; font-family: calibri !important; text-transform:uppercase; font-weight: bold}
    .comments .avatar {width: 100px; height: 100px} .comments .avatar * {max-width: 100px}
    .comments .details {padding-bottom: 6px; width: 110px}
    .comments .u_status {display: none; bottom: -5px}



    /* BLOG WIDGET */
    .sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: #F1F1F1; border: 1px solid #CCC; border-radius: 0}
    .stitle {padding: 0 0 10px 0; text-align: center; font: 10px arial; font-weight: normal; color: #555; text-transform: uppercase; text-shadow: -1px -1px 0 #EEE; background: transparent !important}
    .stitle a {color: #555; font: 9px arial; text-transform: uppercase}

    .sidebox li {padding: 2px 0}

    /* widget sottosezioni, ultimi commenti ed etichette */
    .side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {font: 8px arial; text-transform: uppercase; font-weight: bold}
    .sidebox a {font: 8px arial; text-transform: uppercase; color: #CDBDCD!important; font-weight: bold}
    /* widget calendario */
    .side_calendar {padding: 5px; background: #F1F1F1}
    .side_calendar .stitle {padding-bottom: 5px}
    .side_calendar tr {text-align: center; background: #CDBDCD}
    .side_calendar td {font-size: 9px; background: #FFF}
    .side_calendar td:nth-child(even) {background: #FFF}
    .side_calendar .current {font-weight: bold; color: #FFF; background: #CDBDCD !important}

    /* widget sondaggio e tagbard */
    .sidebox .list {font-size: 10px}

    /* widget sondaggio */
    .side_poll {padding: 5px 1px 1px 1px}
    .side_poll .stitle {padding-bottom: 5px}

    /* widget tagboard */
    .side_tag {padding: 5px 0 1px 1px}
    .side_tag .stitle {padding-bottom: 5px; border-bottom: 1px dashed #CCC}


    /* TAGBOARD e CHAT */
    .tag, .chat {margin-bottom: 30px}
    .tag .list, .side_tag .list {font-size: 10px; padding: 5px; border-bottom: 2px solid #EFEFEF}
    .tag .list li {margin-bottom: 3px; width: 99%; background: #D6C9D2; border-radius: 10px 50px/50px 10px}
    .tag .textinput, .side_tag .textinput {font-size: .95em; padding: 2px; height: 15px!important}
    .tag a, .side_tag a {text-decoration: none; color: #FFF; font-weight: bold; font: 8px arial; text-transform: uppercase}
    .tag a:hover, .side_tag a:hover {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #FFF; font-weight: bold; letter-spacing: 0!important; font: 8px arial}
    /* LISTA UTENTI ONLINE */
    .online .yy a {font-weight: bold}


    /* STATISTICHE */
    #board .stats {margin-top: 30px}
    #board .stats .aa {display: none}
    #board .stats .skin_tbl.top {border: 0; border-radius: 0; background: url(https://i.imgur.com/QPYomLy.png) !important; height: 100%; font: 9px calibri; text-transform: uppercase}
    #board .stats .skin_tbl.bottom {border-radius: 0; background: url(https://i.imgur.com/QPYomLy.png) !important; border-bottom: 0; font: 9px calibri; text-transform: uppercase; height: 100% !important}
    #board .stats .mback {display: none}
    #board .stats .top .mback {display: none}
    #board .stats .skin_tbl.top {width: 48%; float: left}
    #board .stats .skin_tbl.bottom {width: 50%; margin-left: 50%}
    /* simbolo tra un nick e il successivo */
    .users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content:''}
    .users a:hover, .groups a:hover {border-bottom: 1px dotted #999}


    /* COLORI UTENTI */
    .box_visitatore .details {border: 0; background: transparent}

    .daconvalidare {font-style: italic}

    .male {color: #146AAE} .female {color: #C68}

    .amministratore {color: #7CAE73; font-weight: bold}
    .box_amministratore .details {background: #FFF; font: 9px calibri; text-transform: uppercase; display: block}

    .moderatore {color: #63A4BA; font-weight: bold}
    .box_moderatore .details {background: #FFF; font: 9px calibri; text-transform: uppercase; display: block}

    .gruppo1 {background-color: #D6C9D2; padding: 3px; color: #FFF; font-weight: bold; text-transform: uppercase; font: 7px arial !important; letter-spacing: 0}
    .gruppo2, .gruppo3 {background-color: #D6C9D2; padding: 3px; color: #FFF; font-weight: bold; text-transform: uppercase; font: 7px arial !important; letter-spacing: 0}
    .box_gruppo1 .details {background: #FFF; font: 9px calibri; text-transform: uppercase; display: block}
    .groups dd:before, .groups dd:after {display:none}

    /* REGISTRAZIONE RAPIDA */
    .reg {margin-bottom: 30px; padding: 2px; background: #F5F5F5; border: 1px solid #CCC; border-radius: 0}
    .reg .skin_tbl {border: 0}


    /* AVVISI */
    /* pop up */
    .popup > div {background: #F5F5F5}
    #redirect .info {border: 1px solid #FFF}

    .navsub .info {font-size: .8em}
    .alert, .info {border-radius: 0}
    .alert {padding: 1em; background: #F5F5F5 !important; color: #BAA9BA !important}
    .info {padding: .5em; background: #F5F5F5 !important; color: #BAA9BA !important}
    .alert a, .info a {color: #BAA9BA}
    .alert a:hover {color: #C1A6D1}


    /* PROFILO */
    .profile .tabs {text-align: right; padding-top: 10px; width: 100%}
    .profile h2 {margin-top: 1.5%; padding: 5px; background-color: #F5F5F5; border: 0 solid #CCC; border-radius: 0}
    .profile .left {background: transparent; font: 8px arial; text-transform: uppercase; margin-bottom: 50px!important}
    .profile .left a {color: #C1A6D1; font: 8px arial}
    .profile .left .mini_buttons img {display: none}
    .profile .left .mini_buttons {background-color: #F5F5F5; padding: 2px; margin-top: -40px!important; margin-left: 135px}
    .profile .left .avatar img {border-radius: 10px 50px/50px 10px; border: 4px solid #FFF}
    .profile .nick {margin-left: -4px!important; line-height: 1em; margin: 5%; color: #C1A6D1; font-family: 'Covered By Your Grace', cursive; font-size: 22px; font-weight: normal; text-shadow: none; letter-spacing: 0.05em; text-transform:lowercase; background: #FFF; padding: 2px 3px; border-radius: 10px 50px/50px 10px}
    .profile .u_status {background-color: #F5F5F5; padding: 3px; font: 8px arial!important; text-transform: uppercase; display: inline-block!important; letter-spacing: 0.95em; margin-top: -50px; margin-left: 153px}
    .profile dl {font-size: 8px; font-family: arial; text-transform: uppercase}
    /* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */
    .profile .skin_tbl {border-radius: 0}
    .profile .left {position: relative}


    /* 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: #FFF !important; text-shadow: none !important; background: #C1A6D1; border: 1px solid #C1A6D1; 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; color: #FFF; background: #CCBCCC; border: 1px solid #CCBCCC; border-radius: 100px}
    .pages li a:hover {background: #C1A6D1; border-color: #C1A6D1}
    .pages .current {font-size: 1.2em; color: #FFF; background: #C1A6D1; border: 1px solid #C1A6D1}

    .pages .jump a, .pages .lastpost a {font-size: .9em; color: #FFF; background: #CCBCCC; border-color: #CCBCCC}
    .pages .jump a:hover, .pages .lastpost a:hover {color: #FFF; background: #C1A6D1; border-color: #C1A6D1}

    .pages .first a, .pages .last a {background: #CCBCCC; border-color: #CCBCCC}
    .pages .first a:hover, .pages .last a:hover {background: #C1A6D1; border-color: #C1A6D1}


    /* INPUT e BOTTONI */
    .codebuttons, .forminput, .textinput {padding: 3px; font: .9em verdana, arial, serif; color: #111; background: #F5F5F5; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; box-shadow: 0 1px 2px #FFF}
    .textarea.textinput {padding: 4px; line-height: 2em; font: 1em verdana, arial, serif}

    /* 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: #CCC; box-shadow: 0 0 8px #C1A6D1}

    /* bbcode */
    .codebuttons {background: #F5F5F5; border: 1px solid #CCC; height: 19px; padding: 2px 3px!important} .codebuttons:hover {background: #F5F5F5; border: 1px solid #CCC; height: 19px; padding: 2px 3px!important}

    /* form di accesso a Inbox, Sent Items... */
    .sunbar .forminput {color: #FFF; background: #F5F5F5; border: 1px solid #CCC; padding: 0; box-shadow: none}
    .sunbar .forminput:hover {background: #F5F5F5; border-color: #CCC}

    /* form sotto bottone Nuova Disc. */
    .navsub form {font-size: .8em}
    .navsub .forminput {color: #000; background: #F5F5F5; border: 1px solid #CCC}
    .navsub .forminput:hover, .navsub .forminput:focus {background: #F5F5F5}

    /* form di ordinamento in fondo alle sezioni */
    .title .forminput {padding: 2px; color: #111; background: #F5F5F5; border: 1px solid #CCC; text-transform: uppercase!important}
    .title .forminput:hover {background: #F5F5F5}
    .title input.forminput {font-weight: bold; color: #FFF; background: #F5F5F5; border: 1px solid #CCC; text-transform: uppercase!important}
    .title input.forminput:hover {background: #F5F5F5; border-color: #CCC}

    /* bottone invio risposta */
    .darkbar .forminput, .fast.send .forminput {color: #111; background: #F5F5F5!important; border: 1px solid #CCC!important}
    .darkbar .forminput:hover, .fast.send .forminput:hover {background: #F5F5F5; border-color: #CCC}

    .darkbar .forminput {padding: 5px; font: 8px arial; text-transform: uppercase; border: 2px solid #FFF !important}

    .darkbar input.forminput, .fast.send input.forminput {background: #F5F5F5; box-shadow: 0 1px 1px #CCC}

    /* bottone preview */
    .darkbar button.forminput {color: #111; background: #F5F5F5; box-shadow: 0 1px 1px #CCC}
    .darkbar button.forminput:hover {color: #111; background: #F5F5F5}


    /* 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: 9px; color: #000; text-shadow: none; background: #A6A6A6; border: 1px solid #CCC; border-bottom-color: #CCC; border-radius: 0; 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: #F5F5F5}

    /* 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}

    /* Rircerca post */
    #search.posts .post {margin: 10px; border: none}


    5. Immagini (selezionare "Aggiorna tramite la modifica rapida"):
    CODICE
    A_STAR:<img src="https://i.imgur.com/b2UTqUL.png" width="16" height="16" alt="">
    FEMALE_STAR:<img src="https://i.imgur.com/b2UTqUL.png" width="16" height="16" alt="">
    MALE_STAR:<img src="https://i.imgur.com/b2UTqUL.png" width="16" height="16" alt="">
    F_NAV:<img src="https://i.imgur.com/fATdbTd.png" width="16" height="16" alt="F_NAV">
    F_NAV_SEP:<img src="https://i.imgur.com/fATdbTd.png" width="16" height="16" alt="F_NAV_SEP">
    C_ON:<img src="https://i.imgur.com/7CXhK11.png" width="32" height="32" alt="C_ON">
    C_OFF:<img src="https://i.imgur.com/UD4KVHN.png" width="32" height="32" alt="C_OFF">
    C_ON_RES:<img src="https://i.imgur.com/7CXhK11.png" width="32" height="32" alt="C_ON_RES">
    C_OFF_RES:<img src="https://i.imgur.com/UD4KVHN.png" width="32" height="32" alt="C_OFF_RES">
    C_LOCKED:<img src="https://i.imgur.com/UD4KVHN.png" width="32" height="32" alt="C_OFF_RES">
    F_ACTIVE:<img src="https://i.imgur.com/7CXhK11.png" width="32" height="32" alt="C_ON_RES">
    F_STATS:<img src="https://i.imgur.com/UD4KVHN.png" width="32" height="32" alt="C_OFF_RES">
    A_POST:<img src="https://i.imgur.com/TYkSjpd.png" width="185" height="50" alt="A_POST">
    A_REPLY:<img src="https://i.imgur.com/jxdDxkx.png" width="185" height="50" alt="A_REPLY">
    A_POLLONLY_B:<img src="https://i.imgur.com/dg5vgc3.png" width="185" height="50" alt="A_POLLONLY_B">
    A_LOCKED_B:<img src="https://i.imgur.com/Q3rX1yv.png" width="185" height="50" alt="A_LOCKED_B">
    M_REPLY:<img src="https://img.forumfree.net/style_images/52/user_comment.png" alt="M_REPLY"> M_REPLY
    M_DELETE:<img src="https://img.forumfree.net/style_images/52/user_delete.png" alt="M_DELETE"> M_DELETE
    M_ADDMEM:<img src="https://img.forumfree.net/style_images/52/user_add.png" alt="M_ADDMEM"> M_ADDMEM
    M_UNREAD:<img src="https://i.imgur.com/55d8taN.png" width="16" height="16" alt="M_UNREAD">
    M_READ:<img src="https://i.imgur.com/U4qSDqe.png" width="16" height="16" alt="M_READ">
    B_PIN:<img src="https://i.imgur.com/NVR8VNb.png" width="16" height="16" alt="B_PIN">
    B_ANNUNCIO:<img src="https://i.imgur.com/NVR8VNb.png" width="16" height="16" alt="B_ANNUNCIO">
    B_NEW:<img src="https://i.imgur.com/s69cOId.png" width="16" height="16" alt="B_NEW">
    B_NORM:<img src="https://i.imgur.com/U4qSDqe.png" width="16" height="16" alt="B_NORM">
    B_HOT:<img src="https://i.imgur.com/4omSrKg.png" width="16" height="16" alt="B_HOT">
    B_HOT_NN:<img src="https://i.imgur.com/FsW7Lup.png" width="16" height="16" alt="B_HOT_NN">
    B_POLL:<img src="https://i.imgur.com/mpAyadG.png" width="16" height="16" alt="B_POLL">
    B_POLL_NN:<img src="https://i.imgur.com/mpAyadG.png" width="16" height="16" alt="B_POLL_NN">
    B_MOVED:<https://i.imgur.com/uJGRQ0F.png
    B_LOCKED:<img src="https://i.imgur.com/X49WaPO.png" width="16" height="16" alt="B_LOCKED">
    NEW_POST:<img src="https://img.forumfree.net/style_images/52/newpost.png" alt="NEW_POST">
    PAG:<img src="https://img.forumfree.net/index_file/pages.gif" width="11" height="11" alt="PAG">
    CAT_IMG:<img src="https://img.forumfree.net/index_file/post.gif" width="8" height="9" alt="view post" title="view post">
    THUMBS_UP:<img src="https://i.imgur.com/Kc8Ehit.png" width="16" height="16" alt="Top">
    THUMBS_DOWN:<img src="https://i.imgur.com/5fUlXkN.png" width="16" height="16" alt="THUMBS_DOWN">
    P_DELETE:<img src="https://img.forumfree.net/style_images/52/comment_delete.png" alt="P_DELETE"> P_DELETE
    P_EDIT:<img src="https://img.forumfree.net/style_images/52/comment_edit.png" alt="P_EDIT"> P_EDIT
    P_QUOTE:<img src="https://img.forumfree.net/style_images/52/comment.png" alt="P_QUOTE"> P_QUOTE
    P_MSG:<img src="https://img.forumfree.net/style_images/52/p_msg.png" alt="P_MSG"> P_MSG
    P_EMAIL:<img src="https://img.forumfree.net/style_images/52/email.png" alt="P_EMAIL"> P_EMAIL
    P_CONTACTS:<img src="https://img.forumfree.net/style_images/52/p_contacts.png" alt="P_CONTACTS"> P_CONTACTS
    P_WEBSITE:<img src="https://img.forumfree.net/style_images/52/p_www.png" alt="P_WEBSITE"> P_WEBSITE
    EMOTICONS:https://i.imgur.com/zlfWVF5.png
    EMOTICONS2:https://i.imgur.com/zlfWVF5.png
    LOADING:https://img.forumfree.net/index_file/load.gif
    PREVIEW:https://img.forumfree.net/index_file/preview.png
    FULL_EDITOR:https://img.forumfree.net/index_file/full.png
    HELP:https://img.forumfree.net/index_file/help.png
    COLOR:https://img.forumfree.net/index_file/color.png
    HTML:https://img.forumfree.net/index_file/html.png
    ATTACHMENT:https://img.forumfree.net/index_file/attachment.png
    ONLINE:Online
    OFFLINE:Offline
    ANONIMO:Anonimo
    P_UP:<img src="https://img.forumfree.net/style_images/52/p_up.png" width="16" height="16" alt="Top">
    P_UP_SHOW:0
    F_UP:<img src="https://img.forumfree.net/index_file/up_f.png" width="24" height="24" alt="Top">
    C_UP:<img src="https://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top">
    C_UP_SHOW:1
    AVATAR_DEFAULT:<img src="https://img.forumfree.net/style_images/avatar_nn.png" width="50" height="50" alt="Avatar">
    AVATAR_BOT:<img src="https://img.forumfree.net/style_images/avatar_nn2.png" width="50" height="50" alt="Bot">

    6. Logo:
    CODICE
    https://i.imgur.com/IB8dwqu.png

    7. Sfondo:
    CODICE
    https://i.imgur.com/aEgqN4n.png
  4. view post Posted: 12/1/2019, 12:13     +7
    Character sheet #001 - code
    .
    character sheet #001 -- regolamento

    ✓ Puoi modificare i colori in base al tuo gusto personale
    ✓ Puoi cambiare la dimensione dei font
    ✓ Puoi aggiungere campi
    ✓ Puoi modificare le immagini
    ✗ Non puoi modificare senza consenso
    ✗ Non puoi togliere i credits
    ✗ Non puoi spacciare il codice per tuo
    ✗ Non puoi usare il codice come base per i tuoi codici.
    Prelevi? Fammelo sapere comunicandolo qui


    nome e cognome
    info x info x info
    descrizione fisica & segni particolari
    nome_campo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum iaculis tincidunt. Quisque nec finibus leo, a varius felis. Nunc est magna, lacinia vel hendrerit nec, interdum vitae est. In vestibulum dignissim odio, nec rutrum risus venenatis id. Donec pretium placerat nibh sed mattis. Ut venenatis odio id urna elementum, non gravida velit pellentesque. Aliquam nibh tellus, ultricies a facilisis quis, ullamcorper ac nisi. Vestibulum libero est, rutrum gravida semper eu, porta a eros. Etiam dignissim auctor blandit. Nunc ut luctus arcu. Suspendisse potenti. Aliquam eu pulvinar quam, in suscipit felis.
    inserire una citazione che non sia troppo lunga
    descrizione carattere & paure
    nome_campo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum iaculis tincidunt. Quisque nec finibus leo, a varius felis. Nunc est magna, lacinia vel hendrerit nec, interdum vitae est. In vestibulum dignissim odio, nec rutrum risus venenatis id. Donec pretium placerat nibh sed mattis. Ut venenatis odio id urna elementum, non gravida velit pellentesque. Aliquam nibh tellus, ultricies a facilisis quis, ullamcorper ac nisi. Vestibulum libero est, rutrum gravida semper eu, porta a eros. Etiam dignissim auctor blandit. Nunc ut luctus arcu. Suspendisse potenti. Aliquam eu pulvinar quam, in suscipit felis.
    anagrafe
    nome_campo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget turpis eget ligula hendrerit lobortis tempor a purus. Vestibulum vitae tempus sem, eget tristique enim. Morbi vulputate nibh vel metus rutrum, at feugiat ipsum accumsan. Ut consequat, quam sit amet ornare consectetur, justo ex dapibus odio, luctus dignissim felis nunc at sapien.
    lorem
    lorem
    lorem
    lorem
    curiosità
    [1] inserire curiosità [2]inserire curiosità [3] inserire curiosità [4] inserire curiosità [5] inserire curiosità [6] inserire curiosità [7] inserire curiosità [8] inserire curiosità [9] inserire curiosità [10] inserire curiosità [11] inserire curiosità [12] inserire curiosità [13] inserire curiosità [14] inserire curiosità [15] inserire curiosità [16] inserire curiosità
    Bagaglio
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget turpis eget ligula hendrerit lobortis tempor a purus. Vestibulum vitae tempus sem, eget tristique enim. Morbi vulputate nibh vel metus rutrum, at feugiat ipsum accumsan. Ut consequat, quam sit amet ornare consectetur, justo ex dapibus odio, luctus dignissim felis nunc at sapien.
    storia pg
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae ex et ante lobortis laoreet ac vel orci. Proin commodo semper ipsum. Vestibulum vulputate, magna eu malesuada volutpat, justo arcu ornare ante, at tristique diam sapien in ante. Aenean ullamcorper pretium justo nec dictum. Aliquam eu neque arcu. Vivamus at feugiat tellus. Donec convallis enim bibendum felis tincidunt, eget varius ligula mattis. Vestibulum sed est lorem. Sed nec risus eros. Morbi ut accumsan elit. Nullam lobortis orci accumsan arcu facilisis malesuada. Pellentesque tincidunt orci at magna mollis mattis.
    Nunc lacinia ut elit vitae efficitur. Sed id neque mollis, pellentesque metus et, laoreet massa. Vestibulum elementum vel magna nec sagittis. Vivamus vitae sem varius, vehicula ante a, pulvinar ipsum. Quisque sit amet ante vel tellus blandit auctor. Fusce iaculis tellus nec massa tincidunt dapibus. Praesent rhoncus velit non dui tempor malesuada. Aenean viverra nibh ut ultricies varius. Pellentesque neque elit, tristique vitae ultrices eu, molestie sit amet sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque ac efficitur ipsum. In non purus est.
    Curabitur non est nec magna molestie feugiat. Mauris egestas leo sit amet pharetra vehicula. Pellentesque bibendum mauris massa, sit amet vestibulum sem tempus eu. Nunc nulla ipsum, scelerisque ut convallis eget, ullamcorper condimentum nisl. Curabitur eget eros ornare, accumsan orci nec, lobortis nunc. Maecenas fermentum, eros eu rutrum rutrum, dui magna pretium felis, eu placerat justo purus et massa. Vestibulum dignissim tincidunt dolor eu imperdiet. Vivamus fringilla eros quis feugiat rutrum. Integer pretium ex sed nulla venenatis aliquam.
    code by @codominance / gif by tumblr


    SPOILER (clicca per visualizzare)
    CODICE
    <div style=" background: #f4f2f1; width:550px; font: 12px georgia; line-height: 12px; text-align: justify" align="center"><div style=" height: 125px; background: #212121; font: 9px arial; font-weight: bold; text-transform: uppercase; color: #dddddd; padding: 10px;"><div style="padding-top: 55px; padding- left: 240px;"><div style="width: 250px; text-align: center; font: 12px 'Archivo Black', sans-serif; text-transform: uppercase;">nome e cognome </div><div style="text-align: center; font: 8px 'Archivo Black', sans-serif; text-transform: uppercase;">info x info x info</div></div></div><div style="display: inline-block; float: right; width: 325px; text-align: justify;"><div style="width: 300px; padding: 5px; height: 5px; border-bottom: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em"> descrizione fisica & segni particolari </div><div style="padding: 12px; height: 120px; font: 12px Georgia; overflow: auto; margin-bottom: 2px"><span style="font: 8px 'Archivo Black', sans-serif; text-transform: uppercase; color: #80a080">nome_campo</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum iaculis tincidunt. Quisque nec finibus leo, a varius felis. Nunc est magna, lacinia vel hendrerit nec, interdum vitae est. In vestibulum dignissim odio, nec rutrum risus venenatis id. Donec pretium placerat nibh sed mattis. Ut venenatis odio id urna elementum, non gravida velit pellentesque. Aliquam nibh tellus, ultricies a facilisis quis, ullamcorper ac nisi. Vestibulum libero est, rutrum gravida semper eu, porta a eros. Etiam dignissim auctor blandit. Nunc ut luctus arcu. Suspendisse potenti. Aliquam eu pulvinar quam, in suscipit felis.</div><div style="width: 300px; padding: 5px; height: 5px; border-bottom: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em"><marquee scrollamaunt="4"> inserire una citazione che non sia troppo lunga </marquee></div><img style="width: 330px; margin-top: 2px" src="https://i.imgur.com/zElWHv2.gif"><div style="width: 300px; padding: 5px; height: 5px; border-bottom: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em"> descrizione carattere & paure </div><div style="padding: 12px; height: 138px; font: 12px Georgia; overflow: auto; margin-bottom: 2px"><span style="font: 8px 'Archivo Black', sans-serif; text-transform: uppercase; color: #80a080">nome_campo</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum iaculis tincidunt. Quisque nec finibus leo, a varius felis. Nunc est magna, lacinia vel hendrerit nec, interdum vitae est. In vestibulum dignissim odio, nec rutrum risus venenatis id. Donec pretium placerat nibh sed mattis. Ut venenatis odio id urna elementum, non gravida velit pellentesque. Aliquam nibh tellus, ultricies a facilisis quis, ullamcorper ac nisi. Vestibulum libero est, rutrum gravida semper eu, porta a eros. Etiam dignissim auctor blandit. Nunc ut luctus arcu. Suspendisse potenti. Aliquam eu pulvinar quam, in suscipit felis.</div></div><div style="display: inline-block; width: 210px; background: #c5e0c5; padding: 7px"><img style="border-radius: 100%; border:3px solid #9cc19c; margin-left: 50px" src="https://i.imgur.com/KNHscB4.gif"><div style="width: 180px; padding: 5px; height: 5px; border-bottom: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em"> anagrafe </div><div style="padding:12px; font: 11px Georgia; height: 70px; overflow: auto; margin-top: 2px"><span style="font: 8px 'Archivo Black', sans-serif; text-transform: uppercase; color: #80a080">nome_campo</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget turpis eget ligula hendrerit lobortis tempor a purus. Vestibulum vitae tempus sem, eget tristique enim. Morbi vulputate nibh vel metus rutrum, at feugiat ipsum accumsan. Ut consequat, quam sit amet ornare consectetur, justo ex dapibus odio, luctus dignissim felis nunc at sapien.</div><div style="padding: 10px; "><div style="display: inline-block; background: #80a080; width: 85px; height: 10px; padding: 2px 3px; font: 8px 'Archivo Black', sans-serif; text-transform: uppercase; color: #e5e5e5; text-align: center; margin: 2px">lorem</div><div style="display: inline-block; background: #80a080; width: 85px; height: 10px; padding: 2px 3px; font: 8px 'Archivo Black', sans-serif; text-transform: uppercase; color: #e5e5e5; text-align: center; margin: 2px">lorem</div><div style="display: inline-block; background: #80a080; width: 85px; height: 10px; padding: 2px 3px; font: 8px 'Archivo Black', sans-serif; text-transform: uppercase; color: #e5e5e5; text-align: center; margin: 2px">lorem</div><div style="display: inline-block; background: #80a080; width: 85px; height: 10px; padding: 2px 3px; font: 8px 'Archivo Black', sans-serif; text-transform: uppercase; color: #e5e5e5; text-align: center; margin: 2px">lorem</div></div><div style="width: 180px; padding: 5px; height: 5px; border-bottom: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em"> curiosità </div><div style="padding:12px; font: 11px Georgia; height: 75px; overflow: hidden; font: 9px calibri; text-transform: uppercase; color: #80a080"> [1] inserire curiosità [2]inserire curiosità [3] inserire curiosità [4] inserire curiosità [5] inserire curiosità [6] inserire curiosità [7] inserire curiosità [8] inserire curiosità [9] inserire curiosità [10] inserire curiosità [11] inserire curiosità [12] inserire curiosità [13] inserire curiosità [14] inserire curiosità [15] inserire curiosità [16] inserire curiosità</div><div style="width: 180px; padding: 5px; height: 5px; border-bottom: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em"> Bagaglio </div><div style="padding:12px; font: 11px Georgia; height: 70px; overflow: auto; margin-top: 2px; margin-bottom: 5px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget turpis eget ligula hendrerit lobortis tempor a purus. Vestibulum vitae tempus sem, eget tristique enim. Morbi vulputate nibh vel metus rutrum, at feugiat ipsum accumsan. Ut consequat, quam sit amet ornare consectetur, justo ex dapibus odio, luctus dignissim felis nunc at sapien.</div></div><div style="background: #212121; height: autopx"><div style="width: 515px; padding: 5px; height: 5px; border-bottom: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em; margin-bottom:2px"> storia pg </div><div style="padding: 12px; height: 208px; font: 12px Georgia; overflow: auto; margin-bottom: 2px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae ex et ante lobortis laoreet ac vel orci. Proin commodo semper ipsum. Vestibulum vulputate, magna eu malesuada volutpat, justo arcu ornare ante, at tristique diam sapien in ante. Aenean ullamcorper pretium justo nec dictum. Aliquam eu neque arcu. Vivamus at feugiat tellus. Donec convallis enim bibendum felis tincidunt, eget varius ligula mattis. Vestibulum sed est lorem. Sed nec risus eros. Morbi ut accumsan elit. Nullam lobortis orci accumsan arcu facilisis malesuada. Pellentesque tincidunt orci at magna mollis mattis.
    Nunc lacinia ut elit vitae efficitur. Sed id neque mollis, pellentesque metus et, laoreet massa. Vestibulum elementum vel magna nec sagittis. Vivamus vitae sem varius, vehicula ante a, pulvinar ipsum. Quisque sit amet ante vel tellus blandit auctor. Fusce iaculis tellus nec massa tincidunt dapibus. Praesent rhoncus velit non dui tempor malesuada. Aenean viverra nibh ut ultricies varius. Pellentesque neque elit, tristique vitae ultrices eu, molestie sit amet sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque ac efficitur ipsum. In non purus est.
    Curabitur non est nec magna molestie feugiat. Mauris egestas leo sit amet pharetra vehicula. Pellentesque bibendum mauris massa, sit amet vestibulum sem tempus eu. Nunc nulla ipsum, scelerisque ut convallis eget, ullamcorper condimentum nisl. Curabitur eget eros ornare, accumsan orci nec, lobortis nunc. Maecenas fermentum, eros eu rutrum rutrum, dui magna pretium felis, eu placerat justo purus et massa. Vestibulum dignissim tincidunt dolor eu imperdiet. Vivamus fringilla eros quis feugiat rutrum. Integer pretium ex sed nulla venenatis aliquam.</div><div style="width: 515px; padding: 5px; height: 10px; border-top: 1px solid #9cc19c; text-transform: uppercase; font:9px 'Archivo Black', sans-serif; overflow: hidden; text-align: center; color: #80a080; letter-spacing: 0.12em; margin-top:4px; margin-bottom: 5px">code by <a href="https://brettfoliopt2.blogfree.net/?act=Profile&MID=733654">@codominance</a> / gif by tumblr</div></div></div>


    Inserire in codici html in cima a tutte le pagine:
    CODICE
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Archivo+Black">
4 replies since 14/11/2011
Filter forums
.
Top
Create your blog! · Create your forum! · Top Blog · Categories · Help · Status · Contacts · Powered by BlogFree