home *** CD-ROM | disk | FTP | other *** search
/ PC World 2007 December / PCWorld_2007-12_cd.bin / komunikace / maxthon / mx_2.0.5.7845.exe / template / Options / maxOptions.css < prev    next >
Cascading Style Sheet File  |  2007-09-04  |  4KB  |  262 lines
  1. /*
  2.  
  3. Style Sheet For Maxthon Setup Center v2.0.5.1
  4. 2007-02-01 10:19:14
  5. SiC
  6.  
  7. */
  8.  
  9. /****** General Styles ******/
  10.  
  11. /* general */
  12. th{
  13.     color: #666666;
  14.     font-weight: bold;
  15.     text-align: left;
  16. }
  17. h5{
  18.     font-size: 100%;
  19.     font-weight: bold;
  20.     color: #535353;
  21.     padding: 3px 0px;
  22.     margin: 3px 0px;
  23.     margin-left: 0px;
  24.     margin-bottom: 5px;
  25. }
  26.  
  27. /* layout */
  28. .sidebar{
  29.     background: white url('css/bg_sidebar.png') right repeat-y;
  30. }
  31. .content{
  32.     padding: 10px 10px 10px 15px;
  33. }
  34.  
  35. /* controls */
  36. .header-buttons{
  37.     border-left: none !important;
  38. }
  39.  
  40. #pageHeader{
  41.     color: black;
  42.     font-weight: bold;
  43.     padding: 0px 30px 0px 20px;
  44. }
  45. #msgBox{
  46.     color: #CC6600;
  47. }
  48.  
  49.  
  50. /*
  51. ////////////////    CUSTOM STYLES /////////////////
  52. */
  53.  
  54. /* page links */
  55.  
  56. .pageLinks{
  57.     text-align: center;
  58.     margin: 10px;
  59. }
  60. #pageLinks a:link,
  61. #pageLinks a:active,
  62. #pageLinks a:visited,
  63. #pageLinks a:hover
  64. {
  65.     text-align: left;
  66.     color: #756A4F;
  67.     display: block;
  68.     white-space: nowrap;
  69.     text-decoration: none;
  70.     padding: 4px 6px;
  71.     margin: 1px;
  72. }
  73. #pageLinks a:hover
  74. {
  75.     padding: 3px 5px;
  76.     color: #395500;
  77.     border: 1px solid #A5D11F;
  78.     background: #F4FBE1;
  79. }
  80. #pageLinks a:link.active,
  81. #pageLinks a:active.active,
  82. #pageLinks a:visited.active,
  83. #pageLinks a:hover.active{
  84.     padding: 3px 5px;
  85.     color: black;
  86.     border: 1px solid #98C7F5;
  87.     background: #ECF4FD url('css/arrow.png') right no-repeat;
  88. }
  89.  
  90. .sidebar hr{
  91.     border: none;
  92.     height: 2px;
  93.     border-bottom: 1px dotted white;
  94.     border-top: 1px dotted #C9C1AF;
  95. }
  96.  
  97. /* common styles */
  98. .item,
  99. .item-disabled{
  100.     padding: 3px;
  101. }
  102. .item-disabled{
  103.     color: #999999 !important;
  104. }
  105. .radio-item{
  106. }
  107. .color-spot{
  108.     vertical-align: middle;
  109.     width: 42px;
  110.     padding: 2px 8px;
  111.     border: 1px solid #CCCCCC;
  112.     cursor: pointer;
  113. }
  114. .label-item{
  115.     font-weight: bold;
  116.     border-bottom: 1px dotted #D0CABD;
  117. }
  118. .indent{
  119.     margin-left: 20px;
  120. }
  121. .comment{
  122.     color: #999999;
  123.     font-weight: normal;
  124. }
  125. .note {
  126.     font-weight: normal;
  127.     color: #CC3300;
  128. }
  129.  
  130. /* magic form */
  131. .inner-table-wrapper{
  132.     width: 100%;
  133.     border: 5px solid white;
  134. }
  135. .form-table{
  136.     border: 1px solid #EDE9E2;
  137. }
  138. .form-table th{
  139.     background: #EDE9E2 !important;
  140.     border: none !important;
  141. }
  142. .form-table td{
  143.     cursor: auto !important;
  144.     background: #F7F5F2 !important;
  145.     border: none !important;
  146.     border-top: 1px solid #EDE9E2 !important;
  147. }
  148. .form-table-section td{
  149.     color: #999999 !important;
  150. }
  151. .form-table-header{
  152.     white-space: nowrap;
  153.     text-align: right;
  154. }
  155.  
  156. /* ? clean */
  157. .clean-table td{
  158.     border: none !important;
  159.     background: none !important;
  160.     padding: 0 !important;
  161. }
  162.  
  163. /* top strip for skin/plugin/filter pack manager */
  164. .mananger-top{
  165.     color: #CCCCCC;
  166.     margin: 10px 0px 20px 5px;
  167. }
  168.  
  169. /* edit table */
  170. .maxTable{
  171.     border: 1px solid #E2DED6;
  172. }
  173. .maxTable input.text,
  174. .maxTable textarea,
  175. .maxTable select{
  176.     width: 99%;
  177. }
  178.  
  179. .maxTable th{
  180.     padding: 5px 8px;
  181.     color: #666666;
  182.     font-weight: bold;
  183.     background: #EDEBE4;
  184.     border-bottom: 1px solid #E2DED6;
  185. }
  186. .maxTable td{
  187.     padding: 5px 8px;
  188.     cursor: pointer;
  189.     background: #F4F2EE;
  190.     border-top: 1px solid white;
  191.     border-bottom: 1px solid #E2DED6;
  192. }
  193. .maxTable-hover td{
  194.     background: #EFF9D0;
  195. }
  196. .maxTable-edit td{
  197.     background: #F8FCEA;
  198.     border-bottom: 1px solid #F3FFE8;
  199. }
  200.  
  201. .maxTable-edit-control td{
  202.     padding: 6px;
  203.     color: #99CC66;
  204.     background: #F8FCEA;
  205.     border-top: 1px dotted #DDE1AA;
  206. }
  207. .maxTable-edit-note{
  208.     margin: 5px 0px;
  209.     color: #666666;
  210. }
  211.  
  212. .maxTable-separator td,
  213. .maxTable-separator-edit td{
  214.     height: 6px;
  215.     font-size: 0.01em;
  216.     color: #666666;
  217.     cursor: pointer;
  218.     background: #EDEBE4;
  219.     border-top: 1px solid #F1F0EB;
  220. }
  221. .maxTable-separator-hover td{
  222.     height: 6px;
  223.     font-size: 0.01em;
  224.     background: #E9ECC8;
  225.     border-top: 1px solid #EEF1D8;
  226. }
  227. .maxTable-separator-edit td{
  228.     font-size: 0.01em;
  229.     border-top: 1px solid #F3F4E1;
  230.     border-bottom: 1px solid #F1F3DC;
  231.     background: #F1F3DC;
  232. }
  233.  
  234. .maxTable-control td{
  235.     cursor: auto;
  236.     background: #F1F0EB;
  237.     color: #999999;
  238.     border-bottom: none;
  239. }
  240.  
  241. .maxTable-edit-no-control td{
  242.     background: #F8FCEA;
  243. }
  244.  
  245.  
  246. /* edit-table items */
  247. .item-note{
  248.     color: #868686;
  249. }
  250. .item-description{
  251.     color: #333333;
  252.     margin: 10px 0px;
  253. }
  254. .item-preview{
  255.     float: left;
  256.     width: 220px;
  257.     height: 220px;
  258.     overflow: hidden;
  259.     background: #EDEBE4;
  260.     border: 1px solid #DAD6C7;
  261. }
  262.