logo

Favoreats

Favoreats LLC

GET — On the App Store

View

collections / treehouses

www.ohhellofriendblog.com
  • minutes
  • Serves

INGREDIENTS

1 serving

type="color" default="#fff

1 serving

type="color" default="#fff

1 serving

type="color" default="#fff

1 serving

type="color" default="#fff

333

type="color" default

333

type="color" default

1 Link

variable name="linkcolor" description=" color

1 serving

type="color" default="#58a

1 serving

type="color" default="#58a

666

type="color" default

1 serving

type="color" default="#c60

1 serving

type="color" default="#ccc

999

type="color" default

666

type="color" default

1 serving

variable name="datetitlefont" description="date title font

1 serving

type="color" default="#ffffff

1961

type="color" default="#9d

1961

type="color" default="#9d

1 serving

type="color" default="#ffffff

1961

type="color" default="#9d

666666

color

1 serving

color: #d1ac27

1 serving

color: #d1ac27

1 serving

color: #d1ac27

1 serving

color: #d1ac27

1 serving

color:#ccc

1 serving

header-wrapper {

1 serving

background-color: #fff

1 serving

margin-bottom: -10px

1 serving

font-size: 0px

191919

color

1 serving

font-size: 0px

191919

color

1 serving

font-size: 0px

666666

color

color

1 serving

font-size: 0px

1 serving

sidebarlinkbar-wrapper {

1 serving

sidebarlinkbar. a:active {

1 serving

background-color: #dedede

1 serving

margin-bottom: -50px

1 serving

list-style-type: none

1 serving

padding-top:.55em

1 serving

padding-bottom:.55em

1 serving

border-bottom: 1px solid $linkbarbordercolor

1 serving

clear: both

1 serving

width:100%

333333

color

1 serving

color: #ffffff

1 serving

outer-wrapper

1 serving

outer-wrapper {

1 serving

margin-top: -5px

666666

color

1 serving

main-wrapper {

1 serving

margin-bottom: 0px

1 serving

background-color: #fff

1 serving

border-right: solid 2px #e0c77f

1 serving

border-left: solid 2px #e0c77f

1 serving

word-wrap: break-word; /* fix

1 serving

sidebar-wrapper {

666666

color

1 serving

padding-bottom: 10px

1 serving

word-wrap: break-word; /* fix

1 serving

right-sidebar-wrapper {

666666

color

1 serving

word-wrap: break-word; /* fix

cs

color

1 serving

border-bottom: 1px dotted #e0c77f

1 serving

margin-top: -2px

1 serving

padding-bottom: 7px

1 serving

border-bottom: 1px dotted #fff

1 link

date-header

1 serving

color: #d1ac27

1 serving

background-color: #ffffff

333333

color

1 serving

padding-top: 30px

1 serving

display:block

333333

color

3

post h strong

1 serving

color:#eee

666666

color

1 serving

border-bottom: 1px dotted #ddd

1 serving

border-top: 1px dotted #ddd

1 serving

color: #aaa

1 serving

padding-top: 5px

1 serving

padding-bottom: 5px

1 serving

margin-bottom: 30px

1 serving

margin-top: 40px

1 serving

margin-top: -24px

1 serving

font-size:22px

1 serving

font-style: none

1 serving

border:0px solid #ffffff

999999

color

1 serving

comments-block {

1 serving

comments-block .comment-author {

1 serving

comments-block .comment-body {

1 serving

comments-block .comment-footer {

1 serving

font-size: 10px

1 serving

border-bottom: 1px #ccc dotted

1 serving

comments-block .comment-body p {

1 serving

font-style:italic

1 serving

color:gray

1 serving

margin-bottom: 20px

1 serving

margin-bottom: 20px

1 serving

margin-bottom: 20px

1 serving

font-size: 0px

1 serving

clear: both

666666

color

1 serving

padding-top: 112px

666666

color

1 serving

padding-top: 125px

1 serving

list-style: none

1 serving

border-bottom: 1px dotted #ccc

9

border-bottom:0px dotted #fff

1 serving

padding-bottom: 1em

9

border-bottom:0px dotted #fff

1 serving

padding-bottom: 1em

1 serving

margin-bottom: 5px

1 serving

border: 1px solid #cccccc

999999

color

1 serving

clear:both

1 serving

margin-bottom: 0px

1 serving

border-right: solid 2px #e0c77f

1 serving

border-left: solid 2px #e0c77f

666666

color

666666

color

666666

color

1 serving

list-style:none

1 serving

padding-bottom:.25em

1 serving

display:block

1 serving

padding-top: 10px

1 serving

list-style: none

1 serving

list-style: none

1 serving

display: block

191919

color

1 serving

color: #fff

191919

color

1 serving

display:block

1 serving

margin-top: -30px

1 serving

font-size: 10px

1 serving

color: #ccc

1 serving

linkbar-wrapper {

1 serving

padding-top: 10px

1 serving

list-style-type: none

1 serving

padding-top:.25em

1 serving

padding-bottom:.25em

1 serving

clear: both

1 serving

width:100%

333333

color

1 serving

color: #ffffff

1 serving

script

1 serving

design by: danni hong

1 serving

code by: ana degenaar

2012

copyright please don't steal

1

navbar {

? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

visibility: hide

1 serving

display: none

1 serving

}

1 serving

variable definitions

1 serving

variable name="bgcolor" description="blog background color

1 serving

variable name="creditbgcolor" description="credit background color

1 serving

variable name="creditfontcolor" description="credit font color

1 serving

variable name="sidebarbgcolor" description="sidebar background color

1 serving

variable name="textcolor" description="text color

1 serving

variable name="topnavfontcolor" description="top navigation font color

1 Link

variable name="visitedlinkcolor" description="visited color

1 serving

variable name="blogtitlecolor" description="blog title color

1 serving

variable name="posttitlecolor" description="post title color

1 serving

variable name="bordercolor" description="border color

1 serving

variable name="sidebartitlecolor" description="sidebar title color

1 serving

variable name="sidebartextcolor" description="sidebar text color

1 serving

variable name="bodyfont" description="text font

1 serving

type="font" default="normal normal 'lucida sans unicode'

1 serving

variable name="blogtitlefont" description="blog title font

1 serving

type="font

1 serving

default="normal normal 'trebuchet ms'

1 serving

type="font

1 serving

default="normal normal georgia

1 serving

variable name="posttitlefont" description="post title font

1 serving

type="font

1 serving

default="normal normal georgia

1 serving

variable name="sidebartitlefont" description="sidebar title font

1 serving

type="font

1 serving

default="normal normal georgia

1 serving

variable name="topnavfont" description="top navigation font

1 serving

type="font

1 serving

default="normal normal 'trebuchet ms'

1 serving

variable name="postfooterfont" description="post footer font

1 serving

type="font

1 serving

default="normal normal 'trebuchet ms'

1 serving

variable name="startside" description="start side in blog language

1 serving

type="automatic" default="left

1 serving

variable name="endside" description="end side in blog language

1 serving

type="automatic" default="right

1 serving

variable name="linkbartextcolor" description="linkbar text color

1 serving

variable name="linkbarhovertextcolor" description="linkbar hover text color

1 serving

variable name="linkbartextfont" description="linkbar text font

1 serving

type="font

1 serving

default="normal normal verdana

1 serving

variable name="sidebarlinkbarbordercolor" description="sidebar linkbar border color

1 serving

variable name="sidebarlinkbartextcolor" description="sidebar linkbar text color

1 serving

variable name="sidebarlinkbarhovertextcolor" description="sidebar linkbar hover text color

1 serving

variable name="sidebarlinkbartextfont" description="sidebar linkbar text font

1 serving

type="font

1 serving

default="normal normal verdana

1 serving

use this

1 serving

body {

1 serving

background: #eee

? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

font: normal normal 12px arial

1 serving

text-align: center

1 serving

}

1 link

a: {

1 serving

text-decoration:none

1 serving

font-weight: bold

1 serving

}

1 serving

a:visited {

1 serving

}

1 link

lsidebar a: {

1 serving

text-decoration:none

1 serving

}

1 serving

lsidebar a:visited {

1 serving

text-decoration:none

1 serving

}

1 serving

a:hover {

1 serving

}

1 serving

img {

? border-width:0; border-width:0; border-width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

}

1 serving

header

1 serving

background: url

1 serving

width: 715px

1 serving

height: 161px

1 serving

margin-left: -15px

1 serving

text-transform: uppercase

letter-spacing: 5em

1 serving

}

1 serving

header-inner {

1 serving

background-position: center

1 serving

margin-left: auto

1 serving

margin-right: auto

1 serving

}

1 serving

header a {

1 serving

font: normal normal 24px merriweather

1 serving

text-decoration:none

1 serving

}

1 serving

header a:hover {

1 serving

}

1 serving

header .description {

servings

margin: 5px 5px

servings

padding: 20px 15px

1 serving

max-width:995px

1 serving

text-transform:uppercase

1 serving

letter-spacing:.2em

1

line-height: 4em

1 serving

font: $blogdescriptionfont

1 serving

}

1 serving

header img {

1 serving

margin-left: auto

1 serving

margin-right: auto

1 serving

}

1 serving

sidebar linkbar

1 serving

background: url

1 serving

margin: 0px 0px 0px 0px

1 serving

width: 220px

1 serving

height: 477px

1 serving

position: relative

1 serving

float: center

1 serving

}

1 serving

}

1 serving

sidebarlinkbar .widget {

1 serving

margin: 0px 0px 0px 0px

1 serving

padding: 215px 0px 0px 0px

1 serving

text-align: left

1 serving

}

1 serving

sidebarlinkbar ul {

1 serving

margin: 0px 0px 0px 0px

1 serving

padding: 0px 0px 0px 0px

1 serving

}

1 serving

sidebarlinkbar li {

1

line-height: 6em

1 serving

text-align: center

1 serving

}

2

sidebarlinkbar h {

1 serving

margin: 0px 0px 0px 0px

1 serving

padding: 0px 0px 0px 0px

1 serving

display: none

1 serving

visibility: hidden

1 serving

}

1 serving

sidebarlinkbar a {

1 serving

margin: 0px 4px 0px 0px

1 serving

padding: 0px 0px 0px 0px

1 serving

text-decoration:none

1 serving

font: normal bold 18px oswald

1 serving

text-transform: uppercase

1 serving

}

1 serving

sidebarlinkbar a:hover {

1 serving

background: $sidebarlinkbarhoverbgcolor

1 serving

}

1 serving

width: 1202px

margin: auto

1 serving

text-align:left

1 serving

font: normal normal 12px arial

1 serving

font-weight: normal

1 serving

line-height:20px

1 serving

background: url

1 serving

}

1 serving

padding-left: 15px

1 serving

padding-right: 15px

1 serving

width: 682px

1 serving

float: left

1 serving

overflow: hidden; /* fix

1 serving

}

1 serving

text-transform: lowercase

1 serving

width: 195px

1 serving

padding-right: 9px

1 serving

float: right

1 serving

text-align: left

1 serving

overflow: hidden; /* fix

1 serving

}

1 serving

text-transform: lowercase

1 serving

width: 220px

1 serving

margin-right: 22px

1 serving

float: right

1 serving

overflow: hidden; /* fix

1 serving

}

1 serving

headings

2

h {

margin:1em 0 75em

1 serving

font: normal normal 14px 'courier new'

1

line-height: 4em

1 serving

text-transform: lowercase

1 serving

padding-left: 2px

1 serving

}

1 serving

posts

2

hdate-header {

1 serving

font: normal normal 11px calibri

1 serving

text-transform: uppercase

1 serving

letter-spacing: 1px

1 serving

}

1 serving

text-decoration: none

1 serving

}

1 serving

post {

margin:.5em 0 5em

1 serving

padding: 5px 5px 5px 6px

1 serving

font: normal normal 12px arial

1 serving

}

3

post h {

margin:.25em

1 serving

font-weight: normal

1

line-height:4em

1 serving

font: normal normal 20px oswald

1 serving

text-transform: uppercase

1 serving

padding-left: 2px

1 serving

}

3

post h a

1 serving

text-decoration:none

1 serving

font-weight: normal

1 serving

font: normal normal 20px oswald

1 serving

text-transform: uppercase

1 serving

}

1 serving

}

1 serving

post-body {

margin:0 75em

1

line-height:6em

1 serving

padding-left:15px

1 serving

padding-right:15px

1 serving

}

1 serving

post-body blockquote {

1

line-height:3em

1 serving

}

1 serving

post-footer {

1 serving

font: italic normal 12px georgia

margin:.75em

1 serving

text-transform: lowercase

1

line-height:6em

1 serving

padding-right: 5px

1 serving

padding-left: 3px

1 serving

}

1 serving

post-footer a {

1 serving

font-weight: normal

1 serving

}

1 serving

post-labels {

1 serving

padding-left: 3px

1 serving

}

1 serving

post-labels {

1 serving

background: url

1 serving

padding: 2px 0px 2px 20px

1 serving

}

2

post-comment-link {

1 serving

background: url

1 serving

padding: 2px 0px 2px 20px

1 serving

margin-right: 5px

1 serving

float: right

1 serving

}

1 link

post-comment {

1 serving

background: url

1 serving

float:right

1 serving

width: 46px

1 serving

height: 45px

1 serving

font-weight: normal

1 serving

line-height:43px

1 serving

text-align: center

1 serving

}

1 link

post-comment a:link

1 serving

text-decoration: none

1 serving

}

1

post-footer-line {

1 serving

font: italic normal 12px georgia

1 serving

}

1 serving

post img {

1 serving

}

1 container

tr-caption img {

1 serving

border: none

? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

}

1 serving

post blockquote {

1 serving

margin:1em 20px

1 serving

}

1 serving

post blockquote p {

margin:.75em

1 serving

}

1 serving

comments

4

comments h {

1 serving

font-weight: normal

1

line-height: 4em

1 serving

text-transform:lowercase

1 serving

}

margin:1em 0 5em

1

line-height:6em

1 serving

font-transform: lowercase

1 serving

}

margin:.5em

1 serving

font-transform: lowercase

1 serving

}

margin:.25em

1 serving

font-transform: lowercase

1 serving

}

servings

margin:-.25em 2em

1

line-height: 4em

1 serving

text-transform:uppercase

1 serving

letter-spacing:.1em

1 serving

}

margin:0 75em

1 serving

}

1 serving

deleted-comment {

1 serving

}

1 link

blog-pager-newer {

1 serving

float: left

1 serving

}

1 link

blog-pager-older {

1 serving

float: right

1 serving

}

1 serving

blog-pager {

1 serving

text-align: center

1 serving

}

1 links

feed {

2

line-height: 5em

1 serving

}

1 serving

sidebar content

1 serving

sidebar content

1 serving

lsidebar {

1

line-height:6em

1 serving

}

1 serving

rsidebar {

1

line-height:6em

1 serving

}

1 serving

lsidebar ul li {

1 serving

margin-left: -40px

1

line-height:6em

1 serving

}

1 serving

lsidebar .widget

1 serving

padding-left: 10px

1 serving

padding-right: 15px

1 serving

}

1 serving

bsidebar .widget{

1 serving

padding-left: 15px

1 serving

padding-right: 10px

1 serving

}

1 serving

main .blog {

? border-bottom-width: 0; border-bottom-width: 0; border-bottom-width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

}

1 serving

profile

1 serving

profile-img {

1 serving

float: left

? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

margin-right: 5px

? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

padding: 4px

1 serving

}

1 serving

profile-data {

? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

text-transform:uppercase

1 serving

letter-spacing:.1em

1 serving

font: normal normal 'trebuchet ms'

1 serving

font-weight: bold

1

line-height: 6em

1 serving

}

1 serving

profile-datablock {

margin:.5em 0 5em

1 serving

}

1 serving

profile-textblock {

margin: .5em

1

line-height: 6em

1 serving

}

1 link

profile {

1 serving

font: normal normal 'trebuchet ms'

1 serving

text-transform: uppercase

letter-spacing: 1em

1 serving

}

1 serving

footer

1 serving

footer-columns {

1 serving

width: 712px

margin: auto

1 serving

margin-left: 0px

1 serving

background: url

1 serving

}

1

column {

1 serving

padding: 0px 15px 3px 5px

1 serving

width

1 serving

float: left

1 serving

margin: 3px

1 serving

text-align: left

1 serving

text-transform: lowercase

1 serving

border-right: 1px dotted $columnsbordercolor

1 serving

margin-left: -50px

1 serving

}

2

column {

1 serving

padding: 0px 15px 3px 5px

1 serving

width

1 serving

float: left

1 serving

margin: 3px 3px 3px 5px

1 serving

text-align: left

1 serving

text-transform: lowercase

1 serving

border-right: 1px dotted $columnsbordercolor

1 serving

}

3

column {

1 serving

padding: 0px 5px 3px 5px

1 serving

width

1 serving

float: left

1 serving

margin:3px

1 serving

text-align: left

1 serving

text-transform: lowercase

1 serving

}

1 serving

addwidget {

padding: 0

1 serving

}

1 serving

footer-columns ul {

margin: 0

padding: 0

1 serving

}

1 serving

footer-columns li {

? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

? padding-top:0; padding-top:0; padding-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

? padding-left:0; padding-left:0; padding-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1

line-height:5em

1 serving

}

1 serving

body#layout #footer-columns {

1 serving

width

1 serving

margin-left: auto

1 serving

margin-right: auto

1 serving

}

1

body#layout .column {

1 serving

width

1 serving

float: left

1 serving

}

2

body#layout .column {

1 serving

width

1 serving

float: left

1 serving

}

3

body#layout .column {

1 serving

width

1 serving

float: left

1 serving

}

1 serving

navbarmenuleft {

1 serving

background:url

1 serving

width: 753px

1 serving

height: 34px

1 serving

margin-left:-15px

1 serving

float: left

1 serving

}

1 serving

nav {

? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

padding: 0px

1 serving

padding-left: 270px

1 serving

}

1 serving

nav ul {

1 serving

float: left

? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

}

1 serving

nav li {

? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

}

1 link

nav li a

1 serving

font: normal normal 12px oswald

1 serving

font-weight: normal

1 serving

padding: 0px 5px 0px 0px

1 serving

margin-left: 10px

1 serving

text-transform: uppercase

1 serving

}

1 serving

nav li a:hover {

1 serving

text-transform: uppercase

1 serving

}

1 serving

nav li {

1 serving

float: left

1 serving

padding-right: 10px

1 serving

}

1 serving

navspacer {

1 serving

font: normal normal 12px oswald

1 serving

}

2

navbarmenuleft {

1 serving

background:url

1 serving

width: 755px

1 serving

height: 40px

1 serving

margin-left: 0px

1 serving

font-family: century gothic

1 serving

font-weight: normal

1 serving

text-transform: none

1 serving

float: center

1 serving

float: left

1 serving

}

1 serving

linkbar

1 serving

width

1 serving

margin: 0px 0px 0px 30px

1 serving

position: relative

1 serving

width: 200px

1 serving

}

1 serving

linkbar .widget {

1 serving

margin: 0px 0px 0px 0px

1 serving

padding: 0px 0px 0px 0px

1 serving

text-align: left

1 serving

}

1 serving

linkbar ul {

1 serving

margin: 0px 0px 0px 0px

1 serving

padding: 0px 0px 0px 0px

1 serving

}

1 serving

linkbar li {

1 serving

padding-left: 55px

1

line-height: 6em

1 serving

}

2

linkbar h {

1 serving

margin: 0px 0px 0px 0px

1 serving

padding: 0px 0px 0px 0px

1 serving

display: none

1 serving

visibility: hidden

1 serving

}

1 serving

linkbar a {

1 serving

margin: 0px -4px 0px 0px

1 serving

padding: 6px 23px 6px 15px

1 serving

text-decoration:none

1 serving

font: normal normal 15px oswald

1 serving

text-transform: uppercase

1 serving

}

1 serving

linkbar a:hover {

1 serving

background: $linkbarhoverbgcolor

1 serving

}