home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 September / PCWorld_2008-09_cd.bin / komunikace / maxthon / mx_2.1.2.649.exe / template / Options / maxOptions.css < prev    next >
Cascading Style Sheet File  |  2008-02-13  |  5KB  |  308 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. .radio-item-disabled{
  108.     color: #999999 !important;
  109. }
  110. .color-spot{
  111.     vertical-align: middle;
  112.     width: 42px;
  113.     padding: 2px 8px;
  114.     border: 1px solid #CCCCCC;
  115.     cursor: pointer;
  116. }
  117. .label-item{
  118.     font-weight: bold;
  119.     border-bottom: 1px dotted #D0CABD;
  120. }
  121. .indent{
  122.     margin-left: 20px;
  123. }
  124. .comment{
  125.     color: #999999;
  126.     font-weight: normal;
  127. }
  128. .note {
  129.     font-weight: normal;
  130.     color: #CC3300;
  131. }
  132. .note a,
  133. .note a:visited{
  134.     color: #CC3300;
  135. }
  136.  
  137. /* download */
  138. .failed-downloader-list {
  139.     margin-left: 48px;
  140.     top: 48px;
  141.     padding: 10px;
  142.     background: #FFFFF0;
  143.     border: 1px solid #D5B75E;
  144. }
  145.  
  146. /* magic form */
  147. .inner-table-wrapper{
  148.     width: 100%;
  149.     border: 5px solid white;
  150. }
  151. .form-table{
  152.     border: 1px solid #EDE9E2;
  153. }
  154. .form-table th{
  155.     background: #EDE9E2 !important;
  156.     border: none !important;
  157. }
  158. .form-table td{
  159.     cursor: auto !important;
  160.     background: #F7F5F2 !important;
  161.     border: none !important;
  162.     border-top: 1px solid #EDE9E2 !important;
  163. }
  164. .form-table-section td{
  165.     color: #999999 !important;
  166. }
  167. .form-table-header{
  168.     white-space: nowrap;
  169.     text-align: right;
  170. }
  171.  
  172. /* ? clean */
  173. .clean-table td{
  174.     border: none !important;
  175.     background: none !important;
  176.     padding: 0 !important;
  177. }
  178.  
  179. /* top strip for skin/plugin/filter pack manager */
  180. .manager-top{
  181.     color: #CCCCCC;
  182.     margin-bottom: 10px;
  183. }
  184.  
  185. .tabStrip{
  186.     line-height: 200%;
  187.     white-space: nowrap;
  188.     overflow: hidden;
  189. }
  190. .tabStripLine{
  191.     line-height: 200%;
  192.     border-bottom: 1px solid #D1CCC0;
  193.     padding: 2px 0px;
  194. }
  195. .tabStrip .tab
  196. {
  197.     float: left;
  198.     display: block;
  199.     margin: 0px 0px 0px 10px;
  200.     padding: 2px 20px 1px 20px;
  201.     color: #000000 !important;
  202.     text-decoration: none !important;
  203.     border: 1px solid #D1CCC0;
  204.     background: #F9F9F7;
  205. }
  206. .tabStrip a.tab:hover
  207. {
  208.     color: #395500;
  209.     background: #EFF9D0;
  210. }
  211. .tabStrip .active{
  212.     font-weight: bold;
  213.     border-bottom: none;
  214.     padding: 2px 20px;
  215.     color: #645A44 !important;
  216.     background: white !important;
  217. }
  218. .tabStrip .text{
  219.     color: #CCCCCC;
  220.     padding: 2px 10px 0px 10px;
  221. }
  222.  
  223. /* edit table */
  224. .maxTable{
  225. }
  226. .maxTable input.text,
  227. .maxTable textarea,
  228. .maxTable select{
  229.     width: 99%;
  230. }
  231.  
  232. .maxTable th{
  233.     padding: 5px 8px;
  234.     color: #666666;
  235.     font-weight: bold;
  236.     background: #F5F4F1;
  237. }
  238. .maxTable td{
  239.     padding: 5px 8px;
  240.     cursor: pointer;
  241.     border-bottom: 1px dotted #E0E0E0;
  242. }
  243. .maxTable-hover td{
  244.     background: #F4FBE1;
  245. }
  246. .maxTable-edit td{
  247.     background: #F8FCEA;
  248.     border-bottom: none;
  249. }
  250.  
  251. .maxTable-edit-control td{
  252.     padding: 6px;
  253.     color: #99CC66;
  254.     background: #F8FCEA;
  255. }
  256. .maxTable-edit-note{
  257.     margin: 5px 0px;
  258.     color: #666666;
  259. }
  260.  
  261. .maxTable-separator td,
  262. .maxTable-separator-hover td,
  263. .maxTable-separator-edit td{
  264.     height: 4px;
  265.     padding: 0;
  266.     line-height: 0;
  267.     color: #666666;
  268.     cursor: pointer;
  269.     background: #F5F4F1;
  270. }
  271. .maxTable-separator-hover td{
  272.     background: #E9ECC8;
  273. }
  274. .maxTable-separator-edit td{
  275.     font-size: 0.01em;
  276.     border-top: 1px solid #F3F4E1;
  277.     border-bottom: 1px solid #F1F3DC;
  278.     background: #F1F3DC;
  279. }
  280.  
  281. .maxTable-control td{
  282.     cursor: auto;
  283.     color: #999999;
  284.     border-bottom: none;
  285. }
  286.  
  287. .maxTable-edit-no-control td{
  288.     background: #F8FCEA;
  289. }
  290.  
  291.  
  292. /* edit-table items */
  293. .item-note{
  294.     color: #868686;
  295. }
  296. .item-description{
  297.     color: #333333;
  298.     margin: 10px 0px;
  299. }
  300. .item-preview{
  301.     float: left;
  302.     width: 220px;
  303.     height: 220px;
  304.     overflow: hidden;
  305.     background: #EDEBE4;
  306.     border: 1px solid #DAD6C7;
  307. }
  308.