style.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /*
  2. Darko Bunic
  3. http://www.redips.net/
  4. Jun, 2011.
  5. */
  6. body {
  7. font-family: arial;
  8. margin: 0px; /* for IE6 / IE7 */
  9. }
  10. /* add bottom margin between tables */
  11. #table1,
  12. #table2 {
  13. margin-bottom: 20px;
  14. }
  15. /* drag container */
  16. #drag {
  17. margin: auto;
  18. }
  19. /* set border for images inside DRAG region - exclude image margin inheritance */
  20. /* my WordPress theme had some funny margin settings */
  21. #drag img {
  22. margin: 1px;
  23. }
  24. /* drag objects (DIV inside table cells) */
  25. .drag {
  26. cursor: move;
  27. margin: auto;
  28. margin-bottom: 1px;
  29. margin-top: 1px;
  30. z-index: 10;
  31. background-color: white;
  32. color: #000000;
  33. text-align: center;
  34. font-size: 10pt; /* needed for cloned object */
  35. width: 70px;
  36. height: 20px;
  37. line-height: 20px;
  38. /* round corners */
  39. border-radius: 4px; /* Opera, Chrome */
  40. -moz-border-radius: 4px; /* FF */
  41. }
  42. /* drag objects border for the first table */
  43. .t1 {
  44. border: 2px solid #499B33;
  45. }
  46. /* drag object border for the second table */
  47. .t2 {
  48. border: 2px solid SteelBlue;
  49. }
  50. /* cloned objects - third table */
  51. .t3 {
  52. border: 2px solid #FF8A58;
  53. }
  54. /* allow / deny access to cells marked with 'mark' class name */
  55. .mark {
  56. color: white;
  57. background-color: #9B9EA2;
  58. }
  59. /* trash cell */
  60. .trash {
  61. color: white;
  62. background-color: #2D4B7A;
  63. }
  64. /* tables */
  65. div#drag table {
  66. background-color: #e0e0e0;
  67. border-collapse: collapse;
  68. }
  69. /* input elements in dragging container */
  70. div#drag input {
  71. cursor: auto;
  72. }
  73. /* height for input text in DIV element */
  74. div#drag #d13 input {
  75. height: 13px;
  76. }
  77. /* height for dropdown menu in DIV element */
  78. div#drag #d5 select {
  79. height: 20px;
  80. }
  81. /* table cells */
  82. div#drag td {
  83. height: 32px;
  84. border: 1px solid #ACD6FF;
  85. text-align: center;
  86. font-size: 10pt;
  87. }
  88. /* "Click" button */
  89. .button {
  90. margin-bottom: 2px;
  91. background-color: #6A93D4;
  92. color: white;
  93. border-width: 1px;
  94. width: 44px;
  95. padding: 0px;
  96. }
  97. /* toggle checkboxes at the bottom */
  98. .checkbox {
  99. margin-left: 13px;
  100. margin-right: 14px;
  101. width: 13px; /* needed for IE ?! */
  102. }
  103. /* message cell */
  104. .message_line {
  105. padding-left: 10px;
  106. margin-bottom: 3px;
  107. font-size: 10pt;
  108. color: #888;
  109. }