/django/contrib/admin/media/css/changelists.css

https://code.google.com/p/mango-py/ · CSS · 289 lines · 224 code · 58 blank · 7 comment · 0 complexity · 72381faa355a4c7092eee4cd60a0349d MD5 · raw file

  1. /* CHANGELISTS */
  2. #changelist {
  3. position: relative;
  4. width: 100%;
  5. }
  6. #changelist table {
  7. width: 100%;
  8. }
  9. .change-list .hiddenfields { display:none; }
  10. .change-list .filtered table {
  11. border-right: 1px solid #ddd;
  12. }
  13. .change-list .filtered {
  14. min-height: 400px;
  15. }
  16. .change-list .filtered {
  17. background: white url(../img/admin/changelist-bg.gif) top right repeat-y !important;
  18. }
  19. .change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull {
  20. margin-right: 160px !important;
  21. width: auto !important;
  22. }
  23. .change-list .filtered table tbody th {
  24. padding-right: 1em;
  25. }
  26. #changelist .toplinks {
  27. border-bottom: 1px solid #ccc !important;
  28. }
  29. #changelist .paginator {
  30. color: #666;
  31. border-top: 1px solid #eee;
  32. border-bottom: 1px solid #eee;
  33. background: white url(../img/admin/nav-bg.gif) 0 180% repeat-x;
  34. overflow: hidden;
  35. }
  36. .change-list .filtered .paginator {
  37. border-right: 1px solid #ddd;
  38. }
  39. /* CHANGELIST TABLES */
  40. #changelist table thead th {
  41. white-space: nowrap;
  42. vertical-align: middle;
  43. }
  44. #changelist table thead th.action-checkbox-column {
  45. width: 1.5em;
  46. text-align: center;
  47. }
  48. #changelist table tbody td, #changelist table tbody th {
  49. border-left: 1px solid #ddd;
  50. }
  51. #changelist table tbody td:first-child, #changelist table tbody th:first-child {
  52. border-left: 0;
  53. border-right: 1px solid #ddd;
  54. }
  55. #changelist table tbody td.action-checkbox {
  56. text-align:center;
  57. }
  58. #changelist table tfoot {
  59. color: #666;
  60. }
  61. /* TOOLBAR */
  62. #changelist #toolbar {
  63. padding: 3px;
  64. border-bottom: 1px solid #ddd;
  65. background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
  66. color: #666;
  67. }
  68. #changelist #toolbar form input {
  69. font-size: 11px;
  70. padding: 1px 2px;
  71. }
  72. #changelist #toolbar form #searchbar {
  73. padding: 2px;
  74. }
  75. #changelist #changelist-search img {
  76. vertical-align: middle;
  77. }
  78. /* FILTER COLUMN */
  79. #changelist-filter {
  80. position: absolute;
  81. top: 0;
  82. right: 0;
  83. z-index: 1000;
  84. width: 160px;
  85. border-left: 1px solid #ddd;
  86. background: #efefef;
  87. margin: 0;
  88. }
  89. #changelist-filter h2 {
  90. font-size: 11px;
  91. padding: 2px 5px;
  92. border-bottom: 1px solid #ddd;
  93. }
  94. #changelist-filter h3 {
  95. font-size: 12px;
  96. margin-bottom: 0;
  97. }
  98. #changelist-filter ul {
  99. padding-left: 0;
  100. margin-left: 10px;
  101. }
  102. #changelist-filter li {
  103. list-style-type: none;
  104. margin-left: 0;
  105. padding-left: 0;
  106. }
  107. #changelist-filter a {
  108. color: #999;
  109. }
  110. #changelist-filter a:hover {
  111. color: #036;
  112. }
  113. #changelist-filter li.selected {
  114. border-left: 5px solid #ccc;
  115. padding-left: 5px;
  116. margin-left: -10px;
  117. }
  118. #changelist-filter li.selected a {
  119. color: #5b80b2 !important;
  120. }
  121. /* DATE DRILLDOWN */
  122. .change-list ul.toplinks {
  123. display: block;
  124. background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
  125. border-top: 1px solid white;
  126. float: left;
  127. padding: 0 !important;
  128. margin: 0 !important;
  129. width: 100%;
  130. }
  131. .change-list ul.toplinks li {
  132. float: left;
  133. width: 9em;
  134. padding: 3px 6px;
  135. font-weight: bold;
  136. list-style-type: none;
  137. }
  138. .change-list ul.toplinks .date-back a {
  139. color: #999;
  140. }
  141. .change-list ul.toplinks .date-back a:hover {
  142. color: #036;
  143. }
  144. /* PAGINATOR */
  145. .paginator {
  146. font-size: 11px;
  147. padding-top: 10px;
  148. padding-bottom: 10px;
  149. line-height: 22px;
  150. margin: 0;
  151. border-top: 1px solid #ddd;
  152. }
  153. .paginator a:link, .paginator a:visited {
  154. padding: 2px 6px;
  155. border: solid 1px #ccc;
  156. background: white;
  157. text-decoration: none;
  158. }
  159. .paginator a.showall {
  160. padding: 0 !important;
  161. border: none !important;
  162. }
  163. .paginator a.showall:hover {
  164. color: #036 !important;
  165. background: transparent !important;
  166. }
  167. .paginator .end {
  168. border-width: 2px !important;
  169. margin-right: 6px;
  170. }
  171. .paginator .this-page {
  172. padding: 2px 6px;
  173. font-weight: bold;
  174. font-size: 13px;
  175. vertical-align: top;
  176. }
  177. .paginator a:hover {
  178. color: white;
  179. background: #5b80b2;
  180. border-color: #036;
  181. }
  182. /* ACTIONS */
  183. .filtered .actions {
  184. margin-right: 160px !important;
  185. border-right: 1px solid #ddd;
  186. }
  187. #changelist table input {
  188. margin: 0;
  189. }
  190. #changelist table tbody tr.selected {
  191. background-color: #FFFFCC;
  192. }
  193. #changelist .actions {
  194. color: #999;
  195. padding: 3px;
  196. border-top: 1px solid #fff;
  197. border-bottom: 1px solid #ddd;
  198. background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
  199. }
  200. #changelist .actions.selected {
  201. background: #fffccf;
  202. border-top: 1px solid #fffee8;
  203. border-bottom: 1px solid #edecd6;
  204. }
  205. #changelist .actions span.all,
  206. #changelist .actions span.action-counter,
  207. #changelist .actions span.clear,
  208. #changelist .actions span.question {
  209. font-size: 11px;
  210. margin: 0 0.5em;
  211. display: none;
  212. }
  213. #changelist .actions:last-child {
  214. border-bottom: none;
  215. }
  216. #changelist .actions select {
  217. border: 1px solid #aaa;
  218. margin-left: 0.5em;
  219. padding: 1px 2px;
  220. }
  221. #changelist .actions label {
  222. font-size: 11px;
  223. margin-left: 0.5em;
  224. }
  225. #changelist #action-toggle {
  226. display: none;
  227. }
  228. #changelist .actions .button {
  229. font-size: 11px;
  230. padding: 1px 2px;
  231. }