CSS Problem

zülfü topçu
Topic Author
Offline
Fresh Boarder

11 years 5 months ago #2965 by zülfü topçu

CSS Problem was created by zülfü topçu

Hi when try to fit background center and no-repeat css dont let me in layout "page : ancientgaming.net/index.php" this backgtound must be fit to behind header logo

Code:

/**
 # ot_caraccessories - 	OT Car Accessories Template for Joomla 2.5!
 # author 			OmegaTheme.com
 # copyright 		Copyright(C) 2012 - OmegaTheme.com. All Rights Reserved.
 # @license 		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 # Website: 		http://omegatheme.com
 # Technical 		support: Forum - http://omegatheme.com/forum/
 **/
 /**------------------------------------------------------------------------
 * file: layout.css 2.5.0 00001, October 2012 12:00:00Z OmegaTheme $
 * package:	OT Car Accessories Template
 *------------------------------------------------------------------------*/

@font-face {
	font-family: 'Oswald';
	src: url("fonts/Oswald.ttf");
}

body#ot-body{
	background: url(../images/body-bg.png) center no-repeat;
	color: #444444;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.clr {
	clear:both;
	height:0;
	line-height:0;
	display:block;
	float:none;
}
div.ot-wrap{
	float: left;
	width: 100%;
	/*background: url(../images/wrap-bg.png) 0 0 repeat-x;*/
}
div.ot-widthTemp{
	margin: 0 auto;
	width: 980px;
}
.ot-widthTemp-i{
	float: left;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 7px #222222;
	-moz-box-shadow: 0px 0px 7px #222222;
	box-shadow: 0px 0px 7px #222222;
}
form div {
	margin: 0;
}
div.ot-wrap-i,
div.ot-widthTemp-i,
div.ot-header,
div.ot-banner,
div.ot-headertop,
div.ot-top-extend,
div.ot-topboxes,
div.ot-mainbody,
div.ot-top-content,
div.ot-bottom-content,
div.ot-bottomboxes,
div.ot-bottom-extends,
div.ot-footer{
	float: left;
	width: 100%;
}

/* +++++++++++++++ STYLE HEADER +++++++++++++++ */
div.ot-header{
	/*position: relative;
	z-index: 999;*/
	background: url(../images/header-bg.png) center 70px no-repeat #000000;
}
.ot-headertop{
	background: url(../images/headertop-bg.png) 0 0 repeat-x;
}
.ot-headertop-i{
	/*padding: 0 20px;*/
}
div.ot-headertop-1{
	float: right;
	max-width: 67%;
	color: #FFFFFF;
}
div.ot-headertop-1-i{
	margin-right: 20px;
}
div.ot-headertop-1-i .otModule {
	line-height: 24px;
}
div.ot-headertop-1 a{
	color: #FFFFFF;
}
div.ot-headertop-1 ul{
	float: left;
	margin: 0 10px;
	padding: 0;
}
div.ot-headertop-1 ul li{
	background: none;
	display: inline;
	padding: 0 15px 0 0;
	line-height: 24px;
	border: 0;
}
div.ot-headertop-1 ul li.last{
	padding: 0;
}
div.ot-headertop-1 ul li a{
	margin: 0;
	font-size: 12px;
	font-style: italic;
	display: inline;
}
div.ot-headertop-1 ul li a:hover{
	color: #35a8a3;
	text-decoration: none;
}
div.ot-headertop-1 div #ot-login-popup-link,
div.ot-headertop-1 .ot-login-button span,
div.ot-headertop-1 .ot-login-button span span{
	background: none;
	color: #666666;
}
div.ot-headertop-1 .ot-login-button span span span:hover{
	color: #35a8a3;
}
div.ot-logo{
	float: left;
	width: 32%;
}
div.ot-logo a.logo{
	width: 285px;
	height: 60px;
	margin-top: 30px;
	margin-left: 20px;
	display: block;
	background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
}
.ot-mainmenu{
	float: right;
	position: relative;
	margin: 15px 20px 10px 0px;
}
.ot-headertop-2{
	float: left;
	width:100%;
	padding-bottom: 35px;
	color: #FFFFFF;
}
.ot-headertop-2 .ot-headertop-2-i{
	padding: 0px 20px;
}
.ot-headertop-2 .otModule{
	
}
form.default-search{
	
}
div.ot-mainmenu{
	position: relative;
	z-index: 9999;
}
div.mainmenu-midbg{
    height: 45px;
    position: relative;
}

