/django/contrib/admin/media/css/forms.css

https://code.google.com/p/mango-py/ · CSS · 360 lines · 272 code · 77 blank · 11 comment · 0 complexity · 3998e31e42795f2a29c309fe759e1f7f MD5 · raw file

  1. @import url('widgets.css');
  2. /* FORM ROWS */
  3. .form-row {
  4. overflow: hidden;
  5. padding: 8px 12px;
  6. font-size: 11px;
  7. border-bottom: 1px solid #eee;
  8. }
  9. .form-row img, .form-row input {
  10. vertical-align: middle;
  11. }
  12. form .form-row p {
  13. padding-left: 0;
  14. font-size: 11px;
  15. }
  16. /* FORM LABELS */
  17. form h4 {
  18. margin: 0 !important;
  19. padding: 0 !important;
  20. border: none !important;
  21. }
  22. label {
  23. font-weight: normal !important;
  24. color: #666;
  25. font-size: 12px;
  26. }
  27. .required label, label.required {
  28. font-weight: bold !important;
  29. color: #333 !important;
  30. }
  31. /* RADIO BUTTONS */
  32. form ul.radiolist li {
  33. list-style-type: none;
  34. }
  35. form ul.radiolist label {
  36. float: none;
  37. display: inline;
  38. }
  39. form ul.inline {
  40. margin-left: 0;
  41. padding: 0;
  42. }
  43. form ul.inline li {
  44. float: left;
  45. padding-right: 7px;
  46. }
  47. /* ALIGNED FIELDSETS */
  48. .aligned label {
  49. display: block;
  50. padding: 3px 10px 0 0;
  51. float: left;
  52. width: 8em;
  53. }
  54. .aligned ul label {
  55. display: inline;
  56. float: none;
  57. width: auto;
  58. }
  59. .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
  60. width: 350px;
  61. }
  62. form .aligned p, form .aligned ul {
  63. margin-left: 7em;
  64. padding-left: 30px;
  65. }
  66. form .aligned table p {
  67. margin-left: 0;
  68. padding-left: 0;
  69. }
  70. form .aligned p.help {
  71. padding-left: 38px;
  72. }
  73. .aligned .vCheckboxLabel {
  74. float: none !important;
  75. display: inline;
  76. padding-left: 4px;
  77. }
  78. .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
  79. width: 610px;
  80. }
  81. .checkbox-row p.help {
  82. margin-left: 0;
  83. padding-left: 0 !important;
  84. }
  85. fieldset .field-box {
  86. float: left;
  87. margin-right: 20px;
  88. }
  89. /* WIDE FIELDSETS */
  90. .wide label {
  91. width: 15em !important;
  92. }
  93. form .wide p {
  94. margin-left: 15em;
  95. }
  96. form .wide p.help {
  97. padding-left: 38px;
  98. }
  99. .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
  100. width: 450px;
  101. }
  102. /* COLLAPSED FIELDSETS */
  103. fieldset.collapsed * {
  104. display: none;
  105. }
  106. fieldset.collapsed h2, fieldset.collapsed {
  107. display: block !important;
  108. }
  109. fieldset.collapsed h2 {
  110. background-image: url(../img/admin/nav-bg.gif);
  111. background-position: bottom left;
  112. color: #999;
  113. }
  114. fieldset.collapsed .collapse-toggle {
  115. background: transparent;
  116. display: inline !important;
  117. }
  118. /* MONOSPACE TEXTAREAS */
  119. fieldset.monospace textarea {
  120. font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
  121. }
  122. /* SUBMIT ROW */
  123. .submit-row {
  124. padding: 5px 7px;
  125. text-align: right;
  126. background: white url(../img/admin/nav-bg.gif) 0 100% repeat-x;
  127. border: 1px solid #ccc;
  128. margin: 5px 0;
  129. overflow: hidden;
  130. }
  131. .submit-row input {
  132. margin: 0 0 0 5px;
  133. }
  134. .submit-row p {
  135. margin: 0.3em;
  136. }
  137. .submit-row p.deletelink-box {
  138. float: left;
  139. }
  140. .submit-row .deletelink {
  141. background: url(../img/admin/icon_deletelink.gif) 0 50% no-repeat;
  142. padding-left: 14px;
  143. }
  144. /* CUSTOM FORM FIELDS */
  145. .vSelectMultipleField {
  146. vertical-align: top !important;
  147. }
  148. .vCheckboxField {
  149. border: none;
  150. }
  151. .vDateField, .vTimeField {
  152. margin-right: 2px;
  153. }
  154. .vURLField {
  155. width: 30em;
  156. }
  157. .vLargeTextField, .vXMLLargeTextField {
  158. width: 48em;
  159. }
  160. .flatpages-flatpage #id_content {
  161. height: 40.2em;
  162. }
  163. .module table .vPositiveSmallIntegerField {
  164. width: 2.2em;
  165. }
  166. .vTextField {
  167. width: 20em;
  168. }
  169. .vIntegerField {
  170. width: 5em;
  171. }
  172. .vForeignKeyRawIdAdminField {
  173. width: 5em;
  174. }
  175. /* INLINES */
  176. .inline-group {
  177. padding: 0;
  178. border: 1px solid #ccc;
  179. margin: 10px 0;
  180. }
  181. .inline-group .aligned label {
  182. width: 8em;
  183. }
  184. .inline-related {
  185. position: relative;
  186. }
  187. .inline-related h3 {
  188. margin: 0;
  189. color: #666;
  190. padding: 3px 5px;
  191. font-size: 11px;
  192. background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
  193. border-bottom: 1px solid #ddd;
  194. }
  195. .inline-related h3 span.delete {
  196. float: right;
  197. }
  198. .inline-related h3 span.delete label {
  199. margin-left: 2px;
  200. font-size: 11px;
  201. }
  202. .inline-related fieldset {
  203. margin: 0;
  204. background: #fff;
  205. border: none;
  206. }
  207. .inline-related fieldset.module h3 {
  208. margin: 0;
  209. padding: 2px 5px 3px 5px;
  210. font-size: 11px;
  211. text-align: left;
  212. font-weight: bold;
  213. background: #bcd;
  214. color: #fff;
  215. }
  216. .inline-group .tabular fieldset.module {
  217. border: none;
  218. border-bottom: 1px solid #ddd;
  219. }
  220. .inline-related.tabular fieldset.module table {
  221. width: 100%;
  222. }
  223. .last-related fieldset {
  224. border: none;
  225. }
  226. .inline-group .tabular tr.has_original td {
  227. padding-top: 2em;
  228. }
  229. .inline-group .tabular tr td.original {
  230. padding: 2px 0 0 0;
  231. width: 0;
  232. _position: relative;
  233. }
  234. .inline-group .tabular th.original {
  235. width: 0px;
  236. padding: 0;
  237. }
  238. .inline-group .tabular td.original p {
  239. position: absolute;
  240. left: 0;
  241. height: 1.1em;
  242. padding: 2px 7px;
  243. overflow: hidden;
  244. font-size: 9px;
  245. font-weight: bold;
  246. color: #666;
  247. _width: 700px;
  248. }
  249. .inline-group ul.tools {
  250. padding: 0;
  251. margin: 0;
  252. list-style: none;
  253. }
  254. .inline-group ul.tools li {
  255. display: inline;
  256. padding: 0 5px;
  257. }
  258. .inline-group div.add-row,
  259. .inline-group .tabular tr.add-row td {
  260. color: #666;
  261. padding: 3px 5px;
  262. border-bottom: 1px solid #ddd;
  263. background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
  264. }
  265. .inline-group .tabular tr.add-row td {
  266. padding: 4px 5px 3px;
  267. border-bottom: none;
  268. }
  269. .inline-group ul.tools a.add,
  270. .inline-group div.add-row a,
  271. .inline-group .tabular tr.add-row td a {
  272. background: url(../img/admin/icon_addlink.gif) 0 50% no-repeat;
  273. padding-left: 14px;
  274. font-size: 11px;
  275. outline: 0; /* Remove dotted border around link */
  276. }
  277. .empty-form {
  278. display: none;
  279. }
  280. /* IE7 specific bug fixes */
  281. .submit-row input {
  282. float: right;
  283. }