zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden joomla template

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.04.2012, 17:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2012
Beiträge: 18
wrock befindet sich auf einem aufstrebenden Ast
Standard joomla template

Hey, i would like to change something in there..


the body itself should remain white but left and right from the content it should have the same structure like top and bottom

How to?
Should be in line 67 or something
thanx for any help


HTML-Code:
/*******************************************************************************************/

/*

/*     Package blackandwhite.zip

/*	    BlackAndWhite Free Joomla! 1.5 Template - July 2011

/*	    Version 1.1

/*	    Author: http://templatesforjoomla.eu

/*	    Copyright (C) 2011 http://templatesforjoomla.eu and All Rights Reserved.

/*		 Email: contact@templatesforjoomla.eu

/*

/*		 This template/design is released under the Creative Commons Attribution 3.0 license.

/*

/*     This means that it can be used for private and commercial purposes, edited freely 

/*		 or redistributed as long as you keep the link back to template sponsors.

/*

/*     You CAN NOT remove (or unreadable) these links without our permission. 

/*		 When you don't want to have link back on the template footer, 

/*		 you have to pay 9 euro via PayPal: contact@templatesforjoomla.eu 

/*

/*******************************************************************************************/



/* Global reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

input,button{overflow:visible}strong{font-weight:bold}em{font-style:normal}



* {

	margin: 0;

	padding: 0;

}



* {outline: 0px;}



html, body { height: 100%; }



body {

 color: #333;

 background-color: #fbfbfb;

 padding: 0; margin: 0;

 text-align: center;

 font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

 line-height: 1.7em;
 
 
 <p style="border-left:5px groove #00ff00;">


background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQImWNgYGD4j4YJCeTl5aEIAAAZsBE73aWIDgAAAABJRU5ErkJggg==);

</p>
 
 
 

 /*
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQImWNgYGD4j4YJCeTl5aEIAAAZsBE73aWIDgAAAABJRU5ErkJggg==);
*/
 
 
 


}



img {

	border: none;

	border: 0;

}



h1, h2, h3, h4, h5, blockquote, blockquote p, button, .button, .contentheading, .componentheading, #system-message, #searchForm legend,

div.search ol li a, .sectionlist ul li a, .weblinks ul li a, .newsfeeds ul li a, #josForm legend,

div.bannerheader, div.banneritem_text a, thead tr td, div.pagination, div.pagenavcounter, table.contenttoc th, div.pagenavbar, th, a.readon, a.readmore{ font-family: 'Cuprum', arial, serif; }



div#footer ul li a, div#gotop { font: normal 16px 'Cuprum', arial, serif; }



#main {

   	margin: 0 auto;
   
 	padding: 0;
   
   	width: 980px;
   
	height: auto;
	
	overflow: hidden;
	
	clear: both;

}



#top_wrapper{


  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQImWNgYGD4j4YJCeTl5aEIAAAZsBE73aWIDgAAAABJRU5ErkJggg==);

	width: 100%;

	height: 350 px;

}



#topmenu{

	width: 978px;

	height: 40px;

	margin: 0 auto;

	margin-bottom: 40px;

   background-color: black;

	border-bottom: 1px solid #4b4b4b;

	border-left: 1px solid #4b4b4b;

	border-right: 1px solid #4b4b4b;

}



#topbottom{

	width: 959px;

	height: 31px;

	padding: 7px 7px 0 12px;

	margin: 0 auto;

	text-align: left;

	color: #DEDEDE;

   background-color: black;

	border: 1px solid #4b4b4b;

	font-size: 11px;

}



#topbottom span{

	margin: 1px 5px 0 0;

	float: left;

	display: inline;

}



span.breadcrumbs{

	font-weight: bold;

}



span.breadcrumbs a{

	color: #DEDEDE;

	font-weight: normal;

	text-decoration: none;

}



span.breadcrumbs a:hover{

   color: #fff;

}



#top{

	width: 980px;

	height: 202px;

	text-align: left;

	overflow: hidden;

	clear: both;

	margin: 0 auto;

}



img#logo{

	margin: 21px 0 0 7px;

	float: left;

	display: inline;

}



h1#logo{

	font-size: 72px;

	margin: 25px 0 0 0;

	width: 43%;

	float: left;

	color: #ededed;

	display: inline;

	background: none;

}



h1#logo a{

	color: #ededed;

	text-decoration: none;

}



h1#logo span{

	color: #fbfbfb;

}



h1#logo a span:hover{

	color: white;

	text-decoration: none;

}



h1#logo a:hover{

	color: #f7f7f7;

	text-decoration: none;

}



#topnews{

	width: 500px;

	height: 150px;

	float: right;

	color: #f7f7f7;

	

	display: table; 

	position: relative; 

	overflow: hidden;

}



#topnewst{

#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;

}



#topnewsb{

#position: relative; #top: -50%

}



#topnews p{

	margin: 0;

	padding: 0;

}



#topnews a{

	color: #fff;

	text-decoration: none;

}



#topnews a:hover{

	text-decoration: underline;

}



