*{
margin:0;
padding:0;
}
html{
background: white; /* Old browsers */
}
body{
font-family:Arial, Helvetica, sans-serif;
color:#888;
overflow:hidden
background:white;
}
/*--------------------------
Top Bar with Headings
---------------------------*/
h1{
color: white;
line-height: 1;
background-color: black;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0 auto;
position: absolute;
left: 50%;
margin-left: -446px;
}
#menu{
font-family:Arial, Helvetica, sans-serif;
width:280px;
height:70px;
position: absolute;
left: 50%;
font-size: 33px;
margin-left: -446px;
background:#3fa5dc;
color: white;
font-weight:bold;
top:100px;
}
h1{
font-size: 33px;
padding: 5px 15px 10px;
top: 34px;
}
h2{
font-size: 14px;
padding: 4px 13px 9px 11px;
top: 82px;
}
#topBar{
background: white;
/*background:url('../img/top_bar_bg.jpg') repeat-x;
*/height:350px;
/*border-bottom:10px solid #000000;*/
/*background:url(../../RT%20LOGO.jpg) no-repeat center;*/
background: url(../../Red_Tomato_Banner.png) no-repeat center;
background-size:980px auto;
/*warning*/
display:none;
}
/*-------------------
Photo area
--------------------*/
#photos{
margin: 60px auto 100px;
overflow: hidden;
width: 100%;
text-align:center
}
#photos:hover a{
opacity:0.5;
}
#photos a,
#loadMore{
background-position: center center;
background-color: rgba(14, 14, 14, 0.3);
float: left;
height: 170px;
margin: 1px 1px 0 0;
overflow: hidden;
width: 300px;
background-size:100% 100%;
background-repeat:no-repeat;
-moz-transition:0.25s;
-webkit-transition:0.25s;
-o-transition:0.25s;
transition:0.25s;
}
#photos a:hover{
opacity:1;
}
#loadMore{
cursor: pointer;
line-height: 110px;
text-align: center;
text-transform: uppercase;
font-size:10px;
}
#loadMore:hover{
color:#fff;
text-shadow:0 0 4px #fff;
}
/*----------------------
Camera slide up
-----------------------*/
#camera{/*
/* background:url('../img/cam_bg.jpg') repeat-y ;*/
/*background: #ffaf4b; Old browsers */
/*background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); Opera 11.10+ */
/*background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); IE10+ */
/* background: linear-gradient(top, #ffaf4b 0%,#ff920a 100%); W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); IE6-9 */
background: rgb(252,236,252);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiYTZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdjZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(252,236,252,1) 0%, rgba(251,166,225,1) 50%, rgba(255,124,216,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,236,252,1)), color-stop(50%,rgba(251,166,225,1)), color-stop(100%,rgba(255,124,216,1)));
background: -webkit-linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(255,124,216,1) 100%);
background: -o-linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(255,124,216,1) 100%);
background: -ms-linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(255,124,216,1) 100%);
background: linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(255,124,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 );
border:1px solid #f0f0f0;
height:700px; /* height:1300px; */
width:70%; /*1000px*/
position:fixed;
bottom: -591px; /* bottom: -1241px; */
left:15%;/*
margin-left:auto;
margin-right:auto;*/
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
-moz-box-shadow:0 0 4px rgba(0,0,0,0.6);
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.6);
box-shadow:0 0 4px rgba(0,0,0,0.6);
}
/*
#camera{
border:1px solid #f0f0f0;
height:900px; /* height:1300px;
width:798px;
position:fixed;
bottom: -841px;// /* bottom: -1241px; */
/*}*/
.camTop{
background:url('../img/cam.png') no-repeat center center;
width:100%;
height:100px;
position:absolute;
top:0;
left:0;
cursor:pointer;
}
.settings{
background:url('../img/settings.png') no-repeat;
cursor: pointer;
height: 28px;
position: absolute;
right: 37px;
top: 448px;
width: 30px;
}
.settings:hover{
background-position:left bottom;
}
#screen{
width:520px;
height:370px;
margin: 66px auto 22px;
background:#ccc;
line-height: 360px;
text-align: center;
color:#666;
}
.buttonPane{
text-align: center;
}
.tooltip{
background:url('../img/tooltip.png') no-repeat;
position:absolute;
width:177px;
height:146px;
right: 38px;
top: -140px;
}
.blueButton,
.greenButton{
background:url('../img/buttons.png') no-repeat;
text-shadow:1px 1px 1px #277c9b;
color:#fff !important;
width:99px;
height:38px;
border:none;
text-decoration:none;
display:inline-block;
font-size: 16px;
line-height: 32px;
text-align: center;
margin: 0 4px;
}
.greenButton{
background:url('../img/buttons.png') no-repeat right top;
text-shadow:1px 1px 1px #498917;
}
.blueButton:hover,
.greenButton:hover{
background-position:left bottom;
text-decoration:none !important;
}
.greenButton:hover{
background-position:right bottom;
}
.blueButton:active,
.greenButton:active{
position:relative;
bottom:-1px;
}
.hidden{
display:none;
}
/*-------------------------
Generic styles
--------------------------*/
a, a:visited {
text-decoration:none;
outline:none;
color:#54a6de;
}
a:hover{
text-decoration:underline;
}
/*********************************
ANONONONOZ SECTION
***********************************/
#zframe{
position:absolute;
top:60px;
width:100%;
height:830px;
margin-left:75px;
}
#magcover{
overflow:hidden;
}
/*******SHARE***/
#sharer {
/*margin-top:30px;
float:left;*/
position:absolute;
bottom:20px;
left:20px;
z-index:1200;
text-indent:-9999px;
display: block;
width: 354px; height: 159px;
background:url(/MAGGI/recipe/recipeimages/maggi_fb.png) top left no-repeat;
overflow: hidden;
text-decoration:none !important;
}
.fbmimic{
width:180px;
height:30px;
font-size:20px;
text-decoration:none;
text-align:center;
display:block;
float:left;
margin:2px; border-radius:5px;
border:1px solid #069;
color:white;
background-color:#069;
font-family:'Asap', Verdana, Arial, Georgia;
cursor:pointer;
}