PageRenderTime 70ms CodeModel.GetById 28ms RepoModel.GetById 7ms app.codeStats 0ms

/django/contrib/admin/media/css/widgets.css

https://code.google.com/p/mango-py/
CSS | 514 lines | 410 code | 96 blank | 8 comment | 0 complexity | a13e8ecffe2f37037bb553ca963a9c57 MD5 | raw file
Possible License(s): BSD-3-Clause
  1. /* SELECTOR (FILTER INTERFACE) */
  2. .selector {
  3. width: 580px;
  4. float: left;
  5. }
  6. .selector select {
  7. width: 270px;
  8. height: 17.2em;
  9. }
  10. .selector-available, .selector-chosen {
  11. float: left;
  12. width: 270px;
  13. text-align: center;
  14. margin-bottom: 5px;
  15. }
  16. .selector-available h2, .selector-chosen h2 {
  17. border: 1px solid #ccc;
  18. }
  19. .selector .selector-available h2 {
  20. background: white url(../img/admin/nav-bg.gif) bottom left repeat-x;
  21. color: #666;
  22. }
  23. .selector .selector-filter {
  24. background: white;
  25. border: 1px solid #ccc;
  26. border-width: 0 1px;
  27. padding: 3px;
  28. color: #999;
  29. font-size: 10px;
  30. margin: 0;
  31. text-align: left;
  32. }
  33. .selector .selector-chosen .selector-filter {
  34. padding: 4px 5px;
  35. }
  36. .selector .selector-available input {
  37. width: 230px;
  38. }
  39. .selector ul.selector-chooser {
  40. float: left;
  41. width: 22px;
  42. height: 50px;
  43. background: url(../img/admin/chooser-bg.gif) top center no-repeat;
  44. margin: 8em 3px 0 3px;
  45. padding: 0;
  46. }
  47. .selector-chooser li {
  48. margin: 0;
  49. padding: 3px;
  50. list-style-type: none;
  51. }
  52. .selector select {
  53. margin-bottom: 5px;
  54. margin-top: 0;
  55. }
  56. .selector-add, .selector-remove {
  57. width: 16px;
  58. height: 16px;
  59. display: block;
  60. text-indent: -3000px;
  61. overflow: hidden;
  62. }
  63. .selector-add {
  64. background: url(../img/admin/selector-add.gif) top center no-repeat;
  65. margin-bottom: 2px;
  66. }
  67. .selector-remove {
  68. background: url(../img/admin/selector-remove.gif) top center no-repeat;
  69. }
  70. a.selector-chooseall, a.selector-clearall {
  71. display: block;
  72. width: 6em;
  73. text-align: left;
  74. margin-left: auto;
  75. margin-right: auto;
  76. font-weight: bold;
  77. color: #666;
  78. padding: 3px 0 3px 18px;
  79. }
  80. a.selector-chooseall:hover, a.selector-clearall:hover {
  81. color: #036;
  82. }
  83. a.selector-chooseall {
  84. width: 7em;
  85. background: url(../img/admin/selector-addall.gif) left center no-repeat;
  86. }
  87. a.selector-clearall {
  88. background: url(../img/admin/selector-removeall.gif) left center no-repeat;
  89. }
  90. /* STACKED SELECTORS */
  91. .stacked {
  92. float: left;
  93. width: 500px;
  94. }
  95. .stacked select {
  96. width: 480px;
  97. height: 10.1em;
  98. }
  99. .stacked .selector-available, .stacked .selector-chosen {
  100. width: 480px;
  101. }
  102. .stacked .selector-available {
  103. margin-bottom: 0;
  104. }
  105. .stacked .selector-available input {
  106. width: 442px;
  107. }
  108. .stacked ul.selector-chooser {
  109. height: 22px;
  110. width: 50px;
  111. margin: 0 0 3px 40%;
  112. background: url(../img/admin/chooser_stacked-bg.gif) top center no-repeat;
  113. }
  114. .stacked .selector-chooser li {
  115. float: left;
  116. padding: 3px 3px 3px 5px;
  117. }
  118. .stacked .selector-chooseall, .stacked .selector-clearall {
  119. display: none;
  120. }
  121. .stacked .selector-add {
  122. background-image: url(../img/admin/selector_stacked-add.gif);
  123. }
  124. .stacked .selector-remove {
  125. background-image: url(../img/admin/selector_stacked-remove.gif);
  126. }
  127. /* DATE AND TIME */
  128. p.datetime {
  129. line-height: 20px;
  130. margin: 0;
  131. padding: 0;
  132. color: #666;
  133. font-size: 11px;
  134. font-weight: bold;
  135. }
  136. .datetime span {
  137. font-size: 11px;
  138. color: #ccc;
  139. font-weight: normal;
  140. white-space: nowrap;
  141. }
  142. table p.datetime {
  143. font-size: 10px;
  144. margin-left: 0;
  145. padding-left: 0;
  146. }
  147. /* FILE UPLOADS */
  148. p.file-upload {
  149. line-height: 20px;
  150. margin: 0;
  151. padding: 0;
  152. color: #666;
  153. font-size: 11px;
  154. font-weight: bold;
  155. }
  156. .file-upload a {
  157. font-weight: normal;
  158. }
  159. .file-upload .deletelink {
  160. margin-left: 5px;
  161. }
  162. span.clearable-file-input label {
  163. color: #333;
  164. font-size: 11px;
  165. display: inline;
  166. float: none;
  167. }
  168. /* CALENDARS & CLOCKS */
  169. .calendarbox, .clockbox {
  170. margin: 5px auto;
  171. font-size: 11px;
  172. width: 16em;
  173. text-align: center;
  174. background: white;
  175. position: relative;
  176. }
  177. .clockbox {
  178. width: auto;
  179. }
  180. .calendar {
  181. margin: 0;
  182. padding: 0;
  183. }
  184. .calendar table {
  185. margin: 0;
  186. padding: 0;
  187. border-collapse: collapse;
  188. background: white;
  189. width: 99%;
  190. }
  191. .calendar caption, .calendarbox h2 {
  192. margin: 0;
  193. font-size: 11px;
  194. text-align: center;
  195. border-top: none;
  196. }
  197. .calendar th {
  198. font-size: 10px;
  199. color: #666;
  200. padding: 2px 3px;
  201. text-align: center;
  202. background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;
  203. border-bottom: 1px solid #ddd;
  204. }
  205. .calendar td {
  206. font-size: 11px;
  207. text-align: center;
  208. padding: 0;
  209. border-top: 1px solid #eee;
  210. border-bottom: none;
  211. }
  212. .calendar td.selected a {
  213. background: #C9DBED;
  214. }
  215. .calendar td.nonday {
  216. background: #efefef;
  217. }
  218. .calendar td.today a {
  219. background: #ffc;
  220. }
  221. .calendar td a, .timelist a {
  222. display: block;
  223. font-weight: bold;
  224. padding: 4px;
  225. text-decoration: none;
  226. color: #444;
  227. }
  228. .calendar td a:hover, .timelist a:hover {
  229. background: #5b80b2;
  230. color: white;
  231. }
  232. .calendar td a:active, .timelist a:active {
  233. background: #036;
  234. color: white;
  235. }
  236. .calendarnav {
  237. font-size: 10px;
  238. text-align: center;
  239. color: #ccc;
  240. margin: 0;
  241. padding: 1px 3px;
  242. }
  243. .calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
  244. color: #999;
  245. }
  246. .calendar-shortcuts {
  247. background: white;
  248. font-size: 10px;
  249. line-height: 11px;
  250. border-top: 1px solid #eee;
  251. padding: 3px 0 4px;
  252. color: #ccc;
  253. }
  254. .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
  255. display: block;
  256. position: absolute;
  257. font-weight: bold;
  258. font-size: 12px;
  259. background: #C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x;
  260. padding: 1px 4px 2px 4px;
  261. color: white;
  262. }
  263. .calendarnav-previous:hover, .calendarnav-next:hover {
  264. background: #036;
  265. }
  266. .calendarnav-previous {
  267. top: 0;
  268. left: 0;
  269. }
  270. .calendarnav-next {
  271. top: 0;
  272. right: 0;
  273. }
  274. .calendar-cancel {
  275. margin: 0 !important;
  276. padding: 0;
  277. font-size: 10px;
  278. background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;
  279. border-top: 1px solid #ddd;
  280. }
  281. .calendar-cancel a {
  282. padding: 2px;
  283. color: #999;
  284. }
  285. ul.timelist, .timelist li {
  286. list-style-type: none;
  287. margin: 0;
  288. padding: 0;
  289. }
  290. .timelist a {
  291. padding: 2px;
  292. }
  293. /* INLINE ORDERER */
  294. ul.orderer {
  295. position: relative;
  296. padding: 0 !important;
  297. margin: 0 !important;
  298. list-style-type: none;
  299. }
  300. ul.orderer li {
  301. list-style-type: none;
  302. display: block;
  303. padding: 0;
  304. margin: 0;
  305. border: 1px solid #bbb;
  306. border-width: 0 1px 1px 0;
  307. white-space: nowrap;
  308. overflow: hidden;
  309. background: #e2e2e2 url(../img/admin/nav-bg-grabber.gif) repeat-y;
  310. }
  311. ul.orderer li:hover {
  312. cursor: move;
  313. background-color: #ddd;
  314. }
  315. ul.orderer li a.selector {
  316. margin-left: 12px;
  317. overflow: hidden;
  318. width: 83%;
  319. font-size: 10px !important;
  320. padding: 0.6em 0;
  321. }
  322. ul.orderer li a:link, ul.orderer li a:visited {
  323. color: #333;
  324. }
  325. ul.orderer li .inline-deletelink {
  326. position: absolute;
  327. right: 4px;
  328. margin-top: 0.6em;
  329. }
  330. ul.orderer li.selected {
  331. background-color: #f8f8f8;
  332. border-right-color: #f8f8f8;
  333. }
  334. ul.orderer li.deleted {
  335. background: #bbb url(../img/admin/deleted-overlay.gif);
  336. }
  337. ul.orderer li.deleted a:link, ul.orderer li.deleted a:visited {
  338. color: #888;
  339. }
  340. ul.orderer li.deleted .inline-deletelink {
  341. background-image: url(../img/admin/inline-restore.png);
  342. }
  343. ul.orderer li.deleted:hover, ul.orderer li.deleted a.selector:hover {
  344. cursor: default;
  345. }
  346. /* EDIT INLINE */
  347. .inline-deletelink {
  348. float: right;
  349. text-indent: -9999px;
  350. background: transparent url(../img/admin/inline-delete.png) no-repeat;
  351. width: 15px;
  352. height: 15px;
  353. border: 0px none;
  354. outline: 0; /* Remove dotted border around link */
  355. }
  356. .inline-deletelink:hover {
  357. background-position: -15px 0;
  358. cursor: pointer;
  359. }
  360. .editinline button.addlink {
  361. border: 0px none;
  362. color: #5b80b2;
  363. font-size: 100%;
  364. cursor: pointer;
  365. }
  366. .editinline button.addlink:hover {
  367. color: #036;
  368. cursor: pointer;
  369. }
  370. .editinline table .help {
  371. text-align: right;
  372. float: right;
  373. padding-left: 2em;
  374. }
  375. .editinline tfoot .addlink {
  376. white-space: nowrap;
  377. }
  378. .editinline table thead th:last-child {
  379. border-left: none;
  380. }
  381. .editinline tr.deleted {
  382. background: #ddd url(../img/admin/deleted-overlay.gif);
  383. }
  384. .editinline tr.deleted .inline-deletelink {
  385. background-image: url(../img/admin/inline-restore.png);
  386. }
  387. .editinline tr.deleted td:hover {
  388. cursor: default;
  389. }
  390. .editinline tr.deleted td:first-child {
  391. background-image: none !important;
  392. }
  393. /* EDIT INLINE - STACKED */
  394. .editinline-stacked {
  395. min-width: 758px;
  396. }
  397. .editinline-stacked .inline-object {
  398. margin-left: 210px;
  399. background: white;
  400. }
  401. .editinline-stacked .inline-source {
  402. float: left;
  403. width: 200px;
  404. background: #f8f8f8;
  405. }
  406. .editinline-stacked .inline-splitter {
  407. float: left;
  408. width: 9px;
  409. background: #f8f8f8 url(../img/admin/inline-splitter-bg.gif) 50% 50% no-repeat;
  410. border-right: 1px solid #ccc;
  411. }
  412. .editinline-stacked .controls {
  413. clear: both;
  414. background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
  415. padding: 3px 4px;
  416. font-size: 11px;
  417. border-top: 1px solid #ddd;
  418. }