contextmenu.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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-color: #393939;
  18. background-image: -webkit-linear-gradient(top, #444, #2d2d2d);
  19. background-image: -moz-linear-gradient(top, #393939, #2d2d2d);
  20. background-image: -ms-linear-gradient(top, #393939, #2d2d2d);
  21. background-image: linear-gradient(top, #393939, #2d2d2d);
  22. border: 1px solid rgba(0,0,0,0.7);
  23. border-bottom: 1px solid rgba(0,0,0,.9);
  24. border-radius: 5px;
  25. box-shadow: 0px 4px 5px rgba(0,0,0,0.3), inset 0px 1px 0px rgba(255,255,255,0.15), inset 1px 0px 0px rgba(255,255,255,0.05), inset -1px 0px 0px rgba(255,255,255,0.05);
  26. opacity: 0;
  27. z-index: 1001;
  28. -webkit-transition: none;
  29. -moz-transition: none;
  30. transition: none;
  31. }
  32. /* Items ------------------------------------------------*/
  33. .contextmenu tr {
  34. font-size: 14px;
  35. color: #eee;
  36. text-shadow: 0px -1px 0px rgba(0,0,0,.4);
  37. cursor: pointer;
  38. }
  39. .contextmenu tr:hover {
  40. background-color: #6a84f2;
  41. background-image: -webkit-linear-gradient(top, #6a84f2, #3959ef);
  42. background-image: -moz-linear-gradient(top, #6a84f2, #3959ef);
  43. background-image: -ms-linear-gradient(top, #6a84f2, #3959ef);
  44. background-image: linear-gradient(top, #6a84f2, #3959ef);
  45. }
  46. .contextmenu tr.no_hover:hover {
  47. cursor: inherit;
  48. background-color: inherit;
  49. background-image: none;
  50. }
  51. .contextmenu tr.separator {
  52. float: left;
  53. height: 1px;
  54. width: 100%;
  55. background-color: #1c1c1c;
  56. border-bottom: 1px solid #4a4a4a;
  57. margin: 5px 0px;
  58. cursor: inherit;
  59. }
  60. .contextmenu tr.separator:hover {
  61. background-color: #222;
  62. background-image: none;
  63. }
  64. .contextmenu tr td {
  65. padding: 7px 30px 6px 12px;
  66. white-space: nowrap;
  67. -webkit-transition: none;
  68. -moz-transition: none;
  69. transition: none;
  70. }
  71. .contextmenu tr:hover td {
  72. color: #fff;
  73. box-shadow: inset 0px 1px 0px rgba(255,255,255,.05);
  74. text-shadow: 0px -1px 0px rgba(0,0,0,.4);
  75. }
  76. .contextmenu tr.no_hover:hover td {
  77. box-shadow: none;
  78. }
  79. .contextmenu tr a {
  80. float: left;
  81. width: 10px;
  82. margin-right: 10px;
  83. text-align: center;
  84. }
  85. /* Direct Link Input ------------------------------------------------*/
  86. .contextmenu #link {
  87. float: right;
  88. width: 140px;
  89. margin: 0px -17px -1px 0px;
  90. padding: 4px 6px 5px 6px;
  91. background-color: #444;
  92. color: #fff;
  93. border: none;
  94. border: 1px solid #111;
  95. box-shadow: 0px 1px 0px rgba(255,255,255,.1);
  96. outline: none;
  97. border-radius: 5px;
  98. }
  99. .contextmenu tr a#link_icon {
  100. padding-top: 4px;
  101. }