Login   Register  
PHP Classes
elePHPant
Icontem

File: css/podcast.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Karl Holz  >  Proxy Cast  >  css/podcast.css  >  Download  
File: css/podcast.css
Role: Auxiliary data
Content type: text/plain
Description: SalamCast CSS Doc
Class: Proxy Cast
Generate JSON from podcast feeds to serve players
Author: By
Last change: fixed style

now i have 2 styles, one works properly on the iPhone, the second one
doesn't
Date: 1 year ago
Size: 4,048 bytes
 

Contents

Class file image Download
body { background-color: black; margin: 0; padding: 0; color: white; }
div, span, p, img, a { margin: 0; padding: 0; color: white; font-size: 12px; }
h1, h2, h3, h4, h5, li { margin: 0; padding: 0; }
ul { margin-left: 7px; padding-left: 9px;}

h3 { font-size: 16px; padding: 4px 8px; display: block;  width: 95%; }
 
.clicked { background-color: white; color: red !important; border-width: 1px; border-style: inset;}

#CastPlayer { height: 0; width:0;   margin: 0; padding: 0; display: none;}
/* Normal mode */
#CastPlayer.normal { display: block;  height: 100%;  width: 100%; background-color: black; z-index: 0; position: relative; left: 0; top: 0; margin: 0;  }
#CastPlayer.normal #main_box  {  position: absolute; top:5px; left:  0px;  width: 388px;  display: block; padding: 0px; margin: 0px;}
#CastPlayer.normal #jquery_jplayer_1 {  width: 854px; height:480px; position: absolute; top: 60px; left: 395px; overflow: hidden; }
#CastPlayer.normal #jquery_jplayer_1 object, #CastPlayer.normal #jquery_jplayer_1 video, #CastPlayer.normal #jquery_jplayer_1 img { width:100% !important; height:100% !important; margin: 0; padding: 0; position: relative; top: 0px; left:  0px; }
#CastPlayer.normal #holzremote { position: absolute; top:5px; left: 395px; width: 854px; height: 49px; text-align: center; padding: 0px; margin: 0px; }

/* Full Screen */
#CastPlayer.full { display: block; position: absolute; top: 0; left: 0; height: 100%; width:100%; margin: 0; padding: 0;background-color: black;  text-align: center; overflow:hidden; z-index: 991000; }
#CastPlayer.full #main_box, #CastPlayer.full a.jp-full-screen  { display: none; }
#CastPlayer.full #jquery_jplayer_1 { position: absolute; top: 0px; left: -15px; height: 100%; width:105%; margin: 0; padding: 0;  text-align:left; }
#CastPlayer.full #jquery_jplayer_1 object { width:100%; height:97%; margin: 0; padding: 0; z-index: 11004;}
#CastPlayer.full #jquery_jplayer_1 video { width:100%; height:97%; margin: 0; padding: 0; z-index: 11004;}
#CastPlayer.full #holzremote { position: absolute; bottom: 5px;  height: 45px; width:100%;  padding: 0;  z-index: 1001; }



/* Menu  */
#main_box > h3 { margin: 6px; padding: 6px; width: 97%;}

#itunes, #rss, #pcast_link { float: right; }

#menu, #playlist {  text-align: left;  margin-left: 0px;  margin-bottom: 0px; overflow: none; z-index: 0;  padding: 2px; width: 100% ; float:left;}



ul > li {  text-align: left; margin-bottom: 3px; margin-top: 3px; padding: 2px;}
ul > li > a { font-size: 14px !important; text-align: left;   margin: 1px; padding: 1px;}
ul > li > a:hover,a:hover, a:hover span { font-size: 14px !important; color: yellow;  margin: 1px; padding: 1px; }


/* ---------------------- */
.jp-playlist-current, .jp-playlist-current a { color: yellow;  }
/* ---------------------- */



/* */
 .jp-interface { z-index: 999999;  position: absolute; bottom:0px; left: 0px; width: 100%; height: 100%;  text-align: center; vertical-align: middle; background-color: none; }
 .jp-interface h3 { font-size: 10px; height: 10px; margin-top: 10px; width: 98%;}
 .jp-interface h3 span { width: 200px; overflow-x: hidden; }
 .jp-interface ul { position: absolute; top:12px; left: 0px; margin-left: 200px;  list-style: none; text-align: center; vertical-align: middle; }
 .jp-interface ul li { float: left; text-align: center; vertical-align: middle; display: inline; }
 .jp-interface ul li a { height: 16px;  margin-right: 10px; margin-left: 10px;}
 .jp-interface ul li a:hover { height: 16px;  width: auto; background-image: none; text-indent: 0px}

 .jp-interface  .jp-progress { position: absolute; top:0px; left: 0px; width: 100%; height: 9px; overflow:hidden; }
 .jp-interface  .jp-progress .jp-seek-bar { position: absolute; top:0px; left: 0px;  width: 100%; height:100%;cursor: pointer; }

/* */
div.jp-volume-bar { overflow:hidden; width: 80px; height: 6px; cursor: pointer; margin-top: 5px; margin-right: 5px; margin-left: 5px;}

div.jp-volume-bar-value { width:0px; height:5px; }

/* */

div.jp-play-bar { width:0px; height:100%; }