ciao ragazzi il mio template mi stampa così i titoli degli articoli etc..
agevolo la foto...
come faccio ad a spostarlo più a sinistra?
posto anche il codice del css...
/**#################### DEFAULT and FORMS CSS ####################**/
body,html { margin: 0; padding : 0; background: url(../images/top_bg.gif) #ECEEEF repeat-x top left;}
td, tr, p, div {
font-family : Arial, Helvetica, sans-serif;
color : #333333;
font-size : 13px;
line-height : 16px;
}
hr {
color : #999999;
height : 1px;
width : 100%;
}
a:link, a:visited { color : #EE7A11; text-decoration: none; }
a:hover {
color : #999999;
text-decoration : underline;
}
ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
li {
line-height : 14px;
padding-left : 14px;
padding-top : 2px;
background-image : url(../images/bullet.gif) ;
background-repeat: no-repeat;
background-position: 0 50%;
}
form {
margin : 0;
padding : 0;
}
.inputbox {
color : #000000;
background : #f2f4f5;
border : solid 1px #cccccc;
margin : 3px 0;
}
form select.button{
color : #000000;
background : #f2f4f5;
}
option {
background : #ffffff;
}
/**#################### Joomla CSS ####################**/
/** Buttons **/
.back_button {
font-size : 12px;
font-weight : normal;
padding-bottom : 3px;
margin-right : 4px;
float : right;
line-height : 20px;
}
div.back_button a{
text-decoration : none;
}
.button {
font-size : 11px;
color : #edf1f3;
border : solid 1px;
margin : 3px 0;
padding : 2px 5px;
cursor : pointer;
background : url(../images/button.gif) repeat-x left top;
}
/** Contact **/
.contact_email {
width : 100%;
}
.contact_email .inputbox {
}
/** Module table **/
table.moduletable {
margin : 0 0 5px;
width : 100%;
}
table.moduletable th { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : center; width : 100%; color : #ebeff2; padding : 2px; line-height : 24px; background-color: #EE7A11; height: 28px; }
table.moduletable td {
padding-top: 2px;
}
div.module{
text-align: left;
margin : 0 0 15px;
}
div.module h3 { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : center; width : 100%; color : #ebeff2; line-height : 26px; background-color: #EE7A11; height : 28px; margin : 0 0 15px; }
.rightcol div.module h3{ background-color: #3c424a; }
.contmod { text-align : left; padding-top: 3px; padding-right: 0; padding-left: 0; }
.contmod td {
padding : 5px;
}
.contmod table.moduletable {
margin : 0 0 5px;
width : 100%;
border : solid 1px #dde1e3;
background : #f7f9fa;
}
.contmod table.moduletable th{
font-size : 14px;
font-weight : bold;
text-align : center;
width : 100%;
color : #EE7A11;
padding : 1px;
line-height : 24px;
background : #e2e5e8;
border-bottom : 1px solid #dde1e3;
}
/** Read more **/
a.readon:link, a.readon:visited { color : #e2e5e8; font-size : 12px; white-space : normal; font-weight : normal; padding : 1px 10px; float : right; line-height : 15px; background-color: #EE7A11; text-decoration : none; border: solid 1px; }
a.readon:hover { color : #EE7A11; font-size : 12px; white-space : normal; font-weight : normal; padding : 1px 10px; line-height : 15px; background-color: #f2f3f4; background-attachment: scroll; background-position: 0 0; text-decoration : none; border: solid 1px; }
/** Pagenavigation **/
.pagenavcounter {
font-size : 11px;
color : #999999;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagenav, .pagenav_prev, .pagenav_next {
font-weight : normal;
}
a.pagenav:link, a.pagenav:visited {
font-size : 11px;
color : #999999;
text-decoration : none;
}
a.pagenav:hover {
font-size : 11px;
color : #EE7A11;
text-decoration : none;
}
table.contenttoc {
border : 1px solid #dcdcdc;
background : #f3f5f6;
padding : 0;
margin-left : 2px;
margin-bottom : 2px;
}
table.contenttoc th{
margin : 0;
padding : 2px;
background : #f2f4f5;
color : #333333;
}
table.contenttoc td{
margin : 0;
padding : 3px 4px;
border-bottom : 1px solid #dcdcdc;
background-image : url(../images/bullet.gif) ;
background-repeat : no-repeat;
background-position: 4px 7px;
}
table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left : 12px !important;
padding-left : 0;
text-indent : 12px;
text-decoration : none;
}
/** Pathway **/
.pathway {
color : #333333;
padding-left : 5px;
}
a.pathway:link, a.pathway:visited {
padding-left : 0;
font-weight : bold;
text-decoration : underline;
}
a.pathway:hover {
padding-left : 0;
font-weight : bold;
}
.pathway img{
padding-top : 5px;
}
/** Content **/
.sectiontableheader {
font-weight : bold;
letter-spacing : 1px;
color : #ffffff;
background : #414141;
padding : 3px 5px;
border : 1px solid #ffffff;
}
.sectiontableentry1 {
vertical-align : top;
background : #f9fbfc;
border-bottom : 1px solid #ffffff;
line-height : 20px;
}
.sectiontableentry1 td, .sectiontableentry2 td{
padding : 2px 5px;
border-bottom : 1px solid #ffffff;
line-height : 20px;
}
.sectiontableentry2 {
vertical-align : top;
border-bottom : 1px solid #ffffff;
background : #f2f4f5;
line-height : 20px;
}
a.category:link, a.category:visited {
font-size : 12px;
font-weight : normal;
padding: 5px;
}
.small {
font-size : 11px;
color : #999999;
}
.smalldark {
font-size : 11px;
color : #333333;
}
.createdate, .modifydate {
font-size : 11px;
color : #666666;
font-weight : normal;
text-align : left;
width : 100%;
}
.content_vote {
font-size : 11px;
height : 22px;
padding : 2px 0;
}
.content_rating {
font-size : 11px;
color : #999999;
}
table.content{
width : 100%;
padding : 0;
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 10px;
}
table.contentpane {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
}
.contentheading {
font-family : Arial, Verdana, Helvetica, sans-serif;
width : 100%;
font-size : 17px;
font-weight : bold;
line-height : 21px;
text-align : left;
text-indent : 15px;
color : #616161;
padding : 3px;
margin : 3px 0;
background : #f9fbfc;
}
.contentheading a {
text-decoration:none;
}
.componentheading { font-family : Arial, Verdana, Helvetica, sans-serif; width : auto; font-size : 17px; font-weight : bold; line-height : 21px; text-transform : uppercase; text-align : left; color : #616161; padding : 3px; margin : 5px !important; margin : 5px 1px; background : #f9fbfc; text-indent: 15px; }
.contentdescription {
width : auto !important;
margin : 0;
padding : 0;
padding-top : 5px;
text-align : left;
}
.blog_more {
margin : 10px 0 7px 7px;
}
.buttonheading {
padding : 0 2px;
}
.blog {
width:100%;
}
/** Polls **/
.poll {
color : #333333;
line-height : 13px;
font-weight : normal;
text-align : left;
}
.pollstableborder{
border-color : #999999;
}
/** "Tab" buttons for Joomla frontend **/
.ontab {
border-left : 1px solid #666666;
text-align : center;
font-weight : bold;
color : #333333;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.offtab {
border-left : 1px solid #666666;
text-align : center;
color : #999999;
font-weight : normal;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.tabpadding {
border-left : 1px solid #666666;
}
/** CSS for Mainmenu **/
a.mainlevel {
display : block;
width : auto !important;
width : 100%;
margin : 1px 0;
padding : 0;
font-size : 12px;
background : transparent;
text-indent : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 14px;
border-bottom : 1px solid #d5d7d9;
font-weight : normal;
padding : 3px 0 3px 10px;
color : #666666;
text-decoration : none;
}
a.mainlevel:hover {
border-bottom : 1px solid #d5d7d9;
font-size : 14px;
font-weight : normal;
color : #666666;
text-decoration : none;
padding-left : 10px;
text-decoration : none;
background : #eceeef url(../images/menu.gif) no-repeat 96% 50%;
}
#active_menu { border-bottom : 1px solid #d5d7d9;
font-size : 14px;
font-weight : normal;
color : #EE7A11;
text-decoration : none;
padding-left : 10px;
text-decoration : none;
background : #eceeef url(../images/menu.gif) no-repeat 96% 50%;
}
a#active_menu:hover {
color : #EE7A11;
border-bottom : 1px solid #dcdfe1;
}
/** Sublevel for Mainmenu **/
.sublevel {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #999999;
padding : 3px 1px 3px 5px;
margin : 3px;
}
a.sublevel:link, a.sublevel:visited {
color : #999999;
text-decoration : none;
}
a.sublevel:hover {
color : #EE7A11;
text-decoration : none;
}
a.sublevel#active_menu {
background : transparent;
color : #EE7A11;
border : 0;
}
/** Topmenu styles for BOTTOM navigation **/
ul#mainlevel-nav {
font-size : 11px;
list-style : none;
padding-right : 20px;
margin : 0;
}
#mainlevel-nav li {
float : right;
display : block;
list-style : none;
background-image : none;
padding : 0;
margin : 0;
width : auto !important;
font-size : 13px;
line-height : 28px;
white-space : nowrap;
}
#mainlevel-nav li a {
display : block;
padding-left : 10px;
padding-right : 0;
font-size : 13px;
color : #EE7A11;
text-decoration : underline;
}
#mainlevel-nav li a:hover {
display : block;
font-size : 13px;
color : #cccccc;
}
/** images **/
.mosimage {
border : 1px solid #E7EAEC;
margin : 5px;
padding-top: 3px;
}
.mosimage_caption {
margin-top: 3px;
padding : 2px;
color : #666666;
font-size : 10px;
background: #ECEEEF;
}
/** #################### index.php #################### **/
.main {
text-align : left;
width : 100%;
}
div.mod {
background : transparent;
width : 3px;
}
#clear {
clear: both;
height: 30px;
}
#centice {
border: 1px solid #ffffff;
background: #ffffff;
}
#contentol{
padding: 5px;
}
td.pw {
width : 100%;
padding : 5px 5px 5px 5px !important;
padding : 2px 2px 10px 2px;
}
td.pw div{
padding : 5px;
width : auto;
border : 1px solid #DDE1E3;
background : #ECEEEF;
}
.footer_left { float: left; font-size : 12px; color : #e9ecf1; font-weight : normal; margin-left: 20px; padding-top : 15px !important; padding-top : 15px; }
.footer_left p{
padding-left: 20px;
}
.footer_right { width : 410px; float: right; font-size : 12px; color : #e9ecf1; font-weight : normal; padding-top : 15px; text-align: right; margin-right: 20px; }
.footer_right p{
padding-right: 20px;
}
.leftcol, .rightcol {
vertical-align : top;
padding : 7px;
text-align : left;
width : 190px;
background : #e2e5e8;
}
.leftcol div, .rightcol div{
width : 170px;
}
.foot { color: #f2faef; background-color: #3a4048; height : 40px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top-style: none; border-top-width: medium; }
.foot td { color: #e9ecf1; padding: 10px 15px; }
.foot a { color: #bbbfc0; }
.topup td { color: #3a4048; padding: 10px 15px; }
.bann { color: #3a4048; background-color: #e2e5e8; border-color: #e2e5e8 #ffffff #ffffff; border-style: solid; border-width: 1px; }
.bann td { color: #3a4048; text-align: center; padding-right: 15px; padding-left: 15px; }
#logo {
background : url(../images/logo.gif) no-repeat 0 50%;
height : 150px;
}
#top_bar_home { background-color: transparent; position : absolute; margin : 0; padding : 0; right : 80px; height : 91px; }
#top_bar { background-color: transparent; position : absolute; margin : 0; padding : 0; right : 80px; height : 91px; }
#ol-mainbd { margin: 0 auto; padding: 0; width: 800px; text-align: left; min-width: 750px; max-width: 2000px; }
#flash { position: absolute; top: 0; right: 0; }
#topup { clear: both; color: #3a4048; text-align: left; line-height: normal; background-color: #fff; height: 160px; position: relative; border-bottom: 1px solid #e9ecf1; }
.newsflash { text-align : left; padding-top: 3px; padding-right: 0; padding-left: 0; }
.newsflash td { color: #e9ecf1; padding : 5px; }
.newsflash table.moduletable { color: #e9ecf1; margin : 0 0 5px; width : 100%; border : solid 1px #dde1e3; background : #666666; }
.newsflash table.moduletable th{
font-size : 14px;
font-weight : bold;
text-align : center;
width : 100%;
color : #e9ecf1;
padding : 1px;
line-height : 24px;
background : #3a4048;
border-bottom : 1px solid #65707e;
}
