New Jquery branch. Initial development version for istreamdev 1.0

2 files changed, 412 insertions, 0 deletions

diff --git a/themes/css/istreamdev.css b/themes/css/istreamdev.css
new file mode 100644
index 0000000..ac58b7a
--- /dev/null
+++ b/themes/css/istreamdev.css
@@ -0,0 +1,316 @@
+
+div.loader {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 14px;
+	
+	background-image: url(../img/loading.gif);
+	background-repeat: no-repeat;
+	background-position: 50% 50%;
+	text-align: center;
+	vertical-align: middle;
+	height: 100%;
+	width: 100%;
+	position: absolute;
+	z-index: 10;
+	left: 0px;
+	top: 0px;
+	opacity: .85;
+	display: block;
+	
+}
+
+ul li img.menuicon {
+vertical-align: middle;
+}
+
+h1 img.menuicon {
+position:relative;
+top: 3px;
+width: 22px;
+height: 20px;
+}
+
+.menuname {
+vertical-align: middle;
+margin: 0 0 0 10px;
+}
+
+li.forward > a > span, span.substring {
+vertical-align: middle;
+}
+li.channellist {
+height: 55px;
+background-image: url(../img/chevron.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
+background-position: right center;
+background-repeat: no-repeat;
+}
+
+li.channellist img {
+width: 55px;
+height: 55px;
+vertical-align: middle;
+position: relative;
+-webkit-mask-box-image: url(../img/mask.png) 80 stretch;
+top: 0px;
+}
+
+li.channellist span.name {
+margin: 10px 0 0 0px;
+left: 90px;
+text-overflow: ellipsis;
+overflow: hidden;
+max-width: 80%!important;
+white-space: nowrap;
+font-size: 17px;
+line-height: normal;
+position: absolute;
+font-weight: bold;
+
+}
+li.channellist span.comment {
+margin: 28px 0 0 0px;
+left: 90px;
+max-width: 80%!important;
+font-size: 14px;
+line-height: normal;
+position: absolute;
+top: 15 px;
+font-style: italic;
+font-weight: normal;
+}
+
+li.channellist small.counter {
+    margin-right: 15px;
+	position: relative;
+	top: 36px;
+	font-size: 17px;
+    line-height: 13px;
+    font-weight: bold;
+    background: rgba(0,0,0,.15);
+    color: #fff;
+    -webkit-border-radius: 11px;
+    display: block;
+    width: auto;
+    -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0;
+}
+ul.thumb {
+-webkit-border-radius: 8px;
+-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
+}
+
+.thumbnail {
+vertical-align: middle;
+margin: 5px 0 5px 0;
+}
+
+span.streamButton a{
+margin: 5px 5px 5px 5px;
+border-width: 0 12px;
+padding: 8px;
+text-align: center;
+font-size: 14px;
+font-weight: bold;
+text-decoration: inherit;
+color: inherit;
+-webkit-border-image: url(../img/stream.png) 0 12 0 12;
+color: #FFFFFF;
+}
+span.streamButton a:active{
+color: #aaa;
+-webkit-border-image: url(../img/stream_clicked.png) 0 12 0 12;
+}
+span.recButton a{
+margin: 5px 5px 5px 5px;
+border-width: 0 12px;
+padding: 8px;
+text-align: center;
+font-size: 14px;
+font-weight: bold;
+text-decoration: inherit;
+color: inherit;
+-webkit-border-image: url(../img/rec.png) 0 12 0 12;
+color: #FFFFFF;
+}
+span.recButton a:active{
+color: #aaa;
+-webkit-border-image: url(../img/rec_clicked.png) 0 12 0 12;
+}
+
+ul.streaminfo {
+-webkit-border-radius: 8px;
+-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
+}
+ul.streaminfo li:first-child, ul.streaminfo li:first-child a {
+    border-top: 0;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+}
+ul.streaminfo li:last-child, ul.streaminfo li:last-child a {
+    -webkit-border-bottom-left-radius: 8px;
+    -webkit-border-bottom-right-radius: 8px;
+}
+
+ul.streaminfo span.name_now, span.name_next {
+padding-top: 0px;
+padding-right: 10px;
+padding-left: 10px;
+font-size: 17px;
+font-weight: bold;
+display: block;
+color: white;
+text-shadow: rgba(0,0,0,.8) 0 1px 0;
+}
+ul.streaminfo span.epgtime_now, span.epgtime_next {
+padding-top: 0px;
+padding-right: 10px;
+padding-left: 10px;
+font-size: 14px;
+font-weight: bold;
+display: block;
+color: #ccc;
+text-shadow: rgba(0,0,0,.8) 0 1px 0;
+}
+ul.streaminfo span.desc_now {
+position: relative;
+padding-top: 5px;
+padding-right: 10px;
+padding-bottom: 10px;
+padding-left: 10px;
+display: block;
+color: white;
+font-size: 14px;
+font-style: italic;
+font-weight: normal;
+line-height: normal;
+
+}
+
+ul.streamstatus {
+-webkit-border-radius: 8px;
+-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
+}
+ul.streamstatus span.title {
+padding-top: 10px;
+padding-right: 10px;
+padding-left: 10px;
+font-size: 17px;
+font-weight: bold;
+display: block;
+color: white;
+text-shadow: rgba(0,0,0,.8) 0 1px 0;
+}
+
+ul.streamstatus span.mode {
+position: relative;
+padding-top: 10px;
+padding-right: 10px;
+padding-bottom: 10px;
+padding-left: 10px;
+display: block;
+color: white;
+font-size: 14px;
+font-style: italic;
+font-weight: normal;
+line-height: normal;
+}
+#jqt ul li select option{
+color: #000000;
+}
+#jqt ul li select optgroup{
+color: #999;
+}
+span.timertitle {
+padding-right: 10px;
+padding-left: 10px;
+font-size: 14px;
+font-weight: bold;
+color: #999;
+text-shadow: rgba(0,0,0,.8) 0 1px 0;
+}
+span.menutitle {
+padding-right: 10px;
+padding-left: 10px;
+font-size: 17px;
+font-weight: bold;
+color: #999;
+text-shadow: rgba(0,0,0,.8) 0 1px 0;
+}
+.formerrormsg {
+padding-right: 10px;
+padding-left: 10px;
+font-size: 12px;
+color: #FF8300;
+
+}
+#timers .info {
+display: none;
+}
+
+a.cat_but {
+
+}
+
+video {
+padding-top:5px;
+}
+li.track small.counter {
+margin-right: 15px;
+position: relative;
+top: -2px;
+font-size: 17px;
+line-height: 13px;
+font-weight: bold;
+background: rgba(0,0,0,.15);
+color: #fff;
+-webkit-border-radius: 11px;
+display: block;
+width: auto;
+-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0;
+}
+li.track {
+height: 20px;
+padding: 0;
+}
+
+li.track .numberbox {
+position: relative;
+width: 23px;
+height: 42px;
+top: -10px;
+display: block;
+float: left;
+margin-right: 3px;
+border-right: 1px solid #333333;
+-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0;
+}
+li.track .number {
+position: absolute;
+color: #9c9ea0;
+top: 10px;
+left: 2px;
+}
+li.track a span.tracktitle {
+position: relative;
+left: 32px;
+padding-left: 4px;
+top: -3px;
+}
+li.track div.timebox {
+position: relative;
+width: 30px;
+height: 42px;
+top: -38px;
+display: block;
+float: right;
+margin-left: 3px;
+border-left: 1px solid #333333;
+-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0;
+}
+li.track .time {
+position: absolute;
+color: #9c9ea0;
+top: 13px;
+left: 5px;
+font-size: 14px;
+}
+
diff --git a/themes/css/spinningwheel.css b/themes/css/spinningwheel.css
new file mode 100644
index 0000000..169853a
--- /dev/null
+++ b/themes/css/spinningwheel.css
@@ -0,0 +1,96 @@
+#sw-wrapper {
+	position:absolute; z-index:1000;
+	left:0;
+	width:100%;
+	display:inline !important;
+	min-height: 0px !important;
+	font-family:helvetica, sans-serif;
+	background:rgba(0,0,0,0.7);
+	text-align:left;
+}
+
+#sw-header {
+	position:relative;
+	width:100%; height:43px;
+	border-top:1px solid #000; border-bottom:1px solid #000;
+	background:url(../img/sw-header.png) 0 0 repeat-x;
+	opacity: 0.9;
+}
+
+#sw-cancel, #sw-done {
+	position:absolute;
+	top:7px;
+	height:20px; line-height:20px;
+	padding:0 5px; margin:0;
+	border-width:5px;
+	font-size:12px; font-weight:bold;
+	text-shadow:rgba(0,0,0,0.8) 0 -1px 0;
+	color:#fff;
+}
+
+#sw-cancel {
+	left:7px;
+	float:left;
+	-webkit-border-image:url(../img/sw-button-cancel.png) 5;
+}
+
+#sw-done {
+	right:7px;
+	float:right;
+	-webkit-border-image:url(../img/sw-button-done.png) 5;
+}
+
+.sw-pressed { opacity:0.4; }
+
+#sw-slots-wrapper {
+	position:relative; z-index:999;
+	display:block;
+	height:215px;
+	padding:0 11px;
+	overflow:hidden;
+}
+
+#sw-slots {
+	display:table;
+	width:100%;
+	background:#fcfcfc;
+}
+
+#sw-slots div {
+	display:table-cell;
+	height:100%;
+	padding-top:86px;
+	border-left:2px solid #0d0e0f;
+	background-color:#fcfcfc;
+	background-image: url(../img/sw-slot-border.png);
+	background-position: 0 0, 100% 0;
+	background-repeat: repeat-y;
+}
+
+#sw-slots div:first-child { border:0; }
+
+#sw-slots ul {
+	padding:0 0 85px 0; margin:0;
+	list-style:none;
+}
+
+#sw-slots .sw-right { text-align:right; }
+#sw-slots .sw-shrink { width:1%; }
+#sw-slots .sw-readonly { background:#ddd; }
+
+#sw-slots li {
+	border-top: 0px solid black !important;
+	color:#000000 !important;
+	padding:0 8px;
+	height:44px;
+	overflow:hidden;
+	font:bold 24px/44px Helvetica,sans-serif;
+}
+
+#sw-frame {
+	position:absolute; z-index:1000;
+	left:0; right:0; bottom:0;
+	height:183px;
+	border-width:16px;
+	-webkit-border-image:url(../img/sw-alpha.png) 16;
+}
\ No newline at end of file