You are here

speedboxes-0.1b.css in Speedboxes - Fast checkbox handling 7

.speedboxes-selection {
  background: #0b69b9;
  background: rgba( 11, 110, 195, .33 );
  border: 1px solid #0b69b9;
}
.speedboxes-selected {
  outline: 3px solid #0b69b9;
}
.speedboxes-popup {
  border: 1px solid #0b69b9;
  border-radius: 3px;
  box-shadow: 3px 3px 3px #000;
  box-shadow: 3px 3px 3px rgba( 0, 0, 0, .33 );
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%,#bbbbbb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
}
.speedboxes-action {
  padding: 2px 6px;
  border-right: 1px solid #0b69b9;
  text-decoration: none;
  color: #0b69b9;
  display: inline-block;
}
.speedboxes-action:hover {
  text-decoration: none;
  color: #fff;
  background: #0e86ed; /* Old browsers */
  background: -moz-linear-gradient(top, #0e86ed 0%, #0b69b9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e86ed), color-stop(100%,#0b69b9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0e86ed 0%,#0b69b9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0e86ed 0%,#0b69b9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0e86ed 0%,#0b69b9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #0e86ed 0%,#0b69b9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e86ed', endColorstr='#0b69b9',GradientType=0 ); /* IE6-9 */
}
.speedboxes-action.speedboxes-active-action {
  color: #666;
  background: #bbbbbb; /* Old browsers */
  background: -moz-linear-gradient(top, #bbbbbb 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #bbbbbb 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #bbbbbb 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #bbbbbb 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom, #bbbbbb 0%,#eeeeee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  cursor: default;
}
.speedboxes-action-reverse {
  border-right: none;
}

File

speedboxes-0.1b.css
View source
  1. .speedboxes-selection {
  2. background: #0b69b9;
  3. background: rgba( 11, 110, 195, .33 );
  4. border: 1px solid #0b69b9;
  5. }
  6. .speedboxes-selected {
  7. outline: 3px solid #0b69b9;
  8. }
  9. .speedboxes-popup {
  10. border: 1px solid #0b69b9;
  11. border-radius: 3px;
  12. box-shadow: 3px 3px 3px #000;
  13. box-shadow: 3px 3px 3px rgba( 0, 0, 0, .33 );
  14. background: #eeeeee; /* Old browsers */
  15. background: -moz-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%); /* FF3.6+ */
  16. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
  17. background: -webkit-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
  18. background: -o-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); /* Opera 11.10+ */
  19. background: -ms-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); /* IE10+ */
  20. background: linear-gradient(to bottom, #eeeeee 0%,#bbbbbb 100%); /* W3C */
  21. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
  22. }
  23. .speedboxes-action {
  24. padding: 2px 6px;
  25. border-right: 1px solid #0b69b9;
  26. text-decoration: none;
  27. color: #0b69b9;
  28. display: inline-block;
  29. }
  30. .speedboxes-action:hover {
  31. text-decoration: none;
  32. color: #fff;
  33. background: #0e86ed; /* Old browsers */
  34. background: -moz-linear-gradient(top, #0e86ed 0%, #0b69b9 100%); /* FF3.6+ */
  35. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e86ed), color-stop(100%,#0b69b9)); /* Chrome,Safari4+ */
  36. background: -webkit-linear-gradient(top, #0e86ed 0%,#0b69b9 100%); /* Chrome10+,Safari5.1+ */
  37. background: -o-linear-gradient(top, #0e86ed 0%,#0b69b9 100%); /* Opera 11.10+ */
  38. background: -ms-linear-gradient(top, #0e86ed 0%,#0b69b9 100%); /* IE10+ */
  39. background: linear-gradient(to bottom, #0e86ed 0%,#0b69b9 100%); /* W3C */
  40. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e86ed', endColorstr='#0b69b9',GradientType=0 ); /* IE6-9 */
  41. }
  42. .speedboxes-action.speedboxes-active-action {
  43. color: #666;
  44. background: #bbbbbb; /* Old browsers */
  45. background: -moz-linear-gradient(top, #bbbbbb 0%, #eeeeee 100%); /* FF3.6+ */
  46. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  47. background: -webkit-linear-gradient(top, #bbbbbb 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  48. background: -o-linear-gradient(top, #bbbbbb 0%,#eeeeee 100%); /* Opera 11.10+ */
  49. background: -ms-linear-gradient(top, #bbbbbb 0%,#eeeeee 100%); /* IE10+ */
  50. background: linear-gradient(to bottom, #bbbbbb 0%,#eeeeee 100%); /* W3C */
  51. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  52. cursor: default;
  53. }
  54. .speedboxes-action-reverse {
  55. border-right: none;
  56. }