@font-face { font-family: contestFont; src: local(contestFont), url('/contests/babyphotocontest/assets/css/AlwaysInMyHeart.ttf') format('opentype'); } body,html{margin:0px;padding:0px;background:#EAEAEA !important;color:#000;} #body a{ color:#000; } #body{ max-width:1000px; width:100%; margin:0px auto; display:block; font-family:Calibri, Arial, Helvetica, sans-serif,Ubuntu Condensed; background: #FFF; } #mainBody{ width:100%; margin:0px auto; display:block; vertical-align:top; font-family:Calibri, Arial, Helvetica, sans-serif; } .box{ margin:10px; padding:10px; clear:both; } .green-dots{ margin:10px; padding:10px; clear:both; } .green-dots > span{ border-bottom: 3px dashed #2fc89c; display: block; width: 90%; margin: 0 auto; 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; /*z-index:1;*/ width:95%; margin:20px auto 0 !important } .ribbon:first-child{ margin-top:0px; } .ribbon a { color: #FFFFFF !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; } .imgDiv img{ width: auto; height:auto; } .col-1-3{ padding:0px; } .smallPhotoHolder.col-1-1 { text-align: center; } .smallPhotoHolder{ clear:both; display:block; text-align:center; padding:0px; } .smallPhoto{ vertical-align:top; } .currentContest img{width:95%;} .smallPhotoBox{ position:relative; display:inline-block; } .smallPhotoBox img{ max-width:100%; max-height:200px; } .ribbonLinks a{ color:#FFF; border-left:3px solid #FFF; text-decoration:none; /*width:18%;*/ display:inline-block; } .ribbonLinks a:hover{ text-decoration:underline; } .ribbonLinks a:first-child{ border-left:none; } .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: #FFFFFF; left: 5px; top: -14px; } .arrowBox { display: inline-block; height: 10px; left: 4px; position: relative; /*top: -15px;*/ vertical-align: middle; width: 10px; z-index: 2; } .contestVoting .arrowBoxHolder { line-height: 30px; height: 30px; display: inline-block; vertical-align: top;margin-left:-12px; } .ad{ margin:10px; text-align:center; } .halloffameImg{ height:200px; } .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: 0.8; } .mediaHolderUpper .smallPhoto img{ border: 1px solid #E3E3E3; } .mediaHolderUpper .smallPhoto:first-child img{ border-left: 2px solid #E3E3E3; border-bottom: 2px solid #E3E3E3; } .mediaHolderUpper .smallPhoto:last-child img{ border-left: 0px solid #E3E3E3; border-right: 2px solid #E3E3E3; } .mediaHolder > .col-1-2.smallPhoto { text-align: center; padding: 0; } .mediaHolder > .col-1-2.smallPhoto img{ width: 95%; border: 2px solid #86bc1c; } .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: 20px; font-weight: bold; padding-left: 10px; padding-top: 10px; position: absolute; text-align: left; top: 0; width: 65%; text-transform: uppercase; } #mainBody > div { margin-left: 0; margin-right: 0; } .marquee{height: 200px;width: 1960px;} .marqueemom{height: 200px;width: 1960px;} .ad > div { display: inline-block; max-width: 100% !important; height: auto !important; } @media(max-width: 767px) { .contestLinks .col-1-2:first-child > div{ border-right: none; } } @media(min-width: 767px) { .bpcpic , .upcopic{ position:relative; left:25%; background-color:transparent; } } .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; }