#banner, .slide-padding{

	background-color: #000;

	border-bottom: 1px solid #4b4b4b;

	border-left: 1px solid #4b4b4b;

	border-right: 1px solid #4b4b4b;

	text-align: left;

	margin: 0 auto;

	overflow: hidden;

}



#banner{

	width: 980px;

	height: auto;

}



/*slide*/



.slide-padding{padding:0 10px;	width: 958px; height: auto;}

#slide-wrap{padding:40px 40px; position: relative;}

#slide-box{

	position:absolute;

}

#slide-box p {font-size: 12px; line-height: 18px;color:#fff;}

#slide-box h2 {color:#DEDEDE; font-size: 30px; line-height: 120%; background: none; padding: 0; text-shadow: none;}

#slide-box .inner{

	width: 880px;

	height: 180px;

	display:block;

	float:left;

}

.bg-img{

	border:1px solid #a4a4a4;

	background: #DEDEDE;

	padding: 4px;

	margin: 0 20px 0 0;

}

/* ********************************** */



.slide-box{

	position:relative;

	width:880px;

	height: 180px;

	overflow:hidden;

}



.button-left{width: 20px; height: 100%; position: absolute; top:0; left:0; background: url(../images/left-button.png) no-repeat 0 50%;opacity:0.4;filter:alpha(opacity=40);z-index: 1024;cursor:pointer; }

.button-right{width: 20px; height: 100%; position: absolute; top:0; right:0; background: url(../images/right-button.png) no-repeat 100% 50%;opacity:0.4;filter:alpha(opacity=40);z-index: 1024;cursor:pointer; }

.button-left:hover{opacity:1;filter:alpha(opacity=100); }

.button-right:hover{opacity:1;filter:alpha(opacity=100);}





#slide-box a.readon{

	color: #DEDEDE;

	text-align: none;

	font-size: 16px;

	text-transform: uppercase;

	text-decoration: none;

}



#slide-box a.readon:hover{

	color: #fff;

}



/*end slide*/



#bottom_wrapper{

   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQImWNgYGD4j4YJCeTl5aEIAAAZsBE73aWIDgAAAABJRU5ErkJggg==);

	width: 100%;

	height: auto;

	padding: 0 0 30px 0;

}





/*bottom modules*/



#bottom_modules{

	width: 980px;

	margin: 0 auto;

	text-align: left;

   padding: 21px 0 30px 0;

	overflow: hidden;

	clear: both;

	border-bottom: 1px solid #b5b5b5;

	color: #b5b5b5;

}



#bottom_modules #user1-4, #bottom_modules #user2-4, #bottom_modules #user5-4, #bottom_modules #user6-4{

   float: left;

	display: inline;

	width: 222px;

}





#bottom_modules #user1-3, #bottom_modules #user2-3, #bottom_modules #user5-3, #bottom_modules #user6-3{

   float: left;

	display: inline;

	width: 306px;

}



#bottom_modules #user1-3, #bottom_modules #user2-3, #bottom_modules #user5-3,

#bottom_modules #user1-4, #bottom_modules #user2-4, #bottom_modules #user5-4{

	margin: 0 30px 0 0;

	display: inline;

}



#bottom_modules #user1-2, #bottom_modules #user2-2, #bottom_modules #user5-2, #bottom_modules #user6-2{

   float: left;

	display: inline;

	width: 475px;

}



#bottom_modules #user1-2{

	margin: 0 30px 0 0;

}



#bottom_modules h3{

	border-bottom: 1px solid #b5b5b5;

	color: #b5b5b5;

	background-color: transparent;

	font-size: 20px;

	padding: 0 0 5px 0;

	margin: 0 0 10px 0;

}



#bottom_modules ul{

	list-style: none;

	margin: 0;

	padding: 0;

}



#bottom_modules ul li{

   margin: 0 0 3px 0;

  background: url(../images/arrow.png) left 8px no-repeat;

  padding: 0 0 0 8px;

}



#bottom_modules .moduletable ul li a, #bottom_modules a{

	text-decoration: none;

	color: #b5b5b5;

}



#bottom_modules .moduletable ul li a:hover, #bottom_modules a:hover{

	color: white;

}



#bottom_modules a{

	color: #b5b5b5;

	text-decoration: none;

}



#bottom_modules a:hover{

   color: #fff;

}





#bottom{

	width: 980px;

	height: auto;

	text-align: center;

	margin-top: 20px;

	overflow: hidden;

	margin: 0 auto;

}



#banner p{

   margin: 0;

	padding: 0;

}



#sidebar-left{

	width: 255px;

	height: auto;

	float: left;

	text-align: left;

	margin: 10px 0 0 0;

}



#sidebar-right{

	width: 255px;

	height: auto;

	float: right;

	text-align: left;

	margin: 10px 0 0 0;

}



div#contentlr{

	width: 450px;

	height: auto;

	float: left;

	margin: 10px 0 0 10px;

	text-align: left;

}



div#contentfull{

	width: 980px;

	height: auto;

	margin: 0 auto;

	text-align: left;

}



div#contentl{

	width: 715px;

	height: auto;

	float: right;

	text-align: left;

	margin: 10px 0 0 0;

}



