1 /* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
3 html
, body
, div
, span
, applet
, object
, iframe
,
4 h1
, h2
, h3
, h4
, h5
, h6
, p
, blockquote
, pre
,
5 a
, abbr
, acronym
, address
, big
, cite
, code
,
6 del
, dfn
, em
, font
, img
, ins
, kbd
, q
, s
, samp
,
7 small
, strike
, strong
, sub
, sup
, tt
, var
,
8 dl
, dt
, dd
, ol
, ul
, li
,
9 fieldset
, form
, label
, legend
,
10 table
, caption
, tbody
, tfoot
, thead
, tr
, th
, td
{
19 vertical-align: baseline
;
21 /* remember to define focus styles! */
33 /* tables still need 'cellspacing="0"' in the markup */
35 border-collapse: separate
;
42 blockquote:before
, blockquote:after
,
51 /* -----------------------
53 * -----------------------
56 /* main container element for editor app */
65 font-family : Helvetica
,Arial
,sans-serif
;
71 /* -----------------------
73 * -----------------------
76 /* container for loading screen */
85 font-family : Helvetica
,Arial
,sans-serif
;
88 background-color : #111;
94 /* container for spinner in loading screen */
95 #loading-screen-cell {
97 vertical-align : middle
;
102 /* -----------------------
104 * -----------------------
109 .ui-dialog .error-dialog {
110 background-color : #544;
113 /* loading spinner */
117 display : inline-block
;
118 background: url
(spinner.gif);
122 canvas
.display-canvas
,
125 background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpiPHPmDAM2YGxsjFWciYFEMKqBGMD4//9/rBJnz54dDSX6aQAIMABCtQiAsDRF+wAAAABJRU5ErkJggg==');
127 background : url
('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC5JREFUeNpiPHPmTAMDHmBsbIxPmoGJgUIwasBgMICFUDyfPXt2NBCHvwEAAQYAICIGn294LYEAAAAASUVORK5CYII=');
137 #powered-by-pixastic {
140 margin-bottom : 23px;
143 #powered-by-pixastic a
{
145 font-family : Helvetica
,Arial
,sans-serif
;
146 letter-spacing : 0.1em;
147 color : rgb
(100,100,100);
148 color : rgba
(255,255,255,0.2);
149 text-decoration : none
;
152 #powered-by-pixastic a:hover
{
153 color : rgb
(200,200,200);
154 color : rgba
(255,255,255,0.7);
155 text-decoration : underline
;
159 /* -----------------------
161 * -----------------------
164 /* editor background underlay */
166 background-color : #111;
176 background-color : #222;
177 border : 1px solid
#444;
180 -moz-box-sizing:border-box
;
191 #image-overlay-container {
192 -moz-box-sizing:border-box
;
204 /* structure elements */
214 -moz-box-sizing : border-box
;
215 box-sizing : border-box
;
219 padding-bottom : 40px;
234 /* area on the right with accordion widgets and undo bar */
236 margin-right : -385px;
246 background-color : #222;
247 border : 1px solid
#444;
248 -moz-box-sizing : border-box
;
249 box-sizing : border-box
;
257 #action-bar-overlay {
264 background-color : #444;
270 /* vertical bar with undo image states */
272 -moz-box-sizing : border-box
;
273 box-sizing : border-box
;
274 background-color : #222;
275 border : 1px solid
#444;
284 /* -----------------------
286 * -----------------------
291 display : inline-block
;
293 text-transform : lowercase
;
297 text-decoration : none
;
299 padding-bottom : 5px;
304 color : white
!important
;
313 /* -----------------------
315 * -----------------------
340 /* -----------------------
342 * -----------------------
353 display : inline-block
;
356 .ui-textinput-label-right {
369 display : inline-block
;
371 background-color : #222;
377 display : inline-block
;
382 margin-bottom : 10px;
385 .ui-accordion .ui-accordion-content-active {
390 .ui-slider-horizontal {
393 .ui-slider-container
,
394 .ui-checkbox-container
,
395 .ui-textinput-container
,
396 .ui-select-container {
398 margin-bottom : 10px;
399 white-space : nowrap
;
402 .ui-preview-checkbox-container {
403 display : inline-block
;
411 vertical-align:middle
;
414 input::-moz-focus-inner
{ border: 0; }
416 .action-output-text {