contextmenu.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. /**
  2. * @name contextmenu.css
  3. * @author Tobias Reich
  4. * @copyright 2014 by Tobias Reich
  5. */
  6. .contextmenu_bg {
  7. position: fixed;
  8. height: 100%;
  9. width: 100%;
  10. z-index: 1000;
  11. }
  12. .contextmenu {
  13. position: fixed;
  14. top: 0px;
  15. left: 0px;
  16. padding: 5px 0px 6px 0px;
  17. background: linear-gradient(to bottom, #444 0%, #2f2f2f 100%);
  18. border: 1px solid rgba(0,0,0,0.5);
  19. border-bottom: 1px solid rgba(0,0,0,.7);
  20. border-radius: 5px;
  21. box-shadow: 0px 3px 4px rgba(0,0,0,0.25), inset 0px 1px 0px rgba(255,255,255, .1);
  22. opacity: 0;
  23. z-index: 1001;
  24. transition: none;
  25. }
  26. /* Items ------------------------------------------------*/
  27. .contextmenu tr {
  28. font-size: 14px;
  29. color: #eee;
  30. text-shadow: 0px -1px 0px rgba(0,0,0,.2);
  31. cursor: pointer;
  32. }
  33. .contextmenu tr:hover {
  34. background: linear-gradient(to bottom, #6a84f2, #4967F0);
  35. }
  36. .contextmenu tr.no_hover:hover {
  37. cursor: inherit;
  38. background-color: inherit;
  39. background-image: none;
  40. }
  41. .contextmenu tr.separator {
  42. float: left;
  43. height: 1px;
  44. width: 100%;
  45. background-color: #1f1f1f;
  46. border-bottom: 1px solid #4c4c4c;
  47. margin: 5px 0px;
  48. cursor: inherit;
  49. }
  50. .contextmenu tr.separator:hover {
  51. background-color: #222;
  52. background-image: none;
  53. }
  54. .contextmenu tr td {
  55. padding: 7px 30px 6px 12px;
  56. white-space: nowrap;
  57. transition: none;
  58. }
  59. .contextmenu tr:hover td {
  60. color: #fff;
  61. box-shadow: inset 0px 1px 0px rgba(255,255,255,.05);
  62. text-shadow: 0px -1px 0px rgba(0,0,0,.2);
  63. }
  64. .contextmenu tr.no_hover:hover td {
  65. box-shadow: none;
  66. }
  67. .contextmenu tr a {
  68. float: left;
  69. width: 10px;
  70. margin-right: 10px;
  71. text-align: center;
  72. }
  73. /* Direct Link Input ------------------------------------------------*/
  74. .contextmenu #link {
  75. float: right;
  76. width: 140px;
  77. margin: -1px -18px -2px -1px;
  78. padding: 5px 7px 6px 7px;
  79. background-color: #444;
  80. color: #fff;
  81. border: none;
  82. border: 1px solid rgba(0, 0, 0, .5);
  83. box-shadow: 0px 1px 0px rgba(255,255,255,.08);
  84. outline: none;
  85. border-radius: 5px;
  86. }
  87. .contextmenu tr a#link_icon {
  88. padding-top: 4px;
  89. }