div#contentr{

	width: 715px;

	height: auto;

	float: left;

	text-align: left;

	margin: 10px 0 0 0;

}



a, a:link, a:visited, #sidebar-left a, #sidebar-right a{

	color: #4b4b4b;

}



a:hover, #sidebar-left a:hover, #sidebar-right a:hover{

	color: #000;

	text-decoration: none;

}



#footer{

   width: 980px;

   height: 25px;

	font-size: 15px;

	overflow: hidden;

	clear: both;

	margin: 0 auto;

	padding: 20px 0 0 0;

	color: #b5b5b5;

}



#footer ul{

	list-style: none;

	float: left;

	color: #b5b5b5;

}



#footer ul li{

display: inline;

padding: 0 12px;

}



#footer ul li:first-child{

display: inline;

padding: 0 12px 0 0;

}



#footer ul li a {

color: #b5b5b5;

text-decoration: none;

}



#footer ul li a:hover {

color: white;

}



#copyright_wrap{

	width: 100%;

	height: auto;

	min-height: 40px;

	color: #b5b5b5;

	padding: 0 0 15px 0;

}



#copyright{

   width: 980px;

	height: auto;

	font-size: 12px;

	color: #ede5de;

	padding: 10px 6px;

	margin: 0 auto;

	margin-bottom: 20px;

	text-align: center;

}



#copyright a, div#footbottom a{

	color: #b5b5b5;

	text-decoration: none;

}



#copyright a:hover, div#footbottom a:hover{

	color: white;

}



div#footbottom{

	width: 980px;

	height: auto;

	overflow: hidden;

	clear: both;

	color: #b5b5b5;

	margin: 0 auto;

	margin-top: 20px;

}



p#cop{

	width: 400px;

	float: left;

	text-align: left;

	margin: 0;

}



p#author{

	width: 550px;

	float: right;

	text-align: right;

	margin: 0;

}



/*

 * general

 * used by Jommla core components

 */

 

 h1, h2, h3, h4, h5, h6 {

	line-height: 100%;

	line-height: normal;

}



 p {	margin: 10px 0px 15px 0px; }

 



.blog h1.pagetitle, .search h1.pagetitle, .sectionlist h1.pagetitle, .categorylist h1.pagetitle, .poll h1.pagetitle, #josForm legend, .weblinks h1.pagetitle, .newsfeeds h1.pagetitle{

	font-size: 24px;

	color: #fff;

	margin: 0;

	padding: 8px 0 8px 12px;

	background-color: black;

}



#josForm legend, .contentheading, .componentheading, body.contentpane .componentheading, h1.title, h2.componentheading, h1, .article h2.componentheading {

	font-size: 24px;

	color: #fff;

	margin: 0;

	padding: 6px 0 6px 12px;

	background-color: black;

}



 div.description {

	margin: 0 0 10px 0;

	padding: 15px 10px 20px 10px;

	overflow: hidden;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	background-color: #f1f1f1;

}



 div.description img.left {

	margin-right: 15px;

	float: left;

}



 div.description img.right {

	margin-left: 15px;

	float: right;

}



 div.filter {

	margin: 10px 0px 10px 0px;

}





thead tr td{

	font-size: 16px;

	color: black;

	font-weight: normal !important;

}



 th {

	padding: 5px 5px 5px 5px;

	background-color: #d5d5d5;

	border-bottom: 1px solid #E0E0E0;

	font-size: 16px;

	color: #3e3e3e;

}



 tr.even td, tr td {

	padding: 5px 5px 5px 5px;

	background-color: #fbfbfb;

	border-bottom: 1px solid #E0E0E0;

}



 tr.odd td {

	padding: 5px 5px 5px 5px;

	background-color: #efefef;

	border-bottom: 1px solid #E0E0E0;

}



table.contenttoc tr td{

	border-bottom: none;

	font-size: 11px;

}

 

 span.number {

	color: #908f90;

	font-style: italic;

}



/* floats */

 .float-left { float: left; overflow: hidden; }

 .float-right { float: right; overflow: hidden; }



 .width25 { width: 24.999%; }

 .width33 { width: 33.333%; }

 .width50 { width: 49.999%; }

 .width100 { width: 100%; }



/*

 * com_content

 * blog layout (frontpage, category, section)

 * sub selectors: blog

 */

 

 div.blog div.description {  

	margin: 0;

	padding-bottom: 20px;

	padding-top: 10px;

   border-bottom: 1px solid #e0e0e0;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	background-color: #f1f1f1;

}



 div.leadingarticles {

   background-color: #f1f1f1;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	overflow: hidden;

}



 div.teaserarticles {

	overflow: hidden;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	background-color: #f1f1f1;

}



 div.item {

}



div.item a, .article a{

	text-decoration: underline;

}



div.item a:hover, .article a:hover{

	text-decoration: none;

	color: #0f0f0f;

	background-color: #dadada;

}



div.leadingarticles div.item{

	margin: 0;

}



 div.item-bg {

	padding: 14px 15px;

	overflow: hidden;

}



