body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#333333; background: #E7E7E7; text-align: center; } /* -------------------------- Corpo sito --------------------------*/ #main { width: 760px; margin:0 auto; } #top { width: 760px; height: 136px; background: url(../images/header.jpg); } #main_content { overflow: auto; width: 760px; background: url(../images/bg_center.jpg) repeat-y; } .user a:link {color: #FF6600;} .user a:visited {color: #FF6600;} .user a:hover {color: #FFCC00;} .user { border-bottom: 1px dashed #CCCCCC; text-align: justify; vertical-align: top; } #blok_left {width: 418px;border-top: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC; vertical-align:top;} #blok_right {width: 322px;border-top: 1px solid #CCCCCC; vertical-align:top;} #user1 {width: 418px;} #user2 {width: 418px;} #user3 {width: 209px;min-height: 99px;} #user4 {width: 209px;min-height: 99px;} #user5 {width: 209px;min-height: 100px;} #user6 {width: 209px;min-height: 100px;} #bottom {width:418px;} #bottom2 {width:320px; vertical-align:top;} #left {width:160px;border-right: 1px dashed #CCCCCC; vertical-align:top;} #right {width:160px; vertical-align:top;} #footer { width: 760px; height: 65px; background: url(../images/bg_footer.jpg) no-repeat; text-align: center; padding-top: 28px; color: #666666; float: left; line-height: 10px; } #footer2 { text-align: right; padding-right: 10px; font-size: 10px; color:#999999; } /* --------------------------Fine Corpo sito --------------------------*/ /* IMPOSTAZIONI BASE */ /* Qui sotto ci sono le impostazioni di base, vanno impostate perché intervengano in tutti quei casi in cui nel sito non siano stati impostati stili più precisi. I comandi per lo stile vanno inseriti tra le parentesi graffe*/ p { font-size: 11px; } /*Regola qualsiasi elemento
(divisione). Questo è uno stile acchiappatutto, che interviene solo quando nessun altro stile è stato definito.*/ td { font-size: 11px; } /*Impostazione per tutti gli elementi . interviene se non ci sono altri stili definiti.*/ tr { font-size: 11px; } /*Comanda gli elementi . Interviene se non ci sono altre impostazioni.*/ ul { font-size: 11px; } /* Impostazione per tutti gli elementi UL (unordered list - liste non ordinate). Interviene se non ci sono altre impostazioni.*/ /* stili generale per i link*/ a:link, a:visited { color: #666666; text-decoration: none; } a:hover { color:#FF6600; } hr {} /* linee orizzontali*/ hr.separator {} /* IMPOSTAZIONI PER I FORM */ .button {} .inputbox {} .search {} /*imposta il
che contiene gli elementi di ricerca: inputbox, search button...*/ /* REGOLAZIONI NAVIGAZIONE/MENU */ a.mainlevel{} /*gestione degli elementi del MAIN menu */ a.mainlevel:link {} a.mainlevel:visited {} a.mainlevel:hover {} #active_menu {} /*regola lo stile dell'elemento di menu quando esso è attivo, anche nella posizione di main/sub */ ul#mainlevel-nav {} ul#mainlevel-nav li{} #mainlevel-nav a:link {} #mainlevel-nav a:visited{} #mainlevel-nav a:hover {} a.sublevel{} /* queste regole sono per gli elementi di menu che HANNO UN GENITORE */ a.sublevel:link {} a.sublevel:visited {} a.sublevel:hover {} .pagenavbar {} /*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 {} /*Stile per il pulsante "PRECEDENTE"*/ .pagenav_next {} /*Stile per il pulsante "SUCCESSIVO"*/ .latestnews ul {} /*Impostazione per la lista "Ultime notizie" - di default, "ultime notizie" è un modulo che viene mostrato nella posizione user1*/ .latestnews li {} .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 {}/* Il titolo del componente, quando è usato per mostrare il contenuto.*/ .contentheading { font-weight: bold; } /* Il titolo dell'articolo o del contenuto quando viene mostrato.*/ .contentpane {} /* Stili per la tabella che contiene qualsiasi informazione non faccia parte degli articoli (componenti, liste di categoria, form di contatto eccetera).*/ .contentpaneopen {} /* impostazioni per la tabella che contiene il testo di un articolo.*/ .contentpagetitle { font-size: 11px; } /*Titolo degli articoli*/ a.contentpagetitle:hover {} /*Titolo degli articoli quando appaiono come link*/ a.contentpagetitle:link {} a.contentpagetitle:visited {} .contentdescription {} /* Impostazioni per la "DESCRIZIONE" di sezioni e categorie (Novità/Weblink/Ultime notizie ...) */ table.contenttoc {} /* 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 {} /*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 {} /* IMPOSTAZIONE DEI MODULI DI MAMBO - JOOMLA */ table.moduletable {width: 100%;} /* Regola la tabella del modulo */ table.moduletable th {background: #e7e7e7; color: #666666; font-weight:bold; width: 100%; height: 15px; border-bottom: 1px dashed #CCCCCC; text-align: center;} /* Gestisce lo stile della intestazione del modulo e i titoli del modulo */ table.moduletable td {} /* Impostazione delle celle della tabella modulo */ table.moduletable-news {width: 100%;} /* Regola la tabella del modulo */ table.moduletable-news th {background: #e7e7e7; color: #666666; font-weight:bold; width: 100%; height: 15px; border-bottom: 1px dashed #CCCCCC; text-align:center;} /* Gestisce lo stile della intestazione del modulo e i titoli del modulo */ table.moduletable-news td {padding-left: 5px; padding-right: 5px;} /* Impostazione delle celle della tabella modulo */ /* VARIE*/ /* Date , Autori*/ .createdate {} /* Per lo stile della data di creazione degli articoli e dei contenuti */ .modifydate {} /* Gestisce li testo "Ultimo aggiornamento" che si trova alla fine degli articoli e dei contenuti */ .small {} /* 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 */ /* 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 */