Skip to content

Instantly share code, notes, and snippets.

/New CSS Secret

Created April 1, 2015 11:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/9c09befeb8950f4c1416 to your computer and use it in GitHub Desktop.
Save anonymous/9c09befeb8950f4c1416 to your computer and use it in GitHub Desktop.
body {
background:url(bg.gif) repeat;
margin:0px;
padding:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
p{
text-align:justify;
line-height:19px;
padding:0px;
margin:0px;
}
h2{
padding:0px 0 10px 0;
margin:0px;
color:#0000B2;
font-size:20px;
font-weight:normal;
}
.clear{
clear:both;
}
#wrap{
width:977px;
margin:20px auto auto auto;
}
.top_corner{
width:976px;
height:15px;
background:url(top_bg.gif) no-repeat center bottom;
}
#main_container {
width: 977px;
background-image: url('center_bg_repeat.gif');
/*background-repeat: repeat-y;
background-position:center;*/
}
#header{
width:960px;
margin:auto;
height:120px;
}
#logo{
padding:10px 10px 0 20px;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
width:400px;
float:right;
padding:50px 0 10px 0;
}
#menu ul{
list-style:none;
padding:0px;
margin:0px;
display:block;
}
#menu ul li{
list-style:none;
display:inline;
float:left;
width:auto;
padding:0px;
font-size:12px;
}
#menu ul li a{
float:left;
text-decoration:none;
padding:0px 10px 0 10px;
margin:0px 4px 0 4px;
color:#000;
text-align:center;
height:31px;
line-height:31px;
}
#menu ul li a:hover{
background-color:#0000B2;
color:#fff;
}
#menu ul li a.current{
float:left;
text-decoration:none;
padding:0px 10px 0 10px;
margin:0px 4px 0 4px;
color:#fff;
text-align:center;
height:31px;
line-height:31px;
background-color:#0000B2;
}
/*-----------------------------Centre Stuff------------------*/
.center_content{
width:960px;
clear:both;
margin:auto;
padding:10px 0 20px 0;
}
.center_content_pages{
width:960px;
clear:both;
margin:auto;
padding:20px 0 20px 0;
background:url(center_bg_pages.gif) no-repeat center top;
}
.home_section_left {
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 20px 10px;
background:url(home_block_bg.gif) no-repeat center bottom;
}
.home_section_left p{
clear:both;
}
.home_section_left p span{
font-weight:bold;
}
img.home_section_icon{
width:60px;
float:left;
}
h2.home_title{
width:190px;
float:left;
font-size:20px;
padding:20px 0 0px 10px;
margin:0px;
color:#0000B2;
}
.home_section_thumb{
float:left;
clear:both;
padding:2px;
text-align:center;
margin:10px 0 10px 0;
border:1px #dcdcdc solid;
}
a.more{
float:right;
}
img.projects{
float:left;
padding:2px;
margin:0 10px 0 0;
border:1px #dcdcdc solid;
}
/*-----------------------------Blocks------------------*/
.left_content{
width:950px;
float:left;
padding:0;
}
.left_block{
width:295px;
float:left;
padding:10px 10px 50px 10px;
}
.left_block1{
width:295px;
float:left;
padding:10px 10px 50px 10px;
}
.left_block2{
width:295px;
float:left;
padding:10px 10px 50px 10px;
}
.left_block_wide{
width:625px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form{
width:530px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form p{
margin-bottom:30px;
}
.testimonials{
width:360px;
float:right;
padding:20px 20px 0 0;
}
.block_wide{
width:925px;
float:left;
margin:10px 20px 10px 15px;
padding-top:10px;
border-top:1px #ededed solid;
}
.wide_content{
width:930px;
clear:both;
padding:10px 15px 0 15px;
}
.right_block{
width:280px;
float:right;
padding:10px 20px 10px 0;
}
img.pic{
border:3px #22496a solid;
margin:0 0 10px 0;
}
.home_news a{
font-size:12px;
color:#c82127;
text-decoration:none;
border-bottom:1px #bcbcbc dotted;
padding:10px 0 5px 12px;
display:block;
float:left;
background:url(arrow.gif) no-repeat left top;
background-position: 0px 13px;
}
.home_news a:hover{
text-decoration:underline;
}
input.newsletter_input{
background-color:#cccccc;
border:1px #cccccc solid;
width:193px;
height:18px;
padding:4px;
float:left;
}
form#newsletter{
padding:10px 0 0 0;
}
input.newsletter_submit{
background-color:#0000B2;
color:#FFFFFF;
text-align:center;
float:left;
padding:4px 4px 3px 4px;
margin:0 0 0 10px;
border:1px #cccccc solid;
cursor:pointer;
}
.testbox{
padding:20px 10px 5px 0;
margin:0;
border-bottom:1px #ededed solid;
}
.testbox p{
font-style:italic;
}
/*-----------------------------footer------------------*/
.footer{
clear:both;
width:960px;
margin:auto;
background:url(footer_bg.jpg) no-repeat center;
height:65px;
}
.copyright{
float:left;
padding:30px 0 0 15px;
color:#6996c0;
}
.copyright a{
color: #2A1C11;
text-decoration:none;
}
.footer_links{
float:right;
padding:30px 20px 0 0;
}
.footer_links a{
text-decoration:none;
color: #2A1C11;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #2A1C11;
}
@{
ViewBag.Title = "Home | Open Airlines";
Layout = "~/Views/Shared/_MyLayout.cshtml";
}
<div class="home_section_left">
<h2 class="home_title">Flights</h2>
<div class="home_section_thumb">
<a href='@Url.Action("Flights", "MyTemplate")'>
<img src='@Url.Content("~/Content/css/home_section_thumb2.jpg")' alt="" title="" border="0" />
</a>
</div>
<p>
<span>Available Flights</span><br>
Browse the list of current available flights and find the location of your choice
<br> <br>
<span>Booking</span><br>
Find out how to book flights with Open Airlines
</p>
<a class="more" href='@Url.Action("Flights", "MyTemplate")'>
<img src='@Url.Content("~/Content/css/more.gif")' alt="" title="" border="0" />
</a>
<div class="clear"></div>
</div>
<!DOCTYPE html>
<html>
<head>
<asp:ContentPlaceHolder ID="Stylesheets" runat="server">
<link rel="stylesheet" href="~/Content/css/style.css" type="text/css" />
</asp:ContentPlaceHolder>
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@RenderSection("head", false)
</head>
<body>
<div id="wrap">
<div class="top_corner"></div>
<div id="main_container">
<div id="header">
<div id="logo">
<a href='@Url.Action("Index", "MyTemplate")'>
<img src='@Url.Content("~/Content/css/logo.png")' alt="" width="220" height="110" title="" border="0" />
</a>
</div>
<!-- Menu Bar -->
<div id="menu">
<ul>
<li>@Html.ActionLink("Home", "Index", "MyTemplate")</li>
<li>@Html.ActionLink("About Us", "AboutUs", "MyTemplate")</li>
<li>@Html.ActionLink("News", "News", "MyTemplate")</li>
<li>@Html.ActionLink("Flights", "Flights", "MyTemplate")</li>
<li>@Html.ActionLink("Contact Us", "ContactUs", "MyTemplate")</li>
</ul>
</div>
<!-- End of: Menu Bar -->
</div>
<div class=" center_content">
@RenderBody()
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<div class="copyright">Copyright © 2015 - 2016 Open Airlines</div>
<div class="footer_links">
@Html.ActionLink("Home", "Index", "MyTemplate")
@Html.ActionLink("About Us", "AboutUs", "MyTemplate")
@Html.ActionLink("News", "News", "MyTemplate")
@Html.ActionLink("Flights", "Flights", "MyTemplate")
@Html.ActionLink("Contact Us", "ContactUs", "MyTemplate")
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment