.story-body{ position:static !important; height:100% !important; } p.zoomr_caption{ margin:8px 0; float:left; width: 976px; } /***************************************************************** * * Theme: * Control:Viewer * ******************************************************************/ .zoomr-viewer { background:url(img/bg.png) repeat-x top left; position:relative; } .zoomr-viewer img { float:none; line-height:1; margin:0; padding:0; } /***************************************************************** * * Theme: * Control:Toolbar * ******************************************************************/ .zoomr-toolbar { height:30px; line-height:30px; position:relative; } .zoomr-toolbar p { font-size:1.0em; line-height:30px; margin:0; padding:0 10px; text-align:left; } .zoomr-toolbar a.zoomr-fullscreen { bottom:4px; height:22px; position:absolute; right:10px; width:27px; background:red; } /***************************************************************** * * Theme:Silver * Control:Toolbar * ******************************************************************/ .zoomr-skin-silver .zoomr-toolbar { background:url(img/silver/toolbar_sprite.png) repeat-x top left; } .zoomr-skin-silver .zoomr-toolbar p { color:#666666; } .zoomr-skin-silver .zoomr-toolbar a.zoomr-fullscreen-inactive { background:url(img/silver/button_fullscreen.png) 0 0 no-repeat; } .zoomr-skin-silver .zoomr-toolbar a.zoomr-fullscreen { background:url(img/silver/button_fullscreen.png) 0 -22px no-repeat; } .zoomr-skin-silver .zoomr-toolbar a.zoomr-fullscreen:hover { background:url(img/silver/button_fullscreen.png) 0 -44px no-repeat; } /***************************************************************** * * Theme:Black * Control:Toolbar * ******************************************************************/ .zoomr-skin-black .zoomr-toolbar { background:url(img/black/toolbar_sprite.png) repeat-x top left; } .zoomr-skin-black .zoomr-toolbar p { color:#b3b3b3; } .zoomr-skin-black .zoomr-toolbar a.zoomr-fullscreen-inactive { background:url(img/black/button_fullscreen.png) 0 0 no-repeat; } .zoomr-skin-black .zoomr-toolbar a.zoomr-fullscreen { background:url(img/black/button_fullscreen.png) 0 -22px no-repeat; } .zoomr-skin-black .zoomr-toolbar a.zoomr-fullscreen:hover { background:url(img/black/button_fullscreen.png) 0 -44px no-repeat; } /***************************************************************** * * Theme: * Control:Container * ******************************************************************/ .zoomr-controls { position:relative; z-index:9999; width:48px; height:116px; /*background-image:url(/news/special/uk/11/royal_wedding/dress_zoomr/zoomr/1.2/css/img/controls/gel-back.png); background-repeat:no-repeat; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; /*left:0; margin:0; padding:0; position:absolute; top:0;*/ } .zoomr-controls:hover{ /*filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;*/ } .fullscreen-zoomr-controls { position:relative; z-index:2000; } .zoomr-controls a, .zoomr-controls span { color:#000; font-weight:normal; text-decoration:none; } .zoomr-controls a:hover, .zoomr-controls a:hover span { color:#fff; font-weight:normal; text-decoration:none; } /***************************************************************** * * Theme: * Control:Reset Control * ******************************************************************/ .zoomr-controls .zoomr-resetControl { position:absolute; z-index:1002; } .zoomr-controls .zoomr-resetControl a, .zoomr-controls .zoomr-resetControl span { background-repeat:no-repeat; display:block; font-size:1.0em; height:21px; line-height:21px; text-align:center; text-decoration:none; color:#ffffff; width:48px; } .zoomr-controls .zoomr-resetControl a:hover { text-decoration:underline; } .zoomr-controls .zoomr-resetControl a span { background-position:0 0; cursor:pointer; background-repeat:no-repeat; } .defaultState{ background: rgb(0,0,0); background: rgba(0,0,0,0.7); } .hoverState{ background: rgba(0,0,0,0.9); } .zoomr-controls .zoomr-resetControl a:hover span { } /***************************************************************** * * Theme: * Control:Close Full Screen Control * ******************************************************************/ .zoomr-controls .zoomr-closeControl { left:10px; position:absolute; top:166px; z-index:1002; } .zoomr-controls .zoomr-closeControl div, .zoomr-controls .zoomr-closeControl a { background-image:url(/news/special/uk/11/royal_wedding/dress_zoomr/zoomr/1.2/css/img/controls/button_close.png); display:block; position:absolute; } .zoomr-controls .zoomr-closeControl a.zoomr-close-fullscreen { background-position:0px 0px; height:24px; left:20px; top:0px; width:24px; z-index:1020; } .zoomr-controls .zoomr-closeControl a.zoomr-close-fullscreen:hover { background-position:24px 0px; } /***************************************************************** * * Theme: * Control:Panning Controls * ******************************************************************/ .zoomr-controls .zoomr-panControl { left:0px; position:absolute; top:22px; z-index:1002; width: 48px; height:48px; } .zoomr-controls .zoomr-panControl div, .zoomr-controls .zoomr-panControl a { display:block; position:absolute; } .zoomr-controls .zoomr-panControl a.panUp { height:16px; left:16px; top:0px; width:15px; z-index:1004; background-repeat:none; } .zoomr-controls .zoomr-panControl a.panDown { height:17px; left:16px; top:31px; width:15px; z-index:1004; background-repeat:none; } .zoomr-controls .zoomr-panControl a.panLeft { height:15px; position:absolute; top:16px; width:16px; z-index:1004; background-repeat:none; } .zoomr-controls .zoomr-panControl a.panRight { height:15px; left:31px; top:16px; width:17px; z-index:1004; } /***************************************************************** * * Theme: * Control:Zoom Controls * ******************************************************************/ .zoomr-controls .zoomr-zoomControl { left:14px; position:absolute; top:75px; z-index:1002; height:41px; width:20px } .zoomr-controls a.zoomIn, .zoomr-controls a.zoomInDisabled { background-position:0 0; display:block; font-size:11px; height:20px; width:20px; z-index:1002; } .zoomr-controls a.zoomOut, .zoomr-controls a.zoomOutDisabled { background-position:0 0; display:block; font-size:11px; height:20px; width:20px; z-index:1002; position:absolute; top:21px; } /***************************************************************** * * Browser:Firefox only styles * ******************************************************************/ .zoomr-controls a { -moz-user-select:none; -moz-outline-style: none; } /***************************************************************** * * Browser:IE6 only styles * ******************************************************************/ * html .zoomr-controls .zoomr-resetControl a, * html .zoomr-controls .zoomr-resetControl span { /*background-image:url(/news/special/uk/11/royal_wedding/dress_zoomr/zoomr/1.2/css/img/controls/button_reset.png);*/ } * html .zoomr-controls .zoomr-panControl div, * html .zoomr-controls .zoomr-panControl a { /*background-image:url(/news/special/uk/11/royal_wedding/dress_zoomr/zoomr/1.2/css/img/controls/button_pan.png);*/ } * html .zoomr-controls a.zoomOut, * html .zoomr-controls a.zoomIn { /*background-image:url(/news/special/uk/11/royal_wedding/dress_zoomr/zoomr/1.2/css/img/controls/button_zoom.png);*/ }