compat.css 34 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416
  1. /**************************************************************************************************
  2. This file will *attempt* to make themes designed for older versions of SMF usable with SMF 2.0.
  3. Unfortunately, the end result will be far from perfect, in most cases. Therefore, we encourage
  4. theme designers to rebase their themes on either the default or core theme.
  5. **************************************************************************************************/
  6. /* Styles for the general looks of things
  7. ------------------------------------------ */
  8. /* Help popups require a different styling of the body element. */
  9. body#help_popup
  10. {
  11. width: auto;
  12. padding: 1em;
  13. min-width: 0;
  14. }
  15. /* The main content area.
  16. ------------------------------------------------------- */
  17. .content, .roundframe
  18. {
  19. padding: 0.5em 1.2em;
  20. margin: 0;
  21. border: 1px solid #adadad;
  22. color: #000;
  23. background-color: #ecedf3;
  24. }
  25. .content p, .roundframe p
  26. {
  27. margin: 0 0 0.5em 0;
  28. }
  29. .content fieldset
  30. {
  31. border: 2px groove #fff;
  32. padding: 1em;
  33. margin: 0 0 0.3em 0;
  34. }
  35. /* Reset header margins. */
  36. h1, h2, h3, h4, h5, h6
  37. {
  38. font-size: 1em;
  39. margin: 0;
  40. padding: 0;
  41. }
  42. /* Alternative for u tag */
  43. .underline
  44. {
  45. text-decoration: underline;
  46. }
  47. /* Common classes for easy styling.
  48. ------------------------------------------------------- */
  49. .floatright
  50. {
  51. float: right;
  52. }
  53. .floatleft
  54. {
  55. float: left;
  56. }
  57. .flow_auto
  58. {
  59. overflow: auto;
  60. }
  61. .flow_hidden
  62. {
  63. overflow: hidden;
  64. }
  65. .clear
  66. {
  67. clear: both;
  68. }
  69. .clear_left
  70. {
  71. clear: left;
  72. }
  73. .clear_right
  74. {
  75. clear: right;
  76. }
  77. /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
  78. .smalltext, tr.smalltext th
  79. {
  80. font-size: 0.85em;
  81. font-family: verdana, sans-serif;
  82. }
  83. .middletext
  84. {
  85. font-size: 0.9em;
  86. font-family: verdana, sans-serif;
  87. }
  88. .normaltext
  89. {
  90. font-size: 1em;
  91. line-height: 1.2em;
  92. }
  93. .largetext
  94. {
  95. font-size: 1.4em;
  96. }
  97. .centertext
  98. {
  99. margin: 0 auto;
  100. text-align: center;
  101. }
  102. .righttext
  103. {
  104. margin-left: auto;
  105. margin-right: 0;
  106. text-align: right;
  107. }
  108. .lefttext
  109. {
  110. margin-left: 0;
  111. margin-right: auto;
  112. text-align: left;
  113. }
  114. /* some common padding styles */
  115. .padding
  116. {
  117. padding: 0.7em;
  118. }
  119. .main_section, .lower_padding
  120. {
  121. padding-bottom: 0.5em;
  122. }
  123. /* a quick reset list class. */
  124. ul.reset, ul.reset li
  125. {
  126. padding: 0;
  127. margin: 0;
  128. list-style: none;
  129. }
  130. /* the page navigation area */
  131. .pagesection
  132. {
  133. font-size: 0.9em;
  134. padding: 0.5em;
  135. overflow: hidden;
  136. }
  137. .pagesection .pagelinks
  138. {
  139. padding: 0.5em 0;
  140. }
  141. /* GenericList */
  142. table.table_grid thead tr.catbg th.smalltext
  143. {
  144. white-space: nowrap;
  145. }
  146. .custom_fields_above_signature
  147. {
  148. clear: right;
  149. padding: 1em 0 3px 0;
  150. width: 98%;
  151. border-top: 1px solid #666;
  152. line-height: 1.4em;
  153. font-size: 0.85em;
  154. }
  155. /* Semantic classes introduced per RC2, used as alternatives for .windowbg and .windowbg2
  156. ------------------------------------------------------------------------------------------ */
  157. .description
  158. {
  159. padding: 1em;
  160. font-size: 0.9em;
  161. line-height: 1.5em;
  162. border: 1px solid #bbb;
  163. background: #f5f5f0;
  164. margin: 0 0 1em 0;
  165. }
  166. .information
  167. {
  168. padding: 0.5em 1em;
  169. font-size: 0.9em;
  170. line-height: 1.5em;
  171. border: 1px solid #bbb;
  172. background: #f0f6f0;
  173. margin: 0 0 1em 0;
  174. }
  175. .information p
  176. {
  177. padding: 1em;
  178. margin: 0;
  179. }
  180. /* Lists with settings use these a lot.
  181. ------------------------------------------------------- */
  182. dl.settings
  183. {
  184. clear: right;
  185. overflow: auto;
  186. margin: 0 0 10px 0;
  187. padding: 0;
  188. }
  189. dl.settings dt
  190. {
  191. width: 48%;
  192. float: left;
  193. margin: 0 0 10px 0;
  194. padding: 0;
  195. clear: both;
  196. }
  197. dl.settings dt.settings_title
  198. {
  199. width: 100%;
  200. float: none;
  201. margin: 0 0 10px 0;
  202. padding: 5px 0 0 0;
  203. font-weight: bold;
  204. clear: both;
  205. }
  206. dl.settings dt.windowbg
  207. {
  208. width: 98%;
  209. float: left;
  210. margin: 0 0 3px 0;
  211. padding: 0 0 5px 0;
  212. clear: both;
  213. }
  214. dl.settings dd
  215. {
  216. width: 48%;
  217. float: left;
  218. margin: 0 0 3px 0;
  219. padding: 0;
  220. }
  221. dl.settings img
  222. {
  223. margin: 0 10px 0 0;
  224. }
  225. /* Styles for a very basic dropdown menu implementation.
  226. ------------------------------------------------------- */
  227. div#admin_menu
  228. {
  229. margin: 1em 0 0 0;
  230. }
  231. ul.dropmenu, ul.dropmenu li ul
  232. {
  233. margin: 0;
  234. padding: 0;
  235. list-style: none;
  236. }
  237. ul.dropmenu
  238. {
  239. margin: 0 0 0 15px;
  240. }
  241. ul.dropmenu li
  242. {
  243. position: relative;
  244. float: left;
  245. padding-right: 4px;
  246. text-transform: uppercase;
  247. }
  248. ul.dropmenu li a.firstlevel
  249. {
  250. margin: 0;
  251. padding: 5px;
  252. cursor: default;
  253. font-size: x-small;
  254. color: #000;
  255. background: #f0f0f0;
  256. border: 1px solid #818181;
  257. text-decoration: none;
  258. }
  259. ul.dropmenu li a.active
  260. {
  261. padding-left: 3px;
  262. }
  263. ul.dropmenu li a.active.firstlevel
  264. {
  265. background: #819db5;
  266. color: #fff;
  267. }
  268. ul.dropmenu li ul li
  269. {
  270. background: none;
  271. width: 14em;
  272. float: none;
  273. margin: 0;
  274. padding: 0;
  275. }
  276. ul.dropmenu li ul
  277. {
  278. margin: 5px 0 0 0;
  279. z-index: 90;
  280. display: none;
  281. position: absolute;
  282. top: 100%;
  283. border: 1px solid #808080;
  284. background: #f8f8fb;
  285. }
  286. ul.dropmenu li ul li ul, ul.dropmenu li ul li.over ul
  287. {
  288. display: none;
  289. position: absolute;
  290. left: -999em;
  291. top: 0;
  292. border: 1px solid #a0a0a0;
  293. background: #fff;
  294. }
  295. ul.dropmenu li ul li a
  296. {
  297. display: block;
  298. padding: 5px;
  299. font-size: x-small;
  300. text-decoration: none;
  301. background: none;
  302. text-transform: none;
  303. color: #000;
  304. }
  305. ul.dropmenu li ul li a.active
  306. {
  307. font-weight: bold;
  308. }
  309. ul.dropmenu li ul li a:hover, #dropmenu ul li ul li:hover
  310. {
  311. background: #c8e2fb;
  312. }
  313. ul.dropmenu li:hover ul, ul.dropmenu li.over ul
  314. {
  315. display: block;
  316. }
  317. ul.dropmenu li ul li:hover ul, ul.dropmenu li ul li.over ul
  318. {
  319. display: block;
  320. left: 13em;
  321. }
  322. /* The dropdown menu toggle image */
  323. #menu_toggle
  324. {
  325. float: right;
  326. margin-right: 10px;
  327. padding-top: 3px;
  328. }
  329. #menu_toggle span
  330. {
  331. position: relative;
  332. right: 5000px;
  333. }
  334. .generic_tab_strip
  335. {
  336. margin: 0 1em 2em;
  337. }
  338. .generic_tab_strip .buttonlist
  339. {
  340. float: left !important;
  341. }
  342. /* The linktree.
  343. ----------------- */
  344. ul.linktree
  345. {
  346. clear: both;
  347. list-style: none;
  348. margin: 1.5em 0.5em 0.5em 0.5em;
  349. padding: 0;
  350. }
  351. ul.linktree li
  352. {
  353. margin: 0;
  354. padding: 0;
  355. display: inline;
  356. font-size: 0.8em;
  357. }
  358. ul.linktree li a
  359. {
  360. color: #000;
  361. }
  362. ul.linktree li a:hover
  363. {
  364. color: #cc3333;
  365. }
  366. ul.linktree li span
  367. {
  368. font-weight: bold;
  369. }
  370. /* Styles for a typical table.
  371. ------------------------------------------------------- */
  372. table.table_list
  373. {
  374. width: 100%;
  375. }
  376. table.table_list p
  377. {
  378. padding: 0;
  379. margin: 0;
  380. }
  381. table.table_list td,table.table_list th
  382. {
  383. padding: 5px;
  384. }
  385. table.table_list tbody.header td
  386. {
  387. padding: 0;
  388. }
  389. table.table_list tbody.content td.stats
  390. {
  391. font-size: 90%;
  392. width: 15%;
  393. text-align: center;
  394. }
  395. table.table_list tbody.content td.lastpost
  396. {
  397. line-height: 1.2em;
  398. font-size: 85%;
  399. width: 24%;
  400. }
  401. table.table_list tbody.content td.icon
  402. {
  403. text-align: center;
  404. width: 6%;
  405. }
  406. /* Styles for headers used in Curve templates.
  407. ------------------------------------------------------- */
  408. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, div.titlebg, .table_list tbody.header td
  409. {
  410. overflow: hidden;
  411. line-height: 2em;
  412. font-weight: bold;
  413. }
  414. h3.titlebg, h4.titlebg, h3.catbg, h4.catbg
  415. {
  416. border-left: 1px solid #adadad;
  417. border-right: 1px solid #adadad;
  418. }
  419. h3.titlebg, h4.catbg
  420. {
  421. padding: 0 0 0 0.5em;
  422. }
  423. h3.catbg img.icon, div.titlebg img.icon, h3.catbg img
  424. {
  425. float: left;
  426. margin: 5px 8px 0 0;
  427. }
  428. h4.catbg a.toggle img
  429. {
  430. vertical-align: middle;
  431. margin: -2px 5px 0 5px;
  432. }
  433. /* Styles for the board index.
  434. ------------------------------------------------- */
  435. p#stats
  436. {
  437. text-align: right;
  438. }
  439. h3#newsfader
  440. {
  441. font-size: 1em;
  442. }
  443. #smfNewsFader
  444. {
  445. font-weight: bold;
  446. line-height: 1.4em;
  447. padding: 1em;
  448. font-size: 1em;
  449. text-align: center;
  450. }
  451. #upshrink_ic
  452. {
  453. margin-right: 2ex;
  454. text-align: right;
  455. }
  456. .categoryframe
  457. {
  458. margin-top: 0.4em;
  459. }
  460. .categoryframe h3
  461. {
  462. margin: 0;
  463. }
  464. table.boardsframe
  465. {
  466. width: 100%;
  467. }
  468. table.boardsframe td.icon
  469. {
  470. text-align: center;
  471. padding: 0.5em;
  472. width: 6%;
  473. }
  474. table.boardsframe td.info
  475. {
  476. width: 60%;
  477. padding: 0;
  478. }
  479. table.boardsframe td.info h4
  480. {
  481. padding: 0.4em 0.4em 0 0.4em;
  482. margin: 0;
  483. }
  484. table.boardsframe td.info p
  485. {
  486. padding: 0 0.4em 0.5em 0.4em;
  487. margin: 0;
  488. }
  489. table.boardsframe td.info p.moderators
  490. {
  491. font-size: 0.8em;
  492. font-family: verdana, sans-serif;
  493. }
  494. table.boardsframe td.stats
  495. {
  496. width: 8%;
  497. vertical-align: middle;
  498. text-align: center;
  499. }
  500. table.boardsframe td.lastpost
  501. {
  502. width: 20%;
  503. vertical-align: top;
  504. padding: 0.5em;
  505. }
  506. #posticons
  507. {
  508. clear: both;
  509. width: 100%;
  510. }
  511. #posticons .buttonlist
  512. {
  513. margin-right: 1em;
  514. float: right;
  515. }
  516. /* the newsfader */
  517. #smfFadeScroller
  518. {
  519. text-align: center;
  520. overflow: auto;
  521. color: #000000; /* shouldn't be shorthand style due to JS bug in IE! */
  522. }
  523. /* Styles for the info center on the board index.
  524. ---------------------------------------------------- */
  525. #infocenterframe
  526. {
  527. margin-top: 2em;
  528. clear: both;
  529. }
  530. /* each section in infocenter has this class */
  531. .infocenter_section
  532. {
  533. clear: both;
  534. }
  535. .infocenter_section p.section
  536. {
  537. display: block;
  538. margin: 0;
  539. width: 30px;
  540. text-align: center;
  541. float: left;
  542. padding: 0.5em 0 0 0;
  543. }
  544. .infocenter_section div.sectionbody
  545. {
  546. margin-left: 30px;
  547. padding: 0.3em;
  548. border-left: 1px solid #a0a0a0;
  549. min-height: 25px;
  550. height: auto !important;
  551. }
  552. /* recent posts - or just one recent post */
  553. dl#infocenter_recentposts
  554. {
  555. float: left;
  556. width: 100%;
  557. padding: 0;
  558. margin: 0;
  559. }
  560. dl#infocenter_recentposts dt
  561. {
  562. clear: left;
  563. float: left;
  564. padding: 0.1em;
  565. width: 68%;
  566. white-space: nowrap;
  567. overflow: hidden;
  568. }
  569. dl#infocenter_recentposts dd
  570. {
  571. clear: right;
  572. float: right;
  573. padding: 0.1em;
  574. width: 25%;
  575. text-align: right;
  576. white-space: nowrap;
  577. overflow: hidden;
  578. }
  579. /* login form */
  580. form#infocenter_login ul.horizlist label
  581. {
  582. white-space: nowrap;
  583. font-size: 90%;
  584. font-weight: bold;
  585. }
  586. /* Styles for the message (topic) index.
  587. ---------------------------------------------------- */
  588. #childboards table
  589. {
  590. width: 100%;
  591. }
  592. .modbuttons
  593. {
  594. clear: both;
  595. width: 100%;
  596. }
  597. .buttonlist, .buttonlist_bottom
  598. {
  599. margin-right: 1em;
  600. float: right;
  601. }
  602. #messageindex td.icon1, #messageindex td.icon2
  603. {
  604. text-align: center;
  605. padding: 0.5em;
  606. width: 5%;
  607. }
  608. #messageindex td.subject
  609. {
  610. padding: 0.5em;
  611. }
  612. #messageindex td.starter
  613. {
  614. text-align: center;
  615. padding: 0.5em;
  616. width: 14%;
  617. }
  618. #messageindex td.replies
  619. {
  620. text-align: center;
  621. padding: 0.5em;
  622. width: 4%;
  623. }
  624. #messageindex td.views
  625. {
  626. text-align: center;
  627. padding: 0.5em;
  628. width: 4%;
  629. }
  630. #messageindex td.lastpost
  631. {
  632. padding: 0.5em;
  633. width: 22%;
  634. }
  635. #messageindex td.moderation
  636. {
  637. text-align: center;
  638. padding: 0.5em;
  639. width: 4%;
  640. }
  641. #topic_icons p
  642. {
  643. display: block;
  644. padding: 0.5em 0.5em 0.1em 0.5em;
  645. margin: 0;
  646. border-bottom: none;
  647. font-weight: normal !important;
  648. }
  649. #topic_icons ul
  650. {
  651. display: block;
  652. padding: 0.5em 1em 0.1em 1em;
  653. margin: 0;
  654. border-bottom: none;
  655. font-weight: normal !important;
  656. }
  657. #message_index_jump_to
  658. {
  659. margin: 2em 4em 0 2em;
  660. }
  661. .lastpost img
  662. {
  663. float: right;
  664. }
  665. /* Styles for the display template (topic view).
  666. ---------------------------------------------------- */
  667. .linked_events
  668. {
  669. clear: both;
  670. margin: 1em 0;
  671. }
  672. .linked_events .edit_event
  673. {
  674. color: #f00;
  675. }
  676. #moderationbuttons
  677. {
  678. margin-left: 0.5em;
  679. }
  680. #postbuttons .nav, #postbuttons_lower .nav
  681. {
  682. margin: 0.5em 0.5em 0 0;
  683. text-align: right;
  684. }
  685. #postbuttons_lower .nav
  686. {
  687. margin: 0 0.5em 0.5em 0;
  688. }
  689. #postbuttons, #postbuttons_lower
  690. {
  691. text-align: right;
  692. }
  693. /* Poll question */
  694. h4#pollquestion
  695. {
  696. padding: 1em 0 1em 2em;
  697. }
  698. /* Poll vote options */
  699. #poll_options ul.options
  700. {
  701. border-top: 1px solid #696969;
  702. padding: 1em 2.5em 0 2em;
  703. margin: 0 0 1em 0;
  704. }
  705. #poll_options div.submitbutton
  706. {
  707. clear: both;
  708. padding: 0 0 1em 2em;
  709. }
  710. #poll_options div.submitbutton.border
  711. {
  712. border-bottom: 1px solid #696969;
  713. margin: 0 0 1em 0;
  714. }
  715. /* Poll results */
  716. #poll_options dl.options
  717. {
  718. border: solid #696969;
  719. border-width: 1px 0;
  720. padding: 1em 2.5em 0 2em;
  721. margin: 0 0 1em 0;
  722. }
  723. #poll_options dl.options dt.voted
  724. {
  725. font-weight: bold;
  726. }
  727. #poll_options dl.options dd
  728. {
  729. margin: 0.5em 0 1em 0;
  730. }
  731. /* Poll notices */
  732. #poll_options p
  733. {
  734. margin: 0 1.5em 0.2em 1.5em;
  735. padding: 0 0.5em 0.5em 0.5em;
  736. }
  737. div#pollmoderation
  738. {
  739. margin: -1em 0 0 2em;
  740. padding: 0;
  741. }
  742. .approve_post
  743. {
  744. margin: 2ex;
  745. padding: 1ex;
  746. border: 2px dashed #cc3344;
  747. color: #000;
  748. font-weight: bold;
  749. }
  750. #forumposts h3.catbg3
  751. {
  752. font-weight: normal;
  753. padding: 0.4em;
  754. overflow: hidden;
  755. }
  756. #forumposts h3.catbg3 img
  757. {
  758. float: left;
  759. vertical-align: middle;
  760. }
  761. #forumposts h3.catbg3 span
  762. {
  763. float: left;
  764. padding-left: 2%;
  765. }
  766. #forumposts h3.catbg3 span#top_subject
  767. {
  768. padding-left: 9.5em;
  769. }
  770. .poster
  771. {
  772. width: 15em;
  773. float: left;
  774. }
  775. .post
  776. {
  777. clear: right;
  778. }
  779. .postarea
  780. {
  781. margin-left: 16em;
  782. }
  783. .messageicon
  784. {
  785. float: left;
  786. margin: 0 0.5em 0.5em 0;
  787. }
  788. .messageicon img
  789. {
  790. padding: 6px 3px;
  791. }
  792. .keyinfo
  793. {
  794. float: left;
  795. clear: none;
  796. width: 50%;
  797. min-height: 3em;
  798. }
  799. ul.postingbuttons
  800. {
  801. float: right;
  802. padding: 0 0.5em 0 0;
  803. }
  804. ul.postingbuttons li
  805. {
  806. float: left;
  807. margin: 0 0.5em 0 0;
  808. }
  809. .modifybutton
  810. {
  811. float: right;
  812. margin: 0 0.5em 0.5em 0;
  813. }
  814. .attachments hr
  815. {
  816. clear: both;
  817. margin: 1em 0 1em 0;
  818. }
  819. .attachments
  820. {
  821. padding-top: 1em;
  822. }
  823. .postfooter
  824. {
  825. margin-left: 16em;
  826. }
  827. .topborder
  828. {
  829. border-top: 1px solid #bbb;
  830. }
  831. .moderatorbar
  832. {
  833. clear: right;
  834. margin: 1em 0 0 16em;
  835. }
  836. #pollmoderation, #moderationbuttons_strip
  837. {
  838. float: left;
  839. }
  840. /* Styles for the quick reply area.
  841. ---------------------------------------------------- */
  842. #quickReplyOptions #quickReplyWarning
  843. {
  844. border: none;
  845. text-align: left;
  846. margin: 0;
  847. width: 25%;
  848. float: left;
  849. }
  850. #quickReplyOptions #quickReplyContent
  851. {
  852. text-align: right;
  853. float: left;
  854. width: 67.5%;
  855. padding: 1em;
  856. border-left: 1px solid #aaa;
  857. }
  858. #quickReplyOptions #quickReplyContent textarea, #quickReplyOptions #quickReplyContent input
  859. {
  860. margin-bottom: .5em;
  861. }
  862. #quickReplyWarning
  863. {
  864. width: 20%;
  865. float: left;
  866. padding: 0.5em 1em;
  867. }
  868. #quickReplyContent
  869. {
  870. width: 75%;
  871. float: right;
  872. padding: 0.5em 0;
  873. }
  874. #quickReplyOptions .roundframe
  875. {
  876. overflow: hidden;
  877. }
  878. /* The jump to box */
  879. #display_jump_to
  880. {
  881. clear: both;
  882. padding: 5px;
  883. }
  884. /* Separator of posts. More useful in the print stylesheet. */
  885. #forumposts .post_separator
  886. {
  887. display: none;
  888. }
  889. /* Styles for edit post section
  890. ---------------------------------------------------- */
  891. form#postmodify .roundframe
  892. {
  893. padding: 0 12%;
  894. }
  895. #post_header
  896. {
  897. margin-bottom: 0.5em;
  898. border-bottom: 1px solid #666;
  899. padding: 0.5em;
  900. overflow: hidden;
  901. }
  902. #post_header dt
  903. {
  904. float: left;
  905. margin: 0;
  906. padding: 0;
  907. width: 15%;
  908. margin: .3em 0;
  909. font-weight: bold;
  910. }
  911. #post_header dd
  912. {
  913. float: left;
  914. margin: 0;
  915. padding: 0;
  916. width: 83%;
  917. margin: .3em 0;
  918. }
  919. #post_header img
  920. {
  921. vertical-align: middle;
  922. }
  923. ul.post_options
  924. {
  925. margin: 0 0 0 1em;
  926. padding: 0;
  927. list-style: none;
  928. overflow: hidden;
  929. }
  930. ul.post_options li
  931. {
  932. margin: 0.2em 0;
  933. width: 49%;
  934. float: left;
  935. }
  936. #postAdditionalOptionsHeader
  937. {
  938. margin-top: 1em;
  939. }
  940. #postMoreOptions
  941. {
  942. border-bottom: 1px solid #666;
  943. padding: 0.5em;
  944. }
  945. #postAttachment, #postAttachment2
  946. {
  947. overflow: hidden;
  948. margin: .5em 0;
  949. padding: 0;
  950. border-bottom: 1px solid #666;
  951. padding: 0.5em;
  952. }
  953. #postAttachment dd, #postAttachment2 dd
  954. {
  955. margin: .3em 0 .3em 1em;
  956. }
  957. #postAttachment dt, #postAttachment2 dt
  958. {
  959. font-weight: bold;
  960. }
  961. #postAttachment3
  962. {
  963. margin-left: 1em;
  964. }
  965. #post_confirm_strip, #shortcuts
  966. {
  967. padding: 1em 0 0 0;
  968. }
  969. .post_verification
  970. {
  971. margin-top: .5em;
  972. }
  973. .post_verification #verification_control
  974. {
  975. margin: .3em 0 .3em 1em;
  976. }
  977. /* The BBC buttons */
  978. #bbcBox_message
  979. {
  980. margin: 1em 0 0.5em 0;
  981. }
  982. #bbcBox_message div
  983. {
  984. margin: 0.2em 0;
  985. vertical-align: top;
  986. }
  987. #bbcBox_message div img
  988. {
  989. margin: 0 1px 0 0;
  990. vertical-align: top;
  991. }
  992. #bbcBox_message select
  993. {
  994. margin: 0 2px;
  995. }
  996. /* The smiley strip */
  997. #smileyBox_message
  998. {
  999. margin: 0.75em 0 0.5em 0;
  1000. }
  1001. /* Styles for edit event section
  1002. ---------------------------------------------------- */
  1003. #post_event .roundframe
  1004. {
  1005. padding: 1% 12%;
  1006. }
  1007. #post_event fieldset
  1008. {
  1009. margin-bottom: 0.5em;
  1010. border: none;
  1011. border-bottom: 1px solid #666;
  1012. padding: 0.5em;
  1013. clear: both;
  1014. }
  1015. #post_event legend
  1016. {
  1017. font-weight: bold;
  1018. color: #000;
  1019. }
  1020. #post_event div.event_options
  1021. {
  1022. width: 49%;
  1023. float: left;
  1024. }
  1025. #post_event ul.event_main, ul.event_options
  1026. {
  1027. padding: 0;
  1028. overflow: hidden;
  1029. }
  1030. #post_event ul.event_main li
  1031. {
  1032. list-style-type: none;
  1033. margin: 0.2em 0;
  1034. width: 49%;
  1035. float: left;
  1036. }
  1037. #post_event ul.event_options
  1038. {
  1039. margin: 0;
  1040. padding: 0 0 .7em .7em;
  1041. }
  1042. #post_event ul.event_options li
  1043. {
  1044. list-style-type: none;
  1045. margin: 0.3em 0 0 0;
  1046. }
  1047. /* Styles for edit poll section.
  1048. ---------------------------------------------------- */
  1049. #edit_poll fieldset
  1050. {
  1051. margin-bottom: 0.5em;
  1052. border: none;
  1053. border-bottom: 1px solid #666;
  1054. padding: 0.5em;
  1055. clear: both;
  1056. }
  1057. #edit_poll legend
  1058. {
  1059. font-weight: bold;
  1060. color: #000;
  1061. }
  1062. #edit_poll ul.poll_main, dl.poll_options
  1063. {
  1064. overflow: hidden;
  1065. padding: 0 0 0 .7em;
  1066. list-style: none;
  1067. }
  1068. #edit_poll ul.poll_main li
  1069. {
  1070. margin: 0.2em 0;
  1071. }
  1072. #edit_poll dl.poll_options dt
  1073. {
  1074. width: 35%;
  1075. }
  1076. #edit_poll dl.poll_options dd
  1077. {
  1078. width: 63%;
  1079. }
  1080. /* Styles for the recent messages section.
  1081. ---------------------------------------------------- */
  1082. .readbuttons
  1083. {
  1084. clear: both;
  1085. width: 100%;
  1086. }
  1087. .buttonlist, .buttonlist_bottom
  1088. {
  1089. margin-right: 1em;
  1090. float: right;
  1091. }
  1092. /* Styles for the move topic section.
  1093. ---------------------------------------------------- */
  1094. #move_topic dl
  1095. {
  1096. margin-bottom: 0;
  1097. }
  1098. .move_topic
  1099. {
  1100. width: 710px;
  1101. margin: auto;
  1102. text-align: left;
  1103. }
  1104. div.move_topic fieldset
  1105. {
  1106. margin: 0.5em 0;
  1107. border: 1px solid #cacdd3;
  1108. padding: 0.5em;
  1109. }
  1110. /* Styles for the send topic section.
  1111. ---------------------------------------------------- */
  1112. fieldset.send_topic
  1113. {
  1114. margin-bottom: 0.5em;
  1115. border: none;
  1116. padding: 0.5em;
  1117. }
  1118. dl.send_topic
  1119. {
  1120. margin-bottom: 0;
  1121. }
  1122. dl.send_mail dt
  1123. {
  1124. width: 35%;
  1125. }
  1126. dl.send_mail dd
  1127. {
  1128. width: 64%;
  1129. }
  1130. /* Styles for the split topic section.
  1131. ---------------------------------------------------- */
  1132. div#selected, div#not_selected
  1133. {
  1134. width: 49%;
  1135. }
  1136. ul.split_messages li.windowbg, ul.split_messages li.windowbg2
  1137. {
  1138. border: 1px solid #adadad;
  1139. padding: 1em;
  1140. margin: 1px;
  1141. }
  1142. ul.split_messages li a.split_icon
  1143. {
  1144. padding: 0 0.5em;
  1145. }
  1146. ul.split_messages div.post
  1147. {
  1148. padding: 1em 0 0 0;
  1149. border-top: 1px solid #fff;
  1150. }
  1151. /* Styles for the merge topic section.
  1152. ---------------------------------------------------- */
  1153. ul.merge_topics li
  1154. {
  1155. list-style-type: none;
  1156. }
  1157. dl.merge_topic dt
  1158. {
  1159. width: 25%;
  1160. }
  1161. dl.merge_topic dd
  1162. {
  1163. width: 74%;
  1164. }
  1165. fieldset.merge_options
  1166. {
  1167. margin-bottom: 0.5em;
  1168. }
  1169. fieldset.merge_options legend
  1170. {
  1171. font-weight: bold;
  1172. }
  1173. .custom_subject
  1174. {
  1175. margin: 0.5em 0;
  1176. }
  1177. /* Styles for the login areas.
  1178. ------------------------------------------------------- */
  1179. .login
  1180. {
  1181. width: 540px;
  1182. margin: 0 auto;
  1183. }
  1184. .login dl
  1185. {
  1186. overflow: auto;
  1187. clear: right;
  1188. }
  1189. .login dt, .login dd
  1190. {
  1191. margin: 0 0 0.4em 0;
  1192. width: 44%;
  1193. padding: 0.1em;
  1194. }
  1195. .login dt
  1196. {
  1197. float: left;
  1198. clear: both;
  1199. text-align: right;
  1200. font-weight: bold;
  1201. }
  1202. .login dd
  1203. {
  1204. width: 54%;
  1205. float: right;
  1206. text-align: left;
  1207. }
  1208. .login p
  1209. {
  1210. text-align: center;
  1211. }
  1212. .login h3 img
  1213. {
  1214. float: left;
  1215. margin: 4px 0.5em 0 0;
  1216. }
  1217. /* Styles for the registration section.
  1218. ------------------------------------------------------- */
  1219. .register_error
  1220. {
  1221. border: 1px dashed red;
  1222. padding: 5px;
  1223. margin: 0 1ex 1ex 1ex;
  1224. }
  1225. .register_error span
  1226. {
  1227. text-decoration: underline;
  1228. }
  1229. /* Additional profile fields */
  1230. dl.register_form
  1231. {
  1232. margin: 0;
  1233. clear: right;
  1234. overflow: auto;
  1235. }
  1236. dl.register_form dt
  1237. {
  1238. font-weight: normal;
  1239. float: left;
  1240. clear: both;
  1241. width: 50%;
  1242. margin: 0.5em 0 0 0;
  1243. }
  1244. dl.register_form dt strong
  1245. {
  1246. font-weight: bold;
  1247. }
  1248. dl.register_form dt span
  1249. {
  1250. display: block;
  1251. }
  1252. dl.register_form dd
  1253. {
  1254. float: left;
  1255. width: 49%;
  1256. margin: 0.5em 0 0 0;
  1257. }
  1258. #confirm_buttons
  1259. {
  1260. text-align: center;
  1261. padding: 1em 0;
  1262. }
  1263. .coppa_contact
  1264. {
  1265. padding: 4px;
  1266. width: 32ex;
  1267. background-color: #fff;
  1268. color: #000;
  1269. margin-left: 5ex;
  1270. border: 1px solid #000;
  1271. }
  1272. /* Styles for maintenance mode.
  1273. ------------------------------------------------------- */
  1274. #maintenance_mode
  1275. {
  1276. width: 75%;
  1277. min-width: 520px;
  1278. text-align: left;
  1279. }
  1280. #maintenance_mode img.floatleft
  1281. {
  1282. margin-right: 1em;
  1283. }
  1284. /* common for all admin sections */
  1285. h3.titlebg img
  1286. {
  1287. vertical-align: middle;
  1288. margin-right: 0.5em;
  1289. }
  1290. tr.titlebg td
  1291. {
  1292. padding-left: 0.7em;
  1293. }
  1294. #admin_menu
  1295. {
  1296. min-height: 2em;
  1297. padding-left: 0;
  1298. }
  1299. #admin_content
  1300. {
  1301. clear: left;
  1302. }
  1303. #admin_login .centertext
  1304. {
  1305. padding: 1em;
  1306. }
  1307. #admin_login .centertext .error
  1308. {
  1309. padding: 0 0 1em 0;
  1310. }
  1311. /* Styles for sidebar menus.
  1312. ------------------------------------------------------- */
  1313. .left_admmenu, .left_admmenu ul, .left_admmenu li
  1314. {
  1315. padding: 0;
  1316. margin: 0;
  1317. list-style: none;
  1318. }
  1319. #left_admsection
  1320. {
  1321. background-color: #ecedf3;
  1322. padding: 1px;
  1323. border: 1px solid #ADADAD;
  1324. width: 160px;
  1325. float: left;
  1326. margin-right: 10px;
  1327. }
  1328. .adm_section h4.titlebg
  1329. {
  1330. font-size: 95%;
  1331. margin-bottom: 5px;
  1332. }
  1333. .left_admmenu li
  1334. {
  1335. padding: 0 0 0 0.5em;
  1336. }
  1337. .left_admmenu
  1338. {
  1339. margin-bottom: 1.1em;
  1340. }
  1341. #main_admsection
  1342. {
  1343. margin-left: 174px;
  1344. }
  1345. tr.windowbg td, tr.windowbg2 td
  1346. {
  1347. padding: 0.3em 0.7em;
  1348. }
  1349. #credits p
  1350. {
  1351. padding: 0;
  1352. font-style: italic;
  1353. margin: 0;
  1354. }
  1355. /* Styles for generic tables.
  1356. ------------------------------------------------------- */
  1357. .topic_table table
  1358. {
  1359. width: 100%;
  1360. }
  1361. .topic_table .icon1, .topic_table .icon2, .topic_table .stats
  1362. {
  1363. text-align: center;
  1364. }
  1365. #topic_icons
  1366. {
  1367. margin-top: 1em;
  1368. }
  1369. #topic_icons .description
  1370. {
  1371. margin: 0;
  1372. }
  1373. .topic_table table thead
  1374. {
  1375. border-bottom: 1px solid #fff;
  1376. }
  1377. /* the subject column */
  1378. .topic_table td
  1379. {
  1380. font-size: 1em;
  1381. }
  1382. .topic_table td.subject
  1383. {
  1384. padding: 4px;
  1385. }
  1386. .topic_table td.subject p, .topic_table td.stats, .topic_table td.lastpost
  1387. {
  1388. font-size: 0.85em;
  1389. padding: 0;
  1390. margin: 0;
  1391. }
  1392. .topic_table td.lastpost, .topic_table td.lastpost
  1393. {
  1394. font-size: 0.9em;
  1395. line-height: 100%;
  1396. padding: 4px;
  1397. }
  1398. .topic_table td.stickybg2
  1399. {
  1400. background-image: url(../images/icons/quick_sticky.png);
  1401. background-repeat: no-repeat;
  1402. background-position: 98% 4px;
  1403. }
  1404. .topic_table td.lockedbg2
  1405. {
  1406. background-image: url(../images/icons/quick_lock.png);
  1407. background-repeat: no-repeat;
  1408. background-position: 98% 4px;
  1409. }
  1410. .topic_table td.lastpost
  1411. {
  1412. background-image: none;
  1413. }
  1414. /* Styles for (fatal) errors.
  1415. ------------------------------------------------- */
  1416. #fatal_error
  1417. {
  1418. border: 1px solid #aaa;
  1419. }
  1420. .errorbox
  1421. {
  1422. padding: 1em;
  1423. border: 1px solid #cc3344;
  1424. color: #000;
  1425. background-color: #ffe4e9;
  1426. margin: 1em 0;
  1427. }
  1428. .errorbox h3
  1429. {
  1430. padding: 0;
  1431. margin: 0;
  1432. font-size: 1.1em;
  1433. text-decoration: underline;
  1434. }
  1435. .errorbox p
  1436. {
  1437. margin: 1em 0 0 0;
  1438. }
  1439. .errorbox p.alert
  1440. {
  1441. padding: 0;
  1442. margin: 0;
  1443. float: left;
  1444. width: 1em;
  1445. font-size: 1.5em;
  1446. }
  1447. /* Styles for the profile section.
  1448. ------------------------------------------------- */
  1449. dl
  1450. {
  1451. overflow: auto;
  1452. margin: 0;
  1453. padding: 0;
  1454. }
  1455. /* Fixes for the core theme */
  1456. #profileview
  1457. {
  1458. padding: 1px;
  1459. border: 1px solid #696969;
  1460. background-color: #ecedf3;
  1461. }
  1462. #profileview .content
  1463. {
  1464. border: none;
  1465. }
  1466. #basicinfo .content
  1467. {
  1468. padding: 1em;
  1469. }
  1470. #detailedinfo .content
  1471. {
  1472. padding: 0.7em 1.2em;
  1473. border-left: 1px solid #aaa;
  1474. }
  1475. /* The basic user info on the left */
  1476. #basicinfo
  1477. {
  1478. width: 20%;
  1479. float: left;
  1480. }
  1481. #detailedinfo
  1482. {
  1483. width: 78%;
  1484. float: right;
  1485. }
  1486. #basicinfo h4
  1487. {
  1488. font-size: 135%;
  1489. font-weight: 100;
  1490. line-height: 105%;
  1491. white-space: pre-wrap; /* css-2.1 */
  1492. word-wrap: break-word; /* Internet Explorer 5.5+ */
  1493. overflow: hidden;
  1494. }
  1495. #basicinfo h4 span.position
  1496. {
  1497. font-size: 80%;
  1498. font-weight: 100;
  1499. display: block;
  1500. }
  1501. #basicinfo img.avatar
  1502. {
  1503. display: block;
  1504. margin: 10px 0 0 0;
  1505. }
  1506. #basicinfo ul
  1507. {
  1508. list-style-type: none;
  1509. margin: 10px 0 0 0;
  1510. }
  1511. #basicinfo ul li
  1512. {
  1513. display: block;
  1514. float: left;
  1515. margin-right: 5px;
  1516. height: 20px;
  1517. }
  1518. #basicinfo span#userstatus
  1519. {
  1520. display: block;
  1521. clear: both;
  1522. }
  1523. #basicinfo span#userstatus img
  1524. {
  1525. vertical-align: middle;
  1526. }
  1527. #detailedinfo div.content dl, #tracking div.content dl
  1528. {
  1529. clear: right;
  1530. overflow: auto;
  1531. margin: 0 0 18px 0;
  1532. padding: 0 0 15px 0;
  1533. border-bottom: 1px solid #ccc;
  1534. }
  1535. #detailedinfo div.content dt, #tracking div.content dt
  1536. {
  1537. width: 30%;
  1538. float: left;
  1539. margin: 0 0 3px 0;
  1540. padding: 0;
  1541. font-weight: bold;
  1542. clear: both;
  1543. }
  1544. #detailedinfo div.content dd, #tracking div.content dd
  1545. {
  1546. width: 70%;
  1547. float: left;
  1548. margin: 0 0 3px 0;
  1549. padding: 0;
  1550. }
  1551. #detailedinfo div.content dl.noborder
  1552. {
  1553. border-bottom: 0;
  1554. }
  1555. #detailedinfo div.content dt.clear
  1556. {
  1557. width: 100%;
  1558. }
  1559. .signature, .custom_fields_above_signature, .attachments
  1560. {
  1561. width: 98%;
  1562. overflow: auto;
  1563. clear: right;
  1564. border-top: 1px solid #666;
  1565. }
  1566. .signature h5
  1567. {
  1568. font-size: 100%;
  1569. margin-bottom: 10px;
  1570. }
  1571. #personal_picture
  1572. {
  1573. display: block;
  1574. margin-bottom: 0.3em;
  1575. }
  1576. #avatar_server_stored div
  1577. {
  1578. float: left;
  1579. }
  1580. #main_admsection #basicinfo, #main_admsection #detailedinfo
  1581. {
  1582. width: 100%;
  1583. }
  1584. #main_admsection #detailedinfo .content
  1585. {
  1586. border: none !important;
  1587. }
  1588. #main_admsection #basicinfo
  1589. {
  1590. border-bottom: 1px solid #ccc;
  1591. }
  1592. #main_admsection #basicinfo h4
  1593. {
  1594. float: left;
  1595. }
  1596. #main_admsection #basicinfo img.avatar
  1597. {
  1598. float: right;
  1599. vertical-align: top;
  1600. }
  1601. #main_admsection #basicinfo ul
  1602. {
  1603. clear: left;
  1604. padding-top: 10px;
  1605. }
  1606. #main_admsection #basicinfo span#userstatus
  1607. {
  1608. clear: left;
  1609. }
  1610. #main_admsection #basicinfo p#infolinks
  1611. {
  1612. display: none;
  1613. clear: both;
  1614. }
  1615. #main_admsection #basicinfo .botslice
  1616. {
  1617. clear: both;
  1618. }
  1619. /* Simple feedback messages */
  1620. div#profile_error, div#profile_success
  1621. {
  1622. margin: 0 0 1em 0;
  1623. padding: 1em 2em;
  1624. border: 1px solid;
  1625. }
  1626. div#profile_error
  1627. {
  1628. border-color: red;
  1629. color: red;
  1630. background: #fee;
  1631. }
  1632. div#profile_error span
  1633. {
  1634. text-decoration: underline;
  1635. }
  1636. div#profile_success
  1637. {
  1638. border-color: green;
  1639. color: green;
  1640. background: #efe;
  1641. }
  1642. /* Profile statistics */
  1643. #generalstats div.content dt
  1644. {
  1645. width: 50%;
  1646. float: left;
  1647. margin: 0 0 3px 0;
  1648. padding: 0;
  1649. font-weight: bold;
  1650. clear: both;
  1651. }
  1652. #generalstats div.content dd
  1653. {
  1654. width: 50%;
  1655. float: left;
  1656. margin: 0 0 3px 0;
  1657. padding: 0;
  1658. }
  1659. /* Activity by time */
  1660. .activity_stats
  1661. {
  1662. margin: 0;
  1663. padding: 0;
  1664. list-style: none;
  1665. }
  1666. .activity_stats li
  1667. {
  1668. width: 4.16%;
  1669. float: left;
  1670. }
  1671. .activity_stats li span
  1672. {
  1673. display: block;
  1674. border: solid #000;
  1675. border-width: 1px 1px 0 0;
  1676. text-align: center;
  1677. }
  1678. .activity_stats li.last span
  1679. {
  1680. border-right: none;
  1681. }
  1682. .activity_stats li div.bar
  1683. {
  1684. margin: 0 auto;
  1685. width: 15px;
  1686. }
  1687. .activity_stats li div.bar div
  1688. {
  1689. background: #6294CE;
  1690. }
  1691. .activity_stats li div.bar span
  1692. {
  1693. position: absolute;
  1694. top: -1000em;
  1695. left: -1000em;
  1696. }
  1697. /* Most popular boards by posts and activity */
  1698. #popularposts
  1699. {
  1700. width: 50%;
  1701. float: left;
  1702. }
  1703. #popularactivity
  1704. {
  1705. width: 50%;
  1706. float: right;
  1707. }
  1708. #popularposts div.content dt, #popularactivity div.content dt
  1709. {
  1710. width: 65%;
  1711. float: left;
  1712. margin: 0 0 3px 0;
  1713. padding: 0;
  1714. font-weight: bold;
  1715. clear: both;
  1716. }
  1717. #popularposts div.content dd, #popularactivity div.content dd
  1718. {
  1719. width: 35%;
  1720. float: left;
  1721. margin: 0 0 3px 0;
  1722. padding: 0;
  1723. }
  1724. .profile_pie
  1725. {
  1726. background-image: url(../images/stats_pie.png);
  1727. float: left;
  1728. height: 20px;
  1729. width: 20px;
  1730. margin: 0 1em 0 0;
  1731. padding: 0;
  1732. text-indent: -1000em;
  1733. }
  1734. /* View posts */
  1735. .time
  1736. {
  1737. float: right;
  1738. }
  1739. .counter
  1740. {
  1741. margin: 0 0 0 0;
  1742. padding: 0.2em 0.5em 0.1em 0.2em;
  1743. font-size: 2.2em;
  1744. font-weight: bold;
  1745. color: #354c5f;
  1746. float: left;
  1747. }
  1748. .list_posts
  1749. {
  1750. border-top: 1px solid #adadad;
  1751. padding-top: 1em;
  1752. margin-top: 0.5em;
  1753. }
  1754. div.core_posts
  1755. {
  1756. border: 1px solid #adadad;
  1757. margin-bottom: 3px;
  1758. }
  1759. div.core_posts div.content
  1760. {
  1761. background: none;
  1762. border: none;
  1763. }
  1764. .topic h4
  1765. {
  1766. margin: 3px 0;
  1767. }
  1768. .mod_icons
  1769. {
  1770. text-align: right;
  1771. margin-right: 1em;
  1772. }
  1773. #permissions dt
  1774. {
  1775. width: 48%;
  1776. float: left;
  1777. line-height: 1.2em;
  1778. margin: 0;
  1779. padding: 1%;
  1780. clear: both;
  1781. border-top: 1px solid #fff;
  1782. }
  1783. #permissions dd
  1784. {
  1785. width: 48%;
  1786. float: left;
  1787. margin: 0;
  1788. padding: 1%;
  1789. border-top: 1px solid #fff;
  1790. }
  1791. #tracking div.content dl
  1792. {
  1793. border-bottom: 0;
  1794. margin: 0;
  1795. padding: 0;
  1796. }
  1797. #creator dl
  1798. {
  1799. margin: 0;
  1800. }
  1801. #creator dt
  1802. {
  1803. width: 40%;
  1804. float: left;
  1805. clear: both;
  1806. margin: 0 0 10px 0;
  1807. }
  1808. #creator dd
  1809. {
  1810. float: left;
  1811. width: 60%;
  1812. margin: 0 0 10px 0;
  1813. }
  1814. .ignoreboards
  1815. {
  1816. margin: 0;
  1817. padding: 0;
  1818. width: 49%;
  1819. overflow: auto;
  1820. }
  1821. .ignoreboards a
  1822. {
  1823. text-decoration: underline;
  1824. }
  1825. .ignoreboards ul
  1826. {
  1827. overflow: auto;
  1828. margin: 0 0 0 1em;
  1829. padding: 0;
  1830. }
  1831. .ignoreboards li
  1832. {
  1833. list-style: none;
  1834. float: left;
  1835. clear: both;
  1836. }
  1837. #theme_settings
  1838. {
  1839. overflow: auto;
  1840. margin: 0;
  1841. padding: 0;
  1842. }
  1843. #theme_settings li
  1844. {
  1845. list-style: none;
  1846. margin: 10px 0;
  1847. padding: 0;
  1848. }
  1849. /*Paid Subscriptions*/
  1850. #paid_subscription
  1851. {
  1852. width: 100%;
  1853. }
  1854. #paid_subscription dl.settings
  1855. {
  1856. margin-bottom: 0;
  1857. }
  1858. #paid_subscription dl.settings dd, #paid_subscription dl.settings dt
  1859. {
  1860. margin-bottom: 4px;
  1861. }
  1862. /*pick theme*/
  1863. #pick_theme
  1864. {
  1865. width: 100%;
  1866. float: left;
  1867. }
  1868. /* Styles for the statistics center.
  1869. ------------------------------------------------- */
  1870. #statistics
  1871. {
  1872. padding-bottom: 0.5em;
  1873. }
  1874. #statistics h4.titlebg
  1875. {
  1876. text-align: center;
  1877. margin-bottom: 5px;
  1878. }
  1879. #stats_left, #top_posters, #top_topics_replies, #top_topics_starter
  1880. {
  1881. float: left;
  1882. width: 49.5%;
  1883. }
  1884. #stats_right, #top_boards, #top_topics_views, #most_online
  1885. {
  1886. float: right;
  1887. width: 49.5%;
  1888. }
  1889. dl.stats
  1890. {
  1891. clear: both;
  1892. overflow: hidden;
  1893. margin: 0;
  1894. padding: 0;
  1895. }
  1896. dl.stats dt
  1897. {
  1898. width: 49%;
  1899. float: left;
  1900. margin: 0 0 4px 0;
  1901. line-height: 16px;
  1902. padding: 0;
  1903. clear: both;
  1904. font-size: 1em;
  1905. }
  1906. dl.stats dd
  1907. {
  1908. text-align: right;
  1909. width: 50%;
  1910. font-size: 1em;
  1911. float: right;
  1912. margin: 0 0 4px 0;
  1913. line-height: 16px;
  1914. padding: 0;
  1915. }
  1916. .stats_bar
  1917. {
  1918. float: left;
  1919. background-image: url(../images/bar_stats.png);
  1920. height: 16px;
  1921. font-size: 0.9em;
  1922. display: block;
  1923. text-align: left;
  1924. color: #fff;
  1925. font-weight: bold;
  1926. background-position: top center;
  1927. }
  1928. .stats_bar span
  1929. {
  1930. padding-left: 2px;
  1931. }
  1932. /* Styles for the personal messages section.
  1933. ------------------------------------------------- */
  1934. #personal_messages
  1935. {
  1936. padding: 1px;
  1937. }
  1938. #personal_messages #top_subject
  1939. {
  1940. padding-left: 11.75em !important;
  1941. }
  1942. #personal_messages div.labels
  1943. {
  1944. padding: 0 1em 0 0;
  1945. }
  1946. #personal_messages .capacity_bar
  1947. {
  1948. background: #fff;
  1949. border: 1px solid #000;
  1950. height: 7px;
  1951. width: 75%;
  1952. margin: 0 auto;
  1953. }
  1954. #personal_messages .capacity_bar div
  1955. {
  1956. border: none;
  1957. height: 7px;
  1958. }
  1959. #personal_messages .capacity_bar div.empty
  1960. {
  1961. background: #468008;
  1962. }
  1963. #personal_messages .capacity_bar div.filled
  1964. {
  1965. background: #EEA800;
  1966. }
  1967. #personal_messages .capacity_bar div.full
  1968. {
  1969. background: #A53D05;
  1970. }
  1971. #personal_messages .reportlinks
  1972. {
  1973. padding: 0.5em 1.3em;
  1974. }
  1975. /* Styles for the calendar section.
  1976. ------------------------------------------------- */
  1977. .calendar_table
  1978. {
  1979. margin-bottom: 0.7em;
  1980. }
  1981. /* Used to indicate the current day in the grid. */
  1982. .calendar_today
  1983. {
  1984. background-color: #fff;
  1985. }
  1986. #month_grid
  1987. {
  1988. width: 200px;
  1989. text-align: center;
  1990. float: left;
  1991. }
  1992. #month_grid table
  1993. {
  1994. width: 200px;
  1995. border-collapse: collapse;
  1996. border: 1px solid #adadad;
  1997. }
  1998. #month_grid table td, #month_grid table th
  1999. {
  2000. border: 1px solid #adadad;
  2001. }
  2002. #main_grid table
  2003. {
  2004. width: 100%;
  2005. padding-bottom: 4px;
  2006. border-collapse: collapse;
  2007. border: 1px solid #adadad;
  2008. }
  2009. #main_grid table td, #main_grid table th
  2010. {
  2011. border: 1px solid #adadad;
  2012. }
  2013. #main_grid table h3.catbg
  2014. {
  2015. text-align: center;
  2016. border-top: 1px solid #adadad;
  2017. border-bottom: none;
  2018. }
  2019. #main_grid table h4
  2020. {
  2021. border: none;
  2022. }
  2023. #main_grid table.weeklist td.windowbg
  2024. {
  2025. text-align: center;
  2026. height: 49px;
  2027. width: 25px;
  2028. font-size: large;
  2029. padding: 0 7px;
  2030. border-bottom: 1px solid #adadad;
  2031. }
  2032. #main_grid table.weeklist td.weekdays
  2033. {
  2034. height: 49px;
  2035. width: 100%;
  2036. padding: 4px;
  2037. text-align: left;
  2038. vertical-align: middle;
  2039. border-right: 1px solid #adadad;
  2040. border-bottom: 1px solid #adadad;
  2041. }
  2042. #main_grid h3.weekly
  2043. {
  2044. text-align: center;
  2045. padding-left: 0;
  2046. font-size: large;
  2047. height: 29px;
  2048. }
  2049. #main_grid h3 span.floatleft, #main_grid h3 span.floatright
  2050. {
  2051. display: block;
  2052. }
  2053. #main_grid table th.days
  2054. {
  2055. width: 14%;
  2056. }
  2057. #main_grid table td.weeks
  2058. {
  2059. vertical-align: middle;
  2060. text-align: center;
  2061. }
  2062. #main_grid table td.days
  2063. {
  2064. vertical-align: top;
  2065. }
  2066. a.modify_event
  2067. {
  2068. color: red;
  2069. }
  2070. span.hidelink
  2071. {
  2072. font-style: italic;
  2073. }
  2074. #calendar_navigation
  2075. {
  2076. text-align: center;
  2077. }
  2078. #calendar .buttonlist_bottom
  2079. {
  2080. border-bottom: 1px solid #adadad;
  2081. padding: 0 0 0 1ex;
  2082. margin: 0 0 1ex 0;
  2083. }
  2084. /* Styles for the memberlist section.
  2085. ------------------------------------------------- */
  2086. #mlist_search
  2087. {
  2088. margin: auto;
  2089. width: 500px;
  2090. }
  2091. span.memberstatsbar, span.memberstatsbar span
  2092. {
  2093. height: 1.1em;
  2094. display: block;
  2095. }
  2096. span.memberstatsbar
  2097. {
  2098. background: #fff;
  2099. border: 1px solid #888;
  2100. }
  2101. span.memberstatsbar span
  2102. {
  2103. background: #fe9540;
  2104. }
  2105. /* Styles for the basic search section.
  2106. ------------------------------------------------- */
  2107. #simple_search p
  2108. {
  2109. padding: 0.5em;
  2110. }
  2111. #simple_search, #simple_search p, #advanced_search
  2112. {
  2113. text-align: center !important;
  2114. margin: 0;
  2115. }
  2116. #search_error
  2117. {
  2118. font-style: italic;
  2119. padding: 0.3em 1em;
  2120. }
  2121. #search_term_input
  2122. {
  2123. font-size: 115%;
  2124. margin: 0 0 1em;
  2125. }
  2126. /* Styles for the advanced search section.
  2127. ------------------------------------------------- */
  2128. #searchform fieldset
  2129. {
  2130. text-align: left;
  2131. padding: 0;
  2132. margin: 0.5em 0;
  2133. border: none;
  2134. }
  2135. #advanced_search dl#search_options
  2136. {
  2137. margin: 0 auto;
  2138. width: 600px;
  2139. padding-top: 1em;
  2140. overflow: hidden;
  2141. }
  2142. #advanced_search dt
  2143. {
  2144. clear: both;
  2145. float: left;
  2146. padding: 0.2em;
  2147. text-align: right;
  2148. width: 20%;
  2149. }
  2150. #advanced_search dd
  2151. {
  2152. width: 75%;
  2153. float: left;
  2154. padding: 0.2em;
  2155. margin: 0 0 0 0.5em;
  2156. text-align: left;
  2157. }
  2158. #searchform p.clear
  2159. {
  2160. clear: both;
  2161. }
  2162. /* Boards picker */
  2163. #searchform fieldset div#searchBoardsExpand ul
  2164. {
  2165. overflow: auto;
  2166. margin: 0 0 0 1em;
  2167. padding: 0;
  2168. width: 48%;
  2169. }
  2170. #searchform fieldset div#searchBoardsExpand ul ul
  2171. {
  2172. width: auto;
  2173. }
  2174. #searchform fieldset div#searchBoardsExpand a
  2175. {
  2176. text-decoration: underline;
  2177. }
  2178. #searchform fieldset div#searchBoardsExpand li
  2179. {
  2180. list-style: none;
  2181. float: left;
  2182. clear: both;
  2183. }
  2184. #searchform fieldset p
  2185. {
  2186. padding: 4px;
  2187. text-align: left;
  2188. margin-top: 5px;
  2189. }
  2190. /* Styles for the search results page.
  2191. ------------------------------------------------- */
  2192. .pagelinks
  2193. {
  2194. padding: 0.5em;
  2195. }
  2196. .topic_table td blockquote, .topic_table td .quoteheader
  2197. {
  2198. margin: 0.5em;
  2199. }
  2200. .search_results_posts
  2201. {
  2202. overflow: hidden;
  2203. }
  2204. .search_results_posts .inner
  2205. {
  2206. padding: 0.5em 1em;
  2207. overflow: hidden;
  2208. }
  2209. .search_results_posts .windowbg2
  2210. {
  2211. margin-top: 4px;
  2212. }
  2213. .search_results_posts .buttons
  2214. {
  2215. padding: 5px 1em 0 0;
  2216. }
  2217. /* Styles for the help section.
  2218. ------------------------------------------------- */
  2219. #helpmain
  2220. {
  2221. padding: 1em;
  2222. border: 1px solid #696969;
  2223. }
  2224. /* Samples should be easily distinguishable. */
  2225. #helpmain .help_sample
  2226. {
  2227. border: 1px solid #99a;
  2228. background: #fff;
  2229. padding: 1em;
  2230. overflow: auto;
  2231. margin-bottom: 1em;
  2232. }
  2233. #helpmain .help_sample .linktree
  2234. {
  2235. font-weight: bold;
  2236. }
  2237. /* We need some air between the lines */
  2238. #helpmain p
  2239. {
  2240. margin: 0 0 1.5em 0;
  2241. line-height: 1.5em;
  2242. }
  2243. #helpmain ol
  2244. {
  2245. font-weight: bold;
  2246. list-style-type: disc;
  2247. margin-bottom: 1em;
  2248. margin-top: 1em;
  2249. line-height: 1.5em;
  2250. }
  2251. #helpmain ol.la
  2252. {
  2253. font-weight: normal;
  2254. list-style-type: circle;
  2255. margin: 0.5em 0 1em 0;
  2256. padding-left: 1.5em;
  2257. }
  2258. ul.basic_helplist
  2259. {
  2260. padding: 0.8em 1.5em;
  2261. line-height: 1.5em;
  2262. }
  2263. #helpmain .boardsframe p
  2264. {
  2265. margin: 0;
  2266. }
  2267. #helpmain #messageindex
  2268. {
  2269. clear: right;
  2270. }
  2271. /* ...but leave the tab strips alone! */
  2272. #helpmain .buttonlist_bottom ul, #helpmain .buttonlist ul
  2273. {
  2274. margin: 0 !important;
  2275. padding: 0 0 0 1em !important;
  2276. }
  2277. #helpmain .buttonlist_bottom ul li, #helpmain .buttonlist ul li
  2278. {
  2279. margin: 0 0.2em 0 0 !important;
  2280. padding: 0 !important;
  2281. }