Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 serving
font-size
1 serving
ol
1 serving
strong
1 serving
table {
1 serving
clear
1 serving
clear:before
1 serving
display: table
1 serving
clear:after
1 serving
clear
1 serving
font-style: normal
1 serving
font-style: normal
1 serving
clear
1 serving
clear:before
1 serving
display: table
1 serving
clear:after
1 serving
clear
1 serving
wrapper {
1 serving
top
1 serving
padding-top
1 serving
display: block
5
color: #0061a
1 serving
font-size: 21px
1 serving
top: -20px
1 serving
font-style: italic
1 serving
display: inline-block
1 serving
top: -6px
1 serving
color: #dfdfdf
1 serving
font-size: 46px
1 serving
background-position: bottom
1 serving
color: #8e8e8e
1 serving
font-size: 13px
1 serving
color: #b5b5b5
1 serving
border: solid 1px #cdcdcd
1 serving
font-size: 14px
696969
color
1 container
main #content .utilities form .input button#search {
1 serving
display: block
1 serving
top: 9px
1 container
main #content .utilities form .input button#search:hover
1 serving
main #content .utilities .button {
1 serving
display: inline-block
1 serving
font-size: 14px
1 serving
color
1 serving
main #content .utilities .button:hover {
1 serving
main #content .utilities .button:active {
1 container
main #content .utilities .button button:focus
1 serving
top: -30px
696969
color
5
color: #0061a
? 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"=>""}}
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
font: inherit
1 serving
vertical-align: baseline
1 serving
outline: none
1 serving
}
1 ml
ht /* always display scrollbars
1 serving
body
1 serving
article
1 serving
blockquote
1 serving
blockquote:before
1 serving
input
1 serving
border-collapse: collapse
? border-spacing: 0; border-spacing: 0; border-spacing 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
img {
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
max-width
1 serving
}
1 serving
a
1 serving
a:hover
1 serving
container:after {
1 serving
content
1 serving
}
7
ie 6
1 serving
body {
1 serving
background: #dfdfdf url) repeat
1 serving
font-family: helvetica
1 serving
webkit-font-smoothing: antialiased
1 serving
overflow: hidden
1 serving
}
1 serving
font-face {
1 serving
font-family: 'texgyrescholaregular
1 serving
src: url)
1 serving
src: url) format)
1 serving
url) format)
1 serving
url) format)
1 serving
url) format)
1 serving
font-weight: normal
1 serving
}
1 serving
font-face {
1 serving
font-family: 'texgyrescholabold
1 serving
src: url)
1 serving
src: url) format)
1 serving
url) format)
1 serving
url) format)
1 serving
url) format)
1 serving
font-weight: normal
1 serving
}
1 serving
webkit-keyframes main {
1 serving
{
1
webkit-transform: scale3d
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
{
1
webkit-transform: scale3d
1
1 serving
}
1 serving
}
1 oz
m -keyframes main {
1 serving
{
1/10
moz-transform: scale
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
{
1 7/100
moz-transform: scale
1
1 serving
}
1 serving
}
1 serving
webkit-keyframes logo {
1 serving
}
1 serving
webkit-keyframes footer {
1 serving
}
1 serving
container:after {
1 serving
content
1 serving
}
1 serving
left
1 serving
height
background-image: linear-gradient)
background-image: -o-linear-gradient)
1 oz
background-image: -m -linear-gradient)
background-image: -webkit-radial-gradient)
background-image: -ms-linear-gradient)
1 serving
}
1 serving
logo {
1 serving
position: absolute
1 serving
background: url)
1 serving
width: 200px
1 serving
height: 80px
1 serving
left
1
1
animation: logo .5s
1
webkit-animation: logo .5s
1
moz-animation: logo .5s
1
o-animation: logo .5s
1
ms-animation: logo .5s
transition: all 3s ease-in-out
webkit-transition: all 3s ease-in-out
1 oz
m -transition: all 0.3s ease-in-out
o-transition: all 3s ease-in-out
ms-transition: all 3s ease-in-out
1 serving
}
1 serving
logo:hover
1 serving
main {
1 serving
position: relative
1 serving
width: 600px
margin: auto
1
animation: main 0.8s
1 serving
animation-fill-mode: forwards
1
webkit-animation: main 0.8s
1 serving
webkit-animation-fill-mode: forwards
1
moz-animation: main 0.8s
1 oz
m -animation-fill-mode: forwards
1
o-animation: main 0.8s
1 serving
o-animation-fill-mode: forwards
1
ms-animation: main 0.8s
1 serving
ms-animation-fill-mode: forwards
1 serving
}
1
main #header h {
1 serving
position: relative
1 serving
font: 72px 'texgyrescholabold'
7
text-shadow: 2px 2px #fff
1 serving
text-align: center
1 serving
}
1
main #header h span.sub {
1 serving
position: relative
servings
padding: 10px
1 serving
}
1
main #header h span.icon {
1 serving
position: relative
margin: 1px 5px
5
background: #0061a
1 serving
width: 50px
1 serving
height: 50px
1 oz
m -box-shadow: 1px 2px
1 serving
webkit-box-shadow: 1px 2px
1 serving
box-shadow: 1px 2px
1 serving
webkit-border-radius: 50px
1 oz
m -border-radius: 50px
1 serving
border-radius: 50px
1 serving
line-height: 48px
1 serving
font-weight: bold
1 serving
text-align: center
? text-shadow: 0 0; text-shadow: 0 0; text-shadow 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
main #content {
1 serving
position: relative
1 serving
width: 600px
1 serving
background
moz-box-shadow: 0 0 0 3px #ededed inset
webkit-box-shadow: 0 0 0 3px #ededed inset
box-shadow: 0 0 0 3px #ededed inset
1 serving
webkit-border-radius: 5px
1 oz
m -border-radius: 5px
1 serving
border-radius: 5px
5
1 serving
}
2
main #content h {
1 serving
background: url) no-repeat
padding: 12px 22px
1 serving
font: 20px 'texgyrescholaregular'
1 serving
text-align: center
1 serving
}
1 serving
main #content p {
1 serving
position: relative
1 serving
padding: 20px
1 serving
line-height: 25px
1 serving
}
1 serving
main #content .utilities
1 container
main #content .utilities form .input {
1 serving
position: relative
1 serving
width: 290px
1 serving
}
1 container
main #content .utilities form .input input[type=text] {
1 serving
width: 280px
1 serving
height: 34px
servings
padding: 8px
1 serving
background
1 serving
outline: none
ozs
m -box-shadow: 3px 3px rgba) inset
webkit-box-shadow: 0 3px 3px rgba) inset
box-shadow: 0 3px 3px rgba) inset
1 serving
webkit-border-radius: 3px
1 oz
m -border-radius: 3px
1 serving
border-radius: 3px
1 serving
webkit-font-smoothing: antialiased
transition: all 3s ease-in-out
webkit-transition: all 3s ease-in-out
1 oz
m -transition: all 0.3s ease-in-out
o-transition: all 3s ease-in-out
ms-transition: all 3s ease-in-out
1 serving
}
1 container
main #content .utilities .input input[type=text]:focus
1 serving
position: absolute
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
background: url) no-repeat
1 serving
width: 18px
1 serving
height: 18px
1 serving
border: none
1 serving
cursor: pointer
3/10
transition: all 3s ease-in-out
webkit-transition: all 3s ease-in-out
1 oz
m -transition: all 0.3s ease-in-out
o-transition: all 3s ease-in-out
ms-transition: all 3s ease-in-out
1 serving
}
1 serving
height: 34px
1 serving
margin: 0px 20px
servings
padding: 18px
background: #6db
6
background-image: linear-gradient
6
background-image: -o-linear-gradient
1 oz
background-image: -m -linear-gradient)
6
background-image: -webkit-linear-gradient
6
background-image: -ms-linear-gradient
ozs
m -box-shadow: 0 0 1px #003255
webkit-box-shadow: 0 1px #003255
box-shadow: 0 1px #003255
1 serving
webkit-border-radius: 3px
1 oz
m -border-radius: 3px
1 serving
border-radius: 3px
1 serving
line-height: 34px
1 serving
font-weight: bold
text-shadow: -1px #385a
1 serving
text-decoration: none
1 serving
}
6
background: #0081c
1 serving
background-image: linear-gradient)
1 serving
background-image: -o-linear-gradient)
1 oz
background-image: -m -linear-gradient)
1 serving
background-image: -webkit-linear-gradient)
1 serving
background-image: -ms-linear-gradient)
ozs
m -box-shadow: 0 0 1px #003255
webkit-box-shadow: 0 1px #003255
box-shadow: 0 1px #003255
1 serving
}
6
background: #0081c
1 serving
background-image: linear-gradient)
1 serving
background-image: -o-linear-gradient)
1 oz
background-image: -m -linear-gradient)
1 serving
background-image: -webkit-linear-gradient)
1 serving
background-image: -ms-linear-gradient)
ozs
m -box-shadow: 0 0 1px #003255
webkit-box-shadow: 0 1px #003255
box-shadow: 0 1px #003255
1 serving
}
1 serving
main #footer {
1 serving
position: relative
padding: 5px
1 serving
text-align: center
1
1
animation: footer 0.4s 0.8s
1 serving
animation-fill-mode: forwards
1
webkit-animation: footer 0.4s 0.8s
1 serving
webkit-animation-fill-mode: forwards
1
moz-animation: footer 0.4s 0.8s
1 oz
m -animation-fill-mode: forwards
1
o-animation: footer 0.4s 0.8s
1 serving
o-animation-fill-mode: forwards
1
ms-animation: footer 0.4s 0.8s
1 serving
ms-animation-fill-mode: forwards
1 serving
}
1 serving
main #footer ul {
1 serving
font: 13px 'texgyrescholaregular'
servings
text-shadow: 1px
1 serving
}
1 serving
main #footer ul li {
1 serving
display: inline
servings
margin: 12px
1 serving
}
1 serving
main #footer ul li a {
1 serving
font: 13px 'texgyrescholaregular'
servings
text-shadow: 1px
1 serving
text-decoration: none
1 serving
}
1 serving
main #footer ul li a:hover {
1 serving
text-decoration: underline
1 serving
}