The SVEN Group Web Application
body {margin:0;padding:0;font-family:helveticaneueltcom-lt;background:#fff;} img {max-width:100%;} img {border:0px solid transparent;} /*IE9*/ #npp_leaves *::selection {background-color:transparent;} #npp_leaves *::-moz-selection{background-color:transparent;} *{-webkit-user-select: none;-moz-user-select: -moz-none;/*IE10*/-ms-user-select: none;user-select: none;/*You just need this if you are only concerned with android and not desktop browsers.*/-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} input[type=text], textarea, [contenteditable]{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;} a {text-decoration:none;} a:hover {text-decoration:underline;} input[type=button] {border:1px solid transparent;color:#fff;background:#0096d9;} .twitter-share-button {width:85px !important;} .subscribe {position:fixed;height:100vh;width:100%;background:url('../images/misc/dim.png');z-index:11;display:none;} .subscribe table {margin:10% auto 0 auto;background:#fff;padding:20px;border-radius:10px;box-shadow:10px 10px 10px #000;} .subscribe table td input {margin:0 auto;} .submitTarget {height:200px;position: absolute;width:200px;z-index: 999999999;bottom:0;left:0;display:none;} /**** HEADER ****/ .header {background:/*url('../images/the-philippine-star-logo.png')*/ #0096d9 center center no-repeat;width:100%;height:10vh;padding:10px 0;position:relative;z-index:10;box-shadow:0px 3px 5px #aaa;text-align:center;} .headerlogo {min-height:100%;margin:1vh auto;} /*datepicker*/ .h_datepicker {position:absolute;left:10px;bottom:10px;width:315px;height:55px;} .dp_text {color:#fff;margin:0 10px;text-align:left;} .dp_select {width:auto;height: auto;overflow: hidden;background: url('../images/misc/drop-arrow.png') no-repeat right #404041;} .dp_select select {background: transparent;width:auto;padding:00;font-size: 16px;line-height: 1;border: 0;border-radius: 0;height: auto;-webkit-appearance: none;color:#fff;font-family:helveticaneueltcom-lt;cursor:pointer;width:115%;} #dp_day {width:40px;position:absolute;left:10px;bottom:5px;} #day {width:80px;} #dp_month{width:120px;position:absolute;left:60px;bottom:5px;} #month {width:150px;} #dp_year {width:60px;position:absolute;left:190px;bottom:5px;} #year {width:80px;} #dp_go {width:50px;height:24px;text-align:left;color:#fff;font-family:helveticaneueltcom-bd;border-radius:5px;background:#404041;border:1px solid transparent;background:url('../images/misc/right-arrow.png') no-repeat right #404041;position:absolute;right:5px;bottom:5px;cursor:pointer;} /*social*/ .h_social {position:absolute;right:20px;bottom:10px;width:315px;height:70px;text-align:right;} .h_social img {margin:28px 10px 0 10px;} #playicon {background:url('../images/misc/play-nm.png') no-repeat;width:20px;height:20px;position:absolute;right:0;} #playicon:hover {background:url('../images/misc/play-hl.png') no-repeat;} #searchicon {background:url('../images/misc/search-icon.png') no-repeat;width:20px;height:20px;position:absolute;right:0;bottom:0;} #searchicon:hover {background:url('../images/misc/search-icon-hl.png') no-repeat;} /*search*/ .h_search {background:#fff;border-radius:0 0 10px 10px;box-shadow:0px 0px 20px #aaa;min-height:50px;position:absolute;top:-20px;right:20px;padding:20px;z-index:9;} .h_searchclear {border-radius:15px;border:1px solid #ccc;cursor:pointer;width:30px;height:30px;color:#ccc;display:none;} .h_searchinput {border-radius:5px;background:#efefef;color:#9b9b9b;border:1px solid transparent;padding:0 10px;width:260px;} .h_search input[type=text] {background:#efefef;color:#9b9b9b;border:1px solid transparent;width:200px;padding:10px;} .h_gosearch {text-align:right;font-size:11px;} .h_gosearch a {color:#0096d9;} .h_gosearch a:hover {color:#444;} .h_search_result {max-height:350px;font-size:12px;color:#404041;max-width:270px;margin:0 auto;overflow:auto;} .sr_title {font-weight:regular;font-size:12px;} .sr_date {font-size:10px;} .sr_preview img {height:100px;} .sr_preview {height:100px;width:67px;} /*BODY*/ .body {max-width:90%;margin:0 auto;position:relative;} .b_frontpage {width:30%;height:73vh;text-align:center;float:left;overflow:hidden;} .b_frontpage img {height:60vh !important;box-shadow:0px 0px 10px #aaa;} .bf_bdtxt {font-size:20px;font-family:helveticaneueltcom-bd;margin:5px auto 0 auto;} .bf_lttxt {font-size:15px;font-family:helveticaneueltcom-lt;margin:0 auto 15px auto;} .b_featured {width:70%;position:absolute;right:0;top:40px;height:100%;margin:0 0 100px 0;} .b_breakingnews {width:70%;text-align:left;position:relative;margin:5px 0 0 0;float:right;} .bb_label {font-family:helveticaneueltcom-bd;color:#0096d9;font-size:15px;width:20%;} .bb_marquee {font-family:helveticaneueltcom-lt;color:#5d5d5d;font-size:12px;} .bb_marquee a {font-family:helveticaneueltcom-lt;color:#5d5d5d;font-size:12px;} .bf_featuredarticles{width:100%;position:static;float:left;margin:0 auto;} .bf_articles {float:left;background:#ccc;margin:5px;width:30%;height:28vh;color:#fff;position:relative;overflow:hidden;} .bf_articles a {color:#fff;} .bfa_section {float:left;padding:5px 0;background:url('../images/misc/bdim.png');font-family:helveticaneueltcom-bd;font-size:20px;text-align:left;position:absolute;top:0;left:0;z-index:2;width:100%;box-shadow:0px 4px 4px #111;} .bfa_thumbnail {float:left;position:absolute;top:0;right:0;z-index:1;width:100%;} .bfa_thumbnail img {float:left;width:100%;} .bfa_data {width:100%;position:absolute;bottom:0;left:0;z-index:2;background:url('../images/misc/dim.png');height:40px;box-shadow:0px -3px 3px #000;opacity:1;} .bfa_share {padding:0 0 0 5px;} .bfa_title {width:70%;font-size:11px;position:relative;vertical-align:top;} .bfa_readmore {font-size:10px;bottom:0;right:5px;position:absolute;} /**FOOTER**/ .b_footer {width:100%;padding:15px 0;background:#0096d9;position:fixed;bottom:0;z-index:2;color:#fff;text-align:center;box-shadow:0px -3px 5px #aaa;} .bf_buttons {position:absolute;right:20px;top:10px;width:300px;} /**NEWSPAPER**/ .newspaperwrapper {height:100vh;width:100%;background: #7b7b7b; /* Old browsers */ background: -moz-linear-gradient(top, #7b7b7b 0%, #404040 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#404040)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7b7b7b 0%,#404040 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7b7b7b 0%,#404040 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b7b7b 0%,#404040 100%); /* IE10+ */ background: linear-gradient(to bottom, #7b7b7b 0%,#404040 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#404040',GradientType=0 ); /* IE6-9 */ position:fixed; top:0; } .np_toolbar {width:100%;padding:2px 0;background:#333;text-align:center;box-shadow:0px 3px 5px #000;position:fixed;top:0;right:0;z-index:99;} .tools {height:35px;width:40px;border:0px solid transparent;cursor:pointer;margin:0 5px;background:#333;} #homebutton {background: url("../images/misc/toolsprite.png");background-position: 0px -2.5px;} #homebutton:hover{background: url("../images/misc/toolsprite_active.png");background-position: 0px -2.5px;} #refresh {background: url("../images/misc/toolsprite.png");background-position: -1px -42.5px;} #refresh:hover{background: url("../images/misc/toolsprite_active.png");background-position: -1px -42.5px;} #zoomout {background: url("../images/misc/toolsprite.png");background-position: -1.5px -83.5px;} #zoomout:hover{background: url("../images/misc/toolsprite_active.png");background-position: -1.5px -83.5px;} #previous {background: url("../images/misc/toolsprite.png");background-position: -10.5px -124.5px;} #previous:hover{background: url("../images/misc/toolsprite_active.png");background-position: -10.5px -124.5px;} #next {background: url("../images/misc/toolsprite.png");background-position: -10.5px -164.5px;} #next:hover{background: url("../images/misc/toolsprite_active.png");background-position: -10.5px -164.5px;} #zoomin {background: url("../images/misc/toolsprite.png");background-position: 0px -204.5px;} #zoomin:hover{background: url("../images/misc/toolsprite_active.png");background-position: 0px -204.5px;} #clip {background: url("../images/misc/toolsprite.png");background-position: 0px -244.5px;} #clip:hover{background: url("../images/misc/toolsprite_active.png");background-position: 0px -244.5px;} #fullscreen {background: url("../images/misc/toolsprite.png");background-position: -3px -284.5px;} #fullscreen:hover{background: url("../images/misc/toolsprite_active.png");background-position: -3px -284.5px;} #download {background: url("../images/misc/toolsprite.png");background-position: -0.5px -324.5px;} #download:hover{background: url("../images/misc/toolsprite_active.png");background-position: -0.5px -324.5px;} .np_newspaper {position:static;width:100%;height:100vh;top:0;bottom:0;} .np_paper {margin:30px auto;width:60%;height:82vh;position:relative;} .np_leaves {display:none;} .npp_leaves {width:100%;margin:0px auto;text-align:center;position:relative;} .npaper {width:50vh;height:86vh;margin:0 auto;background:#fff;box-shadow:10px 10px 15px #000;} #buffering {position:absolute;width:100%;min-height:516px;z-index:12;top:0;left:0;background:url('../images/misc/285_b.gif') center center no-repeat;opacity:0.6;} .np_mappedpages {display:inline-block !important;} .npaper_next {background:url('../images/misc/nppnext_w.png') center center no-repeat;position:absolute;top:0;right:-100px;cursor:pointer;height:80vh;width:100px;} .npaper_prev {background:url('../images/misc/nppprev_w.png') center center no-repeat;position:absolute;top:0;left:-100px;cursor:pointer;height:80vh;width:100px;display:none;} .np_zoom {width:100%;height:100vh;position:fixed;top:40px;right:0;z-index:1;background:#fff;display:none;text-align:center;overflow:auto;-webkit-overflow-scrolling: touch} .npz_x {background:url('../images/misc/x.png') center center no-repeat;width:70px;height:70px;cursor:pointer;position:fixed;top:50px;right:20px;} .zpaper {margin:0 auto;} .np_notification {position:fixed;bottom:40px;right:40px;padding:10px;border-radius:10px;background: #c9c9c9; /* Old browsers */ background: -moz-linear-gradient(top, #c9c9c9 0%, #d6d6d6 7%, #e5e5e5 15%, #9b9b9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(7%,#d6d6d6), color-stop(15%,#e5e5e5), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* IE10+ */ background: linear-gradient(to bottom, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */ color: #000000;max-width: 250px;padding: 10px;position: fixed;text-align: left;text-shadow: 1px 1px 1px #FFFFFF;display:none;cursor:pointer;font-weight:bold;z-index:99999;box-shadow:0px 0px 10px #000;} .np_notification ol {padding-left:30px;} .np_footbar {width:100%;height:170px;position:fixed;bottom:-145px;right:0;opacity:0.9;z-index:13;} .np_pages {width:605px;height:170px;text-align:center;margin:0 auto;border-radius:30px 30px 0 0;background:url('../images/misc/wdim.png');position:relative;box-shadow:0px -3px 10px #000;} .npp_pagelabel {font-size:15px;font-family:helveticaneueltcom-bd;color:#0096d9;margin:3px auto;cursor:pointer;position:relative;padding:3px 0 0 0;} .nppp_foottoggler {width:20px;height:20px;background:url('../images/misc/foottoggler.png') no-repeat;position:absolute;top:10px;left:25px;} .npp_pages {width:90%;margin:0 auto;} .npp_pages ul li img {height:130px;cursor:pointer;} .npp_pages ul li img:hover {box-shadow:0px 3px 5px #000;} .npp_next {background: url("../images/misc/toolsprite.png");background-position: -10px -372px;width:13px;height:20px;cursor:pointer;position:absolute;right:5px;top:50%;} .npp_prev {background: url("../images/misc/toolsprite.png");background-position: -10px -412px;width:13px;height:20px;cursor:pointer;position:absolute;left:5px;top:50%;} /**PAGE DOWNLOAD**/ .npf_godownload {color:#0096d9;font-size:15px;font-weight:bold;text-align:right;} .npf_cancel {color:red;font-size:12px;font-weight:bold;text-align:right;} .npf_selectall {position:absolute;top:2px;right:50px;font-weight:bold;font-size:15px;display:none;color:red;} .pd_selectedpage {border:3px solid gold;} /**ARTICLE VIEW**/ .articleHolder {width:100%;height:100vh;background:url('../images/misc/dim.png');position:fixed;top:0;left:0;z-index:100;display:none;} .articleOnFocus {padding:10px;width:60%;height:80vh;background:url('../images/misc/wdim.png');margin:3% auto;overflow:hidden;} .articlewrapper {position:relative;} .a_x {color:#0096d9;font-size:15px;font-weight:bold;cursor:pointer;position:absolute;top:-0px;right:0px;z-index:99;} .a_holder {width:100%;height:auto;position:relative;} .a_adholder {width:25%;height:720px;display:inline-block;position:absolute;top:0px;right:10px;background:#ccc;} .a_title {font-size:20px;color:#0096d9;font-family:helveticaneueltcom-bd;width:700px;} .a_byline {font-size:12px;color:#404041;width:40%;display:inline-block;} .a_share {font-size:12px;color:#404041;width:50%;display:inline-block;margin-left:10px;} .a_content {margin:5px 0;height:71vh;width:100%;display:inline-block;overflow:hidden;display:none;} .ac_thumbnail {max-width:73%;height:270px;overflow:hidden;cursor:pointer;position:relative;border:1px solid #ccc;} .th_expanded {height:421px;} .ac_caption {margin:0 auto;width:98%;max-height:100px;min-height:50px;position:absolute;bottom:0;right:0;background:url('../images/misc/dim.png');overflow:auto;color:#fff;font-size:12px;padding:5px;} .ac_body {max-width:73%;margin:10px 0;color:#404041;font-size:13px;text-align:justify;min-height:720px;} .a_article {width:100%} /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ /**HEADER**/ .header {background:url('../images/the-philippine-star-logo-mobile.png') #0096d9 left center no-repeat;width:100%;height:40px;padding:10px 0;position:relative;z-index:5;box-shadow:0px 3px 5px #aaa;} .headerlogo {display:none;} .h_datepicker {display:none;} /*social*/ .h_social {position:absolute;right:5px;bottom:10px;width:130px;height:20px;text-align:right;} .h_social img {margin:0 7px 0 0;} #playicon {background:url('../images/misc/play-hl.png') no-repeat;width:20px;height:20px;position:relative;left:0;} #searchicon {background:url('../images/misc/search-icon.png') no-repeat;width:20px;height:20px;position:absolute;right:0;bottom:0;} .h_icons {position:absolute;right:20px;top:2px;} /*search*/ .h_search {background:#fff;border-radius:0 0 10px 10px;box-shadow:0px 0px 20px #aaa;min-height:50px;margin:0 auto;width:80%;z-index:-1;position:static;display:none;} .h_searchinput {border-radius:5px;background:#efefef;color:#9b9b9b;border:1px solid transparent;padding:0;width:95%;position:relative;margin:0 auto;} .h_searchclear {border-radius:15px;border:1px solid #ccc;cursor:pointer;width:30px;height:30px;color:#ccc;display:none;position:absolute;right:10px;top:5px;} .h_search input[type=text] {background:#efefef;color:#9b9b9b;border:1px solid transparent;width:85%;padding:10px;} .h_gosearch {text-align:right;font-size:11px;display:none;} .h_gosearch a {color:#0096d9;} .h_gosearch a:hover {color:#444;} .h_search_result {max-height:400px;font-size:12px;color:#404041;max-width:90%;margin:0 auto;overflow:auto;} .sr_title {font-weight:regular;font-size:12px;} .sr_date {font-size:10px;} .sr_preview img {height:100px;} .sr_preview {height:100px;width:67px;} /*BODY*/ .body {max-width:275px;margin:0 auto;position:relative;} .b_frontpage {width:100%;height:500px;text-align:center;float:right;margin:420px auto 50px auto;} .b_frontpage img {height:400px !important;box-shadow:0px 0px 10px #aaa;} .bf_bdtxt {font-size:20px;font-family:helveticaneueltcom-bd;margin:5px auto 0 auto;} .bf_lttxt {font-size:15px;font-family:helveticaneueltcom-lt;margin:0 auto 0 auto;} .b_featured {width:100%;position:absolute;right:0;top:0;height:100%;} .b_breakingnews {width:100%;text-align:left;position:relative;margin:10px 0;} .bb_label {font-family:helveticaneueltcom-bd;color:#0096d9;font-size:15px;width:110px;} .bb_marquee {font-family:helveticaneueltcom-lt;color:#5d5d5d;} .bf_featuredarticles{width:100%;position:static;float:left;margin:40px 0;} .bf_articles {float:left;background:#ccc;margin:3px;width:130px;height:130px;color:#fff;position:relative;} .bf_articles a {color:#fff;} .bfa_section {float:left;background:#0096d9;font-family:helveticaneueltcom-bd;font-size:20px;text-align:left;position:absolute;top:0;left:0;z-index:2;width:93%;padding:10px 5px 3px 5px;box-shadow:0px 4px 3px #000;} .bfa_thumbnail {float:left;position:absolute;top:10px;right:0;z-index:1;width:100%;} .bfa_thumbnail img {float:left;width:100%;} .bfa_data {float:left;width:100%;position:absolute;bottom:0;right:0;z-index:2;background:url('../images/misc/dim.png');height:40px;box-shadow:0px -3px 3px #000;} .bfa_share {padding:0 0 0 5px;display:none;} .bfa_title {width:145px;font-size:11px;position:relative;vertical-align:top;} .bfa_readmore {font-size:10px;bottom:0;right:5px;position:absolute;background:none;} /**FOOTER**/ .b_footer {font-size:12px;width:100%;padding:15px 0;background:#0096d9;float:left;position:static;bottom:0;z-index:2;color:#fff;text-align:center;box-shadow:0px -3px 5px #aaa;} .bf_buttons {display:none;} .np_footbar {display:none;} .to {display:none;} .tools {height:25px;width:30px;border:0px solid transparent;cursor:pointer;margin:5px 0;} #download {display:none;} #fullscreen {display:none;} #clip {display:none;} .np_newspaper {position:static;width:100%;height:100vh;top:0;bottom:0;} .np_paper {margin:30px auto;width:100%;height:300px;position:relative;} .np_leaves {display:none;} .npp_leaves {width:100%;margin:0px auto;text-align:center;position:relative;} .npaper {width:125px;height:200px;margin:0 auto;background:#fff;} .buffering {position:absolute;width:100%;min-height:500px;z-index:5;top:0;left:0;background:url('../images/misc/285_b.gif') center center no-repeat;opacity:0.6;} .np_mappedpages {display:inline-block !important;} .npaper_next {display:none !important;} .npaper_prev {display:none !important;} .np_zoom {width:100%;height:100vh;position:fixed;top:40px;right:0;z-index:1;background:#fff;display:none;text-align:center;overflow:auto;-webkit-overflow-scrolling: touch} .npz_x {background:url('../images/misc/x.png') center center no-repeat;width:70px;height:70px;cursor:pointer;position:fixed;top:50px;right:20px;} .zpaper {margin:0 auto;} .np_notification {position:fixed;bottom:5px;right:5px;padding:10px;border-radius:10px;background: #c9c9c9; /* Old browsers */ background: -moz-linear-gradient(top, #c9c9c9 0%, #d6d6d6 7%, #e5e5e5 15%, #9b9b9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(7%,#d6d6d6), color-stop(15%,#e5e5e5), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* IE10+ */ background: linear-gradient(to bottom, #c9c9c9 0%,#d6d6d6 7%,#e5e5e5 15%,#9b9b9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */ color: #000000;max-width: 250px;padding: 10px;position: fixed;text-align: left;text-shadow: 1px 1px 1px #FFFFFF;display:none;cursor:pointer;font-weight:bold;z-index:99999;box-shadow:0px 0px 10px #000;} .np_notification ol {padding-left:30px;} .np_footbar {width:100%;height:170px;position:fixed;bottom:-145px;right:0;opacity:0.9;} .np_pages {width:605px;height:170px;text-align:center;margin:0 auto;border-radius:30px 30px 0 0;background:url('../images/misc/wdim.png');position:relative;box-shadow:0px -3px 10px #000;} .npp_pagelabel {font-size:15px;font-family:helveticaneueltcom-bd;color:#0096d9;margin:3px auto;cursor:pointer;position:relative;padding:3px 0 0 0;} .nppp_foottoggler {width:20px;height:20px;background:url('../images/misc/foottoggler.png') no-repeat;position:absolute;top:10px;left:25px;} .npp_pages {width:90%;margin:0 auto;} .npp_pages ul li img {height:130px;margin:2px;cursor:pointer;} .npp_pages ul li img:hover {box-shadow:0px 3px 5px #000;} .npp_next {background:url('../images/misc/nppnext.png') no-repeat;width:13px;height:20px;cursor:pointer;position:absolute;right:5px;top:50%;} .npp_prev {background:url('../images/misc/nppprev.png') no-repeat;width:13px;height:20px;cursor:pointer;position:absolute;left:5px;top:50%;} } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 480px) and (max-device-width : 1024px) { /* Styles */ .header {background:url('../images/the-philippine-star-logo-tablet.png') #0096d9 left center no-repeat;width:100%;height:70px;padding:10px 0;position:relative;box-shadow:0px 3px 5px #aaa;} .headerlogo {display:none;} .h_datepicker {display:none;} /*social*/ .h_social {position:absolute;right:30px;bottom:10px;width:115px;height:50px;text-align:right;} .h_social img {margin:0 7px 0 0;} #playicon {background:url('../images/misc/play-hl.png') no-repeat;width:20px;height:20px;position:absolute;left:0;top:0;} #searchicon {background:url('../images/misc/search-icon.png') no-repeat;width:20px;height:20px;position:absolute;right:0;bottom:0;} .h_icons {position:absolute;right:0;top:2px;} /*search*/ .h_search {background:#fff;border-radius:0 0 10px 10px;box-shadow:0px 0px 20px #aaa;min-height:50px;margin:0 auto;width:80%;z-index:-1;position:static;display:none;} .h_searchinput {border-radius:5px;background:#efefef;color:#9b9b9b;border:1px solid transparent;padding:0;width:95%;position:relative;margin:0 auto;} .h_searchclear {border-radius:15px;border:1px solid #ccc;cursor:pointer;width:30px;height:30px;color:#ccc;display:none;position:absolute;right:10px;top:5px;} .h_search input[type=text] {background:#efefef;color:#9b9b9b;border:1px solid transparent;width:85%;padding:10px;} .h_gosearch {text-align:right;font-size:11px;display:none;} .h_gosearch a {color:#0096d9;} .h_gosearch a:hover {color:#444;} .h_search_result {max-height:400px;font-size:12px;color:#404041;max-width:90%;margin:0 auto;overflow:auto;} .sr_title {font-weight:regular;font-size:12px;} .sr_date {font-size:10px;} .sr_preview img {height:100px;} .sr_preview {height:100px;width:67px;} /*BODY*/ .body {max-width:700px;margin:0 auto;position:relative;} .b_frontpage {width:35%;height:auto;text-align:center;float:left;} .b_frontpage img {height:400px !important;box-shadow:0px 0px 10px #aaa;} .bf_bdtxt {font-size:20px;font-family:helveticaneueltcom-bd;margin:5px auto 0 auto;} .bf_lttxt {font-size:15px;font-family:helveticaneueltcom-lt;margin:0 auto 0 auto;} .b_featured {width:65%;position:absolute;right:0;top:0;height:800px;} .b_breakingnews {width:100%;text-align:left;position:relative;margin:10px 0;} .bb_label {font-family:helveticaneueltcom-bd;color:#0096d9;font-size:15px;width:20%;} .bb_marquee {font-family:helveticaneueltcom-lt;color:#5d5d5d;} .bf_featuredarticles{width:100%;position:static;float:left;margin:40px 0;} .bf_articles {float:left;background:#ccc;margin:10px 0 20px 25px;width:200px;height:195px;color:#fff;position:relative;} .bf_articles a {color:#fff;} .bfa_section {float:left;padding:10px 5px 5px 5px;background:#0096d9;font-family:helveticaneueltcom-bd;font-size:20px;text-align:left;position:absolute;top:0;left:0;z-index:2;width:190px;box-shadow:0px 4px 3px #000;} .bfa_thumbnail {float:left;position:absolute;top:10px;right:0;z-index:1;width:100%;} .bfa_thumbnail img {float:left;width:100%;} .bfa_data {float:left;width:100%;position:absolute;bottom:0;right:0;z-index:2;background:#5d5d5d;height:40px;box-shadow:0px -3px 3px #000;} .bfa_share {padding:0 0 0 5px;} .bfa_title {width:145px;font-size:11px;position:relative;vertical-align:top;} .bfa_readmore {font-size:10px;bottom:0;right:5px;position:absolute;background:#5d5d5d;} /**FOOTER**/ .b_footer {width:100%;padding:15px 0;background:#0096d9;position:fixed;bottom:0;z-index:2;color:#fff;text-align:center;box-shadow:0px -3px 5px #aaa;} .bf_buttons {display:none;} #download {display:none;} #fullscreen {display:none;} #clip {display:none;} }
Select AllSelect None
EXPLORE THIS ISSUE