No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

prism-toolbar.css 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. div.code-toolbar {
  2. position: relative;
  3. }
  4. div.code-toolbar > .toolbar {
  5. position: absolute;
  6. top: .3em;
  7. right: .2em;
  8. transition: opacity 0.3s ease-in-out;
  9. opacity: 0;
  10. }
  11. div.code-toolbar:hover > .toolbar {
  12. opacity: 1;
  13. }
  14. div.code-toolbar > .toolbar .toolbar-item {
  15. display: inline-block;
  16. }
  17. div.code-toolbar > .toolbar a {
  18. cursor: pointer;
  19. }
  20. div.code-toolbar > .toolbar button {
  21. background: none;
  22. border: 0;
  23. color: inherit;
  24. font: inherit;
  25. line-height: normal;
  26. overflow: visible;
  27. padding: 0;
  28. -webkit-user-select: none; /* for button */
  29. -moz-user-select: none;
  30. -ms-user-select: none;
  31. }
  32. div.code-toolbar > .toolbar a,
  33. div.code-toolbar > .toolbar button,
  34. div.code-toolbar > .toolbar span {
  35. color: #bbb;
  36. font-size: .8em;
  37. padding: 0 .5em;
  38. background: #f5f2f0;
  39. background: rgba(224, 224, 224, 0.2);
  40. box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
  41. border-radius: .5em;
  42. }
  43. div.code-toolbar > .toolbar a:hover,
  44. div.code-toolbar > .toolbar a:focus,
  45. div.code-toolbar > .toolbar button:hover,
  46. div.code-toolbar > .toolbar button:focus,
  47. div.code-toolbar > .toolbar span:hover,
  48. div.code-toolbar > .toolbar span:focus {
  49. color: inherit;
  50. text-decoration: none;
  51. }