Autore Topic: [RISOLTO] Ridurre spazio tra i moduli (Letto 7906 volte)

Salvù · « **il:** 12 Mar 2012, 21:55:06 »

Ciao a tutti, finalmente ho trovato un modulo per visualizzare le immagini di flickr sul mio sito.

Ho inserito questo modulo insieme ad altri nella stessa colonna del mio sito solo che tra i moduli c'è troppa distanza e vorrei ridurla...

Per farvi capire cosa vorrei fare vi posto un'immagine del mio sito:

http://imageshack.us/photo/my-images/62/schermata032455999alle2.png/

L'immagine di flickr con la linea è un modulo html personalizzato. Sotto c'è un'altro modulo che invece conterrà le foto di flickr.

Come potete vedere tra i due moduli c'è troppa distanza... li vorrei più vicini in modo che sembrasse che tutto sia unito.

Come posso fare per ridurre questo spazio? Il link del mio sito è www.bagheriabenecomune.org

Grazie per l'aiuto!

Salvù · « **Risposta #1 il:** 13 Mar 2012, 09:05:51 »

Nessuno sa aiutarmi???

xplosion · « **Risposta #2 il:** 13 Mar 2012, 11:53:13 »

Devi aprire il file tdefault.css (riga 661) e modificare questo blocco:

Codice: [Seleziona]

#right .moduletable_menu, #right .moduletable {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-top: 0;}

con questo:

Codice: [Seleziona]

#right .moduletable_menu, #right .moduletable {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
  /*  margin-bottom: 40px;*/
    padding-left: 20px;
    padding-top: 0;}

e verifica se va bene.

Salvù · « **Risposta #3 il:** 13 Mar 2012, 11:57:31 »

L'ho fatto... è diventato tutto così:

Codice: [Seleziona]

/* /****************************************************
#####################################################
##-------------------------------------------------##
##           Classic-dark                          ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = fevrier 2012                        ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/


html {
height: 100%;


}


body{
margin:0;
padding:0;
text-align:center;
background:#252525 url(../images/bg.jpg) 0 0% repeat;
font-size:14px;
color:#34332a;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;


}


/*texte*/
p {
font-size: 100%;


}


h1 {
font-size: 0%;


}


h2 {
font-size: 150%;


}


h3 {
font-size: 125%;


}


h4, h5, h6 {
font-size: 100%;


}


/* liens hypertextes*/ 
a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#fff;


}


a:hover {
color:#ED691D;


}


ul {
margin:0;
padding-left:20px;


}


li {
list-style-type:square;
background:transparent;
margin: 4px;


}


img {
border:none;
margin: 5px 10px 5px 5px;
padding:0;


}


img .caption {
text-align: left;


}


.highlight{
background:#ffc77e;
padding: 0px 2px 0px 2px;
color:#424240;


}


.button {
background:#424240;
border:none;
color:#eeeeee;
font-weight:bold;
padding:4px;


}


 .inputbox {
color:#fff;
background:#424240;
border:none;
padding:4px;
font-weight:normal;


} 


.pagewidth{
width:990px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;


}


fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;


}


.clr {
clear:both;


}


/**********************/
#sitename {
float:left;
width:453px;
height:184px;
background:transparent;
margin-top:50px;
margin-left:40px;


}


#newsflash{
float:left;
width:420px;
height:211px;
background: url(../images/newsflash.png) 0 0 no-repeat;
margin-top:50px;


}


#newsflash-content{
float:left;
width:348px;
height:160px;
background:transparent;
overflow:hidden;
margin-left:35px;
margin-top:30px;
text-align:center;
color:#fff;


}


#newsflash-content a{
color:#fff;


}


#newsflash-content a:hover{
color:#000;


}


/*********************/
#topmenu {
float:left;
width:909px;
height:78px;
background: url(../images/topmenu.png) 0 0 no-repeat;
margin-top:-28px;
margin-left:49px;


}


.navigation { 
float:left;
width: 740px; 
margin-top:36px;
padding-left:5px;
background:transparent;


}


.navigation ul {
list-style: none; 
margin:0; 
padding:0;
float: left;


}


.navigation ul ul {
margin: 0; /* all lists */
padding: 0;


}


.navigation ul li {
margin:0 7px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;
  
}


.navigation ul li ul {
width: 200px;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 200px;


}


.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */


}


.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;


}


.navigation ul ul a {
width: 100%;


}


.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;
  
}


