aboutsummaryrefslogtreecommitdiff
path: root/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss
diff options
context:
space:
mode:
authorKris Kowal2012-07-06 11:52:06 -0700
committerKris Kowal2012-07-06 15:01:48 -0700
commit648ee61ae84216d0236e0dbc211addc13b2cfa3a (patch)
tree8f0f55557bd0c47a84e49c1977c950645d284607 /js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss
parentaedd14b18695d031f695d27dfbd94df5614495bb (diff)
downloadninja-648ee61ae84216d0236e0dbc211addc13b2cfa3a.tar.gz
Expand tabs
Diffstat (limited to 'js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss')
-rwxr-xr-xjs/panels/color/colorpanelbase.reel/css/colorpanelbase.scss338
1 files changed, 169 insertions, 169 deletions
diff --git a/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss b/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss
index 79461048..9317b592 100755
--- a/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss
+++ b/js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss
@@ -37,327 +37,327 @@ $sprite_stdbtn_spacing: 4;
37 37
38@mixin sprite_background ($x, $y) 38@mixin sprite_background ($x, $y)
39{ 39{
40 background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important; 40 background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important;
41 background-position: $x*-1px $y*-1px !important; 41 background-position: $x*-1px $y*-1px !important;
42 border: none !important; 42 border: none !important;
43 display: block; 43 display: block;
44} 44}
45 45
46.cp_expanded 46.cp_expanded
47{ 47{
48 font-size: 12px; 48 font-size: 12px;
49 text-shadow: 1px 1px 1px #000; 49 text-shadow: 1px 1px 1px #000;
50 color: #FFF; 50 color: #FFF;
51} 51}
52 52
53.cp_expanded a:hover 53.cp_expanded a:hover
54{ 54{
55 color: #CCC; 55 color: #CCC;
56} 56}
57 57
58.cp_expanded hr 58.cp_expanded hr
59{ 59{
60 float: left; 60 float: left;
61 clear: both; 61 clear: both;
62 width: 100%; 62 width: 100%;
63 display: block; 63 display: block;
64 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(29,29,29)), color-stop(0.75, rgb(66,66,66))); 64 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(29,29,29)), color-stop(0.75, rgb(66,66,66)));
65 border: none; 65 border: none;
66 height: 2px; 66 height: 2px;
67 margin: 4px 0px 4px 0px; 67 margin: 4px 0px 4px 0px;
68} 68}
69 69
70.cp_history 70.cp_history
71{ 71{
72 float: left; 72 float: left;
73 margin: 4px 0px 0px 4px; 73 margin: 4px 0px 0px 4px;
74 background: url(../../../../../images/colorpanel/transparent.png) repeat; 74 background: url(../../../../../images/colorpanel/transparent.png) repeat;
75} 75}
76 76
77.cp_history button 77.cp_history button
78{ 78{
79 79
80 width: 22px; 80 width: 22px;
81 height: 22px; 81 height: 22px;
82 overflow: hidden; 82 overflow: hidden;
83 text-indent: -9999px; 83 text-indent: -9999px;
84 background: #333; 84 background: #333;
85 float: left; 85 float: left;
86 border: solid 1px #000; 86 border: solid 1px #000;
87 cursor: pointer; 87 cursor: pointer;
88 margin: 0px -1px 0px 0px; 88 margin: 0px -1px 0px 0px;
89 padding: 0px 0px 0px 0px; 89 padding: 0px 0px 0px 0px;
90} 90}
91 91
92.cp_expanded .cp_inputs 92.cp_expanded .cp_inputs
93{ 93{
94 float: left; 94 float: left;
95 margin: 0px 4px 0px 4px; 95 margin: 0px 4px 0px 4px;
96} 96}
97 97
98 98
99.cp_expanded .cp_input_button 99.cp_expanded .cp_input_button
100{ 100{
101 background: url(../../../../../images/colorpanel/transparent.png) repeat; 101 background: url(../../../../../images/colorpanel/transparent.png) repeat;
102 float: left; 102 float: left;
103 clear: left; 103 clear: left;
104 margin: 0px 0px 6px 0px; 104 margin: 0px 0px 6px 0px;
105} 105}
106 106
107.cp_expanded .cp_inputs button, .cpe_fill, .cpe_stroke, .cpe_fill_icon, .cpe_stroke_icon 107.cp_expanded .cp_inputs button, .cpe_fill, .cpe_stroke, .cpe_fill_icon, .cpe_stroke_icon
108{ 108{
109 109
110 width: 22px; 110 width: 22px;
111 height: 22px; 111 height: 22px;
112 overflow: hidden; 112 overflow: hidden;
113 text-indent: -9999px; 113 text-indent: -9999px;
114 padding: 0px 0px 0px 0px; 114 padding: 0px 0px 0px 0px;
115 display: block; 115 display: block;
116 float: left; 116 float: left;
117 cursor: pointer; 117 cursor: pointer;
118} 118}
119 119
120.cpe_fill, .cpe_stroke 120.cpe_fill, .cpe_stroke
121{ 121{
122 clear: left; 122 clear: left;
123 background-color: #333; 123 background-color: #333;
124 border: solid 1px #000; 124 border: solid 1px #000;
125} 125}
126 126
127.cpe_fill_icon, .cpe_fill_icon 127.cpe_fill_icon, .cpe_fill_icon
128{ 128{
129 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*10, 0); 129 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*10, 0);
130} 130}
131 131
132.cpe_fill_icon:hover, .cpe_fill_icon.selected, .cpe_fill_icon:hover, .cpe_fill_icon.selected 132.cpe_fill_icon:hover, .cpe_fill_icon.selected, .cpe_fill_icon:hover, .cpe_fill_icon.selected
133{ 133{
134 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*11, 0); 134 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*11, 0);
135} 135}
136 136
137.cpe_stroke_icon, .cpe_stroke_icon 137.cpe_stroke_icon, .cpe_stroke_icon
138{ 138{
139 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*8, ($sprite_stdbtn_height+$sprite_stdbtn_spacing)*1); 139 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*8, ($sprite_stdbtn_height+$sprite_stdbtn_spacing)*1);
140} 140}
141 141
142.cpe_stroke_icon:hover, .cpe_stroke_icon.selected, .cpe_stroke_icon:hover, .cpe_stroke_icon.selected 142.cpe_stroke_icon:hover, .cpe_stroke_icon.selected, .cpe_stroke_icon:hover, .cpe_stroke_icon.selected
143{ 143{
144 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*9, ($sprite_stdbtn_height+$sprite_stdbtn_spacing)*1); 144 @include sprite_background (($sprite_stdbtn_width+$sprite_stdbtn_spacing)*9, ($sprite_stdbtn_height+$sprite_stdbtn_spacing)*1);
145} 145}
146 146
147.cp_modes 147.cp_modes
148{ 148{
149 float: right; 149 float: right;
150 margin: 4px 6px 0px 0px; 150 margin: 4px 6px 0px 0px;
151 min-width: 73px; 151 min-width: 73px;
152} 152}
153 153
154.cp_modes button 154.cp_modes button
155{ 155{
156 font-size: 14px; 156 font-size: 14px;
157 line-height: 22px; 157 line-height: 22px;
158 vertical-align: middle; 158 vertical-align: middle;
159 float: left; 159 float: left;
160 background: none; 160 background: none;
161 border: none; 161 border: none;
162 margin: 0px; 162 margin: 0px;
163 padding: 0px; 163 padding: 0px;
164 color: #FFF; 164 color: #FFF;
165 text-shadow: 1px 1px 1px #000; 165 text-shadow: 1px 1px 1px #000;
166 font-family: 'Droid Sans', sans-serif; 166 font-family: 'Droid Sans', sans-serif;
167} 167}
168 168