/web-app/css/main.css

http://github.com/neodevelop/codice · CSS · 273 lines · 235 code · 29 blank · 9 comment · 0 complexity · 820b415fc6e53b156b68e5a01fa5677e MD5 · raw file

  1. html * {
  2. margin: 0;
  3. /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
  4. }
  5. /* GENERAL */
  6. .spinner {
  7. padding: 5px;
  8. position: absolute;
  9. right: 0;
  10. }
  11. body {
  12. background: #fff;
  13. color: #333;
  14. font: 11px verdana, arial, helvetica, sans-serif;
  15. }
  16. #grailsLogo {
  17. padding:20px;
  18. }
  19. a:link, a:visited, a:hover {
  20. color: #666;
  21. font-weight: bold;
  22. text-decoration: none;
  23. }
  24. h1 {
  25. color: #48802c;
  26. font-weight: normal;
  27. font-size: 16px;
  28. margin: .8em 0 .3em 0;
  29. }
  30. ul {
  31. padding-left: 15px;
  32. }
  33. input, select, textarea {
  34. background-color: #fcfcfc;
  35. border: 1px solid #ccc;
  36. font: 11px verdana, arial, helvetica, sans-serif;
  37. margin: 2px 0;
  38. padding: 2px 4px;
  39. }
  40. select {
  41. padding: 2px 2px 2px 0;
  42. }
  43. textarea {
  44. width: 250px;
  45. height: 150px;
  46. vertical-align: top;
  47. }
  48. input:focus, select:focus, textarea:focus {
  49. border: 1px solid #b2d1ff;
  50. }
  51. .body {
  52. float: left;
  53. margin: 0 15px 10px 15px;
  54. }
  55. /* NAVIGATION MENU */
  56. .nav {
  57. background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
  58. border: 1px solid #ccc;
  59. border-style: solid none solid none;
  60. margin-top: 5px;
  61. padding: 7px 12px;
  62. }
  63. .menuButton {
  64. font-size: 10px;
  65. padding: 0 5px;
  66. }
  67. .menuButton a {
  68. color: #333;
  69. padding: 4px 6px;
  70. }
  71. .menuButton a.home {
  72. background: url(../images/skin/house.png) center left no-repeat;
  73. color: #333;
  74. padding-left: 25px;
  75. }
  76. .menuButton a.list {
  77. background: url(../images/skin/database_table.png) center left no-repeat;
  78. color: #333;
  79. padding-left: 25px;
  80. }
  81. .menuButton a.create {
  82. background: url(../images/skin/database_add.png) center left no-repeat;
  83. color: #333;
  84. padding-left: 25px;
  85. }
  86. /* MESSAGES AND ERRORS */
  87. .message {
  88. background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
  89. border: 1px solid #b2d1ff;
  90. color: #006dba;
  91. margin: 10px 0 5px 0;
  92. padding: 5px 5px 5px 30px
  93. }
  94. div.errors {
  95. background: #fff3f3;
  96. border: 1px solid red;
  97. color: #cc0000;
  98. margin: 10px 0 5px 0;
  99. padding: 5px 0 5px 0;
  100. }
  101. div.errors ul {
  102. list-style: none;
  103. padding: 0;
  104. }
  105. div.errors li {
  106. background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
  107. line-height: 16px;
  108. padding-left: 30px;
  109. }
  110. td.errors select {
  111. border: 1px solid red;
  112. }
  113. td.errors input {
  114. border: 1px solid red;
  115. }
  116. td.errors textarea {
  117. border: 1px solid red;
  118. }
  119. /* TABLES */
  120. table {
  121. border: 1px solid #ccc;
  122. width: 100%
  123. }
  124. tr {
  125. border: 0;
  126. }
  127. td, th {
  128. font: 11px verdana, arial, helvetica, sans-serif;
  129. line-height: 12px;
  130. padding: 5px 6px;
  131. text-align: left;
  132. vertical-align: top;
  133. }
  134. th {
  135. background: #fff url(../images/skin/shadow.jpg);
  136. color: #666;
  137. font-size: 11px;
  138. font-weight: bold;
  139. line-height: 17px;
  140. padding: 2px 6px;
  141. }
  142. th a:link, th a:visited, th a:hover {
  143. color: #333;
  144. display: block;
  145. font-size: 10px;
  146. text-decoration: none;
  147. width: 100%;
  148. }
  149. th.asc a, th.desc a {
  150. background-position: right;
  151. background-repeat: no-repeat;
  152. }
  153. th.asc a {
  154. background-image: url(../images/skin/sorted_asc.gif);
  155. }
  156. th.desc a {
  157. background-image: url(../images/skin/sorted_desc.gif);
  158. }
  159. .odd {
  160. background: #f7f7f7;
  161. }
  162. .even {
  163. background: #fff;
  164. }
  165. /* LIST */
  166. .list table {
  167. border-collapse: collapse;
  168. }
  169. .list th, .list td {
  170. border-left: 1px solid #ddd;
  171. }
  172. .list th:hover, .list tr:hover {
  173. background: #b2d1ff;
  174. }
  175. /* PAGINATION */
  176. .paginateButtons {
  177. background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
  178. border: 1px solid #ccc;
  179. border-top: 0;
  180. color: #666;
  181. font-size: 10px;
  182. overflow: hidden;
  183. padding: 10px 3px;
  184. }
  185. .paginateButtons a {
  186. background: #fff;
  187. border: 1px solid #ccc;
  188. border-color: #ccc #aaa #aaa #ccc;
  189. color: #666;
  190. margin: 0 3px;
  191. padding: 2px 6px;
  192. }
  193. .paginateButtons span {
  194. padding: 2px 3px;
  195. }
  196. /* DIALOG */
  197. .dialog table {
  198. padding: 5px 0;
  199. }
  200. .prop {
  201. padding: 5px;
  202. }
  203. .prop .name {
  204. text-align: left;
  205. width: 15%;
  206. white-space: nowrap;
  207. }
  208. .prop .value {
  209. text-align: left;
  210. width: 85%;
  211. }
  212. /* ACTION BUTTONS */
  213. .buttons {
  214. background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
  215. border: 1px solid #ccc;
  216. color: #666;
  217. font-size: 10px;
  218. margin-top: 5px;
  219. overflow: hidden;
  220. padding: 0;
  221. }
  222. .buttons input {
  223. background: #fff;
  224. border: 0;
  225. color: #333;
  226. cursor: pointer;
  227. font-size: 10px;
  228. font-weight: bold;
  229. margin-left: 3px;
  230. overflow: visible;
  231. padding: 2px 6px;
  232. }
  233. .buttons input.delete {
  234. background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
  235. padding-left: 28px;
  236. }
  237. .buttons input.edit {
  238. background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
  239. padding-left: 28px;
  240. }
  241. .buttons input.save {
  242. background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
  243. padding-left: 28px;
  244. }