div.leadingarticles div.item-bg{

	padding: 14px 10px;

	border: 0;

}



 div.multicolumns div.item {

	margin: 0px 0px 15px 0px;

}



 div.multicolumns div.item p {

	margin: 0;

	padding: 0;

}



 div.multicolumns div.item p.articleinfo {

	margin: 0 0 7px 0;

	padding: 0;

}



 div.multicolumns div.item p.readmore {

	margin: 15px 0 0 0;

	padding: 0;

}



 div.multicolumns div.first div.item {

	margin-left: 0px;

}



 div.multicolumns div.last div.item {

	margin-right: 0px;

}



 div.morearticles {

	margin: 10px 0px;

	overflow: hidden;

	clear: both;

	float: left;

	width: 100%;

}



 div.morearticles h3{

	border-bottom: 1px solid #E0E0E0;

   font-size: 20px;

	color: black;

	padding: 0 0 9px 5px;

	line-height: normal;

 }

 

 div.morearticles ul{

 	list-style: none;

	margin: 10px 0 0 4px;

 }

 

 #sidebar-left ul, #sidebar-right ul{

 	list-style: none;

	margin: 0;

	padding: 0;

 }

 

 div.morearticles ul li, #sidebar-left ul li, #sidebar-right ul li, .article ul li{

 	margin: 0 0 1px 0;

 }

 

 div.morearticles ul li a, #sidebar-left ul li a, #sidebar-right ul li a{

 	color: #636363;

	text-decoration: none;

 }

 

 #sidebar-left ul ul, #sidebar-right ul ul{

	margin: 5px 0 10px 0;

 }

 

 #sidebar-left ul.menu ul ul, #sidebar-right ul.menu ul ul{

	margin: 5px 0 10px 10px;

 }

 

  #sidebar-left ul.menu ul, #sidebar-right ul.menu ul{

	margin: 5px 0 10px 0;

 }

 

  #sidebar-left ul li li a,  #sidebar-right ul li li a{

   background: url(../images/menu-lr-sub.png) left 8px no-repeat;

	padding: 1px 0 1px 13px;

  }



#sidebar-left ul li#current.level1.parent.active a,

#sidebar-left ul li.level1.parent.active a,

#sidebar-left ul li.level1.parent.active ul li#current.level2.active a,

#sidebar-right ul li#current.level1.parent.active a,

#sidebar-right ul li.level1.parent.active a,

#sidebar-right ul li.level1.parent.active ul li#current.level2.active a,

#sidebar-left ul li#current.active a,

#sidebar-right ul li#current.active a,

#sidebar-left ul li.level2.parent.active a,

#sidebar-right ul li.level2.parent.active a,

#sidebar-left ul li.level1.parent.active li.level2.parent.active a,

#sidebar-right ul li.level1.parent.active li.level2.parent.active a{

 	font-weight: bold;

	color: #000;

 }

 

#sidebar-left ul li#current.level1.parent.active ul li.level2 a,

#sidebar-left ul li.level1.parent ul li.level2 a,

#sidebar-right ul li#current.level1.parent.active ul li.level2 a,

#sidebar-right ul li.level1.parent ul li.level2 a,



#sidebar-left ul li.level2.parent.active ul li.level3 a,

#sidebar-left ul li.level2.parent ul li.level3 a,

#sidebar-right ul li.level2.parent.active ul li.level3 a,

#sidebar-right ul li.level2.parent ul li.level3 a,



#sidebar-right ul li.level1.parent.active ul li#current.level2.active ul li a,

#sidebar-left ul li#current.level2.parent.active ul li a,

#sidebar-left ul li.level1.parent.active li.level2.parent.active li.level3 a,

#sidebar-right ul li.level1.parent.active li.level2.parent.active li.level3 a{

 	font-weight: normal;

 }

 

#sidebar-left ul ul li a,

#sidebar-right ul ul li a{

 	font-weight: normal;

 }

 

#sidebar-left ul.menu li a:hover,

#sidebar-right ul.menu li a:hover{

 	font-weight: normal;

	text-decoration: none;

 }

 

 div.pagination {

	text-align: center;

	margin: 10px 0 0 0;

	padding: 25px 0 0 0;

	overflow: hidden;

	clear: both;

	font-size: 16px;

	font-weight: normal !important;

}



div.pagination p.results{

	color: #626262;

}



ul.pagination{

	list-style: none;

	color: #626262;

	margin: 5px 0 0 0;

}



ul.pagination li{

	display: inline;

	padding: 0;

}



ul.pagination li a{

	color: #626262;

	text-decoration: none;

	padding: 2px;

   font-weight: normal !important;

}



ul.pagination li a:hover{

	color: black;

	text-decoration: underline;

}



 div.pagination p.results {

 margin: 0;

}



/*

 * com_content

 * list layout (frontpage, category, section)

 * sub selectors: sectionlist, categorylist

 */



