index.css 54 KB

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