/* ========================================================================== BRANDIUUDISTUS NAVI 2013 ========================================================================== */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } #tuotesijoittelu { right: 60%; } #globnav-fixed { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 99; } #globnav-fixed #globnav { border-top: 0; } #globnav-wrap { height: 100px; z-index: 1000; } .breaking-news-shown #globnav-wrap { height: 100px; } #globnav { position: relative; width: 100%; height: 100px; margin: 0 auto; z-index:1000; } #portalnav { width: 992px; height: 100px; margin: 0 auto; position: relative; } #portalnav, #mtvgloblogo { background: #fff; } #globnav img { border: 0 none; margin: 10px 0; vertical-align: baseline; } #globnav .entry img { margin: 0; } #globnav > h1 { margin: 0; padding: 0; height: auto; width: auto; line-height: normal; background: transparent; } /* VAAKANAVI */ #globnav ul { padding: 0; font-size: 16px; list-style-type: none; margin: 0 auto; } #globnav li { padding: 0; text-transform: uppercase; display: block; float: left; text-decoration: none; margin-right: 0; position: static; } #globnav li a { line-height: 53px; display: block; } #globnav a { font-weight: bold; } #globnav a:hover { text-decoration: none; } #globnav .entry-info { position: static; } #portalnav a { text-decoration: none; } #portalnav .Viihde, #portalnav .Uutiset, #portalnav .Urheilu, #portalnav .Lifestyle { position: static; background-color: #ffffff; } #portalnav .Viihde > a, #portalnav .Lifestyle > a, #portalnav .Urheilu > a, #portalnav .Uutiset > a, #portalnav .Viihde > div > a, #portalnav .Lifestyle > div > a, #portalnav .Urheilu > div > a, #portalnav .Uutiset > div > a { color: #59595b; } #portalnav > li { height: 100px; /* border-bottom: 5px solid #ccc; */ padding: 0 !important; left: auto !important; margin: 0 !important; } #portalnav > .over { background: #ccc; } #portalnav > li > h1 { margin: 0; padding: 0; height: 100px; } #portalnav > li > a, #portalnav > li > h1 > a, #portalnav > li > div > a { width: 107px; text-align: center; letter-spacing: 1px; height: 100px; line-height: 100px; color: #59595b; } #globnav .Lisaa > a { width: 87px; } #globnav .Haku > a { width: 75px; /* height: 28px; */ font-size: 65px; font-weight: normal; } #globnav .Katsomo > a { width: 91px; border-left-width: 1px; } #globnav .last-left a { border-right: none 0; } #globnav li.active { color: #333; } #globnav li.active a, #globnav li.active .saa_nyt { border-left: 0; color: #ffffff; } #globnav #portalnav .dropdown-menu li a { font-size: 15px; line-height: 15px; text-transform: uppercase; font-weight: normal; } #globnav #portalnav li.last { border-right: none 0; float: right; } #globnav .Uutiset.active:hover { background: #ba1e24; } #globnav .Urheilu.active:hover { background: #005f9f; } #globnav .Viihde.active:hover { background: #775e2a; } #globnav .Lifestyle.active:hover { background: #232d37; } #globnav .Koti.active:hover { background: #887387; } #globnav .Uutiset.over, #globnav .Uutiset:hover, #globnav .Uutiset.active, .body_etusivu #globnav .Uutiset.active:hover { background: #e81d2c; } #globnav .Urheilu.over, #globnav .Urheilu:hover, #globnav .Urheilu.active, .bodyclass_etusivu #globnav .Urheilu.active:hover { background: #0077c7; } #globnav .Viihde.over, #globnav .Viihde:hover, #globnav .Viihde.active, .body_etusivu #globnav .Viihde.active:hover { background: #957635; } #globnav .Lifestyle.over, #globnav .Lifestyle:hover, #globnav .Lifestyle.active, .body_etusivu #globnav .Lifestyle.active:hover { background: #232d37; } #globnav .Koti.over, #globnav .Koti:hover, #globnav .Koti.active, .body_etusivu #globnav .Koti.active:hover { background: #232d37; } #globnav .Lisaa.over, #globnav .Lisaa:hover, #globnav .Lisaa.active { background: #7E8799; } #globnav .Saa.over, #globnav .Saa:hover, #globnav .Saa.active { background: #7E8799; } #globnav .Haku.over, #globnav .Haku:hover, #globnav .Haku.active { background: #7E8799; } #portalnav > li.over > a, #portalnav > .over > div > a, #portalnav > li:hover > a, #portalnav > li:hover > div > a { color: #fff; } #portalsubnav { clear: both; display: block; height: 60px; line-height: 60px; color: #fff; font-size: 15px; width: 992px; margin: 0 auto; } #portalsubnav > .dropdown-menu { background: none; display: block; font-size: 15px; font-weight: normal; list-style-type: none; margin: 0; word-spacing: 0.05em; position: relative; z-index: 12; } #portalsubnav ul, #portalsubnav li { line-height: 60px; height: initial !important; } #portalsubnav li { float: left; position: relative; } #portalsubnav li a, #portalsubnav > li > span { color: #fff; display: block; height: auto; padding: 0 10px; text-decoration: none; border-width: 0px; border-style: solid; border-color: transparent; margin: 0px; white-space: nowrap; } #portalsubnav li .dropdown-menu { top: 60px; left: 0; display: none; position: absolute; right: 0; min-width: 140px; } #portalsubnav .globright .dropdown-menu { right: 0; left: initial; } #portalsubnav .globright .dropdown-menu + a:after { content: "\e00f"; font-family: 'mtv-icon-font-simple'; } #portalsubnav .menu-moredrop .dropdown-menu + a:after { content: ""; } #portalsubnav .globright { background: none; border: 0; float: right; } #portalsubnav .globright .globright { float: none; } #portalsubnav .globright a, #portalsubnav .globright > span { border: 0px; } #portalsubnav > .dropdown-menu > .globright > a { height: 60px; } #portalsubnav a:hover, #portalsubnav .globcurrent a, #portalsubnav .globright a, #portalsubnav .active a, #portalsubnav .globright > span { background: none; border: 0; } #portalsubnav > .dropdown-menu > .globright:last-child { border-left: 1px solid #ffffff; } #portalsubnav > .dropdown-menu > .menu-moredrop > .dropdown-menu .active > a { text-decoration: underline; } #portalsubnav > .dropdown-menu .menu-moredrop { width: 70px; } #portalsubnav > .dropdown-menu .menu-moredrop span { font-family: 'mtv-icon-font-simple'; } #portalsubnav > .dropdown-menu .menu-moredrop.open a { content: 'Sulje'; } #portalsubnav.Viihde ul, #portalsubnav.Viihde li { background-color: #957635; } #portalsubnav.Lifestyle ul, #portalsubnav.Lifestyle li { background-color: #232d37; } #portalsubnav.Koti ul, #portalsubnav.Koti li { background-color: #232d37; } #portalsubnav li.open ul { display: none; background-color: #555c66; } #portalsubnav li.open > ul { display: block; } #portalsubnav.Koti .kategoria li { background: transparent; } #portalsubnav .kategoria { display: block; float: left; padding: 0 20px; position: relative; margin-right: 10px; } #portalsubnav .kategoria:after { content: ''; border: 10px solid transparent; display: block; position: absolute; right: -20px; top: 18px; } #portalsubnav .kategoria .valinta { float: left; display: block; height: 100%; border: 0; } #portalsubnav.Koti .valinta { color: #ffffff; } #portalsubnav .kategoria .dropdown-menu { display: none; position: absolute; left: 0; min-width: 120px; top: 60px; background-color: #555c66; padding: 10px; z-index: 200; } #portalsubnav .kategoria.open > .dropdown-menu, #portalsubnav .kategoria2.open > .dropdown-menu { display: block; } #portalsubnav .kategoria .dropdown-menu li { float: none; clear: both; display: block; line-height: 30px; text-transform: uppercase; } #portalsubnav .kategoria .dropdown-menu li a:hover, #portalsubnav .kategoria .dropdown-menu li.active a { text-decoration: underline; } #portalsubnav .kategoria2 { display: block; float: left; margin: 5px 0 5px 20px; position: relative; } #portalsubnav .kategoria2 .valinta { background-color: #ffffff; color: #0077c7; text-transform: uppercase; padding: 0 10px; line-height: 50px; } #portalsubnav .kategoria2 .valinta span { font-family: "mtv-icon-font-simple"; font-size: 20px; padding-top: 18px; top: 4px; position: relative; } #portalsubnav .kategoria2 .dropdown-menu { top: 50px; } #portalsubnav.Uutiset { background-color: #e81d2c; } #portalsubnav.Urheilu { background-color: #0077c7; } #portalsubnav.Viihde { background-color: #957635; } #portalsubnav.Lifestyle { background-color: #232d37;/*text-transform: uppercase;*/ } #portalsubnav.Koti { background-color: #232d37; } #portalsubnav.Uutiset .kategoria:after { border-left-color: #ba1e24; } #portalsubnav.Urheilu .kategoria:after { border-left-color: #005f9f; } #portalsubnav.Viihde .kategoria:after { border-left-color: #775e2a; } #portalsubnav.Lifestyle .kategoria:after { border-left-color: #887387; } #portalsubnav.Koti .kategoria:after { border-left-color: #887387; } #portalsubnav.Uutiset > ul > li:hover, #portalsubnav.Uutiset > ul > li.active, #portalsubnav.Uutiset .globcurrent, #portalsubnav.Uutiset .kategoria { background: #ba1e24; } #portalsubnav.Urheilu > ul > li:hover, #portalsubnav.Urheilu > ul > li.active, #portalsubnav.Urheilu .globcurrent, #portalsubnav.Urheilu .kategoria { background: #005f9f; } #portalsubnav.Viihde > ul > li:hover, #portalsubnav.Viihde > ul > li.active, #portalsubnav.Viihde .globcurrent, #portalsubnav.Viihde .kategoria, #topicnav li.active, #navi li.active, #navi li.active a { background: #775e2a; color: #ffffff; } #portalsubnav.Lifestyle > ul > li:hover, #portalsubnav.Lifestyle > ul > li.active, #portalsubnav.Lifestyle .globcurrent, #portalsubnav.Lifestyle .kategoria { background: #887387; } #portalsubnav.Koti > ul > li:hover, #portalsubnav.Koti > ul > li.active, #portalsubnav.Koti .globcurrent, #portalsubnav.Koti .kategoria { background: #887387; } #mtvgloblogo { display: block; float: left; font-size: 69px; color: #e81d2c !important; overflow: hidden; } #mtvgloblogo span { display: none; text-indent: -999px; overflow: hidden; } #globnav .Saa.over .saa_nyt { color: #fff; } /* HAKU */ #globnav #haku { clear: both; height: auto; position: absolute; margin: 0 auto; z-index: 100; /* background: #f2f2f2; */ padding: 0; } #globnav #haku.haku-open { display: block; z-index: 98; } #globnav .Haku > a { /* padding-top: 18px; padding-bottom: 12px; */ font-family: 'mtv-icon-font-simple'; } #globnav .Haku > a > span { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; display: block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAChElEQVR42s3XTUgUYRzH8S1X0awget0la60lEEqKOpW9EiUdlugUSOBRsAg0gsBT75GLHmKDJDpEL3gpTMJIkqIw8FAgRAejYgtKSZQWLdfdp++hw8OfeXSfnZnVgc/tN//ntzvPzDABN0fi1u0iHMI1vMR3ZKD+G0Y/buAYyuxWsC+0AhfxE8pCCglEvS60EE0Yh3JhCq1Y5EWpVegzLDSINpzAAWzFbhzHJbwxnPcRVW5KRfFZDM3iLqpznFGJOCbFnDHsyadUGEkx7AN25PkjIw7//LjVPMJB9Ish3Sj34G5uF3O/YWWuA1rEyT0o8fBmahXzO3M5KST2wxAW+3CXPxPl9s12kvyr9/r0TKxASlvnxUzhYozpl9DnB/ZVKE3UFKwVwVqfi61DVlvvrCl4WTxnikXEj3ID2ppPTaFuLdTnWxvznv5iCr3XQjcLVOy0tua0KTSohdoLVKxe39em0Dst1FGgYo3amhlT6IkWel6gYnFtzaQpdF28YIsKUOy1tmavKXQESrPN51KrkdbWazEFyzEMhQmEfS52DkqzZabwBpxEtc+lluOXVmrAaoCPxe5BaY7aDliKCo9LnRGlem0HxPAbCgkEPSjVLEqNYr3NgDpMiyGvEMmz0DKHyzeFwzZDGpCBcjCJK1iT46wlaMKImPMXMTfXP4OvUEIaPWjGfmxECJWoQQM6kYISfqDGptR5h1J1KEMcaSiXHtp8FS1Am8P1j4ncJtzBH8syWXRhp+23XocYNIGDs2zkejzAkGE/JvEIpxC2vVNKcN/h63iX5ZwgQogghFI3z5NSdIlSI9g+16+Exw6f6psDc32IO+wTovPlJXoBabzF2sA8Of4B/BFncC+b/xUAAAAASUVORK5CYII='); margin: 0 auto; } #globnav .Haku.active > a { background: #b3b3b3; } #globnav #haku ul { float: none; } #globnav #haku li { float:none; text-transform:none; } #globnav .dropdown #navi_search { position:relative;z-index:85;height:100px; /* background: #333; */ padding: 35px 45px; } #globnav .dropdown #navi_search form { margin:0;padding:0; position: relative; margin-top: 10px; } #globnav .dropdown #navi_search input#navi_search_input, #mtv3_search_form input#mtv3_search_input { font-size:18px; width:490px; border:0; height:50px; line-height:1; margin 0; padding: 2px 30px 2px; outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance:none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-family: "FS Emeric","FS Emeric PS",'fs_emeric', Calibri, Arial, Helvetica, sans-serif; } #globnav .dropdown #navi_search input[type=search]::-ms-clear, #mtv3_search_form input[type=search]::-ms-clear { display: none; } #globnav .dropdown #navi_search input#navi_search_input { background: #fff; color: #555c67; } #mtv3_search_form input#mtv3_search_input { background: #dad8d6; color: #2f2f2f; } .ie8 #globnav .dropdown #navi_search input#navi_search_input, .ie7 #globnav .dropdown #navi_search input#navi_search_input, .ie8 #mtv3_search_form input#mtv3_search_input, .ie7 #mtv3_search_form input#mtv3_search_input { line-height:29px; } #globnav #navi_search .search_hint { margin: 0 0 0 5px; font-size: 15px; color: #98999b; } #globnav #search_close { font-size: 15px; color: #98999b; text-transform: uppercase; position: absolute; top: 20px; right: 21px; cursor: pointer; } #globnav #search_close:hover, #globnav #search_close:active { color: #fff; } #globnav #search_close:after { content: "\58"; font-family: 'mtv-icon-font-white'; font-size: 32px; vertical-align: -9px; margin-left: 15px; } #globnav #search_close:active:after { font-family: 'mtv-icon-font-inverted'; } #globnav .dropdown #navi_search input[type="search"]::-webkit-search-decoration, #globnav .dropdown #navi_search input[type="search"]::-webkit-search-cancel-button, #mtv3_search_form input[type="search"]::-webkit-search-decoration, #mtv3_search_form input[type="search"]::-webkit-search-cancel-button { display: none; } #globnav .dropdown #navi_search input#navi_search_submit, #mtv3_search_form input#mtv3_search_submit { height: 54px; width: 90px; background-color: #97989a; border: 0 none; font-size: 15px; color: #fff; text-transform: uppercase; cursor: pointer; padding: 0; border-radius: 0; -webkit-appearance: none; margin-left: 5px; font-family: "FS Emeric","FS Emeric PS",'fs_emeric', Calibri, Arial, Helvetica, sans-serif; vertical-align: top; } #globnav .dropdown #navi_search .reset { position: absolute; left: 505px; top: 12px; font-size: 32px; display: block; cursor: pointer; color: #dad8d6; } #globnav .dropdown #navi_search .reset:before { content: "\58"; font-family: 'mtv-icon-font-inverted'; } #globnav .dropdown #navi_search .reset:hover { color: #97999b; } #globnav .dropdown #navi_search .reset:active { color: #4c4c4c; } #globnav .dropdown #navi_search input[type="search"]::-webkit-input-placeholder, #mtv3_search_form input[type="search"]::-webkit-input-placeholder { color: #999; font-style: italic; } #globnav .dropdown #navi_search input[type="search"]::-moz-placeholder, #mtv3_search_form input[type="search"]::-moz-placeholder { color: #666; font-style: italic; } #globnav .dropdown #navi_search input[type="search"]:-ms-input-placeholder, #mtv3_search_form input[type="search"]:-ms-input-placeholder { color: #666; font-style: italic; } #globnav .dropdown #navi_search_dropdown { background-color: #fff; margin:0;padding:15px 35px;position:absolute;top:118px;left:44px;z-index:90; width:480px; border: 1px solid #555c67; } #globnav .dropdown #navi_search_dropdown ul { padding:0;font-size:14px;line-height:18px;margin-bottom:20px; } #globnav .dropdown #navi_search_dropdown li { display:block; } #globnav .dropdown #navi_search_dropdown ul a { display:block; font-size: 12px; line-height:16px; font-weight:normal;padding:0; color: #333; } #globnav .dropdown #navi_search_dropdown ul a:hover, #globnav .dropdown #navi_search_dropdown ul a:active, #globnav .dropdown #navi_search_dropdown ul a:focus { background-color:#ecf4f2; border-bottom-color:#dee5e3;} #globnav .dropdown #navi_search_results { padding: 0 45px; font-size: 15px; line-height: normal; } #globnav .dropdown #navi_search_results .wrapper { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #7f8287; } #globnav .dropdown #navi_search_results { color: #fff; } #globnav .dropdown #navi_search_results ul { font-size: inherit; margin: 0 0 30px; } #globnav .dropdown #navi_search_results ul li { margin: 0 0 10px; overflow: hidden; } #globnav .dropdown #navi_search_results a { padding: 0; color: #fff; font-weight: normal; } #globnav .dropdown #navi_search_results ul span.feed, #mtv3_search_results ul span.feed { font-size: 13px; float: left; min-width: 80px; text-transform: uppercase; padding-top: 2px; margin-right: 10px; font-weight: normal; } #globnav .dropdown #navi_search_results ul span.feed-Uutiset, #mtv3_search_results ul span.feed-Uutiset, #globnav #haku h5.mtv3 { color: #e81d2d; } #globnav .dropdown #navi_search_results ul span.feed-Urheilu, #mtv3_search_results ul span.feed-Urheilu { color: #0077c7;} #globnav .dropdown #navi_search_results ul span.feed-Viihde, #mtv3_search_results ul span.feed-Viihde { color: #967635;} #globnav .dropdown #navi_search_results ul span.feed-Lifestyle, #globnav .dropdown #navi_search_results ul span.feed-Studio55, #globnav .dropdown #navi_search_results ul span.feed-AVA, #globnav .dropdown #navi_search_results ul span.feed-Koti, #globnav .dropdown #navi_search_results ul span.feed-Keventajat, #globnav .dropdown #navi_search_results ul span.feed-Makuja, #mtv3_search_results ul span.feed-Lifestyle, #mtv3_search_results ul span.feed-Studio55, #mtv3_search_results ul span.feed-AVA, #mtv3_search_results ul span.feed-Koti, #mtv3_search_results ul span.feed-Keventajat, #mtv3_search_results ul span.feed-Makuja { color: #aa90a9;} #globnav #haku h5.katsomo { color: #83bd13; } #globnav .dropdown #navi_search_results ul .title, #mtv3_search_results ul .title { display: block; overflow: hidden; font-weight: normal; } #globnav .dropdown #navi_search_results ul .time, #mtv3_search_results ul .time { position: static; color: #666; font-size: 13px; font-weight: normal; margin-left: 5px; } #globnav .dropdown #navi_search_results h4 { margin: 0 0 20px; color: #fff; font-size: 15px; font-weight: normal; text-transform: uppercase; } #globnav #haku h5 { font-size: 14px; margin: 0 0 10px; font-weight: normal; } #globnav .dropdown #navi_search_results .more { display: block; font-size: 15px; text-transform: uppercase; font-weight: normal; text-align: right; } #globnav .dropdown #navi_search_results .more:after { content: "\e011"; font-family: 'mtv-icon-font-simple'; font-size: 20px; vertical-align: bottom; } #globnav .dropdown #navi_search_results #navi_search_results_primary .loading { width: 48px; height: 48px; margin: 0 auto; background: url(http://st.mtv.fi/mn-static/default/ajax-loader.gif) no-repeat center center; } #globnav .dropdown #navi_search_results #navi_search_results_primary { float: left; width: 60%; } #globnav .dropdown #navi_search_results #navi_search_results_primary .wrapper { max-width: 520px; border-right: 1px solid #7f8287; padding-right: 30px; } #globnav .dropdown #navi_search_results #navi_search_results_secondary { float: left; width: 40%; margin-left: -1px; font-size: 14px; } #globnav .dropdown #navi_search_results #navi_search_results_secondary .wrapper { border-left: 1px solid #7f8287; padding-left: 30px; } #globnav .dropdown #navi_search_results #navi_search_results_secondary ul, #mtv3_search_results_secondary ul { margin: 0 0 40px; padding: 0; list-style: none; } #globnav .dropdown #navi_search_results.no_secondary_results #navi_search_results_primary { width: auto; float: none; } #globnav .dropdown #navi_search_results.no_secondary_results #navi_search_results_primary .wrapper { border-right: none; } #globnav .dropdown #navi_search_results.no_secondary_results #navi_search_results_secondary { display: none; } #mtv3-search { background: #fff; margin-top: 25px; } #mtv3-search h1 { margin-top: 0; } #mtv3-search form { margin: 20px 10px 15px; } #mtv3_search_results { min-height: 100px; margin: 0 1.5em 1.5em 0; } #mtv3_search_results h2 { margin: 0 0 10px; font-size: 28px; } #mtv3_search_results .time { float: none; display: inline; background: transparent; padding: 0; } #mtv3_search_results .loading { height: 100px; background: url(http://st.mtv.fi/mn-static/default/ajax-loader.gif) no-repeat center center; } #mtv3_search_results ul { list-style: none; margin: 0; padding: 0; } #mtv3_search_results ul li { margin-bottom: 5px; overflow: hidden; } #mtv3_search_results_secondary { padding-top: 12px; } #mtv3_search_results_secondary h5 { margin: 0 0 10px; font-size: 15px; } #mtv3_search_results_secondary ul li { margin-bottom: 5px; } /* Sää */ #portalnav .Saa { width: 120px; } #portalnav .Saa > div { display: inline; } #globnav .Saa a.saalink { display:block; position: absolute; z-index: 1; padding: 0; overflow: hidden; cursor: pointer; text-indent:-999px; } #globnav .Saa .saa_lista li { display:none; } #globnav .Saa .saa_klo { display:none; } #globnav .Saa .saa_lista .saa_nyt { display:block; border: 0 none; padding: 0; line-height: 25px; font-size: 18px; width:75px; } #globnav .saa_lista { padding: 0 0 0 20px; margin: 30px 0; width:105px; } #globnav .Saa .hnews-4 { background-color: #555c66; } #globnav .Saa .entry-title { position: absolute; } #globnav .Saa .entry-title h2 { position: absolute; top: 30px; font-size: 15px; } #globnav .Saa .entry-info { position: absolute; top: 0; left: 5px; color: #b3b3b3; font-size: 12px; font-weight: 400; } #globnav .Saa .entry-info .time { color: #b3b3b3; font-size: 12px; font-weight: 400; } #portalnav .Saa .dropdown-promo { width: 200px; right: 30px; top: 45px; position: absolute; } #portalnav .Saa .dropdown-promo .saa-info { color: #ffffff; } #portalnav .Saa .dropdown-promo .dropdown-info-primary { font-size: 22px; line-height: 15px; } #portalnav .Saa .dropdown-promo .saa_lista { width: 200px; margin: 0; padding: 0; } #portalnav .Saa .dropdown-promo .saa_lista li { display:block; width: 100%; line-height: 50px; color: #ffffff; clear: both; height: 46px; padding-top: 10px; } #portalnav .Saa .dropdown-promo .saa_lista li + li { border-top: 1px solid #888d94; } #portalnav .Saa .dropdown-promo .saa_lista li div, #portalnav .Saa .dropdown-promo .saa_lista li span { display: inline; float: right; width: 40px; text-align: right; } #portalnav .Saa .dropdown-promo .saa_lista li time { float: left; } .saa_lista li div { width: 40px; height: 40px; float: left; margin: 0; background-size: 40px 40px; background-color: transparent; background-repeat: no-repeat; } .saa_lista .saa_nyt span { float: right; display: block; height: 40px; line-height: 38px; } .saa_nyt .d000, .saa_lista li .d000 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d000.png"); } .saa_nyt .n000, .saa_lista li .n000 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n000.png"); } .saa_nyt .d100, .saa_lista li .d100 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d100.png"); } .saa_nyt .n100, .saa_lista li .n100 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n100.png"); } .saa_nyt .d200, .saa_lista li .d200 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d200.png"); } .saa_nyt .n200, .saa_lista li .n200 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n200.png"); } .saa_nyt .d210, .saa_lista li .d210 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d210.png"); } .saa_nyt .n210, .saa_lista li .n210 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n210.png"); } .saa_nyt .d211, .saa_lista li .d211 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d211.png"); } .saa_nyt .d212, .saa_lista li .d212 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d212.png"); } .saa_nyt .n212, .saa_lista li .n212 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n212.png"); } .saa_nyt .d220, .saa_lista li .d220 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d220.png"); } .saa_nyt .n220, .saa_lista li .n220 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n220.png"); } .saa_nyt .d221, .saa_lista li .d221 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d221.png"); } .saa_nyt .n221, .saa_lista li .n221 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n221.png"); } .saa_nyt .d222, .saa_lista li .d222 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d222.png"); } .saa_nyt .n222, .saa_lista li .n222 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n222.png"); } .saa_nyt .d240, .saa_lista li .d240 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d240.png"); } .saa_nyt .n140, .saa_lista li .n140 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n140.png"); } .saa_nyt .n240, .saa_lista li .n240 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n240.png"); } .saa_nyt .d300, .saa_lista li .d300 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d300.png"); } .saa_nyt .n300, .saa_lista li .n300 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n300.png"); } .saa_nyt .d310, .saa_lista li .d310 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d310.png"); } .saa_nyt .n310, .saa_lista li .n310 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n310.png"); } .saa_nyt .d311, .saa_lista li .d311 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d311.png"); } .saa_nyt .n311, .saa_lista li .n311 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n311.png"); } .saa_nyt .d312, .saa_lista li .d312 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d312.png"); } .saa_nyt .n312, .saa_lista li .n312 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n312.png"); } .saa_nyt .d320, .saa_lista li .d320 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d320.png"); } .saa_nyt .n320, .saa_lista li .n320 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n320.png"); } .saa_nyt .d321, .saa_lista li .d321 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d321.png"); } .saa_nyt .n321, .saa_lista li .n321 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n321.png"); } .saa_nyt .d322, .saa_lista li .d322 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d322.png"); } .saa_nyt .n322, .saa_lista li .n322 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n322.png"); } .saa_nyt .d340, .saa_lista li .d340 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d340.png"); } .saa_nyt .n340, .saa_lista li .n340 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n340.png"); } .saa_nyt .d400, .saa_lista li .d400 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d400.png"); } .saa_nyt .n400, .saa_lista li .n400 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n400.png"); } .saa_nyt .d410, .saa_lista li .d410 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d410.png"); } .saa_nyt .n410, .saa_lista li .n410 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n410.png"); } .saa_nyt .d411, .saa_lista li .d411 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d411.png"); } .saa_nyt .n411, .saa_lista li .n411 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n411.png"); } .saa_nyt .d412, .saa_lista li .d412 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d412.png"); } .saa_nyt .n412, .saa_lista li .n412 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n412.png"); } .saa_nyt .d420, .saa_lista li .d420 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d420.png"); } .saa_nyt .n420, .saa_lista li .n420 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n420.png"); } .saa_nyt .d421, .saa_lista li .d421 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d421.png"); } .saa_nyt .n421, .saa_lista li .n421 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n421.png"); } .saa_nyt .d422, .saa_lista li .d422 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d422.png"); } .saa_nyt .n422, .saa_lista li .n422 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n422.png"); } .saa_nyt .d430, .saa_lista li .d430 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d430.png"); } .saa_nyt .n430, .saa_lista li .n430 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n430.png"); } .saa_nyt .d431, .saa_lista li .d431 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d431.png"); } .saa_nyt .n431, .saa_lista li .n431 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n431.png"); } .saa_nyt .d432, .saa_lista li .d432 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d432.png"); } .saa_nyt .n432, .saa_lista li .n432 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n432.png"); } .saa_nyt .d440, .saa_lista li .d440 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/d440.png"); } .saa_nyt .n440, .saa_lista li .n440 { background-image: url("http://st.mtv.fi/mn-static/default/saa2012icons/icons40px/n440.png"); } /* DROPDOWN */ #globnav .dropdown { display: none; position: absolute; z-index: 1200; background: #555c66; height: 350px; width: 100%; left: 0px; right: 0px; top: 100px; text-transform: none; padding: 35px 0 55px; -moz-box-shadow: 0 6px 7px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 6px 7px rgba(0, 0, 0, 0.5); box-shadow: 0 6px 7px rgba(0, 0, 0, 0.5); border-top: 5px solid #ccc; } #globnav .Lisaa .dropdown { padding: 45px 0; } #globnav .dropdown a { text-transform: none; line-height: normal; } #globnav li.over .dropdown { display: block; } #globnav .dropdown a.navi_read_more, #portalnav .Saa .dropdown-promo .dropdown-info-secondary a { color: rgb( 151, 153, 155); font-size: 13px; line-height: 13px; font-weight: 700; text-align: right; text-transform: uppercase; text-decoration: none; } #globnav .dropdown a.navi_read_more { position: absolute; bottom: 10px; right: 10px; } #portalnav .Saa .dropdown-promo .dropdown-info-secondary a { float: right; text-align: right; } #globnav .dropdown a.navi_read_more:after, #portalnav .Saa .dropdown-promo .dropdown-info-secondary a:after { content: "\e011"; font-family: "mtv-icon-font-simple"; font-size: 16px; vertical-align: bottom; } #portalnav .Saa .dropdown-promo .dropdown-info-secondary a:hover { text-decoration: underline; } #portalnav .Saa .dropdown-promo .dropdown-info-secondary a:active { color: #ffffff; } #globnav .dropdown-header { margin-left: 32px; } #globnav .Saa .dropdown-header { margin-top: 10px; } #globnav .dropdown .dropdown-header a, #globnav .dropdown-header span, #globnav .Lisaa .dropdown p { display: block; float: none; color: #ffffff; font-size: 15px; font-weight: normal; text-transform: uppercase; margin-top: 0; line-height: 15px; } #globnav .Lisaa .dropdown p { text-transform: none; font-weight: bold; font-size: 17px; margin-bottom: 12px;} #globnav .dropdown .dropdown-header a:hover { text-decoration: underline; } #globnav .dropdown-header .promo-header { position: absolute; left: 635px; } #globnav .Uutiset .dropdown { border-top-color: #e81d2c; } #globnav .Urheilu .dropdown { border-top-color: #0077c7; } #globnav .Viihde .dropdown { border-top-color: #957635; } #globnav .Lifestyle .dropdown { border-top-color: #232d37; } #globnav .Lisaa .dropdown { border-top-color: #7E8799; } #globnav .Saa .dropdown { border-top-color: #7E8799; } #globnav .Haku .dropdown { border-top-color: #7E8799; } /*#globnav .Urheilu .dropdown { background: #fff url(http://st.mtv.fi/ks2013/img/flyout_mm2013.jpg) no-repeat right bottom; }*/ #globnav .Lisaa .dropdown { font-weight: normal; font-size: 15px; } /* DROPDOWN-MENU open sesame */ #portalsubnav .dropdowntrigger.active > .dropdown-menu, #portalsubnav .dropdowntrigger > .dropdown-menu.open { display: block; background-color: #555c66; color: #ffffff; left: 0; } /* DROPDOWN-MENU */ #globnav .dropdown-menu { font-size: 16px; float: left; top: 0; left: 0; padding-left: 32px; padding-top: 10px; width: 220px; } #globnav .dropdown-menu li { border: 0; margin: 0; clear: left; } #globnav .dropdown-menu a { padding: 0 11px 0 0; height: 40px; line-height: 40px; color: #fff; } #globnav .dropdown-menu li.active, #globnav .dropdown-menu .active a { background: transparent; } #globnav .dropdown-menu a:hover { text-decoration: underline; } #globnav .dropdown-info a { display: inline; line-height: inherit; } #globnav .dropdown-info a:link, #globnav .dropdown-info a:active, #globnav .dropdown-info a:visited, #globnav .dropdown-info a:hover { color: #fff; } #globnav .dropdown-news-container { position: relative; float: left; border-left: 1px solid #888d94; width: 50%; height: 100%; padding: 10px 0 0; } #globnav .dropdown-news-container .hnews { position: relative; } #globnav .dropdown-news-container .hnews .entry-title { color: #ffffff; padding: 15px 0 0px 85px; height: auto; } #globnav .dropdown-news-container .hnews .entry-title:hover { text-decoration: underline; } #globnav .dropdown-news-container .hnews .entry-title .osiopalkki.osiopalkki_uutiset { display: none; } #globnav .dropdown-news-container .hnews .entry-title .osiopalkki.osiopalkki_viihde { display: none; } #globnav .dropdown-news-container .hnews .time { position: absolute; left: 0; top: 15px; width: 35px; overflow: hidden; text-align: right; white-space: nowrap; margin-left: 32px; float: right; margin-top: 0; letter-spacing: 0; } #globnav .dropdown-news-container .overlay-icon { display: none; } #globnav .Lifestyle .hnews.pos-7, #globnav .Lifestyle .hnews.pos-8, #globnav .Lifestyle .hnews.pos-9 { display: none; } /* DROPDOWN-ENTRY */ #globnav .entry, #globnav .entry.last { width: 228px; height: 210px; float: left; position: relative; margin: 0 15px 10px 0; overflow: hidden; background: transparent; display: block; max-width: 100%; } #globnav .Saa .entry { margin-top: 15px; } #globnav .entry:hover { background: #ccc; background: rgba(0,0,0,0.2); } #globnav .entry img { width: 100%; max-height: 113px; } #globnav .entry a { padding: 0; } #globnav .entry-title { margin: 0; bottom: 0; left: 0; right: 0; line-height: 20px; height: 75px; padding: 5px; font-weight: normal; font-size: 12px; background: transparent; filter: none; color: #FFFFFF; } #globnav .entry-title h2, #globnav p.entry-title { font-weight: normal; font-size: 14px; margin: 0; line-height: 16px; font-family: inherit; } #globnav .entry:hover .entry-title { background: transparent; } #globnav .time { background: transparent; font-weight: bold; color: #909090; top: -12px; bottom: auto; right: auto; left: 5px; font-size: 11px; padding: 0; line-height: inherit; line-height: 20px; display: inline; } /* LISÄÄ-DROPDOWN */ #globnav .Lisaa .dropdown-menu { height: 53px; } #globnav .Lisaa .dropdown-menu > p { color: #888888; float: left; line-height: 53px; margin: 0; padding: 0 16px; text-transform: uppercase; width: 193px; } #globnav .Lisaa .dropdown-menu img { vertical-align: middle; margin: 0 16px; } #globnav .Lisaa > a { font-family: icomoon; font-size: 26px; text-transform: none; } #globnav .Lisaa > a span { display: block; margin-top: -2px; } #globnav .Lisaa .col img { margin-bottom: 0; vertical-align: middle; } #globnav .Lisaa .col { float: left; width: 200px; margin-left: 32px; } #globnav .Lisaa ul { float: none; padding: 0; margin: 0; } #globnav .Lisaa li { clear: both; border: 0; } #globnav .Lisaa .col a { line-height: 40px; color: #ffffff; text-transform: uppercase; font-weight: normal; } #globnav .Lisaa .col a:hover { text-decoration: underline; } /* DROPDOWN-PROMO */ #globnav .dropdown-promo { overflow: hidden; } #globnav .dropdown-promo .img-wrapper { float: left; margin: 0 !important; } #globnav .dropdown-promo .img-container { margin: 0; } #globnav .dropdown-promo a { padding: 0; } #globnav .dropdown-promo .img-wrapper + .img-wrapper { margin-top: 10px !important; } #globnav .dropdown-promo img { max-width: none; } #globnav .dropdown-promo ul { list-style-type: circle; padding-left: 20px; margin-bottom: 10px; } #globnav .dropdown-promo li { text-transform: none; float: none; display: list-item; background: transparent; margin: 0; line-height: 18px; } #globnav .dropdown-promo p { clear: both; margin: 0; min-height: 10px; } /* BREAKING NEWS */ #breaking-news { background: #e81d2d; font-size: 20px; z-index: 100; overflow: hidden; margin: 0 auto; width: 994px; } .breaking-news-shown #breaking-news { display: block !important; } .breaking-news-container { margin: 0 5px 0 20px; } .breaking-news-container { position: relative; height: 40px; } #breaking-news .teksti, #breaking-news .infotext { margin: 0; height: 40px; line-height: 40px; } #breaking-news .infotext { float: left; color: #fff; margin-right: 10px; text-transform: uppercase; } #breaking-news .teksti { margin: 0 50px 0 0; white-space: nowrap; margin-right: 50px !important; overflow: hidden; text-overflow: ellipsis; } #breaking-news .teksti, #breaking-news a, #breaking-news .infotext { color: #fff; font-family: "FS Emeric","FS Emeric PS",'fs_emeric_light', Calibri, Arial, Helvetica, sans-serif; font-weight: 100; } .small-close-button { display: block; position: absolute; right: 0; top: 5px; z-index: 100; cursor: pointer; } .small-close-button:before { content: "\58"; font-family: 'mtv-icon-font-simple'; font-size: 30px; } .breaking-news-shown #portaldropdown { top: 185px; } /* PORTAL DROPDOWN */ #portaldropdown { top: 176px; } /* OVERRIDEJÄ */ #container { padding-top: 0; } /* MOBIILIVERSIO-LINKKI */ .mobile-link { position: relative; width: 100%; margin: 0 auto 5px; background: #000; font-size: 19px; font-weight: bold; } .hide-mobile-link .mobile-link { position: absolute; } .mobile-link-container { position: relative; height: 70px; line-height: 70px; margin: 0 10px; } .mobile-link a:link, .mobile-link a:visited, .mobile-link a:active { color: #FFF; } .mobile-link-close { top: 0; } .mobile-link-close:before { font-family: 'mtv-icon-font-white'; color: white; font-weight: normal; } .no-boxshadow #globnav .dropdown { border-bottom: 1px solid #333; }