You are here

Home » API reference » Speedboxes - Fast checkbox handling 8

speedboxes.css in Speedboxes - Fast checkbox handling 8 

.speedboxes-selection {
  border: 1px solid #0b69b9;
  background: #0b69b9;
  background: rgba(11, 110, 195, 0.33);
}
.speedboxes-selected {
  outline: 3px solid #0b69b9;
}
.speedboxes-popup {
  border: 1px solid #0b69b9;
  border-radius: 2px;
  background: #eee; /* Old browsers */
  box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.165);
}
.speedboxes-action {
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #0b69b9;
  border-right: 1px solid #0b69b9;
  font-size: 1em;
}
.speedboxes-action:hover {
  text-decoration: none;
  color: #fff;
  background: #0e86ed; /* Old browsers */
}
.speedboxes-action.speedboxes-active-action {
  cursor: default;
  color: #666;
  background: #bbb; /* Old browsers */
}
.speedboxes-action-reverse {
  border-right: none;
}

File

css/speedboxes.css
View source 
  1. .speedboxes-selection {

  2.   border: 1px solid #0b69b9;

  3.   background: #0b69b9;

  4.   background: rgba(11, 110, 195, 0.33);

  5. }

  6. .speedboxes-selected {

  7.   outline: 3px solid #0b69b9;

  8. }

  9. .speedboxes-popup {

  10.   border: 1px solid #0b69b9;

  11.   border-radius: 2px;

  12.   background: #eee; /* Old browsers */

  13.   box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.165);

  14. }

  15. .speedboxes-action {

  16.   display: inline-block;

  17.   padding: 0.25em 0.5em;

  18.   text-decoration: none;

  19.   color: #0b69b9;

  20.   border-right: 1px solid #0b69b9;

  21.   font-size: 1em;

  22. }

  23. .speedboxes-action:hover {

  24.   text-decoration: none;

  25.   color: #fff;

  26.   background: #0e86ed; /* Old browsers */

  27. }

  28. .speedboxes-action.speedboxes-active-action {

  29.   cursor: default;

  30.   color: #666;

  31.   background: #bbb; /* Old browsers */

  32. }

  33. .speedboxes-action-reverse {

  34.   border-right: none;

  35. }