Jump to content

Foundation application issues


chitrag
 Share

Recommended Posts

Hi,


After applying Foundation 5 to make responsive menu in my site. Background color changed to white and page should look like this screenshot but it looks different.


Here is my css 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;
}



Here is my site after Foundation 5 Application http://www.kalseeecolodge.com

post-94286-0-04296700-1476847057_thumb.jpg

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...