#fa_toolbar #fa_right #notif_list li a.delete { background: transparent!important; } #fa_toolbar #fa_right #notif_list li a.delete:before { content: "\f014"; color: #B91919; font-family: FontAwesome; font-size: 15px; position: relative; top: 5px; } .topiclist.forums [style="background:url(https://i.servimg.com/u/f18/16/89/96/68/new13.png) no-repeat scroll 10px 50%;"] h3:after { content: "Nuovo"; text-transform: uppercase; margin-right: 5px; font-weight: 400; font-size: 10px; border-radius: 3px; padding: 2px 5px; background: #83CC55; text-shadow: 1px 1px 3px rgba(0,0,0,0.1); color: #fff; float: right; -webkit-animation: op 3s infinite; opacity: 0; } #page-header .navbar:before { content: ''; position: absolute; left: -10px; margin-top: 31px; border-top: 10px solid #000; border-left: 10px solid transparent; } #tabs:after, .navbar:after, .post:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } @media screen and (min-width: 800px) #page-header .navbar .inner:before { border-right: 10px solid transparent; border-top: 10px solid #000; content: ''; right: -10px; margin-top: 31px; position: absolute; } tabs:after, .navbar:after, .post:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .tuto-header, .tuto-content, .tuto-footer { border-spacing:0; width:100%; } /* tuto header */ .tuto-header { color:#FFF; font-family:"Trebuchet MS", Arial, Verdana, Sans-serif; background:#39C; border:1px solid #39C; border-radius:3px 3px 0 0; padding:3px; position:relative; } .tuto-logo, .tuto-type { width:150px; height:75px; text-align:center; } .tuto-title { font-size:22px; text-align:center; } .tuto-logo:after { content:"\f086"; text-rendering:auto; font:normal normal normal 48px/1 FontAwesome; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .announcement .tuto-logo:after { content:"\f0a1" } .tutorial .tuto-logo:after { content:"\f0d0" } .rules .tuto-logo:after { content:"\f071" } .review .tuto-logo:after { content:"\f046" } .tuto-type:after { content:"Template"; font-size:12px; font-weight:bold; color:#39C; background:#FFF; border-radius:0 0 3px 3px; display:inline-block; padding:3px 9px; position:absolute; top:0; right:20px; } .announcement .tuto-type:after { content:"Announcement" } .tutorial .tuto-type:after { content:"Tutorial" } .rules .tuto-type:after { content:"Important" } .review .tuto-type:after { content:"Review" } /* tuto content */ .tuto-content { background:#FFF; border:1px solid #39C; border-bottom:3px dashed #39C; padding:3px; } /* tuto footer */ .tuto-footer { background:#FFF; border:1px solid #39C; border-bottom-width:5px; border-top:none; border-radius:0 0 3px 3px; position:relative; } .tuto-credit { text-align:justify; vertical-align:middle; padding:10px 6px; } .tuto-brand { width:120px; height:60px; vertical-align:bottom; text-align:center; padding:6px 0; } .tuto-brand:before { content:"Forum"; color:#39C; } .tuto-brand:after { content:"otion.com"; color:#333; } .tuto-footer:after { content:"\f086"; color:#39C; position:absolute; bottom:20px; right:35px; text-rendering:auto; font:normal normal normal 48px/1 FontAwesome; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /* colors by type */ .tuto-header.tutorial { background-color:#8B5; border-color:#8B5; } .tutorial + .tuto-content, .tutorial + .tuto-content + .tuto-footer { border-color:#8B5 } .tutorial .tuto-type:after { color:#8B5 } /* rules / important */ .tuto-header.rules { background-color:#ed765e; border-color:#ed765e; } .rules + .tuto-content, .rules + .tuto-content + .tuto-footer { border-color:#ed765e } .rules .tuto-type:after { color:#ed765e } /* review */ .tuto-header.review { background-color:#5AB584; border-color:#5AB584; } .review + .tuto-content, .review + .tuto-content + .tuto-footer { border-color:#5AB584 } .review .tuto-type:after { color:#5AB584 }