Skip to content

Instantly share code, notes, and snippets.

@davidhemphill
Created August 8, 2010 06:06
Show Gist options
  • Save davidhemphill/513647 to your computer and use it in GitHub Desktop.
Save davidhemphill/513647 to your computer and use it in GitHub Desktop.
/* @override http://workshop.wpcoder.com/dan/HFM/wp-content/themes/HF&M/css/style.css */
body {
background: #FFFFFF;
color: #000000;
}
a, a:visited {
color: #000;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
.clear:after {
content: "";
display: block; visibility: hidden; clear: both;
}
.clear { zoom: 1; } /* Clearfix IE fix */
.sidebar_pic {
margin-bottom: 10px;
}
.date {
font-family: Arial, sans-serif;
font-size: 11px;
padding: 5px 10px 10px;
}
/* Structure
-------------------------------------------------------------- */
#container {
margin: 0 auto;
width: 940px;
}
#header {
background-color: #f27f02;
height: 110px;
margin-bottom: 10px;
width: 940px;
}
.left_column {
float: left;
margin-right: 10px;
width: 190px;
}
.middle_column {
float: left;
width: 490px;
}
.right_column {
margin-left: 10px;
float: left;
width: 240px;
}
#footer_nav {
background-color: #fdf6d9;
border-top: 15px solid #FFFFFF;
clear: both;
color: #3f3f3f;
overflow: hidden;
}
#footer {
background-color: #8b9127;
}
/* Left Column Styles
-------------------------------------------------------------- */
#main_nav {
background: #acb625;
font-family: Georgia, serif;
margin-bottom: 5px;
padding: 0;
text-align: center;
}
#main_nav li a {
background: #acb625;
border-top: 1px solid #d2d6a0;
border-bottom: 1px solid #d2d6a0;
color: #FFFFFF;
cursor: pointer;
display: block;
font-weight: normal;
font-size: 18px;
height: 44px;
line-height: 44px;
text-decoration: none;
width: 190px;
}
#main_nav a:hover {
background: #8b9127;
text-decoration: none;
}
#main_nav ul.children {
margin-bottom: 5px;
}
#main_nav ul.children li a {
background: none;
border: 0;
color: #3f3f3f;
font-size: 14px;
height: 22px;
line-height: 22px;
text-decoration: none;
}
#main_nav ul.children li a:hover {
text-decoration: underline;
}
#store_news h1 {
color: #3f3f3f;
font-size: 34px;
font-weight: normal;
margin-bottom: 5px;
}
.news_feed p {
font-size: 15px;
margin-bottom: 3px;
}
.news_feed li {
font-size: 15px;
list-style: none;
margin-bottom: 15px;
}
.news_feed li a, .news_feed li a:visited {
color: #000;
text-decoration: none;
}
.news_feed li a:hover, .news_feed li a:focus {
text-decoration: underline;
}
/* Middle Column Styles
-------------------------------------------------------------- */
#main_slider {
margin: 0;
padding: 0;
}
#recipe_slider {
border: 2px solid #e1c010;
height: 199px;
margin-top: 26px;
}
#recipe_slider h1 {
color: #e4bf03;
font-size: 34px;
font-weight: normal;
margin: 6px 0;
}
#recipe_slider img {
float: left;
margin-left: 34px;
margin-right: 15px;
margin-top: 12px;
}
#recipe_slider p {
font-size: 15px;
padding-bottom: 10px;
}
#content h1 {
color: #3f3f3f;
font-size: 40px;
font-weight: normal;
margin-bottom: 10px;
padding: 0 10px;
}
#content p {
font-size: 15px;
padding: 0 10px 10px;
line-height: 1.2em;
}
/* Right Column Styles
-------------------------------------------------------------- */
#ask {
border-bottom: 10px solid #e4bf03;
border-top: 10px solid #e4bf03;
height: 149px;
margin-bottom: 10px;
}
#ask h1 {
color: #3f3f3f;
font-size: 42px;
font-weight: normal;
margin-top: -6px;
}
#ask p {
font-size: 15px;
padding-bottom: 10px;
}
#ask img {
float: right;
margin-left: 10px;
margin-top: 10px;
}
/* Paragraph Styles
-------------------------------------------------------------- */
#header p {
color: #FFFFFF;
float: right;
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 1.5em;
padding: 25px 20px 0 0;
text-align: right;
}
#footer p {
color: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 11px;
padding: 10px;
}
/* Footer Navigation Styles
-------------------------------------------------------------- */
#footer_nav h4 {
margin-bottom: 5px;
}
#footer_nav li {
list-style: none;
padding-bottom: 3px;
}
#footer_nav li a, #footer_nav li a:visited {
color: #3f3f3f;
text-decoration: none;
}
#footer_nav li a:hover, #footer_nav li a:focus {
text-decoration: underline;
}
#recipes,
#about,
#brands,
#nutritionist,
#special_diets,
#bakery {
float: left;
font-family: Arial, sans-serif;
font-size: 11px;
padding: 10px;
width: 130px;
margin-right: 5px;
}
/* Easy Slider
-------------------------------------------------------------- */
#main_slider ul, #main_slider li,
#recipe_slider ul, #recipe_slider li{
margin:0;
padding:0;
list-style:none;
}
#main_slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:490px;
height:322px;
overflow:hidden;
}
#recipe_slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:486px;
height:203px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#recipe_slider1next, #recipe_slider1prev{
display:block;
width:30px;
height:77px;
position: relative;
top: -115px;
left: 12px;
}
#nextBtn, #recipe_slider1next{
top: -192px;
left: 466px;
}
#prevBtn a, #nextBtn a,
#recipe_slider1next a, #recipe_slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #recipe_slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
color: #3f3f3f;
font-family: Arial, sans-serif;
font-size: 11px;
margin-top: -34px;
margin-left: 30px;
padding:0;
height:18px;
width: 200px;
}
ol#controls li{
margin:0 8px 0 0;
padding:0;
float:left;
list-style:none;
height:18px;
line-height:28px;
}
ol#controls li a{
float:left;
height:18px;
line-height:18px;
background:#ffd400;
color:#555;
padding:0 6px;
text-decoration:none;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
ol#controls li.current a{
background:#f9e25f;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment