Ciao
sono una novellina e sto cercando di modificare un CSS in due cose:
1) vorrei modificare la dimensione del font dello scritto header e da bold farlo diventare normal. Se possibile modificare anche i suoi bordi per centrarlo.
2)Vorrei modificare la larghezza della pagina, il mainmenu immagino, e portarla al 100%.
MI sapreste ritagliare qui le righe da modificare (se è una cosa alla portata di una newbie) indicandomi come?
Allego un'anteprima del template e di seguito il CSS.
Grazie mille cmq per l'attenzione!
.readon {
border-bottom:1px dotted black;
border-left:1px dotted black;
}
td {font-size:12px;}
a:link, a:visited, h3, .contentheading,.blog_more div strong {
color:black;
}
.introtext, .fulltext {
color:black;
}
html {
overflow-x:hidden;
}
div {
margin:0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
line-height:175%;
text-align:justify;
height:100%;
font-size: 12px;
margin:0px;
padding:0px;
background-image:url(../images/backgroundgardient.jpg);
background-repeat:repeat-x;
}
h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}
ul {
margin:0;
padding:0;
margin-left:15px;
}
a {
text-decoration:none;
font-weight:bold;
}
ul li a, .pagenavcounter {
font-weight:bold;
}
ul#mainlevel-nav {
margin:0px;
padding:0;
height:33px;
}
ul#mainlevel-nav li {
list-style: none;
display:inline;
height:33px;
width:119px;
}
ul#mainlevel-nav li a {
font-size:11px;
color:white;
font-weight:normal;
text-align:center;
background:url(../images/buttontop_normal.jpg) no-repeat;
line-height:33px;
height:33px;
width:119px;
display: block;
float:left;
}
ul#mainlevel-nav li a:hover {
color:white;
font-size:11px;
font-weight:normal;
text-align:center;
background:url(../images/buttontop_over.jpg) no-repeat;
line-height:33px;
height:33px;
width:119px;
display: block;
float:left;
}
h3 {
margin-bottom:10px;
}
.contentheading, .blog_more div strong {
font-weight:bold;
}
.blog_more a {
font-weight:normal;
color:black;
}
.componentheading {
color:black;
padding-bottom:10px;
margin-bottom:20px;
}
.vistaleft a.mainlevel:link, .vistaleft a.mainlevel:visited {
color:white;
font-size:12px;
display:block;
margin-left:-5px;
padding-left:20px;
line-height:34px;
height:42px;
background:url(../images/button_normal.jpg) no-repeat;
font-weight:normal;
}
.vistaleft a.mainlevel:hover {
background:url(../images/button_over.jpg) no-repeat;
}
.vistaleft a.mainlevel#active_menu:link, .vistaleft a.mainlevel#active_menu:hover, .vistaleft a.mainlevel#active_menu:visited {
color:white;
font-size:12px;
display:block;
margin-left:-5px;
padding-left:20px;
line-height:34px;
height:42px;
background:url(../images/button_activated.jpg) no-repeat;
font-weight:normal;
}
.vistaright a.mainlevel:link, .vistaright a.mainlevel:visited {
color:white;
margin-right:-5px;
text-align:right;
font-size:12px;
display:block;
padding-right:20px;
line-height:34px;
height:42px;
background:url(../images/buttonright_normal.jpg) no-repeat;
background-position:top right;
font-weight:normal;
}
.vistaright a.mainlevel:hover {
background:url(../images/buttonright_over.jpg) no-repeat;
background-position:top right;
}
.vistaright a.mainlevel#active_menu:link, .vistaright a.mainlevel#active_menu:hover, .vistaright a.mainlevel#active_menu:visited {
color:white;
text-align:right;
margin-right:-5px;
font-size:12px;
display:block;
padding-right:20px;
line-height:34px;
height:42px;
background:url(../images/buttonright_activated.jpg) no-repeat;
background-position:top right;
font-weight:normal;
}
.vistaleft a.sublevel:link, .module a.sublevel:visited {
color:white;
margin-left:-5px;
font-size:12px;
display:block;
padding-left:20px;
line-height:34px;
height:42px;
background:url(../images/button_subnormal.jpg) no-repeat;
font-weight:normal;
}
.vistaleft a.sublevel:hover {
background:url(../images/button_subover.jpg) no-repeat;
}
a.vistaleft .sublevel#active_menu:link, .vistaleft a.sublevel#active_menu:hover, .vistaleft a.sublevel#active_menu:visited {
color:white;
font-size:12px;
margin-left:-5px;
display:block;
padding-left:20px;
line-height:34px;
height:42px;
background:url(../images/button_subactivated.jpg) no-repeat;
font-weight:normal;
}
.vistaright a.sublevel:link, .vistaright a.sublevel:visited {
color:white;
text-align:right;
margin-right:-5px;
font-size:12px;
display:block;
padding-right:20px;
line-height:34px;
height:42px;
background:url(../images/buttonright_subnormal.jpg) no-repeat;
background-position:top right;
font-weight:normal;
}
.vistaright a.sublevel:hover {
background:url(../images/buttonright_subover.jpg) no-repeat;
background-position:top right;
}
.vistaright a.sublevel#active_menu:link, .vistaright a.sublevel#active_menu:hover, .vistaright a.sublevel#active_menu:visited {
color:white;
text-align:right;
margin-right:-5px;
font-size:12px;
display:block;
padding-right:20px;
line-height:34px;
height:42px;
background:url(../images/buttonright_subactivated.jpg) no-repeat;
background-position:top right;
font-weight:normal;
}
.vistaleft {padding:5px;}
.vistamain {padding:5px;}
.vistaright {text-align:center;padding:5px;}
.vistafooter {color:white;font-size:10px;background-repeat:no-repeat;background-color:black;}
.vistafooter a:link, .vistafooter a:visited {font-weight:bold;color:gray;font-size:11px;}
.module {
margin:0;
padding-bottom:10px;
color:black;
}
.moduletable td {
padding-left:5px;
padding-right:5px;
}
.vistaleft .module h3 {
padding-left:25px;
margin:-5 0 0 -5;
color:white;
line-height:34px;
height:43px;
font-size:14px;
background:url(../images/titlebuttonleft.jpg) no-repeat;
}
.vistaright .module h3 {
margin:-5px;
padding-right:25px;
text-align:right;
color:white;
line-height:34px;
height:43px;
font-size:14px;
background:url(../images/titlebuttonright.jpg) no-repeat;
background-position:top right;
}
.small {
color:#666666;
}
.createdate, .modifydate {
color:#999999;
}
#mod_login_username, #mod_login_password {
width:150px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
color:black;
}
.inputbox {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
color:black;
}
.readon {
padding-left:5px;
}
.contenttoc {
margin:10px;
border:1px solid #CCCCCC;
}
.contenttoc td {
text-align:left;
padding-left:5px;
padding-right:5px;
}
.contenttoc th {
text-align:left;
background-color:#DEDEDE;
padding-left:5px;
padding-right:5px;
}
.label {
text-align:left;
}
.mosimage {
border:1px solid #CCCCCC;
margin:5px;
}
.mosimage_caption {
background-color:#DEDEDE;
}
.sectiontableheader {
font-weight: bold;
}
.sectiontableentry2 label {
text-align:left;
}
.sectiontableentry2 {
background-color:#FFFFFF;
}
.sectiontableentry1 {
background-color:#F5F5F5;
}
.sectiontableentry1 td div a, .sectiontableentry2 td div a {
font-weight:bold;
border:none;
}
.div_bfree {
visibility:hidden;
overflow:hidden;
height:0px;
}
h3, .contentheading {
/*font-size:140%;*/
font-size:14px;
font-weight:bold;
}
.componentheading {
/*font-size:160%;*/
font-size:14px;
font-weight:bold;
letter-spacing: 2px;
text-transform:uppercase;
}
img {
border:none;
}
.contentpane
{color:black;}
.contentpaneopen {
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
}
.vistauser1, .vistauser2 {
margin:2px;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
}
/* The following code is taken from rhuk - template: rhuk_solarflare_ii. */
.button {
color: black;
font-family: Verdana, Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: auto;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px;
}
.back_button {
color: black;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: 50px;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 19px !important;
height: 19px;
margin: 1px;
}
.pagenav_next {
color: black;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: 50px;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 19px !important;
height: 19px;
margin: 1px;
}
.pagenav_prev {
color: black;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: 50px;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 19px !important;
height: 19px;
margin: 1px;
}
.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: auto;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}
.pagenavbar {
margin-right: 10px;
float: right;
}
@media print{
.vistaleft, .vistauser1user1, .vistaright, .vistatop, .vistauser3, .noprint {display:none;}
.print {width:100%;}
body, .vistamain{background:none;}
}
Rispondi quotando