aboutsummaryrefslogtreecommitdiff
path: root/scss/imports
diff options
context:
space:
mode:
Diffstat (limited to 'scss/imports')
-rwxr-xr-xscss/imports/scss/_PanelUI.scss13
-rwxr-xr-xscss/imports/scss/_Tools.scss289
-rwxr-xr-xscss/imports/scss/_toolbar.scss122
3 files changed, 181 insertions, 243 deletions
diff --git a/scss/imports/scss/_PanelUI.scss b/scss/imports/scss/_PanelUI.scss
index dd8cee04..8baffc95 100755
--- a/scss/imports/scss/_PanelUI.scss
+++ b/scss/imports/scss/_PanelUI.scss
@@ -855,20 +855,7 @@ div.pp-button.button-divider div {
855 855
856// End: Tree component for Project Panel 856// End: Tree component for Project Panel
857 857
858
859.subToolHolderPanel{
860 margin-left:42px
861}
862
863.subToolPanel{
864 margin-top:-6px
865}
866
867// .marginposition{
868 // margin-top:-26px
869// }
870// Begin: Properties Panel styles 858// Begin: Properties Panel styles
871
872.properties_panel { 859.properties_panel {
873 overflow-x: hidden; 860 overflow-x: hidden;
874 color: $color-panel-text; 861 color: $color-panel-text;
diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss
index 55c37d02..c2d2498a 100755
--- a/scss/imports/scss/_Tools.scss
+++ b/scss/imports/scss/_Tools.scss
@@ -11,68 +11,53 @@
11// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss 11// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
12// 12//
13 13
14 14.subToolHolderPanel {
15// Made changes to toolButton } 15 margin-left: 42px;
16 padding: 6px;
17 float:left;
18}
16 19
17.subToolHolderPanel .toolbutton { 20.subToolHolderPanel .toolbutton {
18 float:left; 21 float:left;
19 -webkit-transform: scale(0.6); 22 -webkit-transform: scale(0.6);
23 margin-top: -4px;
20} 24}
21 25
22.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { 26.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active {
23 -webkit-transform: scale(0.75); 27 -webkit-transform: scale(0.75);
24} 28}
25 29
26.subOption{ 30.toolOptionsFloatChildren > * {
27 float:left; 31 float:left;
28 // margin:10px;
29 margin-top: 5px;
30 margin-left: 10px;
31 margin-right: 10px;
32} 32}
33 33
34.toolSeparator { 34// .toolOptionsFloatChildren select.nj-skinned {
35 height:1px; 35// margin-top: 2px;
36 width:30px; 36// }
37 // margin-left: 3px;
38 // margin-right: 3px;
39}
40 37
41.toolSeparatorTop {
42 margin-top: 3px;
43 margin-bottom: 0px;
44}
45 38
46.toolSeparatorMiddle { 39.toolOptionsSpacer {
47 margin-top: 0px; 40 margin-right: 9px;
48 margin-bottom: 0px;
49} 41}
50 42
51.toolSeparatorBottom { 43.toolColorChipCtrl {
52 margin-top: 0px; 44 width: 18px;
53 margin-bottom: 3px; 45 height: 18px;
46 margin-top: 1px;
47 margin-left: 3px;
48 margin-right: 8px;
49 border: 1px black solid;
54} 50}
55 51
56.toolImageBase { 52.toolColorChipIcon {
57 padding: 0px; 53 width: 20px;
58 width: 26px; 54 height: 20px;
59 height: 23px; 55 margin-top: 1px;
60 opacity: 0.7; 56 -webkit-transform: scale(0.8);
61 background-repeat:no-repeat; 57 background-color: rgb(40, 40, 40);
62} 58}
63 59
64.toolImageBase:hover {
65 opacity: 1.0;
66 }
67
68
69.drawingMode {
70 outline:blue solid thin;
71}
72
73
74// Added new styling Sub Tool Shape Options 60// Added new styling Sub Tool Shape Options
75
76.textBox { 61.textBox {
77 62
78 padding-top:3px; 63 padding-top:3px;
@@ -129,28 +114,28 @@
129 opacity:1; 114 opacity:1;
130} 115}
131 116
132.cornerRadius.topLeft 117.cornerRadius.topLeft {
133{
134 -webkit-transform: rotate(0deg); 118 -webkit-transform: rotate(0deg);
119 margin-top: 1px;
120 margin-right: 3px;
135} 121}
136 122
137.cornerRadius.topRight 123.cornerRadius.topRight {
138{
139 -webkit-transform: rotate(90deg); 124 -webkit-transform: rotate(90deg);
140 margin-right : -2px; 125 margin-right: 3px;
126 margin-top: 1px;
141} 127}
142 128
143.cornerRadius.bottomLeft 129.cornerRadius.bottomLeft {
144{
145 margin-top: 3px;
146 -webkit-transform: rotate(270deg); 130 -webkit-transform: rotate(270deg);
131 margin-right: 2px;
132 margin-top: -1px;
147} 133}
148 134
149.cornerRadius.bottomRight 135.cornerRadius.bottomRight {
150{
151 margin-top: 3px;
152 -webkit-transform: rotate(180deg); 136 -webkit-transform: rotate(180deg);
153 margin-right : -2px; 137 margin-right: 4px;
138 margin-top: -1px;
154} 139}
155 140
156#toolOptionsContainer 141#toolOptionsContainer
@@ -285,9 +270,7 @@ input[type="radio"]:disabled {
285} 270}
286 271
287// Begin: styles for tag toolbar 272// Begin: styles for tag toolbar
288#tagToolContainer input.tag-type, 273.tagRadioButtons input.tag-type {
289#rotateObjectToolContainer input.tag-type,
290#translateObjectToolContainer input.tag-type {
291 background: none; 274 background: none;
292 width: 20px; 275 width: 20px;
293 height: 20px; 276 height: 20px;
@@ -296,7 +279,7 @@ input[type="radio"]:disabled {
296 margin: 0px; 279 margin: 0px;
297 padding: 0px; 280 padding: 0px;
298 margin-right: 5px; 281 margin-right: 5px;
299 margin-top: 4px; 282 margin-top: 0px;
300 background-repeat: no-repeat; 283 background-repeat: no-repeat;
301 opacity: 0.8; 284 opacity: 0.8;
302 text-indent: -9999px; 285 text-indent: -9999px;
@@ -305,97 +288,71 @@ input[type="radio"]:disabled {
305 -webkit-user-select: none; 288 -webkit-user-select: none;
306 border: 1px solid transparent; 289 border: 1px solid transparent;
307} 290}
308#tagToolContainer input.tag-type { 291.tagRadioButtons input.tag-type {
309 background-image: url("../images/tools/sprite-toolbar-tag.png"); 292 background-image: url("../images/tools/sprite-toolbar-tag.png");
310} 293}
311#rotateObjectToolContainer input.tag-type { 294.tagRadioButtons input.tag-type:active {
312 background-image: url("../images/tools/sprite-toolbar-3d.png");
313}
314#translateObjectToolContainer input.tag-type {
315 background-image: url("../images/tools/sprite-toolbar-3d.png");
316}
317
318#tagToolContainer input.tag-type:active,
319#rotateObjectToolContainer input.tag-type:active,
320#translateObjectToolContainer input.tag-type:active {
321 border: 1px solid transparent; 295 border: 1px solid transparent;
322} 296}
323#tagToolContainer input.tag-type:hover, 297.tagRadioButtons input.tag-type:hover {
324#rotateObjectToolContainer input.tag-type:hover,
325#translateObjectToolContainer input.tag-type:hover {
326 opacity: 1.0; 298 opacity: 1.0;
327 -webkit-box-shadow: 0px 0px 4px #fff; 299 -webkit-box-shadow: 0px 0px 4px #fff;
328} 300}
329#tagToolContainer input.tag-type:checked, 301.tagRadioButtons input.tag-type:checked {
330#rotateObjectToolContainer input.tag-type:checked,
331#translateObjectToolContainer input.tag-type:checked {
332 background-color: transparent; 302 background-color: transparent;
333 opacity: 1.0; 303 opacity: 1.0;
334 cursor: default; 304 cursor: default;
335 -webkit-box-shadow: none; 305 -webkit-box-shadow: none;
336} 306}
337#tagToolContainer input#divTool { 307.tagRadioButtons input.divTool {
308 margin-left: 8px;
338 background-position: -40px 0px; 309 background-position: -40px 0px;
339}