Add Jon Fink's iPhone theme/frontend for Pitchfork. Access using player/mini.php.

[patchfork.git] / theme / mini / theme.css

diff --git a/theme/mini/theme.css b/theme/mini/theme.css
new file mode 100644 (file)
index 0000000..3d5c46d
--- /dev/null
+++ b/theme/mini/theme.css
@@ -0,0 +1,293 @@
+/* top right bottom left */
+body {
+       font-size: 12.4px;
+       font-family: sans-serif;
+       background: #888888;
+}
+
+a {
+       color: black;
+}
+
+select, input  {
+       font-size: 0.95em;
+       line-height: 1.2em;
+       border: 1px solid #BFCFCC;
+}
+
+hr.server_settings {
+       color: #9db2b1;
+       background-color: #9db2b1;
+}
+
+.main_container, #playlist {
+       border: 1px solid #e2e2e2;
+       background: #f1f1f1;
+}
+
+#playlist {
+       cursor: default;
+}
+
+tr.playlist {
+       border: 0px;
+}
+
+div.moving_box {
+       background-color: #f1f1f1;
+       border: 1px solid #65869E;
+}
+
+tr.moving {
+       border-top: 1px solid #b0bdec;
+       color: gray;
+}
+
+li[dirtype=file] { background-image: url(images/audio_li.png); }
+li[dirtype=directory] { background-image: url(images/folder_li.png); }
+li[dirtype=artist] { background-image: url(images/media-artist_li.png); }
+li[dirtype=album] { background-image: url(images/media-album_li.png); }
+li[dirtype=playlist] { background-image: url(images/playlist_li.png); }
+
+/* used to signify that this is a search result and is used in std/browser.js */
+li[btype=search] { }
+
+/* used to select the filename */
+li[btype=search] > span {
+       color: gray;
+}
+
+div.slider_main, div.popup {
+       border: 1px solid #B0BDEC; 
+       background-color: #DEE7F7; 
+}
+
+div.slider_pointer {
+        border:                1px solid #a20000;
+        background-color: #ffcccc;
+}
+
+[slider_moving] {
+       cursor: move;
+}
+
+img.act_button {
+       height: 60px;
+       width: 60px;
+       opacity: 0.70;
+}
+img.act_button:hover {
+       opacity: 1.0;
+}
+
+#status_bar {
+       border: 1px solid #BDD8DA;
+       background: #DFEFF0;
+}
+
+div.settings_container, div.settings_header,
+div.player_control, div#streaming_display {
+       border: 1px solid #9db2b1;
+       background: #e7e7e7;
+}
+div.settings_header {
+       border-bottom: 0px;
+}
+
+input#quickadd {
+       font-size: 12px;
+       color: gray;
+       background: #f1f1f1;
+}
+
+input#quickadd:hover, input#quickadd:focus {
+       background: white;
+       border: 1px solid #9db2b1;
+}
+input#quickadd:focus {
+       color: black;
+}
+
+div#qa_suggestions {
+       background: white; 
+       border: 1px solid #ccc; 
+}
+
+span.qa_element[qa_selected] {
+       background-color: #A5F2F3;
+}
+
+div.big_albumart {
+       background-color: black;
+}
+
+p#albumart_txt {
+       color: white;
+}
+
+div#sidebar_header {
+       background: #f1f1f1;
+       border: 1px solid #9db2b1;
+       font-size: 0.9em;
+}
+
+div#sidebar_display {
+       border: 1px solid black;
+       background-color: #ffffff;
+       border: 1px solid #9db2b1;
+       font-size: 0.992em;
+       line-height: 1.3em;
+}
+
+
+/* for browser action buttons */
+
+/* match add buttons */
+li.browser_button_add {
+       background: url(images/add_15.png) no-repeat top left;
+}
+
+li.playlist_popup,
+span.playlist_popup {
+       border: 1px solid #B0BDEC;
+}
+
+div#pagination, div#pagination_options,
+div.overlay, div.selection_menu {
+       border: 1px solid #bfcfcc;
+       background: #f1f1f1;
+}
+
+ul#pagination_list > li,
+ul.browser_field,
+.browse_type {
+       border: 1px solid #bfcfcc;
+}
+
+/* current page on the pagination list */
+li[cpage] {
+       background-color: green;
+}
+
+span.plse {
+       background-image: url(images/audio_li.png);
+}
+
+span.plse:hover,
+ul.recommended > li > ul > li:hover ,
+[selected],
+li.menuitem:hover,
+#streaming_display li:hover
+{
+       background-color: #DEE7F7; 
+}
+
+li.menuitem {
+       border: 1px solid #9DB2B1;
+       border-top: none;
+       background-color: #f1f1f1;
+}
+
+/* Added for small screen support */
+#playlist > tr > td {
+        padding-left: 1px;
+}
+
+#content {
+        margin-left: 0px;
+        margin-top: 0px;
+        left: 1px;
+        top: 31px;
+        width: 317px;
+        height: 300px;
+        z-index: -1;
+        display: none;
+        position: absolute;
+
+}
+
+#posslider, #volslider {
+        width: 250px;
+}
+
+div.slider_main {
+        height: 20px;
+}
+div.slider_pointer {
+        height: 25px;
+}
+div.player_control {
+        left: 1px;
+        top: 31px;
+        padding: 1px 1px 1px 1px;
+        height: 324px;
+        width: 317px;
+}
+div.pc_artist {
+        width: 150px;
+        left: 150px;
+}
+div#albumart {
+        width: 130px;
+        height: 130px;
+}
+
+div.tab_select {
+        position: fixed;
+        padding: 1px 1px 1px 1px;
+        left: 1px;
+        top: 0px;
+        width: 317px;
+        height: 30px;
+        z-index: 3;
+}
+
+div.tab_button {
+        float: right;
+        margin: 2px 2px 0px 2px;
+        width: 154px;
+        height: 25px;
+        background: #444444;
+        text-align: center;
+        vertical-align: middle;
+        /*border: 1px solid #222222;*/
+        color: #eeeeee;
+        z-index: 4;
+}
+
+img.thumbnailart {
+        width: 100%;
+}
+
+div.pc_ci {
+        top: 250px;
+        left: 60px;
+}
+div.pc_sliders {
+        left: 20px;
+        top: 140px;
+}
+
+#status_bar {
+        left: 200px;
+        width: 100px;
+        height: 50px;
+}
+
+img.status_working {
+        float: left;
+}
+
+input#quickadd {
+       width: 150px;
+       margin-top: 10px;
+       margin-left: 1px;
+}
+div#qa_suggestions {
+       margin-left: 1px;
+       width: 150px;
+}
+
+div.selection_menu, div.pc_other, hr.server_settings, div.pc_settings, div.settings_header, div#streaming_display, div#pagination_options, ul#pagination_list, ul#pagination_list > li, div#pagination_spacer, img.pagination_options {
+        display: none;
+}