Created
August 8, 2010 06:06
-
-
Save davidhemphill/513647 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* @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