annotate core.css @ 856:fb41d65cc89f

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