/* This "unhides" the sub-menus (left: -999em is what hides them) */
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;
  
}


/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
.navigation ul li a {
padding: 6px 9px 0 9px ; 
margin:0;
display: block; 
font-weight: bold;  
font-size:15px;
text-transform:capitalize;
height:33px;
background:transparent;
color:#ed691d;


}


.navigation ul li {
background:transparent;
height:33px;


}


.navigation ul li span {
background:transparent;
height:33px;
padding:0px ;
margin:0 ;
 
}


.navigation li.active {
height:33px ;
background:#252525 url(../images/bg.jpg) repeat 0 0px ;


}


.navigation li.active span {
height:33px ;


}


.navigation li.active a {
color:#fff ;
height:33px ;
background: transparent;


}


.navigation li:hover {
height:33px ;
background:transparent url(../images/bg.jpg) repeat 0 0px ;


}


.navigation li:hover span {
height:33px ;




}


.navigation li:hover a {
color:#fff ;
height:33px ;
background:transparent ;


}


/* 2nd level and above */
 .navigation ul li ul {
background:#252525 url(../images/bg.jpg) 0 0% repeat;
margin-top: -2px;
padding-bottom: 5px;
padding-top: 10px;
text-align:left !important;
padding-bottom:0px;


}


.navigation ul li ul li{
height:45px !important;


} 


.navigation ul li ul li a {
color:#393d3c !important;
height:45px !important;
padding-left:31px;
background: url(../images/arrow.png) 11px 12px no-repeat !important;
color:#fff !important;


} 


.navigation ul li ul li a:hover,
.navigation ul li ul li.active a  {
color:#ffc77e !important;
height:45px !important;


} 


.navigation ul li ul li ul {
margin-left:200px;
margin-top: -30px;
padding-bottom: 3px;
padding-top: 0px;
text-align:left !important;
padding-bottom: 0px;


} 


/***********************/
#tool {
float:left;
width:160px;
height:40px;
background:transparent;
margin-top:41px;
text-align:left;
font-weight:bold;


}


.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 200px;
background:#eeeeee  url(../images/bg.jpg) 0 0% repeat;
color: #fff;
padding: 12px;
text-align:left;
font-weight:bold;


}


.jqmClose {
background:#fff;
float:right;
font-weight:bold;
padding:5px;


}


.jqModal {
font-weight:bold;
background:#fff;
font-size:17px;
padding:4px;
color:#393d3c !important;


}


 #login-form a{
 color:#fff;
}
 
 #login-form a:hover{
 color:#ffc77e;
}


.jqModal:hover {
background:#ffc77e;
}




.jqmOverlay { background-color: #000; }


/***********************/
#wrapper-main {
float:left;
width:908px;
background:#fff;
margin-left:50px;


}


/****SLIDE*********/
#slide {
float:left;
width:620px;
height:233px !important;
background:#eb672d;
margin-top:0;
margin-left:0;
position:relative;
padding:10px;


}


#slideshow-w {
float:left;
width:620px;
height:233px;


}


#slideshow {
float:left;
width:620px;
height:230px;
background:transparent;
position:relative;


}


.slideshowlite {
float:left !important;
width: 619px;
height: 230px;
padding:0;
margin:0;


}


.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;


} 


.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;


} 


.slideshowlite ul {
position: absolute;
margin-top: 170px;
left:40px !important;
 z-index: 9; 
list-style-type:none;
background:transparent;
width:123px;
height:35px;


}


.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 24px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;


}


 .slideshowlite ul li a {
background: #ffc77e ;
 position: relative; 
display: block; 
width: 24px !important;
height: 24px !important;
float: left;
line-height: 23px; 
text-decoration: none;
text-align: center !important;
font-size: 12px;
 font-weight: bold; 
color: #fff !important;
border:none !important; 
/* text-indent:-5000px; */
margin-top:12px;
margin-left:0;


}


.slideshowlite ul li a.current {
background:#eeaa7b ;
color: #eeaa7b !important;


}


.slideshowlite ul li a:hover {
color: #eeaa7b !important;
background: #eeaa7b  ;


}
 
.slideshowlite ol {
display: none;


} 


/**************************/
#main {
float:left;
background:transparent;
width:640px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;
margin-left:25px;


}


#main-full {
float:left;
width:880px;
text-align:left;
margin-bottom:20px;
background:transparent;
margin-top:30px;
margin-left:25px;


}


#main-content {
float:left;
background:transparent;
width:620px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;


}


#main-content-full {
float:left;
background:transparent;
width:880px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;


}




/******RIGHT*********/
#right {
float:left;
width:203px;
text-align:left;
padding-right:0px;
padding:0;
background: url(../images/right.jpg) 0 0 repeat-y;
margin-left:40px;


}


#right h3 {
font-size:17px;
text-transform:capitalize;
text-align:left;
font-weight:bold;
color:#eb672d;
background: url(../images/left-h3.jpg) 0 0 no-repeat;
height:39px;
margin-left:-24px;
padding-left:15px;
padding-top:6px;


}


#right ul {
padding-left:10px;
color:#ffffff;


}


#right .moduletable_menu,
#right .moduletable {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
/* margin-bottom:40px;*/
padding-left:20px;
background:transparent;
padding-top:0;
color:#ffffff;
 
}


#right .moduletable_menu a,
#right .moduletable a,
#right a {
color:#ffffff;
font-weight:bold; 
}


#right .moduletable_menu a:hover,
#right .moduletable a:hover,
#right a:hover {
color:#ffffff;
 
}


/******CALENDAR*******/
.calendar {
margin-left:-67px;
margin-top:0;
margin-bottom:0; 
display:block ;
padding:10px 0 0 0;
background:#ed691d;
width:45px ;
height:51px;
text-align:center;
position:absolute;




}


.day {
color: #ffffff;
font-weight:bold;
margin: 0;
padding:0 ;
font-size:17px;
background:transparent;
display:block;


}


.month {
color: #ffffff;
font-weight: bold;
margin: 0;
padding:0px 0 0 0 ;
font-size:17px;
background:transparent;
display:block;


}


.contentheading a, .item-page h2 a{    color: #ED691D;   font-weight: bold; font-size:15px;}


}


/**************************/
#ftb-f{
float:left;
width:908px;
height:80px;
background:transparent;
margin-left:50px;


}


.ftb {
color: #FFFFFF !important;
float: left;
font-size: 14px;
font-weight: bold;
margin-left: 100px;
margin-top: 16px;
text-align:center;
font-weight:bold;
font-size:14px;
width:780px;
float:left;
color:#ffffff !important;


}


 .ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;
color:#ffffff;
font-weight:bold;


} 


.ftb a:hover {
color:#ffffff;


} 


#top {
float:left;
width:30px;
height:30px;
margin-top:18px;
padding:0 !important;
border:none !important;
background:transparent;


}


.top_button {
border: medium none !important;
display: none;
padding:0 !important;
border:none !important;


}
#nuovo {
    float: left;
    margin-left: 40px;
    padding: 10px;
    text-align: center;
    width: 908px;
}


#icon {
  left: 65%;
  position: absolute;
  top: 5px;
}
/**end file***/

L'immagine la vorrei ancora più vicina

xplosion · « **Risposta #4 il:** 13 Mar 2012, 12:01:32 »

Non hai salvato la modifica, o non hai eliminato la cache

Salvù · « **Risposta #5 il:** 13 Mar 2012, 12:03:03 »

Funziona ma vorrei l'immagine più vicina... poco poco...

xplosion · « **Risposta #6 il:** 13 Mar 2012, 12:06:19 »

ok, allora nello stesso file, intorno alla riga 32 hai qualcosa del genere:

Codice: [Seleziona]

p {
    font-size: 100%;}

modifica così:

Codice: [Seleziona]

p {
    font-size: 100%;
    margin: 0;}

Salvù · « **Risposta #7 il:** 13 Mar 2012, 12:10:20 »

mettendo margin 0 tutto diventa troppo attaccato e anche sopra non c'è più spazio prima delle voci di menu "storte"...

io vorrei solo le immagini di flickr poco poco più su... tutto qui

xplosion · « **Risposta #8 il:** 13 Mar 2012, 12:13:20 »

vedo che hai un modulo vuoto tra questi 2 moduli, perché?
lo devi eliminare e vedrai che scompare anche quel spazio.

Salvù · « **Risposta #9 il:** 13 Mar 2012, 12:14:46 »

ora vedo cosa c'è... una cosa... ho notato che da quando abbiamo modificato il file css sotto la foto di flickr non c'è lo stesso spazio che c'è all'inizio della barra arancione sopra... come faccio a modificarlo?

xplosion · « **Risposta #10 il:** 13 Mar 2012, 12:20:24 »

allora, modifica il file come prima, aggiungi una classe personalizzata al modulo sopra flickr e poi nel css aggiungi le istruzioni per diminuire lo spazio.
ma prima devi eliminare quel modulo vuoto...

Salvù · « **Risposta #11 il:** 13 Mar 2012, 12:23:05 »

Puoi aiutarmi a farlo? Io non sono molto bravo...

Ho controllato non c'è un modulo vuoto... ci sono solo due moduli... uno che contiene tutte le immagini compresa la linea di flickr e uno che visualizza le immagini di flickr.....

Salvù · « **Risposta #12 il:** 13 Mar 2012, 12:32:23 »

Facciamo una cosa... siccome non voglio rubarti molto tempo e non voglio approfittare della tua gentilezza, per favore puoi dirmi solo come faccio ad ottenere questo:

http://imageshack.us/photo/my-images/692/schermata032456000alle1n.png/

Vale a dire, avere lo stesso spazio che c'è tra l'inizio della barra arancione e l'immagine "scopri le nostre idee", tra l'ultima riga delle immagini di flickr e la fine della barra...

spero di essermi spiegato in modo chiaro e di averti fatto capire cose vorrei fare nel sito

xplosion · « **Risposta #13 il:** 13 Mar 2012, 13:01:03 »

guarda che solo guardando un'immagine non posso fare niente, i codice che sta dietro conta.
il tuo problema come credo di aver capito è il modulo con le immagini compressa la linea di flickr.
hai inserito ogni riga all'interno di un paragrafo (suppongo che hai l'editor configurato in questo modo).
a questo punto, è un po difficile se non te la cavi con l'html, devi eliminare i paragrafi inserendo un
alla fine di ogni riga (in modalità visualizzazione codice).
non so altro come aiutarti...

Salvù · « **Risposta #14 il:** 13 Mar 2012, 13:04:44 »

Ho aggiunto delle foto su flickr e sono spuntate si sito ma escono fuori i bordi rispetto alle altre immagini sopra... neanche con questo puoi aiutarmi? sto uscendo pazzo...

xplosion · « **Risposta #15 il:** 13 Mar 2012, 13:16:49 »

Citazione da: Salvux93 - 13 Mar 2012, 13:04:44

... neanche con questo puoi aiutarmi?

Salvù · « **Risposta #16 il:** 13 Mar 2012, 13:17:38 »

Non hai capito?

Salvù · « **Risposta #17 il:** 13 Mar 2012, 13:27:17 »

Come faccio ad avere lo stesso allineamento? Lo stesso spazio sia a sinistra che a destra come tutte le altre immagini???

[allegato eliminato da un amministratore essendo vecchio più di un anno]

adottauncane · « **Risposta #18 il:** 13 Mar 2012, 13:39:05 »

Citazione da: xplosion - 13 Mar 2012, 12:20:24

aggiungi una classe personalizzata al modulo sopra flickr e poi nel css aggiungi le istruzioni per diminuire lo spazio.

Ciao Salvux93,
come già scritto da xplosion,
apri il modulo che carica le immagini flirk e nel Suffisso classe modulo scrivi _mio poi incolli questo al fondo del file css del template:

Codice: [Seleziona]

.moduletable_mio {
margin-left:15px;
margin-bottom:15px;
margin-top:-10px;
}

Ovviamente le due immagine di Flirk rimarranno leggermente più larghe di quelle sopra...

Salvù · « **Risposta #19 il:** 13 Mar 2012, 13:43:46 »

Fatto... ho aggiunto il suffisso _mio

e ho modificato il file tdefaut.css che è diventato così:

Codice: [Seleziona]

/* /****************************************************
#####################################################
##-------------------------------------------------##
##           Classic-dark                          ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = fevrier 2012                        ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#252525 url(../images/bg.jpg) 0 0% repeat;
font-size:14px;
color:#34332a;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;

}

/*texte*/
p {
font-size: 100%;
margin: 1;

}

h1 {
font-size: 0%;

}

h2 {
font-size: 150%;

}

h3 {
font-size: 125%;

}

h4, h5, h6 {
font-size: 100%;

}

/* liens hypertextes*/ 
a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#fff;

}

a:hover {
color:#ED691D;

}

ul {
margin:0;
padding-left:20px;

}

li {
list-style-type:square;
background:transparent;
margin: 4px;

}

img {
border:none;
margin: 5px 10px 5px 5px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#ffc77e;
padding: 0px 2px 0px 2px;
color:#424240;

}

