index.css 54 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523
  1. /* Styles for the general looks for the Core theme.
  2. ------------------------------------------------------- */
  3. /* Normal, standard links. */
  4. a:link, a:visited
  5. {
  6. color: #476c8e;
  7. text-decoration: none;
  8. }
  9. a:hover
  10. {
  11. text-decoration: underline;
  12. }
  13. /* Tables should show empty cells. */
  14. table
  15. {
  16. empty-cells: show;
  17. }
  18. /* Set a fontsize that will look the same in all browsers. */
  19. body
  20. {
  21. background: #e5e5e8;
  22. font: 95%/90% Verdana, Helvetica, sans-serif;
  23. margin: 0;
  24. padding: 12px 0 4px 0;
  25. }
  26. /* Help popups require a different styling of the body element. */
  27. body#help_popup
  28. {
  29. width: auto;
  30. padding: 1em;
  31. min-width: 0;
  32. }
  33. /* use dark grey for the text, leaving #000 for headers etc */
  34. body, td, th, tr
  35. {
  36. color: #444;
  37. }
  38. /* lets give all forms zero padding/margins */
  39. form
  40. {
  41. padding: 0;
  42. margin: 0;
  43. }
  44. /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
  45. .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
  46. .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers
  47. .input_check - covers input[type=checkbox] throughout all browsers
  48. .input_radio - covers input[type=radio] throughout all browsers
  49. .input_text - covers input[type=text] throughout all browsers
  50. .input_file - covers input[type=file] throughout all browsers
  51. */
  52. input, button, select, textarea
  53. {
  54. font: 90%/105% verdana, Helvetica, sans-serif;
  55. color: #000;
  56. }
  57. /* The font size of textareas should be just a little bit larger. */
  58. textarea
  59. {
  60. font: 100%/130% verdana, Helvetica, sans-serif;
  61. }
  62. /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
  63. input.input_check, input.input_radio
  64. {
  65. border: none;
  66. background: none;
  67. }
  68. /* Standard horizontal rule.. ([hr], etc.) */
  69. hr, .hrcolor
  70. {
  71. height: 1px;
  72. border: 0;
  73. color: #666;
  74. background-color: #666;
  75. }
  76. /* By default set the color on these tags as #000. */
  77. h1, h2, h3, h4, h5, h6
  78. {
  79. color: #000;
  80. font-size: 1em;
  81. margin: 0;
  82. padding: 0;
  83. }
  84. .content fieldset
  85. {
  86. border: 2px groove #fff;
  87. padding: 1em;
  88. margin: 0 0 0.3em 0;
  89. }
  90. /* No image should have a border when linked. */
  91. a img
  92. {
  93. border: 0;
  94. }
  95. /* Define strong as bold, and em as italics */
  96. strong
  97. {
  98. font-weight: bold;
  99. }
  100. em
  101. {
  102. font-style: italic;
  103. }
  104. /* Alternative for u tag */
  105. .underline
  106. {
  107. text-decoration: underline;
  108. }
  109. /* Common classes for easy styling.
  110. ------------------------------------------------------- */
  111. .floatright
  112. {
  113. float: right;
  114. }
  115. .floatleft
  116. {
  117. float: left;
  118. }
  119. .flow_auto
  120. {
  121. overflow: auto;
  122. }
  123. .flow_hidden
  124. {
  125. overflow: hidden;
  126. }
  127. .clear
  128. {
  129. clear: both;
  130. }
  131. .clear_left
  132. {
  133. clear: left;
  134. }
  135. .clear_right
  136. {
  137. clear: right;
  138. }
  139. /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
  140. .smalltext, tr.smalltext th
  141. {
  142. font-size: 0.85em;
  143. font-family: verdana, sans-serif;
  144. }
  145. .middletext
  146. {
  147. font-size: 0.9em;
  148. font-family: verdana, sans-serif;
  149. }
  150. .normaltext
  151. {
  152. font-size: 1em;
  153. line-height: 1.2em;
  154. }
  155. .largetext
  156. {
  157. font-size: 1.4em;
  158. }
  159. .centertext
  160. {
  161. margin: 0 auto;
  162. text-align: center;
  163. }
  164. .righttext
  165. {
  166. margin-left: auto;
  167. margin-right: 0;
  168. text-align: right;
  169. }
  170. .lefttext
  171. {
  172. margin-left: 0;
  173. margin-right: auto;
  174. text-align: left;
  175. }
  176. /* some common padding styles */
  177. .padding
  178. {
  179. padding: 0.7em;
  180. }
  181. .main_section, .lower_padding
  182. {
  183. padding-bottom: 0.5em;
  184. }
  185. /* a quick reset list class. */
  186. ul.reset, ul.reset li
  187. {
  188. padding: 0;
  189. margin: 0;
  190. list-style: none;
  191. }
  192. /* Some BBC related styles.
  193. ------------------------------------------------------- */
  194. /* A quote, perhaps from another post. */
  195. blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
  196. {
  197. color: #000;
  198. border: 1px solid #000;
  199. margin: 1px;
  200. padding: 1px;
  201. font-size: x-small;
  202. line-height: 1.4em;
  203. overflow: auto;
  204. }
  205. /* Alterate block quote stylings */
  206. blockquote.bbc_standard_quote
  207. {
  208. background-color: #d7daec;
  209. }
  210. blockquote.bbc_alternate_quote
  211. {
  212. background-color: #e7eafc;
  213. }
  214. /* A code block - maybe even PHP ;). */
  215. code.bbc_code
  216. {
  217. display: block;
  218. font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
  219. font-size: x-small;
  220. background: #eef;
  221. border: 1px solid #000;
  222. line-height: 1.3em;
  223. padding: 1px;
  224. overflow: auto;
  225. white-space: nowrap;
  226. /* Show a scrollbar after about 24 lines. */
  227. max-height: 24em;
  228. }
  229. /* The "Quote:" and "Code:" header parts... */
  230. .codeheader, .quoteheader
  231. {
  232. color: #000;
  233. text-decoration: none;
  234. font-style: normal;
  235. font-weight: bold;
  236. font-size: x-small;
  237. line-height: 1.2em;
  238. padding: 0 0.3em;
  239. }
  240. /* For links to change the code stuff... */
  241. .codeoperation
  242. {
  243. font-weight: normal;
  244. }
  245. /* Styling for BBC tags */
  246. .bbc_size
  247. {
  248. line-height: 1.4em;
  249. }
  250. .bbc_color a
  251. {
  252. color: inherit;
  253. }
  254. .bbc_img
  255. {
  256. border: 0;
  257. }
  258. .bbc_table
  259. {
  260. font: inherit;
  261. color: inherit;
  262. }
  263. .bbc_table td
  264. {
  265. font: inherit;
  266. color: inherit;
  267. vertical-align: top;
  268. }
  269. .bbc_u
  270. {
  271. text-decoration: underline;
  272. }
  273. .bbc_tt
  274. {
  275. font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
  276. }
  277. /* Generally, those [?] icons. This makes your cursor a help icon. */
  278. .help
  279. {
  280. cursor: help;
  281. }
  282. /* /me uses this a lot. (emote, try typing /me in a post.) */
  283. .meaction
  284. {
  285. color: red;
  286. }
  287. /* Highlighted text - such as search results. */
  288. .highlight
  289. {
  290. background-color: #ff0;
  291. font-weight: bold;
  292. color: #000;
  293. }
  294. /* A more discreet highlight color, for selected membergroups etc. */
  295. .highlight2
  296. {
  297. background-color: #D1E1EF;
  298. color: #000;
  299. }
  300. /* Generic, mostly color-related, classes.
  301. ------------------------------------------------------- */
  302. .titlebg, .titlebg2, tr.titlebg td, tr.titlebg2 td
  303. {
  304. color: #000;
  305. font-family: Verdana, Helvetica, sans-serif;
  306. font-weight: bold;
  307. background: url(../images/titlebg.jpg) #E9F0F6 repeat-x;
  308. }
  309. .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
  310. {
  311. color: #fff;
  312. font-family: Verdana, Helvetica, sans-serif;
  313. font-weight: bold;
  314. background: url(../images/catbg.jpg) #88A6C0 repeat-x;
  315. }
  316. .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
  317. {
  318. background: url(../images/catbg2.jpg) #A1BFD9 repeat-x;
  319. }
  320. /* adjust the table versions of headers */
  321. tr.titlebg td, tr.titlebg2 td
  322. {
  323. padding: 6px;
  324. }
  325. tr.catbg td, tr.catbg2 td, td.catbg, td.catbg2, tr.catbg th, tr.catbg2 th, th.catbg, th.catbg2
  326. {
  327. padding: 6px;
  328. }
  329. tr.titlebg td a, tr.titlebg2 td a
  330. {
  331. color: #000;
  332. }
  333. tr.catbg td a, tr.catbg2 td a, .catbg a
  334. {
  335. color: #fff;
  336. }
  337. tr.catbg th.smalltext
  338. {
  339. font-size: 0.9em;
  340. }
  341. /* Alternating backgrounds for posts, and several other sections of the forum. */
  342. .windowbg, #preview_body, .content, .roundframe
  343. {
  344. color: #000;
  345. background-color: #ecedf3;
  346. }
  347. .windowbg2
  348. {
  349. color: #000;
  350. background-color: #f6f6f6;
  351. }
  352. .windowbg3
  353. {
  354. color: #000;
  355. background-color: #e0e1e8;
  356. }
  357. /* the page navigation area */
  358. .pagesection
  359. {
  360. font-size: 0.85em;
  361. padding: 0.5em 0.2em;
  362. overflow: hidden;
  363. }
  364. .pagesection .pagelinks
  365. {
  366. padding: 0.5em 0;
  367. }
  368. /* GenericList */
  369. table.table_grid thead tr.catbg th.smalltext
  370. {
  371. white-space: nowrap;
  372. }
  373. /* Color for background of posts requiring approval */
  374. .approvebg
  375. {
  376. color: #000;
  377. background-color: #f6e0d4;
  378. }
  379. /* Color for background of *topics* requiring approval */
  380. .approvetbg
  381. {
  382. color: #000;
  383. background-color: #e4a17c;
  384. }
  385. /* sticky posts have a different background */
  386. .stickybg
  387. {
  388. background: #e8d8cf;
  389. }
  390. .stickybg2
  391. {
  392. background: #f2e3d9;
  393. }
  394. /* locked posts too! */
  395. .lockedbg
  396. {
  397. background: #d4dce2;
  398. font-style: italic;
  399. }
  400. .lockedbg2
  401. {
  402. background: #d8e1e7;
  403. font-style: italic;
  404. }
  405. /* Posts and personal messages displayed throughout the forum. */
  406. .post, .personalmessage
  407. {
  408. width: 100%;
  409. overflow: auto;
  410. line-height: 1.4em;
  411. }
  412. /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
  413. .signature
  414. {
  415. clear: right;
  416. padding: 1em 0 3px 0;
  417. width: 98%;
  418. border-top: 1px solid #666;
  419. line-height: 1.4em;
  420. font-size: 0.85em;
  421. }
  422. .custom_fields_above_signature
  423. {
  424. clear: right;
  425. padding: 1em 0 3px 0;
  426. width: 98%;
  427. border-top: 1px solid #666;
  428. line-height: 1.4em;
  429. font-size: 0.85em;
  430. }
  431. /* Sometimes there will be an error when you post */
  432. .error
  433. {
  434. color: red;
  435. }
  436. /* Messages that somehow need to attract the attention. */
  437. .alert
  438. {
  439. color: red;
  440. }
  441. /* Calendar colors for birthdays, events and holidays */
  442. .birthday
  443. {
  444. color: #920ac4;
  445. }
  446. .event
  447. {
  448. color: #078907;
  449. }
  450. .holiday
  451. {
  452. color: #000080;
  453. }
  454. /* Colors for warnings */
  455. .warn_mute
  456. {
  457. color: red;
  458. }
  459. .warn_moderate
  460. {
  461. color: #ffa500;
  462. }
  463. .warn_watch, .success
  464. {
  465. color: green;
  466. }
  467. a.moderation_link, a.moderation_link:visited
  468. {
  469. color: red;
  470. font-weight: bold;
  471. }
  472. .openid_login
  473. {
  474. background: white url(../images/openid.gif) no-repeat;
  475. padding-left: 18px;
  476. }
  477. /* a descriptive style */
  478. .description
  479. {
  480. padding: 1em;
  481. font-size: 0.9em;
  482. line-height: 1.5em;
  483. border: 1px solid #bbb;
  484. background: #f5f5f0;
  485. margin: 0 0 1em 0;
  486. }
  487. /* an informative style */
  488. .information
  489. {
  490. padding: 1em;
  491. font-size: 0.9em;
  492. line-height: 1.5em;
  493. border: 1px solid #bbb;
  494. background: #f0f6f0;
  495. margin: 0 0 1em 0;
  496. }
  497. .information p
  498. {
  499. padding: 1em;
  500. margin: 0;
  501. }
  502. /* AJAX notification bar
  503. ------------------------------------------------------- */
  504. #ajax_in_progress
  505. {
  506. background: #32cd32;
  507. color: #fff;
  508. text-align: center;
  509. font-weight: bold;
  510. font-size: 18pt;
  511. padding: 0.4em;
  512. width: 100%;
  513. position: fixed;
  514. top: 0;
  515. left: 0;
  516. }
  517. #ajax_in_progress a
  518. {
  519. color: #fff;
  520. text-decoration: underline;
  521. font-size: smaller;
  522. float: right;
  523. }
  524. /* a general table class */
  525. table.table_grid
  526. {
  527. border-collapse: collapse;
  528. border: 1px solid #adadad;
  529. }
  530. table.table_grid td
  531. {
  532. padding: 3px;
  533. border: 1px solid #adadad;
  534. }
  535. /* Lists with settings use these a lot.
  536. ------------------------------------------------------- */
  537. dl.settings
  538. {
  539. clear: right;
  540. overflow: auto;
  541. margin: 0 0 10px 0;
  542. padding: 0;
  543. }
  544. dl.settings dt
  545. {
  546. width: 48%;
  547. float: left;
  548. margin: 0 0 10px 0;
  549. padding: 0;
  550. clear: both;
  551. }
  552. dl.settings dt.settings_title
  553. {
  554. width: 100%;
  555. float: none;
  556. margin: 0 0 10px 0;
  557. padding: 5px 0 0 0;
  558. font-weight: bold;
  559. clear: both;
  560. }
  561. dl.settings dt.windowbg
  562. {
  563. width: 98%;
  564. float: left;
  565. margin: 0 0 3px 0;
  566. padding: 0 0 5px 0;
  567. clear: both;
  568. }
  569. dl.settings dd
  570. {
  571. width: 48%;
  572. float: left;
  573. overflow: auto;
  574. margin: 0 0 3px 0;
  575. padding: 0;
  576. }
  577. dl.settings img
  578. {
  579. margin: 0 10px 0 0;
  580. }
  581. /* The main content area.
  582. ------------------------------------------------------- */
  583. .content, .roundframe
  584. {
  585. padding: 0.5em 1.2em;
  586. margin: 0;
  587. border: none;
  588. border: 1px solid #adadad;
  589. }
  590. .content p, .roundframe p
  591. {
  592. margin: 0 0 0.5em 0;
  593. }
  594. /* Styles used by the auto suggest control.
  595. ------------------------------------------------------- */
  596. .auto_suggest_div
  597. {
  598. border: 1px solid #000;
  599. position: absolute;
  600. visibility: hidden;
  601. }
  602. .auto_suggest_item
  603. {
  604. background-color: #ddd;
  605. }
  606. .auto_suggest_item_hover
  607. {
  608. background-color: #888;
  609. cursor: pointer;
  610. color: #eee;
  611. }
  612. /* Styles for the standard dropdown menus.
  613. ------------------------------------------------------- */
  614. /* Container for the new admin menu */
  615. #adm_container
  616. {
  617. float: left;
  618. margin-left: 10px;
  619. padding: 0 5px 0 5px;
  620. background: url(../images/admintab_left.gif) no-repeat;
  621. }
  622. ul.admin_menu, ul.admin_menu li ul
  623. {
  624. margin: 0;
  625. padding: 0;
  626. list-style: none;
  627. }
  628. ul.admin_menu
  629. {
  630. background: url(../images/admintab_right.gif) top right no-repeat;
  631. }
  632. ul.admin_menu a
  633. {
  634. text-decoration: none;
  635. }
  636. /* First layer of menu items */
  637. ul.admin_menu li
  638. {
  639. position: relative;
  640. float: left;
  641. background: url(../images/admintab_back.gif) top right repeat-x;
  642. padding-right: 4px;
  643. }
  644. ul.admin_menu li.last
  645. {
  646. background: url(../images/admintab_right.gif) top right repeat-x;
  647. }
  648. ul.admin_menu li.chosen
  649. {
  650. background: url(../images/admintab_active_left.gif) no-repeat;
  651. padding: 0 0 0 6px;
  652. }
  653. ul.admin_menu li h4
  654. {
  655. margin: 0;
  656. padding: 7px 5px 3px 5px;
  657. cursor: pointer;
  658. font-weight: normal;
  659. font-size: x-small;
  660. text-transform: uppercase;
  661. color: #fff;
  662. }
  663. ul.admin_menu li.last.chosen h4
  664. {
  665. background: url(../images/admintab_active_last.gif) top right no-repeat;
  666. padding-right: 17px;
  667. }
  668. /* IE6 does't support multiple class selectors */
  669. ul.admin_menu li.last_chosen h4
  670. {
  671. background: url(../images/admintab_active_last.gif) top right no-repeat;
  672. padding-right: 17px;
  673. }
  674. ul.admin_menu li.chosen h4
  675. {
  676. background: url(../images/admintab_active_right.gif) top right no-repeat;
  677. padding-right: 10px;
  678. }
  679. /* Second layer of menu items */
  680. ul.admin_menu li ul
  681. {
  682. z-index: 90;
  683. display: none;
  684. position: absolute;
  685. /* IE6 needs a fixed width to prevent the menu from going haywire */
  686. width: 19em;
  687. border: 1px solid #808080;
  688. border-left: 2px solid #6888a7;
  689. background: #f8f8fb;
  690. }
  691. ul.admin_menu li.chosen ul
  692. {
  693. margin: 0 0 0 -6px;
  694. }
  695. ul.admin_menu li ul li
  696. {
  697. background: none;
  698. width: 19em;
  699. padding: 0;
  700. }
  701. ul.admin_menu li ul li a
  702. {
  703. display: block;
  704. padding: 0.5em 2em 0.5em 0.5em;
  705. font-size: 90%;
  706. text-decoration: none;
  707. background: none;
  708. color: #000 !important;
  709. }
  710. ul.admin_menu li ul li a.subsection
  711. {
  712. background: url(../images/admin/subsection.gif) no-repeat 98% 50%;
  713. }
  714. ul.admin_menu li ul li a.chosen
  715. {
  716. font-weight: bold;
  717. }
  718. ul.admin_menu li ul li a:hover
  719. {
  720. background-color: #c8e2fb;
  721. text-decoration: none;
  722. }
  723. ul.admin_menu li:hover ul, ul.admin_menu li.over ul
  724. {
  725. display: block;
  726. }
  727. /* Third layer of menu items */
  728. ul.admin_menu li ul li ul, ul.admin_menu li ul li.over ul
  729. {
  730. display: none;
  731. position: absolute;
  732. top: -999em;
  733. border: 1px solid #a0a0a0;
  734. border-left: 2px solid #6888a7;
  735. background: #fff;
  736. }
  737. ul.admin_menu li ul li:hover ul, ul.admin_menu li ul li.over ul
  738. {
  739. display: block;
  740. left: 18em;
  741. top: auto;
  742. margin: -2em 0 0 1em;
  743. }
  744. #adm_submenus
  745. {
  746. padding: 0 0 0 2em;
  747. }
  748. #adm_submenus, #adm_submenus ul
  749. {
  750. height: 3em;
  751. overflow: auto;
  752. }
  753. /* The dropdown menu toggle image */
  754. div#menu_toggle
  755. {
  756. float: right;
  757. margin: 0 10px 0 0;
  758. background: url(../images/mirrortab_first.gif) top left no-repeat;
  759. padding: 0 0 0 7px;
  760. }
  761. div#menu_toggle a
  762. {
  763. display: block;
  764. background: #e5e5e8 url(../images/mirrortab_last.gif) top right no-repeat;
  765. padding: 8px 12px 3px 6px;
  766. }
  767. /* Styles for the standard button lists.
  768. ------------------------------------------------------- */
  769. .buttonlist ul
  770. {
  771. background: url(../images/maintab_first.gif) no-repeat scroll left bottom;
  772. padding: 0 0 0 10px;
  773. }
  774. .buttonlist ul li, .buttonlist_bottom ul li
  775. {
  776. display: inline;
  777. }
  778. .buttonlist ul li a, .buttonlist_bottom ul li a
  779. {
  780. float: left;
  781. display: block;
  782. color: #fff;
  783. font-size: 0.8em;
  784. font-family: tahoma, sans-serif;
  785. text-transform: uppercase;
  786. text-decoration: none;
  787. }
  788. .buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover
  789. {
  790. color: #e0e0ff;
  791. }
  792. .buttonlist ul li a span
  793. {
  794. background: url(../images/maintab_back.gif) repeat-x bottom left;
  795. display: block;
  796. padding: 0.1em 0.5em 0.5em 0.5em;
  797. }
  798. .buttonlist ul li.last a span
  799. {
  800. background: url(../images/maintab_last.gif) no-repeat bottom right;
  801. padding: 0.1em 1em 0.5em 0.5em;
  802. }
  803. .buttonlist ul li.active a span em
  804. {
  805. padding: 0.1em 0.5em 0.5em 0.5em;
  806. display: block;
  807. font-style: normal;
  808. background: url(../images/maintab_active_back.gif) repeat-x bottom right;
  809. }
  810. .buttonlist ul li.active a span
  811. {
  812. background: url(../images/maintab_active_first.gif) no-repeat bottom left;
  813. padding: 0 0 0 8px;
  814. }
  815. .buttonlist ul li.lastactive
  816. {
  817. float: left;
  818. background: url(../images/maintab_last.gif) no-repeat bottom right;
  819. padding: 0 8px 0 0;
  820. }
  821. .buttonlist ul li.active a
  822. {
  823. background: url(../images/maintab_active_last.gif) no-repeat bottom right;
  824. padding-right: 8px;
  825. }
  826. /* For links that are basically submit buttons. */
  827. .buttonlist_submit
  828. {
  829. background: transparent;
  830. color: #fff;
  831. text-transform: uppercase;
  832. vertical-align: top;
  833. text-decoration: none;
  834. font-size: 9px;
  835. font-family: tahoma, sans-serif;
  836. border: 0;
  837. }
  838. .buttonlist_submit:hover
  839. {
  840. color: #e0e0ff;
  841. }
  842. /* ..for the "bottom" menu */
  843. .buttonlist_bottom ul
  844. {
  845. background: url(../images/mirrortab_first.gif) no-repeat scroll left top;
  846. padding: 0 0 0 10px;
  847. }
  848. .buttonlist_bottom ul li a span
  849. {
  850. background: url(../images/mirrortab_back.gif) repeat-x top left;
  851. display: block;
  852. padding: 0.4em 0.5em 0.2em 0.5em;
  853. }
  854. .buttonlist_bottom ul li.last a span
  855. {
  856. background: url(../images/mirrortab_last.gif) no-repeat top right;
  857. padding: 0.4em 1em 0.2em 0.5em;
  858. }
  859. .buttonlist_bottom ul li.active a span em
  860. {
  861. padding: 0.4em 0.5em 0.2em 0.5em;
  862. display: block;
  863. font-style: normal;
  864. background: url(../images/mirrortab_active_back.gif) repeat-x top right;
  865. }
  866. .buttonlist_bottom ul li.active a span
  867. {
  868. background: url(../images/mirrortab_active_first.gif) no-repeat top left;
  869. padding: 0 0 0 8px;
  870. }
  871. .buttonlist_bottom ul li.lastactive
  872. {
  873. float: left;
  874. background: url(../images/mirrortab_last.gif) no-repeat top right;
  875. padding: 0 8px 0 0;
  876. }
  877. .buttonlist_bottom ul li.active a
  878. {
  879. background: url(../images/mirrortab_active_last.gif) no-repeat top right;
  880. padding-right: 8px;
  881. }
  882. /* The old-style button strips, with images */
  883. .oldbuttonlist
  884. {
  885. text-align: right;
  886. padding: 0.5em;
  887. }
  888. /* a smaller quick-button list */
  889. ul.quickbuttons
  890. {
  891. margin: 0.9em 11px 0 0;
  892. clear: right;
  893. float: right;
  894. text-align: right;
  895. }
  896. ul.quickbuttons li
  897. {
  898. float: left;
  899. display: inline;
  900. margin: 0 0 0 11px;
  901. }
  902. ul.quickbuttons li a
  903. {
  904. padding: 0 0 0.7em 20px;
  905. display: block;
  906. height: 20px;
  907. font: bold 0.85em/18px arial, sans-serif;
  908. float: left;
  909. }
  910. ul.quickbuttons li.quote_button
  911. {
  912. background: url(../images/buttons/quote.gif) no-repeat 0 0;
  913. }
  914. ul.quickbuttons li.remove_button
  915. {
  916. background: url(../images/buttons/delete.gif) no-repeat 0 0;
  917. }
  918. ul.quickbuttons li.modify_button
  919. {
  920. background: url(../images/buttons/modify.gif) no-repeat 0 0;
  921. }
  922. ul.quickbuttons li.approve_button
  923. {
  924. background: url(../images/buttons/approve.gif) no-repeat 0 0;
  925. }
  926. ul.quickbuttons li.restore_button
  927. {
  928. background: url(../images/buttons/restore_topic.gif) no-repeat 0 0;
  929. }
  930. ul.quickbuttons li.split_button
  931. {
  932. background: url(../images/buttons/split.gif) no-repeat 0 0;
  933. }
  934. ul.quickbuttons li.reply_button
  935. {
  936. background: url(../images/buttons/reply.gif) no-repeat 0 0;
  937. }
  938. ul.quickbuttons li.reply_all_button
  939. {
  940. background: url(../images/buttons/reply.gif) no-repeat 0 0;
  941. }
  942. ul.quickbuttons li.notify_button
  943. {
  944. background: url(../images/buttons/notify_sm.gif) no-repeat 0 0;
  945. }
  946. ul.quickbuttons li.inline_mod_check
  947. {
  948. margin: 0 0 0 5px;
  949. }
  950. .generic_tab_strip
  951. {
  952. margin: 0 1em 2em;
  953. }
  954. .generic_tab_strip .buttonlist
  955. {
  956. float: left !important;
  957. }
  958. /* the navigation list */
  959. ul#navigation
  960. {
  961. margin: 0;
  962. font-size: 0.9em;
  963. padding: 1em 0.4em;
  964. }
  965. ul#navigation li
  966. {
  967. float: none;
  968. font-size: 0.95em;
  969. display: inline;
  970. }
  971. /* Styles for the general looks for the Core theme.
  972. ------------------------------------------------------- */
  973. /* this is the main container surrounding everything, use this to set forum width, font-size etc. */
  974. #mainframe
  975. {
  976. font-size: 85%;
  977. width: 95%;
  978. margin: auto;
  979. }
  980. /* the forum name or logo */
  981. h1#forum_name
  982. {
  983. padding: 0.6em 0 0.6em 0;
  984. margin: 0;
  985. font-family: Verdana, helvetica, sans-serif;
  986. font-size: 135%;
  987. color: #fff;
  988. }
  989. /* The greeting section */
  990. #greeting_section
  991. {
  992. padding: 0.7em 0.4em 0.7em 0.4em;
  993. clear: both;
  994. }
  995. #greeting_section li
  996. {
  997. font-weight: normal;
  998. }
  999. #greeting_section li#name
  1000. {
  1001. padding-left: 0.5em;
  1002. }
  1003. #greeting_section li em
  1004. {
  1005. font-style: normal;
  1006. font-weight: bold;
  1007. }
  1008. /* user section with all relevant links */
  1009. #user_section
  1010. {
  1011. padding: 1px;
  1012. margin: 1px 0 0 0;
  1013. font-size: 90%;
  1014. }
  1015. #user_section ul, #user_section form
  1016. {
  1017. padding: 0.5em 0.7em 0.5em 0.7em;
  1018. }
  1019. /* the avatar, located to the left */
  1020. #user_section #myavatar
  1021. {
  1022. padding: 0.7em;
  1023. border-right: 1px solid #adadad;
  1024. margin: 0 0.5em 0 0;
  1025. float: left;
  1026. }
  1027. /* the news and search areas */
  1028. #news_section
  1029. {
  1030. clear: both;
  1031. font-size: 0.8em;
  1032. padding: 0.5em 1em 0.5em 1em;
  1033. }
  1034. #random_news h3
  1035. {
  1036. margin-right: 1em;
  1037. font-size: 0.85em;
  1038. display: inline;
  1039. }
  1040. #random_news p
  1041. {
  1042. margin: 0;
  1043. padding: 0;
  1044. display: inline;
  1045. }
  1046. /* The main menu. */
  1047. .main_menu
  1048. {
  1049. padding-left: 1em;
  1050. }
  1051. .main_menu ul
  1052. {
  1053. list-style: none;
  1054. padding: 0;
  1055. margin: 0;
  1056. background: url(../images/maintab_first.gif) no-repeat bottom left;
  1057. padding-left: 10px;
  1058. }
  1059. .main_menu li
  1060. {
  1061. margin: 0;
  1062. padding: 0;
  1063. display: inline;
  1064. }
  1065. .main_menu li a:link, .main_menu li a:visited
  1066. {
  1067. float: left;
  1068. display: block;
  1069. color: #fff;
  1070. font-size: 0.8em;
  1071. font-family: tahoma, sans-serif;
  1072. text-transform: uppercase;
  1073. }
  1074. .main_menu li a:hover
  1075. {
  1076. color: #e0e0ff;
  1077. text-decoration: none;
  1078. }
  1079. .main_menu li a span
  1080. {
  1081. background: url(../images/maintab_back.gif) repeat-x bottom left;
  1082. display: block;
  1083. padding: 0.1em 0.5em 0.5em 0.5em;
  1084. }
  1085. .main_menu li.last a span
  1086. {
  1087. background: url(../images/maintab_last.gif) no-repeat bottom right;
  1088. padding: 0.1em 1em 0.5em 0.5em;
  1089. }
  1090. .main_menu li.active a span em
  1091. {
  1092. padding: 0.1em 0.5em 0.5em 0.5em;
  1093. display: block;
  1094. font-style: normal;
  1095. background: url(../images/maintab_active_back.gif) repeat-x bottom right;
  1096. }
  1097. .main_menu li.active a span
  1098. {
  1099. background: url(../images/maintab_active_first.gif) no-repeat bottom left;
  1100. padding: 0 0 0 8px;
  1101. }
  1102. .main_menu li.last.active
  1103. {
  1104. float: left;
  1105. background: url(../images/maintab_last.gif) no-repeat bottom right;
  1106. padding: 0 8px 0 0;
  1107. }
  1108. /* IE6 doesn't support multiple class selectors */
  1109. .main_menu li.lastactive
  1110. {
  1111. float: left;
  1112. padding: 0 8px 0 0;
  1113. background: url(../images/maintab_last.gif) no-repeat bottom right;
  1114. }
  1115. .main_menu li.active a
  1116. {
  1117. background: url(../images/maintab_active_last.gif) no-repeat bottom right;
  1118. padding-right: 8px;
  1119. }
  1120. /* the linktree */
  1121. ul.linktree
  1122. {
  1123. clear: both;
  1124. width: 100%;
  1125. list-style: none;
  1126. margin: 0;
  1127. padding: 1.5em 0.5em 0.5em 0.5em;
  1128. overflow: hidden;
  1129. }
  1130. ul.linktree li
  1131. {
  1132. float: left;
  1133. padding: 0 0.5em 0 0;
  1134. font-size: 0.8em;
  1135. }
  1136. ul.linktree li a
  1137. {
  1138. color: #000;
  1139. }
  1140. ul.linktree li a:hover
  1141. {
  1142. color: #cc3333;
  1143. }
  1144. ul.linktree li span
  1145. {
  1146. font-weight: bold;
  1147. }
  1148. /* the footer area */
  1149. #footerarea
  1150. {
  1151. padding: 1em 0 2em 0;
  1152. text-align: center;
  1153. }
  1154. #footerarea ul
  1155. {
  1156. margin: 0 auto 0 auto;
  1157. }
  1158. #footerarea ul li
  1159. {
  1160. text-align: center;
  1161. display: inline;
  1162. border-right: 1px solid #888;
  1163. margin: 0;
  1164. padding: 0 4px 0 2px;
  1165. }
  1166. /* Note: It is against the license to remove, alter or otherwise hide the copyright output from SMF so please do not alter the two sections below. */
  1167. #footerarea ul li.copyright
  1168. {
  1169. display: block;
  1170. line-height: 0;
  1171. font-size: small;
  1172. padding: 1em;
  1173. }
  1174. #footerarea ul li.copyright, #footerarea ul li.last
  1175. {
  1176. border-right: none;
  1177. }
  1178. /* page created in.. */
  1179. #footerarea p
  1180. {
  1181. clear: both;
  1182. text-align: left;
  1183. padding-left: 0.5em;
  1184. }
  1185. p#show_loadtime
  1186. {
  1187. display: block;
  1188. text-align: center;
  1189. }
  1190. /* the upshrink buttons */
  1191. #upshrink, #advsearch
  1192. {
  1193. margin: 0 1ex;
  1194. }
  1195. /* Styles for a typical table.
  1196. ------------------------------------------------------- */
  1197. table.table_list
  1198. {
  1199. width: 100%;
  1200. }
  1201. table.table_list p
  1202. {
  1203. padding: 0;
  1204. margin: 0;
  1205. }
  1206. table.table_list td,table.table_list th
  1207. {
  1208. padding: 5px;
  1209. }
  1210. table.table_list tbody.header td
  1211. {
  1212. padding: 0;
  1213. }
  1214. table.table_list tbody.content td.stats
  1215. {
  1216. font-size: 90%;
  1217. width: 15%;
  1218. text-align: center;
  1219. }
  1220. table.table_list tbody.content td.lastpost
  1221. {
  1222. line-height: 1.2em;
  1223. font-size: 85%;
  1224. width: 24%;
  1225. }
  1226. table.table_list tbody.content td.icon
  1227. {
  1228. text-align: center;
  1229. width: 6%;
  1230. }
  1231. /* Styles for headers.
  1232. ------------------------------------------------------- */
  1233. /* Styles for headers used in Curve templates. */
  1234. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, div.titlebg, .table_list tbody.header td
  1235. {
  1236. overflow: hidden;
  1237. line-height: 2em;
  1238. font-weight: bold;
  1239. }
  1240. h3.titlebg, h4.titlebg
  1241. {
  1242. border-left: 1px solid #adadad;
  1243. border-right: 1px solid #adadad;
  1244. }
  1245. h3.titlebg, h4.catbg
  1246. {
  1247. padding: 0 0.5em !important;
  1248. }
  1249. h3.catbg img.icon, div.titlebg img.icon, h3.catbg img
  1250. {
  1251. float: left;
  1252. margin: 5px 8px 0 0;
  1253. }
  1254. /* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
  1255. .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
  1256. {
  1257. color: #000;
  1258. font-style: normal;
  1259. background: url(../images/titlebg.jpg) #E9F0F6 repeat-x;
  1260. border-bottom: 1px solid #9baebf;
  1261. border-top: 1px solid #fff;
  1262. padding-left: 10px;
  1263. padding-right: 10px;
  1264. }
  1265. .titlebg, .titlebg a:link, .titlebg a:visited
  1266. {
  1267. font-weight: bold;
  1268. color: #000;
  1269. font-style: normal;
  1270. }
  1271. .titlebg a:hover
  1272. {
  1273. color: #404040;
  1274. }
  1275. /* same as titlebg, but used where bold text is not needed */
  1276. .titlebg2 a:link, .titlebg2 a:visited
  1277. {
  1278. color: #000;
  1279. font-style: normal;
  1280. text-decoration: underline;
  1281. }
  1282. .titlebg2 a:hover
  1283. {
  1284. text-decoration: underline;
  1285. }
  1286. /* This is used for categories, page indexes, and several other areas in the forum.
  1287. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
  1288. .catbg, tr.catbg td, .catbg3, tr.catbg3 td
  1289. {
  1290. background: url(../images/catbg.jpg) #88A6C0 repeat-x;
  1291. color: #fff;
  1292. padding-left: 10px;
  1293. padding-right: 10px;
  1294. }
  1295. .catbg2, tr.catbg2 td
  1296. {
  1297. background: url(../images/catbg2.jpg) #A1BFD9 repeat-x;
  1298. color: #fff;
  1299. padding-left: 10px;
  1300. padding-right: 10px;
  1301. }
  1302. .catbg, .catbg2, .catbg3
  1303. {
  1304. border-bottom: 1px solid #375576;
  1305. }
  1306. .catbg, .catbg2
  1307. {
  1308. font-weight: bold;
  1309. }
  1310. .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
  1311. {
  1312. font-size: 95%;
  1313. color: #fff;
  1314. text-decoration: none;
  1315. }
  1316. .catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited
  1317. {
  1318. color: #fff;
  1319. text-decoration: none;
  1320. }
  1321. .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
  1322. {
  1323. color: #e0e0ff;
  1324. }
  1325. /* Styles for the board index.
  1326. ------------------------------------------------- */
  1327. p#stats
  1328. {
  1329. text-align: right;
  1330. }
  1331. h3#newsfader
  1332. {
  1333. font-size: 1em;
  1334. }
  1335. #smfNewsFader
  1336. {
  1337. font-weight: bold;
  1338. line-height: 1.4em;
  1339. padding: 1em;
  1340. font-size: 1em;
  1341. text-align: center;
  1342. }
  1343. #upshrink_ic
  1344. {
  1345. margin-right: 2ex;
  1346. text-align: right;
  1347. }
  1348. .categoryframe
  1349. {
  1350. margin-top: 0.4em;
  1351. }
  1352. .categoryframe h3
  1353. {
  1354. margin: 0;
  1355. }
  1356. table.boardsframe
  1357. {
  1358. width: 100%;
  1359. }
  1360. table.boardsframe td.icon
  1361. {
  1362. text-align: center;
  1363. padding: 0.5em;
  1364. width: 6%;
  1365. }
  1366. table.boardsframe td.info
  1367. {
  1368. width: 60%;
  1369. padding: 0;
  1370. }
  1371. table.boardsframe td.info h4
  1372. {
  1373. padding: 0.4em 0.4em 0 0.4em;
  1374. margin: 0;
  1375. }
  1376. table.boardsframe td.info p
  1377. {
  1378. padding: 0 0.4em 0.5em 0.4em;
  1379. margin: 0;
  1380. }
  1381. table.boardsframe td.info p.moderators
  1382. {
  1383. font-size: 0.8em;
  1384. font-family: verdana, sans-serif;
  1385. }
  1386. table.boardsframe td.stats
  1387. {
  1388. width: 8%;
  1389. vertical-align: middle;
  1390. text-align: center;
  1391. }
  1392. table.boardsframe td.lastpost
  1393. {
  1394. width: 20%;
  1395. vertical-align: top;
  1396. padding: 0.5em;
  1397. }
  1398. #posticons
  1399. {
  1400. clear: both;
  1401. width: 100%;
  1402. }
  1403. #posticons .buttonlist
  1404. {
  1405. margin-right: 1em;
  1406. float: right;
  1407. }
  1408. /* the newsfader */
  1409. #smfFadeScroller
  1410. {
  1411. text-align: center;
  1412. overflow: auto;
  1413. color: #000000; /* shouldn't be shorthand style due to JS bug in IE! */
  1414. }
  1415. /* Styles for the info center on the board index.
  1416. ---------------------------------------------------- */
  1417. #infocenterframe
  1418. {
  1419. margin-top: 2em;
  1420. clear: both;
  1421. }
  1422. /* each section in infocenter has this class */
  1423. .infocenter_section
  1424. {
  1425. clear: both;
  1426. }
  1427. .infocenter_section p.section
  1428. {
  1429. display: block;
  1430. margin: 0;
  1431. width: 30px;
  1432. text-align: center;
  1433. float: left;
  1434. padding: 0.5em 0 0 0;
  1435. }
  1436. .infocenter_section div.sectionbody
  1437. {
  1438. margin-left: 30px;
  1439. padding: 0.3em;
  1440. border-left: 1px solid #a0a0a0;
  1441. min-height: 25px;
  1442. height: auto !important;
  1443. }
  1444. /* recent posts - or just one recent post */
  1445. dl#infocenter_recentposts
  1446. {
  1447. float: left;
  1448. width: 100%;
  1449. padding: 0;
  1450. margin: 0;
  1451. }
  1452. dl#infocenter_recentposts dt
  1453. {
  1454. clear: left;
  1455. float: left;
  1456. padding: 0.1em;
  1457. width: 68%;
  1458. white-space: nowrap;
  1459. overflow: hidden;
  1460. }
  1461. dl#infocenter_recentposts dd
  1462. {
  1463. clear: right;
  1464. float: right;
  1465. padding: 0.1em;
  1466. width: 25%;
  1467. text-align: right;
  1468. white-space: nowrap;
  1469. overflow: hidden;
  1470. }
  1471. /* login form */
  1472. form#infocenter_login ul.horizlist label
  1473. {
  1474. white-space: nowrap;
  1475. font-size: 90%;
  1476. font-weight: bold;
  1477. }
  1478. /* Styles for the message (topic) index.
  1479. ---------------------------------------------------- */
  1480. #childboards table
  1481. {
  1482. width: 100%;
  1483. }
  1484. .modbuttons
  1485. {
  1486. clear: both;
  1487. width: 100%;
  1488. }
  1489. .buttonlist, .buttonlist_bottom
  1490. {
  1491. margin-right: 1em;
  1492. float: right;
  1493. }
  1494. #messageindex td.icon1, #messageindex td.icon2
  1495. {
  1496. text-align: center;
  1497. padding: 0.5em;
  1498. width: 5%;
  1499. }
  1500. #messageindex td.subject
  1501. {
  1502. padding: 0.5em;
  1503. }
  1504. #messageindex td.starter
  1505. {
  1506. text-align: center;
  1507. padding: 0.5em;
  1508. width: 14%;
  1509. }
  1510. #messageindex td.replies
  1511. {
  1512. text-align: center;
  1513. padding: 0.5em;
  1514. width: 4%;
  1515. }
  1516. #messageindex td.views
  1517. {
  1518. text-align: center;
  1519. padding: 0.5em;
  1520. width: 4%;
  1521. }
  1522. #messageindex td.lastpost
  1523. {
  1524. padding: 0.5em;
  1525. width: 22%;
  1526. }
  1527. #messageindex td.moderation
  1528. {
  1529. text-align: center;
  1530. padding: 0.5em;
  1531. width: 4%;
  1532. }
  1533. #topic_icons p
  1534. {
  1535. display: block;
  1536. padding: 0.5em 0.5em 0.1em 0.5em;
  1537. margin: 0;
  1538. border-bottom: none;
  1539. font-weight: normal !important;
  1540. }
  1541. #topic_icons ul
  1542. {
  1543. display: block;
  1544. padding: 0.5em 1em 0.1em 1em;
  1545. margin: 0;
  1546. border-bottom: none;
  1547. font-weight: normal !important;
  1548. }
  1549. #message_index_jump_to
  1550. {
  1551. margin: 2em 4em 0 2em;
  1552. }
  1553. .lastpost img
  1554. {
  1555. float: right;
  1556. }
  1557. /* Styles for the display template (topic view).
  1558. ---------------------------------------------------- */
  1559. .linked_events
  1560. {
  1561. clear: both;
  1562. margin: 1em 0;
  1563. }
  1564. .linked_events .edit_event
  1565. {
  1566. color: #f00;
  1567. }
  1568. #moderationbuttons
  1569. {
  1570. margin-left: 0.5em;
  1571. }
  1572. #postbuttons .nav, #postbuttons_lower .nav
  1573. {
  1574. margin: 0.5em 0.5em 0 0;
  1575. text-align: right;
  1576. }
  1577. #postbuttons_lower .nav
  1578. {
  1579. margin: 0 0.5em 0.5em 0;
  1580. }
  1581. #postbuttons, #postbuttons_lower
  1582. {
  1583. text-align: right;
  1584. }
  1585. /* Poll question */
  1586. h4#pollquestion
  1587. {
  1588. padding: 1em 0 1em 2em;
  1589. }
  1590. /* Poll vote options */
  1591. #poll_options ul.options
  1592. {
  1593. border-top: 1px solid #696969;
  1594. padding: 1em 2.5em 0 2em;
  1595. margin: 0 0 1em 0;
  1596. }
  1597. #poll_options div.submitbutton
  1598. {
  1599. clear: both;
  1600. padding: 0 0 1em 2em;
  1601. }
  1602. #poll_options div.submitbutton.border
  1603. {
  1604. border-bottom: 1px solid #696969;
  1605. margin: 0 0 1em 0;
  1606. }
  1607. /* Poll results */
  1608. #poll_options dl.options
  1609. {
  1610. border: solid #696969;
  1611. border-width: 1px 0;
  1612. padding: 1em 2.5em 0 2em;
  1613. margin: 0 0 1em 0;
  1614. }
  1615. #poll_options dl.options dt.voted
  1616. {
  1617. font-weight: bold;
  1618. }
  1619. #poll_options dl.options dd
  1620. {
  1621. margin: 0.5em 0 1em 0;
  1622. }
  1623. /* Poll notices */
  1624. #poll_options p
  1625. {
  1626. margin: 0 1.5em 0.2em 1.5em;
  1627. padding: 0 0.5em 0.5em 0.5em;
  1628. }
  1629. div#pollmoderation
  1630. {
  1631. margin: -1em 0 0 2em;
  1632. padding: 0;
  1633. }
  1634. .approve_post
  1635. {
  1636. margin: 2ex;
  1637. padding: 1ex;
  1638. border: 2px dashed #cc3344;
  1639. color: #000;
  1640. font-weight: bold;
  1641. }
  1642. #forumposts h3.catbg3
  1643. {
  1644. font-weight: normal;
  1645. padding: 0.4em;
  1646. overflow: hidden;
  1647. }
  1648. #forumposts h3.catbg3 img
  1649. {
  1650. float: left;
  1651. vertical-align: middle;
  1652. }
  1653. #forumposts h3.catbg3 span
  1654. {
  1655. float: left;
  1656. padding-left: 2%;
  1657. }
  1658. #forumposts h3.catbg3 span#top_subject
  1659. {
  1660. padding-left: 9.5em;
  1661. }
  1662. .poster
  1663. {
  1664. width: 15em;
  1665. float: left;
  1666. }
  1667. .post
  1668. {
  1669. clear: right;
  1670. }
  1671. img.smiley
  1672. {
  1673. vertical-align: bottom;
  1674. }
  1675. .postarea
  1676. {
  1677. margin-left: 16em;
  1678. }
  1679. .messageicon
  1680. {
  1681. float: left;
  1682. margin: 0 0.5em 0.5em 0;
  1683. }
  1684. .messageicon img
  1685. {
  1686. padding: 6px 3px;
  1687. }
  1688. .keyinfo
  1689. {
  1690. float: left;
  1691. clear: none;
  1692. width: 50%;
  1693. min-height: 3em;
  1694. }
  1695. ul.postingbuttons
  1696. {
  1697. float: right;
  1698. padding: 0 0.5em 0 0;
  1699. }
  1700. ul.postingbuttons li
  1701. {
  1702. float: left;
  1703. margin: 0 0.5em 0 0;
  1704. }
  1705. .modifybutton
  1706. {
  1707. float: right;
  1708. margin: 0 0.5em 0.5em 0;
  1709. font: bold 0.85em arial, sans-serif;
  1710. color: #476c8e;
  1711. }
  1712. .attachments
  1713. {
  1714. padding-top: 1em;
  1715. overflow: auto;
  1716. }
  1717. .attachments hr
  1718. {
  1719. clear: both;
  1720. margin: 1em 0 1em 0;
  1721. }
  1722. .postfooter
  1723. {
  1724. margin-left: 16em;
  1725. }
  1726. .topborder
  1727. {
  1728. border-top: 1px solid #bbb;
  1729. }
  1730. .moderatorbar
  1731. {
  1732. clear: right;
  1733. margin: 1em 0 0 16em;
  1734. }
  1735. #pollmoderation, #moderationbuttons_strip
  1736. {
  1737. float: left;
  1738. }
  1739. /* Styles for the quick reply area.
  1740. ---------------------------------------------------- */
  1741. #quickReplyOptions #quickReplyWarning
  1742. {
  1743. border: none;
  1744. text-align: left;
  1745. margin: 0;
  1746. width: 25%;
  1747. float: left;
  1748. }
  1749. #quickReplyOptions #quickReplyContent
  1750. {
  1751. text-align: right;
  1752. float: left;
  1753. width: 67.5%;
  1754. padding: 1em;
  1755. border-left: 1px solid #aaa;
  1756. }
  1757. #quickReplyOptions #quickReplyContent textarea, #quickReplyOptions #quickReplyContent input
  1758. {
  1759. margin-bottom: .5em;
  1760. }
  1761. #quickReplyWarning
  1762. {
  1763. width: 20%;
  1764. float: left;
  1765. padding: 0.5em 1em;
  1766. }
  1767. #quickReplyContent
  1768. {
  1769. width: 75%;
  1770. float: right;
  1771. padding: 0.5em 0;
  1772. }
  1773. #quickReplyOptions .roundframe
  1774. {
  1775. overflow: hidden;
  1776. }
  1777. #quickReplyOptions form textarea
  1778. {
  1779. height: 100px;
  1780. width: 635px;
  1781. max-width: 100%;
  1782. min-width: 100%;
  1783. }
  1784. /* The jump to box */
  1785. #display_jump_to
  1786. {
  1787. clear: both;
  1788. padding: 5px;
  1789. }
  1790. /* Separator of posts. More useful in the print stylesheet. */
  1791. #forumposts .post_separator
  1792. {
  1793. display: none;
  1794. }
  1795. /* Styles for edit post section
  1796. ---------------------------------------------------- */
  1797. form#postmodify .roundframe
  1798. {
  1799. padding: 0 12%;
  1800. }
  1801. #post_header
  1802. {
  1803. margin-bottom: 0.5em;
  1804. padding: 0.5em;
  1805. overflow: hidden;
  1806. }
  1807. #post_header dt
  1808. {
  1809. float: left;
  1810. margin: 0;
  1811. padding: 0;
  1812. width: 15%;
  1813. margin: .3em 0;
  1814. font-weight: bold;
  1815. }
  1816. #post_header dd
  1817. {
  1818. float: left;
  1819. margin: 0;
  1820. padding: 0;
  1821. width: 83%;
  1822. margin: .3em 0;
  1823. }
  1824. #post_header img
  1825. {
  1826. vertical-align: middle;
  1827. }
  1828. ul.post_options
  1829. {
  1830. margin: 0 0 0 1em;
  1831. padding: 0;
  1832. list-style: none;
  1833. overflow: hidden;
  1834. }
  1835. ul.post_options li
  1836. {
  1837. margin: 0.2em 0;
  1838. width: 49%;
  1839. float: left;
  1840. }
  1841. #postAdditionalOptionsHeader
  1842. {
  1843. margin-top: 1em;
  1844. }
  1845. #postMoreOptions
  1846. {
  1847. border-bottom: 1px solid #666;
  1848. padding: 0.5em;
  1849. }
  1850. #postAttachment, #postAttachment2
  1851. {
  1852. overflow: hidden;
  1853. margin: .5em 0;
  1854. padding: 0;
  1855. border-bottom: 1px solid #666;
  1856. padding: 0.5em;
  1857. }
  1858. #postAttachment dd, #postAttachment2 dd
  1859. {
  1860. margin: .3em 0 .3em 1em;
  1861. }
  1862. #postAttachment dt, #postAttachment2 dt
  1863. {
  1864. font-weight: bold;
  1865. }
  1866. #postAttachment3
  1867. {
  1868. margin-left: 1em;
  1869. }
  1870. #post_confirm_strip, #shortcuts
  1871. {
  1872. padding: 1em 0 0 0;
  1873. }
  1874. .post_verification
  1875. {
  1876. margin-top: .5em;
  1877. }
  1878. .post_verification #verification_control
  1879. {
  1880. margin: .3em 0 .3em 1em;
  1881. }
  1882. /* The BBC buttons */
  1883. #bbcBox_message
  1884. {
  1885. margin: 1em 0 0.5em 0;
  1886. }
  1887. #bbcBox_message div
  1888. {
  1889. margin: 0.2em 0;
  1890. vertical-align: top;
  1891. }
  1892. #bbcBox_message div img
  1893. {
  1894. margin: 0 1px 0 0;
  1895. vertical-align: top;
  1896. }
  1897. #bbcBox_message select
  1898. {
  1899. margin: 0 2px;
  1900. }
  1901. /* The smiley strip */
  1902. #smileyBox_message
  1903. {
  1904. margin: 0.75em 0 0.5em 0;
  1905. }
  1906. /* Styles for edit event section
  1907. ---------------------------------------------------- */
  1908. #post_event .roundframe
  1909. {
  1910. padding: 1% 12%;
  1911. }
  1912. #post_event fieldset
  1913. {
  1914. margin-bottom: 0.5em;
  1915. border: 1px solid #c4c4c4;
  1916. padding: 0.5em;
  1917. clear: both;
  1918. }
  1919. #post_event legend
  1920. {
  1921. font-weight: bold;
  1922. color: #000;
  1923. }
  1924. #post_event #event_main input
  1925. {
  1926. margin: 0 0 1em 0;
  1927. float: left;
  1928. }
  1929. #post_event #event_main div.smalltext
  1930. {
  1931. width: 33em;
  1932. float: right;
  1933. }
  1934. #post_event div.event_options
  1935. {
  1936. float: right;
  1937. }
  1938. #post_event ul.event_main, ul.event_options
  1939. {
  1940. padding: 0;
  1941. overflow: hidden;
  1942. }
  1943. #post_event ul.event_main li
  1944. {
  1945. list-style-type: none;
  1946. margin: 0.2em 0;
  1947. width: 49%;
  1948. float: left;
  1949. }
  1950. #post_event ul.event_options
  1951. {
  1952. margin: 0;
  1953. padding: 0 0 .7em .7em;
  1954. }
  1955. #post_event ul.event_options li
  1956. {
  1957. list-style-type: none;
  1958. margin: 0;
  1959. float: left;
  1960. }
  1961. #post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
  1962. {
  1963. margin: 0 1em 0 0;
  1964. }
  1965. /* Styles for edit poll section.
  1966. ---------------------------------------------------- */
  1967. #edit_poll
  1968. {
  1969. overflow: hidden;
  1970. }
  1971. #edit_poll fieldset
  1972. {
  1973. margin: 0.5em 0;
  1974. border: 1px solid #c4c4c4;
  1975. padding: 0.5em;
  1976. clear: both;
  1977. overflow: hidden;
  1978. }
  1979. #edit_poll legend
  1980. {
  1981. font-weight: bold;
  1982. color: #000;
  1983. }
  1984. #edit_poll fieldset input
  1985. {
  1986. margin-left: 8.6em;
  1987. }
  1988. #edit_poll ul.poll_main li
  1989. {
  1990. padding-left: 1em;
  1991. }
  1992. #edit_poll ul.poll_main input
  1993. {
  1994. margin-left: 1em;
  1995. }
  1996. #edit_poll ul.poll_main, dl.poll_options
  1997. {
  1998. overflow: hidden;
  1999. padding: 0 0 .7em .7em;
  2000. list-style: none;
  2001. }
  2002. #edit_poll ul.poll_main li
  2003. {
  2004. margin: 0.2em 0;
  2005. }
  2006. #edit_poll dl.poll_options dt
  2007. {
  2008. width: 33%;
  2009. padding: 0 0 0 1em;
  2010. }
  2011. #edit_poll dl.poll_options dd
  2012. {
  2013. width: 65%;
  2014. }
  2015. #edit_poll dl.poll_options dd input
  2016. {
  2017. margin-left: 0;
  2018. }
  2019. /* Styles for the recent messages section.
  2020. ---------------------------------------------------- */
  2021. .readbuttons
  2022. {
  2023. clear: both;
  2024. width: 100%;
  2025. }
  2026. .buttonlist, .buttonlist_bottom
  2027. {
  2028. margin-right: 1em;
  2029. float: right;
  2030. }
  2031. /* Styles for the move topic section.
  2032. ---------------------------------------------------- */
  2033. #move_topic dl
  2034. {
  2035. margin-bottom: 0;
  2036. }
  2037. .move_topic
  2038. {
  2039. width: 710px;
  2040. margin: auto;
  2041. text-align: left;
  2042. }
  2043. div.move_topic fieldset
  2044. {
  2045. margin: 0.5em 0;
  2046. border: 1px solid #cacdd3;
  2047. padding: 0.5em;
  2048. }
  2049. /* Styles for the send topic section.
  2050. ---------------------------------------------------- */
  2051. fieldset.send_topic
  2052. {
  2053. margin-bottom: 0.5em;
  2054. border: none;
  2055. padding: 0.5em;
  2056. }
  2057. dl.send_topic
  2058. {
  2059. margin-bottom: 0;
  2060. }
  2061. dl.send_mail dt
  2062. {
  2063. width: 35%;
  2064. }
  2065. dl.send_mail dd
  2066. {
  2067. width: 64%;
  2068. }
  2069. /* Styles for the split topic section.
  2070. ---------------------------------------------------- */
  2071. div#selected, div#not_selected
  2072. {
  2073. width: 49%;
  2074. }
  2075. ul.split_messages li.windowbg, ul.split_messages li.windowbg2
  2076. {
  2077. border: 1px solid #adadad;
  2078. padding: 1em;
  2079. margin: 1px;
  2080. }
  2081. ul.split_messages li a.split_icon
  2082. {
  2083. padding: 0 0.5em;
  2084. }
  2085. ul.split_messages div.post
  2086. {
  2087. padding: 1em 0 0 0;
  2088. border-top: 1px solid #fff;
  2089. }
  2090. /* Styles for the report topic section.
  2091. ---------------------------------------------------- */
  2092. #report_topic dl
  2093. {
  2094. margin-bottom: 0;
  2095. }
  2096. #report_topic dl.settings dt
  2097. {
  2098. width: 20%;
  2099. }
  2100. #report_topic dl.settings dd
  2101. {
  2102. width: 79%;
  2103. }
  2104. /* Styles for the merge topic section.
  2105. ---------------------------------------------------- */
  2106. ul.merge_topics li
  2107. {
  2108. list-style-type: none;
  2109. }
  2110. dl.merge_topic dt
  2111. {
  2112. width: 25%;
  2113. }
  2114. dl.merge_topic dd
  2115. {
  2116. width: 74%;
  2117. }
  2118. fieldset.merge_options
  2119. {
  2120. margin-bottom: 0.5em;
  2121. }
  2122. fieldset.merge_options legend
  2123. {
  2124. font-weight: bold;
  2125. }
  2126. .custom_subject
  2127. {
  2128. margin: 0.5em 0;
  2129. }
  2130. /* Styles for the login areas.
  2131. ------------------------------------------------------- */
  2132. .login
  2133. {
  2134. width: 540px;
  2135. margin: 0 auto;
  2136. }
  2137. .login dl
  2138. {
  2139. overflow: auto;
  2140. clear: right;
  2141. }
  2142. .login dt, .login dd
  2143. {
  2144. margin: 0 0 0.4em 0;
  2145. width: 44%;
  2146. padding: 0.1em;
  2147. }
  2148. .login dt
  2149. {
  2150. float: left;
  2151. clear: both;
  2152. text-align: right;
  2153. font-weight: bold;
  2154. }
  2155. .login dd
  2156. {
  2157. width: 54%;
  2158. float: right;
  2159. text-align: left;
  2160. }
  2161. .login p
  2162. {
  2163. text-align: center;
  2164. }
  2165. .login h3 img
  2166. {
  2167. float: left;
  2168. margin: 4px 0.5em 0 0;
  2169. }
  2170. /* Styles for the registration section.
  2171. ------------------------------------------------------- */
  2172. .register_error
  2173. {
  2174. border: 1px dashed red;
  2175. padding: 5px;
  2176. margin: 0 1ex 1ex 1ex;
  2177. }
  2178. .register_error span
  2179. {
  2180. text-decoration: underline;
  2181. }
  2182. /* Additional profile fields */
  2183. dl.register_form
  2184. {
  2185. margin: 0;
  2186. clear: right;
  2187. overflow: auto;
  2188. }
  2189. dl.register_form dt
  2190. {
  2191. font-weight: normal;
  2192. float: left;
  2193. clear: both;
  2194. width: 50%;
  2195. margin: 0.5em 0 0 0;
  2196. }
  2197. dl.register_form dt strong
  2198. {
  2199. font-weight: bold;
  2200. }
  2201. dl.register_form dt span
  2202. {
  2203. display: block;
  2204. }
  2205. dl.register_form dd
  2206. {
  2207. float: left;
  2208. width: 49%;
  2209. margin: 0.5em 0 0 0;
  2210. }
  2211. #confirm_buttons
  2212. {
  2213. text-align: center;
  2214. padding: 1em 0;
  2215. }
  2216. .coppa_contact
  2217. {
  2218. padding: 4px;
  2219. width: 32ex;
  2220. background-color: #fff;
  2221. color: #000;
  2222. margin-left: 5ex;
  2223. border: 1px solid #000;
  2224. }
  2225. .valid_input
  2226. {
  2227. background-color: #f5fff0;
  2228. }
  2229. .invalid_input
  2230. {
  2231. background-color: #fff0f0;
  2232. }
  2233. /* Styles for maintenance mode.
  2234. ------------------------------------------------------- */
  2235. #maintenance_mode
  2236. {
  2237. width: 75%;
  2238. min-width: 520px;
  2239. text-align: left;
  2240. }
  2241. #maintenance_mode img.floatleft
  2242. {
  2243. margin-right: 1em;
  2244. }
  2245. /* common for all admin sections */
  2246. h3.titlebg img
  2247. {
  2248. vertical-align: middle;
  2249. margin-right: 0.5em;
  2250. }
  2251. tr.titlebg td
  2252. {
  2253. padding-left: 0.7em;
  2254. }
  2255. #admin_menu
  2256. {
  2257. min-height: 2em;
  2258. padding-left: 0;
  2259. }
  2260. #admin_content
  2261. {
  2262. clear: left;
  2263. }
  2264. #admin_login .centertext
  2265. {
  2266. padding: 1em;
  2267. }
  2268. #admin_login .centertext .error
  2269. {
  2270. padding: 0 0 1em 0;
  2271. }
  2272. /* Styles for sidebar menus.
  2273. ------------------------------------------------------- */
  2274. .left_admmenu, .left_admmenu ul, .left_admmenu li
  2275. {
  2276. padding: 0;
  2277. margin: 0;
  2278. list-style: none;
  2279. }
  2280. #left_admsection
  2281. {
  2282. background-color: #ecedf3;
  2283. padding: 1px;
  2284. border: 1px solid #ADADAD;
  2285. width: 160px;
  2286. float: left;
  2287. margin-right: 10px;
  2288. }
  2289. .adm_section h4.titlebg
  2290. {
  2291. font-size: 95%;
  2292. margin-bottom: 5px;
  2293. }
  2294. #main_container
  2295. {
  2296. position: relative;
  2297. }
  2298. .left_admmenu li
  2299. {
  2300. padding: 0 0 0 0.5em;
  2301. }
  2302. .left_admmenu
  2303. {
  2304. margin-bottom: 1.1em;
  2305. }
  2306. #main_admsection
  2307. {
  2308. position: relative;
  2309. left: 0;
  2310. right: 0;
  2311. overflow: hidden;
  2312. }
  2313. tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
  2314. {
  2315. padding: 0.3em 0.7em;
  2316. }
  2317. #credits p
  2318. {
  2319. padding: 0;
  2320. font-style: italic;
  2321. margin: 0;
  2322. }
  2323. /* Styles for generic tables.
  2324. ------------------------------------------------------- */
  2325. .topic_table table
  2326. {
  2327. width: 100%;
  2328. }
  2329. .topic_table .icon1, .topic_table .icon2, .topic_table .stats
  2330. {
  2331. text-align: center;
  2332. }
  2333. #topic_icons
  2334. {
  2335. margin-top: 1em;
  2336. }
  2337. #topic_icons .description
  2338. {
  2339. margin: 0;
  2340. }
  2341. .topic_table table thead
  2342. {
  2343. border-bottom: 1px solid #fff;
  2344. }
  2345. /* the subject column */
  2346. .topic_table td
  2347. {
  2348. font-size: 1em;
  2349. }
  2350. .topic_table td.subject
  2351. {
  2352. padding: 4px;
  2353. }
  2354. .topic_table td.subject p, .topic_table td.stats, .topic_table td.lastpost
  2355. {
  2356. font-size: 0.85em;
  2357. padding: 0;
  2358. margin: 0;
  2359. }
  2360. .topic_table td.lastpost, .topic_table td.lastpost
  2361. {
  2362. font-size: 0.9em;
  2363. line-height: 100%;
  2364. padding: 4px;
  2365. }
  2366. .topic_table td.stickybg2
  2367. {
  2368. background-image: url(../images/icons/quick_sticky.gif);
  2369. background-repeat: no-repeat;
  2370. background-position: 98% 4px;
  2371. }
  2372. .topic_table td.lockedbg2
  2373. {
  2374. background-image: url(../images/icons/quick_lock.gif);
  2375. background-repeat: no-repeat;
  2376. background-position: 98% 4px;
  2377. }
  2378. .topic_table td.lastpost
  2379. {
  2380. background-image: none;
  2381. }
  2382. /* Styles for (fatal) errors.
  2383. ------------------------------------------------- */
  2384. #fatal_error
  2385. {
  2386. border: 1px solid #aaa;
  2387. }
  2388. .errorbox
  2389. {
  2390. padding: 1em;
  2391. border: 1px solid #cc3344;
  2392. color: #000;
  2393. background-color: #ffe4e9;
  2394. margin: 1em 0;
  2395. }
  2396. .errorbox h3
  2397. {
  2398. padding: 0;
  2399. margin: 0;
  2400. font-size: 1.1em;
  2401. text-decoration: underline;
  2402. }
  2403. .errorbox p
  2404. {
  2405. margin: 1em 0 0 0;
  2406. }
  2407. .errorbox p.alert
  2408. {
  2409. padding: 0;
  2410. margin: 0;
  2411. float: left;
  2412. width: 1em;
  2413. font-size: 1.5em;
  2414. }
  2415. /* Styles for the profile section.
  2416. ------------------------------------------------- */
  2417. dl
  2418. {
  2419. overflow: auto;
  2420. margin: 0;
  2421. padding: 0;
  2422. }
  2423. /* Fixes for the core theme */
  2424. #profileview
  2425. {
  2426. padding: 1px;
  2427. border: 1px solid #696969;
  2428. background-color: #ecedf3;
  2429. }
  2430. #profileview .content
  2431. {
  2432. border: none;
  2433. }
  2434. #basicinfo .content
  2435. {
  2436. padding: 1em;
  2437. }
  2438. #detailedinfo .content
  2439. {
  2440. padding: 0.7em 1.2em;
  2441. border-left: 1px solid #aaa;
  2442. }
  2443. /* The basic user info on the left */
  2444. #basicinfo
  2445. {
  2446. width: 20%;
  2447. float: left;
  2448. }
  2449. #detailedinfo
  2450. {
  2451. width: 78%;
  2452. float: right;
  2453. }
  2454. #basicinfo h4
  2455. {
  2456. font-size: 135%;
  2457. font-weight: 100;
  2458. line-height: 105%;
  2459. white-space: pre-wrap; /* css-2.1 */
  2460. word-wrap: break-word; /* Internet Explorer 5.5+ */
  2461. overflow: hidden;
  2462. }
  2463. #basicinfo h4 span.position
  2464. {
  2465. font-size: 80%;
  2466. font-weight: 100;
  2467. display: block;
  2468. }
  2469. #basicinfo img.avatar
  2470. {
  2471. display: block;
  2472. margin: 10px 0 0 0;
  2473. }
  2474. #basicinfo ul
  2475. {
  2476. list-style-type: none;
  2477. margin: 10px 0 0 0;
  2478. }
  2479. #basicinfo ul li
  2480. {
  2481. display: block;
  2482. float: left;
  2483. margin-right: 5px;
  2484. height: 20px;
  2485. }
  2486. #basicinfo span#userstatus
  2487. {
  2488. display: block;
  2489. clear: both;
  2490. }
  2491. #basicinfo span#userstatus img
  2492. {
  2493. vertical-align: middle;
  2494. }
  2495. #detailedinfo div.content dl, #tracking div.content dl
  2496. {
  2497. clear: right;
  2498. overflow: auto;
  2499. margin: 0 0 18px 0;
  2500. padding: 0 0 15px 0;
  2501. border-bottom: 1px solid #ccc;
  2502. }
  2503. #detailedinfo div.content dt, #tracking div.content dt
  2504. {
  2505. width: 30%;
  2506. float: left;
  2507. margin: 0 0 3px 0;
  2508. padding: 0;
  2509. font-weight: bold;
  2510. clear: both;
  2511. }
  2512. #detailedinfo div.content dd, #tracking div.content dd
  2513. {
  2514. width: 70%;
  2515. float: left;
  2516. margin: 0 0 3px 0;
  2517. padding: 0;
  2518. }
  2519. #detailedinfo div.content dl.noborder
  2520. {
  2521. border-bottom: 0;
  2522. }
  2523. #detailedinfo div.content dt.clear
  2524. {
  2525. width: 100%;
  2526. }
  2527. .signature, .custom_fields_above_signature, .attachments
  2528. {
  2529. width: 98%;
  2530. overflow: auto;
  2531. clear: right;
  2532. border-top: 1px solid #666;
  2533. }
  2534. .signature h5
  2535. {
  2536. font-size: 100%;
  2537. margin-bottom: 10px;
  2538. }
  2539. #personal_picture
  2540. {
  2541. display: block;
  2542. margin-bottom: 0.3em;
  2543. }
  2544. #avatar_server_stored div
  2545. {
  2546. float: left;
  2547. }
  2548. #main_admsection #basicinfo, #main_admsection #detailedinfo
  2549. {
  2550. width: 100%;
  2551. }
  2552. #main_admsection #detailedinfo .content
  2553. {
  2554. border: none !important;
  2555. }
  2556. #main_admsection #basicinfo
  2557. {
  2558. border-bottom: 1px solid #ccc;
  2559. }
  2560. #main_admsection #basicinfo h4
  2561. {
  2562. float: left;
  2563. }
  2564. #main_admsection #basicinfo img.avatar
  2565. {
  2566. float: right;
  2567. vertical-align: top;
  2568. }
  2569. #main_admsection #basicinfo ul
  2570. {
  2571. clear: left;
  2572. padding-top: 10px;
  2573. }
  2574. #main_admsection #basicinfo span#userstatus
  2575. {
  2576. clear: left;
  2577. }
  2578. #main_admsection #basicinfo p#infolinks
  2579. {
  2580. display: none;
  2581. clear: both;
  2582. }
  2583. #main_admsection #basicinfo .botslice
  2584. {
  2585. clear: both;
  2586. }
  2587. /* Simple feedback messages */
  2588. div#profile_error, div#profile_success
  2589. {
  2590. margin: 0 0 1em 0;
  2591. padding: 1em 2em;
  2592. border: 1px solid;
  2593. }
  2594. div#profile_error
  2595. {
  2596. border-color: red;
  2597. color: red;
  2598. background: #fee;
  2599. }
  2600. div#profile_error span
  2601. {
  2602. text-decoration: underline;
  2603. }
  2604. div#profile_success
  2605. {
  2606. border-color: green;
  2607. color: green;
  2608. background: #efe;
  2609. }
  2610. /* Profile statistics */
  2611. #generalstats div.content dt
  2612. {
  2613. width: 50%;
  2614. float: left;
  2615. margin: 0 0 3px 0;
  2616. padding: 0;
  2617. font-weight: bold;
  2618. clear: both;
  2619. }
  2620. #generalstats div.content dd
  2621. {
  2622. width: 50%;
  2623. float: left;
  2624. margin: 0 0 3px 0;
  2625. padding: 0;
  2626. }
  2627. /* Activity by time */
  2628. .activity_stats
  2629. {
  2630. margin: 0;
  2631. padding: 0;
  2632. list-style: none;
  2633. }
  2634. .activity_stats li
  2635. {
  2636. width: 4.16%;
  2637. float: left;
  2638. }
  2639. .activity_stats li span
  2640. {
  2641. display: block;
  2642. border: solid #000;
  2643. border-width: 1px 1px 0 0;
  2644. text-align: center;
  2645. }
  2646. .activity_stats li.last span
  2647. {
  2648. border-right: none;
  2649. }
  2650. .activity_stats li div.bar
  2651. {
  2652. margin: 0 auto;
  2653. width: 15px;
  2654. }
  2655. .activity_stats li div.bar div
  2656. {
  2657. background: url('../images/bar.gif');
  2658. }
  2659. .activity_stats li div.bar span
  2660. {
  2661. position: absolute;
  2662. top: -1000em;
  2663. left: -1000em;
  2664. }
  2665. /* Most popular boards by posts and activity */
  2666. #popularposts
  2667. {
  2668. width: 50%;
  2669. float: left;
  2670. }
  2671. #popularactivity
  2672. {
  2673. width: 50%;
  2674. float: right;
  2675. }
  2676. #popularposts div.content dt, #popularactivity div.content dt
  2677. {
  2678. width: 65%;
  2679. float: left;
  2680. margin: 0 0 3px 0;
  2681. padding: 0;
  2682. font-weight: bold;
  2683. clear: both;
  2684. }
  2685. #popularposts div.content dd, #popularactivity div.content dd
  2686. {
  2687. width: 35%;
  2688. float: left;
  2689. margin: 0 0 3px 0;
  2690. padding: 0;
  2691. }
  2692. .profile_pie
  2693. {
  2694. background-image: url(../images/stats_pie.png);
  2695. float: left;
  2696. height: 20px;
  2697. width: 20px;
  2698. margin: 0 1em 0 0;
  2699. padding: 0;
  2700. text-indent: -1000em;
  2701. }
  2702. /* View posts */
  2703. .time
  2704. {
  2705. float: right;
  2706. }
  2707. .counter
  2708. {
  2709. margin: 0 0 0 0;
  2710. padding: 0.2em 0.5em 0.1em 0.2em;
  2711. font-size: 2.2em;
  2712. font-weight: bold;
  2713. color: #354c5f;
  2714. float: left;
  2715. }
  2716. .list_posts
  2717. {
  2718. border-top: 1px solid #adadad;
  2719. padding-top: 1em;
  2720. margin-top: 0.5em;
  2721. }
  2722. div.core_posts
  2723. {
  2724. border: 1px solid #adadad;
  2725. margin-bottom: 3px;
  2726. }
  2727. div.core_posts div.content
  2728. {
  2729. background: none;
  2730. border: none;
  2731. }
  2732. .topic h4
  2733. {
  2734. margin: 3px 0;
  2735. }
  2736. .mod_icons
  2737. {
  2738. text-align: right;
  2739. margin-right: 1em;
  2740. }
  2741. #permissions div.tborder
  2742. {
  2743. margin-bottom: 2em;
  2744. }
  2745. #permissions ul
  2746. {
  2747. padding: 0;
  2748. margin: 1px 0 0 0;
  2749. border-top: 1px solid #e5e5e8;
  2750. float: left;
  2751. width: 100%;
  2752. }
  2753. #permissions div.permission_name
  2754. {
  2755. width: 48%;
  2756. list-style: none;
  2757. border-right: 1px solid #e5e5e8;
  2758. background: #ecedf3;
  2759. margin: 0 1% 0 0;
  2760. padding: 0.7em 0.7em 0.8em 0.7em;
  2761. line-height: 1em;
  2762. }
  2763. #permissions li
  2764. {
  2765. width: 100%;
  2766. padding: 0;
  2767. list-style: none;
  2768. margin: 0 0 1px 0;
  2769. }
  2770. #permissions li span.permission_status, #permissions li span.alert
  2771. {
  2772. line-height: 2.9em;
  2773. font-size: 0.85em;
  2774. }
  2775. #tracking div.content dl
  2776. {
  2777. border-bottom: 0;
  2778. margin: 0;
  2779. padding: 0;
  2780. }
  2781. #creator dl
  2782. {
  2783. margin: 0;
  2784. }
  2785. #creator dt
  2786. {
  2787. width: 40%;
  2788. float: left;
  2789. clear: both;
  2790. margin: 0 0 10px 0;
  2791. }
  2792. #creator dd
  2793. {
  2794. float: left;
  2795. width: 60%;
  2796. margin: 0 0 10px 0;
  2797. overflow: auto;
  2798. }
  2799. .ignoreboards
  2800. {
  2801. margin: 0 2%;
  2802. padding: 0;
  2803. width: 45%;
  2804. }
  2805. .ignoreboards a
  2806. {
  2807. font-weight: bold;
  2808. text-decoration: none;
  2809. border-bottom: 1px solid #c4c4c4;
  2810. padding: 0.1em 0;
  2811. }
  2812. .ignoreboards a:hover
  2813. {
  2814. text-decoration: none;
  2815. border-bottom: 1px solid #476c8e;
  2816. }
  2817. .ignoreboards ul
  2818. {
  2819. margin: 0;
  2820. padding: 0;
  2821. }
  2822. .ignoreboards li
  2823. {
  2824. list-style: none;
  2825. float: left;
  2826. clear: both;
  2827. }
  2828. .ignoreboards li.category
  2829. {
  2830. margin: 0.7em 0 0 0;
  2831. width: 100%;
  2832. }
  2833. .ignoreboards li ul
  2834. {
  2835. margin: 0.2em 0 0 0;
  2836. }
  2837. .ignoreboards li.category ul li.board
  2838. {
  2839. width: 93%;
  2840. }
  2841. #theme_settings
  2842. {
  2843. overflow: auto;
  2844. margin: 0;
  2845. padding: 0;
  2846. }
  2847. #theme_settings li
  2848. {
  2849. list-style: none;
  2850. margin: 10px 0;
  2851. padding: 0;
  2852. }
  2853. /*Paid Subscriptions*/
  2854. #paid_subscription
  2855. {
  2856. width: 100%;
  2857. }
  2858. #paid_subscription dl.settings
  2859. {
  2860. margin-bottom: 0;
  2861. }
  2862. #paid_subscription dl.settings dd, #paid_subscription dl.settings dt
  2863. {
  2864. margin-bottom: 4px;
  2865. }
  2866. /*pick theme*/
  2867. #pick_theme
  2868. {
  2869. width: 100%;
  2870. float: left;
  2871. }
  2872. /*Issue a warning*/
  2873. #warn_body{
  2874. width: 80%;
  2875. font-size: 0.9em;
  2876. }
  2877. /* Styles for the statistics center.
  2878. ------------------------------------------------- */
  2879. #statistics
  2880. {
  2881. padding-bottom: 0.5em;
  2882. }
  2883. #statistics h4.titlebg
  2884. {
  2885. text-align: center;
  2886. margin-bottom: 5px;
  2887. }
  2888. #stats_left, #top_posters, #top_topics_replies, #top_topics_starter
  2889. {
  2890. float: left;
  2891. width: 49.5%;
  2892. }
  2893. #stats_right, #top_boards, #top_topics_views, #most_online
  2894. {
  2895. float: right;
  2896. width: 49.5%;
  2897. }
  2898. dl.stats
  2899. {
  2900. clear: both;
  2901. overflow: hidden;
  2902. margin: 0;
  2903. padding: 0;
  2904. }
  2905. dl.stats dt
  2906. {
  2907. width: 49%;
  2908. float: left;
  2909. margin: 0 0 4px 0;
  2910. line-height: 16px;
  2911. padding: 0;
  2912. clear: both;
  2913. font-size: 1em;
  2914. }
  2915. dl.stats dd
  2916. {
  2917. text-align: right;
  2918. width: 50%;
  2919. font-size: 1em;
  2920. float: right;
  2921. margin: 0 0 4px 0;
  2922. line-height: 16px;
  2923. padding: 0;
  2924. }
  2925. .stats_bar
  2926. {
  2927. float: left;
  2928. background-image: url(../images/bar_stats.png);
  2929. height: 16px;
  2930. font-size: 0.9em;
  2931. display: block;
  2932. text-align: left;
  2933. color: #fff;
  2934. font-weight: bold;
  2935. background-position: top center;
  2936. }
  2937. .stats_bar span
  2938. {
  2939. padding-left: 2px;
  2940. }
  2941. /* Styles for the personal messages section.
  2942. ------------------------------------------------- */
  2943. #personal_messages
  2944. {
  2945. padding: 1px;
  2946. }
  2947. #personal_messages #top_subject
  2948. {
  2949. padding-left: 11.75em !important;
  2950. }
  2951. #personal_messages div.labels
  2952. {
  2953. padding: 0 1em 0 0;
  2954. }
  2955. #personal_messages .capacity_bar
  2956. {
  2957. background: #fff;
  2958. border: 1px solid #000;
  2959. height: 7px;
  2960. width: 75%;
  2961. margin: 0 auto;
  2962. }
  2963. #personal_messages .capacity_bar div
  2964. {
  2965. border: none;
  2966. height: 7px;
  2967. }
  2968. #personal_messages .capacity_bar div.empty
  2969. {
  2970. background: #468008;
  2971. }
  2972. #personal_messages .capacity_bar div.filled
  2973. {
  2974. background: #EEA800;
  2975. }
  2976. #personal_messages .capacity_bar div.full
  2977. {
  2978. background: #A53D05;
  2979. }
  2980. #personal_messages .reportlinks
  2981. {
  2982. padding: 0.5em 1.3em;
  2983. }
  2984. #searchLabelsExpand li
  2985. {
  2986. padding: 0.3em 0.5em;
  2987. }
  2988. /* Styles for the calendar section.
  2989. ------------------------------------------------- */
  2990. .calendar_table
  2991. {
  2992. margin-bottom: 0.7em;
  2993. }
  2994. /* Used to indicate the current day in the grid. */
  2995. .calendar_today
  2996. {
  2997. background-color: #fff;
  2998. }
  2999. #month_grid
  3000. {
  3001. width: 200px;
  3002. text-align: center;
  3003. float: left;
  3004. }
  3005. #month_grid table
  3006. {
  3007. width: 200px;
  3008. border-collapse: collapse;
  3009. border: 1px solid #adadad;
  3010. }
  3011. #month_grid table td, #month_grid table th
  3012. {
  3013. border: 1px solid #adadad;
  3014. }
  3015. #main_grid table
  3016. {
  3017. width: 100%;
  3018. padding-bottom: 4px;
  3019. border-collapse: collapse;
  3020. border: 1px solid #adadad;
  3021. }
  3022. #main_grid table td, #main_grid table th
  3023. {
  3024. border: 1px solid #adadad;
  3025. }
  3026. #main_grid table h3.catbg
  3027. {
  3028. text-align: center;
  3029. border-top: 1px solid #adadad;
  3030. border-bottom: none;
  3031. }
  3032. #main_grid table h4
  3033. {
  3034. border: none;
  3035. }
  3036. #main_grid table.weeklist td.windowbg
  3037. {
  3038. text-align: center;
  3039. height: 49px;
  3040. width: 25px;
  3041. font-size: large;
  3042. padding: 0 7px;
  3043. border-bottom: 1px solid #adadad;
  3044. }
  3045. #main_grid table.weeklist td.weekdays
  3046. {
  3047. height: 49px;
  3048. width: 100%;
  3049. padding: 4px;
  3050. text-align: left;
  3051. vertical-align: middle;
  3052. border-right: 1px solid #adadad;
  3053. border-bottom: 1px solid #adadad;
  3054. }
  3055. #main_grid h3.weekly
  3056. {
  3057. text-align: center;
  3058. padding-left: 0;
  3059. font-size: large;
  3060. height: 29px;
  3061. }
  3062. #main_grid h3 span.floatleft, #main_grid h3 span.floatright
  3063. {
  3064. display: block;
  3065. }
  3066. #main_grid table th.days
  3067. {
  3068. width: 14%;
  3069. }
  3070. #main_grid table td.weeks
  3071. {
  3072. vertical-align: middle;
  3073. text-align: center;
  3074. }
  3075. #main_grid table td.days
  3076. {
  3077. vertical-align: top;
  3078. }
  3079. a.modify_event
  3080. {
  3081. color: red;
  3082. }
  3083. span.hidelink
  3084. {
  3085. font-style: italic;
  3086. }
  3087. #calendar_navigation
  3088. {
  3089. text-align: center;
  3090. }
  3091. #calendar .buttonlist_bottom
  3092. {
  3093. border-bottom: 1px solid #adadad;
  3094. padding: 0 0 0 1ex;
  3095. margin: 0 0 1ex 0;
  3096. }
  3097. /* Styles for the memberlist section.
  3098. ------------------------------------------------- */
  3099. #mlist_search
  3100. {
  3101. margin: auto;
  3102. width: 400px;
  3103. }
  3104. /* Styles for the basic search section.
  3105. ------------------------------------------------- */
  3106. #simple_search p
  3107. {
  3108. padding: 0.5em;
  3109. }
  3110. #simple_search, #simple_search p, #advanced_search
  3111. {
  3112. text-align: center !important;
  3113. margin: 0;
  3114. }
  3115. #search_error
  3116. {
  3117. font-style: italic;
  3118. padding: 0.3em 1em;
  3119. }
  3120. #search_term_input
  3121. {
  3122. font-size: 115%;
  3123. margin: 0 0 1em;
  3124. }
  3125. /* Styles for the advanced search section.
  3126. ------------------------------------------------- */
  3127. #searchform fieldset
  3128. {
  3129. text-align: left;
  3130. padding: 0;
  3131. margin: 0;
  3132. border: none;
  3133. }
  3134. fieldset#advanced_search .roundframe
  3135. {
  3136. border-bottom: none !important;
  3137. }
  3138. #advanced_search dl#search_options
  3139. {
  3140. margin: 0 auto;
  3141. width: 600px;
  3142. padding-top: 1em;
  3143. overflow: hidden;
  3144. }
  3145. #advanced_search dt
  3146. {
  3147. clear: both;
  3148. float: left;
  3149. padding: 0.2em;
  3150. text-align: right;
  3151. width: 20%;
  3152. }
  3153. #advanced_search dd
  3154. {
  3155. width: 75%;
  3156. float: left;
  3157. padding: 0.2em;
  3158. margin: 0 0 0 0.5em;
  3159. text-align: left;
  3160. }
  3161. #searchform p.clear
  3162. {
  3163. clear: both;
  3164. }
  3165. /* Styles for the search results page.
  3166. ------------------------------------------------- */
  3167. .pagelinks
  3168. {
  3169. padding: 0.5em;
  3170. }
  3171. .topic_table td blockquote, .topic_table td .quoteheader
  3172. {
  3173. margin: 0.5em;
  3174. }
  3175. .search_results_posts
  3176. {
  3177. overflow: hidden;
  3178. }
  3179. .search_results_posts .inner
  3180. {
  3181. padding: 0.5em 1em;
  3182. overflow: hidden;
  3183. }
  3184. .search_results_posts .windowbg2
  3185. {
  3186. margin-top: 4px;
  3187. }
  3188. .search_results_posts .buttons
  3189. {
  3190. padding: 5px 1em 0 0;
  3191. }
  3192. /* Styles for the help section.
  3193. ------------------------------------------------- */
  3194. #helpmain
  3195. {
  3196. padding: 1em;
  3197. border: 1px solid #696969;
  3198. }
  3199. #helpmain p
  3200. {
  3201. margin: 0 0 1.5em 0;
  3202. line-height: 1.5em;
  3203. }
  3204. #helpmain ul
  3205. {
  3206. line-height: 1.5em;
  3207. }
  3208. /* Depreciated stuff from the old days.
  3209. ------------------------------------------------- */
  3210. /* This style will make sure all headers use the same padding throughout. */
  3211. .headerpadding
  3212. {
  3213. padding: 0.5em;
  3214. }
  3215. /* smaller padding used in paragraphs, sections etc */
  3216. .smallpadding
  3217. {
  3218. padding: 0.2em;
  3219. }
  3220. /* larger padding used in paragraphs, sections etc */
  3221. .largepadding
  3222. {
  3223. padding: 0.7em;
  3224. }
  3225. /* A small space to the next section. */
  3226. .marginbottom
  3227. {
  3228. margin-bottom: 1em;
  3229. }
  3230. /* On the top too. */
  3231. .margintop
  3232. {
  3233. margin-top: 1em !important;
  3234. }
  3235. /* remove bold/italic styles */
  3236. span.plainstyle
  3237. {
  3238. font-weight: normal;
  3239. font-style: normal;
  3240. }
  3241. /* float a list horizontally */
  3242. ul.horizlist
  3243. {
  3244. width: 100%;
  3245. }
  3246. ul.horizlist li
  3247. {
  3248. float: left;
  3249. padding: 0.2em 0.4em 0.2em 0.4em;
  3250. vertical-align: top;
  3251. }
  3252. /* make a inline-list */
  3253. ul.nolist li
  3254. {
  3255. display: inline;
  3256. }
  3257. /* Helping style to clear floated items. */
  3258. .clearfix:after
  3259. {
  3260. content: ".";
  3261. display: block;
  3262. height: 0;
  3263. clear: both;
  3264. visibility: hidden;
  3265. }
  3266. .clearfix
  3267. {
  3268. display: inline-block;
  3269. }
  3270. /* Hides from IE-mac. \*/
  3271. * html .clearfix
  3272. {
  3273. height: 1%;
  3274. }
  3275. .clearfix
  3276. {
  3277. display: block;
  3278. }
  3279. /* End hide from IE-mac. */
  3280. /* This is used for tables that have a grid/border background color (such as the topic listing.) */
  3281. .bordercolor
  3282. {
  3283. background-color: #adadad;
  3284. padding: 0;
  3285. }
  3286. /* This is used on tables that should just have a border around them. */
  3287. .tborder
  3288. {
  3289. padding: 1px;
  3290. border: 1px solid #696969;
  3291. background-color: #fff;
  3292. }
  3293. /* If some random peep decides to use a description class within a tborder (happened to me!) */
  3294. .tborder .description
  3295. {
  3296. margin-bottom: 0;
  3297. }
  3298. /* Styles for print media.
  3299. ------------------------------------------------------- */
  3300. @media print
  3301. {
  3302. #headerarea
  3303. {
  3304. display: none;
  3305. }
  3306. .tborder
  3307. {
  3308. border: none;
  3309. }
  3310. }