home *** CD-ROM | disk | FTP | other *** search
/ Freelog 117 / FreelogNo117-OctobreNovembre2013.iso / Theme / 8GadgetPack / 8GadgetPackSetup.msi / Gadgets.7z / Gadgets / Unit_Converter.gadget / css.css next >
Cascading Style Sheet File  |  2012-11-25  |  7KB  |  337 lines
  1. ∩╗┐body {
  2.     background-color: transparent;
  3.     font-family: Microsoft Yahei, Microsoft JhengHei, Meiryo UI, Malgun Gothic, Arial, Helvetica, sans-serif, Simsun, Verana, Segoe UI;
  4.     color: #000;
  5.     margin: 0px;
  6. }
  7. img {
  8.     border-width: 0px;    
  9. }
  10.  
  11. #main,#number{
  12.     position: absolute;
  13. }
  14. #rollerType,#rollerA,#rollerB{
  15.     position: absolute;
  16.     top:0px;
  17.     overflow:hidden;
  18.     background-repeat:no-repeat;
  19.     cursor:url('images/drag_up_down_roll.cur');
  20. }
  21. .item{
  22.     position:absolute;
  23.     text-align: center;
  24.     white-space:nowrap;
  25.     color:#e0e0e0;
  26.     overflow:hidden;
  27.     vertical-align: middle;
  28. }
  29. .itemname, .shortName{
  30.     width:100%;
  31.     vertical-align:middle;
  32. }
  33. #div_update, #tooltip{
  34.     position: absolute;
  35.     overflow: hidden;
  36.     white-space: nowrap;
  37.     text-align: center;
  38.     z-index: 30;
  39.     color: #727272;
  40.     text-overflow: ellipsis;
  41.     -o-text-overflow: ellipsis;
  42.  
  43. }
  44. #tooltip{
  45.     display: none;
  46.     color: #e0e0e0;
  47. }
  48. #div_update a{
  49.     color:#FFB100;
  50.     padding: 0px 1px 1px 1px;
  51.     font-weight: bold;
  52. }
  53. #div_update a:hover{
  54.     background-color:#FFB100;
  55.     color: #000;
  56. }
  57. #valueA, #valueB{
  58.     text-align:center;
  59. }
  60. #weblink{
  61.     text-decoration:none;
  62.     display:block;
  63.     hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
  64. }
  65.  
  66. /*停靠*/
  67. body.docked{
  68.     width:130px;
  69.     height:122px;
  70.     font-size: 11px;
  71. }
  72. body.docked #main{
  73.     top:3px;
  74.     left:2px;
  75.     width:128px;
  76.     height:79px;
  77. }
  78. body.docked .item {
  79.     height:17px;
  80.     line-height:18px;
  81. }
  82.  
  83. body.docked #rollerType{
  84.     left:0px;    
  85.     width:23px;
  86.     height:79px;
  87.     /*background-image:url('images/dock_unit_roller_type.png');*/
  88. }
  89. body.docked #rollerType .item{
  90.     width:19px;
  91. }
  92.  
  93. body.docked #rollerType img{
  94.     width:17px;height:17px;
  95.     position:absolute;
  96.     top:0px;
  97.     left:1px;
  98. }
  99. body.docked #rollerType .selected{
  100.     background-image:url('images/roller_item.png');
  101.     color:#000;
  102. }
  103. body.docked #rollerA{
  104.     left:21px;
  105.     width:53px;
  106.     height:79px;
  107.     /*background-image:url('images/dock_unit_roller.png');*/
  108. }
  109. body.docked #rollerB{
  110.     left:72px;
  111.     width:53px;
  112.     height:79px;
  113.     /*background-image:url('images/dock_unit_roller.png');    */
  114. }
  115. body.docked #rollerA .item,body.docked #rollerB .item{
  116.     width:49px;
  117. }
  118. body.docked #rollerA .selected,body.docked #rollerB .selected{
  119.     background-image:url('images/rollerAB_item.png');
  120.     color:#000;
  121. }
  122.  
  123. body.docked #rollerA .itemname,body.docked #rollerB .itemname{
  124.     display:none;
  125. }
  126. body.docked #rollerA .shortName,body.docked #rollerB .shortName{
  127.     display:block;
  128.     height:100%;
  129. }
  130.  
  131.  
  132. body.docked #number{
  133.     top:85px;
  134.     left:4px;
  135.     width:126px;
  136. }
  137. body.docked #valueA, body.docked #valueB{
  138.     position:absolute;
  139.     width:61px;
  140.     font-size:10px;
  141.     border-width:0px;
  142.     background:transparent url('images/input.png') no-repeat scroll 0 0;
  143.     height:16px;
  144. }
  145. body.docked #valueB{
  146.     left:62px;
  147. }
  148. body.docked #valueA:focus, body.docked #valueB:focus,body.docked #valueA:hover, body.docked #valueB:hover{
  149.     background-position:0px -19px;
  150. }
  151. body.docked #div_update,body.docked #tooltip{
  152.     font-size:11px;
  153.     top:102px;
  154.     height:16px;
  155.     line-height: 16px;
  156.     width:109px;
  157.     left:3px;
  158. }
  159. body.docked #div_update{
  160.     width:93px;
  161. }
  162. body.docked #button{
  163.     position:absolute;
  164.     top:103px;
  165.     right:3px;
  166.     
  167. }
  168. body.docked #weblink{
  169.     position:absolute;
  170.     width:16px;
  171.     height:16px;
  172.     right:0px;
  173.     background: transparent url('images/buttons.png') no-repeat scroll 0px 0px;
  174. }
  175. body.docked #weblink:hover{
  176.     background-position:0px -16px;
  177. }
  178. body.docked #button_info{
  179.     position:absolute;
  180.     width:16px;
  181.     height:16px;
  182.     right:16px;
  183.     cursor:pointer;
  184.     background: transparent url('images/buttons.png') no-repeat scroll -16px 0px;    
  185. }
  186. body.docked #button_info:hover{
  187.     background-position:-16px -16px;
  188. }
  189.  
  190. /*Θ¥₧σü£Θ¥á σñºµ¿íσ╝Å*/
  191. body.undocked{
  192.     width:335px;
  193.     height:203px;
  194.     font-size: 11px;
  195. }
  196. body.undocked #main{
  197.     top:4px;
  198.     left:3px;
  199.     width:327px;
  200.     height:133px;
  201.  
  202. }
  203. body.undocked .item {
  204.     height:34px;
  205.     line-height:17px;
  206. }
  207.  
  208. body.undocked #rollerType{
  209.     left:1px;    
  210.     width:34px;
  211.     height:133px;
  212. }
  213. body.undocked #rollerType .item{
  214.     width:23px;
  215. }
  216.  
  217. body.undocked #rollerType img{
  218.     width:17px;height:17px;
  219.     position:absolute;
  220.     top:8px;
  221.     left:3px;
  222. }
  223. body.undocked #rollerType .selected{
  224.     background-image:url('images/roller_item_undock.png');
  225.     color:#000;
  226. }
  227. body.undocked #rollerA{
  228.     left:27px;
  229.     width:153px;
  230.     height:133px;
  231. }
  232. body.undocked #rollerB{
  233.     left:172px;
  234.     width:153px;
  235.     height:133px;
  236. }
  237. body.undocked #rollerA .item,body.undocked #rollerB .item{
  238.     width:141px;
  239. }
  240. body.undocked #rollerA .selected,body.undocked #rollerB .selected{
  241.     background-image:url('images/rollerAB_item_undock.png');
  242.     color:#000;
  243. }
  244.  
  245. body.undocked #rollerA .itemname,body.undocked #rollerB .itemname{
  246.     font-size:11px;
  247.     line-height:34px;
  248.     height:34px;
  249.     display:block;
  250. }
  251.  
  252. body.undocked #rollerA .selected .itemname,body.undocked #rollerB .selected .itemname{
  253.     font-size:10px;
  254.     line-height:14px;
  255.     height:13px;
  256.     color:#333;
  257.     display:block;
  258. }
  259.  
  260. body.undocked #rollerA .shortName,body.undocked #rollerB .shortName{
  261.     display:none;
  262.     font-size:15px;
  263.     line-height:21px;
  264.     height:21px;
  265. }
  266. body.undocked #rollerA .selected .shortName,body.undocked #rollerB .selected .shortName{
  267.     font-size:14px;
  268.     font-weight: bold;
  269.     display:block;
  270. }
  271.  
  272.  
  273. body.undocked #number{
  274.     top:142px;
  275.     left:14px;
  276.     width:314px;
  277.  
  278. }
  279. body.undocked #valueA, body.undocked #valueB{
  280.     background-position: 0 0;
  281.     position: absolute;
  282.     width: 153px;
  283.     font-size: 18px;
  284.     border-width: 0px;
  285.     background: transparent url('images/input_undock.png') repeat-x scroll 0
  286. 0;
  287.     height: 26px;
  288.     vertical-align: middle;
  289.     line-height: 24px;
  290.     font-weight: bold;
  291. }
  292. body.undocked #valueB{
  293.     left:158px;
  294. }
  295. body.undocked #valueA:focus, body.undocked #valueB:focus,body.undocked #valueA:hover, body.undocked #valueB:hover{
  296.     background-position:0px -30px;
  297. }
  298. body.undocked #div_update,body.undocked #tooltip{
  299.     font-size:13px;
  300.     top:175px;
  301.     height:18px;
  302.     line-height: 16px;
  303.     width:295px;
  304.     left:13px;
  305. }
  306. body.undocked #div_update{
  307.     width:275px;
  308. }
  309. body.undocked #button{
  310.     position:absolute;
  311.     top:176px;
  312.     right:8px;
  313.     
  314. }
  315. body.undocked #weblink{
  316.     position:absolute;
  317.     width:16px;
  318.     height:16px;
  319.     right:0px;
  320.     background: transparent url('images/buttons.png') no-repeat scroll 0px 0px;
  321. }
  322. body.undocked #weblink:hover{
  323.     background-position:0px -16px;
  324. }
  325. body.undocked #button_info{
  326.     position:absolute;
  327.     width:16px;
  328.     height:16px;
  329.     right:20px;
  330.     cursor:pointer;
  331.     background: transparent url('images/buttons.png') no-repeat scroll -16px 0px;    
  332. }
  333. body.undocked #button_info:hover{
  334.     background-position:-16px -16px;
  335. }
  336.  
  337.