diff options
Diffstat (limited to 'css')
-rwxr-xr-x[-rw-r--r--] | css/ninja.css | 132 |
1 files changed, 66 insertions, 66 deletions
diff --git a/css/ninja.css b/css/ninja.css index ba434f42..f085f6be 100644..100755 --- a/css/ninja.css +++ b/css/ninja.css | |||
@@ -36,7 +36,7 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button:after { content: " | |||
36 | 36 | ||
37 | button.nj-skinned { font-size: 9px; cursor: pointer; display: block; border: 0px; margin: 0px; padding: 4px; border: 1px #313131 solid; background-color: #474747; background-image: -webkit-linear-gradient(top, #505050 0%, #3c3c3c 100%); border-radius: 4px; color: white; text-transform: uppercase; cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } | 37 | button.nj-skinned { font-size: 9px; cursor: pointer; display: block; border: 0px; margin: 0px; padding: 4px; border: 1px #313131 solid; background-color: #474747; background-image: -webkit-linear-gradient(top, #505050 0%, #3c3c3c 100%); border-radius: 4px; color: white; text-transform: uppercase; cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } |
38 | 38 | ||
39 | button.nj-skinned:active { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #505050 100%); } | 39 | button.nj-skinned:active, button.nj-skinned.active { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #505050 100%); } |
40 | 40 | ||
41 | button.nj-skinned:hover { -webkit-box-shadow: 0px 0px 3px #b4b4b4; } | 41 | button.nj-skinned:hover { -webkit-box-shadow: 0px 0px 3px #b4b4b4; } |
42 | 42 | ||
@@ -74,13 +74,13 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co | |||
74 | 74 | ||
75 | #appWorkspace { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-sizing: stretch; position: relative; padding: 2px 0px; border: 1px solid #333; overflow: hidden; } | 75 | #appWorkspace { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-sizing: stretch; position: relative; padding: 2px 0px; border: 1px solid #333; overflow: hidden; } |
76 | 76 | ||
77 | #topMenu { background-color: #474747; position: absolute; height: 28px; width: 100%; top: 0px; left: 0px; z-index: 9999; } | 77 | #topMenu { background-color: #474747; position: absolute; height: 28px; width: 100%; top: 0px; left: 0px; z-index: 6995; } |
78 | 78 | ||
79 | #topPanelContainer, #leftPanelContainer, #rightPanelContainer, #bottomPanelContainer { background-color: #282828; } | 79 | #topPanelContainer, #leftPanelContainer, #rightPanelContainer, #bottomPanelContainer { background-color: #282828; } |
80 | 80 | ||
81 | #topPanelContainer { overflow: hidden; margin-bottom: 2px; height: 32px; } | 81 | #topPanelContainer { overflow: hidden; margin-bottom: 2px; height: 32px; } |
82 | 82 | ||
83 | #bottomPanelContainer { background: transparent; min-height: 80px; max-height: 50%; overflow: auto; } | 83 | #bottomPanelContainer { background: transparent; height: 150px; min-height: 80px; max-height: 50%; overflow: auto; } |
84 | 84 | ||
85 | .panelContainer { display: block; -webkit-box-orient: vertical; position: relative; } | 85 | .panelContainer { display: block; -webkit-box-orient: vertical; position: relative; } |
86 | 86 | ||
@@ -118,9 +118,9 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co | |||
118 | 118 | ||
119 | #sceneBar { height: 70px; background-color: #474747; } | 119 | #sceneBar { height: 70px; background-color: #474747; } |
120 | 120 | ||
121 | #mainContainer #rulerTop { background: url("../images/temp/ruler-top.png"); height: 15px; margin-bottom: 0px; } | 121 | #mainContainer #rulerTop { background: gray; height: 15px; margin-bottom: 0px; } |
122 | 122 | ||
123 | #rulerLeft { background: url("../images/temp/ruler-left.png"); width: 16px; } | 123 | #rulerLeft { background: gray; width: 16px; } |
124 | 124 | ||
125 | #stateBar { height: 20px; background-color: #282828; margin-bottom: 0px; } | 125 | #stateBar { height: 20px; background-color: #282828; margin-bottom: 0px; } |
126 | 126 | ||
@@ -164,8 +164,6 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co | |||
164 | 164 | ||
165 | #rightPanelContent { overflow-y: hidden; } | 165 | #rightPanelContent { overflow-y: hidden; } |
166 | 166 | ||
167 | .contextMenu { position: absolute; z-index: 999; } | ||
168 | |||
169 | #openDocumentsTabComponent { height: 25px; position: relative; overflow: hidden; color: white; } | 167 | #openDocumentsTabComponent { height: 25px; position: relative; overflow: hidden; color: white; } |
170 | 168 | ||
171 | #openDocuments { float: left; height: 25px; width: 100%; font-size: 12px; list-style: none; margin: 0; padding: 0; position: relative; text-decoration: none; } | 169 | #openDocuments { float: left; height: 25px; width: 100%; font-size: 12px; list-style: none; margin: 0; padding: 0; position: relative; text-decoration: none; } |
@@ -176,6 +174,8 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co | |||
176 | 174 | ||
177 | #documentBar { height: 25px; width: 1000px; position: relative; overflow: hidden; color: white; } | 175 | #documentBar { height: 25px; width: 1000px; position: relative; overflow: hidden; color: white; } |
178 | 176 | ||
177 | .montage-popup-modal-mask { opacity: 1; background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.8) 80%); } | ||
178 | |||
179 | #middleDocArea { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; margin: 1px; margin-bottom: 3px; border-style: solid; border-width: 1px; } | 179 | #middleDocArea { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; margin: 1px; margin-bottom: 3px; border-style: solid; border-width: 1px; } |
180 | 180 | ||
181 | #mainStageIFrame { border: none; margin: 4px; } | 181 | #mainStageIFrame { border: none; margin: 4px; } |
@@ -212,6 +212,10 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co | |||
212 | 212 | ||
213 | #mainContent .CodeMirror-scroll { height: 100%; overflow: scroll; overflow-x: auto; overflow-y: auto; } | 213 | #mainContent .CodeMirror-scroll { height: 100%; overflow: scroll; overflow-x: auto; overflow-y: auto; } |
214 | 214 | ||
215 | .montage-editor-frame { position: absolute; z-index: 7; top: 0; left: 0; display: none; -webkit-user-select: initial; } | ||
216 | |||
217 | .montage-editor { padding: 0px; word-wrap: normal; } | ||
218 | |||
215 | .panelContainer { margin: 0px; padding: 0px 0px; position: relative; overflow: auto; } | 219 | .panelContainer { margin: 0px; padding: 0px 0px; position: relative; overflow: auto; } |
216 | 220 | ||
217 | .panelDisclosureIcon { background-image: url("../images/panels/panelDisclosureIcon.png"); background-repeat: no-repeat; width: 16px; height: 16px; float: left; -webkit-transition-property: rotate; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: linear; padding-right: 2px; } | 221 | .panelDisclosureIcon { background-image: url("../images/panels/panelDisclosureIcon.png"); background-repeat: no-repeat; width: 16px; height: 16px; float: left; -webkit-transition-property: rotate; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: linear; padding-right: 2px; } |
@@ -236,7 +240,7 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co | |||
236 | 240 | ||
237 | #toolPropertiesPanel { height: 32px; margin: 0px; } | 241 | #toolPropertiesPanel { height: 32px; margin: 0px; } |
238 | 242 | ||
239 | #timelinePanel { height: 116px; } | 243 | #timelinePanel { height: 100%; } |
240 | 244 | ||
241 | .treeComponent { -webkit-user-select: none; font-size: 11px; margin-left: 20px; cursor: default; color: white; } | 245 | .treeComponent { -webkit-user-select: none; font-size: 11px; margin-left: 20px; cursor: default; color: white; } |
242 | 246 | ||
@@ -668,16 +672,12 @@ nav.menuBar ul ul, nav.menuBar ul li:hover ul ul, nav.menuBar ul ul li:hover ul | |||
668 | 672 | ||
669 | nav.menuBar ul li:hover ul, nav.menuBar ul ul li:hover ul, nav.menuBar ul ul ul li:hover ul { display: block; } | 673 | nav.menuBar ul li:hover ul, nav.menuBar ul ul li:hover ul, nav.menuBar ul ul ul li:hover ul { display: block; } |
670 | 674 | ||
671 | .toolButton { width: 26px; height: 23px; padding: 0px; margin: 1px; border-width: 1px; border-style: solid; } | 675 | .subToolHolderPanel .toolbutton { float: left; -webkit-transform: scale(0.6); } |
672 | 676 | ||
673 | .subToolButton { float: left; } | 677 | .subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { -webkit-transform: scale(0.75); } |
674 | 678 | ||
675 | .subOption { float: left; margin-top: 5px; margin-left: 10px; margin-right: 10px; } | 679 | .subOption { float: left; margin-top: 5px; margin-left: 10px; margin-right: 10px; } |
676 | 680 | ||
677 | .toolButton:active { border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; } | ||
678 | |||
679 | .toolButtonSelected { border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; } | ||
680 | |||
681 | .toolSeparator { height: 1px; width: 30px; } | 681 | .toolSeparator { height: 1px; width: 30px; } |
682 | 682 | ||
683 | .toolSeparatorTop { margin-top: 3px; margin-bottom: 0px; } | 683 | .toolSeparatorTop { margin-top: 3px; margin-bottom: 0px; } |
@@ -814,90 +814,84 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1 | |||
814 | 814 | ||
815 | #zoomToolOptionHolder input.zoom-option { background: none; } | 815 | #zoomToolOptionHolder input.zoom-option { background: none; } |
816 | 816 | ||
817 | .SelectionToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -360px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 817 | #toolsPanelContent { width: 40px; } |
818 | |||
819 | .SelectionToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -390px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | ||
820 | |||
821 | .SubselectionToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -420px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | ||
822 | |||
823 | .SubselectionToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -450px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | ||
824 | |||
825 | .RotateTool3DPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: 0px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | ||
826 | 818 | ||
827 | .RotateTool3DUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -30px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 819 | .toolsList { width: 29px; margin: auto; } |
828 | 820 | ||
829 | .Translate3DPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -120px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 821 | .toolsList hr { border: 0px; border-top: 1px solid #232323; border-bottom: 1px solid #3A3A3A; margin: 2px; } |
830 | 822 | ||
831 | .Translate3DUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -150px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 823 | .toolbutton { width: 29px; height: 29px; background-position: center center; background-repeat: no-repeat; border-radius: 3px; opacity: 1; margin-bottom: 2px; -webkit-transform: scale(0.8); -webkit-transition: 0.15s all cubic-bezier(0.44, 0.19, 0, 0.99); } |
832 | 824 | ||
833 | .TagToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: 0px -54px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 825 | .toolbutton:hover, .toolbutton.active { box-shadow: 0px 0px 2px 2px #999; -webkit-transform: scale(1); opacity: 1; } |
834 | 826 | ||
835 | .TagToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -30px -54px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 827 | .toolbutton:active { background-color: #8c8c8c; } |
836 | 828 | ||
837 | .PenToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -180px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 829 | .toolbutton.active { box-shadow: inset 0px 0px 2px 2px #555; background-color: #363636; } |
838 | 830 | ||
839 | .PenToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -210px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 831 | .SelectionTool { background-image: url("../images/tools/Tool-Selection.png"); } |
840 | 832 | ||
841 | .TextToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -60px -54px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 833 | .SubselectionTool { background-image: url("../images/tools/Tool-Subselect.png"); } |
842 | 834 | ||
843 | .TextToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -90px -54px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 835 | .RotateTool3D { background-image: url("../images/tools/Tool-3DRotate.png"); } |
844 | 836 | ||
845 | .ShapeContainerPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -120px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 837 | .Translate3D { background-image: url("../images/tools/Tool-3DTranslate.png"); } |
846 | 838 | ||
847 | .ShapeContainerUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -150px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 839 | .TagTool { background-image: url("../images/tools/Tool-Tag.png"); } |
848 | 840 | ||
849 | .OvalToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -120px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 841 | .PenTool { background-image: url("../images/tools/Tool-Pen.png"); } |
850 | 842 | ||
851 | .OvalToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -150px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 843 | .TextTool { background-image: url("../images/tools/Tool-Text.png"); } |
852 | 844 | ||
853 | .RectangleToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -300px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 845 | .ShapeContainer { background-image: url("../images/tools/Tool-Rectangle.png"); } |
854 | 846 | ||
855 | .RectangleToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -330px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 847 | .OvalTool { background-image: url("../images/tools/Tool-Oval.png"); } |
856 | 848 | ||
857 | .LineToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -60px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 849 | .RectangleTool { background-image: url("../images/tools/Tool-Square.png"); } |
858 | 850 | ||
859 | .LineToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -90px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 851 | .LineTool { background-image: url("../images/tools/Tool-Line.png"); } |
860 | 852 | ||
861 | .PencilToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -240px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 853 | .PencilTool { background-image: url("../images/tools/Tool-Pencil.png"); } |
862 | 854 | ||
863 | .PencilToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -270px -27px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 855 | .BrushTool { background-image: url("../images/tools/Tool-PaintBrush.png"); } |
864 | 856 | ||
865 | .BrushToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -240px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 857 | .FillTool { background-image: url("../images/tools/Tool-Fill.png"); } |
866 | 858 | ||
867 | .BrushToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -270px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 859 | .EyedropperTool { background-image: url("../images/tools/Tool-EyeDropper.png"); } |
868 | 860 | ||
869 | .FillToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -300px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 861 | .EraserTool { background-image: url("../images/tools/Tool-Erase.png"); } |
870 | 862 | ||
871 | .FillToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -330px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 863 | .RotateStageTool3D { background-image: url("../images/tools/Tool-3DRotateStage.png"); } |
872 | 864 | ||
873 | .EyedropperToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -420px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 865 | .TranslateStageTool3D { background-image: url("../images/tools/Tool-3DTranslateStage.png"); } |
874 | 866 | ||
875 | .EyedropperToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -450px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 867 | .PanTool { background-image: url("../images/tools/Tool-Pan.png"); } |
876 | 868 | ||
877 | .EraserToolPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -360px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 869 | .ZoomTool { background-image: url("../images/tools/Tool-Zoom.png"); } |
878 | 870 | ||
879 | .EraserToolUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -390px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } | 871 | .InkBottleTool { background-image: url("../images/tools/Tool-FillColor.png"); } |
880 | 872 | ||
881 | .RotateStageTool3DPressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -60px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 1; } | 873 | .toolsList .colortoolbar { padding-left: 1px; padding-top: 4px; } |
882 | 874 | ||
883 | .RotateStageTool3DUnpressed { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -90px 0px; background-repeat: no-repeat; height: 23px; width: 26px; opacity: 0.7; } |