/********************************************************** ** Style definition for Narrowstep Players v 2.6 onwards ** ** Narrowstep (c) 2007 http://www.narrowstep.com ** ** Do not modify this file, use the "style" or "player" ** ** style-sheet files to customise your player. ** ** Email player@narrowstep.com for further info ** **********************************************************/ /* Cliente: BBVA Canal Interno Player ID: 3207 File: css/main.css Fecha: 080114 */ /* Define common HTML tag(s) */ html { overflow-x: hidden; overflow-y: auto; } /* Classes in player skin */ /* Narrowstep copyright and version text */ #divCopyright {visibility: hidden;} a.Copyright, a.Copyright:active { color: #CCCCCC; font-size: 10px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; } a.Copyright:hover {color: #8690A1;} /* loading title */ /* No space in the design */ span#lblMsgListTitle {} /* label displayed while tabs loading */ #divMainPanelMessage {position:absolute; width:240px; font-family:Arial,Helvetica,sans-serif; color:#AB2B22; font-size:10pt;} a#divMainPanelMessage, a#divMainPanelMessage:link, a#divMainPanelMessage:visited, a#divMainPanelMessage:active {font-family:Arial,Helvetica,sans-serif; text-decoration:none; color:#225C8E; font-size:10pt;} a#divMainPanelMessage:hover {color:#1E517D;} #divMsgPleaseWait {position:relative; top:69px; margin:auto; width:250px; height:82px; background:url(../images/img_loader.gif); background-repeat:no-repeat; color:#6699cc; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:14pt; } /* main body of message (copy of panel1.css->#divMain) */ /* Tab panel area to display the information */ #divMainPanelMessage #divMsgTopBarBox {visibility:hidden; display:none;} #divMainPanelMessage #divMsgMainBox {overflow:hidden; width:326px; height:224px; position:absolute; left:46px; top:24px;} /* ******************************************************************************************* ** ** These are the definitions of the DIV elements that contain the features of the player ** ** You can modify these to change the position and size of most of the elements on the player ** ** The default "standard" positions are commented out within each item ** ** ** ** Use the definitions above to alter text appearance and use the following ones for position ** ** It'll do your head in less! ** ********************************************************************************************** */ /* the player resizes the client area of the window to this size */ #divPlayerMain {position:absolute; z-index:0; left:0px; top:0px; width:992px; height:675px; font-size:16px;} #divLogo {visibility:hidden;} /*search panel*/ #divSearch {position:absolute; left:254px; top:-29px; z-index:3;} #divSearchLabel {display:none;} #divSearchBox {z-index:4;} #SearchWidget_txtSearch { border:none; border-width:0px; width:120px; height:13px; color:#003399; font-size:8pt; font-family:Arial, Helvetica, sans-serif; line-height:14px; position:absolute; left:32px; top:5px;z-index:5; background:url(../images/trans.png);} #divSearchButGo a {width:59px; height:13px; position:absolute; left:-38px; top:7px;} #divSearchButGo a:hover {background:url(../images/search_go_over.jpg); background-repeat:no-repeat;} /* Button for popup windows (E.g. Help, Add to faves) */ #divPopupButtons {visibility:hidden; display:none;} #divPopupButtons a, #divPopupButtons a:active { color: #545454; font-size: 7pt; text-align: center; font-family:Arial, Helvetica, sans-serif; } #divPopupButtons a:hover {color: #00264B;} div.Button {float:left;} #divPopupButtons img {float:left;} /* Banner frames */ #divSidePanel {visibility:hidden; display:none;} #divBanner {visibility:hidden; display:none;} /*div#divBanner { background:url(/../images/secciones_background.jpg); background-repeat:no-repeat; left: 529px; top: 510px; height: 140px; width: 448px; position:absolute; }*/ /* includes the title, media and vcr controls */ #divTelly {position:absolute; left:13px; top:87px; width:494px; height:451px;} #divMedia {position:absolute; left:13px; top:46px; width:468px; height:351px;} #divVCR {position:absolute; float:left; left:13px; top:397px; width:468px; height:54px;} #divTitle {position:absolute; float:left; left:13px; top:13px;} #vidtit {width:468px; overflow:hidden;} .Title {color:#6E96B9; font-size:10pt; text-align:left; font-family:Arial,Helvetica,sans-serif; font-weight:bold;} /* and links within those titles */ a.Title, a.Title:active {color:#fff; text-decoration:underline; font-size:12px; font-family:Arial, Helvetica, sans-serif;} a.Title:hover {text-decoration:underline; color:#60D0FF; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* end divTelly */ /* includes the buttons at the top and the iframe (divMainPanel) */ #divTabPanel {position:absolute; left:529px; top:85px; width:448px; height:407px;} /* Content display area e.g schedule list, custom tab pages...same size as tab_background.jpg */ #divMainPanel {position:absolute; z-index:3; left:0px; top:20px; width:448px; height:387px; clear:both;background-image: url("../images/tab_background.jpg"); background-repeat: no-repeat;} /* @group TabButtons */ /* Buttons for tab panels (E.g. TV Schedule, Settings etc) */ #divTabButtons { overflow: visible; width: 485px; position: relative; left: -5px; _left: -12px; } /* Buttons for tab panels (E.g. TV Schedule, Settings etc) */ #divTabButtons a { color: #6699CC; font-size: 9pt; text-align: center; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; } #divTabButtons a.TabButtonNormal {line-height:22px; color:#6699CC;} #divTabButtons a.TabButtonNormal:active, #divTabButtons a.TabButtonNormal:hover {color:#003399;} #divTabButtons a.TabButtonSelected, #divTabButtons a.TabButtonSelected:active {line-height:22px; color:#003399;} #divTabButtons a.TabButtonSelected:hover {color:#6699CC;} div.TabButton {float:left; margin:0px 6px;} div.TabButtonOver {float:left; margin:0px 6px;} #divTabButtons img {float:left;} /* Definicion de caracteristicas en tab buttons particulares */ /* Boton Novedades */ div#tabDiv0 a.TabButtonNormal {color:#FF0000;} div#tabDiv0 a.TabButtonNormal:hover {color:#B60000;} div#tabDiv0 a.TabButtonSelected {color:#B60000;} div#tabDiv0 a.TabButtonSelected:hover {color:#FF0000;} /* div#tabDiv3 a.TabButtonNormal { color: #2dcd10; } div#tabDiv3 a.TabButtonNormal:active { color: #2dcd10; } div#tabDiv3 a.TabButtonNormal:hover { color: #2dcd10; } div#tabDiv3 a.TabButtonSelected { color: #2dcd10; } div#tabDiv3 a.TabButtonSelected:active { color: #2dcd10; } div#tabDiv3 a.TabButtonSelected:hover { color: #2dcd10; }*/ #tabDiv1 {} #tabDiv2 {visibility:hidden; display:none;} #tabDiv3 {visibility:hidden; display:none;} /*div#tabDiv3 a.TabButtonNormal {color:#FF0000;} div#tabDiv3 a.TabButtonNormal:hover {color:#B60000;} div#tabDiv3 a.TabButtonSelected {color:#B60000;} div#tabDiv3 a.TabButtonSelected:hover {color:#FF0000;}*/ #tabDiv4 {} #tabDiv5 {visibility:hidden; display:none;} #tabDiv6 {visibility:hidden; display:none;} #tabDiv7 {visibility:hidden; display:none;} #tabDiv8 {visibility:hidden; display:none;} #tabDiv9 {visibility:hidden; display:none;} #tabDiv10 {visibility:hidden; display:none;} #tabDiv11 {visibility:hidden; display:none;} #tabDiv12 {visibility:hidden; display:none;} #tabDiv13 {visibility:hidden; display:none;} #tabDiv14 {visibility:hidden; display:none;} /* @end */ /* some unused divs for customising your player */ #divSpare1 {position:absolute; left:490px; top:619px; width:241px; height:66px;} #divSpare2 {position:absolute; left:740px; top:619px; width:241px; height:66px;} #divSpare3 {visibility:hidden; display:none;} #divSpare4 {visibility:hidden; display:none;} #divSpare5 {visibility:hidden; display:none;} /**************** VCR Controls ***************/ /* VCR controls */ #divVCR div {position:absolute;} #divVCRButVolumeDown {left:355px; top:27px;} #divVCRSldVolumeBar {visibility:hidden; display:none;} #divVCRButVolumeUp {left:384px; top:27px;} #divVCRButRewind {left:7px; top:27px;} #divVCRButPlayPause {left:34px; top:27px;} #divVCRButFastForward {left:61px; top:27px;} /*#divVCRSldSeekBar {left:7px; top:3px;}*/ div#divVCRSldSeekBar { height: 13px; position: relative; width:449px; visibility:visible; LEFT:8PX; top:9px; } #divVCRButTvMode {left:440px; top:27px;} #divVCRButMute { margin-right:0px; position: absolute; left:412px; top: 27px;} #divVCRButMiniMode {visibility:hidden; display:none;} #divVCRButSkipNext {visibility:hidden; display:none;} #divVCRButSkipPrevious {visibility:hidden; display:none;} #divVCRstatus {left:100px; top:26px;} /*#divVCRtimedisplay {left:363px; top:18px;}*/ #divVCRtimedisplay {visibility:hidden; display:none;} /* Status of Video player (generally beneath video) */ #vidmsg {width:240px; height:24px; top:6px;} .Status {color: #FFFFFF; font-size:7pt; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-align:left; overflow:hidden;} #vidTimeDisplay {width:60px;} .TimeDisplay {color: #FFFFFF; font-size:7pt; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-align:left; overflow:hidden;} /* SeekBar and VolumeBar */ #seekSlider {width:449px; height:13px;} #seekSlider .line {display: none;} #seekSlider .handle {width:12px; height:12px; background:url(../images/vcr_seekbar_slider.jpg); background-repeat:no-repeat;} #seekSlider .handle:hover {background:url(../images/vcr_seekbar_slider_over.jpg); background-repeat:no-repeat;} #volumeSlider {display:none;} #volumeSlider .handle {position:relative; width:9px; height:20px;} #volumeSlider .line {display: none;} /* Style for Quality of Service (NETWORK PERFORMANCE) label */ #divQoS {position:absolute; left:380px; top:99px;} .QoSLabel {margin-right:5px; color:#6E96B9; font-size:9pt; text-align:left; font-family:Arial,Helvetica,sans-serif; font-weight:bold;} /* for use by Narrowstep only, please do not modify */ #divDebug { border-left: 1px solid #333; border-right: 1px solid #ccc; border-top: 1px solid #333; border-bottom: 1px solid #ccc; position: absolute; visibility: visible; left: 5px; width: 988px; top: 700px; height: 90px; background-color: #888; color: #000; /*filter: alpha(opacity=50); opacity: .5; -moz-opacity: .5;*/; z-index: 999; overflow: auto; margin: 5px; } #divDebug a {color: #000;} #divDebug td {color: #000;} /* end - for use by Narrowstep only */ /* Codigo personalizado */ /* Botones del panel informativo de congestion en la red */ #divMainPanelMessage a.but, a.but:link, a.but:active, a.but:visited {background-color:#AB2B22; font-size:8pt; font-family:Arial,Helvetica,sans-serif; color:#FFFFFF !important; text-decoration:none; margin:0px 15px; padding:1px 5px;} #divMainPanelMessage a.but:hover {background-color:#A12920;} /* div personalizados para las categorias superiores. Append de #divPlayerMain */ #divSpareTabPanel {background:url(../images/secciones_background.jpg); background-repeat:no-repeat; padding:35px 0px 0px 20px; position:absolute; left:0px; top:425px; width:448px; height:92px; z-index:3;} #divSpareTabPanel2 {position:absolute; left:880px; top:512px; width:85px; height:18px; z-index:3} #divSpareTabPanel3 {position:absolute; left:880px; top:534px; width:85px; height:18px; z-index:3} /* div personalizados para el pie de pagina */ #divSpareAyuda {position:absolute; left:40px; top:63px; cursor:pointer;} #divSpareAyuda a, a:link, a:visited, a:active {color:#FFFFFF; font-size:9pt; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-decoration:none;} #divSpareAyuda a:hover {color:#003399;} #divSpareContacto {position:absolute; left:115px; top:63px; cursor:pointer;} #divSpareContacto a, a:link, a:visited, a:active {color:#FFFFFF; font-size:9pt; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-decoration:none;} #divSpareContacto a:hover {color:#003399;} #divSpareIdeas {position:absolute; left:220px; top:63px; cursor:pointer;} #divSpareIdeas a, a:link, a:visited, a:active {color:#FFFFFF; font-size:9pt; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-decoration:none;} #divSpareIdeas a:hover {color:#003399;} #divSpareFavoritos {position:absolute; left:365px; top:63px; cursor:pointer;} #divSpareFavoritos a, a:link, a:visited, a:active {color:#FFFFFF; font-size:9pt; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-decoration:none;} #divSpareFavoritos a:hover {color:#003399;} #divSpareAvisoLegal {position:absolute; left:15px; top:659px; cursor:pointer;} #divSpareAvisoLegal a, a:link, a:visited, a:active {color:#FFFFFF; font-size:7pt; font-family:Arial,Helvetica,sans-serif; text-decoration:none;} #divSpareAvisoLegal a:hover {color:#003399;} #divSpareCopyrightVivo {position:absolute; left:280px; top:659px; cursor:pointer;} #divSpareCopyrightVivo a, a:link, a:visited, a:active {color:#FFFFFF; font-size:7pt; font-family:Arial,Helvetica,sans-serif; text-decoration:none;} #divSpareCopyrightVivo a:hover {color:#003399;} #divSpareCopyrightBBVA {position:absolute; left:900px; top:659px; color:#FFFFFF; font-size:7pt; font-family:Arial,Helvetica,sans-serif;} /* Panel de informacion */ #divSpareInfoPanel {background:#AC2B22; overflow:hidden; position:absolute; left:59px; top:494px; width:258px; height:242px; filter:alpha(opacity=80) !important; opacity:0.8;} #divSpareInfoPanelTopBar {float:right; position:absolute; left:59px; top:474px; width:258px; height:20px;} #divSpareInfoPanelContent {background:transparent; position:absolute; left:5px; top:0px; width:248px; color:#FFFFFF; font-size:8pt; font-family:Arial, Helvetica, sans-serif;} #divSpareInfoPanelContent a {color:#FFFFFF; text-decoration:underline; font-size:8pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #infoPanelClose {width:20px; height:18px; cursor:pointer; position:absolute; left:0px; top:0px;} #infoPanelUp {width:20px; height:18px; cursor:pointer; position:absolute; left:216px; top:0px;} #infoPanelDown {width:20px; height:18px; cursor:pointer; position:absolute; left:238px; top:0px;} /* Banners */ #divSpareBanner1 {position:absolute; left:26px; top:560px;} .Barra_abajo{ color: #fff; font-size: 9px; margin-bottom:5px; } /* and links within those titles */ a.Barra_abajo{ color: #fff; } a.Barra_abajo:active { color: #003399; } a.Barra_abajo:hover { color: #003399; } div#divSpare1 { background-image: url('../images/cierre_background.jpg'); background-repeat:no-repeat; left: 0px; top: 654px; width: 992px; height: 21px; position:absolute; } /* banner*/ div#divSpare2{ left: 22px; top: 560px; width: 468px; height: 71px; position:absolute; }