Chcę ją dopasować do mojej strony, niestety jest bardzo "wąska", po wyłączeniu widokuw modułów nic się nie zmieniło lekko przesunęła się na bok...
Czytałem też o Ukrywaniu Kolumn ale mało to rozumiem:
http://wiki.joomla.pl/index.php/Ukrywanie_kolumn
Bardzo proszę o pomoc co mam dodać do mego pliku .css aby wszytko było ok.
Gdyby była możliwość bardzo bym prosił o malutki opis co robi dany element niekoniecznie pojedyńcza linijka (jeśli jest to możliwe)
A oto mój główny .css :
Kod: Zaznacz cały
/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html { height: 100%; margin-bottom: 1px; }
html, body, h1, h2, h3, h4{ margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; vertical-align:middle; display:inline; }
ul { margin: 0px; padding: 0px; list-style: none; }
img { border: 0px; }
p { margin-top: 0px; margin-bottom: 5px; }
.clear { clear: both; font-size:0; line-height:0; }
.left { float: left; }
.right { float: right; }
input.button {
height:20px;
cursor:pointer;
}
.inputbox {
margin:0px;
padding:0 0 0 2px;
font-size:12px;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
body {
width:100%;
text-align: center;
}
body, td, div, p {
font-family: Trebuchet MS, Verdana, sans-serif;
font-size: 14px;
line-height: 1.3em;
}
td, div, p {text-align: left;}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#wrapper{
width:1000px;
margin:0px auto;
padding: 0px;
position: relative;
}
#topline{
float: left;
width:1000px;
height:50px;
padding:0px;
margin:0px;
}
#header{
float: left;
width:1000px;
height:214px;
padding:0px;
margin:0px;
}
#title {
float: left;
margin: 0px;
padding: 0px;
font: 24px Trebuchet MS, Verdana, sans-serif;
font-weight: bold;
text-align: left;
position:absolute;
top:10px;
left:90px;
}
/**********************/
/*** Top Navigation ***/
/**********************/
#topnavi {
float: left;
width:1000px;
height:36px;
margin:0px;
padding:0px;
}
#topnavi ul {
float: left;
width: auto;
height:36px;
margin: 0px 0 0 20px;
padding: 0px;
list-style:none;
}
#topnavi ul li {
float: left;
height: 36px;
margin: 0;
padding: 0;
font-size: 14px;
position: relative;
display: block;
}
#topnavi ul li a {
margin: 0px;
padding: 0px 15px 0 25px;
line-height: 36px;
font-weight: normal;
text-decoration: none;
display: block;
}
#topnavi ul li a:hover{
margin: 0px;
padding: 0px 15px 0 25px;
text-decoration: none;
display: block;
}
#topnavi ul li a#active_menu-nav{
margin: 0px;
padding: 0px 15px 0 25px;
text-decoration: none;
display: block;
}
/**********************/
/*** User 4 (Search menu) ***/
/**********************/
#search{
float: left;
margin:0px;
padding:0px;
position:absolute;
top:57px;
left:850px;
}
#search div.search .inputbox{
width:120px;
height:18px;
margin:0;
padding:0px 2px;
font-size:12px;
line-height:16px;
}
/**********************/
/*** Top (Newsflash) ***/
/**********************/
/**********************/
/*** Main Body ***/
/**********************/
#main{
float: left;
width:1000px;
margin:0px;
padding:10px 0 0 0;
}
/**********************/
/*** Left Column ***/
/**********************/
#leftcol {
float: left;
width:217px;
padding: 0px;
margin: 0px 0 0 3px;
}
#leftcol h3{
width:217px;
height:30px;
padding: 0px;
margin: 0px;
font-size: 16px;
line-height: 30px;
text-align: center;
}
#leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable_menu, #leftcol div.moduletable, #leftcol div.moduletable_text {
width:217px;
padding: 0px 0 10px 0;
margin-bottom: 10px;
}
#leftcol div.module_menu ul, #leftcol div.module div div div div, #leftcol div.moduletable ul , #leftcol div.moduletable form, #leftcol div.moduletable_text div {
padding: 5px 10px;
}
#leftcol a:link, #leftcol a:visited {
text-decoration: none;
}
#leftcol a:hover, #leftcol a:active {
text-decoration: underline;
}
/**********************/
/*** Right Column ***/
/**********************/
#rightcol {
float: right;
width:217px;
padding: 0px;
margin: 0px 3px 0 0;
}
#rightcol h3{
width:217px;
height:30px;
padding: 0px;
margin: 0px;
font-size: 16px;
line-height: 30px;
text-align: center;
}
#rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable_menu, #rightcol div.moduletable, #rightcol div.moduletable_text {
width:217px;
padding: 0px 0 10px 0;
margin-bottom: 10px;
}
#rightcol div.module_menu ul, #rightcol div.module div div div div, #rightcol div.moduletable ul , #rightcol div.moduletable form, #rightcol div.moduletable_text div {
padding: 5px 10px;
}
#rightcol a:link, #rightcol a:visited {
text-decoration: none;
}
#rightcol a:hover, #rightcol a:active {
text-decoration: underline;
}
/******************************************************************/
/* Controls Link Icon appearance in side modules */
/******************************************************************/
ul.menu li a,
ul.menu li ul li a,
ul.mostread li a,
ul.latestnews li a,
.moduletable ul li a {
padding-left:15px;
margin:0px;
list-style:none;
}
/**********************/
/*** Main Content Menu ***/
/**********************/
#maincol {
float: left;
width:530px;
margin: 0px 15px 10px 15px;
padding: 0px;
}
#maincol_body {
float: left;
width:100%;
}
.componentheading {
margin: 0px;
padding: 0px 0 0 36px;
font-size: 22px;
line-height:26px;
font-weight:bold;
}
.contentheading {
margin:0px;
padding:0px;
font-size: 18px;
text-align: left;
}
.contentpaneopen h3 {
font-size: 18px;
text-align: left;
}
.contentpaneopen {
width:100%;
padding:0px;
margin: 0px;
}
td.buttonheading {
padding:0px 2px;
}
#pathway {
padding:0px;
margin:0px;
text-align:left;
font-size:12px;
font-weight:bold;
line-height:30px;
display:block;
}
.small, .createdate, .modifydate {
font-size:12px;
font-weight: normal;
text-align: left;
}
span.pagination span, span.pagination a {
padding:3px;
}
a.readon, a.readon:hover, a.readon:visited{
width:118px;
height:24px;
padding-left: 32px;
line-height:24px;
margin:10px 0px 0px 0px;
display:block;
}
#maincol div.moduletable div{
width:100%;
text-align: center;
font-size:12px;
padding:0;
margin:0px auto;
}
span.article_separator {height:15px;}
.article_column {padding-right:5px;}
/**************************/
/*** Advertisement Menu ***/
/**************************/
.bannerheader {
font-weight:bold;
margin-bottom:10px;
}
.banneritem_text {
padding: 4px;
font-size: 12px;
}
.bannerfooter_text {
padding: 4px;
font-size: 12px;
}
.banneritem img {
display: block;
text-align:center;
margin-left: auto;
margin-right: auto;
}
/*******************/
/*** Login Form ***/
/*******************/
form#form-login fieldset {
border: none;
margin: 0;
padding:10px;
}
form#form-login ul { padding-left: 10px; }
form#form-login ul li a {
text-align: left;
padding: 0px;
font-size: 12px;
}
/*************/
/*** Polls ***/
/*************/
td.sectiontableheader {
padding: 4px;
font-weight: bold;
}
.pollstableborder {margin: 5px 0px 5px 0px;}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {padding: 3px;}
table.poll thead td {
text-align: left;
padding-left:10px;
}
table.poll td {
text-align: left;
}
/******************/
/*** Copyright ***/
/******************/
#copyright {
float:left;
width:1000px;
height:36px;
margin: 0px;
padding:0px;
font-size: 12px;
text-align:center;
line-height:36px;
}
/* System Standard Messages */
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#syndicate{
float:left;
padding-left: 25px;
}