home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 8614 / 8614.xpi / chrome / extension.jar / skin / classic / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2010-02-10  |  14.0 KB  |  493 lines
  1. @import "controls/bubble.css";
  2. @import "menus.css";
  3.  
  4. image {
  5.     border: none;
  6.     padding: 0px;
  7.     margin: 0px;
  8. }
  9.  
  10. .url {
  11.     cursor: pointer;
  12.     color: #3A69A6;
  13. }
  14.  
  15. .url:hover {
  16.     color: #8A69A6;
  17. }
  18.  
  19. #glydo-statusbar-bg {
  20.     width: 100%;
  21.     height: 18px;
  22. }
  23.  
  24. .glydo-statusbar-gradient-stop-1 {
  25.     stop-color: #bad9de;
  26.     stop-opacity:1;
  27. }
  28.  
  29. .glydo-statusbar-gradient-stop-2 {
  30.     stop-color: #bad9de;
  31.     stop-opacity:1;
  32. }
  33.  
  34. .glydo-statusbar-gradient-stop-3 {
  35.     stop-color: #bad9de;
  36.     stop-opacity:0.7;
  37. }
  38.  
  39. .glydo-statusbar-gradient-stop-4 {
  40.     stop-color: #bad9de;
  41.     stop-opacity:0;
  42. }
  43.  
  44. #glydo-statusbarpanel {
  45.     -moz-box-align: center;
  46.     -moz-box-orient: horizontal;
  47.     padding-left: 0px !important;
  48.     padding-right: 0px !important;
  49.     /*-moz-appearance: none;
  50.     border-top: 2px solid #ffffff;
  51.     border-right: 2px solid #aca899;
  52.     border-bottom: none;
  53.     border-left: none;
  54.     padding-right: 2px;
  55.     padding-left: 2px;
  56.     background-color: #bad9de;
  57.     -moz-border-top-colors: #959385 #bfbdb0;
  58.     -moz-border-right-colors: #ffffff #c1beab;
  59.     */
  60. }
  61.  
  62. #glydo-statusbar-box {
  63.     -moz-box-align: center;
  64.     -moz-box-orient: horizontal;
  65.     padding-left: 2px;
  66.     padding-right: 2px;
  67.     /*background-color: #bad9de;*/
  68. }
  69.  
  70. #glydo-recommendation-context-menu.glydo-no-recommendation-context > .glydo-recommendation-context-item {
  71.     display: none;
  72. }
  73.  
  74. #glydo-statusbar-category-buttons-box {
  75.     padding-left: 2px;
  76. }
  77.  
  78. .glydo-statusbar-category-box {
  79.     -moz-box-align: center;
  80.     padding-left: 2px;
  81.     padding-right: 2px;
  82. }
  83.  
  84. .glydo-statusbar-separator {
  85.     list-style-image: url("chrome://glydo/skin/statusbar/separator.png");
  86.     display: none;
  87. }
  88.  
  89. #glydo-statusbar-fixed-buttons-box {
  90.     -moz-box-align: center;
  91.     padding-left: 3px;
  92. }
  93.  
  94. #glydo-statusbar-home-button {
  95.     cursor: pointer;
  96.     list-style-image: url("_X_home_button_image_url_X_");
  97.     padding-left: 7px;
  98. }
  99.  
  100. #glydo-statusbar-main-button {
  101.     cursor: pointer;
  102.     list-style-image: url("chrome://glydo/skin/statusbar/button_icon_empty.png");
  103. }
  104.  
  105. #glydo-statusbar-main-button.glydo-status-normal {
  106.     list-style-image: url("chrome://glydo/skin/statusbar/button_icon_normal.png");
  107. }
  108.  
  109. #glydo-statusbar-main-button.glydo-status-processing {
  110.     list-style-image: url("chrome://glydo/skin/statusbar/button_icon_processing.png");
  111. }
  112.  
  113. #glydo-statusbar-share-button {
  114.     margin-right: 3px;
  115.     cursor: pointer;
  116.     list-style-image: url("chrome://glydo/skin/sharing/share_34x18.png");
  117.     -moz-image-region: rect(0px 34px 18px 17px);
  118. }
  119.  
  120. #glydo-statusbar-share-button:hover {
  121.     -moz-image-region: rect(0px 17px 18px 0px);
  122. }
  123.  
  124. .glydo-statusbar-category-button {
  125.     cursor: pointer;
  126. }
  127.  
  128.  
  129.  
  130.  
  131.  
  132. /* Product Offers */
  133.  
  134. #glydo-statusbar-category-button-product_offers {
  135.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  136.     -moz-image-region: rect(90px 200px 108px 175px);
  137. }
  138.  
  139. #glydo-statusbar-category-button-product_offers:hover {
  140.     -moz-image-region: rect(72px 200px 90px 175px);
  141. }
  142.  
  143. #glydo-statusbar-category-button-product_offers:active, #glydo-statusbar-category-button-product_offers.glydo-category-open {
  144.     -moz-image-region: rect(54px 200px 72px 175px);
  145. }
  146.  
  147. #glydo-statusbar-category-button-product_offers.glydo-statusbar-category-emphasized {
  148.     -moz-image-region: rect(36px 200px 54px 175px);
  149. }
  150.  
  151. #glydo-statusbar-category-button-product_offers.glydo-statusbar-category-emphasized:hover {
  152.     -moz-image-region: rect(18px 200px 36px 175px);
  153. }
  154.  
  155. #glydo-statusbar-category-button-product_offers.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-product_offers.glydo-statusbar-category-emphasized.glydo-category-open {
  156.     -moz-image-region: rect(0px 200px 18px 175px);
  157. }
  158.  
  159. /* Reviews */
  160.  
  161. #glydo-statusbar-category-button-reviews {
  162.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  163.     -moz-image-region: rect(90px 175px 108px 150px);
  164. }
  165.  
  166. #glydo-statusbar-category-button-reviews:hover {
  167.     -moz-image-region: rect(72px 175px 90px 150px);
  168. }
  169.  
  170. #glydo-statusbar-category-button-reviews:active, #glydo-statusbar-category-button-reviews.glydo-category-open {
  171.     -moz-image-region: rect(54px 175px 72px 150px);
  172. }
  173.  
  174. #glydo-statusbar-category-button-reviews.glydo-statusbar-category-emphasized {
  175.     -moz-image-region: rect(36px 175px 54px 150px);
  176. }
  177.  
  178. #glydo-statusbar-category-button-reviews.glydo-statusbar-category-emphasized:hover {
  179.     -moz-image-region: rect(18px 175px 36px 150px);
  180. }
  181.  
  182. #glydo-statusbar-category-button-reviews.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-reviews.glydo-statusbar-category-emphasized.glydo-category-open {
  183.     -moz-image-region: rect(0px 175px 18px 150px);
  184. }
  185.  
  186. /* Video */
  187.  
  188. #glydo-statusbar-category-button-video {
  189.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  190.     -moz-image-region: rect(90px 150px 108px 125px);
  191. }
  192.  
  193. #glydo-statusbar-category-button-video:hover {
  194.     -moz-image-region: rect(72px 150px 90px 125px);
  195. }
  196.  
  197. #glydo-statusbar-category-button-video:active, #glydo-statusbar-category-button-video.glydo-category-open {
  198.     -moz-image-region: rect(54px 150px 72px 125px);
  199. }
  200.  
  201. #glydo-statusbar-category-button-video.glydo-statusbar-category-emphasized {
  202.     -moz-image-region: rect(36px 150px 54px 125px);
  203. }
  204.  
  205. #glydo-statusbar-category-button-video.glydo-statusbar-category-emphasized:hover {
  206.     -moz-image-region: rect(18px 150px 36px 125px);
  207. }
  208.  
  209. #glydo-statusbar-category-button-video.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-video.glydo-statusbar-category-emphasized.glydo-category-open {
  210.     -moz-image-region: rect(0px 150px 18px 125px);
  211. }
  212.  
  213. /* Twitter */
  214.  
  215. #glydo-statusbar-category-button-twitter {
  216.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  217.     -moz-image-region: rect(90px 100px 108px 75px);
  218. }
  219.  
  220. #glydo-statusbar-category-button-twitter:hover {
  221.     -moz-image-region: rect(72px 100px 90px 75px);
  222. }
  223.  
  224. #glydo-statusbar-category-button-twitter:active, #glydo-statusbar-category-button-twitter.glydo-category-open {
  225.     -moz-image-region: rect(54px 100px 72px 75px);
  226. }
  227.  
  228. #glydo-statusbar-category-button-twitter.glydo-statusbar-category-emphasized {
  229.     -moz-image-region: rect(36px 100px 54px 75px);
  230. }
  231.  
  232. #glydo-statusbar-category-button-twitter.glydo-statusbar-category-emphasized:hover {
  233.     -moz-image-region: rect(18px 100px 36px 75px);
  234. }
  235.  
  236. #glydo-statusbar-category-button-twitter.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-twitter.glydo-statusbar-category-emphasized.glydo-category-open {
  237.     -moz-image-region: rect(0px 100px 18px 75px);
  238. }
  239.  
  240. /* News */
  241.  
  242. #glydo-statusbar-category-button-news {
  243.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  244.     -moz-image-region: rect(90px 25px 108px 0px);
  245. }
  246.  
  247. #glydo-statusbar-category-button-news:hover {
  248.     -moz-image-region: rect(72px 25px 90px 0px);
  249. }
  250.  
  251. #glydo-statusbar-category-button-news:active, #glydo-statusbar-category-button-news.glydo-category-open {
  252.     -moz-image-region: rect(54px 25px 72px 0px);
  253. }
  254.  
  255. #glydo-statusbar-category-button-news.glydo-statusbar-category-emphasized {
  256.     -moz-image-region: rect(36px 25px 54px 0px);
  257. }
  258.  
  259. #glydo-statusbar-category-button-news.glydo-statusbar-category-emphasized:hover {
  260.     -moz-image-region: rect(18px 25px 36px 0px);
  261. }
  262.  
  263. #glydo-statusbar-category-button-news.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-news.glydo-statusbar-category-emphasized.glydo-category-open {
  264.     -moz-image-region: rect(0px 25px 18px 0px);
  265. }
  266. /* Hot RSS News */
  267.  
  268. #glydo-statusbar-category-button-rss {
  269.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  270.     -moz-image-region: rect(90px 125px 108px 100px);
  271. }
  272.  
  273. #glydo-statusbar-category-button-rss:hover {
  274.     -moz-image-region: rect(72px 125px 90px 100px);
  275. }
  276.  
  277. #glydo-statusbar-category-button-rss:active, #glydo-statusbar-category-button-rss.glydo-category-open {
  278.     -moz-image-region: rect(54px 125px 72px 100px);
  279. }
  280.  
  281. #glydo-statusbar-category-button-rss.glydo-statusbar-category-emphasized {
  282.     -moz-image-region: rect(36px 125px 54px 100px);
  283. }
  284.  
  285. #glydo-statusbar-category-button-rss.glydo-statusbar-category-emphasized:hover {
  286.     -moz-image-region: rect(18px 125px 36px 100px);
  287. }
  288.  
  289. #glydo-statusbar-category-button-rss.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-rss.glydo-statusbar-category-emphasized.glydo-category-open {
  290.     -moz-image-region: rect(0px 125px 18px 100px);
  291. }
  292.  
  293. /* Info */
  294.  
  295. #glydo-statusbar-category-button-info {
  296.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  297.     -moz-image-region: rect(90px 75px 108px 50px);
  298. }
  299.  
  300. #glydo-statusbar-category-button-info:hover {
  301.     -moz-image-region: rect(72px 75px 90px 50px);
  302. }
  303.  
  304. #glydo-statusbar-category-button-info:active, #glydo-statusbar-category-button-info.glydo-category-open {
  305.     -moz-image-region: rect(54px 75px 72px 50px);
  306. }
  307.  
  308. #glydo-statusbar-category-button-info.glydo-statusbar-category-emphasized {
  309.     -moz-image-region: rect(36px 75px 54px 50px);
  310. }
  311.  
  312. #glydo-statusbar-category-button-info.glydo-statusbar-category-emphasized:hover {
  313.     -moz-image-region: rect(18px 75px 36px 50px);
  314. }
  315.  
  316. #glydo-statusbar-category-button-info.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-info.glydo-statusbar-category-emphasized.glydo-category-open {
  317.     -moz-image-region: rect(0px 75px 18px 50px);
  318. }
  319.  
  320. /* Other */
  321.  
  322. #glydo-statusbar-category-button-other {
  323.     list-style-image: url("chrome://glydo/skin/statusbar/categories/category_buttons.png");
  324.     -moz-image-region: rect(90px 50px 108px 25px);
  325. }
  326.  
  327. #glydo-statusbar-category-button-other:hover {
  328.     -moz-image-region: rect(72px 50px 90px 25px);
  329. }
  330.  
  331. #glydo-statusbar-category-button-other:active, #glydo-statusbar-category-button-other.glydo-category-open {
  332.     -moz-image-region: rect(54px 50px 72px 25px);
  333. }
  334.  
  335. #glydo-statusbar-category-button-other.glydo-statusbar-category-emphasized {
  336.     -moz-image-region: rect(36px 50px 54px 25px);
  337. }
  338.  
  339. #glydo-statusbar-category-button-other.glydo-statusbar-category-emphasized:hover {
  340.     -moz-image-region: rect(18px 50px 36px 25px);
  341. }
  342.  
  343. #glydo-statusbar-category-button-other.glydo-statusbar-category-emphasized:active, #glydo-statusbar-category-button-other.glydo-statusbar-category-emphasized.glydo-category-open {
  344.     -moz-image-region: rect(0px 50px 18px 25px);
  345. }
  346.  
  347.  
  348. /* Add a separator before rss if there are other categories */
  349.  
  350. .glydo-statusbar-category-box + .glydo-statusbar-category-box > #glydo-statusbar-category-button-rss {
  351.     padding-left: 4px;
  352.     border-left: 6px solid #ced3cf;
  353.     -moz-border-left-colors: #ced3cf #dee0d5 transparent transparent #ced3cf #dee0d5 ;
  354. }
  355.  
  356. .glydo-statusbar-category-box:last-child > .glydo-statusbar-category-button {
  357.     padding-right: 4px;
  358.     border-right: 6px solid #ced3cf;
  359.     -moz-border-right-colors: #ced3cf #dee0d5 transparent transparent #ced3cf #dee0d5 ;
  360. }
  361.  
  362.  
  363.  
  364. .glydo-vertical-pane-teaser {
  365.     opacity: 0.9;
  366. }
  367.  
  368. .glydo-vertical-pane-teaser:hover {
  369.     opacity: 1.0;
  370. }
  371.  
  372. .glydo-ticker.glydo-twitter {
  373.     -moz-binding: url("chrome://glydo/content/ui/recommendations/views/recommendation_views.xml#twitter-ticker") !important;
  374. }
  375.  
  376. .glydo-ticker.glydo-store-offer {
  377.     -moz-binding: url("chrome://glydo/content/ui/recommendations/views/recommendation_views.xml#store-offer-ticker") !important;
  378.     background-color: #e6ffe6;
  379. }
  380.  
  381. .glydo-ticker.glydo-review {
  382.     -moz-binding: url("chrome://glydo/content/ui/recommendations/views/recommendation_views.xml#review-ticker") !important;
  383. }
  384.  
  385. .glydo-ticker.glydo-product-ad {
  386.     -moz-binding: url("chrome://glydo/content/ui/recommendations/views/recommendation_views.xml#product-ticker") !important;
  387.     background-color: #fdffb8;
  388. }
  389.  
  390. .glydo-ticker.glydo-ad {
  391.     -moz-binding: url("chrome://glydo/content/ui/recommendations/views/recommendation_views.xml#ad-ticker") !important;
  392.     background-color: #fdffb8;
  393. }
  394.  
  395. #glydo-statusbar-ticker-box {
  396.     margin-top: 1px;
  397.     padding-right: 3px;
  398.     margin-right: 2px;
  399.     -moz-box-align: center;
  400.     border-right: 6px solid #ced3cf;
  401.     -moz-border-right-colors: #ced3cf #dee0d5 transparent transparent #ced3cf #dee0d5 ;
  402. }
  403.  
  404. .glydo-statusbar-ticker-button {
  405.     cursor: pointer;
  406. }
  407.  
  408.  
  409. #glydo-statusbar-ticker-prev {
  410.     margin-left: 3px;
  411.     margin-right: 2px;
  412.     list-style-image: url("chrome://glydo/skin/statusbar/ticker_buttons.png");
  413.     -moz-image-region: rect(0px 12px 11px 0px);
  414. }
  415.  
  416. #glydo-statusbar-ticker-prev:hover {
  417.     -moz-image-region: rect(11px 12px 22px 0px);
  418. }
  419.  
  420. #glydo-statusbar-ticker-next {
  421.     margin-left: 2px;
  422.     margin-right: 2px;
  423.     list-style-image: url("chrome://glydo/skin/statusbar/ticker_buttons.png");
  424.     -moz-image-region: rect(0px 24px 11px 12px);
  425. }
  426.  
  427. #glydo-statusbar-ticker-next:hover {
  428.     -moz-image-region: rect(11px 24px 22px 12px);
  429. }
  430.  
  431. .glydo-sharing-menu {
  432.     list-style-image: url("chrome://glydo/skin/sharing/share_28x16.png");
  433.     -moz-image-region: rect(0px 28px 16px 14px);
  434. }
  435.  
  436. .glydo-sharing-menu .menu-iconic-icon{
  437.     width: 14px;
  438.     height: 16px;
  439. }
  440.  
  441. .glydo-sharing-app-menu {
  442.     list-style-image: url("chrome://glydo/skin/sharing/share_app.png");
  443. }
  444.  
  445. .glydo-sharing-item {
  446.     list-style-image: url("chrome://glydo/skin/sharing/sharing_icons.png");
  447. }
  448.  
  449. .glydo-sharing-item-twitter image {
  450.     -moz-image-region: rect(832px 16px 848px 0px);
  451. }
  452.  
  453. .glydo-sharing-item-facebook image {
  454.     -moz-image-region: rect(208px 16px 224px 0px);
  455. }
  456.  
  457. .glydo-sharing-item-myspace image {
  458.     -moz-image-region: rect(512px 16px 528px 0px);
  459. }
  460.  
  461. .glydo-sharing-item-bebo image {
  462.     -moz-image-region: rect(80px 16px 96px 0px);
  463. }
  464.  
  465. .glydo-sharing-item-buzz image {
  466.     -moz-image-region: rect(128px 16px 144px 0px);
  467. }
  468.  
  469. .glydo-sharing-item-digg image {
  470.     -moz-image-region: rect(160px 16px 176px 0px);
  471. }
  472.  
  473. .glydo-sharing-item-delicious image {
  474.     -moz-image-region: rect(144px 16px 160px 0px);
  475. }
  476.  
  477. .glydo-sharing-item-friendfeed image {
  478.     -moz-image-region: rect(272px 16px 288px 0px);
  479. }
  480.  
  481. .glydo-sharing-item-google image {
  482.     -moz-image-region: rect(304px 16px 320px 0px);
  483. }
  484.  
  485. .glydo-sharing-item-live image {
  486.     -moz-image-region: rect(416px 16px 432px 0px);
  487. }
  488.  
  489. .glydo-sharing-more image {
  490.     -moz-image-region: rect(0px 16px 16px 0px);
  491. }
  492.  
  493.