/*------------------------------------------------------------------------
# COLLAPSE MODULES TUTORIAL BY YOUJOOMLA.COM
# ------------------------------------------------------------------------
# Copyright (C) 2006-2007 Youjoomla.com, All Rights Reserved.
-------------------------------------------------------------------------*/
body {
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
line-height: 1.5em;
margin: 0;
padding: 0;
background-image: url(../images/bg.jpg);
background-repeat: y-repeat;
background-attachment:fixed;
}
#wrap{
margin:10px auto;
width:780px;
background-color: #FFFFFF;
border:#CCCCCC solid;
border-width:thin;
padding:4px;
}
#flash{
background-image: url(../images/logo.png);
background-repeat: no-repeat;
height: 120px;
width: 780px;
text-align: left;
background-color: #FFFFFF;
font-size: 0.7em;
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}
#flashleft{
width:500px;
height:65px;
/*margin-left:200px;*/
}
#flashright{
/*width:210px;
float:right;
padding-bottom:5px;*/
width:210px;
height:20px;
float:right;
}
#logo{
/*text-align: left;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
height: 120px;
width: 780px;
background-position: center center;*/
}
#topmenu{
font-family: sans-serif, Arial, Helvetica;
/*text-align: left;*/
background-image:url(../images/fondo_boton.png);
background-repeat: repeat-x;
/*text-transform:uppercase;*/
/*font-weight:bold;*/
font-size:10px !important;
margin-top: 2px;
margin-bottom:4px;
height:20px;
/*border:#000000 solid;
border-width:thin;*/
padding-top:6px;
}
#topmenu a:link, #topmenu a:visited
{
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
background-image:url(../images/fondo_boton.png);
color:white;
border:medium;
border:#000000;
font-size:10px !important;
border-left:#999999 solid;
border-left-width:thin;
border-right:#006699 solid;
border-right-width:thin;
/*height: 80px;
line-height: 80px;
display: block;
float: left;
background-image: url(../images/topmenu.jpg);
background-repeat: repeat-x;
text-align: center;
color: #8b8b8b;
width: 99px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;*/
}
#topmenu a:hover
{
background-image:url(../images/fondo_boton_inverso.png);
color:white;
text-decoration:none;
}
#container {
margin:0 auto;
text-align:left;
background-color: #FFFFFF;
}
#news {
font-size: 0.9em;
}
#news1 {
float:left;
width:0%;
}
#news2 {
float:left;
width:100%;
}
#news-closer {
clear:both;
}
#modleft {
color:#000;
float:left;
width:185px;
overflow:hidden;
background-color: #fafafa;
padding-left:5px;
padding-right:3px;
padding-bottom:10px;
border: solid #eee 1px;
font-size: 0.9em;
}
#modright {
float:right;
width:165px;
overflow:hidden;
background-color: #fafafa;
padding-left:5px;
padding-right:3px;
padding-bottom:10px;
border: solid #eee 1px;
font-size: 0.9em;
}
#container-closer {
clear:both;
}
#footer {
background-color:#ffffff;
border:#CCCCCC solid;
border-width:thin;
border-style:dashed;
height:20px;
}
#text-footer {
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}
.inside {
/*padding:10px; */
/*background-image: url(../images/logo.png);
background-repeat: no-repeat;
height: 120px;
width: 780px;*/
}
/*COLAPSE MODULES FUNCTIONS */
/*LEFT AND RIGHT MODULES VISIBLE */
#main-body {
float:left;
width:725px;
}
#content {
text-align:left;
float:right;
width:540px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
/*COLAPSE LEFT MODULE ONLY*/
#main-body-right {
float:left;
width:715px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
#content-right {
text-align:left;
float:left;
width:175px;
}
/*COLAPSE RIGHT MODULE ONLY*/
#main-body-left {
float:left;
width:780px;
}
#content-left {
text-align:left;
float:right;
width:560px;
/*overflow:hidden;*/
padding-left:1px;
padding-right:5px;
padding-bottom:10px;
}
/*COLAPSE RIGHT AND LEFT MODULE */
#main-body-full {
float:left;
}
#content-full {
text-align:left;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
/*END COLAPSE MODULES FUNCTIONS */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
white-space: nowrap;
border-right: 1px solid #333;
line-height: 40px;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #fff;
background: transparent;
background-image: url(../images/menu-on.png);
background-repeat: repeat-x;
background-position: top;
border-bottom:none;
}
#buttons>ul#mainlevel-nav li a { width: auto; }
ul#mainlevel-nav li a:hover
{
color: #fff;
background: #333;
border-bottom:none;
}
table.moduletable th, div.moduletable h3 {
padding-top:5px;
padding-bottom:5px;
color: #000;
text-align: left;
font-weight: bold;
margin: 0 0 2px 0;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
td {
margin:0px;
padding:0px;
}
tr {}
ul {
list-style-type: none;
list-style-position:outside;
list-style-image: url(../images/arrow.png);
}
a:link {
color:#0099cc;
text-decoration:none;
/*border-bottom:dotted #000 1px;*/
font-size:12px;
}
a:visited {
color:#0099cc;
text-decoration:none;
/*border-bottom:dotted #000 1px;*/
font-size:11px;
}
a:hover {
color:#000;
text-decoration:none;
border-bottom:none;
background-color:#0099cc;
color:white;
font-size:12px;
}
hr {}
hr.separator {}
.button {
font-size: 12px;
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
border:#000000 solid;
border-width:thin;
margin-left:3px;
}
.inputbox {
font-size: 12px;
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
.search {}
a.mainlevel{
display:block;
width:100%;
border-bottom:solid #ccc 1px;
text-decoration:none;
color:#000;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
padding-top:4px;
padding-bottom:4px;
text-indent:6px;
color:#0099CC;
}
a.mainlevel:link {
}
a.mainlevel:visited {}
a.mainlevel:hover {background-color:#efefef;}
#active_menu {
background-color:#cccccc;
}
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
a.sublevel{
font-size:10px;
/*background-color:#efefef;*/
color:#0099CC;
display:block;
padding-top:6px;
padding-bottom:6px;
text-indent:10px;
border-bottom-style:none;
text-align:left;
}
a.sublevel:link {
}
a.sublevel:visited {}
a.sublevel:hover {
color:white;
background-color:#0099CC;
/*border-bottom-style:none;*/
}
.pagenavbar {font-size:0.8em;} /*Regola lo stile della barra di navigazione ai piedi della pagina ("<< Inizio < Precedente Prossima > Fine >>") quando non compaiono come hyperlinks (quando esistono soltanto pochi articoli).*/
.pagenavbar:link {} /*Stile per la barra di navigazione ai piedi della pagina ("<< Inizio < Precedente Prossima > Fine >>") quando compaiono come hyperlinks*/
.pagenavbar:visited {}
.pagenav {
} /* come implica il nome, questo stile è per il sistema di navigazione a link "<< Inizio < Precedente 1 Prossima > Fine >>" */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {} /*Controllo per lo stile della frase "Leggi Tutto" che viene mostrata per gli articoli che hanno contenuti di grandi dimensioni*/
a.readon:hover {}
a.readon:visited {}
.back_button {} /*Stile per il pulsante "INDIETRO"*/
.pagenav_prev {font-size:0.8em;} /*Stile per il pulsante "PRECEDENTE"*/
.pagenav_next {font-size:0.8em;} /*Stile per il pulsante "SUCCESSIVO"*/
.latestnews ul {
margin-top:7px;
font-size:12px;
} /*Impostazione per la lista "Ultime notizie" - di default, "ultime notizie" è un modulo che viene mostrato nella posizione user1*/
.latestnews li {
margin-top:7px;
font-size:12px;
padding-right:10px;
}
a.latestnews:link {
color:#0099cc;
font-size:12px;
font-weight:bold;
}
a.latestnews:hover {
color:#FFFFFF;
background-color:#0099cc;
}
.mostread ul{} /*Impostazione per la lista "notizie più lette"- come preimpostazione questo modulo è in user2*/
.mostread li{}
/* IMPOSTAZIONI PER LE PAGINE DI CONTENUTO */
a.category:link {}
a.category:hover {}
a.category:visited {}
.blogsection {} /* regola lo stile dei link nella sezione Blog*/
.blog_more {} /*stile per il testo "Altri" della sezione blog*/
a.blogsection:link {} /* stile per i link della sezione blog*/
a.blogsection:visited {} /* come sopra, ma per regolare i link visitati */
a.blogsection:hover {} /* come sopra, ma per regolare l'apparenza dei link quando la freccia del mouse ci passa sopra */
.componentheading {
font-family: Tahoma,"Century Gothic",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
padding-left: 2px;
/*background-image: url(../images/title.png);*/
background-position: left center;
background-repeat: no-repeat;
/*color: #ff0000;*/
color:#000000;
margin-top:20px;
margin-bottom:10px;
}
.contentheading {
font-family:Tahoma, "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-left:2px;
/*background-image: url(../images/title.png);*/
background-position: center left;
background-repeat: no-repeat;
margin:0px;
padding-bottom:0px;
color:#0099cc;
}
.contentpane {}
.contentpaneopen {
margin-top:0px;
}
.contentpagetitle {}
a.contentpagetitle:hover {}
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Impostazioni per la "DESCRIZIONE" di sezioni e categorie (Novità/Weblink/Ultime notizie ...) */
table.contenttoc {border:solid #eee 1px;
background-color:#fafafa;
padding:5px;
font-size:0.8em;
} /* Imposta la tabella " Tavola dei contenuti" per gli articoli che si sviluppano su più pagine */
table.contenttoc td {} /* come sopra, usato per formattare il tag | e celle abili (traduzione dubbia, mantengo la spiegazione in inglese - same as above, used to format the td and able cells */
table.contenttoc th {} /* come sopra, usato per impostare il | della "tavola dei contenuti" (normalmente Indice degli Articoli)*/
table.contenttoc td.toclink {} /* Come sopra, usati per impostare i testi "toc links"*/
a.toclink:link {} /* come sopra, usato per formattare gli stati dei "toc links"*/
a.toclink:visited {}
a.toclink:hover {}
/* LISTE DI SEZIONE MAMBO - JOOMLA */
.sectiontableheader {
font-size:12px;
font-weight:bold;
} /*Serve ad impostare i titoli delle tabelle su una pagina di SEZIONI. Ad esempio: il titolo di tabella "Data", "Titolo Item", "Autore" e"Scelte" */
.sectiontableentry1 {}
.sectiontableentry2 {
background-color:#efefef;
}
/* IMPOSTAZIONE DEI MODULI DI MAMBO - JOOMLA */
table.moduletable {} /* Regola la tabella del modulo */
table.moduletable th {} /* Gestisce lo stile della intestazione del modulo e i titoli del modulo */
table.moduletable td {
color:#0099cc !important;
} /* Impostazione delle celle della tabella modulo */
/* VARIE*/
/* Date , Autori*/
.createdate {
font-size:0.8em;
color:#000000;
float:right;
} /* Per lo stile della data di creazione degli articoli e dei contenuti */
.modifydate {
font-size:0.8em;
color:#000000;
float:right;
} /* Gestisce li testo "Ultimo aggiornamento" che si trova alla fine degli articoli e dei contenuti */
.small {
font-size:0.8em;
color:#000000;
float:right;} /* Imposta il testo "Scritto da: ..." */
.smalldark {}/*Testo che si trova nella pagina dei risultati dei sondaggi, per il testo " Numero di Voti"*/
/* Sondaggi*/
.poll {} /* regola il tag | della tabella dei sondaggi */
.pollstableborder {} /* gestisce le proprietà del bordo della tabella di voto dei sondaggi */
/* Weblink */
.weblinks{} /* Serve a regolare l'aspetto dei titoli dei link nella sezione Weblink sul frontend */
a.weblinks:hover {} /* come sopra, ma per i link nelmomento in cui passa il mouse su di esso */
/* Distribuzione News - Newsfeeds */
.newsfeedheading {} /* Il titolo delle Newsfeed. NOTA BENE: Questo stile non influenza i titoli delle newsfeed! */
.newsfeeddate {} /* la data sul newsfeed */
.fase4rdf {} /* il corpo del testo delle newsfeed */
/* Search page */
table.searchintro {} /* Impostazione del box con "Chiavi di ricerca: rese X corrispondenze" che appare in seguito alle richieste delle Ricerche Avanzate.
Esso appare nel corpo del testo con i risultati della ricerca */
.pathway {
color:#ffffff;
text-align: left;
/*font-weight: bold;*/
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
display:inline-block;
height:20px;
}
.back_button {
font-size:0.8em;
color:#000000;
float:right;
}
/* INTERFACCIA DI AMMINISTRAZIONE DEL FRONTEND DI MAMBO- JOOMLA */
/* I CSS che seguono definiscono l'apparenza del frontend di amministrazione quando ci si è autenticati come User registrato */
.ontab {}/* Per dare lo stile ai bottoni "Tab" quando si gestisce il frontend come amministratore. .ontab è lo stile per il tab quando esso è attivo o dopo che esso è stato "attivato" */
.offtab {} /* Lo stesso che più sopra, usato per controllare i pulsanti "Tab" quando si modificano i contenuti attraverso il frontend. Questo stile ha influenza sul tab NON è attivo o quando esso NON è stato selezionato */
.tabpadding {} /* questo style è usato per regolare la dimensione del tab di cui si parlava qui sopra */
.tabheading {} /* Non sono troppo sicuro della utilità di questo stile, non si è riusciti a trovare nulla che avesse relazine con esso, almeno fino ad ora */
.pagetext {} /* con questo stile si gestisce il contenuto del form di modifica dei contenuti (quando è attivato HTMLArea) nella interfaccia di amministrazione nel frontend */
.pagenavcounter {
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
font-weight:bold;
}
.buttonheading {
border-bottom:none;
padding-top:0px;
height:20px;
}ƒ |