@font-face { font-family: 'bebasneue'; src: url('../fonts/bebasneue.eot'); src: url('../fonts/bebasneue.eot') format('embedded-opentype'), url('../fonts/bebasneue.woff') format('woff'), url('../fonts/bebasneue.ttf') format('truetype'), url('../fonts/bebasneue.svg#bebasneue') format('svg'); } @font-face { font-family: 'opensans'; src: url('../fonts/opensans.eot'); src: url('../fonts/opensans.eot') format('embedded-opentype'), url('../fonts/opensans.woff') format('woff'), url('../fonts/opensans.ttf') format('truetype'), url('../fonts/opensans.svg#opensans') format('svg'); } @font-face { font-family: 'opensansbold'; src: url('../fonts/opensansbold.eot'); src: url('../fonts/opensansbold.eot') format('embedded-opentype'), url('../fonts/opensansbold.woff') format('woff'), url('../fonts/opensansbold.ttf') format('truetype'), url('../fonts/opensansbold.svg#opensansbold') format('svg'); } html, body{margin:0;padding:0;} .clear{clear:both;} .wrapper{width:100%;margin:0 auto;overflow:hidden;} .realcount-wrapper{background-color:#d3d3d3;min-height:210px;overflow:hidden;position:relative;} .title-realcount{font-family:'bebasneue',Arial, Helvetica, sans-serif;font-size:55px;text-align:center;line-height:0.8;margin:10px 0;} .capres1{position:absolute;bottom:0;left:0;width:49.5%;} .capres1 .nama-capres{background-color:#004fbb;color:#fff;font-family:'bebasneue',Arial, Helvetica, sans-serif;font-size:30px;padding:8px;} .capres2{position:absolute;bottom:0;right:0;width:49.5%;text-align:right;} .capres2 .nama-capres{background-color:#ec0000;color:#fff;font-family:'bebasneue',Arial, Helvetica, sans-serif;font-size:30px;padding:8px;text-align:right;} .hasil-realcount{width:605px;margin:0 auto;position:relative;z-index:99;} .hasil-realcount ul {margin:0;padding:0;} .hasil-realcount li{list-style:none;display:block;float:left;} .hasil-realcount ul li:first-child{font-size:36px;color:#fff;font-family:'bebasneue',Arial, Helvetica, sans-serif;padding:27px 15px; background: rgb(0,79,187); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,79,187,1) 0%, rgba(0,32,74,1) 56%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,79,187,1)), color-stop(56%,rgba(0,32,74,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,79,187,1) 0%,rgba(0,32,74,1) 56%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,79,187,1) 0%,rgba(0,32,74,1) 56%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,79,187,1) 0%,rgba(0,32,74,1) 56%); /* IE10+ */ background: linear-gradient(to right, rgba(0,79,187,1) 0%,rgba(0,32,74,1) 56%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004fbb', endColorstr='#00204a',GradientType=1 ); /* IE6-9 */ } .hasil-realcount ul li:nth-child(2){background-color:#000;color:#fff;text-align:center;padding:4.5px 0px;width:372px;} .hasil-realcount ul li:nth-child(2) h1{font-family:'opensansbold',Arial, Helvetica, sans-serif;margin:0;font-size:18px;font-weight:bold;padding-bottom:2px;} .hasil-realcount ul li:nth-child(2) p{font-family:'opensans',Arial, Helvetica, sans-serif;color:#fff;font-size:10px;margin:0;line-height:1.3;} .hasil-realcount ul li:nth-child(3){font-size:36px;color:#fff;font-family:'bebasneue',Arial, Helvetica, sans-serif;padding:27px 15px; background: rgb(98,1,1); /* Old browsers */ background: -moz-linear-gradient(left, rgba(98,1,1,1) 0%, rgba(236,0,0,1) 56%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(98,1,1,1)), color-stop(56%,rgba(236,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(98,1,1,1) 0%,rgba(236,0,0,1) 56%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(98,1,1,1) 0%,rgba(236,0,0,1) 56%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(98,1,1,1) 0%,rgba(236,0,0,1) 56%); /* IE10+ */ background: linear-gradient(to right, rgba(98,1,1,1) 0%,rgba(236,0,0,1) 56%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#620101', endColorstr='#ec0000',GradientType=1 ); /* IE6-9 */ } .bb1{border-bottom:1px solid #fff;} .realcount-sponsor{width:1100px;text-align:center;margin:5px auto;} .realcount-sponsor ul{padding:0;margin:0;} .realcount-sponsor li{list-style:none;display:inline;text-align:center;}