Advertisement
Guest User

led

a guest
Sep 2nd, 2014
190
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.87 KB | None | 0 0
  1. .led {
  2.     margin: 0px auto;
  3.     width: 10px;
  4.     height: 10px;
  5.     border-radius: 50%;
  6.     background-color: rgba(255, 255, 255, 0.25);
  7.     box-shadow: #000 0 -1px 6px 1px;
  8.     display: inline-block;
  9.     position: relative;
  10.     left: 10px;
  11. }
  12. .led-red {
  13.     background-color: #F00;
  14.     box-shadow: #000 0 -1px 6px 1px, inset #600 0 -1px 8px, #F00 0 3px 11px;
  15. }
  16. .led-orange {
  17.     background-color: #FF7000;
  18.     box-shadow: #000 0 -1px 6px 1px, inset #630 0 -1px 8px, #FF7000 0 3px 11px;
  19. }
  20.  
  21. .led-yellow {
  22.     background-color: #FF0;
  23.     box-shadow: #000 0 -1px 6px 1px, inset #660 0 -1px 8px, #FF0 0 3px 11px;
  24. }
  25.  
  26. .led-green {
  27.     background-color: #80FF00;
  28.     box-shadow: #000 0 -1px 6px 1px, inset #460 0 -1px 8px, #80FF00 0 3px 11px;
  29. }
  30.  
  31. .led-blue {
  32.     background-color: #06F;
  33.     box-shadow: #000 0 -1px 6px 1px, inset #006 0 -1px 8px, #06F 0 3px 11px;
  34. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement