Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.1

     3  * Copyright(c) 2006-2008, Ext JS, LLC.

     4  * licensing@extjs.com

     5  * 

     6  * http://extjs.com/license

     7  */

     8 html, body {           overflow:hidden;

     9         height:100%;  

    10  }

    11 #me-container{

    12        position:relative;

    13     left:0px;

    14     top:0px;

    15            margin:0;

    16         padding:0;

    17         border:0 none;

    18 

    19         font-size:9px;

    20 	background-color:#ccccdd !important;

    21         font-family:helvetica,tahoma,verdana,sans-serif;   

    22 

    23 }

    24 #divformfill{

    25     position:absolute;

    26     left:53px;

    27     top:0px;

    28     width:50px; 

    29     height:240px;

    30     padding-top:0px;

    31     padding-left:0px;

    32     font-size:8px;

    33     border:0px solid #6593cf;

    34     padding:2px; 

    35     visibility:hidden;

    36 } 

    37 #divformstroke{

    38     position:absolute;

    39     left:53px;

    40     top:115px;

    41     width:50px; 

    42     height:240px;

    43     padding-top:0px;

    44     padding-left:0px;

    45     font-size:9px;

    46     border:0px solid #6593cf;

    47     padding:0px; 

    48     visibility:hidden;

    49 }

    50 .field {

    51   margin:1px;

    52   padding:1px;

    53   font-size:9px;

    54   vertical-align: middle;

    55   width:50px; 

    56 

    57 }

    58  

    59 .loading-indicator {

    60     font-size:8pt;

    61     background-image:url('theme/images/loading.gif');

    62     background-repeat: no-repeat;

    63     background-position:top left;

    64     padding-left:20px;

    65 	height:18px;

    66 	text-align:left;

    67 }    

    68  #loading-mask {

    69     width:100%;

    70     height:100%;

    71     background:#000033;

    72     position:absolute;

    73     left:0;

    74     top:0;

    75 	

    76     }

    77 #loading{

    78 	position:absolute;

    79 	left:45%;

    80 	top:40%;

    81 	border:1px solid #3333cf;

    82 	padding:2px;

    83 	background:#000033;

    84 	width:150px;

    85 	text-align:center;

    86 	z-index:20001;

    87 }

    88 #loading .loading-indicator{

    89 	border:1px solid #a3bad9;

    90 	background:white url('') repeat-x;

    91 	color:#003366;

    92 	font:bold 13px tahoma,arial,helvetica;

    93 	padding:10px;

    94 	margin:0;

    95 }

    96 #fill-me{ 

    97     width:50px; 

    98     height:100px;

    99     padding-top:0px;  

   100     padding-left:0px;

   101     position:relative;

   102     left:0px;

   103     top:0px;

   104     border-style:solid;

   105     border-width:0px;

   106     border-color:#000000; 

   107     font-size:9px;

   108    font-family:helvetica,tahoma,verdana,sans-serif;   

   109     overflow: hidden;

   110       

   111 }

   112 #fill-square{

   113     width:20px; 

   114     height:10px;

   115     padding-top:0px;  

   116     padding-left:0px;

   117     font-size:7px; 

   118     border-width: 2px;

   119     

   120 } 

   121 #stroke-me{

   122     width:50px; 

   123     height:140px;

   124     padding-top:0px;

   125     padding-left:0px;

   126     position:relative; 

   127     left:0px;

   128     top:0px;

   129     border-style:solid;

   130     border-width:0px;

   131     border-color:#000000;   

   132        font-size:9px;

   133    font-family:helvetica,tahoma,verdana,sans-serif;   

   134     overflow: hidden;

   135 }

   136 #stroke-square{  

   137    position:absolute; 

   138     left:30px;

   139     top:0px;

   140     width:16px; 

   141     height:10px;

   142     padding-top:0px;

   143     padding-left:0px;

   144     font-size:7px;  

   145     border-style:solid;

   146      border-width: 2px;

   147 } 

   148 

   149 

   150 #fillContainer {

   151 	width: 50px;

   152 	height: 45px;

   153         position: relative; 

   154         top:-8px;

   155         left:1px;    

   156         margin:0;

   157         padding:0;

   158 

   159 }

   160 .colorFillSquare {

   161 	height: 8px;  

   162 	

   163 	position: absolute; 

   164 	background-color:transparent;

   165 	border-color: #000;

   166 	border-style: solid;

   167 	border-width: 0px 0px 0px 0px;

   168         font-size:7px;

   169 }

   170 #strokeContainer {

   171 	width: 50px;

   172 	height: 45px;

   173         position: relative; 

   174         top:-8px;

   175         left:1px;

   176 }

   177 .colorStrokeSquare {

   178 	height: 8px; 

   179 	position: absolute; 

   180 	background-color: transparent;

   181 	border-color: #000;

   182 	border-style: solid;

   183 	border-width: 0px 0px 0px 0px;

   184         font-size:7px;

   185 }

   186 

   187 

   188 #fill-square {

   189 	width: 16px;

   190 	height: 10px;

   191         position: absolute; 

   192         top:0px;

   193         left:30px; 

   194         background-color: #ff0000;

   195 	border-color: #000;

   196 	border-style: solid;

   197 	border-width: 2px 2px 2px 2px;

   198         font-size:8px;

   199 } 

   200 #stroke-selected {

   201 	width: 16px;

   202 	height: 10px;

   203         position: absolute; 

   204         top:0px;

   205         left:30px; 

   206         background-color: #ff0000;

   207 	border-color: #000;

   208 	border-style: solid;

   209 	border-width: 2px 2px 2px 2px;

   210         font-size:8px;

   211 }

   212 #toolbox_fill {

   213 	text-align:center;

   214         position:relative;

   215         position: relative; 

   216         top:-10px;

   217         background-color: #ffffff;

   218         padding-top:2px;

   219 

   220 }    

   221 #toolbox_stroke {

   222 	text-align:center;

   223         position:relative;

   224         position: relative; 

   225         top:-20px;

   226         background-color: #ffffff; 

   227         padding-top:2px;

   228 } 

   229 #img_okfill{

   230         cursor:pointer;  

   231         padding:0px; border:0px solid orange;  

   232 } 

   233 

   234 #img_okstroke{

   235         cursor:pointer; 

   236           

   237 } 

   238 

   239 .toolboxItem {

   240       vertical-align: middle;

   241         

   242         width: 12px;

   243 	height: 12px;

   244 

   245 }   

   246 .sans{ padding:0px; border:0px solid orange; }

   247 SPAN.toolboxItem { 

   248  

   249 	background-repeat: no-repeat;

   250 	cursor:pointer; 

   251 	background-image: url(theme/images/buttonSprite_12px.png);

   252 	width:10px; 

   253 	height:10px; 

   254        

   255 	cursor:pointer;

   256         vertical-align: middle; 

   257         background-position: 0px 120px;

   258         margin:0;

   259         padding:0;

   260 

   261 } 

   262                           

   263 #linear-fill-gradient{

   264         width: 12px;

   265 	height: 12px;

   266       

   267 }

   268 #linear-stroke-gradient{

   269         width: 12px;

   270 	height: 12px;

   271     

   272 } 

   273 #radial-fill-gradient{

   274         width: 12px;

   275 	height: 12px;

   276   

   277 }

   278 #radial-stroke-gradient{

   279         width: 12px;

   280 	height: 12px;

   281 

   282 } 

   283 #no-fill-gradient{

   284         width: 12px;

   285 	height: 12px;

   286 

   287 }

   288 #no-stroke-gradient{

   289         width: 12px;

   290 	height: 12px;

   291 } 

   292 

   293