144 lines
2.4 KiB
CSS
144 lines
2.4 KiB
CSS
|
/* -- footer -- */
|
||
|
|
html {
|
||
|
|
position: relative;
|
||
|
|
min-height: 100%;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
margin-bottom: 60px;
|
||
|
|
font-family: 'Khand', sans-serif;
|
||
|
|
}
|
||
|
|
.footer {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 60px;
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
}
|
||
|
|
.container .text-muted {
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
.footer > .container {
|
||
|
|
padding-right: 15px;
|
||
|
|
padding-left: 15px;
|
||
|
|
}
|
||
|
|
/* -- -- */
|
||
|
|
h3 {
|
||
|
|
display:inline-block;
|
||
|
|
font-size: 32px;
|
||
|
|
line-height: 36px;
|
||
|
|
position: relative;
|
||
|
|
margin-top:28px;
|
||
|
|
margin-bottom:15px;
|
||
|
|
}
|
||
|
|
h3:before{
|
||
|
|
left: -40px;
|
||
|
|
height: 0;
|
||
|
|
height:1px;
|
||
|
|
}
|
||
|
|
h3:before, h3:after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
bottom: 10px;
|
||
|
|
height: 1px;
|
||
|
|
width: 40px;
|
||
|
|
margin: 0 -15px;
|
||
|
|
background-color: #533834;
|
||
|
|
}
|
||
|
|
h3:after{
|
||
|
|
right: -40px;
|
||
|
|
}
|
||
|
|
h5 {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 22px;
|
||
|
|
margin: 0 0 15px;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.item {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
.item h4, .price {
|
||
|
|
z-index: 0;
|
||
|
|
position: relative;
|
||
|
|
background-color: #fff;
|
||
|
|
right: 0;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.item .price {
|
||
|
|
padding-left: 8px;
|
||
|
|
}
|
||
|
|
.item h4, .item p {
|
||
|
|
display: block;
|
||
|
|
clear: both;
|
||
|
|
color: #533834;
|
||
|
|
}
|
||
|
|
.item p {
|
||
|
|
clear: both;
|
||
|
|
color: #938372;
|
||
|
|
margin-left:10px;
|
||
|
|
}
|
||
|
|
.dots {
|
||
|
|
background-image: linear-gradient(to right,rgba(56,47,47,.5) 33%,rgba(0,0,0,0) 0%);
|
||
|
|
background-position: bottom;
|
||
|
|
background-size: 3px 1px;
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
height: 1px;
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 22px;
|
||
|
|
}
|
||
|
|
/* Dots in IE */
|
||
|
|
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||
|
|
.dots {
|
||
|
|
background: transparent url('/img/dot.gif') repeat-x bottom left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.badge {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0 10px;
|
||
|
|
background: #d2c82a;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 26px;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
text-transform: uppercase;
|
||
|
|
border: 1px solid rgba(0,0,0,.05);
|
||
|
|
letter-spacing: 1px;
|
||
|
|
border-radius: 3px;
|
||
|
|
margin: -5px 5px 0 0;
|
||
|
|
}
|
||
|
|
.note {
|
||
|
|
padding: 0 6px;
|
||
|
|
min-width: 23px;
|
||
|
|
background: rgba(0,0,0,0);
|
||
|
|
border: 1px solid #382f2f;
|
||
|
|
color: #382f2f;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-radius: 500px;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
.veggie {
|
||
|
|
color:#82b440;
|
||
|
|
border-color:#82b440;
|
||
|
|
}
|
||
|
|
.spicy {
|
||
|
|
color:#ec4e00;
|
||
|
|
border-color:#ec4e00;
|
||
|
|
}
|
||
|
|
.price {
|
||
|
|
position: absolute;
|
||
|
|
font-size:22px;
|
||
|
|
font-weight:400;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.item h4 {
|
||
|
|
display: inline-block;
|
||
|
|
padding-right: 8px;
|
||
|
|
max-width: 80%;
|
||
|
|
text-transform: capitalize;
|
||
|
|
margin-bottom:4px;
|
||
|
|
position: relative;
|
||
|
|
}
|