shortcut.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .add-or-remove-shortcuts a {
  2. -moz-border-radius:5px;
  3. -webkit-border-radius:5px;
  4. border-radius:5px;
  5. float:left;
  6. display:block;
  7. margin:0px 5px 0px 0px;
  8. padding:0px;
  9. background:#999 url(images/buttons.png) -800px 50% no-repeat;
  10. color:#fff;
  11. text-shadow:#666 0px 1px 0px;
  12. }
  13. .remove-shortcut a { background-position:-1600px 50%; }
  14. .add-or-remove-shortcuts a:active {
  15. color:#222;
  16. background-color:#666;
  17. background-position:-1200px 50%;
  18. text-shadow:#999 0px 1px 0px;
  19. }
  20. .remove-shortcut a:active { background-position:-2000px 50%; }
  21. .add-or-remove-shortcuts a span.icon {
  22. width:20px;
  23. height:20px;
  24. float:left;
  25. }
  26. .add-or-remove-shortcuts a span.text {
  27. float:left;
  28. display:none;
  29. padding:0px 5px;
  30. }
  31. .add-or-remove-shortcuts a:focus span.text,
  32. .add-or-remove-shortcuts a:hover span.text { display:block; }
  33. /**
  34. * Toolbar styles =====================================================
  35. * Unchanged from core shortcut.css styles.
  36. */
  37. div#toolbar a#edit-shortcuts {
  38. float:right;
  39. padding:5px 10px 5px 5px;
  40. line-height:24px;
  41. color:#bbb;
  42. }
  43. div#toolbar a#edit-shortcuts:focus,
  44. div#toolbar a#edit-shortcuts:hover,
  45. div#toolbar a#edit-shortcuts.active {
  46. color: #fff;
  47. }
  48. div#toolbar div.toolbar-shortcuts ul {
  49. padding:5px 0px 2px 0px;
  50. height:28px;
  51. line-height:24px;
  52. float:left;
  53. margin-left:5px;
  54. }
  55. div#toolbar div.toolbar-shortcuts ul li a {
  56. padding:0px 5px;
  57. margin-right:5px;
  58. border-radius:5px;
  59. -moz-border-radius:5px;
  60. -webkit-border-radius:5px;
  61. }
  62. div#toolbar div.toolbar-shortcuts ul li a:focus,
  63. div#toolbar div.toolbar-shortcuts ul li a:hover,
  64. div#toolbar div.toolbar-shortcuts ul li a.active:focus {
  65. background:#555;
  66. }
  67. div#toolbar div.toolbar-shortcuts ul li a.active:hover,
  68. div#toolbar div.toolbar-shortcuts ul li a.active {
  69. background:#000;
  70. }
  71. div#toolbar div.toolbar-shortcuts span.icon {
  72. float:left;
  73. background:#444;
  74. width:30px;
  75. height:30px;
  76. margin-right:5px;
  77. border-radius:5px;
  78. -moz-border-radius:5px;
  79. -webkit-border-radius:5px;
  80. }