aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rwxr-xr-xcss/ninja.css184
1 files changed, 83 insertions, 101 deletions
diff --git a/css/ninja.css b/css/ninja.css
index cd7a35ab..309c3ccd 100755
--- a/css/ninja.css
+++ b/css/ninja.css
@@ -518,10 +518,6 @@ div.pp-button.button-divider div { height: 1px; width: 24px; background-color: b
518 518
519#pp-container-assets input.inline-editor { height: 11px; width: 80%; background-color: #242424 !important; color: #b2b2b2 !important; top: -2px; border-width: 0px; font-size: 11px; } 519#pp-container-assets input.inline-editor { height: 11px; width: 80%; background-color: #242424 !important; color: #b2b2b2 !important; top: -2px; border-width: 0px; font-size: 11px; }
520 520
521.subToolHolderPanel { margin-left: 42px; }
522
523.subToolPanel { margin-top: -6px; }
524
525.properties_panel { overflow-x: hidden; color: white; } 521.properties_panel { overflow-x: hidden; color: white; }
526 522
527.properties_panel select { -webkit-appearance: none; font-size: 9px; color: white; background-color: #444444; border: 1px solid #313131; width: 120px; height: 15px; outline: none; background-image: url("../images/dropdown-bg.png"); background-repeat: no-repeat; background-position: right center; } 523.properties_panel select { -webkit-appearance: none; font-size: 9px; color: white; background-color: #444444; border: 1px solid #313131; width: 120px; height: 15px; outline: none; background-image: url("../images/dropdown-bg.png"); background-repeat: no-repeat; background-position: right center; }
@@ -669,25 +665,19 @@ nav.menuBar ul ul, nav.menuBar ul li:hover ul ul, nav.menuBar ul ul li:hover ul
669 665
670nav.menuBar ul li:hover ul, nav.menuBar ul ul li:hover ul, nav.menuBar ul ul ul li:hover ul { display: block; } 666nav.menuBar ul li:hover ul, nav.menuBar ul ul li:hover ul, nav.menuBar ul ul ul li:hover ul { display: block; }
671 667
672.subToolHolderPanel .toolbutton { float: left; -webkit-transform: scale(0.6); } 668.subToolHolderPanel { margin-left: 42px; padding: 6px; float: left; }
673
674.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { -webkit-transform: scale(0.75); }
675
676.subOption { float: left; margin-top: 5px; margin-left: 10px; margin-right: 10px; }
677
678.toolSeparator { height: 1px; width: 30px; }
679 669
680.toolSeparatorTop { margin-top: 3px; margin-bottom: 0px; } 670.subToolHolderPanel .toolbutton { float: left; -webkit-transform: scale(0.6); margin-top: -4px; }
681 671
682.toolSeparatorMiddle { margin-top: 0px; margin-bottom: 0px; } 672.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { -webkit-transform: scale(0.75); }
683 673
684.toolSeparatorBottom { margin-top: 0px; margin-bottom: 3px; } 674.toolOptionsFloatChildren > * { float: left; }
685 675
686.toolImageBase { padding: 0px; width: 26px; height: 23px; opacity: 0.7; background-repeat: no-repeat; } 676.toolOptionsSpacer { margin-right: 9px; }
687 677
688.toolImageBase:hover { opacity: 1.0; } 678.toolColorChipCtrl { width: 18px; height: 18px; margin-top: 1px; margin-left: 3px; margin-right: 8px; border: 1px black solid; }
689 679
690.drawingMode { outline: blue solid thin; } 680.toolColorChipIcon { width: 20px; height: 20px; margin-top: 1px; -webkit-transform: scale(0.8); background-color: #282828; }
691 681
692.textBox { padding-top: 3px; min-width: 10em; margin-left: 5px; position: relative; margin-top: 0px; } 682.textBox { padding-top: 3px; min-width: 10em; margin-left: 5px; position: relative; margin-top: 0px; }
693 683
@@ -703,13 +693,13 @@ nav.menuBar ul li:hover ul, nav.menuBar ul ul li:hover ul, nav.menuBar ul ul ul
703 693
704.cornerRadius:hover, .cornerRadius:active { opacity: 1; } 694.cornerRadius:hover, .cornerRadius:active { opacity: 1; }
705 695
706.cornerRadius.topLeft { -webkit-transform: rotate(0deg); } 696.cornerRadius.topLeft { -webkit-transform: rotate(0deg); margin-top: 1px; margin-right: 3px; }
707 697
708.cornerRadius.topRight { -webkit-transform: rotate(90deg); margin-right: -2px; } 698.cornerRadius.topRight { -webkit-transform: rotate(90deg); margin-right: 3px; margin-top: 1px; }
709 699
710.cornerRadius.bottomLeft { margin-top: 3px; -webkit-transform: rotate(270deg); } 700.cornerRadius.bottomLeft { -webkit-transform: rotate(270deg); margin-right: 2px; margin-top: -1px; }
711 701
712.cornerRadius.bottomRight { margin-top: 3px; -webkit-transform: rotate(180deg); margin-right: -2px; } 702.cornerRadius.bottomRight { -webkit-transform: rotate(180deg); margin-right: 4px; margin-top: -1px; }
713 703
714#toolOptionsContainer { display: inline; float: left; } 704#toolOptionsContainer { display: inline; float: left; }
715 705
@@ -753,49 +743,41 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1
753 743
754.optionLabel { margin-top: 5px; } 744.optionLabel { margin-top: 5px; }
755 745
756#tagToolContainer input.tag-type, #rotateObjectToolContainer input.tag-type, #translateObjectToolContainer input.tag-type { background: none; width: 20px; height: 20px; display: block; float: left; margin: 0px; padding: 0px; margin-right: 5px; margin-top: 4px; background-repeat: no-repeat; opacity: 0.8; text-indent: -9999px; cursor: pointer; -webkit-border-radius: 3px; -webkit-user-select: none; border: 1px solid transparent; } 746.tagRadioButtons input.tag-type { background: none; width: 20px; height: 20px; display: block; float: left; margin: 0px; padding: 0px; margin-right: 5px; margin-top: 0px; background-repeat: no-repeat; opacity: 0.8; text-indent: -9999px; cursor: pointer; -webkit-border-radius: 3px; -webkit-user-select: none; border: 1px solid transparent; }
757
758#tagToolContainer input.tag-type { background-image: url("../images/tools/sprite-toolbar-tag.png"); }
759 747
760#rotateObjectToolContainer input.tag-type { background-image: url("../images/tools/sprite-toolbar-3d.png"); } 748.tagRadioButtons input.tag-type { background-image: url("../images/tools/sprite-toolbar-tag.png"); }
761 749
762#translateObjectToolContainer input.tag-type { background-image: url("../images/tools/sprite-toolbar-3d.png"); } 750.tagRadioButtons input.tag-type:active { border: 1px solid transparent; }
763 751
764#tagToolContainer input.tag-type:active, #rotateObjectToolContainer input.tag-type:active, #translateObjectToolContainer input.tag-type:active { border: 1px solid transparent; } 752.tagRadioButtons input.tag-type:hover { opacity: 1.0; -webkit-box-shadow: 0px 0px 4px #fff; }
765 753
766#tagToolContainer input.tag-type:hover, #rotateObjectToolContainer input.tag-type:hover, #translateObjectToolContainer input.tag-type:hover { opacity: 1.0; -webkit-box-shadow: 0px 0px 4px #fff; } 754.tagRadioButtons input.tag-type:checked { background-color: transparent; opacity: 1.0; cursor: default; -webkit-box-shadow: none; }
767 755
768#tagToolContainer input.tag-type:checked, #rotateObjectToolContainer input.tag-type:checked, #translateObjectToolContainer input.tag-type:checked { background-color: transparent; opacity: 1.0; cursor: default; -webkit-box-shadow: none; } 756.tagRadioButtons input.divTool { margin-left: 8px; background-position: -40px 0px; }
769 757
770#tagToolContainer input#divTool { background-position: -40px 0px; } 758.tagRadioButtons input.divTool:checked { background-position: -40px -20px; }
771 759
772#tagToolContainer input#divTool:checked { background-position: -40px -20px; } 760.tagRadioButtons input.imageTool { background-position: -60px 0px; }
773 761
774#tagToolContainer input#imageTool { background-position: -60px 0px; } 762.tagRadioButtons input.imageTool:checked { background-position: -60px -20px; }
775 763
776#tagToolContainer input#imageTool:checked { background-position: -60px -20px; } 764.tagRadioButtons input.videoTool { background-position: -100px 0px; }
777 765
778#tagToolContainer input#videoTool { background-position: -100px 0px; } 766.tagRadioButtons input.videoTool:checked { background-position: -100px -20px; }
779 767
780#tagToolContainer input#videoTool:checked { background-position: -100px -20px; } 768.tagRadioButtons input.canvasTool { background-position: -20px 0px; }
781 769
782#tagToolContainer input#canvasTool, #rotateObjectToolContainer input#rotateLocally, #translateObjectToolContainer input#translateLocally { background-position: -20px 0px; } 770.tagRadioButtons input.canvasTool:checked { background-position: -20px -20px; }
783 771
784#tagToolContainer input#canvasTool:checked, #rotateObjectToolContainer input#rotateLocally:checked, #translateObjectToolContainer input#translateLocally:checked { background-position: -20px -20px; } 772.tagRadioButtons input.customTool { background-position: 0px 0px; }
785 773
786#tagToolContainer input#flashTool { background-position: -80px 0px; } 774.tagRadioButtons input.customTool:checked { background-position: 0px -20px; }
787 775
788#tagToolContainer input#flashTool:checked { background-position: -80px -20px; } 776.tagRadioButtons .nj-divider { height: 100%; float: left; position: relative; }
789 777
790#tagToolContainer input#customTool, #rotateObjectToolContainer input#rotateGlobally, #translateObjectToolContainer input#translateGlobally { background-position: 0px 0px; } 778.tagRadioButtons select.nj-skinned { visibility: visible; position: relative; margin-top: 1px; }
791 779
792#tagToolContainer input#customTool:checked, #rotateObjectToolContainer input#rotateGlobally:checked, #translateObjectToolContainer input#translateGlobally:checked { background-position: 0px -20px; } 780.tagRadioButtons select[disabled="true"].nj-skinned, .tagRadioButtons select[disabled].nj-skinned { visibility: hidden; }
793
794#tagToolContainer .nj-divider { height: 100%; float: left; position: relative; top: 5px; }
795
796#tagToolContainer select.nj-skinned { visibility: visible; position: relative; }
797
798#tagToolContainer select[disabled="true"].nj-skinned, #tagToolContainer select[disabled].nj-skinned { visibility: hidden; }
799 781
800#zoomToolOptionHolder input#zoomInTool:checked { border-style: solid; border-width: 1px; border-color: white; background-image: url("../images/optionsbar/zoom/zoom_plus.png"); background-repeat: no-repeat; background-position: 4px 3px; } 782#zoomToolOptionHolder input#zoomInTool:checked { border-style: solid; border-width: 1px; border-color: white; background-image: url("../images/optionsbar/zoom/zoom_plus.png"); background-repeat: no-repeat; background-position: 4px 3px; }
801 783
@@ -807,6 +789,60 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1
807 789
808#zoomToolOptionHolder input.zoom-option { background: none; } 790#zoomToolOptionHolder input.zoom-option { background: none; }
809 791
792.object3DToolContainer input.tag-type { background: none; width: 20px; height: 20px; display: block; float: left; margin: 0px; margin-right: 5px; background-repeat: no-repeat; opacity: 0.8; text-indent: -9999px; cursor: pointer; -webkit-border-radius: 3px; -webkit-user-select: none; border: 1px solid transparent; }
793
794.object3DToolContainer input.tag-type { background-image: url("../images/tools/sprite-toolbar-3d.png"); }
795
796.object3DToolContainer input.tag-type:active { border: 1px solid transparent; }
797
798.object3DToolContainer input.tag-type:hover { opacity: 1.0; -webkit-box-shadow: 0px 0px 4px #fff; }
799
800.object3DToolContainer input.tag-type:checked { background-color: transparent; opacity: 1.0; cursor: default; -webkit-box-shadow: none; }
801
802.object3DToolContainer input.rotateLocally { background-position: -20px 0px; }
803
804.object3DToolContainer input.rotateLocally:checked { background-position: -20px -20px; }
805
806.object3DToolContainer input.rotateGlobally { background-position: 0px 0px; }
807
808.object3DToolContainer input.rotateGlobally:checked { background-position: 0px -20px; }
809
810.optionsSelectionTool button { padding-top: 0px; }
811
812.selectionToolIcon { width: 16px; height: 16px; background-repeat: no-repeat; background-position: 1px 2px; }
813
814.alignTopIcon { background-image: url("../images/optionsbar/selection/AlignTop.png"); }
815
816.alignMiddleIcon { background-image: url("../images/optionsbar/selection/AlignMiddle.png"); }
817
818.alignBottomIcon { background-image: url("../images/optionsbar/selection/AlignBottom.png"); }
819
820.alignLeftIcon { background-image: url("../images/optionsbar/selection/AlignLeft.png"); }
821
822.alignCenterIcon { background-image: url("../images/optionsbar/selection/AlignCenter.png"); }
823
824.alignRightIcon { background-image: url("../images/optionsbar/selection/AlignRight.png"); }
825
826.arrangeBringForwardIcon { background-image: url("../images/optionsbar/selection/ArrangeBringForward.png"); }
827
828.arrangeSendBackwardIcon { background-image: url("../images/optionsbar/selection/ArrangeSendBackward.png"); }
829
830.arrangeBringToFrontIcon { background-image: url("../images/optionsbar/selection/ArrangeBringToFront.png"); }
831
832.arrangeSendToBackIcon { background-image: url("../images/optionsbar/selection/ArrangeSendToBack.png"); }
833
834.distTopIcon { background-image: url("../images/optionsbar/selection/DistTop.png"); }
835
836.distMiddleIcon { background-image: url("../images/optionsbar/selection/DistMiddle.png"); }
837
838.distBottomIcon { background-image: url("../images/optionsbar/selection/DistBottom.png"); }
839
840.distLeftIcon { background-image: url("../images/optionsbar/selection/DistLeft.png"); }
841
842.distCenterIcon { background-image: url("../images/optionsbar/selection/DistCenter.png"); }
843
844.distRightIcon { background-image: url("../images/optionsbar/selection/DistRight.png"); }
845
810#toolsPanelContent { width: 40px; } 846#toolsPanelContent { width: 40px; }
811 847
812.toolsList { width: 29px; margin: auto; } 848.toolsList { width: 29px; margin: auto; }
@@ -823,8 +859,6 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1
823 859
824.SelectionTool { background-image: url("../images/tools/Tool-Selection.png"); } 860