@charset "utf-8"; /* WebTV Styles */ /***************************** reset ***********************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a, object, embed { outline: 0; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } textarea, input, select { outline: none; } a:focus, *:focus {outline:none;} * { _noFocusLine: expression(this.hideFocus=true); } /***************************** general ***********************************/ html, body { background:#fbfbfb; } body { color:#000; font-size:13px; font-weight:normal; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; } .clearFix { clear:both; } .clearLeft { clear:left; } .tar { text-align:right} .tac { text-align:center} /* v1750 */ .tal { text-align:left} .valignt { vertical-align:top} /* v1750 */ .fl { float:left} .fr { float:right} .sup { font-size:85%; vertical-align:text-top} blockquote { padding:6px; } a { color:#000; text-decoration:none; cursor:pointer; } a:hover { color:#000; text-decoration:underline; } .seo { display:none; } #pageLoadingOverlay { display:block; position: fixed; _position:absolute; top:0; left:0; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5cffffff', endColorstr='#5cffffff'); background-image: url('../images_minimalism_white/icon_loading.gif'); background-position:center center; background-repeat:no-repeat; background-color:rgba(248,248,249,0.35); z-index:2; } .loadingAnimation { background: url('../images_minimalism_white/icon_loading.gif') center center no-repeat; } .pagingWrapper { position:relative; left:50%; float:left; } .paging { position:relative; left:-50%; overflow:auto; float:left; border:1px hidden; } /***** stickers (v1002) *****/ .stickersOverlay { background: rgba(0,0,0,0.5); } .stickersOverlay .stickerPremium /* v2000 */{ display:block; width:20px; height:19px !important; background: url('../images_minimalism_white/item_list_sticker_premium.png'); } .stickersOverlay .stickerFeatured /* v2000 */{ display:block; width:20px; height:17px !important; background: url('../images_minimalism_white/item_list_sticker_featured.png'); } .stickersOverlay .stickerFavorited /* v2000 */{ display:block; width:20px; height:17px !important; background: url('../images_minimalism_white/item_list_sticker_favorited.png'); } .stickersOverlay .stickerRestricted /* v2000 */{ display:block; width:20px; height:17px !important; background: url('../images_minimalism_white/item_list_sticker_restricted.png'); } /***************************** common size constraints ***********************************/ .constWidth { width:960px; } /*****************************************************************************/ /***************************** header area ***********************************/ /*****************************************************************************/ .headerWrapper { margin-top:10px; } /* the real header... the logo and banner */ .header { display:block; margin:0 auto; text-align:center; min-height:40px; position:relative; } .header .logo { height:40px; } .header.logoLeft { text-align:left; } .header.logoRight { text-align:right; } .header.logoCenter { text-align:center; } /*********************************************************************************/ /***************************** navigation area ***********************************/ /*********************************************************************************/ .navigationWrapper { display:block; margin:0 auto; margin-top:10px; height:36px; border-bottom:1px solid #e3e3e3; border-left:0; border-right:0; text-align:center; font-size:12px; clear:both; } .navigation { display:block; margin:0 auto; } .navigation a { font-weight:bold; display:block; float:left; line-height:12px; } /***************************** main navigation ***********************************/ /* This is the top menu bar, with the list of channels, search, etc. */ /***** menu + submenu (channel buttons, etc.) *****/ .navMenuWrapper { width:auto; } .navMenuWrapper .navMenuButtons { width:auto; display:block; } .navMenuWrapper ul li { float:left; margin-left:5px; } .navMenuWrapper ul li ul li { float:left; margin-left:0px; } .navMenuWrapper ul li a { float:left; } /* button normal/hover */ .navButton a span { display:block; color:#777; background:none; width:auto; border:0 none; padding:7px; padding-top:12px; padding-bottom:0px; height:24px; position:relative; float:left; z-index:9; } .navButton a { } .navButton a:hover, .navButton:hover a { text-decoration:none; } .navButton:hover a span, .navButton.active a span, .navButton a:hover span { color:#000; background:#f7f7f7 url('../images_minimalism_white/nav_main_bt_hover.gif') top repeat-x; margin:0; *margin-bottom:-1px; border:1px solid #e3e3e3; border-top:0; border-bottom:0; padding:6px; padding-top:12px; padding-bottom:0; text-decoration:none; position:relative;} .navButton.active a span { background:#f2f2f2 url('../images_minimalism_white/nav_main_bt_active.gif') bottom repeat-x; border-color:#636363; color:#fff;} .navButton.pressed a span { background:#f2f2f2 url('../images_minimalism_white/nav_main_bt_pressed.gif') top repeat-x; height:24px; padding:5px; padding-top:12px; padding-bottom:0; border:0px solid #e3e3e3; border-top:0; border-bottom:0; color:#000;} .navButton a span .showIcon { padding:0; background:none; border:0; float:none; display:inline; } .navButton a span .hideIcon { display:none; } .navButton.pressed a span .showIcon { display:none; } .navButton.pressed a span .hideIcon { padding:0; background:none; border:0; float:none; display:inline; } .navButton.homeButton { float:right} .navButton.more a span.icon { border:0; padding:0; margin:0; background: url('../images_minimalism_white/nav_main_bt_mobile_menu.png') center center no-repeat; width:35px; margin-top:-6px; } /* FX */ .navButton a:hover{ -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1);} .navButton.active a span { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .navButton a span, .navButton:hover a span, .navButton a:hover span { text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); } .navButton.active a span { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } /***** search *****/ .navigation .navSearch { width:210px; height:26px; display:block; float:right; background:#fff; border:1px solid #e3e3e3; margin:5px; margin-bottom:0; } .navigation .navSearch:hover { border-color:#4b4b4b; } .navigation .navSearch .searchField /* v1311 */{ width:154px; /*width:182px;*/ height:24px; display:block; float:left; padding:0; border:0 none; margin:0; text-indent:5px; line-height:24px; } .navigation .navSearch .searchButton { width:28px; height:26px; display:block; float:left; background:#fff url('../images_minimalism_white/nav_main_search_button_normal.gif') bottom no-repeat; } .navigation .navSearch:hover .searchButton, .navigation .navSearch .searchButton:hover { background: #4b4b4b url('../images_minimalism_white/nav_main_search_button_hover.gif') bottom no-repeat; } /***** search mode (v1311) *****/ .navigation .navSearch .searchMode { } .navigation .navSearch .searchMode .iconSearchMode { display:block; float:left; width:28px; height:26px; } .navigation .navSearch .searchMode > li { display:block; float:left; position:relative;} .navigation .navSearch .searchMode > li:hover { background: #fff; } /* Icons */ .searchMode > li .iconSearchMode.iconSMAll { background: url('../images_minimalism_white/icon_search_all_normal.png') center center no-repeat; text-decoration:none; z-index:2 } .searchMode > li:hover .iconSearchMode.iconSMAll { background: url('../images_minimalism_white/icon_search_all_hover.png') center center no-repeat; } .searchMode > li .iconSearchMode.iconSMVideos { background: url('../images_minimalism_white/icon_search_clips_normal.png') center center no-repeat; text-decoration:none; z-index:2 } .searchMode > li:hover .iconSearchMode.iconSMVideos { background: url('../images_minimalism_white/icon_search_clips_hover.png') center center no-repeat; } .searchMode > li .iconSearchMode.iconSMChannels { background: url('../images_minimalism_white/icon_search_channels_normal.png') center center no-repeat; text-decoration:none; z-index:2 } .searchMode > li:hover .iconSearchMode.iconSMChannels { background: url('../images_minimalism_white/icon_search_channels_hover.png') center center no-repeat; } .searchMode > li .iconSearchMode.iconSMGalleries { background: url('../images_minimalism_white/icon_search_galleries_normal.png') center center no-repeat; text-decoration:none; z-index:2 } .searchMode > li:hover .iconSearchMode.iconSMGalleries { background: url('../images_minimalism_white/icon_search_galleries_hover.png') center center no-repeat; } .searchMode > li .iconSearchMode.iconSMNews { background: url('../images_minimalism_white/icon_search_news_normal.png') center center no-repeat; text-decoration:none; z-index:2 } .searchMode > li:hover .iconSearchMode.iconSMNews { background: url('../images_minimalism_white/icon_search_news_hover.png') center center no-repeat; } .searchMode > li .iconSearchMode.iconSMEvents { background: url('../images_minimalism_white/icon_search_events_normal.png') center center no-repeat; text-decoration:none; z-index:2 } .searchMode > li:hover .iconSearchMode.iconSMEvents { background: url('../images_minimalism_white/icon_search_events_hover.png') center center no-repeat; } /* Modes Submenu */ .navigation .navSearch .searchMode > li > ul { display:none; border:1px solid #e3e3e3; background:#fff; position:absolute; width:auto; margin-right:0px; margin-top:26px; right:0; z-index:10; text-align:right; } /*.navigation .navSearch .searchMode > li:hover ul { display:block; }*/ /* Modes Submenu button */ .navigation .navSearch .searchMode > li > ul > li { float:none; width:auto; min-width:90px; display:block; } .navigation .navSearch .searchMode > li > ul > li a { background:none; border:none; color:#777; white-space:nowrap; min-width:90px; float:none; display:block; padding:7px; text-decoration:none; } .navigation .navSearch .searchMode > li > ul > li a:hover { background:none; color:#000; } /* CSS3 Animation */ .navigation .navSearch .searchMode > li > ul > li a,.navigation .navSearch .searchMode > li > ul > li a:hover { -webkit-transition:background-color 0.15s linear; -moz-transition:background-color 0.15s linear; -o-transition:background-color 0.15s linear; transition:background-color 0.15s linear; } /* FX */ .navigation .navSearch .searchMode > li:hover, .navigation .navSearch .searchMode > li > ul, .navigation .navSearch .searchMode > li > ul > li a:hover { -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1);} /***************************** secondary navigation (more...) ***********************************/ .navigationSecWrapper { display:block; margin:0 auto; overflow:auto; background: #f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e3e3e3; text-align:left; font-size:12px; clear:both; padding-bottom:20px; margin-bottom:20px; } .navigationSec { display:block; margin:0 auto; padding-top:5px; } .navigationSec a { font-weight:bold; display:block; line-height:12px; } .navigationSec .social { padding-left:10px; white-space:nowrap; text-wrap:none; height:30px; } .navigationSec .social .title, .navigationSec .social a { display:block; float:left; height:20px; line-height:20px; font-size:11px; padding-right:15px; padding-top:5px; font-weight:bold; color:#999; } .navigationSec .socialWrapper { float:right; } .navigationSec .navSecSeparator { height:5px; border-bottom:2px solid #e3e3e3} /*.navigationSec .navTitle { background:#e0e1e2; display:block; height:30px; padding-left:10px; line-height:30px; font-size:11px; font-weight:bold; color:#000; }*/ .navigationSec .navTitle { background:#d0d0d0; background: #f0f1f3 url('../images_minimalism_white/nav_main_bkg.gif'); display:block; height:30px; padding-left:10px; text-align:center; line-height:30px; font-size:12px; font-weight:bold; color:#333; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9); opacity:0.5} /* .socialWrapper .follow_us_facebook_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_social_facebook.png'); } .socialWrapper .follow_us_twitter_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_social_twitter.png'); } .socialWrapper .follow_us_googleplus_icon{ width:20px; height:20px; background: url('../images_minimalism_white/icon_social_google.png'); } .socialWrapper .follow_us_linkedin_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_social_linkedin.png'); } .socialWrapper .follow_us_tuenti_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_social_tuenti.png'); } .socialWrapper .follow_us_flickr_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_social_flickr.png'); } .socialWrapper .follow_us_vkontakte_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_social_vkontakte.png'); } */ .socialWrapper .follow_us_facebook_icon, .socialWrapper .follow_us_twitter_icon, .socialWrapper .follow_us_googleplus_icon, .socialWrapper .follow_us_instagram_icon, /* v2000 */ .socialWrapper .follow_us_linkedin_icon, .socialWrapper .follow_us_tuenti_icon, .socialWrapper .follow_us_flickr_icon, .socialWrapper .follow_us_vkontakte_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_social_sprite.png'); } .socialWrapper .follow_us_facebook_icon { background-position:0px 0px; } .socialWrapper .follow_us_twitter_icon { background-position:-20px 0px; } .socialWrapper .follow_us_googleplus_icon { background-position:-40px 0px; } .socialWrapper .follow_us_instagram_icon { background-position:-140px 0px; } /* v2000 */ .socialWrapper .follow_us_linkedin_icon { background-position:-60px 0px; } .socialWrapper .follow_us_tuenti_icon { background-position:-80px 0px; } .socialWrapper .follow_us_flickr_icon { background-position:-100px 0px; } .socialWrapper .follow_us_vkontakte_icon { background-position:-120px 0px; } .socialWrapper .subscribe_rss_icon { width:20px; height:20px; background: url('../images_minimalism_white/icon_rss.png'); } /* This is the secondary menu that is displayed after clicking on main menu button (more/options -lines- button)... */ /***** menu + submenu (channel buttons, etc.) *****/ .navMenuSecWrapper { display:block; clear:both; } .navMenuSecWrapper .navMenuSecButtons { width:auto; display:block; } .navMenuSecWrapper ul li { margin:0; } .navMenuSecWrapper ul li ul li { margin-left:0px; } .navMenuSecWrapper ul li a { } /* button normal/hover (v1110) */ .navMenuSecButtons li > a > span { display:block; color:#777; background: url('../images_minimalism_white/nav_sec_bt_arrow.png') right center no-repeat; width:auto; border:0 none; padding:9px; padding-top:13px; padding-bottom:0px; height:27px; position:relative; z-index:8; } .navMenuSecButtons > a { } .navMenuSecButtons li > a:hover, .navMenuSecButtons li:hover > a { text-decoration:none; } .navMenuSecButtons li:hover > a > span, .navMenuSecButtons li.active > a > span, .navMenuSecButtons li > a:hover > span { color:#000; background:#f7f7f7 url('../images_minimalism_white/nav_sec_bt_arrow.png') right center no-repeat; border:1px solid #f2f2f2; margin:0; padding:8px; padding-top:12px; height:26px; padding-bottom:0; text-decoration:none; } .navMenuSecButtons li.active > a > span { color:#000; } /* submenu (v1110) */ .navMenuSecButtons li.submenu /* v2000 */{ margin:0; position:relative; z-index:98; clear:both; border-left:5px/*10px*/ solid #e0e1e2; } .navMenuSecButtons > li.submenu { margin-bottom:5px; } .navMenuSecButtons li.submenu.active /* v2000 */{ border-left:2px/*10px*/ solid #c0c0c0; } .navMenuSecButtons li.submenu ul /* v2000 */{ display:none; /*border:1px solid #e3e3e3; border-left:0; border-right:0;*/ background:#e0e0e0; margin-left:0px; } .navMenuSecButtons ul > li { background:#f5f6f7; } .navMenuSecButtons ul > li a > span { background:none; } .navMenuSecButtons ul > li a:hover > span { background:#f5f6f7; } .navMenuSecButtons li.active > a > span { color:#000; } /* submenu button (v1110) */ .navMenuSecButtons ul > li > a { color:#777; background: url('../images_minimalism_white/nav_sec_bt_arrow.png') right center no-repeat; border:none; white-space:nowrap; min-width:120px; height:22px; padding-top:11px; padding-bottom:2px; padding-left:20px; padding-right:10px; text-align:left; } .navMenuSecButtons ul > li > a:hover { color:#000; background:#fff url('../images_minimalism_white/nav_sec_bt_arrow.png') right center no-repeat; } .navMenuSecButtons li.submenu > a, .navMenuSecButtons li.submenu > a span, .navMenuSecButtons li.submenu > a:hover span { background:none; } .navMenuSecButtons li.submenu > a:hover { background:#fff; } .navMenuSecButtons li.active > a, .navMenuSecButtons li.submenu:hover ul .active > a, .navMenuSecButtons li.submenu.active > a:hover { color:#000; } .navMenuSecButtons ul > li.active > a span { border:0; padding:0; color:#000; } .navMenuSecButtons ul > li a span, .navMenuSecButtons ul > li a:hover span, .navMenuSecButtons ul > li.submenu a span { display:inline; padding:0; margin:0; height:auto; border:0; background:none; } /* FX (v1110) */ .navMenuSecButtons li > a, .navMenuSecButtons li > a span { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.01); } .navMenuSecButtons li.active > a, .navMenuSecButtons li.active > a span, .navMenuSecButtons li.submenu.active > a, .navMenuSecButtons li.submenu.active > a span { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); } /******************************************************************************************/ /***************************** channel bar/channel info ***********************************/ /******************************************************************************************/ .channelBarWrapper { display:block; margin:0 auto; overflow:auto; overflow-x:hidden; padding:6px; padding-left:0; padding-right:0; background:#fff; border-bottom:1px solid #e3e3e3; text-align:left; font-size:12px; clear:both; } .channelBar { display:block; margin:0 auto; } .channelBar .channelThumb { max-height:30px; border:1px solid #d3d3d3; margin-left:5px; float:left; } .channelBar .basicInfo { display:block; float:left; padding-left:5px; } .channelBar .subtitle { font-size:11px; color:#a8a8a8; } .channelBar .title { font-size:18px; color:#000; font-weight:normal; } .channelBar .infoButtonWrapper { display:block; padding-right:5px; float:right; margin-top:20px; } .channelBar .infoButton { float:right; margin-top:-15px; } .channelBar .infoButton:hover { } .channelBar .infoButton .showIcon { display:block;} .channelBar .infoButton .hideIcon { display:none; } .channelBar .infoButton.pressed .showIcon {display:none; } .channelBar .infoButton.pressed .hideIcon {display:block; } .showIcon { display:block; width:22px; height:22px; background:url('../images_minimalism_white/mobile_more_button_show.png'); } .hideIcon { display:block; width:22px; height:22px; background:url('../images_minimalism_white/mobile_more_button_hide.png'); } /***************************** channel info... ***********************************/ .channelInfoWrapper { overflow:hidden; display:none; padding:6px; padding-left:0; padding-right:0; background: #fff; border-bottom:1px solid #e3e3e3; margin:0 auto; text-align:left; color:#000; clear:both; } .channelInfo { display:block; margin:0 auto; /*width:960px; */ } .channelInfo a { color:#000; font-weight:bold; } .channelInfo a:hover { color:#000; } .channelInfo .publishInfo { font-size:11px; line-height:16px; padding:6px; padding-top:0; padding-bottom:0; color:#999 } .channelInfo .description { font-size:13px; line-height:16px; padding:6px; padding-top:0; padding-bottom:0; text-align:justify; } /***********************************************************************************/ /***************************** video player area ***********************************/ /***********************************************************************************/ .videoPlayerAreaWrapper { display:block; margin:0 auto; background: #f2f2f2; text-align:left; font-size:11px; clear:both; } .videoPlayerArea { display:block; margin:0 auto; text-align:center; } /* Prev/Next Clip buttons: these buttons only appear when an EmbedClip replaces the WebTV video player */ .vpPrevClip { display:block; float:left; z-index:99; width:49%; height:35px; border:1px solid #e3e3e3; background:#f1f1f1 url('../images_minimalism_white/clip_options_bt_normal.gif') top repeat-x;} .vpPrevClip:hover { border-color:#d3d3d3; background:#fff url('../images_minimalism_white/clip_options_bt_hover.gif') top repeat-x; } .vpPrevClip a { z-index:99; width:100%; height:35px; display:block; background: url('../images_minimalism_white/vp_bt_prev_big_normal.png') center center no-repeat; } .vpPrevClip a:hover { background: url('../images_minimalism_white/vp_bt_prev_big_hover.png') center center no-repeat; } .vpNextClip { display:block; float:right; z-index:99; width:49%; height:35px; border:1px solid #e3e3e3; background:#f1f1f1 url('../images_minimalism_white/clip_options_bt_normal.gif') top repeat-x;} .vpNextClip:hover { border-color:#d3d3d3; background:#fff url('../images_minimalism_white/clip_options_bt_hover.gif') top repeat-x; } .vpNextClip a { z-index:99; width:100%; height:35px; display:block; background: url('../images_minimalism_white/vp_bt_next_big_normal.png') center center no-repeat; } .vpNextClip a:hover { background: url('../images_minimalism_white/vp_bt_next_big_hover.png') center center no-repeat; } .vpPrevClip a, .vpPrevClip a:hover, .vpNextClip a, .vpNextClip a:hover { background-size:75%; -o-background-size:75%; -moz-background-size:75%; -webkit-background-size:contain; -o-background-size:contain; -moz-background-size:contain; background-size:contain; } /* Clip title... */ .videoPlayerArea .basicInfo /* v1401 */ { padding:5px; min-height:28px; clear:left; } .videoPlayerArea .basicInfo .title { font-size:18px; color:#000; font-weight:normal; text-align:left; } /***** menu + submenu (clip options: comments, like, dislike, share) *****/ /* This is commets/like/dislike/share clip options. */ .videoPlayerArea .clipOptionsBarWrapper { color:#fff; min-height:26px; padding-top:10px; } .videoPlayerArea .clipOptionsBarWrapper.hidden { display:none; } .videoPlayerArea .clipOptionsBarWrapper .clipOptionsBar { display:block; float:left; } .videoPlayerArea .clipOptionsBarWrapper ul li { float:left; margin-left:5px; } .videoPlayerArea .clipOptionsBarWrapper ul li:first-child { margin-left:0; } .videoPlayerArea .clipOptionsBarWrapper ul li ul li { float:left; margin-left:0px; } .videoPlayerArea .clipOptionsBarWrapper ul li a { float:left; text-align:left; font-weight:bold; } /* button normal/hover */ .videoPlayerArea .clipOptionBt a span { display:block; width:auto; height:26px; line-height:26px; padding:7px; padding-top:0; padding-bottom:0; position:relative; color:#444; border:1px solid #e3e3e3; background:#f1f1f1 url('../images_minimalism_white/clip_options_bt_normal.gif') bottom repeat-x; z-index:9 } .videoPlayerArea .clipOptionBt a { } .videoPlayerArea .clipOptionBt a:hover, .videoPlayerArea .clipOptionBt:hover a { text-decoration:none; } .videoPlayerArea .clipOptionBt:hover a span, .videoPlayerArea .clipOptionBt a:hover span { color:#000; background:#fff url('../images_minimalism_white/clip_options_bt_hover.gif') bottom repeat-x; margin:0; *margin-bottom:-1px; border:1px solid #d3d3d3; text-decoration:none; position:relative;} .videoPlayerArea .clipOptionBt.pressed a span { color:#888; background: url('../images_minimalism_white/clip_options_bt_pressed.gif') bottom repeat-x; border-color:#e3e3e3; } .videoPlayerArea .clipOptionBt.hidden { display:none; } .videoPlayerArea .clipOptionBt .iconComments { width:16px; height:24px; background: url('../images_minimalism_white/icon_comments.png') 0 3px no-repeat; vertical-align:middle; margin-right:5px; } .videoPlayerArea .clipOptionBt .iconShare { width:16px; height:24px; background: url('../images_minimalism_white/icon_share.png') 0 3px no-repeat; vertical-align:middle; margin-right:5px; } .videoPlayerArea .clipOptionBt .iconLike /* v1101 */ { width:16px; height:24px; background: url('../images_minimalism_white/icon_like.png') 0 3px no-repeat; vertical-align:middle; /*margin-right:5px;*/ } .videoPlayerArea .clipOptionBt .iconDislike { width:16px; height:24px; background: url('../images_minimalism_white/icon_dislike.png') 0 3px no-repeat; vertical-align:middle; } .videoPlayerArea .clipOptionBt .iconDownload /*v1201*/ { width:16px; height:24px; background: url('../images_minimalism_white/icon_download.png') 0 3px no-repeat; vertical-align:middle; margin-right:5px; } .videoPlayerArea .clipOptionBt .iconReport /* v2101 */ { width:16px; height:24px; background: url('../images_minimalism_white/icon_report.png') 0 3px no-repeat; vertical-align:middle; } /* v1201 */ .videoPlayerArea .clipOptionBt.padded .iconComments, .videoPlayerArea .clipOptionBt.padded .iconLike, .videoPlayerArea .clipOptionBt.padded .iconDislike, .videoPlayerArea .clipOptionBt.padded .iconDownload { margin:8px; margin-top:0; margin-bottom:0;} .videoPlayerArea .clipOptionBt.comments.padded, .videoPlayerArea .clipOptionBt.like.padded, .videoPlayerArea .clipOptionBt.dislike.padded, .videoPlayerArea .clipOptionBt.download.padded { width:auto; white-space: nowrap; } .videoPlayerArea .clipOptionBt.noMargin { margin:0; } /* submenu */ .videoPlayerArea .clipOptionBt { position:relative; margin:0; z-index:99; } .videoPlayerArea .clipOptionBt ul { display:none; border:1px solid #e3e3e3; background:#fff; position:absolute; margin-right:0px; margin-top:28px; left:0; z-index:2; } .videoPlayerArea .clipOptionBt:hover ul { display:block; } /* submenu button */ .videoPlayerArea .optionSubmenu.download ul /* v1201 */ { width:auto; min-width:90px; } .videoPlayerArea .optionSubmenu ul li /* v1201 */ { float:none !important; } .videoPlayerArea .optionSubmenu ul a { background:none; border:none; color:#777; white-space:nowrap; /*width:90px;*/ /* v1201 */ min-width:90px; float:none !important; display:block; /**/ padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; } .videoPlayerArea .optionSubmenu:hover ul a:hover { background:none; color:#000; } /* CSS3 Animation */ .videoPlayerArea .optionSubmenu:hover ul a , .videoPlayerArea .optionSubmenu:hover ul a:hover { -webkit-transition:background-color 0.15s linear; -moz-transition:background-color 0.15s linear; -o-transition:background-color 0.15s linear; transition:background-color 0.15s linear; } /* FX */ .videoPlayerArea .clipOptionBt a:hover, .videoPlayerArea .optionSubmenu:hover, .videoPlayerArea .optionSubmenu:hover ul, .videoPlayerArea .optionSubmenu:hover ul a:hover { -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1);} .videoPlayerArea .clipOptionBt.optionSubmenu a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} /* Examples: to hide Clip option buttons... */ /* .videoPlayerArea .clipOptionsBarWrapper { display:none; } /* Hides all the buttons: comments, like, dislike and share */ /* .videoPlayerArea .clipOptionBt.comments { display:none; } /* Hides "Comments" button */ /* .videoPlayerArea .clipOptionBt.like { display:none; } /* Hides "Like" button */ /* .videoPlayerArea .clipOptionBt.dislike { display:none; } /* Hides "Disike" button */ /* .videoPlayerArea .clipOptionBt.share { display:none; } /* Hides "Share" button */ /********************************************************************************/ /***************************** clip share area ***********************************/ /********************************************************************************/ .clipShareAreaWrapper { display:none; margin:0 auto; clear:both; background:#f2f2f2; font-size:11px; } .clipShareArea { display:block; margin:0 auto; min-height:95px; background:#f2f2f2; text-align:left; } .clipShareArea.hidden { display:none; } /***** social links *****/ .clipShareArea .shareOptions1 { display:block; padding:7px; } .clipShareArea .socialWidgets { display:block; } .clipShareArea .socialSharingButtons { display:block; padding-top:0px; overflow:auto; } .clipShareArea .socialSharingButtons a { display:block; float:left; padding-right:3px; } .clipShareArea .socialWidgets .socialWidget { display:block; padding-bottom:12px !important; height:20px !important; line-height:25px !important; } .clipShareArea .socialWidgets .socialWidget iframe { min-width:115px !important; } /* widget fix */ /* Examples: to hide sharing buttons... */ /*.clipShareArea .socialWidgets { display:none; } /* Hides all the widgets */ /*.clipShareArea .socialWidgets .socialWidget.facebook { display:none; } /* Hides the Facebook widget */ /*.clipShareArea .socialWidgets .socialWidget.google { display:none; } /* Hides the Google Plus widget */ /*.clipShareArea .socialWidgets .socialWidget.twitter { display:none; } /* Hides the Twitter widget */ /*.clipShareArea .socialSharingButtons .share_on_facebook { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_twitter { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_google { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_myspace { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_linkedin { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_yahoo { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_live { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_tuenti { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_delicious { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_stumbleupon { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_digg { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_meneame { display:none; } /* */ /*.clipShareArea .socialSharingButtons .share_on_vkontakte { display:none; } /* */ /***** link, embed, E-Mail *****/ .clipShareArea .shareOptions2 { min-height:50px; display:block; padding:7px; color:#555; font-weight:bold; } .clipShareArea input { background:#fafafa; border:1px solid #e3e3e3; color:#888; padding:1px; height:18px; line-height:18px; text-indent:5px; font-size:11px; font-weight:bold; } .clipShareArea .share_via_link { padding:0px; display:block; padding-bottom:5px; } .clipShareArea .share_via_link input { width:200px; margin-left:5px; } .clipShareArea .share_via_embed { min-height:40px; display:block; } .clipShareArea .share_via_embed .embed_group { display:block; clear:both; line-height:22px; text-align:right; padding-bottom:5px; overflow:auto; } .clipShareArea .share_via_embed .embed_group span { display:block; float:left; } .clipShareArea .share_via_embed .embed_group input { width:200px; display:block; float:left; margin-left:5px; } .clipShareArea .share_via_email { min-height:40px; width:auto; display:block; } .clipShareArea .share_via_email a { width:auto; display:block; float:left; padding:10px; padding-top:0; padding-bottom:0; height:27px; line-height:27px; color:#555; border:1px solid #e3e3e3; background: #fff url('../images_minimalism_white/clip_share_email_bt_normal.gif') repeat-x; text-decoration:none; } .clipShareArea .share_via_email a:hover { color:#000; background:#fff url('../images_minimalism_white/clip_share_email_bt_hover.gif') repeat-x; border-color:#d3d3d3; } .clipShareArea .share_via_email .iconEmail /* v1610 */{ width:16px; height:27px; background: url('../images/icon_share_sprite.png') -2px 4px no-repeat; vertical-align:middle; margin-right:5px; } /********************************************************************************/ /***************************** clip info area ***********************************/ /********************************************************************************/ .clipInfoAreaWrapper { display:block; margin:0 auto; border:1px solid #e3e3e3; border-left:0; border-right:0; clear:both; background:#fff; } .clipInfoArea { display:block; margin:0 auto; text-align:left; } .clipInfoArea a { font-weight:bold; z-index:9; } /***** published by, date, views, rating (likes) *****/ .clipInfoArea .clipStats { line-height:20px; padding:5px; color:#737373; background:#f6f6f6; border-bottom:1px solid #e3e3e3; font-size:11px; text-align:left; } .clipInfoArea .clipStats .rating { display:block; line-height:14px; float:right } .clipInfoArea .clipStats .rating.hidden { display:none; } .clipInfoArea .clipStats .ratingBarOut { width:125px; height:4px; border:1px solid #e3e3e3; background: #abb2b5 url('../images_minimalism_white/clip_stats_rating_bar_bkg.gif') top repeat-x; *text-align:left; } .clipInfoArea .clipStats .ratingBarIn { width:0%; height:4px; background: #67b357 url('../images_minimalism_white/clip_stats_rating_bar_percent.gif') top repeat-x; } /* Examples: to hide Clip stats... */ /*.clipInfoArea .clipStats { display:none; } /* Hides the whole bare (published, date, views, rating) */ /*.clipInfoArea .clipStats .publishedBy { display:none; } /* Hides "Published By */ /*.clipInfoArea .clipStats .date { display:none; } /* Hides the date */ /*.clipInfoArea .clipStats .views { display:none; } /* Hides the views */ /*.clipInfoArea .clipStats .rating { display:none; } /* Hides the rating */ /***** description *****/ .clipInfoArea .clipData { padding:5px; overflow:hidden; height:auto; } .clipInfoArea .clipData .description { display:block; text-align:justify; font-size:13px; line-height:16px; /*min-width:945px mobile fix;*/ min-width:300px; } .clipInfoArea .clipData .tags /* v1111 */{ /*display:block; text-align:justify; font-size:11px; line-height:16px; padding-top:5px; color:#737373;*/ } .clipInfoArea .clipData .clipDataLimiter { width:100%; margin:-5px; height:28px; line-height:28px; padding-top:23px; display:none; position:absolute; background: url('../images_minimalism_white/clip_desc_fade.png') bottom repeat-x; } .clipInfoArea .clipData .clipDataLimiter a { font-size:11px; float:right; margin-right:5px; } .clipInfoArea .clipData .clipDataLimiter.pressed { background:none; padding-top:0} .clipInfoArea .clipData .clipDataLimiter .more { display:block; } .clipInfoArea .clipData .clipDataLimiter .less { display:none; } .clipInfoArea .clipData .clipDataLimiter.pressed .more { display:none; } .clipInfoArea .clipData .clipDataLimiter.pressed .less { display:block; z-index:1} /*****************************************************************************************/ /***************************** Channel/Clip Aside area ***********************************/ /*****************************************************************************************/ /***** panel *****/ .panel /* v1310 */{ background:#fff; padding:10px; overflow:auto; overflow-x:hidden; overflow-y:visible; margin-bottom:10px; /*border:1px solid #e3e3e3; border-left:0; border-right:0; background:#fff;*/ } .panel.banner { text-align:center; padding-left:0; padding-right:0; } .panel .title { color:#888; font-weight:bold; } /***** aside *****/ .asideAreaWrapper { display:block; margin:0 auto; margin-top:10px; clear:both; border:0px dotted; overflow:auto; } .asideArea { display:block; margin:0 auto; text-align:left; } /***** browse videos *****/ .asideArea .videosAndMore { } .asideArea .videosAndMore .panel { } .asideArea .videosAndMore .panel .title { } .asideArea .videosAndMore .browseVideosPanel { margin-bottom:10px; /*border:1px solid #e3e3e3; border-left:0; border-right:0; background:#f4f5f7;*/} .browseVideosPanel .browseVideosTabsWrapper {} .browseVideosPanel .browseVideosHeader { height:40px; background: url('../images_minimalism_white/browse_videos_tabs_bkg.gif') bottom repeat-x; } /* ul */ .browseVideosPanel .browseVideosHeader li { float:left; padding:5px; padding-right:0; margin-top:1px; } /*.browseVideosPanel .browseVideosTabs li .tab,*/ .browseVideosPanel .browseVideosHeader li .tabSelectorTitle { color:#666; } .browseVideosPanel .browseVideosHeader li .tabSelectorTitle, .browseVideosPanel .browseVideosHeader li .tabSelectorToggleButton { display:block; height:33px; line-height:33px; margin:1px; margin-bottom:0; padding:6px; padding-top:0; padding-bottom:0; text-decoration:none; font-weight:bold; } .browseVideosPanel .browseVideosHeader li .tabSelectorToggleButton { color:#000; } .browseVideosPanel .browseVideosHeader li .tabSelectorToggleButton .showIcon { display:inline; background:none; } .browseVideosPanel .browseVideosHeader li .tabSelectorToggleButton .hideIcon { display:none; background:none; } .browseVideosPanel .browseVideosHeader li .tabSelectorToggleButton.pressed { background:#f2f2f2; border:1px solid #e3e3e3; border-bottom:0; margin:0; } .browseVideosPanel .browseVideosHeader li .tabSelectorToggleButton.pressed .showIcon { display:none; } .browseVideosPanel .browseVideosHeader li .tabSelectorToggleButton.pressed .hideIcon { display:inline;} .browseVideosPanel .browseVideosHeader li .browseVideosTabs { display:none; position:absolute; padding:10px; border:1px solid #e3e3e3; background:#f2f2f2; z-index:2; } .browseVideosPanel .browseVideosHeader li .browseVideosTabs li { display:block; float:none; } .browseVideosPanel .browseVideosHeader li .tab { color:#777; font-weight:bold; padding:5px; } .browseVideosPanel .browseVideosHeader li .tab:hover { color:#000; } .browseVideosPanel .browseVideosHeader li .tab.active { color:#000; } .browseVideosPanel .browseVideosTabsContent { display:block; clear:left; border-bottom:1px solid #e3e3e3; background:#fff; } /***** clip list *****/ .browseVideosPanel .clipListWrapper { overflow:hidden; } .browseVideosPanel .loading { display:block; height:71px; background: url('../images_minimalism_white/icon_loading.gif') center center no-repeat; } /* ul */ .browseVideosPanel .clipListWrapper .clipList { padding:5px; } /* ul */ .browseVideosPanel .clipListWrapper .clipList .clip { vertical-align:top; display:block; padding:5px; height:58px; margin:7px; margin-top:7px; margin-right:1px; margin-bottom:10px; white-space:normal; text-align:left; filter:inherit; overflow:hidden; } /* li */ .browseVideosPanel .clipListWrapper .clipList .clip:hover { background:#fff; border:1px solid #e3e3e3; margin:6px; margin-right:0; margin-top:6px; margin-bottom:9px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15); } .browseVideosPanel .clipListWrapper .clipList .clip, .browseVideosPanel .clipListWrapper .clipList .clip:hover { -webkit-transition:background 0.15s linear; -moz-transition:background 0.15s linear; -o-transition:background 0.15s linear; transition:background 0.15s linear; } .browseVideosPanel .clipListWrapper .clipList .clip .image { display:block; padding:0; float:left; width:auto; line-height:0; margin:0; margin-right:5px; } .browseVideosPanel .clipListWrapper .clipList .clip .image a /* v1110 */ { display:block; } .browseVideosPanel .clipListWrapper .clipList .clip .image a > img /* v1002 */ { display:block; border:1px solid #c8c9cb; margin:0; filter:inherit; width:102px; height:57px; } .browseVideosPanel .clipListWrapper .clipList .clip .image a .playOverlay { display:block; opacity:0; margin-left:0; width:102px; height:57px; z-index:1; position:absolute; } .browseVideosPanel .clipListWrapper .clipList .clip .image a:hover .playOverlay { display:block; opacity:1; background: url('../images/play_overlay.png') center center no-repeat; } .browseVideosPanel .clipListWrapper .clipList .clip .image a .playOverlay, .browseVideosPanel .clipListWrapper .clipList .clip .image a:hover .playOverlay { -webkit-transition:opacity 0.15s linear; -moz-transition:opacity-color 0.15s linear; -o-transition:opacity-color 0.15s linear; transition:opacity 0.15s linear; } .browseVideosPanel .clipListWrapper .clipList .clip .image a .stickersOverlay { display:block; width:20px; height:auto; margin-top:1px; margin-left:83px; z-index:1; position:absolute; } .browseVideosPanel .clipListWrapper .clipList .clip .image a .stickersOverlay img { width:20px; border:none; position:relative; } .browseVideosPanel .clipListWrapper .clipList .clip .title { display:block; font-size:12px; font-weight:bold; line-height:14px; margin-bottom:2px; text-wrap:none; white-space:nowrap; overflow:hidden;} .browseVideosPanel .clipListWrapper .clipList .clip .title a { color:#555; } .browseVideosPanel .clipListWrapper .clipList .clip .user a { color:#555; font-weight:normal; } .browseVideosPanel .clipListWrapper .clipList .clip .user, .browseVideosPanel .clipListWrapper .clipList .clip .date, .browseVideosPanel .clipListWrapper .clipList .clip .views { display:block; font-size:11px; color:#737373; line-height:13px; } .browseVideosPanel .clipListWrapper .clipList .clip:hover a { color:#000; } .browseVideosPanel .clipListWrapper .clipList .clip:hover a:hover { color:#000; } /* Examples: to hide Clip list elements... */ /*.browseVideosPanel .clipListWrapper .clipList .clip .image { display:none; } /* hides thumbnail */ /*.browseVideosPanel .clipListWrapper .clipList .clip .title { display:none; } /* hides title */ /*.browseVideosPanel .clipListWrapper .clipList .clip .user { display:none; } /* hides user */ /*.browseVideosPanel .clipListWrapper .clipList .clip .date { display:none; } /* hides date */ /*.browseVideosPanel .clipListWrapper .clipList .clip .views { display:none; } /* hides views */ .browseVideosPanel .pagingWrapper { /*height:40px;*/ width:auto; list-style:none; padding-left:10px; padding-bottom:10px; } .browseVideosPanel .paging li { float:left; margin:0; padding:0; filter:inherit } .browseVideosPanel .paging a { display:block; color:#777; float:left; margin-right:5px; background:#ffffff url('../images_minimalism_white/browse_videos_paging_bt_normal.gif') bottom repeat-x; border:1px solid #e3e3e3; width:auto; padding:10px; padding-top:0; padding-bottom:0; height:24px; line-height:24px; font-size:12px; font-weight:bold; } .browseVideosPanel .paging a:hover { color:#000; background:#fff url('../images_minimalism_white/browse_videos_paging_bt_hover.gif') top repeat-x; border:1px solid #d3d3d3; text-decoration:none; } .browseVideosPanel .paging span { display:block; float:left; margin-right:5px; color:#888; padding:10px; padding-top:0; padding-bottom:0; height:24px; line-height:24px; font-weight:bold; } .browseVideosPanel .pagingWrapper { left:0 !important; } .browseVideosPanel .paging { left:0 !important; } /***** related videos (news, events... ) - modifies the image size of the .relatedGalleries class - v1610 *****/ .relatedVideos.panel li .image { width:66px; height:37px; } .relatedVideos.panel li .image img { width:66px; height:37px; } /***** comments *****/ .asideArea .videosAndMore .comments.panel { text-align:center; background:#fff; border:1px solid #e3e3e3; border-left:0; border-right:0;} .asideArea .videosAndMore .comments.panel .title { margin-bottom:5px; color:#666; } .fb-comments { margin:0px auto; /*overflow:auto;*/ border:1px solid #e3e3e3; /*overflow-x:hidden;*/ } /* v1111 */ .fb_ltr { /*width:300px !important;*/ background:#fff; } .fb_iframe_widget { width:auto !important; margin:0 auto !important; position:relative !important; display:block !important; } .fb_iframe_widget iframe{position:relative !important; /* v1310 height fix */ min-height:400px; height:auto !important;} .fb_iframe_widget span{display:block !important; /* v1310 height fix */ min-height:400px; height:auto !important; } #disqus_thread { margin:5px; padding:5px; /*border:1px solid #e3e3e3; background:#fff;*/ } /* v1410 */ /***********************************************************************************************/ /***************************** Search results / User Profile ***********************************/ /***********************************************************************************************/ /***** search results *****/ .resultsAreaWrapper { display:block; margin:0 auto; clear:both; border:0px dotted; overflow:auto; } .resultsArea { display:block; margin:0 auto; text-align:left; } .resultsArea .results { } .resultsArea .results .panel { } .resultsArea .results .panel.list { border-top:1px solid #fff; background:#fff;} .resultsArea .results .panel .title { color:#444; font-size:18px; font-weight:normal; font-weight:normal; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); } .resultsArea .results .eventResults, /* v1300 */ .resultsArea .results .newsResults, /* v1300 */ .resultsArea .results .galleryResults, /* v1310 */ .resultsArea .results .channelResults, .resultsArea .results .videoResults, .resultsArea .results .xResults { padding-top:10px; } .resultsArea .results .eventResults h2, /* v1300 */ .resultsArea .results .newsResults h2, /* v1300 */ .resultsArea .results .galleryResults h2, /* v1310 */ .resultsArea .results .channelResults h2, .resultsArea .results .videoResults h2, .resultsArea .results .xResults h2 { font-size:14px; } .resultsArea .results .moreResults { display:block; text-align:right; } .resultsArea .results .moreResults a { font-weight:bold; } .resultsArea .results .noResults { color:#000; font-weight:bold; padding:30px; padding-left:0; } /***** user profile *****/ .profileAreaWrapper { display:block; margin:0 auto; clear:both; border:0px dotted; overflow:auto; } .profileArea { display:block; margin:0 auto; text-align:left; } .profileArea .profile .panelContent { margin-bottom:10px; border:1px solid #e3e3e3; background:#fff;} .profileArea .profile .panelContent .title { color:#888; font-weight:bold; } .profileArea .profile { } .profileArea .profile .header { padding:5px; min-height:52px; height:50px; background:#f2f2f2; border:1px solid #e3e3e3; border-bottom:0; } .profileArea .profile .header .userThumb { height:50px; border:1px solid #d3d3d3; float:left;} .profileArea .profile .header .basicInfo { display:block; float:left; padding-left:5px; padding-top:20px; text-align:left; } .profileArea .profile .header .basicInfo h2 { color:#000; font-size:18px; font-weight:normal; } .profileArea .profile .header .basicInfo .memberSince { color:#888; font-size:11px; } .profileArea .profile .panelContent { padding:10px; } .profileArea .profile .aboutArea { color:#777; padding-bottom:10px; font-size:12px; line-height:20px; } .profileArea .profile .aboutArea h2 { color:#444; font-size:14px; padding-bottom:5px; } .profileArea .profile .aboutArea a { font-weight: bold; } .profileArea .profile .about { line-height:16px; padding-bottom:5px; } .profileArea .profile .eventResults, /* v1310 */ .profileArea .profile .newsResults, /* v1310 */ .profileArea .profile .galleryResults, /* v1310 */ .profileArea .profile .channelResults, .profileArea .profile .videoResults { padding-top:10px; } .profileArea .profile .eventResults h2, /* v1310 */ .profileArea .profile .newsResults h2, /* v1310 */ .profileArea .profile .galleryResults h2, /* v1310 */ .profileArea .profile .channelResults h2, .profileArea .profile .videoResults h2 { font-size:14px; } .profileArea .profile .moreResults { display:block; text-align:right; } .profileArea .profile .moreResults a { font-weight:bold; } /***** category ( v1100 ) *****/ .categoryAreaWrapper { display:block; margin:0 auto; clear:both; border:0px dotted; overflow:auto; } .categoryArea { display:block; margin:0 auto; text-align:left; } .categoryArea .category .panelContent { margin-bottom:10px; border:1px solid #e8e9eb; border-top:0; background:#fff;} .categoryArea .category .panelContent .title { color:#888; font-weight:bold; } .categoryArea .category { } .categoryArea .category .header /* v1110 */{ min-height:52px; height:auto; /*overflow:auto;*/ background:#f2f2f2; border-top:1px solid #e3e3e3;} .categoryArea .category.slider .headerWrapper /* v1610 */{ display:block; background:#000; margin:0; } .categoryArea .category.slider .header /* v1610 */{ min-height:30px; border:0; } .categoryArea .category.slider .header.slider /* v1610 */{ min-height:52px; height:270px; background:#000 url('../images/slider_loading.gif') center center no-repeat; } .categoryArea .category .header .poster { width:auto; height:95px; margin-top:1px; background-position:top left; background-repeat:no-repeat; background-size: auto 95px; } .categoryArea .category .header h2 { display:block; background:#f2f2f2; padding:5px; padding-bottom:1px; text-align:left; vertical-align:middle; color:#000; font-size:20px; font-weight:normal; } .categoryArea .category .breadcrumb { display:block; background:#f2f2f2; color:#aaa; border-bottom:1px solid #e3e3e3; line-height:14px; font-size:12px; font-weight:normal; padding:5px; } .categoryArea .category .breadcrumb a { color:#666; } .categoryArea .category .breadcrumb a:hover { color:#000; } .categoryArea .category .panelContent { padding:10px; } .categoryArea .category .textContent { line-height:16px; padding-bottom:15px; } .categoryArea .category .eventResults, /* v1300 */ .categoryArea .category .newsResults, /* v1300 */ .categoryArea .category .galleryResults, /* v1310 */ .categoryArea .category .channelResults, .categoryArea .category .videoResults { padding-top:10px; } .categoryArea .category .categoriesResults h2, /* v1310 */ .categoryArea .category .eventResults h2, /* v1300 */ .categoryArea .category .newsResults h2, /* v1300 */ .categoryArea .category .galleryResults h2, /* v1310 */ .categoryArea .category .channelResults h2, .categoryArea .category .videoResults h2 { font-size:14px; } .categoryArea .category .moreResults { display:block; text-align:right; } .categoryArea .category .moreResults a { font-weight:bold; } /***** channel/clip list (items) *****/ .genericItemListWrapper { } .genericItemListWrapper .itemList { padding:0px; } /* ul */ .genericItemListWrapper .itemList .item { display:block; border-bottom:1px solid #e3e3e3; overflow:auto; padding:5px; /*height:71px;*/ margin:7px; white-space:normal; text-align:left; filter:inherit} /* li */ .genericItemListWrapper .itemList .item:hover { background:#fff; border:1px solid #e3e3e3; padding:4px; margin-top:8px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15); } .genericItemListWrapper .itemList .item, .genericItemListWrapper .itemList .item:hover { -webkit-transition:background 0.15s linear; -moz-transition:background 0.15s linear; -o-transition:background 0.15s linear; transition:background 0.15s linear; } .genericItemListWrapper .itemList .item .image { display:block; padding:0; float:left; width:auto; line-height:0; margin:0; margin-right:5px; } .genericItemListWrapper .itemList .item .image a /* v1110 */ { display:block; } .genericItemListWrapper .itemList .item .image.noLink img, /* v2000 */ .genericItemListWrapper .itemList .item .image a > img /* v1002 */ { display:block; border:1px solid #c8c9cb; margin:0; filter:inherit; width:102px; height:57px; } .genericItemListWrapper .itemList .item .image a .playOverlay { display:block; opacity:0; margin-left:0; width:102px; height:57px; z-index:1; position:absolute; } .genericItemListWrapper .itemList .item .image a:hover .playOverlay { display:block; opacity:1; background: url('../images/play_overlay.png') center center no-repeat; } .genericItemListWrapper .itemList .item .image a .playOverlay, .genericItemListWrapper .itemList .item .image a:hover .playOverlay { -webkit-transition:opacity 0.15s linear; -moz-transition:opacity-color 0.15s linear; -o-transition:opacity-color 0.15s linear; transition:opacity 0.15s linear; } .genericItemListWrapper .itemList .item .image a .stickersOverlay { display:block; width:20px; height:auto; margin-top:1px; margin-left:83px; z-index:1; position:absolute; } .genericItemListWrapper .itemList .item .image a .stickersOverlay img { width:20px; border:none; } .genericItemListWrapper .itemList .item .start_time, /* v2000 */ .genericItemListWrapper .itemList .item .extraInfo { float:right; margin-left:10px; margin-bottom:10px; text-align:right; } .genericItemListWrapper .itemList .item .title { display:block; font-size:12px; font-weight:bold; line-height:14px; margin-bottom:2px; } .genericItemListWrapper .itemList.categories .item .title /* v1100 */{ font-size:18px; font-weight:normal; line-height:18px; margin-bottom:2px; } .genericItemListWrapper .itemList .item .description { display:block; font-size:11px; color:#737373; line-height:13px; text-align:justify; } .genericItemListWrapper .itemList.categories .item .description /* v1100 */ { font-size:12px; line-height:13px; } .genericItemListWrapper .itemList .item .title a { color:#555; } .genericItemListWrapper .itemList .item .user a { color:#555; font-weight:normal; } .genericItemListWrapper .itemList .item .user, .genericItemListWrapper .itemList .item .date, .genericItemListWrapper .itemList .item .views { display:block; font-size:11px; color:#bbb; line-height:13px; } .genericItemListWrapper .itemList .item:hover a { color:#000; } .genericItemListWrapper .itemList .item:hover a:hover { color:#000; } /* (categories-specific) v1100 */ .genericItemListWrapper .itemList.categories .item { height:46px; } .genericItemListWrapper .itemList.categories .item .title { font-size:18px; font-weight:normal; line-height:18px; margin-bottom:2px; } .genericItemListWrapper .itemList.categories .item .description { font-size:12px; line-height:13px; } .genericItemListWrapper .itemList.categories .item .image { display:block; padding:0; height:46px; background:#f2f2f2; width:auto; line-height:0; margin:0; margin-right:5px; text-align:left;} .genericItemListWrapper .itemList.categories .item .image a { display:block; width:139px; height:45px; background-position:top left; background-repeat:no-repeat; background-size:auto 45px; border:1px solid #c8c9cb; } /* Examples: to hide Clip list elements... */ /*.genericItemListWrapper .itemList .item .image { display:none; } /* hides thumbnail */ /*.genericItemListWrapper .itemList .item .title { display:none; } /* hides title */ /*.genericItemListWrapper .itemList .item .description { display:none; } /* hides description */ /*.genericItemListWrapper .itemList .item .user { display:none; } /* hides user */ /*.genericItemListWrapper .itemList .item .date { display:none; } /* hides date */ /*.genericItemListWrapper .itemList .item .views { display:none; } /* hides views */ /***** category list (items) v1100 *****/ .category .genericTileItemListWrapper { display:block; padding-top:5px; padding-bottom:5px; overflow:auto; } .category .genericTileItemListWrapper .itemList { display:block; margin:0; padding:0px; } .category .genericTileItemListWrapper .itemList .item { float:left; display:block; padding:5px; width:157px; height:86px; margin:3px; margin-bottom:0; overflow:auto; white-space:normal; text-align:center; filter:inherit} .category .genericTileItemListWrapper .itemList .item:hover { border:1px solid #e3e3e3; padding:4px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15); } .category .genericTileItemListWrapper .itemList .item, .category .genericTileItemListWrapper .itemList .item:hover { -webkit-transition:background 0.15s linear; -moz-transition:background 0.15s linear; -o-transition:background 0.15s linear; transition:background 0.15s linear; } .category .genericTileItemListWrapper .itemList .item .image { display:block; padding:0; height:51px; background:#fff; width:auto; line-height:0; margin:0; text-align:left;} .category .genericTileItemListWrapper .itemList .item .image a { display:block; width:155px; height:50px; background-position:top left; background-repeat:no-repeat; background-size:auto 50px; border:1px solid #e8e8eb; border-bottom:0;} .category .genericTileItemListWrapper .itemList .item .title { width:auto; width:155px; height:29px; background:#f2f2f2; border:1px solid #e8e9eb; font-size:12px; font-weight:bold; display:table-cell; *display:block; vertical-align:middle; line-height:14px; padding:2px; padding-left:0; padding-right:0; white-space:normal; } .category .genericTileItemListWrapper .itemList .item .title a { color:#555; } .category .genericTileItemListWrapper .itemList .item:hover .title a, .category .genericTileItemListWrapper .itemList .item .title a:hover{ color:#000; } .categoryArea .pagingWrapper, /* v1100 */ .resultsArea .pagingWrapper { height:40px; width:300px; list-style:none; } .categoryArea .paging li, /* v1100 */ .resultsArea .paging li { float:left; margin:0; padding:0; filter:inherit } .categoryArea .paging a, /* v1100 */ .resultsArea .paging a { display:block; color:#777; float:left; margin-right:5px; background:#ffffff url('../images_minimalism_white/browse_videos_paging_bt_normal.gif') bottom repeat-x; border:1px solid #e3e3e3; width:auto; padding:10px; padding-top:0; padding-bottom:0; height:24px; line-height:24px; font-size:12px; font-weight:bold; } .categoryArea .paging a:hover, /* v1100 */ .resultsArea .paging a:hover { color:#000; background:#fff url('../images_minimalism_white/browse_videos_paging_bt_hover.gif') top repeat-x; border:1px solid #d3d3d3; text-decoration:none; } .categoryArea .paging span, /* v1100 */ .resultsArea .paging span { display:block; float:left; margin-right:5px; color:#888; padding:10px; padding-top:0; padding-bottom:0; height:24px; line-height:24px; font-weight:bold; } .categoryArea .pagingWrapper, /* v1100 */ .resultsArea .pagingWrapper { left:0 !important; } .categoryArea .paging, /* v1100 */ .resultsArea .paging { left:0 !important; } /***************************************************************************************/ /***************************** Text channels (pages) ***********************************/ /***************************************************************************************/ .textContentAreaWrapper { display:block; margin:0 auto; clear:both; border:0px dotted; overflow:auto; } .textContentArea { display:block; margin:0 auto; text-align:left; line-height:normal; } .textContentArea .panel { } .textContentArea .panel.page { border-top:1px solid #fff; background:#f4f5f7;} .textContentArea .withSidebar { width:626px;} .textContentArea .panel .title { display:block; padding:10px; text-align:center; padding-bottom:0; } .textContentArea .panel .title h2 { font-size:14px; font-size:18px; color:#444; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); font-weight:normal; } .textContentArea .panel .errorMsg { font-size:16px; font-weight:bold; padding:20px; text-align:center; color:#888; } .textContentArea img.mobileFix { max-width:100% !important; } .textContentArea .desktop { display:none !important; } .textContentArea .tv { display:none !important; } /* v1750 */ .pagePoster img { max-width:100%; } /*************************************************************************************/ /***************************** Portal pages (v1311) ***********************************/ /*************************************************************************************/ .portalAreaWrapper { display:block; margin:0 auto; clear:both; border:0px dotted; overflow:auto; } .portalArea { display:block; margin:0 auto; text-align:left; } .portalArea .portal .panelContent { margin-bottom:10px; border:1px solid #e8e9eb; border-top:0; background:#fff;} .portalArea .portal { } .portalArea .portal .headerWrapper { display:block; background:#000; margin:0; } .portalArea .portal .header { min-height:52px; height:270px; background:#000 url('../images/slider_loading.gif') center center no-repeat; } .portalArea .portal .panelContent { padding:10px; padding-top:0; } .portalArea .portal .textContent { line-height:16px; padding-bottom:15px; } .portalArea .portal .eventResults, .portalArea .portal .newsResults, .portalArea .portal .galleryResults, .portalArea .portal .channelResults, .portalArea .portal .videoResults { padding-top:10px; } .portalArea .portal .eventResults h2, .portalArea .portal .newsResults h2, .portalArea .portal .galleryResults h2, .portalArea .portal .channelResults h2, .portalArea .portal .videoResults h2 { font-size:14px; } .portalArea .portal .moreResults { display:block; text-align:right; } .portalArea .portal .moreResults a { font-weight:bold; } .portalArea .portal .clipListWrapper .clipList .clip { margin:2px; border-bottom:1px solid #e3e3e3; margin-bottom:1px; } .portalArea .portal .clipListWrapper .clipList .clip:hover { margin:1px; } /* Slider */ .sliderBottomShadow { display:block; height:15px; background:url('../images/slider_bottom_shadow.png') top center no-repeat; background-size:contain; -webkit-background-size:contain; } ul.bjqs-controls.v-centered li { } ul.bjqs-controls.v-centered li a{ color:#fff; height:65px; width:50px; padding:0px !important; margin:0 !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } ul.bjqs-controls.v-centered li a:hover{ -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); } ul.bjqs-controls.v-centered li.bjqs-next a { background: url(../images/slider_next_arrow_normal.png ) center center; } ul.bjqs-controls.v-centered li.bjqs-next a:hover { background: url(../images/slider_next_arrow_hover.png ) center center; } ul.bjqs-controls.v-centered li.bjqs-prev a { background: url(../images/slider_prev_arrow_normal.png ) center center; } ul.bjqs-controls.v-centered li.bjqs-prev a:hover { background: url(../images/slider_prev_arrow_hover.png ) center center; } p.bjqs-caption{ background: url('../images/slider_caption_bkg.png'); color:#fff; font-size:18px; } /*************************************************************************************************************/ /***************************** User Login / Registration / Forgot & Reset Password / Contact Form (v1750) ***********************************/ /*************************************************************************************************************/ .userRegAreaWrapper { display:block; margin:0 auto; clear:both; border:0px dotted; overflow:auto; } .userRegArea { display:block; margin:0 auto; text-align:left; } .userRegArea #resultMessage { margin-top:10px; } .userRegArea .panel { padding:10px; margin-bottom:10px; border:1px solid #e3e3e3; border-top:1px solid #fff; background:#fff;} .textContentArea .panel .title, /* v1750 */ .userRegArea .panel .title { display:block; padding:10px; text-align:center; padding-bottom:0; } .textContentArea .panel .title h2, /* v1750 */ .userRegArea .panel .title h2 { font-size:14px; font-size:18px; color:#444; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); font-weight:normal; } /* v1750: various + replaced ".userRegArea .panel .formTable" -> ".formTable" */ .forbidden, .verificationMsg { font-size:14px; font-weight:bold; padding:20px; text-align:center; color:#888; } .formTable { margin:10px auto; overflow:hidden; } .formTable td { margin:0; padding:3px; white-space:nowrap;} .formTable td.fieldTitle { text-align:right; font-weight:bold; color:#888; white-space:normal; } .formTable td.logOptions { color:#888; font-size:11px; } .formTable td.optionalTitle { color:#888; padding:10px; padding-left:0; font-weight:bold } .formTable td a { font-weight:bold; } .formTable textarea.textArea, .formTable input.field { width:150px; background:#fafafa; border:1px solid #e3e3e3; margin:0; padding:2px; height:19px; line-height:19px; text-indent:5px; } .formTable textarea.textArea { height: auto;} .formTable textarea.textArea.error, .formTable input.field.error { background:#fff0f0; border-color:#d00; } .formTable textarea.textArea.error:hover, .formTable textarea.textArea.error:focus, .formTable input.field.error:hover, .formTable input.field.error:focus { background:#fff; border-color:#d00; } .formTable textarea.textArea:hover, .formTable textarea.textArea:focus, .formTable input.field:hover, .formTable input.field:focus { border:1px solid #676767; } .formTable input.field.width2char { width:30px; } .formNotice { display:block; text-align:center; color:#888; padding-left:4px; line-height:19px; font-size:11px; font-weight:normal; text-wrap:normal; white-space:normal; } .formTable span.required { color:#888; padding-left:4px; line-height:19px; font-size:11px; font-weight:bold;} .formTable span.notrequired { display:none;} .formTable select.field { background:#fafafa; border:1px solid #e3e3e3; margin:0; padding:2px; height:24px; line-height:19px; font-size:11px; } .formTable select.field.fixedWidth /* v2203 */{ width:150px; } .formTable select.field.error { background:#fff0f0; border-color:#d00; } .formTable select.field.error:hover, .formTable select.field.error:focus { background:#fff; border-color:#d00; } .formTable #question { display:inline; } .formTable .button { color:#555; display:block; border:1px solid #e3e3e3; padding:10px; padding-left:15px; padding-right:15px; float:left; background: #fff url('../images_minimalism_white/form_button_normal.gif') repeat-x bottom; font-weight:bold; text-align:center; } .formTable .button:hover { color:#000; border-color:#d3d3d3; background:#fff url('../images_minimalism_white/form_button_hover.gif') repeat-x bottom; text-decoration:none; } .formTable .fieldValidation { display:inline; margin-left:5px; padding-left:16px; width:16px; height:16px; line-height:16px; visibility:hidden; } .formTable .fieldValidation.ok { background:url('../images/icon_msg_ok.png') center center no-repeat; visibility:visible } .formTable .fieldValidation.error { background:url('../images/icon_msg_error.png') center center no-repeat; visibility:visible } .formTable .waiting { background: url('../images_minimalism_white/icon_loading.gif') center center no-repeat; display:none; width:50px; height:35px; } .formTable .button:hover{ -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } /********************************************************************************************/ /***************************** Ext. News and Events v1300 ***********************************/ /********************************************************************************************/ .eventCalendarIcon { display:block; width:40px; height:40px; float:right; border:1px solid #e3e3e3; background:url('../images_minimalism_white/news_and_events_calendar_day_bkg.gif') top repeat-x; } .eventCalendarIcon .calendarMonth { display:block; width:40px; height:15px; line-height:15px; background:#cc4545; color:#fff; font-size:11px; font-weight:bold; text-align:center; } .eventCalendarIcon .calendarDay { display:block; width:40px; height:25px; line-height:25px; color:#000; font-size:22px; font-weight:bold; text-align:center; } .eventCalendarIcon { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; } .eventCalendarIcon .calendarMonth { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottompright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .newseventsContentAreaWrapper { display:block; margin:0 auto; margin-top:10px; clear:both; border:0px dotted; overflow:auto; } .newseventsContentArea { display:block; margin:0 auto; text-align:left; line-height:normal; } .newseventsContentArea .panel .title { display:block; padding:0px; text-align:left; padding-bottom:0; margin-bottom:5px; } .newseventsContentArea .sideBar .panel .title { text-align:left; margin-bottom:0; } .newseventsContentArea .panel .title h2 { font-size:24px; color:#444; font-weight:normal; } .newseventsContentArea .mobile { display:none !important; } .newseventsContentArea .tv { display:none !important; } .newseventsContentArea .mainImageAndMap { display:block; float:left; margin-right:10px; margin-bottom:0; } .newseventsContentArea .mainImageAndMap .mainImage { display:block; width:150px; background:#f6f6f6; border:1px solid #e3e3e3; z-index:9; margin-bottom:10px; } .newseventsContentArea .mainImageAndMap .mainImage:hover { background:#fff; border-color:#e3e3e3; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15); } .newseventsContentArea .mainImageAndMap .mainImage img { width:130px; margin:10px; margin-bottom:0; border:1px solid #d9dadb; } .newseventsContentArea .mainImageAndMap .mainImageLegend { margin:10px; margin-top:0; margin-bottom:5px; text-align:center; font-size:11px; } .newseventsContentArea .mainImageAndMap .map { display:block; width:152px; height:auto; } .newseventsContentArea .mainImageAndMap .mapCanvas { width:150px; border:1px solid #e3e3e3; margin:0; } .newseventsContentArea .mainImageAndMap .mapLegend { margin:10px; margin-top:0px; margin-bottom:5px; text-align:center; font-size:11px; } .newseventsContentArea .pubInfo { font-size:11px; color:#888; margin-bottom:5px; } .newseventsContentArea .pubInfo a { font-weight:bold; } .newseventsContentArea .pubInfo .ongoing { font-weight:bold; color:#e44; } .newseventsContentArea .pubInfo .upcoming { font-weight:bold; color:#4a4; } .newseventsContentArea .textContent { text-align:justify; line-height:17px; } .newseventsContentArea .shadow { display:block; clear:left; height:10px; background:url('../images_minimalism_white/news_and_events_shadow.png') center no-repeat} .newseventsContentArea .gallery .title, .newseventsContentArea .documents .title { text-align:center; margin-top:5px; } .newseventsContentArea .shareArea { clear:left; background:#f6f6f6; border:1px solid #e3e3e3; margin-top:10px; margin-bottom:10px; padding:10px; } .newseventsContentArea .shareArea .socialWidgets { display:block; overflow:auto; } .newseventsContentArea .shareArea .socialWidget /* v1310 */{ margin-bottom:5px; } .newseventsContentArea .shareArea .socialWidget iframe { min-width:115px !important; } .newseventsContentArea .shareArea .socialSharingButtons { display:block; clear:left; margin-top:5px; } .newseventsContentArea .documents {} .newseventsContentArea .documentList { overflow:auto; } .newseventsContentArea .documentList .document { float:left; width:280px; height:32px; padding:10px; } .newseventsContentArea .documentList .document .icon { float:left; margin-right:5px; } .newseventsContentArea .documentList .document .title, .newseventsContentArea .documentList .document .description { width:auto; margin:0; text-align:left; } .newseventsContentArea .documentList .document .description { font-size:11px; color:#888; } .newseventsContentArea .categoriesAndTags { clear:left; margin-bottom:10px; } .newseventsContentArea .categoriesAndTags .categories, .newseventsContentArea .categoriesAndTags .tags { margin-bottom:5px; } .newseventsContentArea .categoriesAndTags a { font-weight:bold; } .newseventsContentArea .moreResults /* v1310 */{ clear:left; border-top:1px solid #e3e3e3; padding-top:10px; } .newseventsContentArea .moreResults a { font-weight:bold; display:block; } .newseventsContentArea .moreResults .prevItem { float:left; text-align:left; } .newseventsContentArea .moreResults .nextItem { float:right; text-align:right; } .newseventsContentArea .moreResults .itemList { margin:0 auto; width:150px; text-align:center; } .relatedNewsAndEvents a { font-weight:bold; } .relatedNewsAndEvents li { display:block; padding-bottom:2px; margin-bottom:2px; border-bottom:1px solid #e3e3e3;} .relatedNewsAndEvents li:last-child { border:0; margin:0; } .relatedNewsAndEvents li .upcoming, .relatedNewsAndEvents li .ongoing { font-weight:bold; } .relatedNewsAndEvents li .upcoming, .relatedNewsAndEvents li .ongoing, .relatedNewsAndEvents li .date { font-size:11px; color:#888; } .relatedNewsAndEvents li .upcoming { color:#4a4; } .relatedNewsAndEvents li .ongoing { color:#e44; } .newsEventListSubscribe { display:block; padding-top:5px; padding-right:5px; float:right; font-size:11px; } .newsEventListSubscribe .subscribe_rss_icon_channel { width:10px; height:10px; background: url('../images_minimalism_white/icon_rss_channel.png'); } /***** gallery:slider *****/ .newseventsContentArea .gallerySliderWrapper { overflow:hidden; height:90px; } .newseventsContentArea .gallerySliderWrapper .sliderLeftArrow { float:left;} .newseventsContentArea .gallerySliderWrapper .sliderLeftArrow a { width:30px; height:80px; display:block; background:url('../images_minimalism_white/gallery_slider_left_arrow.gif') top left no-repeat; } .newseventsContentArea .gallerySliderWrapper .sliderLeftArrow a:hover { background:url('../images_minimalism_white/gallery_slider_left_arrow.gif') top center no-repeat; } .newseventsContentArea .gallerySliderWrapper .sliderLeftArrow a.disabled { background:url('../images_minimalism_white/gallery_slider_left_arrow.gif') top right no-repeat; } .newseventsContentArea .gallerySliderWrapper .sliderRightArrow { float:right; width:30px; } .newseventsContentArea .gallerySliderWrapper .sliderRightArrow a { width:30px; height:80px; display:block; background:url('../images_minimalism_white/gallery_slider_right_arrow.gif') top left no-repeat; } .newseventsContentArea .gallerySliderWrapper .sliderRightArrow a:hover { background:url('../images_minimalism_white/gallery_slider_right_arrow.gif') top center no-repeat; } .newseventsContentArea .gallerySliderWrapper .sliderRightArrow a.disabled { background:url('../images_minimalism_white/gallery_slider_right_arrow.gif') top right no-repeat; } .newseventsContentArea .gallerySliderWrapper .galleryImageListWrapper { min-width:200px; height:80px; display:block; position:relative; *position:inherit; padding:0; margin:0 auto; overflow:hidden; border:0px solid;} .newseventsContentArea .gallerySliderWrapper .galleryImageListWrapper .galleryImageList { width:9000px; height:80px; display:block; overflow:hidden; margin-left:0px; padding-top:5px; white-space:nowrap; line-height:0; font-size:0px; } /* ul */ .newseventsContentArea .gallerySliderWrapper .galleryImageListWrapper .galleryImageList .image /* v1310 */{ border:1px solid #c8c9cb; background:#000; display:inline-block; *display:block; *float:left; vertical-align:middle; width:80px; line-height:60px; height:60px; margin:7px; margin-top:0; margin-bottom:1px; white-space:normal; text-align:center; filter:inherit } /* li */ .newseventsContentArea .gallerySliderWrapper .galleryImageListWrapper .galleryImageList .image:hover /* v1310 */{ -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.25); box-shadow: 0px 0px 8px rgba(0,0,0,0.25); } .newseventsContentArea .gallerySliderWrapper .galleryImageListWrapper .galleryImageList .image a { /*display:block;*/ } .newseventsContentArea .gallerySliderWrapper .galleryImageListWrapper .galleryImageList .image a > img /* v1310 */{ width:auto; height:60px; max-width:80px; height:auto; max-height:60px; vertical-align:middle; filter:inherit; } .newseventsContentArea .gallerySliderWrapper .galleryImageListWrapper .galleryImageList .image a:hover > img /* v1310 */{ } /***** event list *****/ .eventListWrapper {} .eventListWrapper .eventList {} .eventListWrapper .eventList .item { display:block; overflow:auto; float:none; border-bottom:1px solid #e3e3e3; padding:5px; padding-bottom:4px; margin:7px; white-space:normal; text-align:left; filter:inherit; } .eventListWrapper .eventList .item:hover { background:#fff; border:1px solid #e3e3e3; padding:4px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15); } .eventListWrapper .eventList .item, .eventListWrapper .eventList .item:hover { -webkit-transition:background 0.15s linear; -moz-transition:background 0.15s linear; -o-transition:background 0.15s linear; transition:background 0.15s linear; } .eventListWrapper .eventList .item.upcoming { border:1px solid #4a4; padding:4px; } .eventListWrapper .eventList .item.ongoing { border:1px solid #e44; padding:4px; } .eventListWrapper .eventList .item.upcoming:hover, .eventListWrapper .eventList .item.ongoing:hover { border-width:2px; padding:3px; } .eventListWrapper .eventList .item .itemHeader { display:block; min-height:45px; } .eventListWrapper .eventList .item .eventCalendarIcon { float:left; } .eventListWrapper .eventList .item .image { float:left; margin-left:5px; } .eventListWrapper .eventList .item .image img { height:40px; border:1px solid #e3e3e3; } .eventListWrapper .eventList .item .titleAndPubInfo { float:left; min-height:40px; margin-left:5px; } .eventListWrapper .eventList .item .titleAndPubInfo .title { font-size:14px; font-weight:bold; margin-bottom:2px; } .eventListWrapper .eventList .item .titleAndPubInfo .date, .eventListWrapper .eventList .item .titleAndPubInfo .user { font-size:11px; color:#888; margin-bottom:2px; } .eventListWrapper .eventList .item .titleAndPubInfo .date .ongoing { color:#e44; font-weight:bold; } .eventListWrapper .eventList .item .titleAndPubInfo .date .upcoming { color:#4a4; font-weight:bold; } .eventListWrapper .eventList .item a { color:#555; } .eventListWrapper .eventList .item:hover a { color:#000; } .eventListWrapper .eventList .item .description { clear:left; display:block; font-size:11px; color:#737373; line-height:13px; text-align:justify; } .newsEventListSubscribe /* v1402 */ { display:block; padding-top:5px; padding-right:5px; float:right; font-size:11px; } .newsEventListSubscribe .subscribe_rss_icon_channel /* v1402 */ { width:10px; height:10px; background: url('../images_default/icon_rss_channel.png'); } /* mini list*/ .miniEventListWrapper {} .miniEventListWrapper .miniEventList { margin:7px; } .miniEventListWrapper .miniEventList .item { overflow:auto; background:#fafafa; padding:3px; padding-bottom:4px; } .miniEventListWrapper .miniEventList .item a { font-weight:bold; } .miniEventListWrapper .miniEventList .date /* v1311 */{ float:right; font-size:11px; color:#888; margin-left:5px; } .miniEventListWrapper .miniEventList .date .ongoing { color:#e44; font-weight:bold; } .miniEventListWrapper .miniEventList .date .upcoming { color:#4a4; font-weight:bold; } .miniEventListWrapper .miniEventList a { color:#555; } .miniEventListWrapper .miniEventList a:hover { color:#000; } /***** news list *****/ .newsListWrapper {} .newsListWrapper .newsList {} .newsListWrapper .newsList .item { display:block; overflow:auto; float:none; border-bottom:1px solid #e3e3e3; padding:5px; padding-bottom:4px; margin:7px; white-space:normal; text-align:left; filter:inherit; } .newsListWrapper .newsList .item:hover { background:#fff; border:1px solid #e3e3e3; padding:4px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15); } .newsListWrapper .newsList .item, .newsListWrapper .newsList .item:hover { -webkit-transition:background 0.15s linear; -moz-transition:background 0.15s linear; -o-transition:background 0.15s linear; transition:background 0.15s linear; } .newsListWrapper .newsList .item .image { float:left; margin-right:5px; } .newsListWrapper .newsList .item .image img /* v1311 */{ max-width:109px; max-height:60px; width:auto; height:auto; /*height:60px;*/ border:1px solid #e3e3e3; } .newsListWrapper .newsList .item.first .image img /* v1311 */{ max-width:182px; max-height:90px; /*height:90px;*/ } .newsListWrapper .newsList .item .title { font-size:14px; font-weight:bold; margin-bottom:2px; } .newsListWrapper .newsList .item.first .title { font-size:17px; } .newsListWrapper .newsList .item .date, .newsListWrapper .newsList .item .user { font-size:11px; color:#888; margin-bottom:2px; } .newsListWrapper .newsList .item .description { display:block; font-size:13px; color:#737373; line-height:16px; text-align:justify; } .newsListWrapper .newsList .item .description a { font-weight:bold; } .newsListWrapper .newsList .item.first .description a { display:block; } .newsListWrapper .newsList .item a { color:#555; } .newsListWrapper .newsList .item:hover a { color:#000; } /* mini list*/ .miniNewsListWrapper {} .miniNewsListWrapper .miniNewsList { margin:7px; } .miniNewsListWrapper .miniNewsList .item { overflow:auto; background:#fafafa; padding:3px; padding-bottom:4px; } .miniNewsListWrapper .miniNewsList .item a { font-weight:bold; } .miniNewsListWrapper .miniNewsList .date /* v1311 */{ float:right; font-size:11px; color:#888; margin-left:5px; } .miniNewsListWrapper .miniNewsList a { color:#555; } .miniNewsListWrapper .miniNewsList a:hover { color:#000; } /*********************************************************************************/ /***************************** Galleries v1310 ***********************************/ /*********************************************************************************/ .galleryContentAreaWrapper { display:block; margin:0 auto; margin-top:10px; clear:both; border:0px dotted; overflow:auto; } .galleryContentArea { display:block; margin:0 auto; text-align:left; } .galleryContentArea .panel.gallery { line-height:normal; } .galleryContentArea .panel .title { display:block; padding:0px; text-align:left; padding-bottom:0; margin-bottom:5px; } .galleryContentArea .sideBar .panel .title { text-align:left; margin-bottom:0; } .galleryContentArea .panel .title h2 { font-size:24px; color:#444; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); font-weight:normal; } .galleryContentArea .mobile { display:none !important; } .galleryContentArea .tv { display:none !important; } .galleryContentArea .mainImage { display:block; text-align:center; } .galleryContentArea .mainImage img { width:auto; max-width:100%; height:auto; max-height:455px; margin:1px;} .galleryContentArea .mainImage img:hover { border:1px solid #888; margin:0; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.55); box-shadow: 0px 0px 8px rgba(0,0,0,0.55); } .galleryContentArea .pubInfo { font-size:11px; color:#888; margin-bottom:5px; } .galleryContentArea .pubInfo a { font-weight:bold; } .galleryContentArea .textContent { text-align:justify; line-height:17px; } .galleryContentArea .galleryImageList { overflow:auto; *overflow:inherit; } .galleryContentArea .galleryImageList li /* v1403 */{ background:#000; width:142px; height:107px; line-height:105px; vertical-align:middle; display:block; float:left; text-align:center; padding:0; border:1px solid #fff; margin:0; } .galleryContentArea .galleryImageList li a { } .galleryContentArea .galleryImageList img { max-width:142px; max-height:107px; vertical-align:middle; } .galleryContentArea .galleryImageList li:hover { border:1px solid #888; margin:0; } .galleryContentArea .galleryImageList li:hover img { -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.55); box-shadow: 0px 0px 8px rgba(0,0,0,0.55); } /* if you want one image above another (instead of thumbnail-sized uncomment the follow, and change the images in the loop from _social to _poster */ /* .galleryContentArea .galleryImageList li { width:auto; height:auto; max-height:455px; float:none; background:none; margin:0; margin-top:5px; } .galleryContentArea .galleryImageList li:hover { margin:0; margin-top:5px; border:0; } .galleryContentArea .galleryImageList img { max-width:606px; height:auto; max-height:455px; margin:1px; } .galleryContentArea .galleryImageList li:hover img { border:1px solid #222; margin:0; } */ .galleryContentArea .shareArea { clear:left; background:#f8f8fa; border:1px solid #e8e9eb; margin-top:10px; margin-bottom:10px; padding:10px; } .galleryContentArea .shareArea .socialWidgets { display:block; } .galleryContentArea .shareArea .socialWidget { margin-bottom:5px; } .galleryContentArea .shareArea .socialWidget iframe { min-width:115px !important; } .galleryContentArea .shareArea .socialSharingButtons { display:block; clear:left; margin-top:5px; } .galleryContentArea .categoriesAndTags { clear:left; margin-bottom:10px; } .galleryContentArea .categoriesAndTags .categories, .galleryContentArea .categoriesAndTags .tags { margin-bottom:5px; } .galleryContentArea .categoriesAndTags a { font-weight:bold; } .galleryContentArea .moreResults { clear:left; border-top:1px solid #e8e9eb; padding-top:10px; } .galleryContentArea .moreResults a { font-weight:bold; display:block; } .galleryContentArea .moreResults .prevItem { float:left; text-align:left; } .galleryContentArea .moreResults .nextItem { float:right; text-align:right; } .galleryContentArea .moreResults .itemList { margin:0 auto; width:150px; text-align:center; } .relatedGalleries { overflow:auto; } .relatedGalleries li { display:block; float:left; width:280px; min-height:55px; padding-right:10px; padding-top:5px; } .relatedGalleries li .image /* v1610 */{ width:66px; height:50px; float:left; margin-right:5px; text-align:center; background:#000; border:1px solid #c8c9cb; overflow:hidden; } .relatedGalleries li .image img /* v1610 */{ max-width:67px; max-height:51px; overflow:hidden } .relatedGalleries li .title { margin-bottom:2px !important; } .relatedGalleries li .user, .relatedGalleries li .date { font-size:11px; color:#888; line-height:13px; } .galleryListSubscribe { display:block; padding-top:5px; padding-right:5px; float:right; font-size:11px; } .galleryListSubscribe .subscribe_rss_icon_channel { width:10px; height:10px; background: url('../images_minimalism_white/icon_rss_channel.png'); } /***** gallery list *****/ .galleryListWrapper { overflow:auto; margin-bottom:5px; } .galleryListWrapper .galleryList {} .galleryListWrapper .galleryList .item /* v1700 */{ display:block; overflow:hidden; float:left; width:124px /* img width +2 */; height:170px; border-bottom:1px solid #e3e3e3; padding:5px; padding-bottom:4px; padding-bottom:4px; margin:4px; white-space:normal; text-align:center; filter:inherit; } .galleryListWrapper .galleryList.overview .item { width:auto; float:none; height:79px /* img height + 2 */; text-align:left; } .galleryListWrapper .galleryList .item:hover { background:#fff; border:1px solid #e3e3e3; padding:4px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15); } .galleryListWrapper .galleryList .item, .galleryListWrapper .galleryList .item:hover { -webkit-transition:background 0.15s linear; -moz-transition:background 0.15s linear; -o-transition:background 0.15s linear; transition:background 0.15s linear; } .galleryListWrapper .galleryList .item .image { width:124px /* img width +2 */; height:94px /* img height + 2 */; line-height:94px /* img height + 2 */; text-align:center; vertical-align:middle; } .galleryListWrapper .galleryList .item .image img { max-width:122px; max-height:92px; border:1px solid #e3e3e3; vertical-align:middle; } .galleryListWrapper .galleryList.overview .item .image { width:104px /* img width +2 */; height:79px /* img height + 2 */; line-height:77px /* img height + 2 */; float:left; margin-right:5px; } .galleryListWrapper .galleryList.overview .item .image img { max-width:102px; max-height:77px;} .galleryListWrapper .galleryList .item .image a .stickersOverlay /* v1311 */{ display:block; width:20px; height:auto; margin-top:3px; margin-left:103px; z-index:1; position:absolute; } .galleryListWrapper .galleryList.overview .item .image a .stickersOverlay /* v1311 */{ margin-left:83px; margin-top:2px; } .galleryListWrapper .galleryList .item .image a .stickersOverlay img /* v1311 */{ width:20px; border:none; } .galleryListWrapper .galleryList .item .title { font-size:12px; font-weight:bold; margin-top:5px; margin-bottom:5px; } .galleryListWrapper .galleryList .item .date, .galleryListWrapper .galleryList .item .user { font-size:11px; color:#888; margin-top:2px; } .galleryListWrapper .galleryList .item .description { display:block; font-size:13px; color:#737373; line-height:16px; text-align:justify; } .galleryListWrapper .galleryList .item .description a { font-weight:bold; } /****************************************************************************************/ /***************************** Search Filters (v1600) ***********************************/ /****************************************************************************************/ .searchFiltersToggleButton { float:right; font-weight:bold; padding:5px; border:1px solid #e6e7e8;} .searchFiltersToggleButton:hover{ text-decoration:none; border-color:#4b4b4b; } .searchFiltersToggleButton.pressed { background-color:#f2f2f2; border-color:#f2f2f2; color:#777; } .searchFiltersToggleButton.pressed:hover { color:#000; } .searchFiltersWrapper { display:none; clear:left; border-bottom:1px solid #e6e7e8; margin:5px; margin-top:15px; margin-bottom:0; } .searchFilters { display:block; clear:left; min-height:30px; color:#777; overflow:auto; padding:5px; padding-bottom:10px; } .searchFilters a { font-weight:bold; } .searchFilters .filtersTitle { float:left; line-height:28px; font-weight:bold; min-height:28px; } .searchFilters .searchFilter { float:right; margin-left:10px; font-size:11px; min-height:28px; } .searchFilters .searchFilter input, .searchFilters .searchFilter select { color:#000; background:#transparent; border:1px solid #e6e7e8; margin:0; font-size:12px; padding:2px; padding-left:5px; padding-right:0; height:28px; line-height:28px; } .searchFilters .searchFilter input { font-size:13px; padding:0; padding-left:5px; padding-right:0; margin-right:5px; line-height:normal; } .searchFilters .searchFilter input:hover, .searchFilters .searchFilter input:focus, .searchFilters .searchFilter select:hover, .searchFilters .searchFilter select:focus { background:#transparent; border-color:#4b4b4b; } /******************************************************************************************/ /***************************** List View Modes (v1610) ***********************************/ /******************************************************************************************/ .listViewModes { float:right; margin-right:10px; } /* the buttons have similar style to the search filter one */ .listViewModeButton { float:left; font-weight:bold; width:20px; padding:5px; display:block; border:1px solid #e6e7e8;} .listViewModeButton.std { background: url('../images_minimalism_white/list_view_mode_std.gif') center center no-repeat;} .listViewModeButton.grid { background: url('../images_minimalism_white/list_view_mode_grid.gif') center center no-repeat;} .listViewModeButton:hover { text-decoration:none; background-color:#fff; } .listViewModeButton.pressed { background-color:#f2f2f2; border-color:#f2f2f2; } .listGridView .results .genericItemListWrapper, .listGridView .channelResults .genericItemListWrapper, .listGridView .channelResults .clipListWrapper, .listGridView .videoResults .genericItemListWrapper, .listGridView .videoResults .clipListWrapper, .listGridView .xResults .genericItemListWrapper, .listGridView .results .moreResults, .listGridView .channelResults .moreResults, .listGridView .videoResults .moreResults, .listGridView .galleryResults .moreResults, .listGridView .xResults .moreResults, .listGridView .results .pagingWrapper, .listGridView .channelResults .pagingWrapper, .listGridView .videoResults .pagingWrapper, .listGridView .galleryResults .pagingWrapper, .listGridView .xResults .pagingWrapper, .listGridView .results h2, .listGridView .channelResults h2, .listGridView .videoResults h2, .listGridView .galleryResults h2, .listGridView .xResults h2 { clear:left; } .listGridView .channelResults .genericItemListWrapper .itemList, .listGridView .channelResults .clipListWrapper .clipList, .listGridView .videoResults .genericItemListWrapper .itemList, .listGridView .videoResults .clipListWrapper .clipList, .listGridView .xResults .genericItemListWrapper .itemList { clear:left; padding-top:1px; } .listGridView .channelResults .genericItemListWrapper .itemList .item, .listGridView .channelResults .clipListWrapper .clipList .clip, .listGridView .videoResults .genericItemListWrapper .itemList .item, .listGridView .videoResults .clipListWrapper .clipList .clip, .listGridView .xResults .genericItemListWrapper .itemList .item { display:inline-block; vertical-align:top; *display:block; *float:left; width: 117px; height:150px; overflow:hidden; } .listGridView .channelResults .genericItemListWrapper .itemList .item .image, .listGridView .channelResults .clipListWrapper .clipList .clip .image, .listGridView .videoResults .genericItemListWrapper .itemList .item .image, .listGridView .videoResults .clipListWrapper .clipList .clip .image, .listGridView .xResults .genericItemListWrapper .itemList .item .image { float:none; } .listGridView .channelResults .genericItemListWrapper .itemList .item .image a > img, .listGridView .channelResults .clipListWrapper .clipList .clip .image a > img, .listGridView .videoResults .genericItemListWrapper .itemList .item .image a > img, .listGridView .videoResults .clipListWrapper .clipList .clip .image a > img, .listGridView .xResults .genericItemListWrapper .itemList .item .image a > img { max-width:113px; } .listGridView .channelResults .genericItemListWrapper .itemList .item .title, .listGridView .channelResults .clipListWrapper .clipList .clip .title, .listGridView .videoResults .genericItemListWrapper .itemList .item .title, .listGridView .videoResults .clipListWrapper .clipList .clip .title, .listGridView .xResults .genericItemListWrapper .itemList .item .title { text-align:center; margin-top:3px; } .listGridView .channelResults .genericItemListWrapper .itemList .item .description, .listGridView .channelResults .clipListWrapper .clipList .clip .description, .listGridView .videoResults .genericItemListWrapper .itemList .item .description, .listGridView .videoResults .clipListWrapper .clipList .clip .description, .listGridView .xResults .genericItemListWrapper .itemList .item .description { display: none;} .listGridView .genericItemListWrapper .itemList .item .extraInfo { float:none; text-align:center; margin:0 auto; } .listGridView .genericItemListWrapper .itemList .item .extraInfo .storeButton { float:none; } /* --- Galleries --- */ .listGridView .galleryListWrapper .galleryList.overview .item { float:left; width:124px /* img width +2 */; height:170px; text-align:center; } .listGridView .galleryListWrapper .galleryList.overview .item .image { width:124px /* img width +2 */; height:94px /* img height + 2 */; line-height:94px /* img height + 2 */; float:none;} .listGridView .galleryListWrapper .galleryList.overview .item .image img { max-width:122px; max-height:92px; } .listGridView .galleryListWrapper .galleryList.overview .item .image a .stickersOverlay { margin-top:3px; margin-left:103px; } /* --- News and events --- */ .listGridView .newsResults h2, .listGridView .eventsResults h2 { clear:left; } .listGridView .newsListWrapper .newsList, .listGridView .eventListWrapper .eventList { clear:left; padding-top:1px; } @media all and (max-width:330px) { .listGridView .newsListWrapper .newsList .item, .listGridView .eventListWrapper .eventList .item { display:inline-block; *display:block; *float:left; vertical-align:top; width:220px; width:90%; height:auto; overflow:hidden; } .listGridView .newsListWrapper .newsList .item.first .image img { max-width:99%; max-height:145px; } } @media all and (max-width:640px) and (min-width: 330px) { .listGridView .newsListWrapper .newsList .item, .listGridView .eventListWrapper .eventList .item { display:inline-block; *display:block; *float:left; vertical-align:top; width:220px; width:44%; height:auto; overflow:hidden; } .listGridView .newsListWrapper .newsList .item.first .image img { max-width:99%; max-height:145px; } } @media all and (max-width:1200px) and (min-width: 640px) { .listGridView .newsListWrapper .newsList .item, .listGridView .eventListWrapper .eventList .item { display:inline-block; *display:block; *float:left; vertical-align:top; width:127px; width:220px; width:29%; height:auto; overflow:hidden; } .listGridView .newsListWrapper .newsList .item.first .image img { max-width:99%; max-height:125px; } } @media all and (min-width:1200px) { .listGridView .newsListWrapper .newsList .item, .listGridView .eventListWrapper .eventList .item { display:inline-block; *display:block; *float:left; vertical-align:top; width:127px; width:220px; width:22%; height:auto; overflow:hidden; } .listGridView .newsListWrapper .newsList .item.first .image img { max-width:99%; max-height:155px; } } .listGridView .eventListWrapper .eventList .item .titleAndPubInfo { display:block; clear:left; margin:0; margin-top:3px; } .listGridView .newsListWrapper .newsList .item.first .image { float:none; } .listGridView .newsListWrapper .newsList .item .description { display:block; font-size:11px; } .listGridView .newsListWrapper .newsList .item .description a { display:block; } /****************************************************************************************************/ /***************************** Restricted Content Snippet (v2000) ***********************************/ /****************************************************************************************************/ .restrictedContentSnippet { overflow:auto; border-top:none !important; border-left:none !important; border-right:none !important; background:none !important; } .restrictedContentSnippet .image { float:left; margin-right:10px; } .restrictedContentSnippet img { max-width:100px; } /****************************************************************************/ /***************************** Footer area ***********************************/ /****************************************************************************/ .footerAreaWrapper { display:block; margin:0 auto; margin-top:10px; border:1px solid #e3e3e3; border-left:0; border-right:0; clear:both; background:#f2f2f2; } .footerArea { display:block; margin:0 auto; padding:10px; text-align:left; color:#737373; font-size:12px; } .footerArea a { font-weight:bold; } .footerArea a.active { color:#000; text-decoration:underline; } .footerArea .menu /* v1110 */{ float:none; font-size:11px; padding-bottom:5px; overflow:auto; } .footerArea .menu li /* v1110 */{ list-style:none; float:left; padding-left:5px; margin-left:5px; border-left:1px solid #bbb; } .footerArea .menu li:first-child /* v1110 */{ border:0; padding-left:0; margin-left:0; } .footerArea .menu li.active a /* v1110 */{ color:#000; } .footerArea .menu li ul /* v1110 */{ padding-top:5px; } .footerArea .menu li ul li /* v1110 */{ padding:0; margin:0; } .footerArea .text { display:block; font-size:12px; line-height:16px; /*min-width:930px*/ /*mobile fix*/; } .footerArea .guiLinks, .footerArea .mobileLink { display:block; padding-top:15px; text-align:center; font-size:11px; } /**************************************************************************************/ /***************************** Scroll to top helper ***********************************/ /**************************************************************************************/ .scrollToTopHelper { position:absolute; position:fixed; display:block; right:0; bottom:0px; background:#555; background:rgba(0,0,0,0.7); z-index:99; border:1px solid #444; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ } .scrollToTopHelper:hover { background:#222; } .scrollToTopHelper a { color:#ccc; display:block; font-size:18px; padding:10px; text-decoration:none; } .scrollToTopHelper a:hover { color:#fff; } /* .navigationWrapper.constWidth { width:auto;} .navigationSecWrapper.constWidth { width:auto;} .channelBarWrapper.constWidth { width:auto;} .channelInfoWrapper.constWidth { width:auto;} .videoPlayerAreaWrapper.constWidth { width:auto;} .clipInfoAreaWrapper.constWidth { width:auto;} .footerAreaWrapper.constWidth { width:auto;} */ /**********************************************************************************/ /***************************** in page messages ***********************************/ /**********************************************************************************/ .noscript { padding:10px; border: 2px solid; text-align:center; font-weight:bold; background:#efcdcd url('../images/msg_error_bkg.gif') top repeat-x; border-color:#ee4848; } #resultMessage { z-index:1; } #resultMessage .message /* v1900pf2 */{ color:#000 !important; padding:10px; margin:0px; border: 2px solid; font-weight:bold !important; } #resultMessage .msgOK { background:#c8edc8 url('../images/msg_ok_bkg.gif') top repeat-x; border-color:#50d450; } #resultMessage .msgError { background:#efcdcd url('../images/msg_error_bkg.gif') top repeat-x; border-color:#ee4848;} .iconCloseMsg /* v1900pf2 */{ float:right; padding:2px; width:12px; height:12px; text-align:center; font-weight:bold !important; } .msgError .iconCloseMsg /* v1900pf2 */{ color:#d77 !important; } .msgError .iconCloseMsg:hover /* v1900pf2 */{ background:#c44 !important; color:#fff !important; text-decoration:none; } .msgOK .iconCloseMsg /* v1900pf2 */{ color:#7c7 !important; } .msgOK .iconCloseMsg:hover /* v1900pf2 */{ background:#4b4 !important; color:#fff !important; text-decoration:none; } .iconCloseMsg { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .message { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /*************************************************************************/ /***************************** shadows ***********************************/ /*************************************************************************/ .navigationSecWrapper /*.navigationSec*/ { -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); box-shadow: 0px 5px 10px rgba(0,0,0,0.3); } .navigation .navSearch:hover, .browseVideosPanel .browseSearch:hover, .browseVideosPanel .browseVideosTabs { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } /* .formTable input.field:hover, .formTable input.field:focus, .formTable .button:hover { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px rgba(0,0,0,0.15); } .formTable input.field.error, .formTable input.field.error:hover, .formTable input.field.error:focus { -webkit-box-shadow: inset 0px 0px 10px rgba(255,0,0,0.15); -moz-box-shadow: inset 0px 0px 10px rgba(255,0,0,0.15); box-shadow: inset 0px 0px 10px rgba(255,0,0,0.15); } */ /*****************************************************************************************/ /***************************** general rounded corners ***********************************/ /*****************************************************************************************/ /* .navigation .navSearch, .navigation .navSearch .searchField, .browseVideosPanel .browseVideosTabs, .clipList .clip, .itemList .item { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .navigation .navSearch .searchButton, .paging a, .formTable input.field, .formTable select.field, .formTable .button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } */ .stickersOverlay /* v1002 */ { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* straight top left */ .navigation .navSearch .searchButton, .navigationWrapper.noRounded, .browseVideosPanel .browseSearch .searchButton { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; } /* straight top right */ .profile .panelContent { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; } /* straight bottom left */ .navigation .navSearch .searchButton { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } /* straight bottom right */ .xxx { -moz-border-radius-bottompright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } /***************************** fonts ***********************************/ body, table, input, textarea { font-family: Arial, 宋体, SimSun, Helvetica, tahoma, verdana, sans-serif, 华文细黑, STXihei; } .channelBar .title, .videoPlayerArea .basicInfo .title, .profileArea .profile .header .basicInfo h2, .resultsArea .results .panel .title, .textContentArea .panel .title h2, /* v1750 */ .userRegArea .panel .title h2 { font-family: "Lucida Sans Unicode", 宋体, "Lucida Grande", sans-serif, 华文细黑, STXihei; } .resultsArea .results .panel .item .title { font-family: Arial, 宋体, SimSun, Helvetica, tahoma, verdana, sans-serif, 华文细黑, STXihei; } /***************************** HiDPI images ***********************************/ .hidpi .sliderWrapper .clipListWrapper .clipList .clip .image a:hover .playOverlay, .hidpi .browseVideosPanel .clipListWrapper .clipList .clip .image a:hover .playOverlay, .hidpi .genericItemListWrapper .itemList .item .image a:hover .playOverlay { background-image: url('../images/play_overlay_hidpi.png'); background-size: 68px 63px; } .hidpi ul.bjqs-controls.v-centered li.bjqs-next a { background-image: url('../images/slider_next_arrow_normal_hidpi.png' ); background-size: 39px 54px; } .hidpi ul.bjqs-controls.v-centered li.bjqs-next a:hover { background-image: url('../images/slider_next_arrow_hover_hidpi.png' ); background-size: 39px 54px; } .hidpi ul.bjqs-controls.v-centered li.bjqs-prev a { background-image: url('../images/slider_prev_arrow_normal_hidpi.png' ); background-size: 39px 54px; } .hidpi ul.bjqs-controls.v-centered li.bjqs-prev a:hover { background-image: url('../images/slider_prev_arrow_hover_hidpi.png' ); background-size: 39px 54px; } .hidpi .formTable .fieldValidation.ok { background-image: url('../images/icon_msg_ok_hidpi.png'); background-size:16px 16px; } .hidpi .formTable .fieldValidation.error{ background-image: url('../images/icon_msg_error_hidpi.png'); background-size:16px 16px; } .hidpi .clipShareArea .share_via_email .iconEmail { background-image: url('../images/icon_share_sprite_hidpi.png'); background-size:440px 20px; } /* v2000 */ .hidpi .socialWrapper .follow_us_facebook_icon, .hidpi .socialWrapper .follow_us_twitter_icon, .hidpi .socialWrapper .follow_us_googleplus_icon, .hidpi .socialWrapper .follow_us_instagram_icon, /* v2000 */ .hidpi .socialWrapper .follow_us_linkedin_icon, .hidpi .socialWrapper .follow_us_tuenti_icon, .hidpi .socialWrapper .follow_us_flickr_icon, .hidpi .socialWrapper .follow_us_vkontakte_icon { background-image: url('../images_minimalism_white/icon_social_sprite_hidpi.png'); background-size:160px 20px; } /* v2000 */ .showIcon { background-image:url('../images_minimalism_white/mobile_more_button_show_hidpi.png'); background-size:22px 22px; } .hideIcon { background-image:url('../images_minimalism_white/mobile_more_button_hide_hidpi.png'); background-size:22px 22px; } .hidpi .stickersOverlay .stickerPremium { background-image: url('../images_minimalism_white/item_list_sticker_premium_hidpi.png'); background-size:20px 19px; } .hidpi .stickersOverlay .stickerFavorited { background-image: url('../images_minimalism_white/item_list_sticker_favorited_hidpi.png'); background-size:20px 17px; } .hidpi .stickersOverlay .stickerFeatured { background-image: url('../images_minimalism_white/item_list_sticker_featured_hidpi.png'); background-size:20px 17px; } .hidpi .stickersOverlay .stickerRestricted { background-image: url('../images_minimalism_white/item_list_sticker_restricted_hidpi.png'); background-size:20px 17px; } .hidpi .navButton.more a span.icon { background-image: url('../images_minimalism_white/nav_main_bt_mobile_menu_hidpi.png'); background-size:21px 17px; } /* v2000 */ .hidpi .searchMode > li .iconSearchMode.iconSMAll { background-image: url('../images_minimalism_white/icon_search_all_normal_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li:hover .iconSearchMode.iconSMAll { background-image: url('../images_minimalism_white/icon_search_all_hover_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li .iconSearchMode.iconSMVideos { background-image: url('../images_minimalism_white/icon_search_clips_normal_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li:hover .iconSearchMode.iconSMVideos { background-image: url('../images_minimalism_white/icon_search_clips_hover_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li .iconSearchMode.iconSMChannels { background-image: url('../images_minimalism_white/icon_search_channels_normal_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li:hover .iconSearchMode.iconSMChannels { background-image: url('../images_minimalism_white/icon_search_channels_hover_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li .iconSearchMode.iconSMGalleries { background-image: url('../images_minimalism_white/icon_search_galleries_normal_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li:hover .iconSearchMode.iconSMGalleries { background-image: url('../images_minimalism_white/icon_search_galleries_hover_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li .iconSearchMode.iconSMNews { background-image: url('../images_minimalism_white/icon_search_news_normal_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li:hover .iconSearchMode.iconSMNews { background-image: url('../images_minimalism_white/icon_search_news_hover_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li .iconSearchMode.iconSMEvents { background-image: url('../images_minimalism_white/icon_search_events_normal_hidpi.png'); background-size:28px 26px; } .hidpi .searchMode > li:hover .iconSearchMode.iconSMEvents { background-image: url('../images_minimalism_white/icon_search_events_hover_hidpi.png'); background-size:28px 26px; } .hidpi .listViewModeButton.std { background-image: url('../images_minimalism_white/list_view_mode_std_hidpi.gif'); background-size:16px 16px; } .hidpi .listViewModeButton.grid { background-image: url('../images_minimalism_white/list_view_mode_grid_hidpi.gif'); background-size:16px 16px; } .hidpi .navigation .navSearch .searchButton { background-image: url('../images_minimalism_white/nav_main_search_button_normal_hidpi.gif'); background-size:28px 26px; } .hidpi .navigation .navSearch:hover .searchButton, .hidpi .navigation .navSearch .searchButton:hover { background-image: url('../images_minimalism_white/nav_main_search_button_hover_hidpi.gif'); background-size:28px 26px; } .hidpi .newseventsContentArea .gallerySliderWrapper .sliderLeftArrow a, .hidpi .newseventsContentArea .gallerySliderWrapper .sliderLeftArrow a:hover, .hidpi .newseventsContentArea .gallerySliderWrapper .sliderLeftArrow a.disabled { background-image:url('../images_minimalism_white/gallery_slider_left_arrow_hidpi.gif'); background-size:90px 80px;} .hidpi .newseventsContentArea .gallerySliderWrapper .sliderRightArrow a, .hidpi .newseventsContentArea .gallerySliderWrapper .sliderRightArrow a:hover, .hidpi .newseventsContentArea .gallerySliderWrapper .sliderRightArrow a.disabled { background-image:url('../images_minimalism_white/gallery_slider_right_arrow_hidpi.gif'); background-size:90px 80px;} .hidpi .preHeaderMenuButtons .subscribe_rss_icon { background-image: url('../images_minimalism_white/icon_rss_hidpi.png'); background-size:20px 20px; } .hidpi .channelBar .subscribe .subscribe_rss_icon_channel, .hidpi .categoryArea .category .header .subscribe .subscribe_rss_icon_channel, .hidpi .newsEventListSubscribe .subscribe_rss_icon_channel, .hidpi .galleryListSubscribe .subscribe_rss_icon_channel { background-image: url('../images_minimalism_white/icon_rss_channel_hidpi.png'); background-size:10px 10px; } .hidpi .videoPlayerArea .clipOptionBt .iconComments { background-image: url('../images_minimalism_white/icon_comments_hidpi.png'); background-size:16px 16px; } .hidpi .videoPlayerArea .clipOptionBt .iconShare { background-image: url('../images_minimalism_white/icon_share_hidpi.png'); background-size:16px 16px; } .hidpi .videoPlayerArea .clipOptionBt .iconLike { background-image: url('../images_minimalism_white/icon_like_hidpi.png'); background-size:16px 16px; } .hidpi .videoPlayerArea .clipOptionBt .iconDislike { background-image: url('../images_minimalism_white/icon_dislike_hidpi.png'); background-size:16px 16px; } .hidpi .videoPlayerArea .clipOptionBt .iconDownload { background-image: url('../images_minimalism_white/icon_download_hidpi.png'); background-size:16px 16px; } .hidpi .videoPlayerArea .clipOptionBt .iconReport /* v2101 */ { background-image: url('../images_minimalism_white/icon_report_hidpi.png'); background-size:16px 16px; } .hidpi .navMenuSecButtons li > a > span, .hidpi .navMenuSecButtons li:hover > a > span, .hidpi .navMenuSecButtons li.active > a > span, .hidpi .navMenuSecButtons li > a:hover > span, .hidpi .navMenuSecButtons ul > li > a, .hidpi .navMenuSecButtons ul > li > a:hover { background-image: url('../images_minimalism_white/nav_sec_bt_arrow_hidpi.png'); background-size:19px 13px;} .hidpi .navMenuSecButtons li.submenu ul, .hidpi .navMenuSecButtons ul > li a > span, .hidpi .navMenuSecButtons li.submenu > a:hover span, .hidpi .navMenuSecButtons li.submenu > a, .hidpi .navMenuSecButtons li.submenu > a span, .hidpi .navMenuSecButtons li.submenu > a:hover span, .hidpi .navMenuSecButtons li.submenu > a:hover, .hidpi .navMenuSecButtons li.active > a, .hidpi .navMenuSecButtons li.active > a > span, .hidpi .navMenuSecButtons li.submenu:hover ul .active > a, .hidpi .navMenuSecButtons li.submenu.active > a:hover, .hidpi .navMenuSecButtons ul > li.active > a span, .hidpi .navMenuSecButtons ul > li a span, .hidpi .navMenuSecButtons ul > li a:hover span, .hidpi .navMenuSecButtons ul > li.submenu a span { background-image:none !important; }