diff options
Diffstat (limited to 'scss')
-rwxr-xr-x | scss/imports/scss/_Tools.scss | 117 |
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 | } | ||