home *** CD-ROM | disk | FTP | other *** search
/ Freelog 117 / FreelogNo117-OctobreNovembre2013.iso / Theme / 8GadgetPack / 8GadgetPackSetup.msi / Gadgets.7z / Gadgets / tweetz.gadget / css / aqua.css next >
Cascading Style Sheet File  |  2013-04-09  |  14KB  |  189 lines
  1. /* ---------------------------------------------- */
  2. /* Aqua theme for tweetz                          */
  3. /* 11-01-12 optimized for tweetz 3.1.0.7          */
  4. /* by Kimatg (http://xenosium.com)                */
  5. /* ---------------------------------------------- */
  6.  
  7.  
  8. html, body, #container             { font-family: "Segoe UI", "Meiryo UI", "Malgun Gothic", sans-serif; color: #aaa; background-color: #111; }
  9. a:link, a:visited                 { color: #99ceea;  }
  10. a:hover                         { color: #bbddff; }
  11. #container                        { background: url('./aqua/title-bg.png') repeat-x 0 left #2a2a2a;}
  12. #content                         { scrollbar-base-color: #2a2a2a; scrollbar-arrow-color: #666; scrollbar-3dlight-color: #2a2a2a; scrollbar-darkshadow-color: #2a2a2a; scrollbar-face-color: #444; scrollbar-highlight-color: #2a2a2a; scrollbar-shadow-color: #2a2a2a; scrollbar-track-color: #2a2a2a; padding: 0; margin: 0;}
  13.  
  14. #title                             { border: none; background: url('./aqua/tweetz.png') no-repeat 5px left transparent; width: 70px; float: right; height: 25px; padding: 5px 0; margin: 0;}
  15. #tabs                            { background: transparent; width: 180px; height: 25px; padding: 5px 5px; margin: 0; }
  16. #tabs div                        { margin-top: -10px; height: 24px; width: 24px; background: url('./aqua/unified.png') no-repeat top left; overflow: hidden; }
  17. #tabs div:hover                 { background-position: -24px left !important; }
  18. #tabs div:active                 { background-position: -48px left !important; }
  19. #tabs div.active, #tabs div.active:hover, #tabs div.active:active { background-position: -72px left !important; }
  20.  
  21. #tabs div#tab_all                { left: 6px; background-image: url('./aqua/unified.png'); }
  22. #tabs div#tab_home                { left: 30px; background-image: url('./aqua/home.png'); }
  23. #tabs div#tab_mentions            { left: 54px; background-image: url('./aqua/mentions.png'); }
  24. #tabs div#tab_messages            { left: 78px; background-image: url('./aqua/messages.png'); }
  25. #tabs div#tab_search            { left: 102px; background-image: url('./aqua/find.png'); }
  26. #tabs div#tab_favorites            { left: 126px; background-image: url('./aqua/favorites.png'); }
  27.  
  28. /* indicators */
  29. #title span#comm_indicator        { width: 10px; height: 10px; font-size: 14pt; position: absolute; top: 5px; right: -3px;}
  30. #title span#lock_indicator        { background: url('./aqua/lock.png') no-repeat top right transparent; width: 10px; height: 10px; position: absolute; top: 25px; right: -2px; }
  31.  
  32. /* tweet backgrounds by type */
  33. .tweet                             { padding: 2px; margin: 0; border-top: 1px solid #444; border-bottom: 1px solid #222; background: url('./aqua/twit-bg.png') repeat-x top left; width: 280px }
  34. .tweet:hover                    { background: url('./aqua/twit-bg-hover.png') repeat-x top left; }
  35. .tweet.selected_tweet             { padding: 4px 2px 1px 2px; background: url('./aqua/twit-bg-selected.png') repeat-x top left #262626; border-top:none;}
  36. .tweet.selected_tweet:hover        { padding: 4px 2px 1px 2px; background: url('./aqua/twit-bg-selected-hover.png') repeat-x top left #242424;}
  37.  
  38. .tweet.mention                     { background: url('./aqua/mention-bg.png') repeat-x top left #2e393f; border-top: 1px solid #4c616c; }
  39. .tweet.mention:hover            { background: url('./aqua/mention-bg-hover.png') repeat-x top left #364147;  }
  40. .tweet.mention.selected_tweet             { padding: 4px 2px 1px 2px; background: url('./aqua/mention-bg-selected.png') repeat-x top left #222b2f; border-top: none; }
  41. .tweet.mention.selected_tweet:hover        { padding: 4px 2px 1px 2px; background: url('./aqua/mention-bg-selected-hover.png') repeat-x top left #20292d;}
  42.  
  43. .tweet.message                     { background: url('./aqua/messages-bg.png') repeat-x top left #312e3f; border-top: 1px solid #514b6b; }
  44. .tweet.message:hover            { background: url('./aqua/messages-bg-hover.png') repeat-x top left #393647;  }
  45. .tweet.message.selected_tweet             { padding: 4px 2px 1px 2px; background: url('./aqua/messages-bg-selected.png') repeat-x top left #252330; border-top: none;}
  46. .tweet.message.selected_tweet:hover        { padding: 4px 2px 1px 2px; background: url('./aqua/messages-bg-selected-hover.png') repeat-x top left #23212e;}
  47.  
  48. /* tweet */
  49. .tweet .pic                        { margin: 2px;  }
  50. .tweet_content                        { }
  51. .tweet_content .screenname            { }
  52. .tweet_content .screenname.author    { font-size: 9pt; height: 15px; display: inline-block; padding: 0 4px; color: #aacbde; font-weight: bold; }
  53. .tweet_content .screenname.author:hover    { color: #bbddff;}
  54.  
  55. .tweet_text                        { font-size: 11px; line-height: 11pt; padding: 0 2px; margin: 2px; display: block; z-index: 3; width: 230px; }
  56. .tweet_text a.link                {     }
  57.  
  58.  
  59. #container[style="WIDTH: 128px; HEIGHT: 398px"] .tweet .screenname:first-child     { font-size: 10pt; display: block; margin-left: 10px; height: 15px; padding: 2px;}
  60. .tweet .retweet                     { background: url('./aqua/retweet.png') no-repeat left bottom; margin: -3px 0 0 0; width: 24px; height: 24px; float: right; z-index: 1;}
  61. .tweet.selected_tweet .retweet    { margin: -3px 0 0 0; }
  62. .tweet .retweet+.screenname     { font-size: 9pt; display: block; height: 15px; }
  63. .tweet .msg                        { display: none; }
  64. .tweet .msg+.screenname         { font-size: 9pt; display: block; height: 15px;}
  65.  
  66. .divider                         { display: none; }
  67. .atname                         { color: #99ceea; }
  68. .tweet_info                             { color: #aaa; font-size: 7.5pt; padding: 0 2px; }
  69. .tweet_info .unread                     { display: none;}
  70. .tweet_info .read                     { display: none;}
  71. .screenname, .hashtag, .inreplyto, #more { color: #99ceea; }
  72.  
  73. .tweet_time                        { }
  74.  
  75. #panel                             { background-color: #444; color: #ddd; border: solid 1px #666; margin-left: 2px; }
  76. #panel tr:hover                    { background: #395c6f; color: #ccc; }
  77. #footer                         { color: #99ceea; }
  78.  
  79. .screenname:hover, .hashtag:hover, .inreplyto:hover, #footer:hover, #more:hover { color: #bbddff; }
  80.  
  81.  
  82. #shorten, #cancel, #send, #search_button { color: #bbb; padding: 2px 7px; background: #5a5a5a; }
  83. #shorten:hover, #cancel:hover, #send:hover, #search_button:hover { color: #eee; background: #666666;}
  84. #tip, #ask                         { background: #ddd; color: #000; border: #ddd ridge 2px; }
  85. #status                         { background-color: #ddd; color: #222; }
  86.  
  87.  
  88. #errorText                         { color: #f00; }
  89.  
  90. .counter_ok                     { color: #fff; }
  91. .counter_near                     { color: #ff0; }
  92. .counter_over                     { color: #f33; }
  93.  
  94. #container                         { border-color: #000; }
  95. #tabs_divider                     { border-top: solid 1px #222; border-bottom: none; }
  96. #tabs_divider.locked             { }
  97.  
  98. #tip                            { font-size: 8pt; border: 1px solid #fff; background-color: #ccc; color: #111; }
  99.  
  100. /* login page */
  101. #get_pin                        { }
  102. #pin_text                        {}
  103. #login                            {}
  104.  
  105. /* write window */
  106. #edit                            { background: url('./aqua/twit-bg-selected-hover.png') repeat-x top left #242424; border-top: 1px solid #444; margin: -3px; padding: 6px; overflow: hidden; }
  107. #edit div:first-child            { font-weight: 100; margin-bottom: 0; color: #666; font-size: 18px; height: 17px; z-index: 1000; position: relative; }
  108. #edit textarea                     { background: #1a1a1a; border-top: 1px solid #0d0d0d; border-bottom: 1px solid #333; color: #eee; height: 140px; margin: 2px 0 2px -10px; padding: 5px 15px; width: 280px; }
  109. #edit .hover                    { background: url('./aqua/title-bg.png') repeat-x left bottom; text-transform: lowercase; font-size: 1.2em; line-height: 18px; height: 18px; background-color: #395c6f; color: #fff; border-top: 1px solid #4d778d; border-bottom: 1px solid #2e393f;}
  110. #edit .hover:hover                { background: url('./aqua/title-bg.png') repeat-x left top; }
  111. #edit .hover#shorten            {}
  112. #edit .hover#cancel                {}
  113. #edit .hover#send                { font-weight: bold;}
  114. #edit #counter                    { font-size: 1.4em; }
  115.  
  116.  
  117. #tabs div, #tabs div:hover, #tabs div.active  { opacity: 1.0; filter: none; }
  118.  
  119.  
  120. /* ---------------------- DOCKED STYLE ---------------------- */
  121. #container.docked { width: 128px; margin-right: 0px; }
  122. #container.docked #content.small_font { font-size: 11px; }
  123. #container.docked #content.medium_font { font-size: 12px; }
  124. #container.docked #content.large_font { font-size: 13px; }
  125. #container.docked .tweet { margin: 0; width: 124px; }
  126. #container.docked img.pic { float: left; width: 24px; height: 24px; margin-right: 4px; padding-left: 1px; padding-top: 2px; }
  127. #container.docked .tweet_text { float: none; }
  128. #container.docked #content { overflow-y: hidden; }
  129. #container.docked #panel { margin: 0; }
  130. #container.docked #panel td { padding: 3px 4px; }
  131.  
  132.  
  133. #container.docked .tweet_content .screenname.author    { padding-left: 0; }
  134. #container.docked .tweet_text    { width: auto }
  135.  
  136. /* tabs */
  137. #container.docked                                { background: url('./aqua/title-bg.png') repeat-x -1px left #2a2a2a;}
  138. #container.docked #header       { height: 30px; overflow: hidden; } 
  139. #container.docked #title                         { background: url('./aqua/tweetz-s.png') no-repeat 5px 2px transparent; float: none; }
  140. #container.docked #tabs                            { width: 85px;height: 14px;  margin: 0; }
  141. #container.docked #tabs div                        { top: 16px; height: 12px; width: 12px; margin: 0; background: url('./aqua/unified-s.png') no-repeat top left; overflow: hidden; }
  142. #container.docked #tabs div:hover                 { background-position: -12px left !important; }
  143. #container.docked #tabs div:active                 { background-position: -24px left !important; }
  144. #container.docked #tabs div.active, #container.docked #tabs div.active:hover, #container.docked #tabs div.active:active { background-position: -36px left !important; }
  145.  
  146. #container.docked #tabs div#tab_all                  { left: 6px; background-image: url('./aqua/unified-s.png'); }
  147. #container.docked #tabs div#tab_home               { left: 20px; background-image: url('./aqua/home-s.png'); }
  148. #container.docked #tabs div#tab_mentions        { left: 34px; background-image: url('./aqua/mentions-s.png'); }
  149. #container.docked #tabs div#tab_messages        { left: 48px; background-image: url('./aqua/messages-s.png'); }
  150. #container.docked #tabs div#tab_search            { left: 62px; background-image: url('./aqua/find-s.png'); }
  151. #container.docked #tabs div#tab_favorites        { left: 76px; background-image: url('./aqua/favorites-s.png'); }
  152.  
  153. /* indicators */
  154. #container.docked #title span#comm_indicator        { width: 10px; height: 10px; font-size: 16px; position: absolute; top: 2px; right: -5px;}
  155. #container.docked #title span#lock_indicator        { background: url('./aqua/lock.png') no-repeat top right transparent; width: 10px; height: 10px; position: absolute; top: 25px; right: -2px; }
  156.  
  157. /* tweet backgrounds by type */
  158. #container.docked .tweet                             { padding: 2px; margin: 0; border-top: 1px solid #444; border-bottom: 1px solid #222; background: url('./aqua/twit-bg.png') repeat-x top left #2a2a2a; }
  159. #container.docked .tweet:hover                        { background: url('./aqua/twit-bg-hover.png') repeat-x top left; }
  160. #container.docked .tweet.selected_tweet             { padding: 4px 2px 1px 2px; background: url('./aqua/twit-bg-selected.png') repeat-x top left #262626; border-top: 0px solid #242424;}
  161. #container.docked .tweet.selected_tweet:hover        { padding: 4px 2px 1px 2px; background: url('./aqua/twit-bg-selected-hover.png') repeat-x top left #242424;}
  162.  
  163. #container.docked .tweet.mention                     { background: url('./aqua/mention-bg.png') repeat-x top left #2e393f; border-top: 1px solid #4c616c; }
  164. #container.docked .tweet.mention:hover                { background: url('./aqua/mention-bg-hover.png') repeat-x top left #364147;  }
  165. #container.docked .tweet.mention.selected_tweet         { padding: 4px 2px 1px 2px; background: url('./aqua/mention-bg-selected.png') repeat-x top left #222b2f; border-top: 0px solid #20292d; }
  166. #container.docked .tweet.mention.selected_tweet:hover    { padding: 4px 2px 1px 2px; background: url('./aqua/mention-bg-selected-hover.png') repeat-x top left #20292d;}
  167.  
  168. #container.docked .tweet.message                     { background: url('./aqua/messages-bg.png') repeat-x top left #312e3f; border-top: 1px solid #514b6b; }
  169. #container.docked .tweet.message:hover                { background: url('./aqua/messages-bg-hover.png') repeat-x top left #393647;  }
  170. #container.docked .tweet.message.selected_tweet         { padding: 4px 2px 1px 2px; background: url('./aqua/messages-bg-selected.png') repeat-x top left #252330; border-top: 0px solid #23212e;}
  171. #container.docked .tweet.message.selected_tweet:hover    { padding: 4px 2px 1px 2px; background: url('./aqua/messages-bg-selected-hover.png') repeat-x top left #23212e;}
  172.  
  173.  
  174. #container.docked .tweet .retweet                     { background: url('./aqua/retweet.png') no-repeat left bottom; margin: -2px -7px 0 0; width: 24px; height: 24px; float: right;}
  175. #container.docked .tweet.selected_tweet .retweet    { margin: -2px -7px 0 0; }
  176.  
  177.  
  178. /* write window */
  179. .docked#edit                            { background: url('./aqua/twit-bg-selected-hover.png') repeat-x top left #242424; border-top: 1px solid #444; margin: -3px; padding: 6px; overflow: hidden; }
  180. .docked#edit div:first-child            { font-weight: bold; margin-bottom: 0; color: #666; font-size: 11px; height: 11px; }
  181. .docked#edit textarea                     { background: #1a1a1a; border-top: 1px solid #0d0d0d; border-bottom: 1px solid #333; color: #eee; height: 140px; margin: 2px 0 2px -10px; padding: 5px 15px; width: 110px; }
  182. .docked#edit #cancel { display: none; }
  183. .docked#edit .hover                    { background: url('./aqua/title-bg.png') repeat-x left bottom; text-transform: lowercase; font-size: 1em; line-height: 18px; height: 18px; background-color: #395c6f; color: #fff; border-top: 1px solid #4d778d; border-bottom: 1px solid #2e393f;}
  184. .docked#edit .hover:hover                { background: url('./aqua/title-bg.png') repeat-x left top; }
  185. .docked#edit .hover#shorten            { letter-spacing: -1px;}
  186. .docked#edit .hover#cancel                {}
  187. .docked#edit .hover#send                { font-weight: bold;}
  188. .docked#edit #counter                    { font-size: 1em; height: 18px; line-height: 18px; }
  189.