Advanced Search

Canibal CSS Fixed

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /*************************************************************
  2. A - SETUP
  3. **************************************************************/
  4.  
  5. /* Start from scratch
  6. -------------------------------------------------------------*/
  7.  
  8. html, body, /* remove this line if necessary for site integration */
  9. .brd div, .brd p, .brd dl,.brd dt,.brd dd, .brd ul, .brd ol, .brd li,
  10. .brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6, .brd pre,
  11. .brd form, .brd fieldset, .brd legend, .brd blockquote,
  12. .brd table, .brd th, .brd td {
  13. 	margin:0;
  14. 	padding:0;
  15. 	text-align: left;
  16. 	}
  17.  
  18. .brd fieldset, .brd img, .brd cite {
  19. 	border: 0;
  20. 	}
  21.  
  22. .brd br, .brd hr, .brd .hr, .brd .hidden {
  23. 	display: none;
  24. 	}
  25.  
  26. .brd table {
  27. 	width: 100%;
  28. 	table-layout: fixed;
  29. 	empty-cells: show;
  30. 	}
  31.  
  32. /* Text Setup (Equalise everything before styling)
  33. -------------------------------------------------------------*/
  34.  
  35. body {
  36. 	font-size: 100%;
  37. 	}
  38.  
  39. .brd-page {
  40. 	font: 75%/1.5em Verdana, Helvetica, Arial, sans-serif;
  41. 	}
  42.  
  43. .brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6 {
  44. 	font-size: 1em;
  45. 	font-weight: normal;
  46. 	}
  47.  
  48. .brd samp, .brd code, .brd pre, .brd option, .brd optgroup,
  49. .brd input, .brd select, .brd textarea, .brd td, .brd th {
  50. 	font-size: 1em;
  51. 	font-family: Verdana,Helvetica,Arial,sans-serif;
  52. 	font-style: normal;
  53. 	font-weight: normal;
  54. 	}
  55.  
  56. /* Float Clearing
  57. -------------------------------------------------------------*/
  58.  
  59. .brd-page:after,
  60. .brd .gen-content:after,
  61. .brd .ct-box:after,
  62. #brd-index .item-head:after,
  63. #brd-index .main-item:after,
  64. #brd-index ul.item-info:after,
  65. .brd .frm-group:after,
  66. .brd .mf-set:after,
  67. .brd .sf-set:after,
  68. .brd .mf-box:after,
  69. .brd .sf-box:after,
  70. .brd .mf-item:after,
  71. .brd .txt-set:after,
  72. .brd .txt-box:after,
  73. .brd .frm-form label:after,
  74. .brd fieldset:after,
  75. .brd span.fld-input:after,
  76. .brd .posthead:after,
  77. .brd .postbody:after,
  78. .brd .postfoot .post-options:after {
  79. 	content: "";
  80. 	display: block;
  81. 	font-size: 0;
  82. 	height: 0;
  83. 	line-height: 0.0;
  84. 	overflow:hidden;
  85. 	visibility: hidden;
  86.  	clear: both;
  87. 	}
  88.  
  89. /* Hidden items
  90. -------------------------------------------------------------*/
  91.  
  92. #brd-stats .hn,
  93. #qjump label,
  94. .brd .post .post-byline span,
  95. .brd .post .posthead .post-link span,
  96. .admin .main-subhead,
  97. .brd .main-item .item-info li span.label,
  98. .brd .main-item .item-info li label,
  99. .brd .main-item .you-posted,
  100. .brd .main-item .item-num,
  101. .brd .group-legend,
  102. .brd .group-legend span,
  103. .brd .sf-set legend,
  104. .brd .sf-set legend span,
  105. .brd .main-pagehead .page-info,
  106. .brd p.item-select label,
  107. .brd .mf-extra .mf-field label,
  108. .brd .mf-extra .mf-field .aslabel,
  109. .brd .item-subject .item-nav span,
  110. .brd .post-options a span,
  111. .brd .main-title,
  112. .brd .main-head .hn small,
  113. .brd .entry-title,
  114. .brd .menu-page .main-head {
  115.  	font-size: 0;
  116.  	left: -999em;
  117.  	text-indent: -999em;
  118.  	position:absolute;
  119.  	line-height: 0em;
  120.  	visibility: hidden;
  121.  	}
  122.  
  123.  
  124. /*************************************************************
  125. B - GLOBAL STYLES
  126. **************************************************************/
  127.  
  128. /* General Layout
  129. -------------------------------------------------------------*/
  130.  
  131. .brd {
  132. 	padding: 1.3em 2em;
  133. 	margin: 0 auto;
  134. 	max-width: 1100px;
  135. 	min-width: 700px;
  136. 	width: 912px;
  137. 	}
  138.  
  139. #brd-redirect, #brd-maint, #brd-util {
  140. 	margin: 50px auto 12px auto;
  141. 	width: 60%;
  142. 	}
  143.  
  144. .brd-page { /* Confines clearing behaviour within forum wrapper */
  145. 	float: left;
  146. 	width: 100%;
  147. 	position: relative;
  148. 	}
  149.  
  150. .brd .main-content, .brd .gen-content {
  151.  
  152. 	}
  153.  
  154. .brd .gen-content {
  155. 	padding: 0 1.5em;
  156. 	}
  157.  
  158. #brd-index #brd-about, #brd-index #brd-stats {
  159. 	margin-top: 1em;
  160. 	}
  161.  
  162. .brd .main-content,
  163. #brd-index #brd-visit, #brd-qpost,
  164. #brd-index #brd-announcement {
  165. 	margin-bottom: 1em;
  166. 	}
  167.  
  168. .brd #brd-announcement {
  169. 	padding: 0.5em 1.5em;
  170. 	margin-top: 1em;
  171. 	/*margin: 0em 0em 1em 0em;*/
  172. 	}
  173.  
  174. .brd #brd-announcement br {
  175. 	display: inline;
  176. 	}
  177.  
  178. .brd .main-options {
  179. 	border-top: none;
  180. 	margin: -1em 0 1em 0;
  181. }
  182.  
  183. /* Content Text (Default spacing for paragraphs and lists)
  184. -------------------------------------------------------------*/
  185.  
  186. .brd p, .brd .hn {
  187. 	padding: 1em 0;
  188. 	}
  189.  
  190. .brd  ul, .brd ol {
  191. 	padding: 0.5em 0 0.5em 2em;
  192. 	}
  193.  
  194.  
  195. .brd ul.spaced {
  196. 	padding: 0.25em 0 0.25em 2em;
  197. 	}
  198.  
  199. .brd ul.spaced li {
  200. 	padding: 0.25em 0;
  201. 	}
  202.  
  203. /* Headings
  204. -------------------------------------------------------------*/
  205.  
  206. .brd th {
  207. 	font-size: 1.084em;
  208. 	padding: 0.462em 1.417em;
  209. 	border-bottom-style: solid;
  210. 	border-bottom-width: 1px;
  211. 	}
  212.  
  213. .brd .main-head {		
  214.  
  215. 	padding: 0 1.417em;
  216. 	}
  217.  
  218. .brd .main-head .hn, .brd .main-foot .hn{
  219. 	font-weight: bold;
  220. 	font-size: 1.084em;
  221. 	padding-right: 10em;
  222. 	}
  223.  
  224. .brd h2.main-subhead {	
  225. 	padding: 0 1.417em;
  226. 	font-size: 1.084em;
  227. 	padding: 0.468em 10em 0.426em 1.417em;
  228. 	}
  229.  
  230. .brd .column-title {
  231. 	border-style: solid;
  232. 	border-width: 1px;
  233. 	position: relative;
  234. 	margin-bottom: -1px;
  235. 	}
  236.  
  237. .brd .main-subhead {
  238. 	border-style: solid;
  239. 	border-width: 1px;
  240. 	border-bottom: none;	
  241. 	}
  242.  
  243. .brd .main-subhead .hn {
  244. 	font-size: 1.084em;
  245. 	padding: 0.462em 1.417em;	
  246. 	position: relative;
  247. 	}
  248.  
  249. .brd .main-head,
  250. .brd .main-foot {
  251. 	padding: 0 1.5em;
  252. 	border-style: none;
  253. 	border-width: 1px;
  254. 	}
  255.  
  256. .brd .main-foot {
  257. 	margin-top: -1em;
  258. 	}
  259.  
  260. .brd #brd-announcement h1, .brd .main-extensions .ct-legend, .brd .main-hotfixes .ct-legend {
  261. 	border-bottom-style: dashed;
  262. 	border-bottom-width: 1px;
  263. 	font-size: 1.1em;
  264. 	font-weight: bold;
  265. 	}
  266.  
  267. .brd #brd-announcement h1 {
  268. 	margin-bottom: 0.5em;
  269. 	}
  270.  
  271. .brd .main-pagehead .hn {
  272. 	padding: 0.5em 0;
  273. 	}
  274.  
  275. .brd .content-head {
  276. 	margin: 0.5em 1.417em 0;
  277. 	}
  278.  
  279. .brd .content-head .hn {
  280. 	font-size: 1.084em;
  281. 	border-style: none none double none;
  282. 	border-width: 3px;
  283. 	padding: 0.462em 0;
  284. 	}
  285.  
  286.  
  287. /*************************************************************
  288. C - COMMON CONTENT TYPES (RE-USABLE FORMATS)
  289. **************************************************************/
  290.  
  291. /* Option lists
  292. -------------------------------------------------------------*/
  293.  
  294. .brd .options span {
  295. 	padding: 0 0 0 0.5em;
  296. 	margin: 0 0 0 0.5em;
  297. 	}
  298.  
  299. .brd .options span.first-item {
  300. 	border-left: 0;
  301. 	padding-left: 0;
  302. 	margin-left: 0;
  303. 	}
  304.  
  305. .brd .extension .options, .brd .hotfix .options {
  306. 	border-top-style:dashed;
  307. 	border-top-width:1px;
  308. }
  309.  
  310. /* Content Containers
  311. -------------------------------------------------------------*/
  312.  
  313. .brd .ct-box {
  314. 	border-style: solid;
  315. 	border-width: 1px;
  316. 	margin: 1.417em;
  317. 	padding: 0.5em 1em;
  318. 	position: relative;
  319. 	}
  320.  
  321. .brd .ct-box li {
  322. 	padding: 0;
  323. 	margin: 0 0 0.7em 0;
  324. 	}
  325.  
  326. .brd .ct-set {
  327. 	border-style: solid;
  328. 	border-width: 1px;
  329. 	margin: 1.417em;
  330. 	padding: 0 0 0 17em;
  331. 	position: relative;
  332. 	}
  333.  
  334. .brd .ct-group {
  335. 	border-style: solid;
  336. 	border-width: 1px;
  337. 	margin: 1.417em;
  338. 	}
  339.  
  340. .brd .frm-group .ct-set {
  341. 	border-style: dashed none none none;
  342. 	margin: 0;
  343. 	}
  344.  
  345. .brd .ct-group .ct-set {
  346. 	border-style: dashed none none none;
  347. 	margin: 0 1em;
  348. 	padding: 0 0 0 16em;
  349. 	}
  350. .brd .ct-group .group-item1 {
  351. 	border: none;
  352. 	}
  353.  
  354. .brd .ct-group .set1, .brd .frm-group .set1 {
  355. 	border-top: none;
  356. 	}
  357.  
  358. .brd .ct-group .ct-box, .brd .frm-group .ct-box {
  359. 	border-style: none;
  360. 	margin: 0;
  361. 	}
  362.  
  363. .brd .ct-group .ct-set .ct-box, .brd .ct-set .ct-box,
  364. .brd .frm-group .ct-set .ct-box {
  365. 	border-style: none;
  366. 	margin: 0;
  367. 	}
  368.  
  369. .brd .ct-group .set1 {
  370. 	border-top: 0;
  371. 	}
  372.  
  373. .brd .ct-set .ct-legend {
  374. 	float: left;
  375. 	margin-left: -17em;
  376. 	width: 16em;
  377. 	display: inline;
  378. 	position: relative;
  379. 	text-align: right;
  380. 	font-weight: bold;
  381. 	}
  382.  
  383. .brd .ct-set ul {
  384. 	padding-left: 0;
  385. 	list-style: none;
  386. 	}
  387.  
  388. .brd .ct-box div {
  389. 	padding: 0.5em 0;
  390. 	}
  391.  
  392. .brd .ct-box p.options {
  393. 	float: none;
  394. 	}
  395.  
  396. .brd .ct-box .info-list {
  397. 	padding-bottom: 0;
  398. 	}
  399.  
  400.  /* User Identity
  401. -------------------------------------------------------------*/
  402.  
  403. .brd .user-ident {
  404. 	padding-left: 0;
  405. 	list-style: none;
  406. 	}
  407.  
  408. .brd .user-ident .username a,
  409. .brd .user-ident .username strong {
  410. 	font-size: 1.167em;
  411. 	font-weight: bold;
  412. 	}
  413.  
  414. .brd .user-ident .username a,
  415. .brd .user-ident .username a:link,
  416. .brd .user-ident .username a:visited {
  417. 	text-decoration: none;
  418. 	}
  419.  
  420. .brd .user-ident .username a:hover,
  421. .brd .user-ident .username a:active,
  422. .brd .user-ident .username a:focus {
  423. 	text-decoration: underline;
  424. 	}
  425.  
  426. .brd .user-ident .usertitle {
  427. 	font-weight: bold;
  428. 	}
  429.  
  430. .brd .user-ident .useravatar {
  431. 	padding: 0.25em 0;
  432. 	}
  433.  
  434. .brd .user-ident .useravatar img {
  435. 	display: block;
  436. 	}
  437.  
  438.  /* Message Boxes
  439. -------------------------------------------------------------*/
  440.  
  441. .brd .main-message {
  442. 	padding: 0.5em 1.417em;
  443. 	}
  444.  
  445. .brd .main-message p span {
  446. 	display: block;
  447. 	padding-top: 0.5em;
  448. 	}
  449.  
  450. /* Section Menus (By Default - Profile and Admin)
  451. -------------------------------------------------------------*/
  452.  
  453. .brd .main-menu, .brd .admin-menu {
  454. 	border: 0;
  455. 	padding: 1em 0 0.8em 0.75em;
  456. 	}
  457.  
  458. .brd .main-menu ul, .brd .admin-menu ul {
  459. 	list-style-type: none;
  460. 	float: left;
  461. 	padding: 0;
  462. 	}
  463.  
  464. .brd .main-menu li, .brd .admin-menu li {
  465. 	font-size: 1.084em;
  466. 	float: left;
  467. 	display: inline;
  468. 	}
  469.  
  470. .brd .main-menu a, .brd .admin-menu a {
  471. 	float: left;
  472. 	position: relative;
  473. 	padding: 0.2em 0.75em 0.4em 0.75em;
  474. 	}
  475.  
  476. .brd .main-menu li.active a, .brd .admin-menu li.active a {
  477. 	font-weight: bold;
  478. 	}
  479.  
  480. .brd .main-menu li.first-item, .brd .admin-menu li.first-item {
  481. 	border-left: 0;
  482. 	}
  483.  
  484. .brd .admin-submenu {
  485. 	border-style: solid;
  486. 	border-width: 0px 1px 0px 1px;
  487. 	}
  488.  
  489. .brd .admin-submenu ul {
  490. 	padding: 0.5em 0;
  491. 	list-style: none;
  492. 	}
  493.  
  494. .brd .admin-submenu li {
  495. 	display: inline;
  496. 	margin-right: 0.75em;
  497. 	}
  498.  
  499. /*************************************************************
  500. D - COMMON INTERFACE ELEMENTS
  501. **************************************************************/
  502.  
  503. /* Logo and Tagline
  504. -------------------------------------------------------------*/
  505.  
  506. #brd-head {
  507. 	padding-top: 3.4em;
  508. 	padding-bottom: 2.3em;
  509. 	}
  510.  
  511. #brd-title {
  512. 	padding-bottom: 0;
  513. 	}
  514.  
  515. #brd-title a, #brd-title strong {
  516. 	font-size: 1.5em;
  517. 	text-decoration: none;
  518. 	font-weight: normal;
  519. 	}
  520.  
  521. #brd-desc {
  522. 	font-size: 1.084em;
  523. 	padding-top: 0;
  524. 	padding-bottom: 0;
  525. 	}
  526.  
  527. /* Primary navigation
  528. -------------------------------------------------------------*/
  529.  
  530. #brd-navlinks ul {
  531. 	margin: 0;	
  532. 	padding: 0.5em 0.3em;
  533. 	}
  534.  
  535. #brd-navlinks li {
  536. 	display: inline;
  537. 	margin-right: 1em;
  538. 	}
  539.  
  540. #brd-navlinks li a {
  541. 	font-size: 1.2em;
  542. 	text-decoration: none;
  543. 	}
  544.  
  545. #brd-admod {
  546. 	float: right;
  547. 	text-align: right;
  548. 	}
  549.  
  550. #brd-admod span {
  551. 	margin-left: 0.75em;
  552. 	}
  553.  
  554. #brd-access {
  555. 	text-align: right;
  556. 	padding: 0;
  557. 	height: 0;
  558. 	margin: 0;
  559. 	position: absolute;
  560. 	background: transparent;
  561. 	}
  562.  
  563. #brd-access a, #brd-access a:link, #brd-access a:visited {
  564. 	height: 2em;
  565. 	padding: 0 1.3em;
  566. 	line-height: 2em;
  567. 	position: absolute;
  568. 	left: -999em;
  569. 	margin: 1px;
  570. 	width: 12em;
  571. 	}
  572.  
  573. #brd-access a:hover, #brd-access a:active, #brd-access a:focus {
  574. 	text-indent: 0;
  575. 	background: #000;
  576. 	position: static;
  577. 	float: right;
  578. 	}
  579.  
  580.  
  581. /* Welcome box
  582. -------------------------------------------------------------*/
  583.  
  584. #brd-visit #welcome {
  585. 	float: left;
  586. 	}
  587.  
  588. #brd-visit #visit-links {
  589. 	text-align: right;
  590. 	float: none;
  591. 	}
  592.  
  593. /* Paging and posting
  594. -------------------------------------------------------------*/
  595.  
  596. #brd-pagepost-end {
  597. 	border-top: none;
  598. 	}
  599.  
  600. #brd-pagepost-top {
  601. 	border-bottom: none;
  602. 	}
  603.  
  604. .brd .paging {
  605. 	float: left;
  606. 	}
  607.  
  608. .brd .posting {
  609. 	text-align: right;
  610. 	float: right;
  611. 	}
  612.  
  613. .brd .paging, .brd .paging * {
  614. 	white-space:nowrap;
  615. 	}
  616.  
  617. .brd .paging a, .brd .paging strong, .brd .paging span {
  618. 	padding: 0 1em;
  619. 	border-left-style: solid;
  620. 	border-left-width: 1px;
  621. 	float: left;
  622. 	}
  623.  
  624. .brd .paging .first-item, .brd .paging span.pages {
  625. 	border-left: 0;
  626. 	padding-left: 0;
  627. 	}
  628.  
  629. .brd .posting .newpost {
  630. 	font-size: 1.084em;
  631. 	font-weight: bold;
  632. 	}
  633.  
  634. /* Breadcrumbs
  635. -------------------------------------------------------------*/
  636.  
  637. .brd .crumbs .crumblast {
  638. 	font-weight: bold;
  639. 	}
  640.  
  641. .brd .crumbs .crumblast  span {
  642. 	font-weight: normal;
  643. 	}
  644.  
  645. .brd .crumbs span, .brd crumbs span * {
  646. 	white-space: nowrap;
  647. 	}
  648.  
  649. .brd .crumbs {
  650. 	margin: 0.5em 0em;
  651. 	padding: 0em 1.5em;
  652. 	font-size: 1.084em;
  653. 	}
  654.  
  655. /* Statistics
  656. -------------------------------------------------------------*/
  657.  
  658. #brd-stats {
  659. 	border-bottom: 0;
  660. 	}
  661.  
  662. #brd-stats ul {
  663. 	list-style: none;
  664. 	padding-left: 0;
  665. 	}
  666.  
  667. #brd-stats ul li.st-users {
  668.  	float: left;
  669.  	clear: both;
  670.  	white-space: nowrap;
  671.  	}
  672.  
  673.  #brd-stats ul li.st-activity {
  674.  	text-align: right;
  675.  	display: block;
  676.  	white-space: nowrap;
  677.  	}
  678.  
  679.  #brd-stats li strong {
  680.  	font-weight: bold;
  681.  	}
  682.  
  683. #brd-online {
  684. 	padding-top: 0.5em;
  685. 	padding-bottom: 0.5em;
  686. 	}
  687.  
  688. #brd-online .hn, #brd-online p {
  689. 	padding-bottom: 0;
  690. 	padding-top: 0;
  691. 	}
  692.  
  693.  #brd-online .hn {
  694.  	float: left;
  695.  	margin-right: 0.5em;
  696.  	}
  697.  
  698. /* Footer
  699. -------------------------------------------------------------*/
  700.  
  701. #brd-about p {
  702. 	margin: 0 1em;
  703. 	}
  704.  
  705. #brd-about #qjump {
  706. 	float: left;
  707. 	padding: 0.8em 1em 0.5em 0;
  708. 	}
  709.  
  710. #brd-about #qjump div, #qjump label {
  711. 	padding: 0;
  712. 	border: none;
  713. 	}
  714.  
  715. #brd-about #copyright {
  716. 	text-align: right;
  717. 	float: right;
  718. 	margin: 0;
  719. 	}
  720.  
  721. #brd-about #querytime {
  722. 	text-align: center;
  723. 	font-size: 0.9em;
  724. 	}
  725.  
  726. /* Main and Content Options
  727. -------------------------------------------------------------*/
  728.  
  729. .brd p.options {
  730. 	border-top: none;
  731. 	float:right;
  732. 	}
  733.  
  734. .brd .main-modoptions .options {
  735. 	text-align: center;
  736. 	}
  737.  
  738. .brd a.feed {
  739. 	padding-left: 22px;
  740. 	background: url(feed-icon.png) center left no-repeat;
  741. 	}
  742.  
  743. .brd .content-options, .brd .ct-options {
  744. 	float: right;
  745. 	margin-top: -2.7em;
  746. 	padding: 0.5em 1.417em;
  747. 	position: relative;
  748. 	}
  749.  
  750. .brd #select-all {
  751. 	float: right;
  752. 	padding-left: 1em;
  753. 	}
  754.  
  755. /*************************************************************
  756. E - INDEX, FORUMS, SEARCH RESULTS, MODERATE FORUMS
  757. **************************************************************/
  758.  
  759. /* Header setup generally
  760. -------------------------------------------------------------*/
  761.  
  762. .brd .item-summary {
  763. 	height: 2.5em;
  764. 	padding: 0;
  765. 	position: relative;
  766. 	font-size: 1em;
  767. 	}
  768.  
  769. .brd .item-summary span {
  770. 	width: 100%;
  771. 	position: absolute;
  772. 	left: -999em;
  773. 	text-indent: -999em;
  774. 	display: block;
  775. 	}
  776.  
  777. .brd .item-summary strong {
  778. 	position: absolute;
  779. 	left: 999em;
  780. 	text-indent: 0;
  781. 	padding: 0.5em 0;
  782. 	white-space: nowrap;
  783. 	font-weight: normal;
  784. 	}
  785.  
  786. .brd .item-summary strong:first-letter {
  787. 	text-transform: uppercase;
  788. 	}
  789.  
  790. .brd .item-summary .subject-title {
  791. 	padding-left: 1.417em;
  792. 	}
  793.  
  794. .brd .item-summary .info-topics,
  795. .brd .item-summary .info-replies {
  796. 	margin-left: 100%;
  797. 	text-align: center;
  798. 	width: 7em;
  799. 	left: 965em;
  800. 	}
  801.  
  802. .brd .item-summary .info-forum {
  803. 	margin-left: 100%;
  804. 	text-align: center;
  805. 	width: 20em;
  806. 	left: 952em;
  807. 	}
  808. .brd .item-summary .info-posts,
  809. .brd .item-summary .info-views {
  810. 	margin-left: 100%;
  811. 	text-align: center;
  812. 	width: 7em;
  813. 	left: 972em;
  814. 	}
  815.  
  816. .brd .item-summary .info-lastpost {
  817. 	margin-left: 100%;
  818. 	left: 980em;
  819. 	}
  820.  
  821. .brd p.forum-noview .info-replies {
  822. 	left: 972em;
  823. 	}
  824.  
  825. /* Content setup generally
  826. -------------------------------------------------------------*/
  827.  
  828. .brd .main-content .main-item {
  829. 	border-top-style: solid;
  830. 	border-top-width: 1px;
  831. 	overflow: hidden;
  832. 	position: relative;
  833. 	line-height: 1.4em;
  834. 	}
  835.  
  836. .brd .main-content .main-first-item {
  837. 	border-top: none;
  838. 	}
  839.  
  840. .brd .main-content .main-item ul {
  841. 	float: right;
  842. 	position: relative;
  843. 	padding: 0;
  844. 	list-style: none;
  845. 	}
  846.  
  847. .brd .main-content .main-item p,
  848. .brd .main-content .main-item .hn {
  849.  	padding: 0;
  850.  	}
  851.  
  852. .brd .main-content .main-item .hn .item-status {
  853.  	font-weight:normal;
  854.  	}
  855.  
  856. .brd .main-content .main-item .hn .item-status em {
  857.  	font-style:normal;
  858.  	}
  859.  
  860. .brd .main-content .main-item .item-subject,
  861. .brd .main-content .main-item li {
  862.  	float: left;
  863.  	border-left-style: solid;
  864.  	border-left-width: 1px;
  865.  	margin: 0 -2px -9.7em 0;
  866.  	position: relative;
  867.  	padding-top: 0.6em;
  868.  	padding-bottom: 10.4em;
  869.  	}
  870.  
  871. .brd .main-content .main-item .item-subject {
  872.  	overflow: hidden;
  873.  	width: 100%;
  874.   	}
  875.  
  876. .brd .main-content .main-item li.info-topics,
  877. .brd .main-content .main-item li.info-forum,
  878. .brd .main-content .main-item li.info-posts,
  879. .brd .main-content .main-item li.info-views,
  880. .brd .main-content .main-item li.info-replies {
  881.  	width: 7em;
  882.  	text-align:center;
  883.  	}
  884.  
  885. .brd .main-content .main-item li.info-forum {
  886.  	width: 20em;
  887.  	}
  888.  
  889. .brd .main-content .main-item li.info-lastpost {
  890.   	width: 20em;
  891.   	}
  892.  
  893. .brd .main-content .main-item li.info-lastpost cite {
  894. 	overflow: hidden;
  895. 	width: 18em;
  896. 	}
  897.  
  898. .brd .main-item li strong {
  899. 	font-weight: normal;
  900. 	}
  901.  
  902.  
  903. /* Setup for Index and Forums
  904. -------------------------------------------------------------*/
  905.  
  906. .brd .main-content .main-item {
  907. 	padding-right: 35em;
  908. 	padding-left: 3.75em;
  909. 	}
  910.  
  911. .brd .main-content .main-item .hn {
  912. 	position: relative;
  913. 	}
  914.  
  915. .brd .main-content .main-item ul {
  916. 	width: 34em;
  917. 	right: -35em;
  918. 	margin-left: -34em;
  919. 	}
  920.  
  921. .brd .forum-noview .main-item {
  922. 	padding-right: 48em;
  923. 	}
  924.  
  925. .brd .forum-noview .main-item ul {
  926. 	width: 47em;
  927. 	right: -48em;
  928. 	margin-left: -47em;
  929. 	}
  930.  
  931. .brd .main-content .main-item .item-subject span.modlist {
  932.  	display: block;
  933.  	}
  934.  
  935. .brd .main-content .main-item .hn strong {
  936.   	font-size: 1em;
  937.   	}
  938.  
  939. .brd .main-content .main-item .hn strong span {
  940. 	font-weight: normal;
  941. 	}
  942.  
  943.  #brd-index .main-content .main-item .hn span {
  944. 	font-size: 1.084em;
  945. 	font-weight: bold;
  946.  	}
  947. #brd-index .main-content .main-item .hn small {
  948. 	font-size: 1em;
  949. 	}
  950.  
  951. .brd .main-content .main-item .item-status {
  952. 	font-weight: bold;
  953. 	}
  954.  
  955. .brd .main-content .main-item cite {
  956. 	font-style: normal;
  957. 	}
  958.  
  959. .brd .main-content .main-item span.item-nav,
  960. .brd .main-content .main-item span.item-nav * {
  961. 	white-space: nowrap;
  962. 	font-style: normal;
  963. 	}
  964.  
  965. .brd .main-content .main-item .item-subject .hn {
  966. 	display:inline;
  967. 	margin: 0 0 0 1.5em;
  968.  	}
  969.  
  970. .brd .main-content .main-item .item-subject p {
  971. 	margin: 0 0 0 1.5em;
  972.  	}
  973.  
  974. .brd .main-content .main-item li.info-lastpost cite,
  975. .brd .main-content .main-item li.info-lastpost span {
  976.  	display: block;
  977.  	padding: 0 1em;
  978.  	font-style: normal;
  979.  	font-weight: normal;
  980.  	}
  981.  
  982. .brd .main-content .main-item li.info-lastpost strong {
  983.  	padding: 0 0 0 1em;
  984.  	font-style: normal;
  985.  	font-weight: normal;
  986.  	}
  987.  
  988. .brd .main-content .main-item li.info-select {
  989.  	position: absolute;
  990.  	right: 0;
  991.  	top: 0;
  992.  	padding: 0.3em;
  993.  	border-style: none none solid solid;
  994.  	border-width: 1px;
  995.  	}
  996.  
  997. .brd .main-content .main-item .icon {
  998.  	border-style: solid;
  999.  	border-width: 0.5833em;
  1000.  	height: 0;
  1001.  	width: 0;
  1002.  	float: left;
  1003.  	margin-top: 0.667em;
  1004.  	margin-left: -2.417em;
  1005.  	}
  1006.  
  1007. .brd .main-content .main-item .hn .posted-mark {
  1008.  	position: absolute;
  1009.  	font-size: 2em;
  1010.  	width: 1em;
  1011.  	left: -0.5em;
  1012.  	top: 0;
  1013.  	}
  1014.  
  1015. /*************************************************************
  1016. F - MAIN CONTENT - FORMS
  1017. **************************************************************/
  1018.  
  1019. /* Generally
  1020. -------------------------------------------------------------*/
  1021.  
  1022. .brd .frm-group {
  1023. 	border-top-style: dashed;
  1024. 	border-top-width: 1px;
  1025. 	margin: 1.417em;
  1026. 	padding: 1.3em 0pt 0em;
  1027. 	}
  1028.  
  1029. .brd .group1{
  1030. 	border-top: none;
  1031. 	padding-top: 0;
  1032. 	}
  1033.  
  1034. .brd .sf-box, .brd .mf-box, .brd .txt-box {
  1035. 	margin: 1.417em;
  1036. 	padding: 0.3em 0;
  1037. 	position: relative;
  1038. 	}
  1039.  
  1040. .brd .sf-set, .brd .mf-set, .brd .txt-set {
  1041. 	margin: 1.417em;
  1042. 	padding: 0 0 0 17em;
  1043. 	position: relative;
  1044. 	}
  1045.  
  1046. .brd .sf-set .sf-box, .brd .mf-set .mf-box, .brd .txt-set .txt-box {
  1047. 	margin: 0;
  1048. 	}
  1049.  
  1050. .brd .frm-group .sf-set, .brd .frm-group .mf-set, .brd .frm-group .txt-set {
  1051. 	margin: 0;
  1052. 	}
  1053.  
  1054. .brd .text input, .brd .select select {
  1055. 	font-size: 1.084em;
  1056. 	}
  1057.  
  1058. .brd .frm-buttons {
  1059. 	margin: 0.75em 1.417em 1em 1.417em;
  1060. 	position: relative;
  1061. 	border-top-style: double;
  1062. 	border-top-width: 3px;
  1063. 	padding: 0.8em 0pt 0.3em 18em;
  1064. 	}
  1065.  
  1066. .brd .frm-buttons span.submit {
  1067. 	margin-right: 0.75em;
  1068. 	}
  1069.  
  1070. .brd span.submit input, .brd span.cancel input {
  1071. 	overflow: visible;
  1072. 	padding-left: 0.5em;
  1073. 	padding-right: 0.5em;
  1074. 	font-size: 1.084em;
  1075. 	}
  1076.  
  1077. .brd .button-set span.submit {
  1078. 	padding-left: 1em;
  1079. 	}
  1080.  
  1081. /* Single Field Items (Text, Select, Checkbox)
  1082. -------------------------------------------------------------*/
  1083.  
  1084. .brd .sf-box label, .brd .sf-box .aslabel {
  1085. 	float: left;
  1086. 	padding: 0;
  1087. 	}
  1088.  
  1089. .brd .sf-set .checkbox label {
  1090. 	padding: 2px 0 2px 3em;
  1091. 	}
  1092.  
  1093. .brd .sf-set .text label span, .brd .sf-set .select label span, .brd .sf-set .aslabel span {
  1094. 	float: left;
  1095. 	margin-left: -17em;
  1096. 	display: block;
  1097. 	position: relative;
  1098. 	padding: 2px 0 2px 1em;
  1099. 	width: 16em;
  1100. 	text-align:right;
  1101. 	font-weight:bold;
  1102. 	}
  1103.  
  1104. .brd .sf-set .checkbox label span {
  1105. 	float: left;
  1106. 	margin-left: -18em;
  1107. 	display: block;
  1108. 	position: relative;
  1109. 	padding: 0 0 0 2em;
  1110. 	width: 16em;
  1111. 	left: -3em;
  1112. 	text-align:right;
  1113. 	font-weight:bold;
  1114. 	}
  1115.  
  1116. .brd .sf-set .text label small, .brd .sf-set .select label small {
  1117. 	display: block;
  1118. 	text-align: left;
  1119. 	position: relative;
  1120. 	margin: 2em 1em 0 1em;
  1121. 	font-size: 0.917em;
  1122. 	}
  1123.  
  1124. .brd .sf-set .fld-input {
  1125. 	position: absolute;
  1126. 	top: 0;
  1127. 	left: 0;
  1128. 	display: block;
  1129. 	padding: 0.3em 1em;
  1130. 	}
  1131.  
  1132. .brd .sf-set .checkbox input {
  1133. 	margin: 2px 0 2px -0.25em;
  1134. 	height: 1.55em;
  1135. 	width: 1.55em;
  1136. 	}
  1137.  
  1138. .brd .sf-set .text input:not([title]) { /* Fixes alignment issue in Safari */
  1139. 	height: 100%;
  1140. 	}
  1141.  
  1142. .brd .sf-set .sf-short input {
  1143. 	width: 4em;
  1144. 	}
  1145.  
  1146. .brd .sf-set .sf-short label small {
  1147. 	font-size: 1em;
  1148. 	padding: 2px 0;
  1149. 	margin: 0 1em 0 6.5em;
  1150. 	}
  1151.  
  1152.  
  1153. /* Multi-Field Items (Radio/Checkbox Groups)
  1154. -------------------------------------------------------------*/
  1155.  
  1156. .brd .mf-box .mf-item {
  1157. 	position: relative;
  1158. 	top: -0.15em;
  1159. 	padding: 0.25em 0;
  1160. 	}
  1161.  
  1162. .brd .mf-set legend {
  1163. 	position: absolute;
  1164. 	height: 0;
  1165. 	background: transparent;
  1166. 	}
  1167.  
  1168. .brd .mf-set legend span {
  1169. 	position: absolute;
  1170. 	left: -17em;
  1171. 	width: 16em;
  1172. 	padding: 0.3em 1em;
  1173. 	margin: 1px 0 2px 0;
  1174. 	overflow: hidden;
  1175. 	display: block;
  1176. 	text-align: right;
  1177. 	font-weight: bold;
  1178. 	}
  1179.  
  1180. .brd .mf-set legend span em {
  1181. 	display: block;
  1182. 	white-space: normal;
  1183. 	font-style: normal;
  1184. 	font-weight:normal;
  1185. 	font-size: 0.917em;
  1186. 	}
  1187.  
  1188. .brd .mf-item .fld-input {
  1189. 	position: absolute;
  1190. 	top: 0.25em;
  1191. 	left: 0;
  1192. 	display: block;
  1193. 	padding: 0 1em;
  1194. 	}
  1195.  
  1196. .brd .mf-item input {
  1197. 	margin: 0 0 0 -0.25em;
  1198. 	height: 1.55em;
  1199. 	width: 1.55em;
  1200. 	}
  1201.  
  1202. .brd .mf-item label {
  1203. 	padding: 0 0 0 3em;
  1204. 	float: left;
  1205. 	}
  1206.  
  1207. .brd .mf-set .mf-yesno .mf-item {
  1208. 	width: 10em;
  1209. 	float: left;
  1210. 	}
  1211.  
  1212. .brd .mf-set .mf-field {
  1213. 	float: left;
  1214. 	padding: 0 1em 0 1em;
  1215. 	border-left: 1px solid #ccc;
  1216. 	}
  1217.  
  1218. .brd .mf-set .mf-field1 {
  1219. 	border-left: none;
  1220. 	}
  1221.  
  1222. .brd .mf-set .mf-field label, .mf-set .mf-field .aslabel {
  1223. 	position: absolute;
  1224. 	top: -2em;
  1225. 	display: block;
  1226. 	}
  1227.  
  1228. .brd .mf-set .mf-cell .fld-input {
  1229. 	position: static;
  1230. 	padding: 0 0 0 1em;
  1231. 	border-left: 1px solid #ccc;
  1232. 	}
  1233.  
  1234. .brd .frm-hdgroup {
  1235. 	padding-top: 2em;
  1236. 	}
  1237.  
  1238. /*.brd .frm-hdgroup .set1 {
  1239. 	border-top-style: solid;
  1240. 	border-top-width: 1px;
  1241. 	}*/
  1242.  
  1243. .brd .sf-set .sf-box .sf-forum {
  1244. 	width: 25em;
  1245. 	}
  1246.  
  1247. .brd .mf-set .mf-box .forum-field {
  1248. 	width: 25em;
  1249. 	}
  1250.  
  1251. /* Multi Checkbox Widget
  1252. -------------------------------------------------------------*/
  1253.  
  1254. .brd .checklist {
  1255. 	min-height: 6em;
  1256. 	max-height: 9em;
  1257. 	max-width: 30em;
  1258. 	overflow: auto;
  1259. 	border-style: solid;
  1260. 	border-width: 1px;
  1261. 	position: relative;
  1262. 	padding: 0.25em 0.5em;
  1263. 	margin: 0 1em;
  1264. 	}
  1265.  
  1266. .brd .checklist fieldset {
  1267. 	height: auto;
  1268. 	}
  1269.  
  1270. .brd .checklist legend,
  1271. .brd .checklist legend span {
  1272. 	font-weight: bold;
  1273. 	position: static;
  1274. 	padding: 0;
  1275. 	height: auto;
  1276. 	text-align:left;
  1277. 	}
  1278.  
  1279. .brd .checklist .checklist-item {
  1280. 	position: relative;
  1281. 	height: auto;
  1282. 	}
  1283.  
  1284. .brd .checklist .checklist-item label {
  1285. 	display: block;
  1286. 	padding: 0 0 0 2.25em;
  1287. 	float: none;
  1288. 	height: 100%;
  1289. 	background-color: #fff;
  1290. 	}
  1291.  
  1292. .brd .checklist .checklist-item .fld-input {
  1293. 	position: absolute;
  1294. 	left: 0;
  1295. 	top: 0;
  1296. 	padding: 0;
  1297. 	margin: 0;
  1298. 	}
  1299.  
  1300. .brd .checklist .checklist-item input {
  1301. 	margin: 0;
  1302. 	height: 1.55em;
  1303. 	width: 1.55em;
  1304. 	}
  1305.  
  1306.  
  1307. /* Single Field Textareas and Long Inputs (Flexi Width)
  1308. -------------------------------------------------------------*/
  1309.  
  1310. .brd .txt-box label {
  1311. 	float: left;
  1312. 	}
  1313.  
  1314. .brd .txt-set label span {
  1315. 	float: left;
  1316. 	margin-left: -17em;
  1317. 	display: block;
  1318. 	position: relative;
  1319. 	padding: 2px 1em;
  1320. 	width: 16em;
  1321. 	text-align:right;
  1322. 	font-weight:bold;
  1323. 	}
  1324.  
  1325. .brd .txt-set label small {
  1326. 	display: block;
  1327. 	text-align: left;
  1328. 	position: relative;
  1329. 	margin: 0 1em 0 -1px;
  1330. 	padding: 2px 1em;
  1331. 	font-size: 0.917em;
  1332. 	z-index: 100;
  1333. 	}
  1334.  
  1335. .brd .txt-set .txt-input {
  1336. 	position: relative;
  1337. 	width: 100%;
  1338. 	}
  1339.  
  1340. .brd .txt-set .fld-input {
  1341. 	display: block;
  1342. 	padding: 0 0 0 1em;
  1343. 	}
  1344.  
  1345. .brd .txt-set textarea {
  1346. 	width: 95%;
  1347. 	}
  1348.  
  1349. /* Error handling
  1350. -------------------------------------------------------------*/
  1351.  
  1352. .brd .req-warn {
  1353. 	display: none;
  1354. 	}
  1355.  
  1356. .brd #req-msg p em, .brd .required label span em {
  1357. 	font-style: normal;
  1358. 	font-weight: normal;
  1359. 	}
  1360.  
  1361. .brd .required label span em {
  1362. 	float: left;
  1363. 	font-size: 0.917em;
  1364. 	line-height: 1.2em;
  1365. 	width: 100%;
  1366. 	position: relative;
  1367. 	}
  1368.  
  1369. .brd .txt-set .required label span em {
  1370. 	margin-bottom: -1.2em;
  1371. 	}
  1372.  
  1373. .brd .req-error {
  1374. 	display: block;
  1375. 	}
  1376.  
  1377. .brd .required label span  {
  1378. 	font-weight: bold;
  1379. 	}
  1380.  
  1381. /*************************************************************
  1382. G - MAIN CONTENT - TOPICS AND PARSED CONTENT
  1383. **************************************************************/
  1384.  
  1385. /* Structure
  1386. -------------------------------------------------------------*/
  1387.  
  1388. .brd .post {
  1389. 	border-style: solid;
  1390. 	border-width: 1px;
  1391. 	position: relative;
  1392. 	margin: 1.417em;
  1393. 	margin-top: -1.417em;
  1394. 	}
  1395.  
  1396. .brd .firstpost, .brd .singlepost {
  1397. 	margin-top: 1.417em;
  1398. 	}
  1399.  
  1400. .brd .main-topic .lastpost {
  1401. 	border-bottom: 0;
  1402. 	}
  1403.  
  1404. .brd .main-topic .post {
  1405. 	border-style: solid none;
  1406. 	margin: 0;
  1407. 	}
  1408.  
  1409. .brd  .main-topic .firstpost {
  1410. 	border-top: none;
  1411. 	}
  1412.  
  1413. .brd .posthead {
  1414. 	margin-left: 18em;
  1415. 	border-style: none none none solid;
  1416. 	border-width: 1px;
  1417. 	zoom: 1;
  1418. 	}
  1419.  
  1420. .brd .posthead .hn {
  1421. 	padding-right: 1.5em;
  1422. 	padding-left: 1em;
  1423. 	border-style: none none dashed none;
  1424. 	border-width: 1px;
  1425. 	}
  1426.  
  1427. .brd .post .posthead .post-byline a,
  1428. .brd .post .posthead .post-byline strong {
  1429. 	font-size: 1.167em;
  1430. 	font-weight: bold;
  1431. 	text-decoration: none;
  1432. 	font-style: normal;
  1433. 	}
  1434.  
  1435. .brd .post .posthead .post-byline {
  1436. 	float: left;
  1437. 	width: 15.5em;
  1438. 	padding: 0.5em 1em 0.5em 1.5em;
  1439. 	margin-left: -19em;
  1440. 	margin-top: -0.5em;
  1441. 	position: relative;
  1442. 	left: -1px;
  1443. 	overflow: hidden;
  1444. 	}
  1445.  
  1446. .brd .posthead .post-num {
  1447. 	float:right;
  1448. 	font-weight: bold;
  1449. 	}
  1450.  
  1451. #brd-modtopic .posthead .hn {
  1452. 	padding-right: 2.7em;
  1453. 	}
  1454.  
  1455. .brd .posthead .post-title {
  1456. 	padding: 0 1.5em 0.5em 1em;
  1457. 	margin-top: -1px;
  1458. 	position: relative;
  1459. 	}
  1460.  
  1461. .brd .posthead .post-title span {
  1462. 	display: block;
  1463. 	width: 100%;
  1464. 	overflow: hidden
  1465. 	}
  1466.  
  1467. .brd .posthead .post-title a {
  1468. 	font-size: 1em;
  1469. 	text-decoration: none;
  1470. 	font-weight: bold;
  1471. 	}
  1472.  
  1473. .brd .posthead .post-title small,
  1474. .brd .posthead .post-title small a {
  1475. 	font-size: 1em;
  1476. 	font-weight: normal;
  1477. 	white-space: nowrap;
  1478. 	}
  1479.  
  1480. .brd .posthead p.item-select {
  1481. 	position: absolute;
  1482. 	top: 0;
  1483. 	right: 0.75em;
  1484. 	height: 2.5em;
  1485. 	}
  1486.  
  1487. .brd .postbody {
  1488. 	margin-left: 18em;
  1489. 	position: relative;
  1490. 	border-left-style: solid;
  1491. 	border-left-width: 1px;
  1492. 	padding: 0.5em 1.5em 0 1em;
  1493. 	clear: both;
  1494. 	}
  1495.  
  1496. .brd .postfoot {
  1497. 	padding-left: 18em;
  1498. 	border-top-style: dashed;
  1499. 	border-top-width: 1px;
  1500. 	position: relative;
  1501. 	}
  1502.  
  1503. .brd .postfoot .post-options {
  1504. 	border-left-style: solid;
  1505. 	border-left-width: 1px;
  1506. 	}
  1507.  
  1508. .brd .postbody .post-author {
  1509. 	float: left;
  1510. 	width: 15.5em;
  1511. 	margin-left: -19em;
  1512. 	left: -1px;
  1513. 	position: relative;
  1514. 	display: inline;
  1515. 	padding: 0 1em 0.5em 1.5em;
  1516. 	overflow: hidden;
  1517. 	margin-top: -1em;
  1518. 	}
  1519.  
  1520.  
  1521. .brd .postbody .post-author ul {
  1522. 	margin: 0;
  1523. 	padding: 0 0 0.5em 0;
  1524. 	list-style: none;
  1525. 	}
  1526.  
  1527. .brd .post .author-ident .useravatar img {
  1528. 	display: block;
  1529. 	padding: 0.5em 0;
  1530. 	}
  1531.  
  1532. .brd .post .author-ident .username {
  1533. 	display: none;
  1534. 	}
  1535.  
  1536. .brd .postbody .author-ident .usertitle {
  1537. 	font-weight: bold;
  1538. 	line-height: normal;
  1539. 	}
  1540.  
  1541. .brd .postbody .author-ident .userstatus {
  1542. 	padding: 0.75em 0 0.25em 0;
  1543. 	margin: 0;
  1544. 	line-height: 0.75em;
  1545. 	width: 100%;
  1546. 	}
  1547.  
  1548. .brd .postbody .author-ident .userstatus span {
  1549. 	font-size: 0.917em;
  1550. 	display: block;
  1551. 	border-left-style: solid;
  1552. 	border-left-width: 0.7em;
  1553. 	text-indent: 0.5em;
  1554. 	}
  1555. .brd .postbody .author-info li span strong {
  1556. 	font-weight: normal;
  1557. }
  1558. .brd .online .author-ident .userstatus span {
  1559. 	font-weight: bold;
  1560. 	}
  1561.  
  1562. .brd .postfoot .post-contacts {
  1563. 	float: left;
  1564. 	margin-left: -18em;
  1565. 	width: 15.5em;
  1566. 	padding: 0.5em 1em 0.5em 1.5em;
  1567. 	position: relative;
  1568. 	display: inline;
  1569. 	left: -1px;
  1570. 	}
  1571.  
  1572. .brd .postfoot .post-actions {
  1573. 	padding: 0.5em 1.5em 0.5em 1em;
  1574. 	text-align: right;
  1575. 	display: block;
  1576. 	float: right;
  1577. 	}
  1578.  
  1579. .brd .postfoot .post-actions span {
  1580. 	margin-left: 0.75em;
  1581. 	}
  1582.  
  1583. .brd .postfoot .post-contacts span {
  1584. 	margin-right: 0.75em;
  1585. 	}
  1586.  
  1587. /* Content
  1588. -------------------------------------------------------------*/
  1589.  
  1590. .brd .entry-content {
  1591. 	padding-bottom: 1em;
  1592. 	overflow: hidden;
  1593. 	width: 100%;
  1594. 	font-size: 1.084em;
  1595. 	}
  1596.  
  1597. .brd .entry-content ol {
  1598. 	padding-left: 2.5em;
  1599. 	list-style-type: decimal;
  1600. 	}
  1601.  
  1602. .brd .entry-content ol p,
  1603. .brd .entry-content ul p {
  1604. 	padding: 0;
  1605. 	}
  1606.  
  1607. .brd .entry-content ol.alpha {
  1608. 	list-style-type: upper-alpha;
  1609. 	}
  1610.  
  1611. .brd .entry-content h5, .brd .entry-content h5 * {
  1612. 	font-weight: bold;
  1613. 	font-size: 1.084em;
  1614. 	padding: 0.5em 0;
  1615. 	}
  1616.  
  1617. .brd .entry-content img {
  1618. 	vertical-align: text-top;
  1619. 	}
  1620.  
  1621. .brd .entry-content .quotebox,
  1622. .brd .entry-content .codebox {
  1623. 	border-style: solid;
  1624. 	border-width: 1px;
  1625. 	margin: 0.75em 1em;
  1626. 	padding: 1em 0.75em;
  1627. 	}
  1628.  
  1629. .brd .entry-content .codebox code {
  1630. 	font-family: monospace;
  1631. 	}
  1632.  
  1633. .brd .entry-content blockquote {
  1634. 	overflow: hidden;
  1635. 	width: 100%;
  1636. 	}
  1637.  
  1638. .brd .entry-content .quotebox cite {
  1639. 	display: block;
  1640. 	font-style: normal;
  1641. 	font-weight: bold;
  1642. 	}
  1643.  
  1644. .brd .entry-content pre {
  1645. 	margin: 0;
  1646. 	max-height: 35em;
  1647. 	min-height: 2em;
  1648. 	overflow: auto;
  1649. 	padding: 0 2% 0.1em 0;
  1650. 	width: 98%;
  1651. 	}
  1652.  
  1653. .brd .entry-content img {
  1654. 	max-width: 100%;
  1655. 	}
  1656.  
  1657. .brd .entry-content span.bbu {
  1658. 	text-decoration: underline;
  1659. 	}
  1660.  
  1661. .brd .entry-content br, .brd .sig-demo br, .brd .user-box br, .brd .main-message br {
  1662. 	display: inline;
  1663. 	}
  1664.  
  1665. .brd .sig-content {
  1666. 	padding-top: 1em;
  1667. 	}
  1668.  
  1669. .brd span.sig-line {
  1670. 	display: block;
  1671. 	width: 200px;
  1672. 	border-top-style: solid;
  1673. 	border-top-width: 1px;
  1674. 	padding-bottom: 0.5em;
  1675. 	}
  1676.  
  1677.  
  1678. /*************************************************************
  1679. H - MAIN TABLES
  1680. **************************************************************/
  1681.  
  1682. /* Table Cells Widths and Alignment
  1683. -------------------------------------------------------------*/
  1684.  
  1685. .brd table {
  1686. 	width: 100%;
  1687. 	table-layout: fixed;
  1688. 	empty-cells: show;
  1689. 	border-spacing: 0;
  1690. 	line-height: 1.3333em;
  1691. 	}
  1692.  
  1693. .brd td {
  1694. 	overflow: hidden;
  1695. 	vertical-align: middle;
  1696. 	}
  1697.  
  1698. #brd-userlist table .tc0 {
  1699. 	width: 30%
  1700. 	}
  1701.  
  1702. #brd-userlist table .tc1 {
  1703. 	width: 20%;
  1704. 	text-align: left;
  1705. 	}
  1706.  
  1707. #brd-userlist table .tc2 {
  1708. 	width: 10%;
  1709. 	text-align: center;
  1710. 	}
  1711.  
  1712. #brd-debug  table .tc0 {
  1713. 	white-space:normal;
  1714. 	width: 15%;
  1715. 	}
  1716.  
  1717. #brd-debug table .tc1 {
  1718. 	white-space: normal;
  1719. 	width: 90%;
  1720. 	}
  1721.  
  1722. #brd-admin-uresults table .tc0,
  1723. #brd-admin-iresults table .tc0 {
  1724. 	width: 45%;
  1725. 	}
  1726.  
  1727. #brd-admin-uresults table .tc1,
  1728. #brd-admin-iresults table .tc1,
  1729. #brd-admin-iresults table .tc2 {
  1730. 	width: 20%;
  1731. 	}
  1732.  
  1733. #brd-admin-uresults table .tc2,
  1734. #brd-admin-uresults table .tc4 {
  1735. 	width: 10%;
  1736. 	text-align: center;
  1737. 	}
  1738.  
  1739. #brd-admin-uresults .tc3 {
  1740. 	width: 15%;
  1741. 	}
  1742.  
  1743. #brd-admin-uresults td.tc0 span,
  1744. #brd-admin-uresults td.tc3 span {
  1745. 	display: block;
  1746. 	white-space: nowrap;
  1747. 	}
  1748.  
  1749. #brd-admin-uresults td.tc0 a,
  1750. #brd-admin-uresults td.tc3 a {
  1751. 	font-weight: bold;
  1752. 	}
  1753.  
  1754. #brd-admin-iresults table .tc0 {
  1755. 	width: 25%;
  1756. 	}
  1757.  
  1758. #brd-admin-iresults table .tc1 {
  1759. 	width: 25%;
  1760. 	}
  1761.  
  1762. #brd-admin-iresults table .tc2 {
  1763. 	width: 20%;
  1764. 	}
  1765.  
  1766. #brd-admin-iresults .tc3 {
  1767. 	width: 30%;
  1768. 	}
  1769.  
  1770.  
  1771. /* Table Cell Styling
  1772. -------------------------------------------------------------*/
  1773.  
  1774. .brd .main-content th {
  1775. 	font-size: 1.084em;
  1776. 	padding: 0.462em 1.417em;
  1777. 	font-weight: normal;
  1778. 	}
  1779.  
  1780. .brd table td {
  1781. 	padding: 0.5em 1.417em;
  1782. 	border-width: 1px;
  1783. 	border-style: solid none none solid;
  1784. 	}
  1785.  
  1786. .brd table td.tc0 {
  1787. 	border-left-style: none;
  1788. 	border-left-width: 0
  1789. 	}
  1790.  
  1791. .brd table th {
  1792. 	padding: 0.5em 1.3em;
  1793. 	border-style: none;
  1794. 	}
  1795.  
  1796. .brd table td.actions, .brd table th.actions {
  1797. 	text-align: right;
  1798. 	}
  1799.  
  1800. .brd table td.actions span {
  1801. 	display: block;
  1802. 	}
  1803.  
  1804.  
  1805. /*************************************************************
  1806. H - MAIN CONTENT - ODDMENTS
  1807. **************************************************************/
  1808.  
  1809. /* Reports
  1810. -------------------------------------------------------------*/
  1811.  
  1812. .brd .report {
  1813. 	margin-left: 4em;
  1814. 	}
  1815.  
  1816. .brd .report h3 span {
  1817. 	display: block;
  1818. 	font-style: normal;
  1819. 	}
  1820.  
  1821. .brd .report h3 cite {
  1822. 	font-style: normal;
  1823. 	font-size: 1.084em;
  1824. 	font-weight: bold;
  1825. 	}
  1826.  
  1827. .brd .report h3 strong {
  1828. 	position: absolute;
  1829. 	left: -3.1em;
  1830. 	width: 1.5em;
  1831. 	text-align: right;
  1832. 	font-size: 1.167em;
  1833. 	}
  1834.  
  1835. .brd .report p strong {
  1836. 	display: block;
  1837. 	font-weight: normal;
  1838. 	}
  1839.  
  1840. .brd .report h4 {
  1841. 	border-bottom-style: dashed;
  1842. 	border-bottom-width: 1px;
  1843. 	}
  1844.  
  1845. #brd-admin-reports .frm-buttons {
  1846. 	margin-left: 4em;
  1847. 	margin-top: 0;
  1848. 	}
  1849.  
  1850. .brd .report .item-select {
  1851. 	position: absolute;
  1852. 	top: 0;
  1853. 	right: 0.75em;
  1854. 	height: 2.5em;
  1855. 	}
  1856.  
  1857. /* Help File
  1858. -------------------------------------------------------------*/
  1859.  
  1860. .brd .help-box samp {
  1861. 	display: block;
  1862. 	margin-left: 1.5em;
  1863. 	}
  1864.  
  1865. .brd .help-box h5 samp {
  1866. 	margin-left: 1.417em;
  1867. 	}
  1868.  
  1869. .brd .help-box code {
  1870. 	font-family: courier;
  1871. 	font-size: 1.084em;
  1872. 	}
  1873.  
  1874. .brd .help-box .entry-content {
  1875. 	padding: 0;
  1876. 	}
  1877.  
  1878. .brd .help-box .hn {
  1879. 	padding-bottom: 0.5em;
  1880. 	border-bottom-style: dashed;
  1881. 	border-bottom-width: 1px;
  1882. 	margin-bottom: 0.5em;
  1883. 	color: #294F6E
  1884. 	}

URL: http://punbb.informer.com/forums/topic/20814/compatability-issues-with-ie7/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.