You are here

Home » API reference » Table Trash 7

autoFill.dataTables.css in Table Trash 7 

div.dt-autofill-handle {
  position: absolute;
  height: 8px;
  width: 8px;
  z-index: 102;
  box-sizing: border-box;
  border: 1px solid #316ad1;
  background: linear-gradient(to bottom, #abcffb 0%, #4989de 100%);
}

div.dt-autofill-select {
  position: absolute;
  z-index: 1001;
  background-color: #4989de;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
}
div.dt-autofill-select.top, div.dt-autofill-select.bottom {
  height: 3px;
  margin-top: -1px;
}
div.dt-autofill-select.left, div.dt-autofill-select.right {
  width: 3px;
  margin-left: -1px;
}

div.dt-autofill-list {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0 5px #555;
  border: 2px solid #444;
  z-index: 11;
  box-sizing: border-box;
  padding: 1.5em 2em;
}
div.dt-autofill-list ul {
  display: table;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
div.dt-autofill-list ul li {
  display: table-row;
}
div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
  border-bottom: none;
}
div.dt-autofill-list ul li:hover {
  background-color: #f6f6f6;
}
div.dt-autofill-list div.dt-autofill-question {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}
div.dt-autofill-list div.dt-autofill-question input[type=number] {
  padding: 6px;
  width: 30px;
  margin: -2px 0;
}
div.dt-autofill-list div.dt-autofill-button {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}
div.dt-autofill-list div.dt-autofill-button button {
  color: white;
  margin: 0;
  padding: 6px 12px;
  text-align: center;
  border: 1px solid #2e6da4;
  background-color: #337ab7;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: middle;
}

div.dt-autofill-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 10;
}

File

library/DataTables/AutoFill-2.1.0/css/autoFill.dataTables.css
View source 
  1. div.dt-autofill-handle {

  2.   position: absolute;

  3.   height: 8px;

  4.   width: 8px;

  5.   z-index: 102;

  6.   box-sizing: border-box;

  7.   border: 1px solid #316ad1;

  8.   background: linear-gradient(to bottom, #abcffb 0%, #4989de 100%);

  9. }

  10. 

  11. div.dt-autofill-select {

  12.   position: absolute;

  13.   z-index: 1001;

  14.   background-color: #4989de;

  15.   background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);

  16. }

  17. div.dt-autofill-select.top, div.dt-autofill-select.bottom {

  18.   height: 3px;

  19.   margin-top: -1px;

  20. }

  21. div.dt-autofill-select.left, div.dt-autofill-select.right {

  22.   width: 3px;

  23.   margin-left: -1px;

  24. }

  25. 

  26. div.dt-autofill-list {

  27.   position: fixed;

  28.   top: 50%;

  29.   left: 50%;

  30.   width: 500px;

  31.   margin-left: -250px;

  32.   background-color: white;

  33.   border-radius: 6px;

  34.   box-shadow: 0 0 5px #555;

  35.   border: 2px solid #444;

  36.   z-index: 11;

  37.   box-sizing: border-box;

  38.   padding: 1.5em 2em;

  39. }

  40. div.dt-autofill-list ul {

  41.   display: table;

  42.   margin: 0;

  43.   padding: 0;

  44.   list-style: none;

  45.   width: 100%;

  46. }

  47. div.dt-autofill-list ul li {

  48.   display: table-row;

  49. }

  50. div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {

  51.   border-bottom: none;

  52. }

  53. div.dt-autofill-list ul li:hover {

  54.   background-color: #f6f6f6;

  55. }

  56. div.dt-autofill-list div.dt-autofill-question {

  57.   display: table-cell;

  58.   padding: 0.5em 0;

  59.   border-bottom: 1px solid #ccc;

  60. }

  61. div.dt-autofill-list div.dt-autofill-question input[type=number] {

  62.   padding: 6px;

  63.   width: 30px;

  64.   margin: -2px 0;

  65. }

  66. div.dt-autofill-list div.dt-autofill-button {

  67.   display: table-cell;

  68.   padding: 0.5em 0;

  69.   border-bottom: 1px solid #ccc;

  70. }

  71. div.dt-autofill-list div.dt-autofill-button button {

  72.   color: white;

  73.   margin: 0;

  74.   padding: 6px 12px;

  75.   text-align: center;

  76.   border: 1px solid #2e6da4;

  77.   background-color: #337ab7;

  78.   border-radius: 4px;

  79.   cursor: pointer;

  80.   vertical-align: middle;

  81. }

  82. 

  83. div.dt-autofill-background {

  84.   position: fixed;

  85.   top: 0;

  86.   left: 0;

  87.   width: 100%;

  88.   height: 100%;

  89.   background: rgba(0, 0, 0, 0.7);

  90.   background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);

  91.   z-index: 10;

  92. }