/* ---------------------------------------------------------------------------------------------------------- Output device: screen, projection Author: Nuvio (www.nuvio.cz) Update: 2008-08-17, 13:17 GMT+1 Version: 2.2.6 (2008-07-13, 14:28 GMT+1) Structure: display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font; Content: 1) HTML tags 2) HTML styles 3) Layout 4-1) Page: Homepage 5) Others ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 1) HTML tags 0.75em/1.5 ---------------------------------------------------------------------------------------------------------- */ body {padding:10px 0; background:url("../immagini/sfondo.jpg") 0 0 repeat-x; font:0.75em/1.5 "arial", sans-serif;} h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;} /* ---------------------------------------------------------------------------------------------------------- 2) HTML styles ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 3) Layout #header {position:relative; height:100px; background:url("../immagini/header.gif") 0 0 no-repeat; overflow:hidden;} ---------------------------------------------------------------------------------------------------------- */ #main {width:940px; padding:10px; margin:0 auto; overflow:hidden;} #barraUtente {background-color:#CEECFF; margin-bottom:3px; height:18px; position:relative; padding:3px; overflow:hidden;} #header {position:relative; height:100px; background:url("../immagini/header.gif") 0 0 no-repeat; overflow:hidden;} #header #logo {margin:0;} #slogan { position:absolute; top:45px; right:0; width:500px; font-size:140%; font-weight:bold; padding:10px 10px 10px 15px; background:url("../immagini/pattern.gif"); } #nav {position:relative; padding:0 20px; background:url("../immagini/nav.gif") 0 0 repeat-x;} #nav ul {margin:0; list-style:none;} #nav ul li {display:inline;} #nav ul li a {display:block; float:left; padding:9px 15px; background:url("../immagini/nav-separator.gif") 100% 0 repeat-y; text-decoration:none;} #nav a:hover {text-decoration:underline;} #nav ul li.active, #nav ul li.active a {font-weight:bold;} #nav #feeds {position:absolute; top:9px; right:25px; margin:0;} #nav #feeds a:hover {text-decoration:none;} #cols {margin-bottom:10px; background:url("../immagini/cols.gif") 0 0 no-repeat;} #cols-in {min-height:430px; padding:20px; background:url("../immagini/cols-in.gif") 0 100% no-repeat;} #col {margin-bottom:10px; background:url("../immagini/col.gif") 0 0 no-repeat;} #col-in {min-height:430px; padding:20px; background:url("../immagini/col-in.gif") 0 100% no-repeat;} #content {float:left; width:600px; border-left:#E5E5E5 thin solid; border-right:#E5E5E5 thin solid;} #aside {float:right; width:280px; border-left:#E5E5E5 thin solid; border-right:#E5E5E5 thin solid;} #content .in, #aside .in {padding:15px;} #footer {padding:15px 15px 5px 15px;} #footer p {margin:0;} #ico-print {padding-left:12px; background:url("../immagini/ico-print.gif") 0 50% no-repeat;} #ico-sitemap {margin-left:10px; padding-left:10px; background:url("../immagini/ico-sitemap.gif") 0 50% no-repeat;} .ico-print {padding-left:12px; background:url("../immagini/ico-print.gif") 0 50% no-repeat;} .ico-sitemap {margin-left:10px; padding-left:10px; background:url("../immagini/ico-sitemap.gif") 0 50% no-repeat;} .ico-rss {padding-left:18px; background:url("../immagini/ico-rss.gif") 0 50% no-repeat;} .ico-home {padding-left:18px; background:url("../immagini/ico-home.gif") 0 50% no-repeat;} .ico-favs {padding-left:18px; background:url("../immagini/ico-favs.gif") 0 50% no-repeat;} .ico-mail {padding-left:18px; background:url("../immagini/ico-mail.gif") 0 50% no-repeat;} #copy {margin:15px auto 0 auto; width:910px; font-size:90%;} #content table {margin:0; border-collapse:collapse;} #content table td {padding-top:2px; padding-left:2px;} #content table .style td {padding:1px 1px;} #content table .style2 td {padding:5px;} #content table .style th {text-align:left; vertical-align:middle; font-weight:bold; padding:5px;} /* ---------------------------------------------------------------------------------------------------------- 4-1) Page: Homepage ---------------------------------------------------------------------------------------------------------- */ #breadcrumbs {margin:0; font-size:90%;} #breadcrumbs a:hover {text-decoration:none;} #breadcrumbs span {margin:0 3px;} #topstory-img {float:left; width:180px;} #topstory-img img {display:block;} #topstory-txt {float:right; width:380px;} #topstory-txt h3 {margin:0; font-size:140%; font-weight:normal;} #topstory-txt #topstory-info {margin:0; font-size:90%;} #topstory-txt .comment {padding-left:12px; background:url("../immagini/ico-comment.gif") 0 2px no-repeat;} #topstory-txt .utente {padding-left:12px; background:url("../immagini/ico-utente.gif") 0 2px no-repeat;} .topstory-img {float:left; width:180px;} .topstory-img img {display:block;} .topstory-txt {float:right; width:380px;} .topstory-txt h3 {margin:0; font-size:140%; font-weight:normal;} .topstory-txt .topstory-info {margin:0; font-size:90%;} .topstory-txt .comment {padding-left:12px; background:url("../immagini/ico-comment.gif") 0 2px no-repeat;} .topstory-txt .utente {padding-left:12px; background:url("../immagini/ico-utente.gif") 0 2px no-repeat;} #topstory-txtSOLOTESTO{width:98%;} #topstory-txtSOLOTESTO h3 {margin:0; font-size:140%; font-weight:normal;} #topstory-txtSOLOTESTO #topstory-infoSOLOTESTO {margin:0; font-size:90%;} #topstory-txtSOLOTESTO .comment {padding-left:12px; background:url("../immagini/ico-comment.gif") 0 2px no-repeat;} #topstory-txtSOLOTESTO .utente {padding-left:12px; background:url("../immagini/ico-utente.gif") 0 2px no-repeat;} #commenti-info {margin:0; font-size:90%;} #topstorySEZIONIHOME-img {float:left; width:270px;} #topstorySEZIONIHOME-img img {display:block;} #topstorySEZIONIHOME-txt {float:right; width:290px;} #topstorySEZIONIHOME-txt h3 {margin:0; font-size:140%; font-weight:normal;} #topstorySEZIONIHOME-txt #topstorySEZIONIHOME-info {margin:0; font-size:90%;} #topstorySEZIONIHOME-txt .comment {padding-left:12px; background:url("../immagini/ico-comment.gif") 0 2px no-repeat;} #topstorySEZIONIHOME-txt .utente {padding-left:12px; background:url("../immagini/ico-utente.gif") 0 2px no-repeat;} #topstoryLINKHOME-img {float:left; width:200px;} #topstoryLINKHOME-img img {display:block;} #topstoryLINKHOME-txt {float:right; width:360px;} #topstoryLINKHOME-txt h3 {margin:0; font-size:140%; font-weight:normal;} #topstoryLINKHOME-txt #topstoryLINKHOME-info {margin:0; font-size:90%;} #topstoryLINKHOME-txt .comment {padding-left:12px; background:url("../immagini/ico-comment.gif") 0 2px no-repeat;} #topstoryLINKHOME-txt .utente {padding-left:12px; background:url("../immagini/ico-utente.gif") 0 2px no-repeat;} .cols5050 {clear:both; background:url("../immagini/dot-01.gif") 0 100% repeat-x; margin-top:10px;} .cols5050 .col {float:left; width:275px;} .cols5050 .col .article {clear:both; margin-bottom:15px;} .cols5050 .col .article-img {float:left; width:85px;} .cols5050 .col .article-img img {display:block;} .cols5050 .col .article-txt {float:right; width:175px;} .cols5050 .col .article-txt h4 {margin:0; margin-bottom:7px; font-size:110%;} .cols5050 .col .article-txt p {margin:0; font-size:90%;} .cols5050 .article {margin-bottom:15px; width:275px; float:left; margin-right:5px} .cols5050 .article-img {float:left; width:85px;} .cols5050 .article-img img {display:block;} .cols5050 .article-txt {float:right; width:185px; margin-left:5px} .cols5050 .article-txt h4 {margin:0; margin-bottom:7px; font-size:110%;} .cols5050 .article-txt p {margin:0; font-size:90%;} #subnav {margin:0; list-style:none;} #subnav li {display:inline;} #subnav li a {display:block; padding:4px 10px 4px 25px; background:url("../immagini/subnav.gif") 10px 50% no-repeat;} #subnav li a:hover {text-decoration:none;} #subnav li.last a {border:0;} dl#news {margin:0; background:url("../immagini/dot-02.gif") 3px 0 repeat-y;} dl#news dt {margin-bottom:3px; padding-left:15px; background:url("../immagini/news-dt.gif") 0 50% no-repeat; font-weight:bold;} dl#news dd {margin:0; margin-bottom:10px; padding-left:15px;} dl#news a:hover {text-decoration:none;} #gallery-in {padding:15px; background:url("../immagini/gallery.gif") 0 0 repeat-x;} #gallery .separator {width:910px; height:2px; margin:10px 0; background:url("../immagini/separator.gif") 0 0 repeat-x; font-size:0; line-height:0; overflow:hidden;} #gallery img {margin-right:18px;} #gallery a.last img {margin:0;} /* ---------------------------------------------------------------------------------------------------------- 5) Others ---------------------------------------------------------------------------------------------------------- */ .title-01 {margin:0; padding:10px 10px 10px 40px; background:url("../immagini/arrow-01.gif") 10px 50% no-repeat; font-size:120%; font-weight:normal; font-weight:bold;} .title-02 {background:url("../immagini/dot-01.gif") 0 60% repeat-x; font-size:100%;} .title-02 span {padding-right:5px;} .title-03 {margin:0; padding:13px 10px 13px 15px; background:url("../immagini/arrow-02.gif") 245px 50% no-repeat; font-size:100%; font-weight:bold;} .title-03.gallery {background:url("../immagini/arrow-02.gif") 903px 50% no-repeat;} .title-04 {margin:0 5px; padding:13px 30px 13px 15px; background:url("../immagini/title-04.gif") 0 0 repeat-x; font-size:100%; font-weight:bold;} .title-05 {margin:0; padding:10px 10px 10px 40px; background:url("../immagini/arrow-02.gif") 10px 50% no-repeat; font-size:100%; font-weight:bold;} .more {padding-right:14px; background:url("../immagini/more.gif") 100% 5px no-repeat;} a:hover.more {text-decoration:none;} .msg {padding:10px; padding-left:35px;} .warning {background:url("../admin/immagini/ico-warning.gif") 10px 50% no-repeat; border:2px solid #F2DD8C; background-color:#FFF5CC;} .warning a {color:#df0000;} .warning a:hover, .warning a:active, .warning a:focus {color:#303030;} .info {background:url("../admin/immagini/ico-info.gif") 10px 50% no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;} .done {background:url("../admin/immagini/ico-done.gif") 10px 50% no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;} .error {background:url("../admin/immagini/ico-delete.gif") 10px 50% no-repeat; border:2px solid #FFAEAE; background-color:#FEEBEB;} .articolo {padding:15px; border:thin dashed #999; font-size:12px; margin-bottom:5px} .articolo h4 {margin:0; margin-bottom:3px;} .articolo p {margin:0;} .articolo p.informazioni {margin:0; margin-bottom:5px; font-weight:normal; font-size:85%;} .input-text {padding:3px; font:100%/1.5 "arial", sans-serif;} .input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif;} .input-submit {padding:3px; font-size:110%;} .input-submit-02 {padding:1px; font-size:100%;} .input-select {padding:3px; font:100%/1.5 "arial", sans-serif;} .barra_notizie {background-color:#DFDFDF; margin-left:3px; margin-right:4px; display:block;}