.button {
background:#424240;
border:none;
color:#eeeeee;
font-weight:bold;
padding:4px;

}

 .inputbox {
color:#fff;
background:#424240;
border:none;
padding:4px;
font-weight:normal;

} 

.pagewidth{
width:990px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;

}

.clr {
clear:both;

}

/**********************/
#sitename {
float:left;
width:453px;
height:184px;
background:transparent;
margin-top:50px;
margin-left:40px;

}

#newsflash{
float:left;
width:420px;
height:211px;
background: url(../images/newsflash.png) 0 0 no-repeat;
margin-top:50px;

}

#newsflash-content{
float:left;
width:348px;
height:160px;
background:transparent;
overflow:hidden;
margin-left:35px;
margin-top:30px;
text-align:center;
color:#fff;

}

#newsflash-content a{
color:#fff;

}

#newsflash-content a:hover{
color:#000;

}

/*********************/
#topmenu {
float:left;
width:909px;
height:78px;
background: url(../images/topmenu.png) 0 0 no-repeat;
margin-top:-28px;
margin-left:49px;

}

.navigation { 
float:left;
width: 740px; 
margin-top:36px;
padding-left:5px;
background:transparent;

}

.navigation ul {
list-style: none; 
margin:0; 
padding:0;
float: left;

}

.navigation ul ul {
margin: 0; /* all lists */
padding: 0;

}

.navigation ul li {
margin:0 7px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;
  
}

.navigation ul li ul {
width: 200px;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 200px;

}

.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */

}

.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;

}

.navigation ul ul a {
width: 100%;

}

.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;
  
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;
  
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
.navigation ul li a {
padding: 6px 9px 0 9px ; 
margin:0;
display: block; 
font-weight: bold;  
font-size:15px;
text-transform:capitalize;
height:33px;
background:transparent;
color:#ed691d;

}

.navigation ul li {
background:transparent;
height:33px;

}

.navigation ul li span {
background:transparent;
height:33px;
padding:0px ;
margin:0 ;
 
}

.navigation li.active {
height:33px ;
background:#252525 url(../images/bg.jpg) repeat 0 0px ;

}

.navigation li.active span {
height:33px ;

}

.navigation li.active a {
color:#fff ;
height:33px ;
background: transparent;

}

.navigation li:hover {
height:33px ;
background:transparent url(../images/bg.jpg) repeat 0 0px ;

}

.navigation li:hover span {
height:33px ;


}

.navigation li:hover a {
color:#fff ;
height:33px ;
background:transparent ;

}

/* 2nd level and above */
 .navigation ul li ul {
background:#252525 url(../images/bg.jpg) 0 0% repeat;
margin-top: -2px;
padding-bottom: 5px;
padding-top: 10px;
text-align:left !important;
padding-bottom:0px;

}

.navigation ul li ul li{
height:45px !important;

} 

.navigation ul li ul li a {
color:#393d3c !important;
height:45px !important;
padding-left:31px;
background: url(../images/arrow.png) 11px 12px no-repeat !important;
color:#fff !important;

} 

.navigation ul li ul li a:hover,
.navigation ul li ul li.active a  {
color:#ffc77e !important;
height:45px !important;

} 

.navigation ul li ul li ul {
margin-left:200px;
margin-top: -30px;
padding-bottom: 3px;
padding-top: 0px;
text-align:left !important;
padding-bottom: 0px;

} 

/***********************/
#tool {
float:left;
width:160px;
height:40px;
background:transparent;
margin-top:41px;
text-align:left;
font-weight:bold;

}

.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 200px;
background:#eeeeee  url(../images/bg.jpg) 0 0% repeat;
color: #fff;
padding: 12px;
text-align:left;
font-weight:bold;

}

.jqmClose {
background:#fff;
float:right;
font-weight:bold;
padding:5px;

}

.jqModal {
font-weight:bold;
background:#fff;
font-size:17px;
padding:4px;
color:#393d3c !important;

}

 #login-form a{
 color:#fff;
}
 
 #login-form a:hover{
 color:#ffc77e;
}

.jqModal:hover {
background:#ffc77e;
}


.jqmOverlay { background-color: #000; }

/***********************/
#wrapper-main {
float:left;
width:908px;
background:#fff;
margin-left:50px;

}

/****SLIDE*********/
#slide {
float:left;
width:620px;
height:233px !important;
background:#eb672d;
margin-top:0;
margin-left:0;
position:relative;
padding:10px;

}

