Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
seven
/
bot-28
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: 810cb3d228
Haarat Tagit
bot-28
/
public
/
doc
/
assets
/
prism-toolbar.css

prism-toolbar.css 1.5 KB
Historia Raaka

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 
  1. div.code-toolbar {
    2. 

  2. 	position: relative;
    3. 

  3. }
    4. 

  4. 

  5. div.code-toolbar > .toolbar {
    6. 

  6. 	position: absolute;
    7. 

  7. 	z-index: 10;
    8. 

  8. 	top: .3em;
    9. 

  9. 	right: .2em;
    10. 

  10. 	transition: opacity 0.3s ease-in-out;
    11. 

  11. 	opacity: 0;
    12. 

  12. }
    13. 

  13. 

  14. div.code-toolbar:hover > .toolbar {
    15. 

  15. 	opacity: 1;
    16. 

  16. }
    17. 

  17. 

  18. /* Separate line b/c rules are thrown out if selector is invalid.
    19. 

  19.    IE11 and old Edge versions don't support :focus-within. */
    20. 

  20. div.code-toolbar:focus-within > .toolbar {
    21. 

  21. 	opacity: 1;
    22. 

  22. }
    23. 

  23. 

  24. div.code-toolbar > .toolbar > .toolbar-item {
    25. 

  25. 	display: inline-block;
    26. 

  26. }
    27. 

  27. 

  28. div.code-toolbar > .toolbar > .toolbar-item > a {
    29. 

  29. 	cursor: pointer;
    30. 

  30. }
    31. 

  31. 

  32. div.code-toolbar > .toolbar > .toolbar-item > button {
    33. 

  33. 	background: none;
    34. 

  34. 	border: 0;
    35. 

  35. 	color: inherit;
    36. 

  36. 	font: inherit;
    37. 

  37. 	line-height: normal;
    38. 

  38. 	overflow: visible;
    39. 

  39. 	padding: 0;
    40. 

  40. 	-webkit-user-select: none; /* for button */
    41. 

  41. 	-moz-user-select: none;
    42. 

  42. 	-ms-user-select: none;
    43. 

  43. }
    44. 

  44. 

  45. div.code-toolbar > .toolbar > .toolbar-item > a,
    46. 

  46. div.code-toolbar > .toolbar > .toolbar-item > button,
    47. 

  47. div.code-toolbar > .toolbar > .toolbar-item > span {
    48. 

  48. 	color: #bbb;
    49. 

  49. 	font-size: .8em;
    50. 

  50. 	padding: 0 .5em;
    51. 

  51. 	background: #f5f2f0;
    52. 

  52. 	background: rgba(224, 224, 224, 0.2);
    53. 

  53. 	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    54. 

  54. 	border-radius: .5em;
    55. 

  55. }
    56. 

  56. 

  57. div.code-toolbar > .toolbar > .toolbar-item > a:hover,
    58. 

  58. div.code-toolbar > .toolbar > .toolbar-item > a:focus,
    59. 

  59. div.code-toolbar > .toolbar > .toolbar-item > button:hover,
    60. 

  60. div.code-toolbar > .toolbar > .toolbar-item > button:focus,
    61. 

  61. div.code-toolbar > .toolbar > .toolbar-item > span:hover,
    62. 

  62. div.code-toolbar > .toolbar > .toolbar-item > span:focus {
    63. 

  63. 	color: inherit;
    64. 

  64. 	text-decoration: none;
    65. 

  65. }
    66.