annotate onlypaths/css/me.css @ 75:874a6a2c28cf laserkard

session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.1
rlm@46 3 * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46 4 * licensing@extjs.com
rlm@46 5 *
rlm@46 6 * http://extjs.com/license
rlm@46 7 */
rlm@46 8 html, body { overflow:hidden;
rlm@46 9 height:100%;
rlm@46 10 }
rlm@46 11 #me-container{
rlm@46 12 position:relative;
rlm@46 13 left:0px;
rlm@46 14 top:0px;
rlm@46 15 margin:0;
rlm@46 16 padding:0;
rlm@46 17 border:0 none;
rlm@46 18
rlm@46 19 font-size:9px;
rlm@46 20 background-color:#ccccdd !important;
rlm@46 21 font-family:helvetica,tahoma,verdana,sans-serif;
rlm@46 22
rlm@46 23 }
rlm@46 24 #divformfill{
rlm@46 25 position:absolute;
rlm@46 26 left:53px;
rlm@46 27 top:0px;
rlm@46 28 width:50px;
rlm@46 29 height:240px;
rlm@46 30 padding-top:0px;
rlm@46 31 padding-left:0px;
rlm@46 32 font-size:8px;
rlm@46 33 border:0px solid #6593cf;
rlm@46 34 padding:2px;
rlm@46 35 visibility:hidden;
rlm@46 36 }
rlm@46 37 #divformstroke{
rlm@46 38 position:absolute;
rlm@46 39 left:53px;
rlm@46 40 top:115px;
rlm@46 41 width:50px;
rlm@46 42 height:240px;
rlm@46 43 padding-top:0px;
rlm@46 44 padding-left:0px;
rlm@46 45 font-size:9px;
rlm@46 46 border:0px solid #6593cf;
rlm@46 47 padding:0px;
rlm@46 48 visibility:hidden;
rlm@46 49 }
rlm@46 50 .field {
rlm@46 51 margin:1px;
rlm@46 52 padding:1px;
rlm@46 53 font-size:9px;
rlm@46 54 vertical-align: middle;
rlm@46 55 width:50px;
rlm@46 56
rlm@46 57 }
rlm@46 58
rlm@46 59 .loading-indicator {
rlm@46 60 font-size:8pt;
rlm@46 61 background-image:url('theme/images/loading.gif');
rlm@46 62 background-repeat: no-repeat;
rlm@46 63 background-position:top left;
rlm@46 64 padding-left:20px;
rlm@46 65 height:18px;
rlm@46 66 text-align:left;
rlm@46 67 }
rlm@46 68 #loading-mask {
rlm@46 69 width:100%;
rlm@46 70 height:100%;
rlm@46 71 background:#000033;
rlm@46 72 position:absolute;
rlm@46 73 left:0;
rlm@46 74 top:0;
rlm@46 75
rlm@46 76 }
rlm@46 77 #loading{
rlm@46 78 position:absolute;
rlm@46 79 left:45%;
rlm@46 80 top:40%;
rlm@46 81 border:1px solid #3333cf;
rlm@46 82 padding:2px;
rlm@46 83 background:#000033;
rlm@46 84 width:150px;
rlm@46 85 text-align:center;
rlm@46 86 z-index:20001;
rlm@46 87 }
rlm@46 88 #loading .loading-indicator{
rlm@46 89 border:1px solid #a3bad9;
rlm@46 90 background:white url('') repeat-x;
rlm@46 91 color:#003366;
rlm@46 92 font:bold 13px tahoma,arial,helvetica;
rlm@46 93 padding:10px;
rlm@46 94 margin:0;
rlm@46 95 }
rlm@46 96 #fill-me{
rlm@46 97 width:50px;
rlm@46 98 height:100px;
rlm@46 99 padding-top:0px;
rlm@46 100 padding-left:0px;
rlm@46 101 position:relative;
rlm@46 102 left:0px;
rlm@46 103 top:0px;
rlm@46 104 border-style:solid;
rlm@46 105 border-width:0px;
rlm@46 106 border-color:#000000;
rlm@46 107 font-size:9px;
rlm@46 108 font-family:helvetica,tahoma,verdana,sans-serif;
rlm@46 109 overflow: hidden;
rlm@46 110
rlm@46 111 }
rlm@46 112 #fill-square{
rlm@46 113 width:20px;
rlm@46 114 height:10px;
rlm@46 115 padding-top:0px;
rlm@46 116 padding-left:0px;
rlm@46 117 font-size:7px;
rlm@46 118 border-width: 2px;
rlm@46 119
rlm@46 120 }
rlm@46 121 #stroke-me{
rlm@46 122 width:50px;
rlm@46 123 height:140px;
rlm@46 124 padding-top:0px;
rlm@46 125 padding-left:0px;
rlm@46 126 position:relative;
rlm@46 127 left:0px;
rlm@46 128 top:0px;
rlm@46 129 border-style:solid;
rlm@46 130 border-width:0px;
rlm@46 131 border-color:#000000;
rlm@46 132 font-size:9px;
rlm@46 133 font-family:helvetica,tahoma,verdana,sans-serif;
rlm@46 134 overflow: hidden;
rlm@46 135 }
rlm@46 136 #stroke-square{
rlm@46 137 position:absolute;
rlm@46 138 left:30px;
rlm@46 139 top:0px;
rlm@46 140 width:16px;
rlm@46 141 height:10px;
rlm@46 142 padding-top:0px;
rlm@46 143 padding-left:0px;
rlm@46 144 font-size:7px;
rlm@46 145 border-style:solid;
rlm@46 146 border-width: 2px;
rlm@46 147 }
rlm@46 148
rlm@46 149
rlm@46 150 #fillContainer {
rlm@46 151 width: 50px;
rlm@46 152 height: 45px;
rlm@46 153 position: relative;
rlm@46 154 top:-8px;
rlm@46 155 left:1px;
rlm@46 156 margin:0;
rlm@46 157 padding:0;
rlm@46 158
rlm@46 159 }
rlm@46 160 .colorFillSquare {
rlm@46 161 height: 8px;
rlm@46 162
rlm@46 163 position: absolute;
rlm@46 164 background-color:transparent;
rlm@46 165 border-color: #000;
rlm@46 166 border-style: solid;
rlm@46 167 border-width: 0px 0px 0px 0px;
rlm@46 168 font-size:7px;
rlm@46 169 }
rlm@46 170 #strokeContainer {
rlm@46 171 width: 50px;
rlm@46 172 height: 45px;
rlm@46 173 position: relative;
rlm@46 174 top:-8px;
rlm@46 175 left:1px;
rlm@46 176 }
rlm@46 177 .colorStrokeSquare {
rlm@46 178 height: 8px;
rlm@46 179 position: absolute;
rlm@46 180 background-color: transparent;
rlm@46 181 border-color: #000;
rlm@46 182 border-style: solid;
rlm@46 183 border-width: 0px 0px 0px 0px;
rlm@46 184 font-size:7px;
rlm@46 185 }
rlm@46 186
rlm@46 187
rlm@46 188 #fill-square {
rlm@46 189 width: 16px;
rlm@46 190 height: 10px;
rlm@46 191 position: absolute;
rlm@46 192 top:0px;
rlm@46 193 left:30px;
rlm@46 194 background-color: #ff0000;
rlm@46 195 border-color: #000;
rlm@46 196 border-style: solid;
rlm@46 197 border-width: 2px 2px 2px 2px;
rlm@46 198 font-size:8px;
rlm@46 199 }
rlm@46 200 #stroke-selected {
rlm@46 201 width: 16px;
rlm@46 202 height: 10px;
rlm@46 203 position: absolute;
rlm@46 204 top:0px;
rlm@46 205 left:30px;
rlm@46 206 background-color: #ff0000;
rlm@46 207 border-color: #000;
rlm@46 208 border-style: solid;
rlm@46 209 border-width: 2px 2px 2px 2px;
rlm@46 210 font-size:8px;
rlm@46 211 }
rlm@46 212 #toolbox_fill {
rlm@46 213 text-align:center;
rlm@46 214 position:relative;
rlm@46 215 position: relative;
rlm@46 216 top:-10px;
rlm@46 217 background-color: #ffffff;
rlm@46 218 padding-top:2px;
rlm@46 219
rlm@46 220 }
rlm@46 221 #toolbox_stroke {
rlm@46 222 text-align:center;
rlm@46 223 position:relative;
rlm@46 224 position: relative;
rlm@46 225 top:-20px;
rlm@46 226 background-color: #ffffff;
rlm@46 227 padding-top:2px;
rlm@46 228 }
rlm@46 229 #img_okfill{
rlm@46 230 cursor:pointer;
rlm@46 231 padding:0px; border:0px solid orange;
rlm@46 232 }
rlm@46 233
rlm@46 234 #img_okstroke{
rlm@46 235 cursor:pointer;
rlm@46 236
rlm@46 237 }
rlm@46 238
rlm@46 239 .toolboxItem {
rlm@46 240 vertical-align: middle;
rlm@46 241
rlm@46 242 width: 12px;
rlm@46 243 height: 12px;
rlm@46 244
rlm@46 245 }
rlm@46 246 .sans{ padding:0px; border:0px solid orange; }
rlm@46 247 SPAN.toolboxItem {
rlm@46 248
rlm@46 249 background-repeat: no-repeat;
rlm@46 250 cursor:pointer;
rlm@46 251 background-image: url(theme/images/buttonSprite_12px.png);
rlm@46 252 width:10px;
rlm@46 253 height:10px;
rlm@46 254
rlm@46 255 cursor:pointer;
rlm@46 256 vertical-align: middle;
rlm@46 257 background-position: 0px 120px;
rlm@46 258 margin:0;
rlm@46 259 padding:0;
rlm@46 260
rlm@46 261 }
rlm@46 262
rlm@46 263 #linear-fill-gradient{
rlm@46 264 width: 12px;
rlm@46 265 height: 12px;
rlm@46 266
rlm@46 267 }
rlm@46 268 #linear-stroke-gradient{
rlm@46 269 width: 12px;
rlm@46 270 height: 12px;
rlm@46 271
rlm@46 272 }
rlm@46 273 #radial-fill-gradient{
rlm@46 274 width: 12px;
rlm@46 275 height: 12px;
rlm@46 276
rlm@46 277 }
rlm@46 278 #radial-stroke-gradient{
rlm@46 279 width: 12px;
rlm@46 280 height: 12px;
rlm@46 281
rlm@46 282 }
rlm@46 283 #no-fill-gradient{
rlm@46 284 width: 12px;
rlm@46 285 height: 12px;
rlm@46 286
rlm@46 287 }
rlm@46 288 #no-stroke-gradient{
rlm@46 289 width: 12px;
rlm@46 290 height: 12px;
rlm@46 291 }
rlm@46 292
rlm@46 293