| Current Path : /var/www/html/Joomla/old/res-static/css/ |
| Current File : /var/www/html/Joomla/old/res-static/css/player.css |
/* ##### JPLAYER ##### */
#jplayer {
display: none;
}
div.jp-video {
/* Edit the font-size to counteract inherited font sizing.
* Eg. 1.25em = 1 / 0.8em
*/
font-size: 1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
position: relative;
width: 100%;
border: none;
height: 100%;
}
div.jp-video-full {
/* Rules for IE6 (full-screen) */
width:480px;
height:270px;
/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
position:static !important; position:relative
}
div.jp-video-full div.jp-jplayer {
top: 0;
left: 0;
position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
overflow: hidden;
z-index:1000;
}
div.jp-video-full div.jp-gui {
position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
top: 0;
left: 0;
width:100%;
height:100%;
z-index:1000;
}
div.jp-video-full div.jp-interface {
position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
bottom: 0;
left: 0;
z-index:1000;
}
.jp-gui {
background-color: #FFFFFF;
height: 20px;
}
.jp-controls-left,
.jp-progress,
.jp-controls-right {
overflow: hidden;
}
.jp-controls-left {
float: left;
width: 25px;
}
.jp-progress {
float: left;
position: absolute;
left: 25px;
right: 140px;
}
.jp-controls-right {
float: right;
width: 140px;
}
.jp-play,
.jp-pause {
position:relative;
display:block;
text-indent:-9999px;
width: 20px;
height: 20px;
}
.jp-play {
background: url("/res-static/swf/jplayer/skins/mikros/play-btn.png") center center no-repeat;
}
.jp-pause {
background: url("/res-static/swf/jplayer/skins/mikros/pause-btn.png") center center no-repeat;
}
.jp-progress {
background-color: #CCCCCC;
height: 3px;
margin: 9px 0;
}
.jp-seek-bar {
background-color: #808080;
width:0px;
height:100%;
cursor: pointer;
}
.jp-play-bar {
background-color: #000000;
width:0px;
height:100%;
}
.jp-current-time,
.jp-volume-bar,
.jp-fullscreen {
float: left;
}
.jp-current-time {
width: 50px;
padding: 0 2px;
font-size: 10px;
line-height: 20px;
text-align: center;
}
.jp-volume-bar {
width: 45px;
background: url("/res-static/swf/jplayer/skins/mikros/jplayer.mikros.jpg") 0 -250px repeat-x;
height:5px;
cursor: pointer;
margin-top: 8px;
}
.jp-volume-bar-value {
background: url("/res-static/swf/jplayer/skins/mikros/jplayer.mikros.jpg") 0 -256px repeat-x;
width:0px;
height:5px;
}
.jp-fullscreen {
float: right;
width: 25px;
margin-right: 5px;
margin-top: 2px;
background: url("/res-static/swf/jplayer/skins/mikros/jplayer.mikros.jpg") 0 -310px no-repeat;
}
.jp-fullscreen .jp-toggles li a {
display:block;
width:25px;
height:18px;
text-indent:-9999px;
line-height:100%; /* need this for IE6 */
}
.jp-full-screen:hover {
background: url("/res-static/swf/jplayer/skins/mikros/jplayer.mikros.jpg") -30px -310px no-repeat;
}
.jp-restore-screen {
background: url("/res-static/swf/jplayer/skins/mikros/jplayer.mikros.jpg") -60px -310px no-repeat;
margin-left: 20px;
}
.jp-restore-screen:hover {
background: url("/res-static/swf/jplayer/skins/mikros/jplayer.mikros.jpg") -90px -310px no-repeat;
}
.jp-no-solution {
position:absolute;
width:390px;
margin-left:-202px;
left:50%;
top: 10px;
padding:5px;
font-size:.8em;
background-color:#eee;
border:2px solid #009be3;
color:#000;
display:none;
}
.jp-no-solution a {
color:#000;
}
.jp-no-solution span {
font-size:1em;
display:block;
text-align:center;
font-weight:bold;
}
/* ##### CYCLE GALLERY ##### */
.slideshow {
width: 100%;
height: 100%;
}
.slideshow img {
width: 100%;
height: 100%;
}