/* +++++++++++++++ END HEADER +++++++++++++++ */

/* +++++++++++++++ STYLE TOPBOXES +++++++++++++++ */
.ot-topboxes {
	
}
.ot-topboxes .ot-topboxes-i {
	padding: 0px 20px;
}
.ot-topboxes .top-box{
	float: left;
}
.ot-topboxes .lastbox{
	float: right;
}
.ot-topboxes .top-box .otRounded{
	/*padding: 0px 10px;*/
	margin: 5px 0px 0px;
	background: url("../images/topbox-bg.png") bottom left repeat-x #FFFFFF;
}
.ot-topboxes .width100 .otRounded{
	/*padding: 0px;*/
}
.ot-topboxes .firstbox .otRounded{
	/*padding-left: 0px;*/
}
.ot-topboxes .lastbox .otRounded{
	/*padding-right: 0px;*/
}
.ot-topboxes .top-box .otRounded .otRounded-mid{	
	padding: 0px 20px;
}
.ot-topboxes .top-box h3  span.title-module{
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	border-bottom: 1px solid #cccccc;
}
.ot-topboxes .top-box .otRounded .otRounded-mid .otRounded-mid-i{
	padding: 0px;
}
/* +++++++++++++++ END TOPBOXES +++++++++++++++ */

/* +++++++++++++++ STYLE TOPEXTENDS +++++++++++++++ */

.ot-top-extend{
	
}
.ot-top-extend-i{
	padding: 0;
	margin: 0;
}
.ot-top-extend-i .otModule-i{
	
}
.ot-top-extend .otModule{
	/*margin-bottom: 10px;*/
}
.ot-top-extend .otModule table tr td{
	padding: 0;
}
.ot-top-extend .otModule p{
	
}
.breadcrumbs{	
	
}
span.breadcrumbs a,
span.breadcrumbs span{
	padding: 12px 20px 12px 0px;
	margin-right: 15px;
	color: #666666;
	display: inline-block;
}
span.breadcrumbs .breadcrumb-arrow{
	background: url(../images/arrow.png) no-repeat right 18px;
}
/* +++++++++++++++ END TOPEXTENDS +++++++++++++++ */

/* +++++++++++++++ STYLE MAINBODY +++++++++++++++ */
div.ot-mainbody{
	background: url(../images/mb-bg.png) top left repeat-x;
	padding-bottom: 10px;
}
div.ot-mainbody-i{
    /*float: left;
    width: 100%;*/
}
#system-message-container dl#system-message dd{
	padding: 0;
	float: none;
}
#system-message-container dl#system-message dd ul{
	
}
#system-message-container dl#system-message dd ul li{
	background: none;
}
.genericItemTitle,
.catItemHeader .catItemTitle{
	
}
div.componentheading,
.itemHeader .itemTitle,
.genericItemTitle,
.catItemHeader .catItemTitle,
.catItemHeader .catItemTitle a{
	color: #35A8A3;
	text-transform: uppercase;
	font-family: 'Oswald';
	font-size: 18px;
	line-height: 30px;
}
div.componentheading,
.itemHeader .itemTitle,
.genericItemTitle,
.catItemHeader .catItemTitle{
	border-bottom: 3px solid #333333;
}
.itemHeader .itemTitle{
	
}
.itemList .itemContainer,
.catItemList .itemContainer,
.latestItemList .itemContainer{
	margin-bottom: 10px;
	padding: 0px 0px 20px;
	border-bottom: 1px solid #E1E1E1;
}
.itemContainerLast{
	
}
.itemContainerLast.itemContainerFirst{
	
}
.genericView .catItemAdditionalInfo{
	
}
div.megacontact-wrap {
	overflow: hidden;
}

