Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 serving
variable name="bodybackground" description="body color" type="color" default="#fff
1 serving
variable name="contentbackground" description="outer color" type="color" default="#fff
1 serving
variable name="postbackground" description="home post color" type="color" default="#fff
1 serving
variable name="footerbackground" description="footer color" type="color" default="#fff
1 serving
variable name="bordercolor" description="border color" type="color" default="#eee
666
variable name="textcolor" description="text color" type="color" default
666
variable name="labelcolor" description="label color" type="color" default
777
variable name="headercolor" description="header color" type="color" default
777
variable name="linkcolor" description="link color" type="color" default
777
variable name="markcolor" description="mark color" type="color" default
1 serving
outer-wrapper
1 serving
outer-wrapper
border-top:05em solid #ece0cb
border-left:05em solid #ece0cb
border-right:05em solid #ece0cb
border-bottom:05em solid #ece0cb
1 serving
header-wrapper
1 serving
width:100%
777777
color
1 serving
width:100%
1 serving
margin-bottom:30px
1 serving
width:100%
1 serving
clear:left
1 serving
list-style:none
1 serving
display:block
1 serving
list-style:none
margin-bottom:7em
1 serving
display: block
1 serving
color: #fff
1 serving
status-msg-wrap
1 serving
font-size:25px
1 serving
color:#ff2525
1 serving
border: 1px solid #ece0cb
1 serving
status-msg-wrap
1 serving
post-filter-message
1 serving
{ margin-bottom:20px
1 serving
border: 1px solid #ece0cb
1 serving
background-color:#fefaef
1 serving
webkit-flex-wrap:wrap
1 serving
ms-flex-wrap:wrap
1 serving
flex-wrap:wrap
1 serving
webkit-box-pack:justify
1 serving
ms-flex-pack:justify
777777
color
1 serving
post-filter-message .search-label
1 serving
post-filter-message .home-link-container
1 serving
display: block
1 serving
body#layout #main-wrapper
1 serving
main-wrapper {
1 serving
main-wrapper
1 serving
main-wrapper
1 serving
margin-bottom: 20px
1 serving
border: 1px solid #ece0cb
1 serving
display: block
1 serving
display: block
121212
color
1 serving
display: block
1 serving
bottom: -12px
1 serving
display: block
1 serving
bottom: 5px
1 serving
display: block
1 serving
top
1 serving
color: #bf0288
1 serving
font-size: 20px
1 serving
top: 20px
1 serving
width:100%
777777
color
1 serving
width:100%
777777
color
1 serving
padding-bottom: 15px
1 serving
border-bottom: 2px solid #ababab
1 serving
display: inline-block
1 serving
display: block
1 serving
font-size: 18px
1 serving
font-style:italic
555555
color
1 serving
border-top:1px solid #ece0cb
1 serving
border-bottom:1px solid #ece0cb
1 serving
color:#bf0288
1 serving
font-size: 20px
1 serving
css share button
1 serving
clear:left
1 serving
display:block
1 serving
color:#fff
1 serving
display:block
1 serving
font-size:20px
1 serving
padding-top:20px
1 serving
display: block
1 serving
margin-bottom: 14px
1 serving
bottom: 10px
color
1 serving
font-size: 13px
1 serving
display: block
1 serving
label-size
1 serving
margin-left:12px; margin-bottom:15px
1 serving
padding-top:7px;padding-bottom:5px;color: #fff
1 serving
font-size:16px
1 serving
label-size a
1 serving
color: #fff !important
1 serving
label-size
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:nth-child {
1 serving
label-size:hover
1 serving
display: inline-block
1 serving
color: #fff
1 serving
label-size:hover .label-count
1 serving
footer-wrapper
777
color
1 serving
border:1px solid #d9caaf
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
label-size
1 serving
post-filter-message
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
post-filter-message
1 serving
label-size
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
post-filter-message
1 serving
label-size
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
post-filter-message
1 serving
label-size
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
label-size
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
post-filter-message
1 serving
label-size
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
post-filter-message
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
post-filter-message
1 serving
label-size
1 serving
outer-wrapper
1 serving
main-wrapper
1 serving
post-filter-message
1 serving
label-size
1 serving
variable declarations
1
variable name="bodyfont" description="text font" type="font" default="25em arial
1 serving
variable name="startside" description="side where text starts in blog language" type="automatic" default="left
1 serving
variable name="endside" description="side where text ends in blog language" type="automatic" default="right
1 serving
body
1 serving
navbar-iframe
1 serving
body
1 serving
fullwrap
1 serving
tbody {
1 serving
margin-right: auto !important
1 serving
margin-left: auto !important
1 serving
}
1 serving
{
1 serving
background:#faf1e0
padding: auto
1 serving
}
1 serving
a
1 serving
a:focus
1 serving
h1
1 serving
h1
1 serving
h2
1 serving
h2
1 serving
h3
1 serving
h4
1 serving
header
1 serving
header
1 serving
header h1
1 serving
{
1 serving
text-align:center
1 serving
text-transform:capitalize
1 serving
text-decoration:none
1 serving
}
1 serving
header .description
1 serving
{
1 serving
float:center
font:75em halvetica
1 serving
border:none
1 serving
}
1 serving
header a
1 serving
header a:hover
1 serving
navigation
1 serving
navbar-iframe
1 serving
nav-main {
1 serving
float:left
1 serving
overflow:hidden
1 serving
position:relative
1 serving
}
1 serving
nav-main 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
position:relative
1 serving
left:48%
1 serving
text-align:center
1 serving
}
1 serving
nav-main li {
1 serving
float:left
margin-left:9em
? padding:0; padding:0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position:relative
1 serving
right:50%
1 serving
}
1 serving
nav-main a {
padding: 1em 6em
1 serving
text-decoration: none
1 serving
text-align: center
1 serving
background:#bf0288
1 serving
font-weight:normal
1
font:25em arial
1 serving
}
1 serving
nav-main a:hover
1 serving
nav-main li .nav-a
1 serving
nav-main li .nav-b
1 serving
nav-main li .nav-c
1 serving
nav-main li .nav-d
1 serving
label status message
1 serving
status-msg-body
1 serving
{
margin:-1em 0 05em
1 serving
background: #fefaef
1 serving
}
1 serving
display:-webkit-box
1 serving
display:-webkit-flex
1 serving
display:-ms-flexbox
1 serving
display:flex
1 serving
webkit-justify-content:space-between
1 serving
justify-content:space-between
1
font:25em arial
1 serving
padding:10px
1 serving
}
1 serving
home-link
1 serving
main
1 serving
main
1 serving
main {
1 serving
margin-left: 0px
1 serving
margin-right: 0px
1 serving
position: relative
1 serving
overflow: visible
1 serving
}
1 serving
background: #faf1e0
1 serving
position: relative
1 serving
max-width
1 serving
padding: 80px 25px
1 serving
}
1
blogwidget
1 serving
post body
1 serving
home page
1 serving
post summary
1 serving
font
1 serving
blog-posts
1 serving
post-outer {
1 serving
width: 360px
1 oz
m -border-radius: 2px
1 serving
webkit-border-radius: 2px
1 serving
o-border-radius: 2px
1 serving
border-radius: 2px
1 serving
padding: 10px 10px 0px
1 serving
background:#fefaef
1 serving
}
1 serving
post-outer img {
1 serving
width
1 serving
height: auto
1 serving
border-radius: 3px
1 oz
m -border-radius: 3px
1 serving
webkit-border-radius: 3px
1 serving
o-border-radius: 3px
1 serving
}
1 serving
post-outer:hover .thumbo img {
1 1/20
moz-transform: scale
1 1/20
webkit-transform: scale
1 1/20
o-transform: scale
1 1/20
ms-transform: scale
1 1/20
transform: scale
1 serving
}
1 serving
post-outer:hover .thumbo
1 serving
thumbo img {
1 oz
m -transition: all 0.5s ease 0s
webkit-transition: all 5s ease 0s
o-transition: all 5s ease 0s
transition: all 5s ease 0s
1 serving
}
1 serving
thumbo
1 serving
thumbo .title-only
1 serving
title-only
1 serving
title-only {
1 serving
font: $bodyfon
1 serving
font-weight: normal
1 serving
line-height: 19px
letter-spacing: 5px
1 serving
}
1 serving
socialbuts
1 lb
socia uts .title-only a
1 serving
load-more
1 serving
hrlinee {
1 serving
background:#faf1e0
1 serving
height: 1px
margin: -16px auto
1 serving
width
1 serving
}
1 serving
ie
1 serving
{ position: absolute
1 serving
width
1 serving
}
1 serving
ie img
1 serving
ie div
1 serving
ias_loader
1 serving
{
1 serving
position: absolute
1 serving
left
1 serving
}
1 lb
cancel
1 serving
{
1 serving
width: 32px
1 serving
height: 32px
margin: auto
2
background: url no-repeat
1 serving
}
1 lb
loader
1 serving
{
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
height
1 serving
width
1 serving
text-align: center
? line-height: 0; line-height: 0; line-height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
nomore {
1 serving
background: #faf1e0
1 serving
font-family:georgia
1 serving
letter-spacing: 2px
1 serving
position: relative
1 serving
}
1 serving
nomore img
1 serving
blog-pager-older-link
1 serving
home-link
1 serving
post-body
1 serving
post-body {
1
font: 25em arial
1 serving
line-height: 27px
1 serving
}
1 serving
post-title
1 serving
{
1 serving
text-align: center
1 serving
text-transform:capitalize
1 serving
text-decoration:none
1 serving
font-family:georgia
1 serving
}
1 serving
blockquote
1 serving
{
1
line-height:3em
1 serving
padding:10px
1 serving
}
1 serving
post-labels a {
1 serving
margin-left: 1px
1 serving
margin-right: 2px
1 serving
text-decoration: none
1 serving
}
1 serving
post-labels
1
font:25em arial
1 serving
}
1 serving
post-labels a:hover
1 serving
leftcontent
1 serving
blog-feeds
1 serving
post-footer-line-1
1 serving
sharepost
1 serving
sharepost ul{
1 serving
float:left
? margin:0; padding:0; margin:0; padding:0; margin: ; padding:0 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position:relative; left:50%
1 serving
text-align:center
1 serving
}
1 serving
sharepost li{
1 serving
float:left
margin-left:6em
1 serving
position:relative;right:50%
? padding:0; padding:0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
sharepost li a {
4/5
1 serving
border-radius:3px
padding: 2em 8em
1 serving
text-decoration: none
1 serving
font-family:#fff
1 serving
font-weight:normal
1 serving
}
1 serving
sharepost li a:hover
1 serving
sharepost li .pinterest
1 serving
sharepost li .whatsapp
1 serving
sidebar
1 serving
related posts
1 serving
related-posts
1 serving
{
1 serving
background: none
1 serving
width
1 serving
box-sizing: border-box
1 serving
overflow: auto
1 serving
}
1 serving
relatedm {
1 serving
width
1 serving
height: auto
1 serving
line-height: 14px
1 serving
padding: 0px 10px
1 serving
webkit-box-sizing: border-box
1 oz
m -box-sizing: border-box
1 serving
box-sizing: border-box
1 serving
float: left
1 serving
position: relative
1 serving
}
1 serving
related-title {
17/20
background: rgba
1 serving
display: none
1 serving
font-family: droid sans
1 serving
font-weight: normal
1 serving
left: 30px
1 serving
line-height: 19px
margin: auto
1 serving
padding: 6px 25px
1 serving
position: absolute
1 serving
right: 30px
1 serving
text-transform: uppercase
1 serving
}
1 serving
related-title {
1 oz
m -transform: translatey)
1 serving
webkit-transform: translatey)
1 serving
o-transform: translatey)
1 serving
ms-transform: translatey)
1 serving
transform: translatey)
1 oz
m -transition: all 0.2s ease-in-out 0s
webkit-transition: all 2s ease-in-out 0s
o-transition: all 2s ease-in-out 0s
transition: all 2s ease-in-out 0s
1 serving
}
1 serving
relatedm:hover #related-title {
1 oz
m -transform: translatey)
1 serving
webkit-transform: translatey)
1 serving
o-transform: translatey)
1 serving
ms-transform: translatey)
1 serving
transform: translatey)
1 serving
}
1 serving
post-outer .relatedm img
1 serving
label-widget-content
1 serving
label-center
1 serving
media all and
1 serving
}
1 serving
{
1 serving
float:left
1 serving
background:transparent
1 serving
}
1 serving
{
1
font:25em arial
1 serving
padding: 4px 8px
1 serving
}
1 serving
media all and
1 serving
{
1 serving
}
1 serving
background: #fe5667
1 serving
}
95
background: #84d
1 serving
}
1 serving
background: #f45bd6
1 serving
}
2
background: #44ccf
1 serving
}
1 serving
background: #f2a20d
1 serving
}
1 serving
background: #40dece
1 serving
}
1 serving
background: #fe5667
1 serving
}
33
background: #99cc
1 serving
}
1 serving
background: #f9b526
1 serving
}
1 serving
background: #80bbfd
1 serving
}
1 serving
background: #ff6347
1 serving
}
1 serving
background: #f985fc
1 serving
}
1 serving
background: #40dece
1 serving
}
1 serving
background: #ff6347
1 serving
}
1 serving
background: #f0e68d
1 serving
}
2
background: #7fffd
1 serving
}
1 serving
background: #7a68ed
1 serving
}
1 serving
background: #ff1491
1 serving
}
23
background: #698c
1 serving
}
background: #ff
1 serving
}
1 serving
label-count
1 serving
{
1 serving
white-space: nowrap
1 serving
padding-right: 3px
1 serving
margin-left: -3px
333
background
1 serving
}
1 serving
css page navigation
1 serving
pagenav
1 serving
pagenav .pages
1 serving
pagenav a:hover
1 serving
pagenav .current
1 serving
pagenav .pages
1 serving
footer
1 serving
{
1 serving
background:#f4e5cd
1 serving
margin:0; auto; padding:1em 1em 1em 1em
1 serving
text-align:center
1 serving
}
1 serving
attribution
1 serving
responsive media queries
1 serving
desktop - laptop - tablet
5
screen width 1900px and above
1 serving
media all
1 serving
{
1 serving
post-outer
1 serving
nav-main a
1 serving
}
5
screen width 1600px and above--)
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
nav-main a
1 serving
}
5
screen width 1400px and above
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
5
screen width 1300px and above
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
4
screen width 1200px and above--)
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
3
screen width 1000px and above--)
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
3
screen width 900px and above--)
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
3
screen width 800px and above--)
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
2
screen width 700px and above--)
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
2
screen width 600px and above--)
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
post-outer .relatedm img
1 serving
nav-main a
1 serving
}
2
screen width 600px and under
1 serving
mobile--320-360-375-384-400-411-414-480-512-533-568
1 serving
media all and
1 serving
{
1 serving
post-outer
1 serving
{
1 serving
width:98%
1 serving
webkit-box-sizing: border-box
1 oz
m -box-sizing: border-box
1 serving
box-sizing: border-box
1 serving
}
1 serving
post-outer .relatedm img
1 serving
nav-main
1 serving
nav-main ul
1 serving
nav-main a
1 serving
}