/*

 * com_content

 * article layout

 * sub seletors: article

 */



 #main ul{

   list-style: none;

 }

 

 .article ul, div.description ul{

 	margin: 5px 0 15px 20px;

	list-style: none;

 }

 

  .article ol{

 	margin: 5px 0 15px 37px;

 }

 

  div.morearticles ul li a, div.description ul li a{

	background: url(../images/arrowtrans.png) left 5px no-repeat;

	padding: 0 0 0 10px;

	text-decoration: none;

 }

 

   div.morearticles ul li a:hover{

	color: black;

	text-decoration: underline;

  }

 

  #sidebar-left ul li a, #sidebar-right ul li a{

	padding: 2px 5px;

	text-decoration: none;

	display: block;

	background-color: #ebebeb;

	border: 1px solid #e9e9e9;

 }

 

   #sidebar-left ul.menu li a:hover, #sidebar-right ul.menu li a:hover{

	color: #020202;

	background-color: #e7e7e7;

	border: 1px solid #E0E0E0;

  }

 

   .article ul li, div.description ul li{

	background: url(../images/arrowtrans.png) left 8px no-repeat;

	padding: 0 0 0 10px;

	text-decoration: none;

 }

 

 div.pagenavcounter{

 	margin: 10px 0 0 0;

	font-size: 16px;

	color: black;

 }

 

div.pagenavbar{

	font-size: 16px;

	color: black;

}

 

 .article {

 	margin: 0 0 10px 0;

	overflow: hidden;

	clear: both;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	background-color: #f1f1f1;

 }

 

div.articlecontent{

	padding: 0 15px;

}



 div.headline {

	overflow: hidden;

}



 h2.title{

	font-size: 22px;

	color: #000;

	width: 100%;

	float: left;

	line-height: normal;

}



 h2.title a{

 	text-decoration: none;

	color: #000;

 }

 

  h2.title a:hover{

	color: #525252;

	text-decoration: none;

	background-color: transparent;

 }





 div.multicolumns h2.title {

   

	font-size: 20px;

	color: #000;

	width: 100%;

	float: left;

}



.article h2{

	color: #000;

	font-size: 18px;

	margin: 12px 0 5px 0;

}



.article h3{

	color: #000;

	font-size: 16px;

	margin: 10px 0 4px 0;

}



.article h4{

	color: #000;

	font-size: 14px;

	margin: 8px 0 3px 0;

}



.article h5{

	color: #000;

	font-size: 13px;

	margin: 8px 0 3px 0;

}



h1, h2, h3, h4{ line-height: normal;}



 span.icon {

	display: block;

	margin-top: 10px;

	float: right;

}



 div.multicolumns span.icon {

	margin-top: 5px;

}



 span.edit {

	margin-left: 10px;

	float: left;

}



 span.pdf {

	margin-right: 5px;

}



 span.print {

	margin-right: 5px;

}



 span.email {

}



 span.printscreen {

}



 p.iteminfo {

	margin: 0px 0px 15px 0px;

}



.article  p.articleinfo{

 margin: 10px 15px 5px 15px;

 font-size: 9px;

 color: #4b4b4b;

 line-height: normal;

 overflow: hidden;

}



 p.articleinfo {

 margin: 10px 0 5px 0;

 font-size: 9px;

 color: #4b4b4b;

 line-height: normal;

 overflow: hidden;

}



 p.articleinfo span.modified,

 p.articleinfo span.author,

 p.articleinfo span.created,

 p.articleinfo span.url {

	font-size: 95%;

}



 p.articleinfo span.author {

 color: #4b4b4b;

}



 p.articleinfo span.created,  p.articleinfo span.section,  p.articleinfo span.category {

	width: auto; float: left;

 color: #4b4b4b;

	margin: 0 4px 0 0;

}



p.articleinfo span.section a,  p.articleinfo span.category a{

 color: #262626;

	text-decoration: none;

}



p.articleinfo span.section a:hover,  p.articleinfo span.category a:hover{

   text-decoration: underline;

}



p#buttons{

	border-top: 1px solid #e0e0e0;

	margin: 20px 0 0 0;

	overflow: hidden;

	padding: 0 10px 8px 0;

}



/*

 * com_content

 * editing an article

 * sub seletors: edit-article

 */



 div.edit-article fieldset {

	margin-bottom: 30px;

}



 div.edit-article fieldset div {

	overflow: hidden;

}



 div.edit-article label.label-left {

	display: block;

	width: 150px;

	float: left;

}



 div.edit-article div.save {

	margin: 0px;

	float: right;

}



 div.edit-article div#editor-xtd-buttons {

	margin-bottom: 0px;

	overflow: hidden;

}



 div.edit-article div#editor-xtd-buttons div {

	margin: 0px;

}



 div.edit-article div#editor-xtd-buttons div.button2-left {

	margin-right: 5px;

}



 div.edit-article div#editor-xtd-buttons a:link,

 div.edit-article div#editor-xtd-buttons a:visited,

 div.edit-article div#editor-xtd-buttons a:hover {

	color: #323232;

}



/*

 * com_weblinks

 * sub seletors: weblinks

 */



 div.weblinks fieldset {

}



 div.weblinks fieldset div {

	overflow: hidden;

}



 div.weblinks label.label-left {

	display: block;

	width: 150px;

	float: left;

}



