qui sotto css per layout al 99% dello schermo per risoluzione 1024x768. Per la risoluzione 800x600 con questo non bisogna inserire i moduli di dx perchè nel caso di 800x600 con aperti i preferiti, i moduli di dx scendono fino a sotto tutt ala videata.
Con lo stesso css per risoluzione 1024x768 e per 800x60 fissi basta modificare il #contenitore allo 980px, dove si possono anche inserire i moduli di dx.
Per ora mi bastava avere solo la videata iniziale modificando il template_cc.css.---Devo ancora modificare il file wide.css perchè si possa restringere..ma per ora mi basta così.
Se qualcuno modifica il file wide.css e me lo passa mi fa grande piacere
Carla
body {
margin: 0;
padding: 0;
color: #333333;
background: #FFFFFF;
font: 78% Arial, sans-serif;
}
body#bd {
text-align: center;
background: #223C59;
color: #FAFCF4;
}
body.contentpane {
width: auto;
margin: 10px;
line-height: 140%;
}
h1 {
font-size: 1.7em;
}
h2 {
margin: 10px 0;
font-size: 1.45em;
}
h3 {
margin: 10px 0;
font-size: 1.2em;
}
h4 {
margin: 10px 0;
font-size: 1.0em;
}
/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.blog_more, .back_button, .pagenavcounter, .pagenav, .pagenavbar, .contenttoc,
#riflesso-1, #riflesso-2, #colonnasinistra, #colonnadestra, #footer, #copyright {
font-size: 85%;
}
/* Normal link */
a {
color: #2770C0;
text-decoration: none;
}
a:hover, a:active {
color: #174271;
text-decoration: underline;
}
p {
margin: 10px 0;
padding-left: 15px;
line-height: 140%;
line-height: 18px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
padding-left: 15px;
background: url(../images/arrow-off.gif) no-repeat 2px 5px;
line-height: 140%;
line-height: 18px;
}
ul li:hover {
padding-left: 15px;
background: url(../images/arrow-on.gif) no-repeat 2px 5px;
line-height: 140%;
line-height: 18px;
}
ol {
margin-top: 5px;
margin-bottom: 15px;
}
ol li {
margin-left: 35px;
}
th {
padding: 4px;
font-weight: bold;
text-align: left;
font-size: 12px;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
fieldset a {
font-weight: bold;
}
hr {
border-top: 1px solid #999999;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
img {
border: 0;
}
form {
margin: 0;
padding: 0;
}
input {
font: 11px Tahoma, Arial, sans-serif;
}
select {
font: 11px Tahoma, Arial, sans-serif;
}
textarea {
border: 1px solid #CCCCCC;
padding-left: 2px;
font: 11px/1.3em Tahoma, Arial, sans-serif;
}
.button {
padding-left: 5px;
padding-right: 5px;
background: url(../images/but-bg.gif) no-repeat bottom right;
border: 1px solid #808080;
}
.inputbox {
padding-left: 2px;
border-top: 1px solid #999999;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #999999;
background: #FFFFFF;
}
div.modules {
width: 100%;
}
div.moduletable td {
padding: 3px 0!important;
}
div.moduletable {
padding: 2px 3px;
margin: 3px 0 22px;
border: 1px solid #C6DBE9;
background: #FFFFFF;
clear: both;
}
div.moduletable h3 {
margin: 0 0 5px;
padding: 0;
color: #FFFFFF;
font-size: 1.2em;
text-indent: 8px;
background: #4C7897;
}
.moduletable {
padding: 0;
}
table.blog {
width: auto;
}
table.blog .article_seperator {
height: 5px;
display: block;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
}
table.contenttoc {
margin: 0 0 10px 10px;
width: 25%;
}
table.contenttoc td {
padding: 1px 5px 1px 20px;
background: url(../images/arrow-off.gif) no-repeat 6px;
}
table.contenttoc th {
padding: 1px 5px;
border: 2px solid #EEEEEE;
background: #666666;
color: #FFFFFF;
}
table.contenttoc td:hover {
padding: 1px 5px 1px 20px;
background: url(../images/arrow-on.gif) no-repeat 6px;
}
table.polls {
padding: 0;
width: 100%;
}
table.pollstableborder {
padding: 0;
width: 100%;
text-align: left;
border-color: #FFFFFF;
}
table.pollstableborder img {
margin: 4px 4px 4px 0;
}
table.pollstableborder td {
padding: 2px!important;
}
table.searchintro {
margin: 10px 0;
width: 100%;
background: #F9F9F9;
border: 1px solid #EEEEEE;
}
table.searchintro td {
padding: 5px!important;
}
table.searchintro-cerca {
margin: 10px 0;
width: 100%;
background: #F9F9F9;
border: 1px solid #EEEEEE;
}
table.searchintro-cerca td {
padding: 5px!important;
}
table.contentpaneopen-cerca {
margin: 10px 0;
width: auto;
border: 1px solid #EEEEEE;
overflow: hidden;
float: none !important;
}
table.contentpaneopen-cerca fieldset {
border: 0px;
width: 570px;
border-bottom: 0px solid #eee;
}
.small-cerca {
color: #999999;
}
.smallcerca {
font-size: 9px;
color: #000;
}
ul#mainlevel li, ul#mainlevel-nav li {
padding: 0;
display: inline;
background: none;
line-height: normal;
}
.blog_more {
margin: 10px 0;
padding: 0 5px 5px 5px;
}
.blog_more strong {
display: block;
margin: 0 -5px 5px -5px;
padding: 1px 5px;
background: #666666;
border-bottom: 2px solid #EEEEEE;
font-weight: bold;
color: #FFFFFF;
}
td.buttonheading {
padding: 0 3px!important;
background: #F2F2F2;
text-align: center;
border: 1px solid #EEEEEE;
}
.category {
font-weight: bold;
}
.clr {
clear: both;
}
/* Code text */
pre, .code {
padding: 10px 15px;
margin: 5px 0 15px;
border-left: 5px solid #E9A853;
background: #F3F3F3;
font: 1em/1.5 "Courier News", monospace;
}
.componentheading {
padding: 0 0 5px;
margin-bottom: 10px;
color: #666666;
background: url(../images/hdot.gif) repeat-x bottom left;
font-weight: bold;
font-size: 1.7em;
}
.contentdescription {
padding-bottom: 30px;
background: url(../images/hdot2.gif) repeat-x bottom left;
}
.contentheading {
font-weight: bold;
font-size: 1.2em;
border: 1px solid #DCE1F3;
color: #223C59;
text-indent: 2px;
}
.contentpagetitle {
}
a.readon {
font-size: 11px;
text-decoration: none;
line-height: 13px;
padding-left: 15px;
background: url(../images/readon.png) no-repeat left;
margin-top: 10px;
text-decoration: none;
float: right;
font-weight: normal;
}
a.readon:hover {
background: url(../images/readon2.png) no-repeat left;
text-decoration: none;
float: right;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.createdate {
color: #999999;
font-size: 0.8em;
text-indent: 13px;
line-height: 10px;
font-weight: normal;
background: url(../images/date.gif) no-repeat left #FFFFFF;
text-transform: capitalize;
}
.author {
color: #0D294A;
font-size: 0.7em;
line-height: 10px;
}
.modifydate {
color: #999999;
height: 15px;
}
.error {
color: #F8052D;
}
.highlight {
font-weight: bold;
border-bottom: 1px dotted;
}
.mosimage {
padding: 0;
margin: 8px 15px 0 0!important;
margin: 8px 5px 0 0;
}
.mosimage img {
padding: 0;
margin: 0!important;
}
.mosimage_caption {
margin-top: 2px;
padding: 1px 2px;
color: #999999;
}
.pagenav {
padding: 2px;
}
.pagenav_prev a, .pagenav_next a {
color: #666666;
font-size: 0.9em;
}
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {
color: #B91919;
text-decoration: none;
}
.pagenavbar {
padding-left: 16px;
background: url(../images/pages.gif) no-repeat center left;
font-weight: bold;
}
.pagenavcounter {
padding: 0 16px 10px 16px;
color: #666666;
background: url(../images/pages.gif) no-repeat 0 3px;
font-weight: bold;
}
.sectiontableheader {
padding: 2px 4px;
background: url(../images/top_bar_bg.gif) repeat-x top left #666666;
color: #FFFFFF;
border-right: 1px solid #EFEFEF;
font-size: 11px;
}
.sectiontableheader a, .sectiontableheader a:hover {
color: #FFFFFF;
}
tr.sectiontableentry1 td {
padding: 4px;
background: #F9F9F9;
border-top: 1px solid #EEEEEE;
}
tr.sectiontableentry2 td {
padding: 4px;
background: #FFFFFF;
}
.small {
color: #999999;
}
#intestazione {
position: relative;
background: url(../images/header-bg.gif) repeat-x top left #FFFFFF;
}
#intestazione h1 {
margin: 0;
padding: 5px;
line-height: normal;
}
#intestazione h1 img {
margin: 0;
padding: 0;
line-height: normal;
}
#search {
font-size: 11px;
position: absolute;
top: 35px;
right: 15px;
}
#strumenti-utente {
position: absolute;
top: 15px;
right: 10px;
font-size: 11px;
}
#strumenti-utente a {
font-size: 11px;
color: #999999;
}
#strumenti-utente img {
border: 1px solid #FFFFFF;
border-right-width: 2px;
border-bottom-width: 2px;
}
#wrapper {
width: 100%;
color: #000000;
}
#contenitore {
width: 99%;
text-align: left;
padding: 0;
margin: 0 auto;
}
#contenitore-ombra1 {
border: 2px solid #182F48;
}
#contenitore-ombra2 {
background: #FFFFFF;
line-height: 18px;
}
#contenuto {
margin: 0 0 0 8px;
width: 55%;
float: left;
}
#contenuto-pieno-sinistra {
margin: 0;
width: 45%;
float: left;
border-left: 10px solid #FFFFFF;
}
#contenuto-pieno-destra {
margin: 0;
width: 45%;
float: right;
border-right: 10px solid #FFFFFF;
}
#contenuto-pieno {
margin: 0 15px 0;
width: 55%;
}
#pathway {
color: #FFFFFF;
background: #FFFFFF;
font-size: 0;
line-height: normal;
padding: 5px 0 2px 2px;
}
#pathway a {
padding: 0 15px 0 0;
color: #666666;
background: url(../images/arrow-off.gif) no-repeat center right;
font-size: 11px!important;
}
#pathway a:hover, #pathway a:active {
background: url(../images/arrow-on.gif) no-repeat center right;
}
#pathway img {
visibility: hidden;
}
#colonnasinistra {
width: 140px;
float: left;
border-left: 5px solid #FFFFFF;
}
#colonnasinistra a.mainlevel {
padding-left: 20px;
background: url(../images/arrow-off.gif) no-repeat 5px 4px;
}
#colonnasinistra a.mainlevel:hover, a.mainlevel:active {
background: url(../images/arrow-on.gif) no-repeat 5px 4px;
}
#colonnasinistra a.sublevel {
padding-left: 3px;
}
#colonnadestra {
width: 140px;
float: right;
border-right: 5px solid #FFFFFF;
}
#colonnadestra a.mainlevel {
padding-left: 20px;
background: url(../images/arrow-off.gif) no-repeat 5px 4px;
}
#colonnadestra a.mainlevel:hover, a.mainlevel:active {
background: url(../images/arrow-on.gif) no-repeat 5px 4px;
}
#colonnadestra a.sublevel {
padding-left: 3px;
}
#menualto {
background: url(../images/top_bar_bg.gif) repeat-x bottom left;
line-height: normal;
}
.bordo-menualto {
padding: 2px 0 3px;
border-bottom: 1px solid #4B5FA4;
background: #223C59;
}
#menualto ul {
margin: 0;
padding: 0;
list-style: none;
height: 27px;
}
#menualto li {
padding: 0;
margin: 0;
display: inline;
background: none;
}
#menualto a {
padding: 0 20px;
margin-top: 4px;
color: #FFFFFF;
font-size: 11px;
text-align: center;
display: block;
float: left;
height: 22px;
line-height: 22px;
background: url(../images/topnav-sep.gif) no-repeat top right;
}
#menualto li.active_menu a {
margin: 0;
height: 22px;
line-height: 22px;
text-decoration: none;
border-right: 1px solid #CCCCCC;
}
#menualto a:hover, #menualto a:active {
color: #FFFFFF;
background: url(../images/topnav-hover.gif) repeat-x bottom right #5B7191;
text-decoration: none;
}
#menualto li.active_menu a, #menualto li.active_menu a:hover {
border-top: 5px solid #223C59;
background: #223C59;
}
#sottomenu {
padding: 3px 5px;
margin-top: 9px!important;
margin-top: 11px;
border: 1px solid #DCE1F3;
background: #F3F5FB;
}
#sottomenu h3 {
padding: 0 0 0 4px;
margin: 0 -3px 0 -3px;
font-size: 11px;
height: 20px;
line-height: 20px;
border: 2px solid #EEEEEE;
font-weight: normal;
color: #FFFFFF;
background: #223C59;
}
#sottomenu ul {
margin: 0;
padding: 0;
}
#sottomenu li {
margin: 5px;
padding: 0;
background: none;
height: 20px;
}
#sottomenu a {
color: #333333;
display: block;
height: 20px;
line-height: 20px;
padding-left: 10px;
border: 1px solid #FFFFFF;
border-left: 5px solid #223C59;
}
#sottomenu a:hover, #sottomenu a:active, #sottomenu li.active_menu a {
text-decoration: none;
background: #FFFFFF;
border: 1px solid #FFFFFF;
border-left: 5px solid #90AFD2;
}
#intestazione-riflesso {
padding-left: 20px;
height: 170px;
color: #F2F2F2;
background: url(../images/header-sl-blue.jpg) no-repeat top right;
}
#intestazione-riflesso a {
color: #FFFFFF;
text-decoration: underline;
}
#intestazione-riflesso h3 {
background: none;
font-size: 1.4em;
border: none;
text-align: left;
font-weight: bold;
padding-bottom: 3px;
}
#intestazione-riflesso div.moduletable {
background: none;
font-size: 1em;
width: 720px;
border: none;
padding: 80px 0 5px;
color: #F2F2F2;
margin: 0!important;
}
#intestazione-riflesso .article_seperator {
display: none;
}
#riflesso-1 div.moduletable, #riflesso-2 div.moduletable {
border: none;
background: none;
margin: 0;
padding: 0;
}
#riflesso-1 h3, #riflesso-2 h3 {
border: 2px solid #EEEEEE;
margin: 0 0 10px;
background: #223C59;
}
#riflesso-1 a, #riflesso-2 a {
color: #333333;
}
#footer {
background: url(../images/footer-bg.gif) repeat-x top left #666666;
color: #FFFFFF;
text-align: center;
clear: both;
line-height: 28px;
height: 28px;
position: relative;
padding: 0 5px;
border-top: 10px solid #FFFFFF;
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer li {
padding: 0;
margin: 0;
display: inline;
background: none;
height: 25px;
}
#footer a {
padding: 0 10px;
border-right: 1px solid #999999;
color: #CCCCCC;
background: none;
text-transform: Capitalize;
height: 30px;
line-height: 30px;
}
#footer a:hover, #footer a:active {
color: #FFFFFF;
}
#copyright {
color: #999999;
padding: 5px 0 5px;
float:left;
width: auto;
}
#copyright a {
}
#banner {
color: #FFFFFF;
clear: both;
height: 75px;
position: relative;
padding-top: 15px;
padding-left: 25%;
text-align: center;
}
div.ombra{
margin: 0;
padding: 2px 0;
background: url(../images/ombra.gif) repeat-x;
clear: both;
}
div.back_button a {
float: right;
display: block;
width: auto;
padding: 0 10px;
height: 18px;
background: url(../images/but-bg.gif) no-repeat bottom right;
border: 1px solid #808080;
color: #666666;
cursor: default;
}
div.back_button a:hover {
color: #666666;
text-decoration: none;
cursor: default;
}
div.back_button a:active {
border: 1px solid #CCCCCC;
background: #EEEEEE;
color: #666666;
text-decoration: none;
cursor: default;
}
#mod_login_password, #mod_login_username, .search input {
width: 110px;
}
#mod_login_remember {
border: none;
padding: 0!important;
}
html { height: 100%; margin-bottom: 1px;}
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
.contatti {
text-indent: 12px;
}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active {
color: #223C59;
text-decoration: none;
}
div.moduletable-centrali h3 {
margin: 0 0 5px;
padding: 0;
color: #FFFFFF;
font-size: 1.2em;
text-indent: 8px;
}
div.moduletable-centrali {
padding: 10px 15px;
margin: 3px 0 22px;
border: 1px solid #4C7897;
background: #FFFFFF;
clear: both;
}
div.moduletable-blocco,
div.moduletable-blocco2{
padding: 0 15px 30px;
margin: 0 0 25px;
background: url(../images/module-botbg.gif) no-repeat bottom right #FFFFFF;
clear: both;
}
div.moduletable-vambaland{
padding: 0 15px 30px;
margin: 0 0 25px;
background: url(../images/module-botbg.gif) no-repeat bottom right #FFFFFF;
clear: both;
}
div.moduletable-header{
padding: 0 3px 10px;
margin: 0 0 2px;
white-space: nowrap;
width: 85%;
overflow: hidden;
}
div.moduletable-blocco h3 {
background: url(../images/module-annunci.gif) no-repeat top right;
margin: 0 -15px 5px;
padding: 25px 0 0;
color: #800000;
font-size: 1.4em;
text-indent: 15px;
}
div.moduletable-vambaland h3 {
background: url(../images/module-sondaggio.gif) no-repeat top right;
margin: 0 -15px 5px;
padding: 25px 0 0;
color: #163B57;
font-size: 1.2em;
text-indent: 15px;
}
div.moduletable-blocco2 h3 {
background: url(../images/module-login.gif) repeat-x top left;
margin: 0 -15px 5px;
padding: 25px 0 0;
color: #163B57;
font-size: 1.4em;
text-indent: 45px;
}
div.moduletable-banner h3 {
margin: 0 0 5px;
padding: 0;
color: #FFFFFF;
font-size: 1.4em;
line-height: normal;
clear: both;
}
div.moduletable-banner {
padding: 2px 6px;
margin: 3px 0 22px;
background: #FFFFFF;
clear: both;
}
.dropcap {
float: left;
padding: 4px 2px 0 0;
display: block;
color: #306291;
font: 40px/30px Arial, Times, serif;
}
.error {
color: #FC020E;
padding-left: 20px;
background: url(../images/bullet-error.gif) no-repeat top left;
}
.message {
color: #3B72A6;
padding-left: 20px;
background: url(../images/bullet-info.gif) no-repeat top left;
}
.tips {
color: #F9A503;
padding-left: 20px;
background: url(../images/bullet-tips.gif) no-repeat top left;
}
#annuncitop {
font-size: 11px;
position: absolute;
width: 310px;
top: 1px;
left:310px;
float: left;
}
#code
{
border: solid 1px #dedede;
background-color: #efefef;
padding: 8px 8px 8px 8px;
color: #336699;
font-size:11px;
}
p.coccinella {
padding: 25px 60px 15px 20px;
background: url(../images/clip3.gif) no-repeat top right #F2DF0E;
color: #1a1a1a;
}
p.clipnote {
padding: 25px 60px 15px 20px;
background: url(../images/clip.gif) no-repeat top right #4F89D2;
color: #FFFFFF;
}
p.pinnote {
padding: 25px 60px 15px 20px;
background: url(../images/clip2.gif) no-repeat top right #356791;
color: #FFFFFF;
}
p.componenti {
padding: 8px 5px 15px 20px;
background: #3CC53C;
color: #FFFFFF;
}
p.moduli {
padding: 8px 5px 15px 20px;
background: #EF8846;
color: #FFFFFF;
}
p.mambot {
padding: 8px 5px 15px 20px;
background: #4F89D2;
color: #FFFFFF;
}
p.core {
padding: 8px 5px 15px 20px;
background: #F2DF0E;
color: #1a1a1a;
}
p.template{
padding: 8px 5px 15px 20px;
background: #356791;
color: #FFFFFF;
}
p.design {
padding: 8px 5px 15px 20px;
background: #761906;
color: #FFFFFF;
}
blockquote {
padding: 15px 40px;
background: url(../images/quote.gif) 10px 10px no-repeat;
font: italic 1em/1.5 Georgia, Times, serif;
}
.blocknumber {
position: relative;
clear: both;
padding: 5px 10px 10px;
}
.bignumber {
float: left;
font: 30px/normal Arial, sans-serif;
font-weight: bold;
color: #4F89D2;
display: block;
margin-right: 5px;
margin-bottom: 5px;
}
#hidden {
color: #CA856C;
font-size: 0px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
overflow: hidden;
clip: rect(0px,0px,0px,0px);
}
.moduletable-annunci {
background: #568ce9;
border: 1px solid #3567c6;
color: #fff;
}
.moduletable-annunci a:link,
.moduletable-annunci a:visited {
color: #ddd;
}
.moduletable-annunci a:hover {
color: #ffff00;
}
.moduletable-annunci h3 {
background: #3567c6 url(../images/bullet4.png) 5px 50% no-repeat;
}
div.moduletable-annunci h3 {
font-size: 100%;
}
.moduletable-annunci {
padding: 5px;
margin: 0;
margin-bottom: 10px;
}
.moduletable-annunci h3 {
padding: 0;
margin-top: -5px;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 10px;
padding: 5px 5px 5px 23px;
line-height: 100%;
}
div.moduletable-annunci blockquote {
margin: -10px;
}
.moduletable-login {
background: #f0b10b;
border: 1px solid #dda000;
}
.moduletable-login a:link,
.moduletable-login a:visited {
color: #004080;
}
.moduletable-login a:hover {
color: #ffff00;
}
.moduletable-login h3 {
background: #dda000 url(../images/bullet3.png) 5px 50% no-repeat;
color: #FFF;
}
div.moduletable-login h3 {
font-size: 100%;
}
.moduletable-login {
padding: 5px;
margin: 0;
margin-bottom: 10px;
}
.moduletable-login h3 {
padding: 0;
margin-top: -5px;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 10px;
padding: 5px 5px 5px 23px;
line-height: 100%;
}
div.moduletable-login blockquote {
margin: -10px;
}