diff --git a/app/assets/stylesheets/client/jamkazam.css.scss b/app/assets/stylesheets/client/jamkazam.css.scss index 3736d6df4..b99ecd682 100644 --- a/app/assets/stylesheets/client/jamkazam.css.scss +++ b/app/assets/stylesheets/client/jamkazam.css.scss @@ -98,16 +98,18 @@ input[type="button"] { font-weight:300; cursor:pointer; color:#ccc; +} + .clearall { - clear:both; + clear:both; } .left { - float:left; + float:left; } .right { - float:right; + float:right; } .hidden { diff --git a/app/assets/stylesheets/client/session.css.scss b/app/assets/stylesheets/client/session.css.scss index 2aa6192bd..da4dee096 100644 --- a/app/assets/stylesheets/client/session.css.scss +++ b/app/assets/stylesheets/client/session.css.scss @@ -85,4 +85,96 @@ width: 32px; height: 32px; } + +} + + +#session-mytracks { + margin-left:-20px; + float:left; + display:inline-block; + width:19%; + min-width:165px; + border-right:solid 1px #666; +} + +#session-tracks-scroller { + overflow-x:auto; + overflow-y:hidden; + width:100%; + height:340px; + float:left; + white-space:nowrap; +} + +.track { + width:70px; + height:290px; + display:inline-block; + margin-right:8px; + position:relative; + background-color:#242323; +} + +.track-empty { + min-width:230px; + height:201px; + margin-right:8px; + padding-top:70px; + text-align:center; + font-weight:600; + font-style:italic; + font-size:16px; + white-space:normal; + color:#666; +} + +.track-empty a { + color:#aaa; +} + +.track-vu-left { + position:absolute; + bottom:8px; + left:0px; +} + +.track-vu-right { + position:absolute; + bottom:8px; + right:0px; +} + +.vu-red-off { + background-color:#6c1709; +} + +.vu-red-on { + background-color:#e73619; +} + +.vu-green-off { + background-color:#244105; +} + +.vu-green-on { + background-color:#72a43b; +} + +.track-label { + position: absolute; + width: 55px; + top: 3px; + left: 7px; + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + font-weight: bold; +} + +.track-close { + position:absolute; + top:3px; + right:3px; + width:12px; + height:12px; } diff --git a/app/views/clients/_session.html.erb b/app/views/clients/_session.html.erb index 34485374d..2554705f5 100644 --- a/app/views/clients/_session.html.erb +++ b/app/views/clients/_session.html.erb @@ -28,9 +28,190 @@ + +
+ + +
+ + +
+

my tracks

+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ Track 1 +
+ + +
+ +
+ + +
+ + + +
+ + +
+
+ + +
+ +
+
+ + +
+ + +
+ + +
CONNECTION
+ +
+ +
+ +
CHAT
+ + +
+
+ + +
+
+
+ + +
+ + +
+ +
+ + +
+ + +
+ + + + + + + +
+ + + +
-
+