/*

 * com_search

 * sub seletors: search

 */



 div.search p.info {

	margin: 0px;

	color: #5c5c5c;

	font-size: 9px;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



 div.search span.highlight {

	background: #e2e2e2;

	padding: 1px 2px;

	color: #555;

}



/*mod_search*/



form.searchtop{

	width: 248px;

	height: auto;

	float: right;

}



input#mod_search_searchword{

	background-color: #585858;

	border: 1px solid #4B4B4B;

	width: 157px;

	height: 23px;

	padding: 0px 5px 0px 10px;

	float: left;

	display: inline;

	font-size: 12px;

	color: #fff;

}



input.button, button.button, button{

	background-color: #4b4b4b;

	height: 24px;

	padding: 0 14px;

	color: #afafaf;

	border: 1px solid #4B4B4B;

	cursor: pointer;

	font-size: 13px;

}



input.button:hover, button.button:hover, button:hover{

   color: #fff;

	background-color: #737373;

	border: 1px solid #4B4B4B;

}



#topbottom input#mod_search_searchword:hover,

#topbottom input#mod_search_searchword:focus{

	background-color: #636363;

	border: 1px solid #4B4B4B;

}



#topbottom input.button{

	float: right;

}





div#sidebar-right form.searchtop,

div#sidebar-left form.searchtop{

	width: 238px;

	height: auto;

	margin: 10px 0 0 0;

	float: left;

}



div#sidebar-right input#mod_search_searchword,

div#sidebar-left input#mod_search_searchword{

	background-color: #e4e4e4;

	border: 1px solid #4B4B4B;

	width: 147px;

	height: 22px;

	padding: 0px 5px 0px 10px;

	float: left;

	display: inline;

	font-size: 12px;

	color: #4b4b4b;

}





/*

 * com_poll

 * sub seletors: poll

 */



 div.poll fieldset {

	margin: 15px 0px 10px 0px;

}



/*

 * com_contact

 * sub seletors: contact

 */



 h1.name{

 	font-size: 20px;

 }



 div.contact h2 {

	margin: 30px 0 20px 10px;

	font-size: 120%;

	width: 60%;

	float: left;

}



 div.contact div.image {

	float: right;

}



 div.contact table {

	margin-bottom: 10px;

}



 div.contact label.label-top {

	display: block;

}



div.contact fieldset{

	padding: 10px;

}



form#emailForm div{

	margin: 0 0 15px 0;

	overflow: hidden;

	clear: both;

}



form#emailForm legend{

	font-size: 120%;

	

	margin: 0 0 0 4px;

}



form#emailForm input.inputbox{

	width: 400px;

	float: right;

}



form#emailForm textarea{

	width: 400px;

	float: right;

	height: 150px;

}



form#emailForm{

	width: 540px;

	margin: 20px 0 0 14px;

}



div#contentlr form#emailForm input.inputbox{

	width: 300px;

	float: right;

}



div#contentlr form#emailForm textarea{

	width: 418px;

	float: right;

	height: 150px;

}



div#contentlr form#emailForm{

	width: 425px;

	margin: 20px 0 0 14px;

}



/* Form validation */

.invalid { border-color: #ce1338; }

label.invalid { color: #ce1338; }



/*

 * com_user

 * sub seletors: user

 */



 div.user label.label-left,

 div.user span.label-left  {

	display: block;

	width: 130px;

	float: left;

}



div.description div.bannerheader{

	width: 70%;

	float: left;

}



form#com-form-login{

	width: 400px;

	margin: 0 auto;

}



form#com-form-login fieldset{

	margin: 20px 0 10px 0;

}



form#com-form-login div{

	overflow: hidden;

	margin: 0 0 10px 0;

}



form#com-form-login input.button{

	margin: 0 0 0 20px;

}



div#logout{

	text-align: center;

}



/*

 * mod_newsflash

 */



div.module-newsflash {

	overflow: hidden;

}



div.module-newsflash div.item {

	padding-bottom: 15px;

	overflow: hidden;

}



div.module-newsflash div.last {

	padding-bottom: 0px;

}



/*

 * Joomla! system tooltips

 */

 

.tool-tip {

	float: left;

	background: #4b4b4b;

	border: 1px solid black;

	padding: 5px;

	max-width: 200px;

	color: #e4e4e4;

}



.tool-title {

	padding: 0;

	margin: 0;

	font-size: 100%;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

}



.tool-text {

	font-size: 100%;

	margin: 0;

}



a.readmore, div.item a.readmore{

 	color: #DEDEDE;

	background-color: black;

	padding: 7px;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 14px;

 }

 

 a.readmore:hover, div.item a.readmore:hover{

 	color: #fff;

	background-color: #5f5f5f;

 }

 

 #gotop{

 	width: 980px;

	height: auto;

	margin: 20px 0 18px 0;

	font-size: 12px;

	overflow: hidden;

	clear: both;

	text-align: left;

	float: left;

 }

 

  #gotop a{

  	text-decoration: none;

 	color: #626262;

	margin: 0;

  }

 

  #gotop a:hover{

  	text-decoration: underline;

	color: #000;

  }

  

/*Modules*/



