home *** CD-ROM | disk | FTP | other *** search
/ Computer Active 2011 February / CA02.iso / Darbas / Opera_1100_en_Setup.exe / styles / plugins.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2010-12-15  |  1.7 KB  |  108 lines
  1. @import url(opera.css);
  2.  
  3. /* Plug-in container */
  4. fieldset {
  5.     border: 1px solid transparent;
  6.     margin: 5px 0 12px 0;
  7.     padding: 0;
  8.     border-radius: 0 0 6px 6px;
  9. }
  10.  
  11. fieldset > div {
  12.     padding: 5px 5px 4px 5px;
  13. }
  14.  
  15. fieldset.disabled * {
  16.     color: #aaa;
  17. }
  18.  
  19. /* Plug-in name */
  20. legend {
  21.     font-size: 110%;
  22.     font-weight: bold;
  23.     box-sizing: border-box;
  24.     color: #333;
  25.     width: 100%;
  26.     padding: 0 10px 0 20px;
  27.     line-height: 1.7;
  28.     text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  29.     background: url(images/header.png) no-repeat left center;
  30.     border: 1px solid #ccc;
  31.     border-radius: 6px;
  32.     cursor: pointer;
  33. }
  34.  
  35. /* Plug-in version */
  36. legend span {
  37.     color: #777;
  38. }
  39.  
  40. /* Link for toggling plug-in */
  41. legend a {
  42.     color: #0174A7 !important;
  43.     float: right;
  44. }
  45.  
  46. legend.expanded {
  47.     background: url(images/header-expanded.png) no-repeat left center;
  48. }
  49.  
  50. legend.expanded + div div.mime {
  51.     opacity: 1;
  52. }
  53.  
  54. /* Mime type global toggle */
  55. p#details label {
  56.     float: right;
  57.     width: 200px;
  58.     text-align: center;
  59.     padding: 1px 3px;
  60.     background: #f1f1f1;
  61.     border-radius: 6px;
  62.     border: 1px solid #ddd;
  63.     display: block;
  64. }
  65.  
  66. p#details label:hover {
  67.     background: #999;
  68.     color: #fff;
  69.     border: 1px solid #666;
  70. }
  71.  
  72. /* First plugin */
  73. #plug_0 {
  74.     clear: both;
  75. }
  76.  
  77. div.mime {
  78.     height: 0;
  79.     opacity: 0;
  80.     margin: 5px;
  81.     overflow: hidden;
  82.     -o-transition: height .2s, opacity .2s;
  83. }
  84.  
  85. table {
  86.     margin: 0;
  87. }
  88.  
  89. td {
  90.     width: 40%;
  91. }
  92.  
  93. td+td {
  94.     width: auto;
  95. }
  96.  
  97. td+td+td {
  98.     text-align: right;
  99. }
  100.  
  101. /* make table cells full width when panel is too narrow */
  102. @media screen and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px) {
  103.  
  104.     th, td, tr, table {
  105.         width: 98%;
  106.     }
  107.  
  108. }