File: css/podcast-1col.css

Recommend this page to a friend!
  Classes of Karl Holz   SalamCast Podcast Player   css/podcast-1col.css   Download  
File: css/podcast-1col.css
Role: Auxiliary data
Content type: text/plain
Description: second style, links don't work in iPhone :(
Class: SalamCast Podcast Player
Play podcast episodes from RSS feed using jPlayer
Author: By
Last change: fixed style

now i have 2 styles, one works properly on the iPhone, the second one
doesn't
Date: 2 years ago
Size: 4,008 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; margin: 2px } .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:560px; left: 0px; width: 854px; display: block; padding: 0px; margin: 0px;} #CastPlayer.normal #jquery_jplayer_1 { width: 854px; height:480px; position: absolute; top: 0px; left: 0px; 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:500px; left: 0px; 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 */ #open_chan_info, #open_item_info { float: right; } #menu, #playlist { text-align: left; margin-left: 0px; margin-bottom: 0px; overflow: none; z-index: 0; padding: 2px; width: 100% ; float:left;} #menu li, #playlist li { margin: 5px; padding 5px;} 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 { font-size: 14px !important; color: yellow; margin: 1px; padding: 1px; } /* ---------------------- */ .jp-playlist-current { 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%; }