#sidebar-left .moduletable, #sidebar-left .moduletable_text, #sidebar-left .moduletable_menu,

#sidebar-right .moduletable, #sidebar-right .moduletable_text, #sidebar-right .moduletable_menu{

	padding: 0 0 10px 0;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	background-color: #f1f1f1;

	overflow: hidden;

}



.moduletable, .moduletable_text, .moduletable_menu{

 margin: 0 0 10px 0;

}



.moduletable h3, .moduletable_text h3, .moduletable_menu h3{

	font-size: 24px;

	color: #fff;

	margin: 0;

	padding: 6px 0 6px 12px;

	background-color: black;

	margin: 0 0 10px 0;

}



.modulecontent{

	padding: 0 9px;

}



/*com_search*/



#searchForm, div#archive{

	padding: 14px 10px;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	background-color: #f1f1f1;

}



#searchForm legend{

	font-size: 18px;

	color: #505050;

   

	margin: 0 0 8px 0;

}



#searchForm div{

	margin: 0 0 6px 0;

}



#searchForm input, #searchForm select, .filter input, .filter select, form#poll select, .modulecontent form.form-login fieldset input, form.josForm input, form#josForm input, form#emailForm input.inputbox, textarea, input.inputbox, select{

	border: 1px solid #767676;

	padding: 2px;

	height: 20px;

	color: #838383;

}



select{

	cursor: pointer;

}



input:hover, select:hover, textarea:hover, form#emailForm input.inputbox:hover, input.inputbox:hover, .modulecontent form.form-login fieldset input:hover,

input:focus, select:focus, textarea:focus, form#emailForm input.inputbox:focus, input.inputbox:focus, .modulecontent form.form-login fieldset input:focus{

	border: 1px solid black;

}



input, select, textarea{

	font-size: 12px;

	color: #353D3F;

}



div.search ol{

	margin: 10px 0 0 0;

	list-style: none;

}



div.search ol li{

	border-bottom: 1px solid #e0e0e0;

	margin: 0 0 5px 0;

	padding: 10px;

}



div.search ol li a, .sectionlist ul li a, .weblinks ul li a, .newsfeeds ul li a{

	font-size: 20px;

	color: black;

	text-decoration: none;

	font-weight: normal;

}



div.search ol li a:hover, .sectionlist ul li a:hover, .weblinks ul li a:hover, .newsfeeds ul li a:hover {

   text-decoration: underline;

	color: #5f5f5f;

}



.sectionlist ul, form#poll, .weblinks ul, .newsfeeds ul{

	margin: 20px 0 0 0;

	padding: 0 10px;

}



.sectionlist ul li, .weblinks ul li, .newsfeeds ul li{

	margin: 0 0 12px 0;

}



.joomlatable{

	padding: 10px;

	margin: 15px 0 0 0;

	border: 1px solid #e0e0e0;

	background-color: #f1f1f1;

	width: 100%;

	float: left;

}



table.joomlatable a{

	color: black;

	text-decoration: none;

}



table.joomlatable a:hover{

	text-decoration: underline;

}



table.pollstableborder{

	padding: 5px;

	width: 100%;

}



table.pollstableborder tr td{

  padding: 1px;

  vertical-align: middle;

}



table.pollstableborder tr:hover{

	background-color: #ded0c5;

}



.modulecontent form.form-login p{

	margin: 0;

}



.modulecontent form.form-login fieldset div{

	margin: 0 0 4px 0;

	height: 24px;

}



 form#josForm div{

 	margin: 10px 0 0 10px;

 }

 

 #josForm legend{

 	width: 100%;

	margin: 0 0 20px 0;

 }

 

 input.inputbox.invalid, form#josForm input.inputbox.invalid, form#emailForm input.inputbox.invalid, form.josForm input.invalid{

	border: 1px solid #ce1338;

 }



.modulecontent form.form-login fieldset input{

	float: right;

	margin: 0 5px 0 0;

	width: 155px;

}



.josForm legend{

	margin: 0 0 10px 0;

	

}



input#name, input#username, input#email, input#password, input#password2, input#passwd{

	width: 250px;

}



p#lfirst{

	margin: 10px 0 0 0;

}





body.contentpane{

 color: #333;

 background-color: #fbfbfb;

 padding: 0; margin: 15px;

 text-align: left;

 font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

 line-height: 1.7em;

}





body.contentpane input{

	border: 1px solid #767676;color: #838383;

	background-color: #f7f7f7;

   padding: 2px;

}



body.contentpane input:hover, body.contentpane input:focus{

	border: 2px solid #585858;

	background-color: #f8f8f8;

   padding: 1px;

}



body.contentpane a{

	color: #000;

	text-decoration: none;

}



body.contentpane a:hover{

	text-decoration: underline;

	color: #4c4c4c;

}



body.contentpane #page{

	padding: 25px;

}



body.contentpane #page ul{

	margin: 10px 0 15px 25px;

}



/*pagebreak*/



table.contenttoc{

	float: right;

	margin: 0 0 5px 10px;

	border: 1px solid #E0E0E0;

}



