1 files changed, 316 insertions, 0 deletions
diff --git a/css/istreamdev.css b/css/istreamdev.css
new file mode 100644
index 0000000..ac58b7a
--- /dev/null
+++ b/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;
+}
+