You are here

options_element.css in Options Element 7

Same filename and directory in other branches
  1. 6 options_element.css
div.options-widget .draggable a.tabledrag-handle {
  padding-right: .3em /* RTL */
}

div.form-options div.options {
  margin-bottom: 0;
}

div.options-widget a.add span,
div.options-widget a.remove span {
  display: none;
}

div.options-widget a.add,
div.options-widget a.remove,
div.form-option-add a {
  display: block;
  width: 16px;
  height: 16px;
  margin: .2em .1em;
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left; /* RTL */
}

div.options-widget a.add:hover,
div.options-widget a.remove:hover,
div.form-option-add a:hover {
  background-position: 0 -16px;
}

div.options-widget a.add,
div.form-option-add a {
  background-image: url(add.png);
}

div.options-widget a.remove {
  background-image: url(delete.png);
}

div.default-value-pattern-match {
  float: left; /* RTL */
}

div.remove-default {
  float: left; /* RTL */
}

div.form-options-manual,
div.form-option-add {
  text-align: right; /* RTL */
}
div.form-options-manual a,
div.form-option-add a {
  float: none;
  display: inline;
  padding-left: 20px; /* RTL */
}

div.options-widget table {
  width: 100%;
  margin: 0;
}

div.options-widget table,
div.options-widget tbody {
  border: none;
}

div.options-widget table tr {
  border-style: none;
  background: none;
}

div.options-widget table td {
  padding: 4px 6px;
}

div.options-widget table td.option-default-cell {
  width: 6em;
  padding: 4px 0;
}

div.options-widget table td.option-order-cell {
  width: 2em;
}

div.options-widget table tr.indented td.option-order-cell {
  width: 4em;
}

div.options-widget table td.option-key-cell {
  width: 20%;
}

div.options-widget table td.option-actions-cell {
  width: 40px;
}

div.options-widget input.form-text {
  width: 100%;
}

File

options_element.css
View source
  1. div.options-widget .draggable a.tabledrag-handle {
  2. padding-right: .3em /* RTL */
  3. }
  4. div.form-options div.options {
  5. margin-bottom: 0;
  6. }
  7. div.options-widget a.add span,
  8. div.options-widget a.remove span {
  9. display: none;
  10. }
  11. div.options-widget a.add,
  12. div.options-widget a.remove,
  13. div.form-option-add a {
  14. display: block;
  15. width: 16px;
  16. height: 16px;
  17. margin: .2em .1em;
  18. background-repeat: no-repeat;
  19. background-position: 0 0;
  20. float: left; /* RTL */
  21. }
  22. div.options-widget a.add:hover,
  23. div.options-widget a.remove:hover,
  24. div.form-option-add a:hover {
  25. background-position: 0 -16px;
  26. }
  27. div.options-widget a.add,
  28. div.form-option-add a {
  29. background-image: url(add.png);
  30. }
  31. div.options-widget a.remove {
  32. background-image: url(delete.png);
  33. }
  34. div.default-value-pattern-match {
  35. float: left; /* RTL */
  36. }
  37. div.remove-default {
  38. float: left; /* RTL */
  39. }
  40. div.form-options-manual,
  41. div.form-option-add {
  42. text-align: right; /* RTL */
  43. }
  44. div.form-options-manual a,
  45. div.form-option-add a {
  46. float: none;
  47. display: inline;
  48. padding-left: 20px; /* RTL */
  49. }
  50. div.options-widget table {
  51. width: 100%;
  52. margin: 0;
  53. }
  54. div.options-widget table,
  55. div.options-widget tbody {
  56. border: none;
  57. }
  58. div.options-widget table tr {
  59. border-style: none;
  60. background: none;
  61. }
  62. div.options-widget table td {
  63. padding: 4px 6px;
  64. }
  65. div.options-widget table td.option-default-cell {
  66. width: 6em;
  67. padding: 4px 0;
  68. }
  69. div.options-widget table td.option-order-cell {
  70. width: 2em;
  71. }
  72. div.options-widget table tr.indented td.option-order-cell {
  73. width: 4em;
  74. }
  75. div.options-widget table td.option-key-cell {
  76. width: 20%;
  77. }
  78. div.options-widget table td.option-actions-cell {
  79. width: 40px;
  80. }
  81. div.options-widget input.form-text {
  82. width: 100%;
  83. }