contextmenu.css (1092B)
1 .contextmenu { 2 position: fixed; 3 background-color: white; 4 font: 12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif; 5 box-shadow: 0 1px 7px rgba(0,0,0,0.4); 6 border-radius: 4px; 7 padding: 4px 0; 8 cursor: default; 9 user-select: none; 10 } 11 12 .contextmenu .item { 13 display: block; 14 color: hsl(0, 0%, 15%); 15 font-size: 12px; 16 line-height: 16px; 17 height: 16px; 18 text-decoration: none; 19 padding: 0 12px; 20 border-top: 1px solid transparent; 21 border-bottom: 1px solid transparent; 22 cursor: default; 23 } 24 25 .contextmenu .item.action { 26 cursor: pointer; 27 } 28 29 .contextmenu .item.action:hover { 30 background-color: hsl(0, 0%, 95%); 31 } 32 33 .contextmenu .separator span { 34 background-color: white; 35 padding: 0 0.2em; 36 color: hsl(0, 0%, 50%); 37 margin: 0 1em; 38 } 39 .contextmenu .separator { 40 border-bottom: 1px solid hsl(0, 0%, 80%); 41 text-align: center; 42 width: 100%; 43 line-height: 0; 44 margin: 8px 0; 45 } 46 47 .contextmenu .disabled { 48 color: hsl(0, 0%, 66%); 49 } 50 51 .contextmenu .header { 52 color: hsl(0, 0%, 20%); 53 font-weight: bold; 54 }