#slideshow-w {
float:left;
width:620px;
height:233px;

}

#slideshow {
float:left;
width:620px;
height:230px;
background:transparent;
position:relative;

}

.slideshowlite {
float:left !important;
width: 619px;
height: 230px;
padding:0;
margin:0;

}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

} 

.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;

} 

.slideshowlite ul {
position: absolute;
margin-top: 170px;
left:40px !important;
 z-index: 9; 
list-style-type:none;
background:transparent;
width:123px;
height:35px;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 24px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;

}

 .slideshowlite ul li a {
background: #ffc77e ;
 position: relative; 
display: block; 
width: 24px !important;
height: 24px !important;
float: left;
line-height: 23px; 
text-decoration: none;
text-align: center !important;
font-size: 12px;
 font-weight: bold; 
color: #fff !important;
border:none !important; 
/* text-indent:-5000px; */
margin-top:12px;
margin-left:0;

}

.slideshowlite ul li a.current {
background:#eeaa7b ;
color: #eeaa7b !important;

}

.slideshowlite ul li a:hover {
color: #eeaa7b !important;
background: #eeaa7b  ;

}
 
.slideshowlite ol {
display: none;

} 

/**************************/
#main {
float:left;
background:transparent;
width:640px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;
margin-left:25px;

}

#main-full {
float:left;
width:880px;
text-align:left;
margin-bottom:20px;
background:transparent;
margin-top:30px;
margin-left:25px;

}

#main-content {
float:left;
background:transparent;
width:620px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;

}

#main-content-full {
float:left;
background:transparent;
width:880px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;

}


/******RIGHT*********/
#right {
float:left;
width:203px;
text-align:left;
padding-right:0px;
padding:0;
background: url(../images/right.jpg) 0 0 repeat-y;
margin-left:40px;

}

#right h3 {
font-size:17px;
text-transform:capitalize;
text-align:left;
font-weight:bold;
color:#eb672d;
background: url(../images/left-h3.jpg) 0 0 no-repeat;
height:39px;
margin-left:-24px;
padding-left:15px;
padding-top:6px;

}

#right ul {
padding-left:10px;
color:#ffffff;

}

#right .moduletable_menu,
#right .moduletable {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
/* margin-bottom:40px;*/
padding-left:20px;
background:transparent;
padding-top:0;
color:#ffffff;
 
}

#right .moduletable_menu a,
#right .moduletable a,
#right a {
color:#ffffff;
font-weight:bold; 
}

#right .moduletable_menu a:hover,
#right .moduletable a:hover,
#right a:hover {
color:#ffffff;
 
}

/******CALENDAR*******/
.calendar {
margin-left:-67px;
margin-top:0;
margin-bottom:0; 
display:block ;
padding:10px 0 0 0;
background:#ed691d;
width:45px ;
height:51px;
text-align:center;
position:absolute;


}

.day {
color: #ffffff;
font-weight:bold;
margin: 0;
padding:0 ;
font-size:17px;
background:transparent;
display:block;

}

.month {
color: #ffffff;
font-weight: bold;
margin: 0;
padding:0px 0 0 0 ;
font-size:17px;
background:transparent;
display:block;

}

.contentheading a, .item-page h2 a{    color: #ED691D;   font-weight: bold; font-size:15px;}

}

/**************************/
#ftb-f{
float:left;
width:908px;
height:80px;
background:transparent;
margin-left:50px;

}

.ftb {
color: #FFFFFF !important;
float: left;
font-size: 14px;
font-weight: bold;
margin-left: 100px;
margin-top: 16px;
text-align:center;
font-weight:bold;
font-size:14px;
width:780px;
float:left;
color:#ffffff !important;

}

 .ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;
color:#ffffff;
font-weight:bold;

} 

.ftb a:hover {
color:#ffffff;

} 

#top {
float:left;
width:30px;
height:30px;
margin-top:18px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
border: medium none !important;
display: none;
padding:0 !important;
border:none !important;

}
#nuovo {
    float: left;
    margin-left: 40px;
    padding: 10px;
    text-align: center;
    width: 908px;
}

#icon {
  left: 65%;
  position: absolute;
  top: 5px;
}

.moduletable_mio {
margin-left:15px;
margin-bottom:15px;
margin-top:-10px;
}

/**end file***/

ma la situazione non è cambiata molto

Autore Topic: [RISOLTO] Ridurre spazio tra i moduli (Letto 7906 volte)

adottauncane