call me, beep me (if u wanna reach me)

SCURA | ANTEPRIMA

« Older   Newer »
 
  Share  
.
  1.     +3    
     
    .
    Avatar


    ☆☆☆☆☆☆☆

    Group
    oracle
    Posts
    14,797
    Location
    haven, maine.

    Status
    Anonymous
    call me, beep me skin
    è possibile modificare i bottoni ed eliminare, stringere o allargare il container
    è possibile scurire/schiarire e ingrandire i font purché non si alteri la skin

    è vietato rimuovere i credits o modificarli anche solo parzialmente
    la skin non è assolutamente una base su cui creare le vostre

    ◊ Anteprima: here. | ◊ Avvisa qui se prelevi. | ◊ Problemi? Vai al topic.

    naYP7m6
    ◊ in codici HTML - in cima al forum
    CODICE
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Roboto&family=Quicksand:wght@600&family=Ubuntu&display=swap"/>

    <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"/>
    <link rel="stylesheet" type="text/css" href="//img.forumfree.net/fontawesome/font-awesome.min.css"/>

    ◊ in codici HTML - in fondo al forum
    CODICE
    <div style="padding: 5px; font-size: 8px; margin-bottom: 10px; color: #888; background-color: #000; border: 5px solid #0D0D0D; width: 750px; text-align: center; text-transform: uppercase; letter-spacing: 1px;"><b>call me, beep me (if u wanna reach me)</b> by <a href="http://fuckyeah.blogfree.net/?act=Profile&MID=469">greywaren</a> | thanks to <a href="http://fuckyeah.blogfree.net/">&hearts;</a> # <a href="http://fuckyeah.blogfree.net/?act=Profile&MID=67163">&hearts;</a> # <a href="https://fontawesome.com/">&hearts;</a> | @ <a href="http://fuckyeah.blogfree.net">fuckyeah</a> & <a href="http://neinhydra.forumfree.it">neinhydra</a></div>

    ◊ in logo e immagini - indirizzo dello sfondo
    CODICE
    https://i.imgur.com/9igvvhJ.png

    ◊ in colori e stili
    CODICE
    /*call me, beep me skin by pandi*/
    body {font: 12px 'ubuntu'; color: #555; background-color: #111; background-repeat: repeat; background-position: bottom}
    a {text-decoration: none; color: #BBB; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
    a:hover {color: #AA5750; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    .nav {font: 15px 'quicksand', arial; font-weight: bold; letter-spacing: 0} .nav a {background: #090909; padding: 2px 5px; color: #555}

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


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

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

    /* MENU principale */
    .menuwrap {font-family: 'ubuntu', verdana, tahoma, arial, sans-serif; padding: 5px; background: #191919; text-transform: uppercase; font-size: 8px !important; font-weight: bold; letter-spacing: 1px}
    .menuwrap.alternative {display: none !important}

    .menuwrap li {line-height: 2.6em; color: #AAA; text-shadow: -1px -1px 0 #111; padding: 5px}

    .menuwrap a {margin: 0; padding: 0 10px; color: #AAA; border-bottom: 3px solid #191919; border-top: 3px solid #191919}
    .menuwrap a:hover {color: #888; border-bottom-color: #7E9373}
    .menuwrap .icon a {padding: 0}
    .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: #A3645E}

    /* numero msg e link REGISTRATI */
    .menuwrap ul.left em {padding: 2px 5px; color: #A3645E; text-shadow: none; font-size: 10px} .menuwrap ul.left em:before {content: '\f0f3'; font-family: 'fontawesome'; font-size: 9px; color: #888}
    .menuwrap em {color: #A3645E; text-shadow: none; font-size: 8px}

    .menuwrap .nick {color: #7E9373}
    .menuwrap form {padding: 0 11px 0 5px}


    /* MENU contestuale(dropdown) */
    .menu > a:hover, .menu:hover > a {color: #DDD}

    .menu ul {width: 180px; background: #111; border: 5px solid #080808; padding: 5px; margin-top: 5px}

    .right .menu ul {margin-left: -10px !important}

    .menuwrap ul.left li.menu:nth-child(3) ul li:nth-child(3), .menuwrap ul.left li.menu:nth-child(3) ul li:nth-child(5) {display: none !important}
    .menu li {padding: 3px 5px; line-height: 12px; text-shadow: none}
    .menu li strong {color: #A3645E}
    .menu li a {padding: 5px !important; font-size: 8px; border-bottom-color: #090909; background: #191919}
    .menu li a:hover, .menu li:hover > a {background: #090909; border-top-color: #090909}

    /* SUB MENU contestuale(dropright) */
    /* Sposta msg pvt */
    .submenu.alternative ul {border-top: 1px solid #080808; 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: 11px verdana, arial, sans-serif; color: #000; background: #AAA; border: 1px solid #000}
    .menuwrap input:hover {cursor: pointer; background: #BBB}
    .menuwrap input:focus {cursor: default; background: #DDD; outline: none; box-shadow: 0 1px 5px #888}

    .menuwrap input[type=submit] {padding: 2px; text-shadow: 0 -1px 0 #444; color: #DDD;
    background: #424242; border: 1px solid rgba(0, 0, 0, .5)}
    .menuwrap input[type=submit]:hover {color: #FFF; background: #555}

    /* CERCA */
    .menuwrap .search input {padding-right: 20px; color: #888; background: #191919 url('http://img.forumfree.net/style_images/52/icon_search.png') no-repeat 96% -12%; border: solid 3px #222}
    .menuwrap .search input:hover {background-color: #111}
    .menuwrap .search input:focus {background-color: #111; background-position: 96.5% 110%}


    /* LARGHEZZA BOARD */
    .container {margin: 30px auto; padding: 30px; background: #000; border: 5px solid #0D0D0D}
    .container, .tabs.top, .tabs.bottom {max-width: 860px}


    /* TABS*/
    .tabs {font-family: 'ubuntu'; text-transform: uppercase; font-size: 8px; letter-spacing: 1px}
    .tabs li {vertical-align: bottom; margin-left: 5px}

    .tabs.no_rotate li {margin: 5px}
    .tabs.no_rotate.alternative li {margin: 5px}
    .tabs.rotate {height: 26px; padding: 0 10px}
    .tabs.right.rotate {margin-left: 16px}
    .tabs.left.rotate {margin-right: 16px}

    .tabs a, .tabs.no_rotate.alternative a {display: block; margin: 0; padding: 5px 20px !important; text-decoration: none; font-weight: normal; color: #FFF; font-size: 8px; border: 2px solid rgba(0, 0, 0, .2)}
    .tabs a:hover, .tabs .current a {color: #AAA !important}

    #tab_r1, #tab_l6 {background: #7E9372}
    #tab_r2, #tab_l5 {background: #364436}
    #tab_r3, #tab_l4 {background: #121715}
    #tab_r4, #tab_l3 {background: #111}
    #tab_r5, #tab_l2 {background: #442929}
    #tab_r6, #tab_l1 {background: #A3645E}

    .tabs.top {text-align: center; position: relative; top: 20px}
    .tabs.top a, .tabs.bottom a {border: 2px solid rgba(0, 0, 0, .2); border-radius: 0; padding: 5px 30px !important; background: #000; color: #BBB} .tabs.top a:hover, .tabs.bottom a:hover {background: #161616}
    .tabs.bottom {text-align: center; position: relative; bottom: 20px}


    /* HOMEPAGE */
    .board .skin_tbl {margin: 30px 0}
    .skin_tbl {background: transparent} .skin_tbl .mainbg {background: #0D0D0D; border: 5px solid #090909; margin: 5px 0}
    .board .skin_tbl .mainbg, .stats .skin_tbl .mainbg, .forum .skin_tbl .mainbg {background: transparent !important; border: none}

    .mback {background-color: transparent}

    .mtitle {text-align: center; padding: 5px; font: 16px georgia, verdana, arial; font-weight: bold; text-transform:lowercase; font-family: 'quicksand'; color: #111; background: #7E9373; border: 5px solid #586A4E}
    .title.top {display: none}
    .title.bottom {font-size: 8px; text-transform: uppercase; letter-spacing: 1px}

    /* RIGHE di COLORE ALTERNATO */
    .list > *, table.mainbg tr, .profile .skin_tbl {background: #0D0D0D; border: 5px solid #090909; margin: 5px 0}

    .big_list > * {border: 5px solid #090909; background: #0D0D0D; padding: 5px 0; margin: 5px 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    .big_list > *:hover {background: #090909; border: #050505 5px solid; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    .aa i {font-size: 30px; color: #3C4637}
    .board .zz a {color: #CC7068 !important; font-weight: initial !important}
    .board .on .aa i {color: #CC7068}

    /* .on .off .annuncio .importante .calda .chiusa .spostata */
    /* se non si specifica .forum ha effetto anche sul blog */
    .forum .annuncio {background: #BA665F; border-color: #97504A; color: #222}
    .forum .importante {background: #BA665F; border-color: #97504A; color: #222}
    .forum .annuncio a, .forum .importante a {color: #222 !important}
    a.new_post i {color: #BA665F; font-size: 8px; line-height: 10px !important}
    .forum .importante .aa i, .forum .annuncio .aa i {font-size: 30px; color: #1C1C1C}


    /* SELEZIONE RIGA: MultiQuote e Moderazione */
    /*.topic .focus {opacity: .6} <- default */
    .focus {color: #888 !important; background: url(https://www.toptal.com/designers/subtlepatterns/patterns/black_mamba.png) !important; border-color: #606060}


    .web {font-size: 12px; font-family: 'quicksand', cursive; font-weight: bold}
    .web a {color: #7E9373; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
    .web a:hover {color: #3C4637; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
    .desc {font-weight: normal}
    .on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
    .spostata .web a {color: #324827; font-style: italic}

    /* Control Panel: Messenger, UserCP e ModCP */
    .cp .tabs {width: 100%}
    .cp .tabs a {text-align: center; font-size: 8px; color: #888 !important; margin: 10px 0; padding: 5px 13px !important; background: #060606 !important; border: none; border-bottom: 3px solid #060606; border-top: 3px solid #060606; font-weight: bold; letter-spacing: 1px !important}
    .cp .tabs .current a, .cp .tabs a:hover {border-bottom-color: #586A4E}

    /* edit avatar */
    .tabs2 div:hover {background: #111}
    .tabs2 .current div {background: #090909 !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-size: 12px; font-family: 'quicksand', cursive; font-weight: bold}
    #msg .thumbs a {margin: 2px !important; border-radius: 0 !important; border: #090909 3px solid !important; padding: 4px !important; width: 25px !important; height: 25px !important}
    #msg .thumbs img {border-radius: 0 !important}


    /* RISPOSTA */
    #loading .top, .summary .list .top {color: #586A4E; border-bottom: 2px solid #111; text-align: center !important; text-transform: uppercase; font-size: 8px; letter-spacing: 1px}
    #loading {margin: 20px auto; border: 5px solid #111 !important}

    #loading div.skin_tbl {text-align: center; width: 98%} #loading .color {text-align: initial; padding-top: 5px}
    #loading .skin_tbl b:not(.color b) {text-align: center !important; color: #586A4E; font-family: 'ubuntu'; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold}
    #loading .skin_tbl hr:not(.color hr) {display: none}

    .fast.send .sunbar {font-weight: bold; font-size: 11px; color: #888; text-shadow: none; background: #ECECEC !important}

    .sunbar {text-align: center !important; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #555; background: #060606 !important}
    .sunbar a {color: #586A4E}
    .sunbar a:hover {color: #555}

    /*.summary .color {text-transform: initial !important; line-height: 15px !important; font-size: 12px !important; letter-spacing: 0 !important; font-weight: normal !important} */
    .summary .list {margin: 10px 0 !important; padding-right: 10px}
    .summary .list li:first-child {margin-top: 0} .summary .list li:last-child {margin-bottom: 0}
    .summary .quote, .summary .code {font-size: 10px}

    .summary .right {width: 100% !important; margin-top: -20px}
    .summary .left {position: relative; top: 00px !important; z-index: 9 !important; margin-top: 1px; width: 30% !important} .summary .left .nick:before {content: 'so, '} .summary .left .nick:after {content: ' told me...'}
    .summary .right .top {background: #090909; padding: 5px; letter-spacing: 1px !important; text-align: right !important} .summary .right .when span {display: none} .summary .right .when:before {content: 'reported on'}

    #send .list li div >:not(.forminput):not(.summary li div):not(.summary blockquote) {font-family: 'ubuntu'; text-transform: uppercase; font-size: 8px; font-weight: bold; letter-spacing: 1px; color: #555} #send .summary .list li {text-transform: initial !important; font-weight: normal; letter-spacing: initial}
    #send .list li a {font-size: 8px; color: #888; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out} #send .list li a:hover {color: #97504A; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}


    /* SONDAGGI */
    .bar {background: #000; height: 15px; line-height: 15px; font-size: 8px; letter-spacing: 1px; color: #888 !important; border: 2px solid rgba(0, 0, 0, .2)}
    #pollform .right a {color: #A3645E}
    .bar div {background: #111}
    .max .bar {background: #442929; color: #111 !important}
    .max .bar div {background: #A3645E}
    #pollform .darkbar {text-transform: uppercase; font-size: 8px; font-weight: bold; letter-spacing: 1px} #pollform .darkbar abbr {color: #A3645E; text-decoration: none}


    /* DISCUSSIONI */
    topic .mtitle {font-weight: bold} .topic .mdesc {font-weight: normal}
    .post td.left, .post td.right {display: inline-block; margin-top: -5px} .post .nick {position: absolute}
    .post {background: #0D0D0D; margin-top: 0}
    .post .title2.top .right {padding: 8px; background: none}
    .post .title2.bottom .right, .post .title2.bottom .left {background: #090909; padding: 5px 10px !important; text-align: right !important; width: 97.7%} .post .title2.top .right {width: 97.7%}
    .right a i.fa-file {color: #B7706A}
    .post .title2.top .lt {margin-left: 45%}
    .post .title2.top .lt .when span {display: none}
    .post .title2.top {background: #090909; padding: 5px !important; display: table-cell}

    .post .right:not(.center .right) {font-size: 9px; letter-spacing: 1px; text-transform: uppercase} .post .right a:not(.center .right, .mini_buttons a) {color: #777 !important} .post .right a:hover:not(.center .right, .mini_buttons a) {color: #B7706A !important}

    .post .center .right {padding: 10px 0}
    .post .right {padding-left: 5px !important; width: 99%}
    .post .bottom {font-size: 11px}

    .skin_tbl .mainbg {background: none !important; border: none !important}
    .post {background: transparent !important; margin: 10px 0 !important; border: 5px solid #090909}

    .color {line-height: 15px; font-size: 12px; min-height: 50px !important}
    /* .color td {vertical-align: top} */
    .color b {color: #B7706A; text-transform: uppercase; font-size: 9px; letter-spacing: 1px}
    .color u {background: #000; color: #555; padding: 2px; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 0}
    .color i {color: #7E9373}
    .color del {color: #2A2A2A}
    .color a {color: #777}
    .color a:hover {color: #B7706A}
    .color hr {border: 1px solid #7E9373 !important; margin: 5px}
    .edit {font-size: 10px; color: #222; text-transform: uppercase; font-size: 7px; letter-spacing: 1px}
    .fancyborder {border: 3px solid #000 !important; background: #060606; color: #777}
    .bottomborder {border-bottom: 1px dashed #333}

    blockquote {padding: 8px; font-size: 11px; font-weight: normal; line-height: 14px; color: #777; background: #060606; border: 3px solid #586A4E}

    .post .nick {width: auto; margin-left: 30px; padding: 0 2px; font-weight: bold !important; font: 16px 'quicksand', georgia, verdana, arial; line-height: 21px; display: inline-block !important; vertical-align: middle}
    .post .nick a {color: #B7706A; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; position: relative; bottom: -4px}
    .post .nick a:hover {color: #97504A !important; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
    .post .nick:before {content: 'hey'; color: #777; padding: 0 5px} .post .nick:after {content: ', what\0027s the sitch?'; color: #777}

    .post .nick a {position: relative; display: inline-block; max-width: 100px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}


    /* avatar e altri dettagli */
    .avatar:hover {border: 0}

    .post .avatar {position: relative; margin-top: -38px !important; margin-left: 0; overflow: hidden; width: 30px; height: 30px; border: 3px solid #586A4E; border-radius: 0%; padding: 3px}
    .post .avatar img {width: 100%}
    .details p, .details p:first-line, .details div, .details .u_group, .details .u_posts, .details .u_reputation, .details .u_location {display: none}

    /* online, offline, anonimo */
    .u_status, .u_rank {display: none}
    .u_status dt {display: none}

    /* CITAZIONI, SPOILER e CODICI annidati */

    .quote {padding: 8px; font-size: 11px; font-weight: normal; line-height: 14px; color: #777; background: #0D0D0D; border: 5px solid #090909}
    .code {padding: 8px; font-size: 11px; font-weight: normal; line-height: 14px; color: #444; background: #0D0D0D; border: 5px solid #090909; font-family: 'courier'}
    .spoiler > div.code {padding: 8px; font-size: 11px; font-weight: normal; line-height: 14px; color: #777; background: #0D0D0D; border: 5px solid #090909; font-family: inherit !important}
    .quote_top, .code_top {font-size: 11px; color: #666 !important; margin: 1em} .quote_top b, .code_top b {color: #7E9373}


    /* BLOG */
    .blog .skin_tbl li {background: #0D0D0D; border: 5px solid #090909; padding: 5px; margin-top: 10px} .skin_tbl .mainbg {margin-top: 0 !important}
    /* se il blog non ha sidebar, #centerdiv non viene usato */
    #centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 11px}
    #blog .nav {margin-bottom: 20px}

    .blog .article {padding: 20px 0}


    .btitle {margin-bottom: 10px} h2.btitle {margin-bottom: 0}
    .btitle a {font-size: 12px; font-family: 'quicksand', cursive; font-weight: bold}
    .bdesc {font-size: 10px; color: #666}
    .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, .tags a:link, .tags a:visited {font-size: 7px; font-weight: bold; color: #7E9372; text-transform: uppercase; letter-spacing: 1px}
    .color .tags {font-size: 11px}

    .article .title2.top {position: relative}
    .article .top .avatar, .article .top .when {display: none}

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

    .article .color {line-height: 15px; font-size: 12px; min-height: 50px !important}
    .article .color b {color: #B7706A; text-transform: uppercase; font-size: 9px; letter-spacing: 1px}
    .article .color u {background: #000; color: #555; padding: 2px; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 0}
    .article .color i {color: #7E9373}
    .article .color del {color: #2A2A2A}
    .article .color a {color: #777 !important}
    .article .color a:hover {color: #B7706A}
    .article .color hr {border: 1px solid #7E9373 !important; margin: 5px}
    .article .edit {font-size: 10px; color: #222; text-transform: uppercase; font-size: 7px; letter-spacing: 1px}
    .article .fancyborder {border: 3px solid #000 !important; background: #060606; color: #777}
    .article .bottomborder {border-bottom: 1px dashed #333}

    .article .mini_buttons > * {background: transparent !important}

    blockquote {padding: 8px; font-size: 11px; font-weight: normal; line-height: 14px; color: #777; background: #060606; border: 3px solid #586A4E}

    .comments .post .nick {font-size: 15px; line-height: 20px; display: inline-block !important; vertical-align: middle; width: 150px !important}
    .comments .post .nick a {position: relative; display: inline-block; max-width: 75px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; bottom: 5px}
    .comments .post .nick:before {content: 'hey'; color: #777; padding: 0 5px; position: relative; bottom: 10px} .comments .post .nick:after {content: ' !'; color: #777; position: absolute; bottom: 10px}

    .comments .post .title2.top .lt {margin-left: 30%}

    .comments .post .right {padding-left: 40%}
    .comments .post .center .left {min-width: 0}
    .comments .nick {font-size: 13px; word-wrap: break-word; overflow: hidden; width: 110px}
    .comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 88px}
    .comments .details {padding-bottom: 6px; width: 96px}
    .comments .u_status {bottom: -5px}

    /* BLOG WIDGET */
    .sidebox {margin: 0 0 20px 0 !important; padding: 5px; background: #111; border: 5px solid rgba(0, 0, 0, .2)}
    .stitle {padding: 5px !important; text-align: center !important; font-size: 10px; font-family: 'quicksand'; font-weight: bold; color: #555; padding: 0; text-transform: uppercase; letter-spacing: 1px}
    .stitle a {color: #555}
    .side_profile .avatar img {border: 8px solid #7E9372; padding: 6px}
    .side_profile dl {color: #444 !important; text-align: left; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; border-bottom: 2px solid #090909; padding: 5px} .side_profile dt {color: #A3645E}

    .sidebar .mini_buttons a {padding: 2px 7px !important; background: #090909}

    .sidebox li {padding: 2px 0} .side_list li a {text-transform: uppercase; font-size: 8px !important; font-weight: bold; letter-spacing: 1px; color: #888 !important}

    .side_stats .left, .side_online .left {display: none; width: 0} .side_stats .right, .side_online .right {width: 100%}

    .side_friends .thumbs a {margin: 2px !important; border-radius: 0 !important; border: #090909 3px solid !important; padding: 4px; width: 25px !important; height: 25px !important} .side_friends .thumbs img {border-radius: 0 !important} .side_friends .mini_buttons {margin: 5px 0} .side_friends .mini_buttons img {display: none}
    .article .mini_buttons a {text-transform: uppercase; margin-right: 5px}

    .side_list .topic, .side_comments .side_list li {color: #888; margin: 5px 0; padding: 5px} .side_list .topic:last-child {margin: 0 !important}
    .side_list .topic .thumbs {display: none}
    .side_list .topic a, .side_comments .side_list li a, .side_tags .side_list li a {color: #888 !important} .side_list .topic a:hover, .side_comments .side_list li a:hover, .side_tags .side_list li a:hover {color: #777}
    .side_comments .side_list b {text-transform: uppercase; font-size: 8px; font-weight: bold; letter-spacing: 1px; color: #7E9372} .side_comments .side_list i {font-style: initial}

    /* widget sottosezioni, ultimi commenti ed etichette */
    .side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {color: #146A9E}

    /* widget calendario */
    .side_calendar tr {text-align: center; background: #090909; text-transform: uppercase; font-size: 8px} .side_calendar th {padding: 3px !important; letter-spacing: 1px}
    .side_calendare table {width: 95% !important}
    .side_calendar td i {font-style: initial; color: #888} .side_calendar tr:nth-child(3) {display: none} .side_calendar tr:nth-child(2) td {text-transform: uppercase; font-size: 7px !important}
    .side_calendar td {font-size: 9px; background: #090909; padding: 3px}
    .side_calendar td:nth-child(even) {background: #050505}
    .side_calendar .current {font-weight: bold; color: #222; background: #A3645E !important}

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

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

    /* widget tagboard */
    .side_tag {padding: 0}
    .side_tag .stitle {padding-bottom: 5px}


    /* TAGBOARD e CHAT */
    .tag, .chat {margin-bottom: 30px}
    .tag .list, .side_tag .list {font-size: 11px; padding: 0}
    .tag .list > * {border: none; background: #090909; padding: 5px 3px !important; margin: 0 !important} .tag .list > *:nth-child(odd) {border: none; background: #0D0D0D; padding: 5px 3px !important; margin: 0 !important}
    .tag .textinput, .side_tag .textinput {font-size: .95em; padding: 1px}
    .tag a, .side_tag a {color: #CC7068; font-weight: bold !important; background: #090909 !important; padding: 2px; text-transform: uppercase; font-size: 8px; font-family: 'quicksand'; letter-spacing: 1px} .tag a:hover, .side_tag a:hover {color: #AA5750}

    .tmsg b {color: #555; font-size: 8px; text-transform: uppercase}
    .tmsg i {color: #555; letter-spacing: 1px}
    .tmsg u {background: #000; padding: 3px; color: #555; text-decoration: none}
    .tmsg a {color: #888 !important} .tmsg a:hover {color: #555 !important}


    /* LISTA UTENTI ONLINE */
    .online .yy a {font-weight: bold}
    .groups dd {margin: 2px} .groups dd::before {content: ''} .groups dd::after {content: ' |'} .groups dd:last-child:after {content: ''}
    .groups a, .users a {text-transform: uppercase; font-weight: bold; font-size: 8px; letter-spacing: 1px}

    /* simbolo tra un nick e il successivo */
    .users li:before {content:'| '; font-weight: normal !important} .users li:first-child:before {content:''}

    .online .thumbs a {border-radius: 0 !important; border: #000 3px solid !important; padding: 4px} .online .thumbs img {border-radius: 0 !important; height: 40px}

    /* COLORI UTENTI */
    .box_visitatore .details {border: 0; background: transparent}
    .daconvalidare {font-style: italic}
    .male {color: #146AAE} .female {color: #C68}

    .gruppo1 {color: #7E9372}
    .gruppo2 {color: #364436}
    .gruppo3 {color: #3D4441}
    .gruppo4 {color: #555}
    .gruppo5 {color: #623F3F}
    .gruppo6 {color: #A3645E}


    /* STATISTICHE */
    #board .stats {margin-top: 20px}
    #board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0}
    #board .stats .skin_tbl.bottom {border-radius: 0 0 5px 5px}
    #board .stats .mback {background: #ECECEC; border: 0; border-radius: 0}
    #board .stats .top .mback {border-radius: 5px 5px 0 0}


    /* 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: #060606; border: 5px solid #111}
    .popup span i {color: #1E1E1E}

    .navsub .info {font-size: .8em}
    .info, .alert {padding: 8px; font-size: 11px; font-weight: normal; line-height: 14px; color: #777; background: #0D0D0D; border: 5px solid #090909; margin: auto 20px} .alert {border-color: #401818 !important} .info {border-color: #42553F !important}
    .alert a, .info a {color: #000}
    .alert a:hover {border-bottom: 1px solid #C00}


    /* Control Panel: Messenger, UserCP e ModCP */

    .cp .tabs .current a, .cp .tabs a:hover {border-bottom-color: #586A4E}


    /* PROFILO */
    .profile .tabs {text-align: center; padding-top: 10px}
    .profile .tabs a {text-align: center; font-size: 8px; color: #888 !important; margin-bottom: 10px; padding: 0 10px; background: #060606 !important; border: none; border-bottom: 3px solid #060606; border-top: 3px solid #060606; font-weight: bold; letter-spacing: 1px !important}
    .profile .tabs .current a, .profile .tabs a:hover {border-bottom-color: #586A4E}

    .profile .left {width: 20% !important}
    .profile div.right {min-height: 300px !important; width: 74.8% !important; background: #000; border-left: 10px solid #090909}

    .profile dl, .profile li#tab4.list > * {border: none !important; margin: 5px 0}
    .profile .avatar {padding: 10px; background: #0D0D0D; border: 10px solid #586A4E; margin-top: 10px}
    .profile .nick {display: block; margin: auto; margin-top: 10px; max-width: 140px; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-family: 'quicksand'; background: #586A4E; padding: 5px 0} .profile .nick {color: #111}
    .profile .u_status {max-width: 140px; margin: auto; margin-top: 10px} .profile .u_status dd {border-bottom: none}
    .profile .list > * {background: transparent !important}

    .profile dd {font-size: 10px; border-bottom: 3px solid #090909; text-align: left}
    .profile dt {vertical-align: bottom; text-align: left; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #555; background: #090909 !important}
    .profile .u_reputation {border: none; padding: 0}
    .profile-search dt {height: 0; padding: 0; border-width: 3px} .profile-search dd a {text-transform: uppercase; letter-spacing: 1px; font-size: 8px; color: #C2C2C2}
    #tab2.list .profile-search dd {color: red !important; border: none !important} #tab2.list .profile-search a {color: #586A4E; font-weight: bold} #tab2.list .profile-search a:hover {color: #555}
    .profile-friends a {border: #111 2px solid !important; border-radius: 0 !important; width: 25px; height: 25px; padding: 2px; margin: 2px}
    .profile-friends img {border-radius: 0 !important}
    .profile-rep.u_reputation.rep_pos a {text-transform: uppercase; letter-spacing: 1px; font-size: 8px; color: #A3645E !important}

    .profile .mini_buttons i {background: none; padding: px !important; font-style: initial; margin: 3px}
    .profile .mini_buttons a {background: none; padding: 3px !important; font-size: 8px !important; letter-spacing: 1px} .profile .mini_buttons a i {padding: 0!important} .profile .member_posts_img, .profile .mini_buttons img {display: none}

    .profile .mini_buttons a {background: none; padding: 3px !important} .profile .mini_buttons a i {padding: 0!important} .profile .member_posts_img, .profile .mini_buttons img {display: none}


    /* 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}
    .pages2 li a i {color: #555 !important}
    /* 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: 1; padding: 2px 5px; color: #111 !important; font-weight: bold; background: #BA665F; border: 3px solid #97504A}
    .pages2 a:hover {opacity: .7}

    /* NUMERI PAGINA esterni alle tabelle */
    .top .pages {text-align: center; padding: 15px}
    .bottom .pages {text-align: center; padding: 20px}
    .left .pages {padding: 0}

    .pages {font-size: 8px; text-transform: uppercase; letter-spacing: 1px}

    .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; color: #555 !important; font-weight: bold; background: #090909; border: 3px solid rgba(0, 0, 0, .2)}
    .pages li a:hover {background: #7E9372; border-color: #7E9372; color: #111 !important}
    .pages .current {padding: 2px 5px; color: #111 !important; font-weight: bold; background: #BA665F; border: 3px solid #97504A}

    .pages li.jump a:hover, .pages li.lastpost a:hover, .pages .first a:hover, .pages .last a:hover {background: #111 !important; border-color: #111; color: #555 !important}

    .pages .first a, .pages .last a {background: #111 !important; border-color: #111; color: #555 !important}


    /* INPUT e BOTTONI */
    .codebuttons, .forminput, .textinput {padding: 2px 5px !important; font: .9em 'ubuntu', verdana, arial, serif; color: #555; background: #010101; border: 1px solid #CCC; border: 3px solid #090909}

    textarea.textinput {padding: 5px !important; line-height: 2em; font: 1em 'ubuntu', 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: #111}

    /* bbcode */
    .codebuttons {padding: 2px} .codebuttons:hover {background: #000; color: #CC7068; border-color: #111}

    /* form di accesso a Inbox, Sent Items... */
    .sunbar .forminput {padding: 2px; color: #555; background: #111; border: 2px solid rgba(0, 0, 0, .2); font-size: 10px; text-transform: lowercase}
    .sunbar .forminput:hover {background: #586A4E; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    /* form sotto bottone Nuova Disc. */
    .navsub .forminput {color: #555; background: #111; border: 2px solid rgba(0, 0, 0, .2)}
    .navsub .forminput:hover, .navsub .forminput:focus {background: #262626}

    /* form di ordinamento in fondo alle sezioni */
    .title .forminput {padding: 2px; color: #555; background: #111; border: 2px solid rgba(0, 0, 0, .2); font-size: 10px; text-transform: lowercase}
    .title input.forminput {font-weight: bold; color: #111; background: #7E9373; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; border: 3px solid #586A4E; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
    .title input.forminput:hover {background: #586A4E; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    /* bottone invio risposta */
    .darkbar .forminput, .fast.send .forminput {padding: 0 10px; color: #111; background: #B7706A; border: 5px solid #97504A; font-family: 'quicksand'; font-weight: bold; font-size: 15px; text-transform: lowercase; line-height: 25px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    .darkbar .forminput {border-color: #586A4E !important; background: #7E9373 !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out} .darkbar .forminput:hover {background: #586A4E !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    .darkbar input.forminput, .fast.send input.forminput {padding: 0 10px; color: #111; background: #B7706A !important; border: 5px solid #97504A !important; font-family: 'quicksand'; font-weight: bold; font-size: 15px; text-transform: lowercase; line-height: 25px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
    .darkbar input.forminput:hover, .fast.send input.forminput:hover {background: #97504A !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    /* bottone preview */
    .darkbar button.forminput {padding: 0 10px; color: #111; background: #B7706A; border: 5px solid #97504A; font-family: 'quicksand'; font-weight: bold; font-size: 15px; text-transform: lowercase; line-height: 25px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
    .darkbar button.forminput:hover {background: #97504A; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}


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

    .buttons span img {display: none}
    .buttons span {display: block; padding: 0 10px; color: #111; background: #B7706A; border: 5px solid #97504A; font-family: 'quicksand'; font-weight: bold; font-size: 15px; text-transform: lowercase; line-height: 25px; height: 25px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out} .buttons span:hover {background: #97504A; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

    /* MP, E-mail, Web... */
    .mini_buttons a {border: 0; line-height: 2.5em; color: #586A4E !important; letter-spacing: 1px; font-family: 'ubuntu' !important; font-weight: bold; font-size: 8px !important}
    .post .mini_buttons a {line-height: 1em; font-size: 11px}
    .post .mini_buttons a:hover {color: #444 !important}

    /* .mini_buttons > * seleziona anche il bottone di Facebook */
    .top .mini_buttons > * {margin-left: 10px; background: #000; padding: 5px; text-transform: uppercase}
    .post .mini_buttons > * {margin-left: 12px}
    .post .bottom .mini_buttons > * {margin-left: 14px}
    .mini_buttons > *:first-child {margin: 0 !important}
    .points_pos {color: #42553F !important}
    .points_neg {color: #401818 !important}

    /* scritta multiquote */
    .title2 label {font-weight: bold}::selection {color: #111; background: #7E9373}::-moz-selection {color: #111; background: #7E9373}::-webkit-selection {color: #111; background: #7E9373}


    #markdiv {margin: 10px 18px; background: #000; padding: 10px; font-size: 10px; font-weight: bold; line-height: 14px; border: 2px solid #1F2F1A; box-shadow: 0 0 0 5px #000}
    #markdiv span {text-transform: uppercase; font-size: 9px; letter-spacing: 1px} #markdiv form {margin: 10px !important}
    #markdiv mark, .color mark {background: #000; color: #B7706A; border-radius: 0; padding: 2px 4px; letter-spacing: 1px; font-size: 8px !important; line-height: 10px; text-transform: uppercase; transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out} #markdiv mark:hover, mark:hover {background: #97504A; color: #090909; transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out} #markdiv img {border-radius: 0 !important; border: 5px solid #111; padding: 3px}

    *::-webkit-scrollbar {-webkit-appearance: none; width: 5px; height: 5px}
    *::-webkit-scrollbar-track-piece {background-color: #000}
    *::-webkit-scrollbar-thumb {background-color: #111; border-radius: 100px}

    /*sessioni attive*/
    .session {width: calc(49% - 35px) !important; padding: 10px; background: #0D0D0D !important; border-radius: 0 !important}
    .session dl {border: none !important; padding: 3px 0 !important}
    .session dt {width: 30% !important; margin: 0 !important} .session dd {width: 65% !important; margin: 0 !important}
    .session-info dd {font-size: 10px; text-align: left; padding-left: 10px; line-height: 20px !important} .session-info {margin-top: 10px !important}
    .session-info dt {vertical-align: bottom; text-align: left; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; color: #555; padding: 5px 2px; background: #090909 !important}
    .session-title h2 {text-transform: uppercase; font-size: 8px !important; letter-spacing: 1px; color: #888 !important} .session-title {font-size: 8px !important; color: #555 !important}
    .session-image {border: 5px solid #42553F !important; padding: 3px; width: 30px !important; height: 30px !important; border-radius: 0 !important} .session-image img {background: transparent !important; padding: 0 !important; border-radius: 0 !important; width: auto !important}
    .session-action > * {border-radius: 0 !important; border: 3px solid !important; letter-spacing: 1px !important; font-size: 8px !important; text-transform: uppercase !important}
    span.session-current {color: #000 !important; background: #42553F !important; font-weight: bold; letter-spacing: 1px; border: 3px solid #42553F !important; font-size: 8px !important}
    a.disconnect {color: #777 !important; border-color: #471918 !important; background: #471918 !important; font-weight: bold; letter-spacing: 1px; font-size: 8px !important}

    /*notification center*/
    .modal-title {text-align: center; font: 16px georgia, verdana, arial; font-weight: bold;
    text-transform: lowercase; font-family: 'quicksand'; color: #111; background: #7E9373; border: 5px solid #586A4E; padding: 5px !important; margin: 5px 10px}
    .ff-modal {background: #000; border: 5px solid #0D0D0D; box-shadow: none; border-radius: 0; font-size: 12px !important}
    #notifications-modal .notification-row, #notifications-modal .notification-container:not(.readed) .notification-row {border: 5px solid #090909; background: #0D0D0D; padding: 10px 5px; margin: 5px 10px} #notifications-modal .notification-container:not(.readed) .notification-row {background: #201F1F; border-color: #6F2E2E; box-shadow: inset 0 0 0 5px #111} #notifications-modal .notification-container:not(.readed) .notification-row:hover, #notifications-modal .notification-row:hover {background: #090909; border: #050505 5px solid}
    #notifications-modal .notification-container:not(.readed) .notification-date {color: #888}
    #notifications-modal .notification-row .notification-status {display: none}
    #notifications-modal .avatar {width: 30px; height: 30px; border: 3px solid #090909; padding: 3px; border-radius: 0}
    #notifications-modal .notification-type {display: none}
    #notifications-modal .notification-text, #notifications-modal .notification-date {font-size: 12px}
    .notification-container .dropbtn {background: #131313; border: 2px solid #111; width: 35px; height: 35px; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out} .notification-container .dropbtn:hover {background: #131313; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out} .notification-container .dropbtn:hover:before {background: #5D7136; box-shadow: 7px 0 #5D7136, 15px 0 #5D7136; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out} .notification-container .dropbtn:before {background: #888; box-shadow: 7px 0 #888, 15px 0 #888; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
    #notifications-links a {color: #7E9373; text-transform: uppercase; font-size: 8px; font-weight: bold; letter-spacing: 2px}
    #notifications-mode button {color: #888; text-transform: uppercase; font-size: 8px; font-weight: bold; letter-spacing: 2px; color: #999; background: #111; border: 2px solid #090909; border-radius: 0 !important; margin: 5px; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out} #notifications-mode button:first-child {margin-left: 0}
    #notifications-mode button.active {background: #111; color: #888; border: 2px solid #7E9373; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out} #notifications-mode button[data-mode]:hover {background: #111; color: #CCC; border-color: #222; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
    #notifications-empty {border: 5px solid #090909; background: #0D0D0D; margin: 5px 10px; color: #888; font-size: 8px; text-transform: uppercase; letter-spacing: 1px}
    #notifications-more {box-shadow: 0 0 0 2px #090909 !important; background-color: #0D0D0D} #notifications-modal .plus-button::after, .plus-button::before {background: #7E9373}
    .tippy-box[data-theme~="light"] {background: #090909; border: 6px solid #111; border-radius: 0; box-shadow: none; font-size: 8px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase} .tippy-box[data-theme~="light"][data-placement^="bottom"] > .tippy-arrow::before {border-bottom-color: #111} .tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow::before {border-left-color: #111; left: 22px}
    .notification-container .dropdown-content a:hover {color: #7E9373; background: #111; border-radius: 0} .notification-container .dropdown-content .d-icon {display: none} .notification-container .dropdown-content a > span:last-of-type {margin: 0 5px}

    ◊ in immagini (spuntare la casella "modifica rapida")
    CODICE
    A_STAR:<i class="fa fa-star" aria-hidden="true"></i>
    FEMALE_STAR:<i class="fa fa-star" aria-hidden="true"></i>
    MALE_STAR:<i class="fa fa-star" aria-hidden="true"></i>
    F_NAV:<i class="fas fa-angle-double-right"></i>
    F_NAV_SEP:<i class="fas fa-angle-right"></i>
    C_ON:<i class="fas fa-check"></i>
    C_OFF:<i class="fas fa-times"></i>
    C_ON_RES:<i class="fas fa-check"></i>
    C_OFF_RES:<i class="fas fa-times"></i>
    C_LOCKED:<i class="fas fa-times"></i>
    F_ACTIVE:<i class="fa fa-users"></i>
    F_STATS:<i class="fa fa-bar-chart"></i>
    A_POST:<span>A_POST</span>
    A_REPLY:<span>A_REPLY</span>
    A_POLLONLY_B:<span>A_POLLONLY_B</span>
    A_LOCKED_B:<span>A_LOCKED_B</span>
    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:<i class="fas fa-envelope"></i>
    M_READ:<i class="fas fa-envelope-open"></i>
    B_PIN:<i class="fas fa-thumbtack"></i>
    B_ANNUNCIO:<i class="fas fa-bell"></i>
    B_NEW:<i class="fas fa-plus-square"></i>
    B_NORM:<i class="fas fa-envelope-open"></i>
    B_HOT:<i class="fas fa-envelope"></i>
    B_HOT_NN:<i class="fas fa-envelope-open"></i>
    B_POLL:<i class="fas fa-poll"></i>
    B_POLL_NN:<i class="fas fa-poll"></i>
    B_MOVED:<i class="fa fa-reply"></i>
    B_LOCKED:<i class="fa fa-lock"></i>
    NEW_POST:<i class="fa fa-chevron-right"></i>
    PAG:<i class="fas fa-files"></i>
    CAT_IMG:<i class="fas fa-file"></i>
    THUMBS_UP:<i class="fas fa-thumbs-up"></i>
    THUMBS_DOWN:<i class="fas fa-thumbs-down"></i>
    P_DELETE:<i class="fa fa-trash"></i> P_DELETE
    P_EDIT:<i class="fa fa-wrench"></i> P_EDIT
    P_QUOTE:<i class="fa fa-quote-left"></i> P_QUOTE</i>
    P_MSG:<i class="fa fa-envelope"></i> P_MSG
    P_EMAIL:<i class="fa fa-envelope-o"></i> P_EMAIL
    P_CONTACTS:<i class="fa fa-mobile"></i> P_CONTACTS
    P_WEBSITE:<i class="fa fa-globe"></i> P_WEBSITE
    EMOTICONS:https://icons.iconarchive.com/icons/led24.de/led/16/emoticon-smile-icon.png
    EMOTICONS2:https://icons.iconarchive.com/icons/led24.de/led/16/emoticon-wink-icon.png
    LOADING:https://img.forumfree.net/index_file/load.gif
    PREVIEW:https://icons.iconarchive.com/icons/led24.de/led/16/find-icon.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">
    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">
    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">

    Web
     
    Top
    .
0 replies since 12/1/2024, 09:49   95 views
  Share  
.
Top
Top