@font-face { font-family:contestFont; src:local(contestFont),url('/contests/babyphotocontest/assets/css/AlwaysInMyHeart.ttf') format('opentype') } body,html { margin:0; padding:0; background:#eaeaea !important; color:#000 } #body a { color:#000 } #body { max-width:1000px; width:100%; margin:0 auto; display:block; font-family:Calibri,Arial,Helvetica,sans-serif,Ubuntu Condensed } #side { max-width:190px; width:100%; margin:0 auto; display:inline-block; vertical-align:top; font-family:Calibri,Arial,Helvetica,sans-serif; float:right } #body .green-circle { font-family:arial; font-size:15px; font-weight:bold; line-height:100%; margin:15px 0; padding-left:10px; } #body .green-circle a span { cursor:pointer; text-decoration:underline; } #mainBody { max-width:800px; width:100%; margin:0 auto; display:inline-block; vertical-align:top; font-family:Calibri,Arial,Helvetica,sans-serif } .box { margin:10px; padding:10px; clear:both } .ribbon,.ribbonLinks { background:url("/contests/babyphotocontest/assets/ribbon.png"); line-height:30px; background-size:100% 100%; text-align:center; color:#FFF; font-size:28px } .ribbon { background:url("/contests/babyphotocontest/assets/ribbon.png"); background-size:100% 100%; text-align:center; color:#FFF; font-size:42px; font-family:contestFont,Calibri,Arial,Helvetica,sans-serif; position:relative; width:95%; margin:20px auto 0!important } .ribbon:first-child { margin-top:0 } .ribbon a { color:#fff!important; display:inline-block; float:right; font-family:arial; font-size:16px; font-weight:bold; padding-right:10px } .ribbon a:after { border-color:rgba(0,0,0,0) #FFF; border-style:solid; border-width:5px 0 5px 10px; content:""; display:inline-block; margin:0 10px; width:0 } .mediaHolder,.fbCommentHolder { background:#FFF } .mediaHolder>.congrats { color:#333; padding:0 } .imgDiv img { width:auto; height:auto } .col-1-3 { padding:0 } .smallPhotoHolder>.winnersPhoto { padding:10px; float:none; display:inline-block; } .smallPhotoHolder.col-1-1 { text-align:center; } .smallPhotoHolder>.winnersPhoto>a { text-decoration:none; font-weight:bold } .smallPhotoHolder>.winnersPhoto>a>.winnersName { color:#333 } .smallPhotoHolder>.winnersPhoto>a:visited>.winnersName { color:#92278f } .smallPhotoHolder { clear:both; display:block; text-align:center; padding:0 } .congrats { padding:15px; font-size:22px!important } .smallPhoto { vertical-align:top } .currentContest img,.winnersPhoto img { width:95% } .smallPhotoBox { position:relative; display:inline-block } .smallPhotoBox img { max-width:100%; max-height:200px } .smallPhoto:hover { display:block } .contestDate { background:#fb5327; vertical-align:top; color:#FFF; line-height:30px; font-size:24px; text-align:center } .contestVotings { vertical-align:top; line-height:30px; font-size:24px } .contestVoting { background:#c3e829; text-align:center } .contestVoting span { vertical-align:middle; display:inline-block } .ribbonLinks a { color:#FFF; border-left:3px solid #FFF; text-decoration:none; display:inline-block } .ribbonLinks a:hover { text-decoration:underline } .ribbonLinks a:first-child { border-left:none } .fbLikeBtn { display:inline-block; cursor:pointer; opacity:.9; vertical-align:sub } .fbLikeBtn:hover { opacity:1 } .col-1-4.smallPhoto { display:inline-block; float:none; padding:0; vertical-align:middle; width:24% } .imgDiv { margin-top:4em } .row { display:block } .row>label>span { display:inline-block; width:128px } .fbCount { background:#FFF; border:2px solid #898f9c; border-radius:3px; padding:0 5px; color:#6a7180; text-align:center; white-space:nowrap; font-size:22px; vertical-align:top; height:30px; min-width:30px; line-height:25px!important } .fbLikeBtn>img { vertical-align:middle } .arrow,.arrow1 { border-color:rgba(0,0,0,0) #898f9c; border-style:solid; border-width:7px 11px 6px 0; display:block; left:1px; position:relative; top:-1px } .arrow { text-decoration:line-through } .arrow1 { border-right-color:#fff; left:5px; top:-14px } .arrowBox { display:inline-block; height:10px; left:4px; position:relative; vertical-align:middle; width:10px; z-index:2 } .contestVoting .arrowBoxHolder { line-height:30px; height:30px; display:inline-block; vertical-align:top; margin-left:-12px } .fbLikeBtnAftLogin { height:30px } .fbLikeBtnAftLogin iframe { transform:scale(1.5); -ms-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -moz-transform:scale(1.5); transform-origin:top left; -ms-transform-origin:top left; -webkit-transform-origin:top left; -moz-transform-origin:top left; -webkit-transform-origin:top left } .congrats,.winnersName,.winnersCategory { text-align:center; font-size:18px } .winnersCategory { color:#9eb401 } .ad { margin:10px; text-align:center } .halloffameImg { width:150px; height:200px } .currentContest>a { display:block; margin:0 auto; position:absolute; text-align:center; top:23px; width:100% } .currentContest>a>div { color:#000; font-weight:bold; margin:0 auto; width:80%; line-height:16px; text-decoration:none } .currentContest>a.current-standing-btn { top:auto; bottom:5px; background-image:url("/contests/babyphotocontest/assets/current-standings.png"); background-repeat:no-repeat; background-size:95% auto; min-height:40px; opacity:1; background-position:center } .currentContest>a.current-standing-btn:hover { background-size:100% auto } .currentContest>a { text-decoration:none } .currentContest>a:hover { text-decoration:underline; text-decoration-color:#000 } .currentContest { position:relative } .belowRibbon { margin-top:-25px; padding-top:35px } .col-1-3.smallPhoto>a>img { width:100%; opacity:1 } .col-1-3.smallPhoto>a>img:hover { opacity:.8 } .mediaHolderUpper>.smallPhotoHolder { border:1px solid #e3e3e3 } #mainBody>div { margin-left:0; margin-right:0 } .marquee { height:200px; width:1960px } .ad>div { display:inline-block; max-width:100%!important; height:auto!important } .contestLinks .col-1-2{ padding: 0; } .contestLinks .col-1-2:first-child > div{ border-right: 2px solid #CCC; } .contestLinks .ribbon { margin: 0 auto !important; } .contestLink:first-child *{ text-align: left; } .contestLink:last-child *{ text-align: right; } .contestLink a{ display: inline-block; width: 95%; text-decoration: none; position: relative; } .contestLink a img{ display: block; width: 100%; } .contestLink a:hover img{ opacity: .80; } .col-1-2.contestLink a div { color: #fff; font-size: 15px; font-weight: bold; padding-left: 10px; padding-top: 10px; position: absolute; text-align: left; top: 0; width: 65%; text-transform: uppercase; } @media(min-width:767px) { .bottomLinks { display:inline-block; float:none; vertical-align:middle; width:19% } } @media(max-width: 767px) { .contestLinks .col-1-2:first-child > div{ border-right: none; } .col-1-2.contestLink a div { font-size: 20px; } } .voteBubble{ position: relative; display: block; cursor: pointer; } .voteBubble .voteBubbleHolder{ display: none; position: absolute; width: 100%; left: 0; bottom:0; background: #FFF; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #000; box-shadow: 1px 1px 10px #000000; font-weight: bold; } #body .voteBubble .voteBubbleHolder a{color:#000;padding: 6px;font-size: 18px;text-decoration: none;display:block;} #body .voteBubble .voteBubbleHolder a:hover{text-decoration: underline;} .voteBubble .voteBubbleHolder:after{ border-bottom: 12px solid #FFFFFF; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; left: 45.5%; position: absolute; top: -12px; z-index: 1; } .voteBubble .voteBubbleHolder:before{ border-bottom: 15px solid rgba(0, 0, 0, 0.2); border-left: 11px solid rgba(0, 0, 0, 0); border-right: 11px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; left: 44%; position: absolute; top: -15px; z-index: 1; } .voteBubble:hover .voteBubbleHolder{ display: block; } .voteBubbleHolder > a:first-child { border-bottom: 2px solid #0c9e71; } .ads { background:#FFF; text-align:center } .col-1-2 .mediaHolder .smallPhoto:hover { opacity: 0.8 }