aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss')
-rwxr-xr-xscss/imports/scss/_Tools.scss117
1 files changed, 67 insertions, 50 deletions
diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss
index 00655241..fd75e189 100755
--- a/scss/imports/scss/_Tools.scss
+++ b/scss/imports/scss/_Tools.scss
@@ -288,9 +288,7 @@ input[type="radio"]:disabled {
288} 288}
289 289
290// Begin: styles for tag toolbar 290// Begin: styles for tag toolbar
291#tagToolContainer input.tag-type, 291.tagRadioButtons input.tag-type {
292#rotateObjectToolContainer input.tag-type,
293#translateObjectToolContainer input.tag-type {
294 background: none; 292 background: none;
295 width: 20px; 293 width: 20px;
296 height: 20px; 294 height: 20px;
@@ -308,95 +306,67 @@ input[type="radio"]:disabled {
308 -webkit-user-select: none; 306 -webkit-user-select: none;
309 border: 1px solid transparent; 307 border: 1px solid transparent;
310} 308}
311#tagToolContainer input.tag-type { 309.tagRadioButtons input.tag-type {
312 background-image: url("../images/tools/sprite-toolbar-tag.png"); 310 background-image: url("../images/tools/sprite-toolbar-tag.png");
313} 311}
314#rotateObjectToolContainer input.tag-type { 312.tagRadioButtons input.tag-type:active {
315 background-image: url("../images/tools/sprite-toolbar-3d.png");
316}
317#translateObjectToolContainer input.tag-type {
318 background-image: url("../images/tools/sprite-toolbar-3d.png");
319}
320
321#tagToolContainer input.tag-type:active,
322#rotateObjectToolContainer input.tag-type:active,
323#translateObjectToolContainer input.tag-type:active {
324 border: 1px solid transparent; 313 border: 1px solid transparent;
325} 314}
326#tagToolContainer input.tag-type:hover, 315.tagRadioButtons input.tag-type:hover {
327#rotateObjectToolContainer input.tag-type:hover,
328#translateObjectToolContainer input.tag-type:hover {
329 opacity: 1.0; 316 opacity: 1.0;
330 -webkit-box-shadow: 0px 0px 4px #fff; 317 -webkit-box-shadow: 0px 0px 4px #fff;
331} 318}
332#tagToolContainer input.tag-type:checked, 319.tagRadioButtons input.tag-type:checked {
333#rotateObjectToolContainer input.tag-type:checked,
334#translateObjectToolContainer input.tag-type:checked {
335 background-color: transparent; 320 background-color: transparent;
336 opacity: 1.0; 321 opacity: 1.0;
337 cursor: default; 322 cursor: default;
338 -webkit-box-shadow: none; 323 -webkit-box-shadow: none;
339} 324}
340#tagToolContainer input#divTool { 325.tagRadioButtons input.divTool {
341 background-position: -40px 0px; 326 background-position: -40px 0px;
342} 327}
343#tagToolContainer input#divTool:checked { 328.tagRadioButtons input.divTool:checked {
344 background-position: -40px -20px; 329 background-position: -40px -20px;
345} 330}
346#tagToolContainer input#imageTool { 331.tagRadioButtons input.imageTool {
347 background-position: -60px 0px; 332 background-position: -60px 0px;
348} 333}
349#tagToolContainer input#imageTool:checked { 334.tagRadioButtons input.imageTool:checked {
350 background-position: -60px -20px; 335 background-position: -60px -20px;
351} 336}
352#tagToolContainer input#videoTool { 337.tagRadioButtons input.videoTool {
353 background-position: -100px 0px; 338 background-position: -100px 0px;
354} 339}
355#tagToolContainer input#videoTool:checked { 340.tagRadioButtons input.videoTool:checked {
356 background-position: -100px -20px; 341 background-position: -100px -20px;
357} 342}
358#tagToolContainer input#canvasTool, 343.tagRadioButtons input.canvasTool {
359#rotateObjectToolContainer input#rotateLocally,
360#translateObjectToolContainer input#translateLocally {
361 background-position: -20px 0px; 344 background-position: -20px 0px;
362} 345}
363#tagToolContainer input#canvasTool:checked, 346.tagRadioButtons input.canvasTool:checked {
364#rotateObjectToolContainer input#rotateLocally:checked,
365#translateObjectToolContainer input#translateLocally:checked {
366 background-position: -20px -20px; 347 background-position: -20px -20px;
367} 348}
368#tagToolContainer input#flashTool { 349.tagRadioButtons input.customTool {
369 background-position: -80px 0px;
370}
371#tagToolContainer input#flashTool:checked {
372 background-position: -80px -20px;
373}
374#tagToolContainer input#customTool,
375#rotateObjectToolContainer input#rotateGlobally,
376#translateObjectToolContainer input#translateGlobally {
377 background-position: 0px 0px; 350 background-position: 0px 0px;
378} 351}
379#tagToolContainer input#customTool:checked, 352.tagRadioButtons input.customTool:checked {
380#rotateObjectToolContainer input#rotateGlobally:checked,
381#translateObjectToolContainer input#translateGlobally:checked {
382 background-position: 0px -20px; 353 background-position: 0px -20px;
383} 354}
384 355
385 356.tagRadioButtons .nj-divider {
386#tagToolContainer .nj-divider {
387 height: 100%; 357 height: 100%;
388 float: left; 358 float: left;
389 position: relative; 359 position: relative;
390 top: 5px; 360 top: 5px;
391} 361}
392 362
393#tagToolContainer select.nj-skinned { 363.tagRadioButtons select.nj-skinned {
394 visibility: visible; 364 visibility: visible;
395 position: relative; 365 position: relative;
396} 366}
397 367
398#tagToolContainer select[disabled="true"].nj-skinned, 368.tagRadioButtons select[disabled="true"].nj-skinned,
399#tagToolContainer select[disabled].nj-skinned { 369.tagRadioButtons select[disabled].nj-skinned {
400 visibility: hidden; 370 visibility: hidden;
401} 371}
402 372
@@ -442,5 +412,52 @@ input[type="radio"]:disabled {
442 background:none; 412 background:none;
443 413
444} 414}
415// End: styles for tag toolbar
445 416
446// Endi: styles for tag toolbar \ No newline at end of file 417// object 3D container styles
418.object3DToolContainer input.tag-type {
419 background: none;
420 width: 20px;
421 height: 20px;
422 display: block;
423 float: left;
424 margin: 0px;
425 padding: 0px;
426 margin-right: 5px;
427 margin-top: 4px;
428 background-repeat: no-repeat;
429 opacity: 0.8;
430 text-indent: -9999px;
431 cursor: pointer;
432 -webkit-border-radius: 3px;
433 -webkit-user-select: none;
434 border: 1px solid transparent;
435}
436.object3DToolContainer input.tag-type {
437 background-image: url("../images/tools/sprite-toolbar-3d.png");
438}
439.object3DToolContainer input.tag-type:active {
440 border: 1px solid transparent;
441}
442.object3DToolContainer input.tag-type:hover {
443 opacity: 1.0;
444 -webkit-box-shadow: 0px 0px 4px #fff;
445}
446.object3DToolContainer input.tag-type:checked {
447 background-color: transparent;
448 opacity: 1.0;
449 cursor: default;
450 -webkit-box-shadow: none;
451}
452.object3DToolContainer input.rotateLocally {
453 background-position: -20px 0px;
454}
455.object3DToolContainer input.rotateLocally:checked {
456 background-position: -20px -20px;
457}
458.object3DToolContainer input.rotateGlobally {
459 background-position: 0px 0px;
460}
461.object3DToolContainer input.rotateGlobally:checked {
462 background-position: 0px -20px;
463}