Mercurial > hg > waet-hammond-1

annotate core.css @ 3:d4ccb6739bdf

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Updates, doing alright
author Giulio Moro <giuliomoro@yahoo.it>
date Fri, 22 Apr 2016 02:27:42 +0100
parents d2eb0e6ccaaf
children cd880011e9ea
rev   line source
giuliomoro@0 1 /* structure.css
giuliomoro@0 2 * Define the structure for classes and objects in HTML
giuliomoro@0 3 */
giuliomoro@0 4
giuliomoro@0 5 div.title {
giuliomoro@0 6 width: 100%;
giuliomoro@0 7 height: 50px;
giuliomoro@0 8 margin-bottom: 10px;
giuliomoro@0 9 font-size: 2em;
giuliomoro@0 10 }
giuliomoro@0 11
giuliomoro@0 12 div.indicator-box {
giuliomoro@0 13 position: absolute;
giuliomoro@0 14 left: 150px;
giuliomoro@0 15 top: 10px;
giuliomoro@0 16 width: 300px;
giuliomoro@0 17 height: 60px;
giuliomoro@0 18 padding: 20px;
giuliomoro@0 19 border-radius: 10px;
giuliomoro@0 20 background-color: rgb(100,200,200);
giuliomoro@0 21 }
giuliomoro@0 22
giuliomoro@0 23 div.comment-div {
giuliomoro@0 24 border:1px solid #444444;
giuliomoro@0 25 max-width: 600px;
giuliomoro@0 26 min-width: 400px;
giuliomoro@0 27 float: left;
giuliomoro@0 28 margin: 5px 10px 5px 5px;
giuliomoro@0 29 height: 90px;
giuliomoro@0 30 border-radius: 10px;
giuliomoro@0 31 }
giuliomoro@0 32
giuliomoro@0 33 div.comment-div span {
giuliomoro@0 34 margin-left: 15px;
giuliomoro@0 35 }
giuliomoro@0 36
giuliomoro@0 37 div.popupHolder {
giuliomoro@0 38 width: 500px;
giuliomoro@0 39 min-height: 250px;
giuliomoro@0 40 max-height: 400px;
giuliomoro@0 41 background-color: #fff;
giuliomoro@0 42 border-radius: 10px;
giuliomoro@0 43 box-shadow: 0px 0px 50px #000;
giuliomoro@0 44 z-index: 2;
giuliomoro@0 45 position: absolute;
giuliomoro@0 46 }
giuliomoro@0 47
giuliomoro@0 48 div#popupContent {
giuliomoro@0 49 margin-top: 20px;
giuliomoro@0 50 margin-bottom: 5px;
giuliomoro@0 51 }
giuliomoro@0 52
giuliomoro@0 53 div#popupTitle {
giuliomoro@0 54 width: inherit;
giuliomoro@0 55 min-height: 25px;
giuliomoro@0 56 max-height: 250px;
giuliomoro@0 57 overflow: auto;
giuliomoro@0 58 margin-bottom: 5px;
giuliomoro@0 59 }
giuliomoro@0 60
giuliomoro@0 61 div#popupResponse {
giuliomoro@0 62 width: inherit;
giuliomoro@0 63 min-height: 50px;
giuliomoro@0 64 max-height: 320px;
giuliomoro@0 65 overflow: auto;
giuliomoro@0 66 position: relative;
giuliomoro@0 67 }
giuliomoro@0 68
giuliomoro@0 69 button.popupButton {
giuliomoro@0 70 /* Button for popup window
giuliomoro@0 71 */
giuliomoro@0 72 width: 50px;
giuliomoro@0 73 height: 25px;
giuliomoro@0 74 position: absolute;
giuliomoro@0 75 border-radius: 5px;
giuliomoro@0 76 border: #444;
giuliomoro@0 77 border-width: 1px;
giuliomoro@0 78 border-style: solid;
giuliomoro@0 79 background-color: #fff;
giuliomoro@0 80 }
giuliomoro@0 81
giuliomoro@0 82 button#popup-proceed {
giuliomoro@0 83 bottom: 10px;
giuliomoro@0 84 right: 10px;
giuliomoro@0 85 }
giuliomoro@0 86
giuliomoro@0 87 button#popup-previous {
giuliomoro@0 88 bottom: 10px;
giuliomoro@0 89 left: 10px;
giuliomoro@0 90 }
giuliomoro@0 91
giuliomoro@0 92 div.testHalt {
giuliomoro@0 93 /* Specify any colouring during the test halt for pre/post questions */
giuliomoro@0 94 background-color: rgba(0,0,0,0.5);
giuliomoro@0 95 /* Don't mess with this bit */
giuliomoro@0 96 z-index: 2;
giuliomoro@0 97 width: 100%;
giuliomoro@0 98 height: 100%;
giuliomoro@0 99 position: absolute;
giuliomoro@0 100 left: 0px;
giuliomoro@0 101 top: 0px;
giuliomoro@0 102 }
giuliomoro@0 103
giuliomoro@0 104 textarea.trackComment {
giuliomoro@0 105 max-width: 594px;
giuliomoro@0 106 min-width: 350px;
giuliomoro@0 107 max-height: 60px;
giuliomoro@0 108 resize: none;
giuliomoro@0 109 }
giuliomoro@0 110
giuliomoro@0 111 div.playhead {
giuliomoro@0 112 width: 500px;
giuliomoro@0 113 height: 50px;
giuliomoro@0 114 background-color: #eee;
giuliomoro@0 115 border-radius: 10px;
giuliomoro@0 116 padding: 10px;
giuliomoro@0 117 }
giuliomoro@0 118
giuliomoro@0 119 div.playhead-scrub-track {
giuliomoro@0 120 width: 100%;
giuliomoro@0 121 height: 10px;
giuliomoro@0 122 border-style: solid;
giuliomoro@0 123 border-width: 1px;
giuliomoro@0 124 }
giuliomoro@0 125
giuliomoro@0 126 div#playhead-scrubber {
giuliomoro@0 127 width: 10px;
giuliomoro@0 128 height: 10px;
giuliomoro@0 129 position: relative;
giuliomoro@0 130 background-color: #000;
giuliomoro@0 131 }
giuliomoro@0 132
giuliomoro@0 133 div#master-volume-holder {
giuliomoro@0 134 width: 250px;
giuliomoro@0 135 float: left;
giuliomoro@0 136 border: black 1px solid;
giuliomoro@0 137 border-radius: 5px;
giuliomoro@0 138 padding: 5px;
giuliomoro@0 139 }
giuliomoro@0 140
giuliomoro@0 141 input#master-volume-control {
giuliomoro@0 142 width: 200px;
giuliomoro@0 143 height: 25px;
giuliomoro@0 144 float: left;
giuliomoro@0 145 margin: 0px;
giuliomoro@0 146 padding: 0px;
giuliomoro@0 147 }
giuliomoro@0 148
giuliomoro@0 149 span#master-volume-feedback {
giuliomoro@0 150 width: 45px;
giuliomoro@0 151 height: 25px;
giuliomoro@0 152 margin-left: 5px;
giuliomoro@0 153 float: left;
giuliomoro@0 154 }
giuliomoro@0 155
giuliomoro@0 156 div.error-colour {
giuliomoro@0 157 background-color: #FF8F8F;
giuliomoro@0 158 }
giuliomoro@0 159 button.error-colour {
giuliomoro@0 160 background-color: #FF8F8F;
giuliomoro@0 161 color: black;
giuliomoro@0 162 }