/**
* @version $Id: template.css
* @author SiteGround
* @package Joomla
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/
body,html {
height:100%;
margin:0;
padding:0
}
body {
background:#fff;
color:#9d9d9d; /** colore font */
font:400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;
margin:0;
padding:0
}
.clr {
clear:both;
font-size:0;
line-height:0;
overflow:hidden
}
ul {
list-style:none;
margin:0;
padding:0
}
a,img {
border:none;
margin:0;
outline:none;
padding:0
}
a:link,a:visited {
color:#d0d0d0; /** colore link quando ci vai sopra col cursore */
text-decoration:none
}
a:hover,a:active,a:focus {
color:#fff
}
form {
margin:0;
padding:0
}
header,nav,menu,section,aside,article,footer {
display:block
}
h1,h2,h3,h4,h5,h6 {
color:#efefef; /** colore testo */
font-family:Arial,sans-serif;
line-height:normal;
margin:0 0 10px;
text-align:left;
text-shadow:1px 1px 1px #000
}
h1 {
font-size:24px
}
h2 {
font-size:20px
}
h3 {
font-family:Arial, Tahoma, Verdana, Helvetica;
font-size:18px
}
h4 {
font-size:14px
}
h5 {
font-size:12px
}
h6 {
font-size:11px
}
iframe {
border:none
}
dl dd {
margin:0;
padding:0 0 0 10px
}
fieldset {
border:none;
margin:0;
padding:0
}
button {
background:url("../images/but.png") repeat-x scroll left top transparent;
border:none;
color:#FFF;
float:left;
font-weight:400;
height:22px;
line-height:22px;
margin:0;
padding:0 0 3px;
width:85px
} /* DA VEDERE */
p {
margin:0 0 10px
}
.maincol .cont p {
margin:10px 10px 0;
text-align:justify;
width:470px
}
.maincol_w_left .cont p,.maincol_w_right .cont p {
margin:10px 10px 0;
text-align:justify;
width:700px
}
.maincol_w_right .cont p {
margin:10px 0 0 10px
}
.maincol p.readmore,.maincol_w_left p.readmore,.maincol_w_right p.readmore {
text-decoration: underline;
text-align:right
}
.module p {
margin:0;
padding:0 10px 10px;
width:200px
}
.page_bg {
background-image:url("../images/page_bg.png");
background-position:0px 0px;
background-repeat:repeat-x;
margin:0
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -90px;
width:940px
}
.pusher {height:90px; float:none; clear:both;}
.page {
min-height:100%
}
.main {
margin:0 auto;
width:960px
}
.top {
height:38px;
margin:0 auto;
width:960px
}
.top .menu {
height:26px;
padding:6px 0
}
.top .menu li {
float:left;
font-size:12px;
height:26px;
margin:0 10px 0 0
}
.top .menu a {
background:transparent url(../images/top_menu_r_bg.png) no-repeat top right;
float:left;
text-decoration:none
}
.top .menu a span {
background:transparent url(../images/top_menu_l_bg.png) no-repeat top left;
color:#fff;
cursor:pointer;
float:left;
height:26px;
line-height:25px;
padding:0 10px
}
header {
height:200px;
position:relative
}
header h1 {
height:40px;
left:5px;
margin:0;
padding:0;
position:absolute;
top:80px
}
header h1 a,header h1 a:link,header h1 a:visited,header h1 a:hover {
-moz-text-shadow:#000 1px 1px 1px;
color:#fff;
font-size:26px;
font-weight:700;
line-height:40px;
text-align:center;
text-decoration:none;
text-shadow:#000 1px 1px 1px
}
header #search {
height:40px;
padding:0;
position:absolute;
right:5px;
top:169px;
width:124px
}
#search .search {
float:left;
height:25px;
padding:0
}
#search .search .inputbox {
background:url("../images/search_bg.png") top center no-repeat;
border:none;
color:#8d979a;
float:left;
font-size:11px;
height:26px;
line-height:24px;
padding:0 0 0 5px;
width:124px
}
#search .search .button {
display:none
}
#content {
background:url("../images/cont_bg.png") top center repeat-y;
height:100%;
width:970px
}
.topround {
background:url("../images/top_round.png") top left no-repeat;
height:20px;
margin:10px 0 0;
width:970px
}
.bottomround {
background:url("../images/bottom_round.png") top left no-repeat;
height:20px;
width:970px
}
#content .c {
overflow:hidden;
width:100%;
}
.top-menu {
height:34px;
left:0;
position:absolute;
top:165px
}
.maincol,.maincol_w_right,.maincol_w_left,.maincol_full {
margin:0 auto;
padding:0
}
.leftcol,.rightcol {
float:left;
margin:0 10px 0 0;
padding:0 0 0 10px;
width:210px
}
.rightcol {
margin:0 0 0 10px;
padding:0 10px 0 0
}
.maincol_w_right .cont,.maincol_w_left .cont {
float:left;
width:710px
}
.maincol_w_right .cont {
margin:0 0 0 10px
}
.maincol_w_left .cont {
margin:0 10px 0 0
}
.cont {
margin:0;
padding:0 0 10px 10px
}
.maincol .cont {
float:left;
width:50%;
}
#breadcrumbs {
bottom:30px;
left:0;
position:absolute
}
.separator {
color:#505050;
display:block;
font-size:12px;
font-weight:700;
padding:20px 0 0
}
.module_menu .menu,.module .menu {
margin:0
}
.module_menu .menu li,.module .menu li {
line-height:20px;
padding:0 0 5px 10px
}
.module_menu .menu li a,.module .menu li a {
display:block
}
#login-form {
margin:0 auto;
padding:0;
width:200px
}
fieldset.userdata p {
padding:0
}
fieldset.userdata {
border:none;
height:150px;
padding:0;
position:relative;
width:150px
}
#login-form ul {
padding:10px 10px 10px 0
}
fieldset.userdata label {
color:#9d9d9d;
display:block;
line-height:16px
}
#form-login-remember label {
display:inline;
font-size:12px;
line-height:12px
}
input,fieldset.userdata input {
background:url("../images/field_bg.png") no-repeat left top;
border:medium none;
color:#C9C9C9;
font-size:11px;
height:20px;
line-height:14px;
padding:0 5px;
width:110px
}
#form-login-remember {
height:14px;
line-height:14px;
margin:0 0 10px;
overflow:hidden;
padding:0
}
#modlgn-remember {
border:medium none;
color:#000;
height:auto;
margin:0 10px 0 0;
width:auto
}
fieldset.userdata input.button {
bottom:0;
left:0;
position:absolute;
width:80px
}
button,fieldset.userdata input.button {
background:url("../images/but.png") top left no-repeat;
border:none;
color:#b9b9b9;
float:left;
font-weight:400;
height:22px;
line-height:22px;
margin:0;
padding:0 0 4px;
width:85px
}
button:hover,fieldset.userdata input.button:hover {
background:url("../images/but.png") bottom left no-repeat
}
#form-login-username,#form-login-password {
margin:0 0 10px;
overflow:hidden
}
.module .search {
margin:0 20px;
position:relative
}
.search label {
display:none
}
#mod-search-searchword {
background:none;
border:1px solid #d5d5d5;
color:#666;
width:160px
}
.module .search .button {
background:transparent url(../images/search_bg.png) no-repeat center center;
height:20px;
position:absolute;
right:0;
text-indent:-9999px;
top:0;
width:20px
}
div.module div,div.module_menu div {
background:url("../images/column_bottom.png") bottom left repeat-y;
margin:0;
padding:0 0 8px;
width:220px
}
div.module div div,div.module_menu div div {
background:url("../images/column_top.png") top left repeat-y;
margin:0;
padding:8px 0 0;
width:220px
}
div.module div div div,div.module_menu div div div {
background:url("../images/column_bg.png") top left repeat-y;
margin:0;
padding:0;
width:220px
}
div.module div div div .logout-button {
height:25px;
margin:10px auto 0;
text-align:center;
width:86px
}
div.module div div div div {
text-align:center;
width:200px
}
div.module_menu div div div div,div.module div div div div,div.module_text div div div div {
background:none
}
div.module_menu div div div div.custom,div.module div div div div.custom,div.module_text div div div div.custom {
text-align:left
}
.leftcol h3,.rightcol h3 {
-moz-text-shadow:#000 1px 1px 1px;
background:url("../images/h3bottom.png")bottom center no-repeat;
color:#e6e6e6;
font-size:14px;
font-weight:700;
height:30px;
line-height:30px;
margin:0 0 10px 10px;
overflow:hidden;
text-align:center;
text-shadow:#000 1px 1px 1px;
width:200px
}
.leftcol ul.menu li a,.leftcol ul.menu li a:link,.rightcol ul.menu li a,.rightcol ul.menu li a:link {
-moz-text-shadow:#000 1px 1px 1px;
background:url("../images/menu_arrow.png") no-repeat top left transparent;
color:#CBCBCB;
display:block;
font-size:12px;
font-weight:400;
height:16px;
line-height:15px;
padding:0 0 0 15px;
text-decoration:none;
text-shadow:#000 1px 1px 1px
}
.leftcol ul.menu li a:hover {
background:url("../images/menu_arrow.png") no-repeat bottom left transparent
}
.leftcol ul.menu li.current a,.leftcol ul.menu li.current a:link,.rightcol ul.menu li.current a,.rightcol ul.menu li.current a:link {
background:url("../images/menu_arrow.png") no-repeat bottom left transparent;
color:#e6e6e6
}
.leftcol ul.menu li a:hover,.rightcol ul.menu li a:hover {
color:#e6e6e6
}
.maincol h2,.maincol h2 a,.maincol_w_left h2,.maincol_w_left h2 a,.maincol_w_right h2,.maincol_w_right h2 a {
color:#E6E6E6;
font-family:Arial,sans-serif;
font-size: 18px;
font-weight:400;
height:33px;
line-height:34px;
margin:0;
text-align:left;
text-shadow:1px 1px 1px #000
}
.maincol h2,.maincol_w_right h2,.maincol_w_left h2 {
background:url("../images/hbg.png") top left no-repeat
}
.maincol h2 a,.maincol_w_right h2 a,.maincol_w_left h2 a {
padding:2px 0 0 10px
}
.items-leading,.category-desc {
padding:0 0 10px
}
.items-row .item {
padding:10px 0;
text-align:left
}
.items-row .item h2,.items-row .item h1,.items-row .item h1 a,.items-row .item h2 a {
color:#E6E6E6;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:400;
height:32px;
line-height:32px;
margin:0;
text-align:left;
text-shadow:1px 1px 1px #000
}
.item .readmore {
margin:0 0 0 18px;
text-align:right
}
.item .readmore a {
color:#E6E6E6;
font-size:12px;
margin:0 0 10px;
text-shadow:1px 1px 1px #000
}
.item .readmore a:hover {
color:#777
}
.article-info {
font-size:0.8em;
line-height:1em;
margin:0 0 0 10px
}
.pagenav .pagenav-prev,.pagenav .pagenav-next {
background:url("../images/nav.png") top center no-repeat;
color:#E6E6E6;
float:left;
font-family:Arial,sans-serif;
font-size:18px;
height:33px;
line-height:32px;
text-align:center;
text-shadow:1px 1px 1px #000;
width:80px
}
.actions {
margin:5px 0 5px 10px;
overflow:hidden
}
.actions li {
float:left
}
.actions li img {
float:left;
margin:0 6px 0 0
}
.category-desc img {
margin:0 10px 4px
}
.category-desc a,.category-desc a:link,.category-desc a:visited {
color:#fff;
text-decoration:underline
}
.image-left {
float:left;
margin:0 10px 4px 0
}
.image-right {
float:left;
margin:0 0 4px 10px
}
.item-title {
font-size:12px
}
.main .categories-list ul li {
padding:5px
}
.category-desc {
line-height:1.7em;
margin:10px 0;
padding-left:0
}
.category-desc p {
line-height:normal
}
.pagination {
overflow:hidden;
padding:10px 0
}
.pagination .counter {
margin:0
}
.pagination ul {
overflow:hidden
}
.pagination ul li {
float:left;
margin:0 6px 0 0
}
.pagination .pagenav {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
border:1px solid #e5e5e5;
border-radius:5px;
display:block;
margin:10px 0;
padding:2px 6px
}
.pagenav .pagenav-prev {
float:left
}
.pagenav .pagenav-next {
float:right
}
.pagenav-prev,.pagenav-next {
margin:10px 0
}
table {
border-collapse:collapse
}
table.weblinks th,table.newsfeeds th,table.category th,table.jlist-table th {
background:#dedede;
color:#939598
}
table.weblinks,table.category {
margin:10px 10px 20px 0;
width:98%
}
table.weblinks td {
border-collapse:collapse
}
table.weblinks td,table.category td {
padding:7px
}
table.weblinks th,table.category th {
padding:7px;
text-align:left
}
td.num {
text-align:left;
vertical-align:top
}
td.hits {
text-align:center;
vertical-align:top
}
td p {
line-height:1.3em;
margin:0
}
.filter {
margin:10px 0
}
.display-limit,.filter {
margin-right:7px;
text-align:right
}
table.category th a img {
padding:2px 10px
}
.filter-search {
float:left
}
.filter-search .inputbox {
width:6em
}
legend.element-invisible {
height:0;
margin-left:-3000px;
margin-top:-3000px;
position:absolute
}
.cat-items {
margin-top:20px
}
#contact-slider .panel {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #1e1e1e;
border-radius:5px;
margin:10px 0;
padding:5px
}
#contact-slider .panel h3 {
margin:0
}
#contact-slider .panel h3 a {
font-size:18px;
line-height:normal
}
#contact-slider .panel .pane-slider {
padding:0
}
#contact-slider .panel .pane-slider div {
overflow:hidden;
padding:0
}
#contact-slider .panel .pane-slider div p {
margin:0 0 10px 10px
}
.contact-email label {
float:left;
width:140px
}
#member-registration label {
display:block
}
#member-registration legend {
font-size:20px
}
#member-registration dd {
margin:0 0 10px;
padding:0
}
.contact-links li {
line-height:20px
}
#jform_email-lbl {
float:left;
width:200px
}
#article-index li {
line-height:20px
}
.maincol li {
line-height:20px
}
.maincol .menu li,#article-index li,.maincol .latestnews li,.maincol .relateditems li,.maincol .categories-module li {
color:#000
}
#article-index ul,.maincol .menu {
padding:0 0 10px
}
.stats-module dt {
float:left;
font-weight:700;
margin:0 10px 0 0
}
.maincol .login,.maincol .registration,#user-registration {
margin:0 0 10px
}
.maincol .login label {
float:left;
width:100px
}
.maincol .login .login-fields {
margin:0 0 10px;
overflow:hidden
}
footer {
background:url("../images/footer-bg.png") bottom left repeat-x;
color:#1d1d1d;
height:90px;
text-align: center;
}
#footer-bg {
background:url("../images/footer-grey.png") bottom center no-repeat;
height:30px;
margin:0 auto;
width:960px
}
footer p {
position: relative;
bottom: 0;
margin:0;
padding: 70px 0 0 0;
height:20px;
}
footer a:hover,footer a:active,footer a:focus,footer a:visited,footer a {
color:#1d1d1d
}
.error {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background:#b70134;
border:none;
border-radius:5px;
color:#FFF;
margin:0 0 20px;
padding:5px;
text-shadow:1px 1px 1px #000
}
.error dd {
margin:0
}
#system-message {
margin:0
}
#system-message dt.warning {
color:#be4e4c;
font-size:16px;
font-weight:700;
margin:0 0 10px
}
#system-message dd.warning li {
background:transparent url(../images/arrow-2.png) no-repeat left top;
line-height:20px;
padding:0 0 0 20px
}
.tip-wrap {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
border:1px solid #e5e5e5;
border-radius:5px;
margin:0 0 10px;
padding:10px
}
#sgmenu ul.menu:after {
clear:both;
content:"";
display:block
}
#sgmenu ul.menu {
_zoom:1px;
list-style:none outside none;
margin:0 0 0 5px
}
#sgmenu ul li {
float:left;
margin:0 4px 0 0
}
#sgmenu ul li a {
display:block;
white-space:nowrap
}
#sgmenu ul li ul {
margin-top:28px;
position:absolute;
visibility:hidden;
z-index:500
}
#sgmenu ul li ul li {
float:none
}
#sgmenu ul li ul li a {
width:auto
}
#sgmenu {
height:34px;
margin:0
}
#sgmenu ul.menu li a span {
background:none repeat scroll 0 0 #202020;
border-radius:4px 4px 4px 4px;
cursor:pointer;
float:left;
font-family:arial,san-serif;
font-size:12px;
font-weight:700;
height:24px;
line-height:27px;
margin:5px 0 0;
padding:0 5px;
text-decoration:none
}
#sgmenu ul.menu li a:link,#sgmenu ul.menu li a:visited {
cursor:pointer;
float:left
}
#sgmenu ul.menu li.active a span {
-moz-text-shadow:#000 1px 1px 1px;
color:#fff;
text-shadow:#000 1px 1px 1px
}
#sgmenu ul.menu li a:hover span {
-moz-text-shadow:#000 1px 1px 1px;
color:#fff;
text-shadow:#000 1px 1px 1px
}
#sgmenu ul.menu li ul li a span {
background:#2f2f2f;
border:2px solid #A3A3A3;
filter:alpha(opacity=80);
opacity:.8;
padding:0 10px;
width:80px
}
#sgmenu ul.menu li ul li a:hover {
color:#9e3777
}
#sgmenu ul.menu li ul li a:hover span {
background:#7c7c7c;
padding:0 10px
}
.module_menu,.rightcol .module,.leftcol .module {
margin-bottom:10px
}
.contact-name {
padding:0 0 0 10px
}
.jicons-icons {
float:left
}
.even {
border-bottom:1px solid #a3a3a3
}
.only label,.phrases-box label {
display:inline
}
.only input,.phrases-box input {
height:auto;
width:auto
}
.blog h2 span {
margin:0 0 0 10px
}
.item-page p img {
max-width:470px
}
.cont ul {margin-left: 10px;}
.blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6 {margin: 10px 0 0 10px}
ul.latestnews{padding: 0 0 0 10px;}
Questo è il codice del template, praticamente se vedete l'anteprima (
http://www.siteground.com/template-preview/joomla_16/siteground-j16-22) vedrete che ci sono due colonne dei menu a destra e a sinistra e i contenuti al centro. Il problema è che se per esempio la colonna a destra rimane senza menu quello spazio rimane vuoto e non viene coperto dai commenti... ho provato a vedere di modificare il file del template ma non essendo molto esperto sono riuscito solo a capire che deve essere qualcosa a che vedere con "maincol;leftcol" o almeno lo spero!
Vi ringrazio in anticipo per l'aiuto