Jump to content


Photo
- - - - -

Foundation application issue


  • Please log in to reply
No replies to this topic

#1 egtou

egtou

    Senior Member

  • Members
  • 350 posts

Posted 18 October 2016 - 03:29 PM

After applying Foundation application in my following site background of content area changed to white and event box went below content area. Actually content area and event box area should be in same row. Here is my css and index.html code.

@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background:url(images/bg.png);
}
.container
{
	width:890px;
	margin:auto;
}
.logo
{
	padding:50px 0px;
	font:bold 14px/50px Arial, Helvetica, sans-serif;
	color:#fff;
	display: inline;
}

.logo a:link, .logo a:visited, .logo a:active, .logo a:hover
{
	font:bold 34px/50px Arial, Helvetica, sans-serif;
	color:#858585;
	letter-spacing:-3.5px;
	text-decoration:none;
	padding-right:20px;
}
.navigation ul
{
	padding:0px;
	margin:0px;
	list-style:none;
	background:#060606;
	height:45px;
}
.navigation li
{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
}
.navigation li a
{
	padding:10px 25px;
	background:#060606;
	display:block;
	font:18px Arial, Helvetica, sans-serif;
	color:#858585;
	text-decoration:none;
}
.navigation li a:hover
{
	color:#fff;
	background:#000;
}
.headerimage
{
	border-bottom:solid 3px #060606;
	padding-bottom:4px;
}
.left-panel
{
	width:100%;
	float:left;
	position: relative;
}
.right-panel
{
	width:235px;
	float:right;
	position: relative
	padding-left:45px;
	
}
.left-panel h2
{
	font:bold 34px/50px Arial, Helvetica, sans-serif;
	color:#858585;
	background:#060606;
	letter-spacing:-3.5px;
	padding:10px;
	margin:0px;
	display:inline;
}
.left-panel p,
.sohotext, .article_table
{
	font:13px/17.5px Arial, Helvetica, sans-serif;
	color:#858585;
}
.main-container
{
	padding-top:40px;
}
.clear
{
	clear:both;
}
.right-panel
{
	font:14px Arial, Helvetica, sans-serif;
	color:#c7d8ef;
}
.right-panel ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}
.right-panel li
{
	background:#060606;
	color:#c7d8ef;
	padding:10px;
	font:23px Arial, Helvetica, sans-serif;
	margin-bottom:4px;
}
.footer
{
	padding-top:30px;
}
.footer p
{
	font:18px Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	background:#060606;
	display:inline;
	padding:10px;
}

a:link {color: #1A5194; text-decoration: underline;}
a:visited {color: #1A5194; text-decoration: underline;}
a:active {color: #1A5194; text-decoration: underline;}
a:hover {color: #A5C6E6; text-decoration: none;}

.boxReadMore1 a:link {color: #1A5194; text-decoration: underline;}
.boxReadMore1 a:visited {color: #1A5194; text-decoration: underline;}
.boxReadMore1 a:active {color: #A5C6E6; text-decoration: underline;}
.boxReadMore1 a:hover {color: #A5C6E6; text-decoration: none !important;}



.navigation ul li{
	position:relative;
}
.navigation ul ul{
	text-align:left;
	margin:0px;
	padding:0px;
	border:0px;	
	list-style:none;
	background:transparent;
}
.navigation ul ul li
{
	padding:0px;
	margin:0px;
}
.navigation li ul, .navigation li a ul{
	visibility:hidden;
	position:absolute;
	top:30px;
	left:0px;
	z-index:1000;
	margin:0px;
	padding:0px;
}
.navigation li ul a{
	display:block;
	color:#fff;
	padding:10px;
	margin:0px;
	height:auto;
	border:none;
	line-height:10px;
	width:150px;
	background:#000;
}
.navigation li:hover ul, #top-menu li a:hover ul{
	display:block;
	visibility:visible;
	
}
.navigation li li a:hover{	
	display:block;
	color:#fff;
	padding:10px;
	margin:0px;
	height:auto;
	border:none;
	line-height:10px;
	width:150px;
	color:#3d3c63;
	background:#fff;
}

div.entry, .entry p {
	color:#E2E2E2!important;
}

#content-parent {
	color:#C0C0C0;
}

.FormLt1 {
 font-family : Arial;
 font-size : 8pt;
 cursor: hand;
 color: #ffffff;
} 
http://kalseeecolodge.com

Chitra B. Gurung
Kathmandu, Nepal
 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users