shortcut.css

Same filename in other branches
  1. 9 core/themes/claro/css/components/shortcut.css
  2. 9 core/themes/bartik/css/components/shortcut.css
  3. 8.9.x core/themes/claro/css/components/shortcut.css
  4. 8.9.x core/themes/bartik/css/components/shortcut.css
  5. 10 core/themes/claro/css/components/shortcut.css
  6. 11.x core/themes/claro/css/components/shortcut.css
div#toolbar a#edit-shortcuts {
  float: right;
  padding: 5px 10px 5px 5px;
  line-height: 24px;
  color: #fefefe;
}
div#toolbar a#edit-shortcuts:focus,
div#toolbar a#edit-shortcuts:hover,
div#toolbar a#edit-shortcuts.active {
  color: #fff;
  text-decoration: underline;
}

div#toolbar div.toolbar-shortcuts ul {
  padding: 5px 0 2px 0;
  height: 28px;
  line-height: 24px;
  float: left; /* LTR */
  margin-left:5px; /* LTR */
}

div#toolbar div.toolbar-shortcuts ul li a {
  padding: 0 5px 0 5px;
  margin-right: 5px; /* LTR */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div#toolbar div.toolbar-shortcuts ul li a:focus,
div#toolbar div.toolbar-shortcuts ul li a:hover,
div#toolbar div.toolbar-shortcuts ul li a.active:focus {
  background: #555;
}

div#toolbar div.toolbar-shortcuts ul li a.active:hover,
div#toolbar div.toolbar-shortcuts ul li a.active {
  background: #000;
}

div#toolbar div.toolbar-shortcuts span.icon {
  float: left; /* LTR */
  background: #444;
  width: 30px;
  height: 30px;
  margin-right: 5px; /* LTR */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div.add-or-remove-shortcuts {
  padding-top: 5px;
}

div.add-or-remove-shortcuts a span.icon {
  display: block;
  width: 12px;
  background: transparent url(shortcut.png) no-repeat scroll 0 0;
  height: 12px;
  float: left;
  margin-left:8px;
}

div.add-shortcut a:focus span.icon,
div.add-shortcut a:hover span.icon {
  background-position: 0 -12px;
}
div.remove-shortcut a span.icon {
  background-position: -12px 0;
}
div.remove-shortcut a:focus span.icon,
div.remove-shortcut a:hover span.icon {
  background-position: -12px -12px;
}

div.add-or-remove-shortcuts a span.text {
  float: left;
  padding-left:10px;
  display: none;
}

div.add-or-remove-shortcuts a:focus span.text,
div.add-or-remove-shortcuts a:hover span.text {
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  background-color: #5f605b;
  display: block;
  padding-right: 6px; /* LTR */
  cursor: pointer;
  -moz-border-radius: 0 5px 5px 0; /* LTR */
  -webkit-border-top-right-radius: 5px; /* LTR */
  -webkit-border-bottom-right-radius: 5px; /* LTR */
  border-radius: 0 5px 5px 0; /* LTR */
}

#shortcut-set-switch .form-type-radios {
  padding-bottom: 0;
  margin-bottom: 0;
}

#shortcut-set-switch .form-item-new {
  padding-top: 0;
  padding-left: 17px; /* LTR */
}

File

modules/shortcut/shortcut.css

View source 
  1. div#toolbar a#edit-shortcuts {

  2.   float: right;

  3.   padding: 5px 10px 5px 5px;

  4.   line-height: 24px;

  5.   color: #fefefe;

  6. }

  7. div#toolbar a#edit-shortcuts:focus,

  8. div#toolbar a#edit-shortcuts:hover,

  9. div#toolbar a#edit-shortcuts.active {

  10.   color: #fff;

  11.   text-decoration: underline;

  12. }

  13. 

  14. div#toolbar div.toolbar-shortcuts ul {

  15.   padding: 5px 0 2px 0;

  16.   height: 28px;

  17.   line-height: 24px;

  18.   float: left; /* LTR */

  19.   margin-left:5px; /* LTR */

  20. }

  21. 

  22. div#toolbar div.toolbar-shortcuts ul li a {

  23.   padding: 0 5px 0 5px;

  24.   margin-right: 5px; /* LTR */

  25.   -moz-border-radius: 5px;

  26.   -webkit-border-radius: 5px;

  27.   border-radius: 5px;

  28. }

  29. 

  30. div#toolbar div.toolbar-shortcuts ul li a:focus,

  31. div#toolbar div.toolbar-shortcuts ul li a:hover,

  32. div#toolbar div.toolbar-shortcuts ul li a.active:focus {

  33.   background: #555;

  34. }

  35. 

  36. div#toolbar div.toolbar-shortcuts ul li a.active:hover,

  37. div#toolbar div.toolbar-shortcuts ul li a.active {

  38.   background: #000;

  39. }

  40. 

  41. div#toolbar div.toolbar-shortcuts span.icon {

  42.   float: left; /* LTR */

  43.   background: #444;

  44.   width: 30px;

  45.   height: 30px;

  46.   margin-right: 5px; /* LTR */

  47.   -moz-border-radius: 5px;

  48.   -webkit-border-radius: 5px;

  49.   border-radius: 5px;

  50. }

  51. 

  52. div.add-or-remove-shortcuts {

  53.   padding-top: 5px;

  54. }

  55. 

  56. div.add-or-remove-shortcuts a span.icon {

  57.   display: block;

  58.   width: 12px;

  59.   background: transparent url(shortcut.png) no-repeat scroll 0 0;

  60.   height: 12px;

  61.   float: left;

  62.   margin-left:8px;

  63. }

  64. 

  65. div.add-shortcut a:focus span.icon,

  66. div.add-shortcut a:hover span.icon {

  67.   background-position: 0 -12px;

  68. }

  69. div.remove-shortcut a span.icon {

  70.   background-position: -12px 0;

  71. }

  72. div.remove-shortcut a:focus span.icon,

  73. div.remove-shortcut a:hover span.icon {

  74.   background-position: -12px -12px;

  75. }

  76. 

  77. div.add-or-remove-shortcuts a span.text {

  78.   float: left;

  79.   padding-left:10px;

  80.   display: none;

  81. }

  82. 

  83. div.add-or-remove-shortcuts a:focus span.text,

  84. div.add-or-remove-shortcuts a:hover span.text {

  85.   font-size: 10px;

  86.   line-height: 12px;

  87.   color: #fff;

  88.   background-color: #5f605b;

  89.   display: block;

  90.   padding-right: 6px; /* LTR */

  91.   cursor: pointer;

  92.   -moz-border-radius: 0 5px 5px 0; /* LTR */

  93.   -webkit-border-top-right-radius: 5px; /* LTR */

  94.   -webkit-border-bottom-right-radius: 5px; /* LTR */

  95.   border-radius: 0 5px 5px 0; /* LTR */

  96. }

  97. 

  98. #shortcut-set-switch .form-type-radios {

  99.   padding-bottom: 0;

  100.   margin-bottom: 0;

  101. }

  102. 

  103. #shortcut-set-switch .form-item-new {

  104.   padding-top: 0;

  105.   padding-left: 17px; /* LTR */

  106. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.