/* +++++++++++++++ STYLE LEFT-RIGHT COLUMN +++++++++++++++ */
div.ot-rightcolumn,
div.ot-leftcolumn{
	float: left;
	width: 280px;
	padding: 10px 20px;
	/*padding: 10px 10px 10px 20px;*/
}
div.ot-rightcolumn-i,
div.ot-leftcolumn-i{
	
}
div.ot-rightcolumn .otModule,
div.ot-leftcolumn .otModule{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
div.ot-rightcolumn .otModule-i,
div.ot-leftcolumn .otModule-i{
	padding: 0px;
}
div.ot-rightcolumn .otModule-i .otRounded-mid,
div.ot-leftcolumn .otModule-i .otRounded-mid{
	padding-bottom: 10px;
}
.ot-rightcolumn .otModule-i h3 span.first-word,
.ot-leftcolumn .otModule-i h3 span.first-word{
	color: #35A8A3;
}
.module h3 span.title-module{
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	text-align: left;
	line-height: 30px;
	font-size: 18px;
	font-family: 'Oswald';
	color: #333333;
	display: block;
	border-bottom: 3px solid #333333;
}
.ot-rightcolumn .otModule-i h3 span,
.ot-leftcolumn .otModule-i h3 span{
	
}
div.ot-rightcolumn .otModuleContent-i,
div.ot-leftcolumn .otModuleContent-i{
	/*overflow: hidden;*/
}
.module ul,
.module ul.VMmenu,
.module .VMmenu ul{
	padding: 0;
	margin: 0;
}
.module ul li,
.module .VMmenu li{
	border-bottom: 1px solid #b2b2b2;
	margin: 0;
	padding: 5px 10px 5px 20px;
	line-height: 22px;
	background: url("../images/arrow-li.png") no-repeat scroll 0 13px transparent;
}
.module li.last{
	/*border: 0;*/
}
.module ul li ul li{
	border: 0;
	padding-left: 20px;
}
.module ul li a{
	display: block;
	text-transform: capitalize;
	font-weight: bold;
	color: #5b5b5b;
}
.module ul li a:hover{
	text-decoration: none;
	color: #248f8a;
}
div.ot-rightcolumn .k2ItemsBlock ul li,
div.ot-leftcolumn .k2ItemsBlock ul li{
	border-bottom: 1px solid #b0b0b0;
	/*padding: 0;*/
	padding-left: 25px;
	background: url("../images/plus.png") no-repeat scroll 0 7px transparent;
}
div.ot-rightcolumn .k2ItemsBlock ul li.iamopen,
div.ot-leftcolumn .k2ItemsBlock ul li.iamopen{
	background: url("../images/minus.png") no-repeat scroll 0 7px transparent;
}
div.ot-rightcolumn .k2ItemsBlock ul li a,
div.ot-leftcolumn .k2ItemsBlock ul li a{
	font-size: 11px;
	color: #5b5b5b;
	font-weight: bold;
	line-height: 32px;
}
div.ot-rightcolumn .k2ItemsBlock ul li.iamopen a,
div.ot-leftcolumn .k2ItemsBlock ul li.iamopen a{
	/*background: url("../images/minus.png") left no-repeat;*/
	text-decoration: none;
}
div.ot-rightcolumn{
	float: right;
	/*padding: 10px 20px 10px 10px;*/
}
div.ot-rightcolumn .otmodule,
div.ot-leftcolumn .otmodule{
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
div.ot-rightcolumn .otmodule .otmodule-ext,
div.ot-leftcolumn .otmodule .otmodule-ext{
	overflow: hidden;
}

/* +++++++++++++++ END LEFT-RIGHT +++++++++++++++ */
.ot-content{
	overflow: hidden;
	padding: 10px 20px;
}
.content-full-right{
	/*padding-right: 0;*/
}
.content-full-left{
	/*padding-left: 0;*/
}
.content-full-leftfull-right{
	/*padding: 0;*/
}
div.ot-content-i{
	clear: both;
}
div.ot-top-content,
div.ot-bottom-content{
	float: left;
	width: 100%;
	clear: both;
	padding: 0px;
}
div.ot-bottom-content{
	border-bottom: 0;
}
div.ot-top-content .otModule,
div.ot-bottom-content .otModule{
	margin: 0px 0px 20px;
}
div.ot-top-content .otModule .otModule-i,
div.ot-bottom-content .otModule .otModule-i{
	padding: 0px 10px;
}
div.ot-top-content .otModule H3,
div.ot-bottom-content .otModule H3{
	
}

/* +++++++++++++++ END MAINBODY +++++++++++++++ */

.ot-bottom{
	clear: both;
	float: left;
	width: 100%;
}
.ot-bottom-mid {
	overflow: hidden;
	padding: 0 10px;
}
/* +++++++++++++++ BOTTOM EXTENDS +++++++++++++++ */
.ot-bottom-extends{
	padding-top: 10px;
	background: url("../images/bottom-extend-bg.png") top left repeat;
	color: #EEEEEE;
}
.ot-bottom-extends-i{
	
}
.ot-bottom-extends .bottom-extend{
	float: left;
}
.ot-bottom-extends .firstbox{
	border: none;
}
.ot-bottom-extends .midbox{
	
}
.ot-bottom-extends .lastbox{
	float: right;
}
.ot-bottom-extends .bottom-extend .otRounded{
	padding: 0px;
	float: left;
}
.ot-bottom-extends .bottom-extend .otRounded .otRounded-mid{
	padding: 0px 15px 10px;
}
.ot-bottom-extends .firstbox .otRounded .otRounded-mid{
	
}
.ot-bottom-extends .midbox .otRounded .otRounded-mid{
	
}
.ot-bottom-extends .lastbox .otRounded .otRounded-mid{
	
}
.ot-bottom-extends .bottom-extend .module h3{
	
}
.ot-bottom-extends .bottom-extend .module h3 span.title-module{
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	border: 0;
}
.ot-bottom-extends .bottom-extend .module ul li{
	padding: 0px;
	border: 0;
	background: none;
	line-height: 24px;
}
.ot-bottom-extends .bottom-extend .module a,
.ot-bottom-extends .bottom-extend .module ul li a{
	color: #eeeeee;
	font-weight: normal;
}
/* +++++++++++++++ END BOTTOM EXTENDS +++++++++++++++ */

/* +++++++++++++++ STYLE BOTTOMBOXES +++++++++++++++ */
div.ot-bottomboxes{
	
}
div.ot-bottomboxes-i{
	margin: 0;
    overflow: hidden;
    /*padding: 0px 20px;*/
}
.ot-bottomboxes .bottom-box{
	float: left;
}
.ot-bottomboxes .lastbox{
	float: right;
}
.ot-bottomboxes .bottom-box .otRounded{
	margin: 0px;
	padding: 0px;
}
.ot-bottomboxes .width100 .otRounded{
	margin-left: 0px;
	margin-right: 0px;
}
.ot-bottomboxes .firstbox .otRounded{
	padding-left: 0;
}
.ot-bottomboxes .lastbox .otRounded{
	padding-right: 0;
}
.ot-bottomboxes .bottom-box .otRounded .otRounded-mid{
	padding: 0 20px 10px;
	overflow: hidden;
}
div.ot-bottomboxes .bottom-box h3{
	font-size: 29px;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
div.ot-bottomboxes .bottom-box h3 span.first-word{
	
}
.ot-bottomboxes .bottom-box .otRounded .otRounded-mid .otRounded-mid-i{
	float: left;
	width: 100%;
}
div.ot-bottomboxes .bottom-box a{
	
}
div.ot-bottomboxes .bottom-box ul.level0 li a{
	font-weight: bold;
	display: block;
}
div.ot-bottomboxes .bottom-box ul.level0 li a:hover{
	text-decoration: none;
}
div.ot-bottomboxes .bottom-box .otmodules-i{
	
}
div.ot-bottomboxes .bottom-box .first h3,
div.ot-bottomboxes .bottom-box .first .otmodules-i{
	
}
div.ot-bottomboxes .bottom-box ul{
	margin: 0;
	padding: 0;
}
div.ot-bottomboxes .bottom-box ul li{
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #e9eaea;
}
div.ot-bottomboxes .bottom-box ul.menu li{
	padding: 9px 0 9px 15px;
	background: url("../images/arrow-li.png") no-repeat scroll 0 15px transparent;
}
div.ot-bottomboxes .bottom-box ul.stream-items li{
	background: none;
}
div.ot-bottomboxes .bottom-box ul.stream-items li .tweet{
	padding: 0;
}
div.ot-bottomboxes .bottom-box ul li a.moduleItemTitle{
	display: inline;
	font-size: 14px;
	font-style: italic;
}
div.ot-bottomboxes .bottom-box ul li span.moduleItemDateCreated,
div.ot-bottomboxes .bottom-box ul li .moduleItemAuthor,
div.ot-bottomboxes .bottom-box ul li .moduleItemAuthor a{
	
}
/* CUSTOM STYLE */
.ot-bottomboxes .bottom-box .module-space{
	background: url(../images/custom-space.png) no-repeat 0 100%;
	margin-left: 20px;
	padding-left: 35px;
}
.ot-bottomboxes .bottom-box .module-space a.create-an-account{
	background: url(../images/creat-an-account-bg.png) repeat-x;
	color: #FFFFFF;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	text-transform: uppercase;
}
form.get-deals{
	
}
form.get-deals input.email{
	padding: 4px 0;
}
form.get-deals input.submit{
	background: url(../images/get-deals-submit.png) repeat-x;
	border: medium none;
    font-family: arial;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    text-align: center;
}

/* +++++++++++++++ END BOTTOMBOXES +++++++++++++++ */

/* +++++++++++++++ STYLE FOOTER +++++++++++++++ */
div.ot-footer{
   color: #eeeeee;
   background: url("../images/footer-bg.png") center top no-repeat #113735;
   border-top: 1px solid #299f9a;
   padding-top: 10px;
}
.ot-footer-i{
	padding: 0px 30px;
    margin: 0px;
    overflow: hidden;
	font-size: 12px;
	line-height: 24px;
}
.ot-footer-i-i{
	overflow: hidden;
}
div.ot-bottom-1 .otModule,
div.ot-bottom-2 .otModule{
	/*float: left;*/
	padding: 10px 0px;
}
div.ot-bottom-1 h3,
div.ot-bottom-2 h3{
	margin-left: 15px;
}
.ot-bottom-1 .module h3 span.title-module,
.ot-bottom-2 .module h3 span.title-module{
	font-size: 14px;
	line-height: 20px;
}
div.ot-bottom-1 ul.menu,
div.ot-bottom-2 ul.menu{
	margin: 0;
}
div.ot-bottom-1 ul.menu li,
div.ot-bottom-2 ul.menu li{
	background: none;
	margin: 0;
	padding: 0;
	line-height: 22px;
	border-bottom: 1px solid #E1E1E1;
}
div.ot-bottom-1 ul.menu li.first,
div.ot-bottom-2 ul.menu li.first{

}
div.ot-bottom-1 ul.menu li.last,
div.ot-bottom-2 ul.menu li.last{
	border: 0px;
}
div.ot-bottom-1 ul.menu li a,
div.ot-bottom-2 ul.menu li a{
	font-weight: normal;
	text-transform: none;
	font-style: italic;
}
div.ot-bottom-1 ul li a,
div.ot-bottom-2 ul li a{
	color: #666666;
}
div.ot-bottom-1 ul li a:hover,
div.ot-bottom-2 ul li a:hover{
	color: #35A8A3;
}

div.ot-bottom-1{
	float: left;
	width: 39%;
}
div.ot-bottom-2{
	float: right;
	width: 60%;
}
/*div.ot-bottom-1 .ot-bottom-1-i{
	margin-left: 30px;
}
div.ot-bottom-2 .ot-bottom-2-i{
	margin-right: 30px;
}*/
div.ot-bottom-2 a{
	
}
div.ot-gotop{
	min-width: 50px;
	float: right;
	margin: -14px 0 0;
	padding: 25px 0px 0px;
	font-style: italic;
	cursor: pointer;
}

/* +++++++++++++++ END FOOTER +++++++++++++++ */

Please Log in or Create an account to join the conversation.

Trung Duong
Offline
Administrator

Notice: Undefined variable: end_tag_params in /home/omegatheme/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Notice: Undefined variable: end_tag_params in /home/omegatheme/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Notice: Undefined variable: end_tag_params in /home/omegatheme/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321
11 years 5 months ago #2966 by Trung Duong

Replied by Trung Duong on topic Re: CSS Problem

Hello,

You can edit layout.css file at line 19 as below:

Code:

body#ot-body {
background: url(../images/body-bg.png) top center no-repeat;
color: #444;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
}

Thanks

Support email: services(at)omegatheme(dot)com