table.contenttoc th{

	background-color: #fbfbfb;

	font-size: 16px;

	color: black;

}



table.contenttoc tr td{

	padding: 0 4px;

}



a.toclink{

	text-decoration: none;

}



a.toclink.active, a.toclink:hover{

	text-decoration: underline;

}



th.pagenav_prev, th.pagenav_next{

	background-color: transparent;

	border: 0;

}



table.pagenav{

	font-size: 10px;

	font-weight: normal;

   color: #686B6B;

	width: 200px;

	margin: 0 auto;

}



.article .pagenav a{

	color: #686B6B;

	text-decoration: none;

	font-weight: normal;

}



.article .pagenav a:hover{

	color: black;

}



blockquote{margin:1em 0 1.5em 0;padding:.6em 1em .6em .6em;color:black;  font-size: 16px; line-height: 150%;}

blockquote p{padding:8px;margin:2px;}

blockquote blockquote{margin:1em 0 1em;}



.xmap{

	padding: 0;

	overflow: hidden;

	border-left: 1px solid #e0e0e0;

	border-right: 1px solid #e0e0e0;

	background-color: #f1f1f1;

}



.contentpaneopen{

	margin: 15px 0 0 0;

	padding: 0 0 15px 0;

	border-bottom: 1px solid #e0e0e0;

}



h2.menutitle{

	color: #000;

	font-size: 15px;

	margin: 10px 0 4px 25px;

	

}



.xmap ul.level_0{

   list-style: none;

	margin: 10px 0 25px 25px;

}



.xmap ul.level_1, .xmap ul.level_2, .xmap ul.level_3, .xmap ul.level_4, .xmap ul.level_5{

	margin: 10px 0 25px 10px;

}



.xmap ul.level_0 li a, .xmap ul.level_1 li a, .xmap ul.level_2 li a, .xmap ul.level_3 li a, .xmap ul.level_4 li a, .xmap ul.level_5 li a{

	background: url(../images/arrowtrans.png) left 5px no-repeat;

	padding: 0 0 0 10px;

}



.xmap a{

	color: #4b4b4b;

	text-decoration: none;

}



.xmap a:hover{

	color: #000;

	text-decoration: underline;

}



/* System Messages */

#system-message    { margin-bottom: 10px; padding: 0;}

#system-message dt { font-weight: normal; }

#system-message dd { margin: 0; font-weight: normal; font-size: 24px; line-height: normal; }

#system-message dd ul { color: #ce1338; margin: 10px 0; list-style: none; padding: 10px; font-size: 20px;}



/* System Standard Messages */

#system-message dt.message { display: none; }

#system-message dd.message {  }



/* System Error Messages */

#system-message dt.error { display: none; }

#system-message dd.error ul { color: #ce1338; font-size: 24px; font-weight: normal;}



/* System Notice Messages */

#system-message dt.notice { display: none; }

#system-message dd.notice ul { color: white; background: #ce1338; font-size: 24px; font-weight: normal;}



/* Debug */

#system-debug     { color: black; background-color: #fff; padding: 10px; margin: 10px; }

#system-debug div { font-size: 11px;}



/*bannergroup*/



div.bannerheader{

	font-size: 16px;

	margin: 0 0 5px 0;

	color: black;

}



div.banneritem_text{

   padding: 5px;

	background-color: #fbfbfb;

	border-bottom: 1px solid #e0e0e0;

}



div.banneritem_text a{

	font-size: 16px;

}



div.banneritem_text a:hover{

	color: black;

}



div.bannerfooter_text{

	font-size: 11px;

}



 /*archive*/



ul#archive-list{

	margin: 40px 0 0 0;

}



ul#archive-list li{

	margin: 0 0 15px 0;

	padding: 0 0 15px 0;

}



ul#archive-list h2.title{

   margin: 0 0 5px 0;

}



ul#archive-list p.articleinfo {

 overflow: visible;

}



ul#archive-list div.intro{

   margin: 10px 0 0 0;

}

Geändert von wrock (06.04.2012 um 19:24 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.04.2012, 18:33
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Remove your data uri declarations from each rule and then add it to the rule for the body element. Then div#main gets the background-color that body used to have and that's it.

P.S.: Why is there html code within your CSS? And your data uri declaration is missing the quotes. And those are not the only syntax errors, so you really need to validate your CSS.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Geändert von heiko_rs (06.04.2012 um 18:48 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.04.2012, 19:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2012
Beiträge: 18
wrock befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen

P.S.: Why is there html code within your CSS? And your data uri declaration is missing the quotes. And those are not the only syntax errors, so you really need to validate your CSS.
you mean the <p>?
lack of css skills :P

anyway, it is working now.
thanks
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Joomla 1.5 - Menüstrukur: Template Siteground j15-59 MarcusAntonius CSS 0 05.10.2010 18:54
Joomla Template - Seite zentrieren? Dav1d CSS 15 02.02.2009 14:38
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 13:12
Design CCS Problem bei Joomla Template KITN Alomaman CSS 4 07.01.2008 15:43
Joomla Template Problem tyrannski CSS 0 15.02.2007 15:06


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:14 Uhr.