home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / transmission / web / stylesheets / common.css next >
Encoding:
Cascading Style Sheet File  |  2009-03-30  |  19.5 KB  |  989 lines
  1. /*--------------------------------------
  2.  *
  3.  * G L O B A L
  4.  *
  5.  *--------------------------------------*/
  6.  
  7. html {
  8.     margin: 0;
  9. /* setting border: 0 hoses ie6 win window inner well border */
  10.     padding: 0;
  11.     height: 100%;
  12. }
  13.  
  14. body {
  15.     font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
  16.     color: #222 !important;
  17.     background: #FFF;
  18.     text-align: center;
  19.     margin: 0 0 30px;
  20.     overflow: hidden;
  21.     z-index: 1;
  22. }
  23.  
  24. img {
  25.     border: none;
  26. }
  27.  
  28. a {
  29.     outline: 0;
  30.     -moz-outline: none;
  31. }
  32.  
  33. /*--------------------------------------
  34.  *
  35.  * T O P   M E N U
  36.  *
  37.  *--------------------------------------*/
  38.  
  39. div.torrent_global_menu {
  40.     width: 100%;
  41.     height: 75px;
  42.     margin: 0;
  43.     background: transparent url('../images/graphics/chrome.png') left top repeat-x;
  44.     position: fixed;
  45.     left: 0;
  46.     right: 0;
  47.     top: 0;
  48.     border-bottom: 1px solid #888;
  49.     z-index: 3;
  50.     overflow: hidden;
  51.     -moz-user-select: none;
  52.     -webkit-user-select: none;
  53. }
  54.  
  55. div.torrent_global_menu h1 {
  56.     height: inherit;
  57.     width: 205px;
  58.     text-indent: -9000px !important;
  59.     padding: 0;
  60.     margin: 0 0 0 5px;
  61. }
  62.  
  63. div.torrent_global_menu ul {
  64.     height: 50px;
  65.     margin: 0;
  66.     padding: 0 7px;
  67.     text-align: center;
  68. }
  69.  
  70. div.torrent_global_menu ul li {
  71.     list-style-type: none;
  72.     list-style-image: none;
  73.     float: left;
  74.     padding: 0;
  75.     margin: 13px 0 0 0;
  76.     vertical-align: middle;
  77.     height: 50px;
  78. }
  79.  
  80. div.torrent_global_menu ul li#filter,
  81. div.torrent_global_menu ul li#inspector {
  82.     float: right;
  83. }
  84.  
  85. div.torrent_global_menu ul li > div {
  86.     color: #000;
  87.     font-size: 1.1em;
  88.     text-decoration: none;
  89.     padding: 0 8px;
  90.     display: block;
  91.     margin: 0;
  92.     text-shadow: 0 1px 0 #ccc;
  93.     min-width: 32px;
  94.     cursor: pointer;
  95. }
  96.  
  97. div.torrent_global_menu ul li div.toolbar_image {
  98.     width: 32px;
  99.     height: 32px;
  100.     margin: 0 auto 5px;
  101.     background-image: url('../images/buttons/toolbar_buttons.png');
  102. }
  103.  
  104. li#open div div.toolbar_image, li#open.disabled div:active div.toolbar_image {
  105.     background-position: left 0;
  106. }
  107.  
  108. li#open div:active div.toolbar_image {
  109.     background-position: right 0;
  110. }
  111.  
  112. li#remove div div.toolbar_image, li#remove.disabled div:active div.toolbar_image {
  113.     background-position: left -32px;
  114. }
  115.  
  116. li#removedata div div.toolbar_image, li#removedata.disabled div:active div.toolbar_image {
  117.     background-position: left -32px;
  118. }
  119.  
  120. li#remove div:active div.toolbar_image {
  121.     background-position: right -32px;
  122. }
  123.  
  124. li#removedata div:active div.toolbar_image {
  125.     background-position: right -32px;
  126. }
  127.  
  128. li#resume_selected div div.toolbar_image, li#resume_selected.disabled div:active div.toolbar_image {
  129.     background-position: left -96px;
  130. }
  131.  
  132. li#resume_selected div:active div.toolbar_image {
  133.     background-position: right -96px;
  134. }
  135.  
  136. li#pause_selected div div.toolbar_image, li#pause_selected.disabled div:active div.toolbar_image {
  137.     background-position: left -64px;
  138. }
  139.  
  140. li#pause_selected div:active div.toolbar_image {
  141.     background-position: right -64px;
  142. }
  143.  
  144. li#pause_all div div.toolbar_image, li#pause_all.disabled div:active div.toolbar_image {
  145.     background-position: left -128px;
  146. }
  147.  
  148. li#pause_all div:active div.toolbar_image {
  149.     background-position: right -128px;
  150. }
  151.  
  152. li#resume_all div div.toolbar_image, li#resume_all.disabled div:active div.toolbar_image {
  153.     background-position: left -160px;
  154. }
  155.  
  156. li#resume_all div:active div.toolbar_image {
  157.     background-position: right -160px;
  158. }
  159.  
  160. li#filter div div.toolbar_image, li#filter.disabled div:active div.toolbar_image {
  161.     background-position: left -192px;
  162. }
  163.  
  164. li#filter div:active div.toolbar_image {
  165.     background-position: right -192px;
  166. }
  167.  
  168. li#inspector div div.toolbar_image, li#inspector.disabled div:active div.toolbar_image {
  169.     background-position: left -224px;
  170. }
  171.  
  172. li#inspector div:active div.toolbar_image {
  173.     background-position: right -224px;
  174. }
  175.  
  176. div.torrent_global_menu ul li.disabled > div {
  177.     text-shadow: 0 1px 0 #fff;
  178.     opacity: 0.25;
  179.     cursor: default;
  180. }
  181.  
  182. div.torrent_global_menu ul li.divider {
  183.     width: 0;
  184.     border-right: 1px dotted black;
  185.     opacity: 0.2;
  186.     margin: 14px 4px 0;
  187.     height: 49px;
  188. }
  189.  
  190. /*--------------------------------------
  191.  *
  192.  * G L O B A L   D E T A I L S
  193.  *
  194.  *--------------------------------------*/
  195.  
  196. div.torrent_global_details {
  197.     width: 100%;
  198.     height: 20px;
  199.     margin: 0;
  200.     background: #ddd url('../images/graphics/filter_bar.png') repeat-x left -51px;
  201.     font-size: 1.1em;
  202.     font-weight: normal;
  203.     border-bottom: 1px solid #888;
  204.     position: fixed;
  205.     left: 0;
  206.     right: 0;
  207.     top: 76px;
  208.     z-index: 2;
  209.     color: #000;
  210.     text-shadow: 0 1px 0 #f4f4f4;
  211. }
  212.  
  213. div.torrent_global_details div {
  214.     padding: 0 10px 1px 10px;
  215.     margin: 3px 0 0 0;
  216. }
  217.  
  218. div.torrent_global_details div#torrent_global_transfer {
  219.     clear: left;
  220.     float: left;
  221. }
  222.  
  223. div.torrent_global_details div#torrent_global_upload, 
  224. div.torrent_global_details div#torrent_global_download {
  225.     float: right;
  226.     padding-left: 13px;
  227. }
  228.  
  229. div.torrent_global_details div#torrent_global_upload {
  230.     background: url('../images/graphics/transfer_arrows.png') left -11px no-repeat;
  231. }
  232.  
  233. div.torrent_global_details div#torrent_global_download {
  234.     background: url('../images/graphics/transfer_arrows.png') left 2px no-repeat;
  235. }
  236.  
  237. /*--------------------------------------
  238.  *
  239.  * T O R R E N T   F I L T E R   B A R
  240.  *
  241.  *--------------------------------------*/
  242.  
  243. div#torrent_filter_bar {
  244.     margin: 0;
  245.     height: 24px;
  246.     background: #ddd url('../images/graphics/filter_bar.png') repeat-x bottom left;
  247.     border-bottom: 1px solid #888;
  248.     position: fixed;
  249.     left: 0;
  250.     right: 0px;
  251.     top: 97px;
  252.     z-index: 2;
  253.     display: none;
  254.     overflow: hidden;
  255. }
  256.  
  257. div#torrent_filter_bar ul {
  258.     height: 17px;
  259.     margin: 0;
  260.     padding: 0;
  261.     text-align: left;
  262.     display: inline;
  263. }
  264.  
  265. div#torrent_filter_bar ul li {
  266.     list-style-type: none;
  267.     list-style-image: none;
  268.     float: left;
  269.     padding: 0;
  270.     margin: 4px 0 0 5px;
  271.     vertical-align: middle;
  272.     height: 17px;
  273. }
  274.  
  275. div#torrent_filter_bar ul li a {
  276.     font-size: 1.2em;
  277.     color: #222;
  278.     text-shadow: 0 1px 0 #fff;
  279.     text-decoration: none;
  280.     font-weight: bold;
  281.     padding: 0 7px 0 0;
  282.     margin: 0 0 0 7px;
  283.     height: 17px;
  284.     display: block;
  285.     cursor: default;
  286. }
  287.  
  288. div#torrent_filter_bar ul li.selected, div#torrent_filter_bar ul li.selected a, div#torrent_filter_bar ul li:hover, div#torrent_filter_bar ul li:hover a, div#torrent_filter_bar ul li:active, div#torrent_filter_bar ul li:active a {
  289.     background-image: url('../images/graphics/filter_bar.png');
  290.     background-repeat: no-repeat;
  291.     text-shadow: 0 1px 0 #444;
  292.     color: #fff !important;
  293. }
  294.  
  295. div#torrent_filter_bar ul li:hover {
  296.     background-position: left -17px;
  297. }
  298.  
  299. div#torrent_filter_bar ul li:hover a {
  300.     background-position: right -17px;
  301. }
  302.  
  303. div#torrent_filter_bar ul li:active {
  304.     background-position: left -34px;
  305. }
  306.  
  307. div#torrent_filter_bar ul li:active a {
  308.     background-position: right -34px;
  309. }
  310.  
  311. div#torrent_filter_bar ul li.selected {
  312.     background-position: left top;
  313. }
  314.  
  315. div#torrent_filter_bar ul li.selected a {
  316.     background-position: right top;
  317. }
  318.  
  319. div#torrent_filter_bar input#torrent_search {
  320.     float: right;
  321.     height: 15px;
  322.     width: 100px;
  323.     border: solid 0 #fff;
  324.     padding: 0 2px;
  325.     margin: 4px 5px 0 0;
  326. }
  327. /* Safari-look filter input for Firefox */
  328. @-moz-document url-prefix() {
  329.     div#torrent_filter_bar input#torrent_search {
  330.         background: #FFF url('../images/graphics/filter_icon.png') top left no-repeat;
  331.         border: 1px solid #5D80A1;
  332.         margin-top: 3px;
  333.         padding: 1px 10px 1px 18px;
  334.         width: 76px;
  335.         -moz-border-radius: 10px;
  336.     }
  337.     div#torrent_filter_bar input#torrent_search.blur {
  338.         border-color: #CCC;
  339.     }
  340. } 
  341.  
  342. div#torrent_filter_bar input#torrent_search.blur {
  343.     color: #999;
  344. }
  345.  
  346. /*--------------------------------------
  347.  *
  348.  * T O R R E N T   C O N T A I N E R
  349.  *
  350.  *--------------------------------------*/
  351.  
  352. div#torrent_container {
  353.     position: fixed;
  354.     top: 97px;
  355.     bottom: 22px;
  356.     right: 0px;
  357.     left: 0px;
  358.     padding: 0px;
  359.     margin: 0px;
  360.     overflow: auto;
  361.     z-index: 1;
  362. }
  363.  
  364. ul.torrent_list {
  365.     width: 100%;
  366.     margin: 0;
  367.     padding: 0;
  368.     text-align: left;
  369.     z-index: 1;
  370.     cursor: default;
  371. }
  372.  
  373. ul.torrent_list li {
  374.     list-style-type: none;
  375.     list-style-image: none;
  376.     clear: both;
  377.     display: block;
  378.     vertical-align: middle;
  379.     -moz-user-select: none;
  380.     -webkit-user-select: none;
  381. }
  382.  
  383. ul.torrent_list li.torrent {
  384.     border-bottom: 1px solid #ccc;
  385.     padding: 4px 30px 5px 10px; /* Make space for buttons on the right */
  386.     margin: 0 !important;
  387.     color: #666;
  388. }
  389.  
  390. ul.torrent_list li.torrent a img {
  391.     position: relative;
  392.     right: -10px;
  393. }
  394.  
  395. ul.torrent_list li.torrent.even {
  396.     background-color: #EDF3FE;
  397. }
  398.  
  399. ul.torrent_list li.torrent.selected {
  400.     background-color: #3879D7;
  401.     color: #FFF;
  402. }
  403.  
  404. ul.torrent_list li.torrent div.torrent_name {
  405.     font-size: 1.3em;
  406.     font-weight: bold;
  407.     word-wrap: break-word;
  408.     overflow: hidden;
  409.     color: #222;
  410.     margin-bottom: 2px;
  411. }
  412.  
  413. ul.torrent_list li.torrent.selected div.torrent_name {
  414.     color: #fff;
  415. }
  416.  
  417. ul.torrent_list li.torrent div.torrent_progress_details,
  418. ul.torrent_list li.torrent div.torrent_peer_details {
  419.     font-size: 1em;
  420. }
  421.  
  422. ul.torrent_list li.torrent div.torrent_progress_bar {
  423.     height: 10px;
  424.     margin: 3px 0;
  425.     float: left;
  426.     line-height: 1px;
  427.     font-size: 1px;
  428.     width: 100%;
  429.     background-image: url('../images/progress/progress.png');
  430.     background-repeat: repeat-x;
  431.     background-color: transparent;
  432. }
  433.  
  434. ul.torrent_list li.torrent div.torrent_progress_bar.complete {
  435.     background-position: left -10px;
  436.     border: 1px solid #29AD35;
  437. }
  438.  
  439. ul.torrent_list li.torrent div.torrent_progress_bar.in_progress {
  440.     background-position: left 0px;
  441.     border: 1px solid #3F79EE;
  442.     border-right: none;
  443. }
  444.  
  445. ul.torrent_list li.torrent div.torrent_progress_bar.incomplete {
  446.     margin-right: -10px;
  447.     background-position: left -20px;
  448.     border: 1px solid #C8CACD;
  449.     border-left: none;
  450. }
  451.  
  452. ul.torrent_list li.torrent div.torrent_progress_bar.incomplete_stopped {
  453.     background-position: left -30px;
  454.     border: 1px solid #939393;
  455.     border-right: none;
  456. }
  457.  
  458. ul.torrent_list li.torrent div.torrent_progress_bar.complete_stopped {
  459.     background-position: left -30px;
  460.     border: 1px solid #939393;
  461. }
  462.  
  463. ul.torrent_list li.torrent div.torrent_progress_bar.empty {
  464.     border-color: #c8cacd;
  465. }
  466.  
  467. li.torrent a div {
  468.     float: right;
  469.     position: relative;
  470.     right: -22px;
  471.     top: -16px;
  472.     background: url('../images/buttons/torrent_buttons.png');
  473.     height: 14px;
  474.     width: 14px;
  475. }
  476.  
  477. li.torrent a div.torrent_pause {
  478.     background-position: left top;
  479. }
  480.  
  481. li.torrent a:hover div.torrent_pause {
  482.     background-position: left center;
  483. }
  484.  
  485. li.torrent a:active div.torrent_pause {
  486.     background-position: left bottom;
  487. }
  488.  
  489. li.torrent a div.torrent_resume {
  490.     background-position: center top;
  491. }
  492.  
  493. li.torrent a:hover div.torrent_resume {
  494.     background-position: center center;
  495. }
  496.  
  497. li.torrent a:active div.torrent_resume {
  498.     background-position: center bottom;
  499. }
  500.  
  501. /*--------------------------------------
  502.  *
  503.  * T O R R E N T   I N S P E C T O R
  504.  *
  505.  *--------------------------------------*/
  506.  
  507. div#torrent_inspector {
  508.     position: fixed;
  509.     top: 97px;
  510.     bottom: 22px;
  511.     right: 0px;
  512.     width: 350px;
  513.     background-color: #ddd;
  514.     border-left: 1px solid #888;
  515.     z-index: 2;
  516.     text-align: left;
  517. }
  518. div#torrent_inspector #torrent_inspector_name {
  519.     margin: 0;
  520.     overflow: hidden;
  521. }
  522. div#torrent_inspector #torrent_inspector_size {
  523.     font-size: 1.2em;
  524.     margin: 3;
  525.     display: block;
  526.     padding-top: 2px;
  527. }
  528. div#inspector_header {
  529.     clear: both;
  530.     padding-top: 10px;
  531.     padding-left: 10px;
  532.     padding-right: 10px;
  533. }
  534. div#inspector_tabs {
  535.     margin: 0 auto;
  536.     padding-top: 10px;
  537.     width: 140px;
  538. }
  539. .inspector_tab {
  540.     float: left;
  541.     background: transparent url('../images/buttons/tab_backgrounds.png') left -1px repeat-x;
  542.     border: 1px solid #888;
  543.     margin: 0px 1px;
  544.     padding: 3px 15px; /* 3px == ((bg image height - fg image height) / 2) */
  545.     cursor: pointer;
  546. }
  547. #inspector_tabs > .selected {
  548.     background-position: left -26px; /* the highlighted part of the image */
  549. }
  550. .inspector_container {
  551.     margin: 10px;
  552.     width: 330px; /* inspector_width==350 - ((margin==10)*2) */
  553. }
  554. .inspector_group {
  555.     display: table;
  556.     width: 100%;
  557.     border-top: 1px solid #888;
  558.     margin: 10px 0px;
  559.     padding: 10px 0px;
  560. }
  561. .inspector_group_label {
  562.     display: table-header-group;
  563.     font-weight: bold;
  564. }
  565. .inspector_row {
  566.     display: table-row;
  567. }
  568. .inspector_row > .inspector_label {
  569.     display: table-cell;
  570.     width: 100px; /* this + the next 230 == inspector_container_with */
  571. }
  572. .inspector_row > div {
  573.     display: table-cell;
  574.     padding-top: 10px;
  575.     width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
  576. }
  577.  
  578. /*--------------------------------------
  579.  *
  580.  * T O R R E N T   F O O T E R
  581.  *
  582.  *--------------------------------------*/
  583.  
  584. div.torrent_footer {
  585.     width: 100%;
  586.     height: 22px;
  587.     margin: 0;
  588.     padding: 0;
  589.     border-top: 1px solid #555;
  590.     background: #aaa url('../images/graphics/chrome.png') left bottom repeat-x;
  591.     position: fixed;
  592.     left: 0px;
  593.     right: 0px;
  594.     bottom: 0;
  595.     z-index: 2;
  596.     color: #000;
  597.     text-shadow: 0 1px 0 #ccc;
  598. }
  599.  
  600. div.torrent_footer ul#settings_menu li#button {
  601.     height: 22px;
  602.     width: 32px !important;
  603.     background: transparent url('../images/graphics/chrome.png') left -75px no-repeat;
  604.     margin: 0 0 0 3px;
  605.     padding: 0;
  606.     float: left;
  607.     position: relative;
  608.     -moz-user-select: none;
  609.     -webkit-user-select: none;
  610. }
  611.  
  612. div.torrent_footer ul#settings_menu li#button:active {
  613.     /background: transparent url('../images/graphics/chrome.png') -32px -75px no-repeat;
  614. }
  615.  
  616. div.torrent_footer ul#settings_menu li#button:hover {
  617.     /background: transparent url('../images/graphics/chrome.png') -32px -75px no-repeat;
  618. }
  619.  
  620. div.torrent_footer div#disk_space_container {
  621.     float: right;
  622.     font-size: 1.1em;
  623.     line-height: 22px;
  624.     vertical-align: middle;
  625.     margin: 0 20px 0 0;
  626.     padding: 0px;
  627. }
  628.  
  629. /*--------------------------------------
  630.  *
  631.  * D I A L O G S
  632.  *
  633.  *--------------------------------------*/
  634.  
  635. div.dialog_container {
  636.     position: absolute;
  637.     top: 0;
  638.     left: 0px;
  639.     margin: 0px;
  640.     width: 100%;
  641.     height: 100%;
  642.     z-index: 2;
  643.     text-align: center;
  644.     color: black;
  645.     font-size: 1.1em;
  646. }
  647.  
  648. div.dialog_container div.dialog_window {
  649.     background-color: #eee;
  650.     margin: -210px auto 0;
  651.     filter: alpha(opacity=95);
  652.     -moz-opacity: .95;
  653.     opacity: .95;
  654.     border-top: none;
  655.     text-align: left;
  656.     width: 420px;
  657.     height: 145px;
  658.     position: relative;
  659.     -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.7);
  660.     top: 50%;
  661. }
  662. @media screen and (-webkit-min-device-pixel-ratio:0) {
  663.     div.dialog_container div.dialog_window {
  664.         top: 0;
  665.         margin-top: 71px;
  666.     }
  667. } 
  668.  
  669. div#prefs_container div.dialog_window {
  670.     width: 410px;
  671.     height: 420px;
  672.     padding: 0 15px;
  673.     line-height: 14pt;
  674. }
  675.  
  676. div.dialog_container div.dialog_window img {
  677.     margin: 20px 20px 0 20px;
  678.     float: left;
  679. }
  680.  
  681. div.dialog_container div.dialog_window h2.dialog_heading {
  682.     display: block;
  683.     float: left;
  684.     width: 305px;
  685.     font-size: 1.2em;
  686.     color: black;
  687.     margin-top: 20px;
  688. }
  689.  
  690. div.dialog_container div.dialog_window div.dialog_message {
  691.     float: left;
  692.     padding-left: 3px;
  693.     margin-left: -3px;
  694.     width: 305px;
  695.     height: 55px;
  696.     overflow: hidden;
  697. }
  698.  
  699. div.dialog_container div.dialog_window a {
  700.     display: block;
  701.     float: right;
  702.     margin: 10px 20px 0 -8px;
  703.     padding: 5px;
  704.     background-color: #EEE;
  705.     border: 1px solid #787878;
  706.     width: 50px;
  707.     text-align: center;
  708.     font-weight: bold;
  709.     text-decoration: none;
  710.     color: #323232;
  711.     -webkit-appearance: button;
  712.     font: -webkit-control;
  713.     cursor: default;
  714. }
  715.  
  716. div.dialog_container div.dialog_window a:hover,
  717. div.dialog_container div.dialog_window a:active {
  718.     background: #C0C8D6 url('../images/graphics/filter_bar_bg.png') repeat-x;
  719. }
  720.  
  721. div#upload_container div.dialog_window {
  722.     height: 200px !important;
  723.     position: relative;
  724. }
  725.  
  726. div#upload_container div.dialog_window div.dialog_message {
  727.     height: 110px;
  728. }
  729.  
  730. div#upload_container div.dialog_window div.dialog_message label {
  731.     margin-top: 15px;
  732.     display: block;
  733. }
  734.  
  735. div#upload_container div.dialog_window div.dialog_message input {
  736.     width: 249px;
  737.     margin: 3px 0 0 0;
  738.     display: block;
  739. }
  740.  
  741. div#upload_container div.dialog_window div.dialog_message input[type=text] {
  742.     width: 245px;
  743.     padding: 2px;
  744. }
  745.  
  746. div.dialog_container div.dialog_window form {
  747.     margin: 0;
  748.     padding: 0px;
  749. }
  750.  
  751. iframe#torrent_upload_frame {
  752.     display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
  753.     position: absolute;
  754.     top: -1000px;
  755.     left: -1000px;
  756.     width: 0px;
  757.     height: 0px;
  758.     border: none;
  759.     padding: 0;
  760.     margin: 0;
  761. }
  762.  
  763. div#prefs_container label {
  764.     display: block;
  765. }
  766.  
  767. div#prefs_container label.category {
  768.     clear: both;
  769.     font-size: 1.2em;
  770.     margin: 0 0 0 2px;
  771. }
  772.  
  773. div#prefs_container label.item {
  774.     font-size: 11px !important;
  775.     margin: 0 5px 0 20px;
  776.     float: left;
  777. }
  778.  
  779. div#prefs_container label.suffix {
  780.     margin: 0 5px 0 10px;
  781.     float: left;
  782. }
  783.  
  784. div#prefs_container div.formdiv.checkbox label.item {
  785.     margin: 0 5px 0 2px;
  786. }
  787.  
  788. div#prefs_container div.limit_total label.item {
  789.     width: 91px;
  790. }
  791.  
  792. div#prefs_container div.preference input[type=checkbox] {
  793.     float: left;
  794.     margin-left: 20px;
  795.     margin-top: 9px;
  796. }
  797. @-moz-document url-prefix() {
  798.     div#prefs_container div.preference input[type=checkbox] {
  799.         margin-top: 8px;
  800.     }
  801. }
  802.  
  803. div#prefs_container div.preference input[type=text] {
  804.     width: 50px;
  805.     padding: 0px !important;
  806.     height: 18px;
  807.     margin-top: 2px;
  808. }
  809.  
  810. div#prefs_container div.preference input {
  811.     float: left;
  812. }
  813.  
  814. div#prefs_container div.download_location input {
  815.     width: 256px !important;
  816. }
  817. div#prefs_container div.download_location .checkbox input {
  818.     width: auto !important;
  819. }
  820.  
  821. div#prefs_container div.formdiv {
  822.     clear: both;
  823.     line-height: 30px;
  824. }
  825.  
  826. div#prefs_container a {
  827.     clear: left;
  828.     margin: 10px 5px 10px 7px;
  829. }
  830.  
  831. div#prefs_container h2.dialog_heading {
  832.     display: none;
  833. }
  834.  
  835. div#prefs_container div#pref_error {
  836.     display: none;
  837.     width: 395px;
  838.     margin: 6px auto 6px auto;
  839.     padding: 3px 0 3px 0;
  840.     border: 2px solid #cc3333;
  841.     color: #cc3333;
  842.     font-size: 1.2em;
  843.     vertical-align: middle;
  844.     text-align: center;
  845.     height: 20px;
  846.     line-height: 20px;
  847.     background-color: #FFEFEF;
  848. }
  849.  
  850. /*--------------------------------------
  851.  *
  852.  * T R A N S   M E N U
  853.  *
  854.  *--------------------------------------*/
  855.  
  856. .trans_menu {
  857.     margin: 0;
  858.     padding: 0;
  859.     cursor: default;
  860. }
  861.  
  862. .trans_menu, .trans_menu ul {
  863.     list-style: none;
  864. }
  865.  
  866. .trans_menu ul {
  867.     min-width: 210px;
  868.     background-color: #fff;
  869.     filter: alpha(opacity=98);
  870.     -moz-opacity: .98;
  871.     opacity: .98;
  872.     padding: 5px 0;
  873.     text-align: left;
  874.     list-style: none;
  875.     -webkit-border-radius: 5px;
  876.     -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  877. }
  878.  
  879. .trans_menu ul ul {
  880.     min-width: 150px;
  881. }
  882.  
  883. .trans_menu ul ul#footer_sort_menu {
  884.     min-width: 175px;
  885. }
  886.  
  887. .trans_menu li {
  888.     margin: 0;
  889.     padding: 0 10px 2px 20px !important;
  890.     color: #000;
  891.     font-size: 14px;
  892.     cursor: default;
  893.     text-indent: auto !important;
  894.     width: inherit;
  895. }
  896.  
  897. .trans_menu li.hover {
  898.     z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
  899.     background-color: #24e;
  900.     color: #fff;
  901.     text-shadow: none;
  902. }
  903.  
  904. .trans_menu li.separator, .trans_menu li.separator.hover {
  905.     border-top: 1px solid #ddd;
  906.     margin: 5px 0;
  907.     padding: 0px;
  908.     background: transparent;
  909. }
  910.  
  911. .trans_menu li span.arrow {
  912.     float: right;
  913.     margin: 3px 0 0;
  914.     font-size: 11px;
  915.     color: #333;
  916.     text-shadow: none;
  917. }
  918.  
  919. .trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
  920.     color: #fff;
  921. }
  922.  
  923. .trans_menu span.selected {
  924.     margin: 0 3px 0 -15px;
  925.     font-size: 14px;
  926.     color: #666;
  927.     float: left;
  928. }
  929.  
  930. .trans_menu div.outerbox {
  931.     display: none;
  932.     background: transparent;
  933.     border: 1px solid rgba(0,0,0,0.1);
  934.     -webkit-border-radius: 5px;
  935. }
  936.  
  937. .trans_menu div.inner {
  938.     left: 0;
  939.     margin: 0;
  940. }
  941.  
  942. .trans_menu li.main {
  943.     float: left;
  944.     padding: 0 !important;
  945.     width: 30px !important;
  946. }
  947.  
  948. .trans_menu li.main li {
  949.     z-index: 2;
  950.     min-width: 78px;
  951. }
  952.  
  953. .trans_menu li.main.active {
  954.     background: transparent url('../images/graphics/chrome.png') right -75px no-repeat !important;
  955. }
  956.  
  957. .trans_menu a {
  958.     text-decoration: none;
  959.     cursor: default;
  960. }
  961.  
  962. /*--------------------------------------
  963.  *
  964.  * C O N T E X T   M E N U
  965.  *
  966.  *--------------------------------------*/
  967.  
  968. div#jqContextMenu {
  969.     -webkit-border-radius: 5px;
  970.     border: 1px solid rgba(0,0,0,0.1);
  971.     -moz-user-select: none;
  972.     -webkit-user-select: none;
  973. }
  974.  
  975. div#jqContextMenu ul {
  976.     filter: alpha(opacity=98);
  977.     -moz-opacity: .98;
  978.     opacity: .98;
  979.     -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  980.     -webkit-border-radius: 5px;
  981. }
  982.  
  983. div#jqContextMenu li.separator, div#jqContextMenu li.separator:hover {
  984.     background: inherit !important;
  985.     border-top: 1px solid #ddd !important;
  986.     margin: 5px 0 !important;
  987.     padding: 0px;
  988. }
  989.