home *** CD-ROM | disk | FTP | other *** search
/ Freelog 117 / FreelogNo117-OctobreNovembre2013.iso / Theme / 8GadgetPack / 8GadgetPackSetup.msi / Gadgets.7z / Gadgets / tweetz.gadget / css / base.css < prev    next >
Cascading Style Sheet File  |  2013-04-09  |  6KB  |  90 lines
  1. body { font-family: Segoe UI; margin: 0; width: 130px; height: 400px; overflow: hidden; }
  2. #content.small_font { font-size: 12px; }
  3. #content.medium_font { font-size: 13px; }
  4. #content.large_font { font-size: 14px; }
  5. #tip.small_font { font-size: 11px; }
  6. #tip.medium_font { font-size: 12px; }
  7. #tip.large_font { font-size: 13px; }
  8. #edit.small_font { font-size: 11px; }
  9. #edit.medium_font { font-size: 12px; }
  10. #edit.large_font { font-size: 13px; }
  11. #status.small_font { font-size: 13px; }
  12. #status.medium_font { font-size: 13px; }
  13. #status.large_font { font-size: 13px; }
  14. #panel.small_font { font-size: 11px; }
  15. #panel.medium_font { font-size: 11px; }
  16. #panel.large_font { font-size: 11px; }
  17. #panel { border-collapse: collapse; margin: 2px; }
  18. #panel td { padding: 3px 10px; }
  19. .panelseparator { height: 1px; line-height: 1px; margin: 0 2px; padding: 0; background: #555; font-size: 1px; }
  20. #panel tr:hover { background-color: #666; }
  21. #container { width: 298px; border: 1px solid #334; overflow: hidden; overflow-x: hidden; overflow-y: hidden; }
  22. a:link, a:visited { nofocusline: expression(this.onFocus=this.blur()); text-decoration: none; }
  23. #title { background-color: #334; background-image: url(../images/title.png); background-repeat: no-repeat; background-position: 6px 2px; height: 12px; }
  24. #title span { float: right; margin-top: -6px; margin-right: 6px; }
  25. #content { height: 330px; border: none; }
  26. #content { text-align: left; word-wrap: break-word; overflow-x: hidden; overflow-y: scroll; }
  27. .tweet { margin: 0; width: 275px; }
  28. img.pic { float: left; width: 40px; height: 40px; margin: 5px; margin-top: 7px; }
  29. img.pic:hover, #title:hover { cursor: pointer; }
  30. img.msg, img.retweet { vertical-align: middle; background-image: url("../images/ui-icons-on.png"); float: right; margin-right: 3px; }
  31. img.msg { background-position: -81px -96px; width: 14px; height: 15px; }
  32. img.retweet { background-position: -67px -83px; width: 13px; height: 11px; margin-top: 4px; }
  33. .tweet_text { float: left; margin-top: 3px; }
  34. .tweet_info { clear: both; text-align: right; font-style: italic; font-size: 90%; margin-top: 5px; margin-bottom: 3px; }
  35. .tweet_info span { display: inline; }
  36. #panel { position: absolute; display: none; z-index: 10; padding: 5px 5px 5px 4px; }
  37. #lock_indicator { background-position: 0px -124px; background-image: url("../images/ui-icons-on.png"); width: 16px; height: 16px; }
  38. .screenname:hover, .hashtag:hover, .inreplyto:hover, #footer:hover, #more:hover { cursor: pointer; }
  39. #edit { padding: 5px; display: none; }
  40. #edit { z-index: 2; position: absolute; bottom: 0; left: 4px; right: 4px; zoom: 1; }
  41. #edit div { margin: 5px 0; }
  42. #edit textarea { width: 99.3%; border: none; overflow: hidden; font-family: Segoe UI; height: 225px; }
  43. #shorten, #cancel, #send { margin-left: 5px; }
  44. #search_button { margin-left: 5px; vertical-align: middle; }
  45. #shorten:hover, #cancel:hover, #send:hover, #search_button:hover, #tabs img:hover { cursor: pointer; }
  46. #cancel { display: inline; }
  47. #counter { float: left; }
  48. #search input { width: 112px; margin-left: 6px; margin-bottom: 4px; }
  49. #tip, #ask, #menu { position: absolute; left: 10px; background: #ddd; color: #000; border: #ddd ridge 2px; word-wrap: break-word; padding: 4px; overflow: hidden; }
  50. #ask { text-align: center; }
  51. #ask button { width: 3em; vertical-align: middle; margin: 5px; }
  52. #status { position: absolute; z-index: 11; padding-bottom: 2px; left: 6px; text-align: center; display: none; }
  53. #more { text-align: center; }
  54. .menu_off, .blur { color: #777; }
  55. #tabs { width: 300px; height: 22px; }
  56. #tabs div { width: 16px; height: 16px; position: absolute; top: 18px; }
  57. #tab_all { left: 70px; background-image: url('../images/tab/unified.png'); }
  58. #tab_home { left: 100px; background-image: url('../images/tab/home.png'); }
  59. #tab_mentions { left: 130px; background-image: url('../images/tab/mentions.png'); }
  60. #tab_messages { left: 160px; background-image: url('../images/tab/messages.png'); }
  61. #tab_search { left: 190px; background-image: url('../images/tab/find.png'); }
  62. #tab_favorites { left: 220px; background-image: url('../images/tab/favorites.png'); }
  63. #tabs div { opacity: 0.4; filter: alpha(opacity=40); }
  64. #tabs div:hover { opacity: 1.0; filter: alpha(opacity=100); }
  65. #tabs div.active { opacity: 1.0; filter: alpha(opacity=100); }
  66. .tweet_time, .source_label { padding-right: 4px; }
  67. .author { display: block; }
  68. .time_num { margin-right: 2px; }
  69.  
  70. #container.docked { width: 128px; margin-right: 0px; }
  71. #container.docked #content.small_font { font-size: 11px; }
  72. #container.docked #content.medium_font { font-size: 12px; }
  73. #container.docked #content.large_font { font-size: 13px; }
  74. #container.docked .tweet { margin: 0; padding-top: 5px; width: 128px; }
  75. #container.docked img.pic { float: left; width: 24px; height: 24px; margin: 2px 4px 0px 1px; }
  76. #container.docked .tweet_text { float: none; margin-top: 2px; }
  77. #container.docked #content { overflow-y: hidden; }
  78. #container.docked #panel { margin: 0; }
  79. #container.docked #panel td { padding: 3px 6px; }
  80. #edit.docked textarea { height: 200px; }
  81. #edit.docked #cancel { display: none; }
  82. #container.docked #tab_all { left: 8px; background-image: url('../images/tab/unified.png'); }
  83. #container.docked #tab_home { left: 28px; background-image: url('../images/tab/home.png'); }
  84. #container.docked #tab_mentions { left: 48px; background-image: url('../images/tab/mentions.png'); }
  85. #container.docked #tab_messages { left: 68px; background-image: url('../images/tab/messages.png'); }
  86. #container.docked #tab_search { left: 89px; background-image: url('../images/tab/find.png'); }
  87. #container.docked #tab_favorites { left: 108px; background-image: url('../images/tab/favorites.png'); }
  88. #container.docked #search input { width: 90px; margin-left: 4px; margin-bottom: 4px; }
  89. #container.docked .source_label { display: none; }
  90.