annotate core.css @ 201:13946f91f0a3 Dev_main

Started on playhead / scrubber bar. Now object in interfaceContext. Needs binding of setInterval.
author Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk>
date Wed, 10 Jun 2015 16:12:46 +0100
parents 30b9d9538cb7
children 1c32dbb8ac32
rev   line source
n@156 1 /* structure.css
n@156 2 * Define the structure for classes and objects in HTML
n@156 3 */
n@156 4
n@156 5 div.title {
n@156 6 width: 100%;
n@156 7 height: 50px;
n@156 8 margin-bottom: 10px;
n@156 9 font-size: 2em;
n@156 10 }
n@156 11
n@156 12 div.indicator-box {
n@156 13 position: absolute;
n@156 14 left: 150px;
n@156 15 top: 10px;
n@156 16 width: 300px;
n@156 17 height: 60px;
n@156 18 padding: 20px;
n@156 19 border-radius: 10px;
n@156 20 background-color: rgb(100,200,200);
n@156 21 }
n@156 22
n@156 23 div.comment-div {
n@156 24 border:#444444;
n@156 25 border-style:solid;
n@156 26 border-width:1px;
n@156 27 width: 624px;
n@156 28 float: left;
n@156 29 margin: 5px;
n@193 30 height: 90px;
n@156 31 }
n@156 32
n@156 33 div.comment-div span {
n@156 34 margin-left: 15px;
n@156 35 }
n@156 36
n@156 37 div.popupHolder {
n@156 38 width: 500px;
n@156 39 height: 250px;
n@156 40 background-color: #fff;
n@156 41 border-radius: 10px;
n@156 42 box-shadow: 0px 0px 50px #000;
n@156 43 z-index: 2;
n@156 44 }
n@156 45
n@156 46 button.popupButton {
n@156 47 /* Button for popup window
n@156 48 */
n@156 49 width: 50px;
n@156 50 height: 25px;
n@156 51 position: absolute;
n@156 52 border-radius: 5px;
n@156 53 border: #444;
n@156 54 border-width: 1px;
n@156 55 border-style: solid;
n@156 56 background-color: #fff;
n@156 57 }
n@156 58
n@156 59 textarea.trackComment {
n@156 60 width: 618px;
n@156 61 margin-right:15px;
n@156 62 }
n@201 63
n@201 64 div.playhead {
n@201 65 width: 500px;
n@201 66 height: 50px;
n@201 67 background-color: #eee;
n@201 68 border-radius: 10px;
n@201 69 padding: 10px;
n@201 70 }
n@201 71
n@201 72 div.playhead-scrub-track {
n@201 73 width: 100%;
n@201 74 height: 10px;
n@201 75 border-style: solid;
n@201 76 border-width: 1px;
n@201 77 }
n@201 78
n@201 79 div#playhead-scrubber {
n@201 80 width: 10px;
n@201 81 height: 10px;
n@201 82 position: relative;
n@201 83 background-color: #000;
n@201 84 }