admin.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595
  1. /* Styles for the admin quick search.
  2. ------------------------------------------------------- */
  3. h3.catbg #quick_search form {
  4. padding: .6em 0 0 0;
  5. height: 1.65em;
  6. line-height: 0.7em;
  7. font-size: 0.8em !important;
  8. }
  9. h3.catbg #quick_search form select {
  10. height: 1.65em;
  11. line-height: 1.65em;
  12. font-size: 1em;
  13. margin: 0 0.2em 0 0;
  14. }
  15. #search_go {
  16. float: none;
  17. }
  18. ol.search_results {
  19. margin: 0 0 0 0;
  20. padding: 0 0 0 20px;
  21. }
  22. ol.search_results li {
  23. padding: 0 0 0 0;
  24. }
  25. /* Styles for the core features screen.
  26. ------------------------------------------------------- */
  27. .features {
  28. padding: 0 1em !important;
  29. overflow: auto;
  30. }
  31. .features_image {
  32. float: left;
  33. margin: 0 2em 0.5em 1em;
  34. }
  35. .features_switch {
  36. margin: 0.2em 1em 1em 1em;
  37. float: right;
  38. }
  39. .features h4 {
  40. padding: 1em 0 0.5em 0.5em;
  41. margin: 0;
  42. font-size: 1.1em;
  43. }
  44. .features p {
  45. padding: 0 1em;
  46. margin: 0;
  47. }
  48. /* Styles for the admin home screen bar.
  49. ------------------------------------------------------- */
  50. #admincenter #welcome img {
  51. vertical-align: middle;
  52. }
  53. #admincenter .content {
  54. padding: 1em;
  55. }
  56. #admin_main_section {
  57. overflow: hidden;
  58. margin: 1em 0;
  59. }
  60. #admincenter div.windowbg, #admincenter div.windowbg2, #admin_content div.windowbg, #admin_content div.windowbg2 {
  61. padding: 0.5em 0.5em 1em 0.5em;
  62. border: 1px solid #ddd; border-bottom: 1px solid #ccc;
  63. margin: 2px 0 0 0;
  64. border-radius: 0 0 0 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  65. }
  66. #live_news {
  67. width: 63.5%;
  68. -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  69. }
  70. #live_news div.content {
  71. padding: 0;
  72. font-size: 0.92em;
  73. }
  74. #live_news div.content dl {
  75. padding: 0 5px;
  76. }
  77. #supportVersionsTable {
  78. width: 35.5%;
  79. -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  80. }
  81. #version_details {
  82. padding: 0 5px;
  83. height: 10em;
  84. overflow: auto;
  85. }
  86. #smfAnnouncements {
  87. padding: 0 5px;
  88. height: 14.1em;
  89. overflow: auto;
  90. }
  91. #smfAnnouncements dt {
  92. border-bottom: 1px dashed #000;
  93. }
  94. #smfAnnouncements dd {
  95. padding: 0;
  96. margin: 0 0 1em 1.5em;
  97. }
  98. #update_section {
  99. margin: 0.5em 0;
  100. }
  101. /* Quick tasks markup could really do with a slight change. */
  102. #quick_tasks {
  103. margin: 0;
  104. padding: 0;
  105. }
  106. #quick_tasks li:nth-child(1n + 0) {
  107. clear: left;
  108. }
  109. #quick_tasks li:nth-child(2n + 0) {
  110. clear: right;
  111. }
  112. #quick_tasks li {
  113. float: left;
  114. list-style-type: none;
  115. margin: 0;
  116. padding: 15px 10px 5px 0;
  117. width: 50%;
  118. -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  119. }
  120. .home_image {
  121. float: left;
  122. padding: 0 10px;
  123. }
  124. p.task {
  125. margin: -15px 0 0 60px;
  126. float: left;
  127. }
  128. /* Common admin center classes.
  129. ------------------------------------------------------- */
  130. #admin_content .catbg .icon {
  131. margin: 8px 5px 0 0;
  132. }
  133. #admin_content .windowbg, #admin_content .windowbg2 {
  134. /*border: 1px solid #ddd;
  135. border-radius: 0 0 4px 4px;*/
  136. padding-top: 16px;
  137. }
  138. #admincenter .windowbg2 .icon {
  139. margin: 0 5px -5px 0;
  140. }
  141. hr.hrcolor {
  142. margin: 10px 0;
  143. }
  144. h3.titlebg form {
  145. font-size: 80%;
  146. }
  147. .windowbg.nopadding {
  148. margin: 0.3em 0 0 0;
  149. padding: 0;
  150. }
  151. .windowbg ol {
  152. margin-top: 0;
  153. margin-bottom: 0;
  154. }
  155. .table_caption, tr.table_caption td {
  156. color: #000;
  157. font-size: 10px;
  158. font-weight: bold;
  159. }
  160. .additional_row div.floatleft {
  161. padding: 0 0.92em;
  162. }
  163. fieldset {
  164. margin-bottom: 0.5em;
  165. border: 1px solid #cacdd3;
  166. padding: 0.5em;
  167. }
  168. fieldset dl {
  169. margin: 0;
  170. }
  171. legend {
  172. font-weight: bold;
  173. color: #000;
  174. }
  175. .information a {
  176. font-weight: bold;
  177. }
  178. /* Styles for the package manager.
  179. ------------------------------------------------- */
  180. #package_list .tborder {
  181. margin: .25em 0 .25em 26px;
  182. }
  183. #package_list ol, #package_list ol li {
  184. list-style: decimal;
  185. margin-left: 50px;
  186. border: none;
  187. }
  188. #package_list ol ul, #package_list ol ul li {
  189. margin-left: 0;
  190. list-style: none;
  191. }
  192. #package_list {
  193. list-style-type: none;
  194. }
  195. #package_list li {
  196. border: 1px solid #cacdd3;
  197. padding: 0.2em;
  198. margin: 1px;
  199. }
  200. /* [WIP]*/
  201. .description, .information {
  202. max-height: 15em;
  203. overflow: auto;
  204. padding-bottom: .5em;
  205. }
  206. /* End [WIP]*/
  207. #advanced_box {
  208. padding-top: 5px;
  209. }
  210. .package_section {
  211. border: 1px solid #cacdd3;
  212. }
  213. ul.packages li {
  214. border: none !important;
  215. list-style: none;
  216. }
  217. code#find_code, code#replace_code {
  218. display: block;
  219. font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
  220. font-size: x-small;
  221. background: #eef;
  222. line-height: 1.5em;
  223. padding: 3px 1em;
  224. overflow: auto;
  225. white-space: pre;
  226. /* Show a scrollbar after about 24 lines. */
  227. max-height: 24em;
  228. }
  229. span.package_server {
  230. padding: 0 3em;
  231. }
  232. ul.package_servers {
  233. margin: 0;
  234. padding: 0;
  235. }
  236. ul.package_servers li {
  237. list-style-type: none;
  238. }
  239. pre.file_content {
  240. overflow: auto;
  241. width: 100%;
  242. padding-bottom: 1em;
  243. }
  244. .operation {
  245. padding: 0 1em;
  246. }
  247. /* Styles for the file permissions section.
  248. ------------------------------------------------- */
  249. .filepermissions {
  250. font-size: 0.92em;
  251. white-space: nowrap;
  252. }
  253. .fperm {
  254. display: block;
  255. width: 35%;
  256. text-align: center;
  257. }
  258. .perm_read {
  259. background-color: #d1f7bf;
  260. }
  261. .perm_write {
  262. background-color: #ffbbbb;
  263. }
  264. .perm_execute {
  265. background-color: #fdd7af;
  266. }
  267. .perm_custom {
  268. background-color: #c2c6c0;
  269. }
  270. .perm_nochange {
  271. background-color: #eee;
  272. }
  273. /* Styles for the BBC permissions
  274. ------------------------------------------------- */
  275. .list_bbc {
  276. width: 33%;
  277. }
  278. /* Styles for the manage boards section.
  279. ------------------------------------------------- */
  280. #manage_boards ul {
  281. padding: 0;
  282. margin: 0 0 0.6em 0;
  283. max-height: 30em;
  284. overflow: auto;
  285. }
  286. #manage_boards li {
  287. list-style-type: none;
  288. border: 1px solid #cacdd3;
  289. padding: 0.2em;
  290. margin: 1px;
  291. clear: right;
  292. }
  293. #manage_boards li img {
  294. vertical-align: middle;
  295. padding-bottom: 3px;
  296. }
  297. #manage_boards li#recycle_board {
  298. background-color: #dee;
  299. }
  300. .move_links {
  301. padding: 0 13px 0 0;
  302. }
  303. .modify_boards {
  304. padding: 0 0.5em;
  305. }
  306. #manage_boards span.post_group, #manage_boards span.regular_members {
  307. border-bottom: 1px dotted #000;
  308. cursor: help;
  309. }
  310. .select_all_box {
  311. display:none;
  312. }
  313. /* Styles for the manage members section.
  314. ------------------------------------------------- */
  315. .msearch_details {
  316. display: block;
  317. width: 49%;
  318. }
  319. dl.right dt {
  320. padding-right: 10px;
  321. }
  322. /* Styles for the manage maintenance section.
  323. ------------------------------------------------- */
  324. #manage_maintenance {
  325. margin: 0 0 0 0;
  326. }
  327. #manage_maintenance h3.catbg {
  328. padding: 0 0 0 20px;
  329. }
  330. #manage_maintenance .content {
  331. position: relative;
  332. }
  333. #manage_maintenance h3.double_height {
  334. font-size: 1.1em;
  335. color: #444;
  336. }
  337. #manage_maintenance h3.double_height .icon, #manage_maintenance #membersIcon, #manage_maintenance #rotIcon {
  338. margin: 0 0 -5px 0;
  339. }
  340. #manage_maintenance .windowbg2 form {
  341. padding: 0 0 12px 0;
  342. overflow: auto;
  343. }
  344. #manage_maintenance .windowbg2 p.floatleft {
  345. max-width: 85%;
  346. }
  347. #manage_maintenance .windowbg2 p.clear {
  348. padding-top: 10px;
  349. }
  350. #manage_maintenance .content .button_submit {
  351. position: absolute;
  352. right: 12px;
  353. bottom: 40px;
  354. }
  355. .infobox {
  356. margin: -0.5em 0 2em 0;
  357. }
  358. /* Do we need to keep this next one, or can we just use infobox styling? */
  359. #task_completed {
  360. background:#B7FCA7 url(../images/warning_watch.png) center no-repeat;
  361. background-position:8px 50%;
  362. text-align:left;
  363. border-top:1px solid green;
  364. border-bottom:1px solid green;
  365. padding:4px 10px 2px 30px;
  366. margin-bottom: 1em;
  367. }
  368. /* Styles for the manage calendar section.
  369. ------------------------------------------------- */
  370. dl.settings dt.small_caption {
  371. width: 20%;
  372. }
  373. dl.settings dd.small_caption {
  374. width: 79%;
  375. }
  376. /* Styles for the manage permissions section.
  377. ------------------------------------------------- */
  378. dl.admin_permissions dt {
  379. width: 35%;
  380. }
  381. dl.admin_permissions dd {
  382. width: 64%;
  383. }
  384. /* Styles for the manage search section.
  385. ------------------------------------------------- */
  386. dl.settings dt.large_caption {
  387. width: 70%;
  388. }
  389. dl.settings dd.large_caption {
  390. width: 29%;
  391. }
  392. span.search_weight {
  393. width: 40px;
  394. padding: 0 0.5em;
  395. text-align: right;
  396. display: inline-block;
  397. }
  398. .search_settings {
  399. width: 47%;
  400. }
  401. /* Styles for the manage bans section.
  402. ------------------------------------------------- */
  403. .ban_restriction {
  404. margin: 0.2em 0 0.2em 2.2em;
  405. }
  406. .ban_settings {
  407. width: 46%;
  408. }
  409. #manage_bans dl {
  410. margin-bottom: 1em;
  411. }
  412. #manage_bans fieldset dl.settings {
  413. margin-bottom: 0;
  414. }
  415. /* Styles for the manage subscriptions section.
  416. ------------------------------------------------- */
  417. #fixed_area {
  418. width: 97%;
  419. }
  420. ul.pending_payments {
  421. margin: 0;
  422. padding: 0;
  423. }
  424. ul.pending_payments li {
  425. list-style-type: none;
  426. }
  427. /* Styles for the manage permissions section.
  428. ------------------------------------------------- */
  429. .perm_name, .perm_profile, .perm_board {
  430. display: block;
  431. width: 40%;
  432. }
  433. .perm_boards {
  434. padding: 0;
  435. margin: 0 0 0.6em 0;
  436. }
  437. .perm_boards li {
  438. list-style-type: none;
  439. border: 1px solid #cacdd3;
  440. padding: 0.2em;
  441. margin: 1px;
  442. }
  443. .perm_groups {
  444. background-color: #fff;
  445. }
  446. .perm_classic {
  447. margin: 0.2em;
  448. }
  449. .permission_groups {
  450. padding: 0;
  451. margin: 0;
  452. }
  453. .permission_groups li {
  454. list-style-type: none;
  455. padding: 0.2em;
  456. margin: 1px;
  457. }
  458. .perms {
  459. width: 20px;
  460. display: inline-block;
  461. text-align: center;
  462. }
  463. /* Styles for the themes section.
  464. ------------------------------------------------- */
  465. ul.theme_options {
  466. padding: 0;
  467. margin: 0;
  468. }
  469. ul.theme_options li {
  470. list-style: none;
  471. padding: 0.4em;
  472. }
  473. .is_directory {
  474. padding-left: 18px;
  475. background: url(../images/admin/boards.png) no-repeat;
  476. }
  477. .edit_file {
  478. width: 96%;
  479. font-family: monospace;
  480. margin-top: 1ex;
  481. white-space: pre;
  482. }
  483. dl.themes_list {
  484. margin: 0;
  485. }
  486. dl.themes_list dt {
  487. margin-bottom: 3px;
  488. }
  489. dl.themes_list dd {
  490. font-style: italic;
  491. white-space: nowrap;
  492. }
  493. /* Styles for the registration center.
  494. ------------------------------------------------- */
  495. .agreement, .reserved_names {
  496. padding: 0;
  497. }
  498. #agreement, #reserved {
  499. width: 99%;
  500. }
  501. /* Styles for the moderation center.
  502. ------------------------------------------------- */
  503. #modcenter {
  504. display: block;
  505. width: 100%;
  506. }
  507. .modblock_left {
  508. width: 49%;
  509. float: left;
  510. clear: right;
  511. margin: 0 0 1em 0;
  512. }
  513. .modblock_right {
  514. width: 49%;
  515. float: right;
  516. margin: 0 0 1em 0;
  517. }
  518. .modbox {
  519. height: 14em;
  520. overflow: auto;
  521. }
  522. /* Moderation Notes */
  523. ul.moderation_notes {
  524. margin: 0;
  525. padding: 0;
  526. list-style: none;
  527. overflow: auto;
  528. height: 10.2em;
  529. }
  530. ul.moderation_notes li {
  531. padding: 0.2em;
  532. border-bottom: 1px solid #cccccc;
  533. }
  534. .notes {
  535. margin-top: 0.4em;
  536. }
  537. .post_note {
  538. width: 85%;
  539. }
  540. /* Styles for the error log.
  541. ------------------------------------------------- */
  542. h3.grid_header {
  543. height: 25px;
  544. }
  545. #error_log {
  546. width: 100%;
  547. }
  548. #error_log tr.windowbg td, #error_log tr.windowbg2 td {
  549. padding: 8px;
  550. line-height: 160%;
  551. }
  552. #error_log td.half_width {
  553. width: 50%;
  554. }
  555. #error_log td.checkbox_column {
  556. width: 15px;
  557. vertical-align: top;
  558. text-align: center;
  559. }
  560. #error_log td div.marginleft {
  561. margin: 0 0 0 1ex;
  562. }
  563. #manage_boards span.botslice, #manage_maintenance span.botslice, #manage_mail span.botslice {
  564. margin-bottom: 4px;
  565. }
  566. /* Styles for the Report generation
  567. ------------------------------------------------- */
  568. #report_buttons {
  569. min-height: 2em;
  570. padding-left: 0;
  571. padding-bottom: 2px;
  572. }