aboutsummaryrefslogtreecommitdiff
path: root/scss/imports/scss/_Tools.scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss/imports/scss/_Tools.scss')
-rwxr-xr-xscss/imports/scss/_Tools.scss166
1 files changed, 83 insertions, 83 deletions
diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss
index 9aa3bd75..d15b4ae7 100755
--- a/scss/imports/scss/_Tools.scss
+++ b/scss/imports/scss/_Tools.scss
@@ -28,13 +28,13 @@ ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
28POSSIBILITY OF SUCH DAMAGE. 28POSSIBILITY OF SUCH DAMAGE.
29</copyright> 29</copyright>
30 30
31// 31//
32// Tools.scss 32// Tools.scss
33// For individual tool styles in the toolbar, see toolbar.scss. 33// For individual tool styles in the toolbar, see toolbar.scss.
34// Note that colors and font definitions go in 34// Note that colors and font definitions go in
35// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss 35// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
36// 36//
37 37
38.subToolHolderPanel { 38.subToolHolderPanel {
39 margin-left: 42px; 39 margin-left: 42px;
40 padding: 6px; 40 padding: 6px;
@@ -44,7 +44,7 @@ POSSIBILITY OF SUCH DAMAGE.
44.subToolHolderPanel .toolbutton { 44.subToolHolderPanel .toolbutton {
45 float:left; 45 float:left;
46 -webkit-transform: scale(0.6); 46 -webkit-transform: scale(0.6);
47 margin-top: -4px; 47 margin-top: -4px;
48} 48}
49 49
50.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { 50.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active {
@@ -67,12 +67,12 @@ POSSIBILITY OF SUCH DAMAGE.
67 67
68.toolColorChipContainer 68.toolColorChipContainer
69{ 69{
70 background: url(../../../../../images/colorpanel/transparent.png) repeat; 70 background: url(../../../../../images/colorpanel/transparent.png) repeat;
71 width: 18px; 71 width: 18px;
72 height: 18px; 72 height: 18px;
73 margin-top: 1px; 73 margin-top: 1px;
74 margin-left: 3px; 74 margin-left: 3px;
75 margin-right: 8px; 75 margin-right: 8px;
76 border: 1px #777 solid; 76 border: 1px #777 solid;
77} 77}
78 78
@@ -86,39 +86,39 @@ POSSIBILITY OF SUCH DAMAGE.
86 86
87// generic styles for image radio button groups used in the tool options bar 87// generic styles for image radio button groups used in the tool options bar
88.subToolHolderPanel input.toolOptsRadioButton { 88.subToolHolderPanel input.toolOptsRadioButton {
89 width: 24px; 89 width: 24px;
90 height: 24px; 90 height: 24px;
91 margin: 0px 5px 0px 0px; 91 margin: 0px 5px 0px 0px;
92 padding: 0px; 92 padding: 0px;
93 cursor: pointer; 93 cursor: pointer;
94 border-radius: 3px; 94 border-radius: 3px;
95 -webkit-user-select: none; 95 -webkit-user-select: none;
96 border: 1px solid transparent; 96 border: 1px solid transparent;
97 background: none; 97 background: none;
98 background-repeat: no-repeat; 98 background-repeat: no-repeat;
99 background-position: center center; 99 background-position: center center;
100 -webkit-transform: scale(0.9); 100 -webkit-transform: scale(0.9);
101} 101}
102 102
103.subToolHolderPanel input.toolOptsRadioButton:hover { 103.subToolHolderPanel input.toolOptsRadioButton:hover {
104 box-shadow: 0px 0px 2px 2px #999; 104 box-shadow: 0px 0px 2px 2px #999;
105 -webkit-transform: scale(1); 105 -webkit-transform: scale(1);
106} 106}
107 107
108.subToolHolderPanel input.toolOptsRadioButton:checked { 108.subToolHolderPanel input.toolOptsRadioButton:checked {
109 box-shadow: inset 0px 0px 2px 2px #999; 109 box-shadow: inset 0px 0px 2px 2px #999;
110 background-color:#363636; 110 background-color:#363636;
111 background-position: center center; 111 background-position: center center;
112 background-repeat: no-repeat; 112 background-repeat: no-repeat;
113 -webkit-transform: scale(1); 113 -webkit-transform: scale(1);
114} 114}
115 115
116// Added new styling Sub Tool Shape Options 116// Added new styling Sub Tool Shape Options
117.textBox { 117.textBox {
118 118
119 padding-top:3px; 119 padding-top:3px;
120 min-width:10em; 120 min-width:10em;
121 // height:14px; 121 // height:14px;
122 margin-left:5px; 122 margin-left:5px;
123 position:relative; 123 position:relative;
124 margin-top:0px; 124 margin-top:0px;
@@ -131,7 +131,7 @@ POSSIBILITY OF SUCH DAMAGE.
131 float:left; 131 float:left;
132 display:block; 132 display:block;
133 background-color: $color-tool-select-bg; 133 background-color: $color-tool-select-bg;
134 // -webkit-border-radius: 0; 134 // -webkit-border-radius: 0;
135 border: 1px solid $color-tool-select-border; 135 border: 1px solid $color-tool-select-border;
136 color:$color-tool-text; 136 color:$color-tool-text;
137 outline:none; 137 outline:none;
@@ -147,8 +147,8 @@ POSSIBILITY OF SUCH DAMAGE.
147 padding-top:3px; 147 padding-top:3px;
148 margin-left:10px; 148 margin-left:10px;
149 font-size:12px; 149 font-size:12px;
150 // display:inline; 150 // display:inline;
151 // line-height:10px; 151 // line-height:10px;
152 float:left; 152 float:left;
153 margin-right:5px; 153 margin-right:5px;
154} 154}
@@ -172,41 +172,41 @@ POSSIBILITY OF SUCH DAMAGE.
172 172
173.cornerRadius.topLeft { 173.cornerRadius.topLeft {
174 -webkit-transform: rotate(0deg); 174 -webkit-transform: rotate(0deg);
175 margin-top: 1px; 175 margin-top: 1px;
176 margin-right: 3px; 176 margin-right: 3px;
177} 177}
178 178
179.cornerRadius.topRight { 179.cornerRadius.topRight {
180 -webkit-transform: rotate(90deg); 180 -webkit-transform: rotate(90deg);
181 margin-right: 3px; 181 margin-right: 3px;
182 margin-top: 1px; 182 margin-top: 1px;
183} 183}
184 184
185.cornerRadius.bottomLeft { 185.cornerRadius.bottomLeft {
186 -webkit-transform: rotate(270deg); 186 -webkit-transform: rotate(270deg);
187 margin-right: 2px; 187 margin-right: 2px;
188 margin-top: -1px; 188 margin-top: -1px;
189} 189}
190 190
191.cornerRadius.bottomRight { 191.cornerRadius.bottomRight {
192 -webkit-transform: rotate(180deg); 192 -webkit-transform: rotate(180deg);
193 margin-right: 4px; 193 margin-right: 4px;
194 margin-top: -1px; 194 margin-top: -1px;
195} 195}
196 196
197#toolOptionsContainer 197#toolOptionsContainer
198{ 198{
199 display:inline; 199 display:inline;
200 float:left; 200 float:left;
201 // margin-left: 20px; 201 // margin-left: 20px;
202} 202}
203 203
204.leftLabel{ 204.leftLabel{
205 margin-top: 3px; 205 margin-top: 3px;
206 float:left; 206 float:left;
207} 207}
208 208
209// Skin Radio Buttons 209// Skin Radio Buttons
210input[type="radio"] { 210input[type="radio"] {
211 -webkit-appearance: none; 211 -webkit-appearance: none;
212 background: $color-radio-bg; 212 background: $color-radio-bg;
@@ -219,7 +219,7 @@ input[type="radio"] {
219 font-size:10px; 219 font-size:10px;
220 color:$color-radio; 220 color:$color-radio;
221 margin:4px; 221 margin:4px;
222 222
223} 223}
224 224
225input[type="radio"]:hover { 225input[type="radio"]:hover {
@@ -233,7 +233,7 @@ input[type="radio"]:checked {
233 border-style: solid; 233 border-style: solid;
234} 234}
235 235
236// disabled settings for checkbox and radiobutton 236// disabled settings for checkbox and radiobutton
237input[type="radio"]:disabled { 237input[type="radio"]:disabled {
238 opacity: .3; 238 opacity: .3;
239 background: $color-radio-border; 239 background: $color-radio-border;
@@ -255,8 +255,8 @@ input[type="radio"]:disabled {
255} 255}
256 256
257.checkBoxLabel{ 257.checkBoxLabel{
258 // margin-top:0.5em; 258 // margin-top:0.5em;
259 // margin-left:-5em; 259 // margin-left:-5em;
260 padding-top:3px; 260 padding-top:3px;
261 font-size:12px; 261 font-size:12px;
262 float:left; 262 float:left;
@@ -269,7 +269,7 @@ input[type="radio"]:disabled {
269 margin-right:4em; 269 margin-right:4em;
270 margin-top:3px; 270 margin-top:3px;
271 height:15px; 271 height:15px;
272 272
273} 273}
274.toolButtonColor { 274.toolButtonColor {
275 background: $color-tool-bg; 275 background: $color-tool-bg;
@@ -283,7 +283,7 @@ input[type="radio"]:disabled {
283.toolButtonSelectedColor { 283.toolButtonSelectedColor {
284 border-top-color: $color-tool-border-selected; 284 border-top-color: $color-tool-border-selected;
285 border-left-color: $color-tool-border-selected; 285 border-left-color: $color-tool-border-selected;