Debian Debian-France Debian-Facile Debian-fr.org Debian-fr.xyz Debian ? Communautés

Debian-facile

Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.

Vous n'êtes pas identifié(e).

Raw Paste Créer un nouveau Paste

bunsencss - #2CEC874D3D

  1. /*@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);*/
  2. /*****************************************************************
  3. 1. INITIAL SETTINGS
  4. *****************************************************************/
  5.  
  6. /* Limited Reset
  7. ----------------------------------------------------------------*/
  8.  
  9. html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
  10. .pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
  11. .pun abbr, .pun cite {
  12. border: 0;
  13. font-style: normal;
  14. font-weight: normal;
  15. margin: 0;
  16. padding: 0;
  17. }
  18.  
  19. .pun ul, .pun ol {
  20. list-style: none;
  21. }
  22.  
  23. .pun select {
  24. padding-bottom: 1px;
  25. padding-top: 1px;
  26. }
  27. /* HTML5 element fixes ------------------------------------------------------ */
  28. article, aside, details, figcaption, figure,
  29. footer, header, hgroup, nav, section {
  30. display: block;
  31. }
  32. audio, canvas, video {
  33. display: inline-block;
  34. *display: inline;
  35. *zoom: 1;
  36. }
  37. audio:not([controls]) {
  38. display: none;
  39. }
  40. [hidden] {
  41. display: none;
  42. }
  43. .hidden {display:none;}
  44.  
  45. /* Content Defaults
  46. ----------------------------------------------------------------*/
  47. body {
  48. font-family: sans-serif;
  49. /*font-family: "PT Sans", Arial, Helvetica, sans-serif;*/
  50. font-size: 100% ;
  51. /*font-size: 90%/1.462em ;*/
  52. }
  53.  
  54.  
  55. .pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
  56. font-family: /*"PT Sans", Arial, Helvetica,*/ sans-serif;
  57. font-size: 1em;
  58. }
  59.  
  60. .pun pre, .pun code {
  61. font-family: /*consolas, monaco, "bitstream vera sans mono", "courier new", courier,*/ monospace;
  62. font-size: 1em;
  63. }
  64.  
  65. .pun pre code {
  66. font-size: 1em;
  67. }
  68.  
  69. .pun table {
  70. border-collapse: collapse;
  71. border-spacing: 0;
  72. border: 0;
  73. empty-cells: show;
  74. width: 100%;
  75. }
  76.  
  77. .pun h1 {
  78. font:2.154em/1em /*"PT Sans", "Trebuchet MS", Arial, Helvetica,*/ sans-serif;
  79. padding: 7px 0;
  80. }
  81.  
  82. .pun h2, .pun .hd h2 {
  83. font: 1.462em/1em /*"PT Sans", "Trebuchet MS", Arial, Helvetica,*/ sans-serif;
  84. padding: 7px 0;
  85. }
  86.  
  87. .pun h3 {
  88. font-size: 1.154em;
  89. line-height: 1.267em;
  90. padding: 7px 0;
  91. }
  92.  
  93. .pun h4 {
  94. font-size: 1.077em;
  95. font-weight: bold;
  96. padding: 7px 0;
  97. }
  98.  
  99. .pun h5, .pun h6 {
  100. font-size: 1em;
  101. font-weight: bold;
  102. padding: 7px 0;
  103. }
  104.  
  105. .pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
  106. padding: 7px 0;
  107. }
  108.  
  109. .pun strong, .pun th, .pun span.warntext, .pun p.warntext {
  110. font-weight: bold;
  111. }
  112.  
  113. .pun em {
  114. font-style: italic;
  115. }
  116.  
  117. .pun a, .pun a:link, .pun a:visited {
  118. text-decoration: none;
  119. }
  120.  
  121. .pun a:hover, .pun a:active, .pun a:focus {
  122. text-decoration: underline;
  123. }
  124.  
  125. .pun .actions span {
  126. padding-left: 16px;
  127. padding-right: 8px;
  128. background: url(Crunchbang/img/bull.png) center left no-repeat;
  129. display: inline-block;
  130. line-height: normal;
  131. }
  132.  
  133. /* Hidden Elements
  134. ----------------------------------------------------------------*/
  135.  
  136. #brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
  137. #searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
  138. #punviewforum #vf h2, .pun .required strong span, .pun .icon div {
  139. display: block;
  140. overflow: hidden;
  141. position: absolute;
  142. text-indent: -9999em;
  143. width: 0;
  144. }
  145.  
  146. /* Generic Float Clear
  147. ----------------------------------------------------------------*/
  148.  
  149. .pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
  150. min-height: 1px;
  151. }
  152.  
  153. * html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  154. display: inline-block;
  155. }
  156.  
  157. * html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  158. display: block;
  159. }
  160.  
  161. .pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
  162. content: " ";
  163. display: block;
  164. height: 0;
  165. font-size: 0;
  166. clear: both;
  167. visibility: hidden;
  168. }
  169.  
  170. .pun .block2col .inbox:after {
  171. content: none;
  172. clear: none;
  173. }
  174.  
  175. .clearl {
  176. clear: left;
  177. }
  178.  
  179.  
  180. /*****************************************************************
  181. 2. COMMON STYLES
  182. *****************************************************************/
  183.  
  184. /* Page Layout
  185. ----------------------------------------------------------------*/
  186.  
  187. .pun {
  188. padding:0 0 40px 0;
  189. width:96%;
  190. margin:auto;
  191. }
  192.  
  193. #punredirect.pun,#punmaint.pun {width:auto !important;}
  194. #punredirect, #punmaint {
  195. padding: 60px 20% 12px 20%;
  196. }
  197.  
  198. #ezbbcdialog.pun {
  199. width:auto !important;
  200. padding: 30px 40px;
  201. font-size: 80%;
  202. }
  203.  
  204. #puninstall, #pundb_update {
  205. padding: 20px 10%;
  206. }
  207.  
  208. #punredirect h2, #punmaint h2 {
  209. border-bottom-style: dotted;
  210. border-bottom-width: 1px;
  211. margin-bottom: 3px;
  212. }
  213.  
  214. /* Section Spacing and Borders
  215. ----------------------------------------------------------------*/
  216.  
  217. #brdmain {
  218. border-style: solid none;
  219. border-width: 2px 0;
  220. margin-bottom: 12px;
  221. padding: 12px 0;
  222. }
  223.  
  224. #punindex #brdmain {
  225. padding-top: 24px;
  226. }
  227.  
  228. #punredirect #brdmain, #punmaint #brdmain {
  229. border: 0;
  230. margin: 0;
  231. padding: 0;
  232. }
  233.  
  234. #brdstats {
  235. border-style: solid none none none;
  236. border-width: 2px 0 0 0;
  237. margin-top: 24px;
  238. padding-top: 12px;
  239. }
  240.  
  241. #quickpost {
  242. border-style: solid none none none;
  243. border-width: 2px 0 0 0;
  244. margin-top: 12px;
  245. padding-top: 12px;
  246. }
  247.  
  248. #announce {
  249. border-style: solid none none none;
  250. border-width: 2px 0 0 0;
  251. padding-top: 3px;
  252. }
  253.  
  254. /*****************************************************************
  255. 3. COMMON BOARD ELEMENTS
  256. *****************************************************************/
  257.  
  258. /* Logo, Description and Main Menu
  259. ----------------------------------------------------------------*/
  260.  
  261. #brdtitle h1 {
  262. padding: 0 0 10px 0;
  263. }
  264.  
  265. #brdtitle {
  266. text-align:center;
  267. }
  268.  
  269. #brddesc {
  270. border-top-style: dotted;
  271. border-top-width: 1px;
  272. padding: 10px 0;
  273. }
  274.  
  275. .logo {
  276. width: 300px;
  277. margin: 20px 0 10px 0;
  278. }
  279.  
  280.  
  281.  
  282. /* Welcome Box
  283. ----------------------------------------------------------------*/
  284.  
  285. #brdwelcome {
  286. padding: 20px 0;
  287. }
  288.  
  289. #brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
  290. display: inline;
  291. padding: 0;
  292. }
  293.  
  294. #brdwelcome .conl {
  295. float: left;
  296. }
  297.  
  298. #brdwelcome .conr {
  299. float: right;
  300. }
  301.  
  302. #brdwelcome li span {
  303. background: url(Crunchbang/img/bull.png) center left no-repeat;
  304. padding-left: 18px;
  305. margin-right: 3px;
  306. display: inline-block;
  307. line-height: normal;
  308. white-space: nowrap;
  309. }
  310.  
  311. #brdwelcome .conl li:first-child span {
  312. padding-left: 0;
  313. background: none;
  314. }
  315.  
  316. /* Stats
  317. ----------------------------------------------------------------*/
  318.  
  319. #brdstats .conl {
  320. float: left;
  321. }
  322.  
  323. #brdstats .conr {
  324. float: right;
  325. text-align: right;
  326. }
  327.  
  328. #brdstats #onlinelist {
  329. border-top-style: dotted;
  330. border-top-width: 1px;
  331. clear: both;
  332. }
  333.  
  334. #brdstats #onlinelist dt, #brdstats #onlinelist dd {
  335. display: inline;
  336. }
  337.  
  338. /* Footer
  339. ----------------------------------------------------------------*/
  340.  
  341. .pun #modcontrols {
  342. border-style: none none dotted none;
  343. border-width: 0 0 1px 0;
  344. margin-bottom: 4px;
  345. text-align: center;
  346. width: 100%;
  347. }
  348.  
  349. .pun #modcontrols dd {
  350. display: inline;
  351. }
  352.  
  353. .pun #brdfooter #modcontrols dd span {
  354. background: url(Crunchbang/img/bull.png) center left no-repeat;
  355. display: inline-block;
  356. line-height: normal;
  357. padding-left: 18px;
  358. white-space: nowrap;
  359. }
  360.  
  361. .pun #brdfooter .conl {
  362. float: left;
  363. }
  364.  
  365. .pun #brdfooter .conr {
  366. text-align: right;
  367. float: right;
  368. }
  369.  
  370. .pun #brdfooter #poweredby a {
  371. font-size: 1.077em;
  372. font-weight: bold;
  373. }
  374.  
  375. .pun #brdfooter #qjump {
  376. padding-top: 5px;
  377. }
  378.  
  379. .pun #brdfooter #qjump * {
  380. white-space: nowrap;
  381. }
  382.  
  383. .pun #brdfooter #searchlinks dd span {
  384. background: url(Crunchbang/img/bull.png) center left no-repeat;
  385. display: inline-block;
  386. line-height: normal;
  387. padding-left: 18px;
  388. white-space: nowrap;
  389. }
  390.  
  391. .pun #brdfooter #feedlinks {
  392. padding-bottom: 0;
  393. }
  394.  
  395. .pun #brdfooter #feedlinks span {
  396. background: url(Crunchbang/img/feed.png) center left no-repeat;
  397. display: inline-block;
  398. padding-left: 18px;
  399. white-space: nowrap;
  400. }
  401.  
  402. .pun #debugtime {
  403. border-style: dotted none none none;
  404. border-width: 1px 0 0 0;
  405. margin-top: 7px;
  406. text-align: center;
  407. }
  408.  
  409. /* Breadcrumbs, Postlink, Pagination
  410. ----------------------------------------------------------------*/
  411.  
  412. .pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
  413. overflow: hidden;
  414. }
  415.  
  416. .pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
  417. clear: both;
  418. position: relative;
  419. }
  420.  
  421. .pun .linkst .crumbs {
  422. font-family: "PT Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
  423. font-size: 1.462em;
  424. line-height: 1.211em;
  425. padding: 7px 0;
  426. }
  427.  
  428. .pun .linksb .crumbs, .pun .postlinksb .crumbs {
  429. font-family: "PT Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
  430. font-size: 1.154em;
  431. }
  432.  
  433. .pun .linkst .crumbsplus .pagepost {
  434. border-top-style: dotted;
  435. border-top-width: 1px;
  436. }
  437.  
  438. .pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
  439. border-bottom-style: dotted;
  440. border-bottom-width: 1px;
  441. }
  442.  
  443. .pun .postlinksb .crumbs {
  444. margin-right: 11em;
  445. }
  446.  
  447. .pun .crumbs li {
  448. float: left;
  449. padding-right: 0.4em;
  450. /*white-space: nowrap;*/
  451. font-size:80%;
  452. }
  453.  
  454. .pun .crumbs li strong {
  455. font-weight: normal;
  456. }
  457.  
  458. .pun .pagelink {
  459. float: left;
  460. white-space: nowrap;
  461. }
  462.  
  463. .pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
  464. border-style: none none none solid;
  465. border-width: 0 0 0 1px;
  466. display: inline-block;
  467. padding: 0 12px 0 10px;
  468. margin-right: -6px;
  469. }
  470.  
  471. .pun .pagelink .item1 {
  472. border: 0;
  473. }
  474.  
  475. .pun .pagelink .pages-label {
  476. display: inline-block;
  477. }
  478.  
  479. .pun .postlink {
  480. float: right;
  481. font-weight: bold;
  482. text-align: right;
  483. }
  484.  
  485. .pun .modbuttons {
  486. float: right;
  487. padding: 5px 0 3px 0;
  488. }
  489.  
  490. .pun .modbuttons input {
  491. margin-left: 8px;
  492. }
  493.  
  494. .pun .subscribelink {
  495. right: 0;
  496. text-align: right;
  497. top: 33px;
  498. }
  499.  
  500. #punindex .subscribelink {
  501. top: 0px;
  502. }
  503.  
  504. #punindex .linksb {
  505. height: 12px;
  506. }
  507.  
  508. /*****************************************************************
  509. 4. MAIN TABLES
  510. *****************************************************************/
  511.  
  512. .pun #brdmain .blocktable {
  513. position: relative;
  514. }
  515.  
  516. #punindex #brdmain .blocktable h2, #punsearch #vf h2 {
  517. font: 1em/1.462em "PT Sans", Arial, Helvetica, sans-serif;
  518. font-weight: bold;
  519. margin: 1px 1px 0 1px;
  520. padding-left: 8px;
  521. position: absolute;
  522. left: 0;
  523. white-space: nowrap;
  524. z-index: 100;
  525. }
  526.  
  527. #punindex .blocktable th.tcl, #punsearch #vf th.tcl {
  528. font-size: 0;
  529. text-indent: -9999em;
  530. }
  531.  
  532. .pun .blocktable .box {
  533. border-style: solid;
  534. border-width: 1px;
  535. margin-bottom: -1px;
  536. overflow: hidden;
  537. position: relative;
  538. }
  539.  
  540. * html .pun .blocktable .box {
  541. display: inline-block;
  542. }
  543.  
  544. .pun .blocktable table {
  545. table-layout: fixed;
  546. margin-bottom: -1px;
  547. }
  548.  
  549. .pun .blocktable th {
  550. padding: 7px 8px;
  551. border-style: none none solid none;
  552. border-width: 1px;
  553. text-align: left;
  554. }
  555.  
  556. .pun .blocktable td {
  557. padding: 7px 8px;
  558. line-height: 1.3077em;
  559. border-style: none none solid none;
  560. border-width: 1px;
  561. text-align: left;
  562. }
  563.  
  564. .pun .blocktable h3 {
  565. font-size: 1.077em;
  566. font-weight: bold;
  567. padding: 0;
  568. }
  569.  
  570. .pun .blocktable p {
  571. padding: 0;
  572. }
  573.  
  574. .pun .blocktable .tcl p {
  575. padding: 5px 0 0 0;
  576. }
  577.  
  578. .pun .blocktable .tcl {
  579. width: auto;
  580. }
  581.  
  582. .pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
  583. padding-left: 0;
  584. padding-right: 0;
  585. text-align: center;
  586. width: 11%;
  587. }
  588.  
  589. .pun .blocktable .tcr {
  590. width: 24%;
  591. }
  592.  
  593. .pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
  594. white-space: nowrap;
  595. }
  596.  
  597. .pun .blocktable .tcl h3 span.newtext {
  598. font-size: 0.929em;
  599. font-weight: normal;
  600. }
  601.  
  602. .pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
  603. font-size: 1em;
  604. font-weight: bold;
  605. }
  606.  
  607. #punsearch #vf .tc2 {
  608. padding-left: 8px;
  609. padding-right: 8px;
  610. text-align: left;
  611. width: 18%;
  612. }
  613.  
  614. #users1 .tcr {
  615. width: 25%;
  616. }
  617.  
  618. #users1 .tc2 {
  619. padding-left: 8px;
  620. padding-right: 8px;
  621. text-align: left;
  622. width: 25%;
  623. }
  624.  
  625. #debug {
  626. margin-top: 12px;
  627. }
  628.  
  629. #debug .tcl {
  630. width: 10%;
  631. }
  632.  
  633. #punredirect #debug .tcl, #punmaint #debug .tcl {
  634. width: 20%;
  635. }
  636.  
  637. #debug .tcr {
  638. width: 90%;
  639. white-space: normal
  640. }
  641.  
  642. #punindex .tcr .byuser {
  643. display: block
  644. }
  645.  
  646. #punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
  647. .pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
  648. font-size: 0.923em;
  649. }
  650.  
  651. .pun #vf td.tcl a {
  652. font-weight: bold;
  653. }
  654.  
  655. .pun #vf td.tcl span a {
  656. font-weight: normal;
  657. }
  658.  
  659. .pun .blocktable .tclcon {
  660. height: 1%;
  661. min-height: 1px;
  662. overflow: hidden;
  663. padding: 0 11px 0 12px;
  664. position: relative;
  665. }
  666.  
  667. .pun .blocktable .tclcon div {
  668. width: 100%;
  669. overflow: hidden;
  670. }
  671.  
  672. .pun .icon {
  673. border-style: solid;
  674. border-width: 8px;
  675. float: left;
  676. height: 0;
  677. overflow: hidden;
  678. width: 0;
  679. }
  680.  
  681. .pun .iposted .ipost {
  682. font-weight: bold;
  683. left: 0;
  684. padding-left: 4px;
  685. position: absolute;
  686. text-align: center;
  687. top: 0;
  688. width: 8px;
  689. }
  690.  
  691. /*****************************************************************
  692. MAIN POSTS
  693. *****************************************************************/
  694.  
  695. /* Structure
  696. ----------------------------------------------------------------*/
  697.  
  698. .pun .blockpost {
  699. border-style: solid;
  700. border-width: 1px;
  701. margin-bottom: -1px;
  702. overflow: hidden;
  703. position: relative;
  704. }
  705.  
  706. * html .pun .blockpost {
  707. display: inline-block;
  708. }
  709.  
  710. .pun .blockpost h2 {
  711. font: 1em/1.462em /*"PT Sans", Arial, Helvetica,*/ sans-serif;
  712. white-space: nowrap;
  713. border-bottom-style: solid;
  714. border-bottom-width: 1px;
  715. height: 1.462em;
  716. padding: 0.538em 8px 0.538em 236px;
  717. font-weight: normal;
  718. }
  719.  
  720. #punsearch .blockpost h2 {
  721. height: auto;
  722. padding-left: 36px;
  723. white-space: normal;
  724. }
  725.  
  726. #punsearch .blockpost h2 span span {
  727. white-space: nowrap;
  728. display: inline-block;
  729. font: 1.077em /*"PT Sans", "Trebuchet MS", Arial, Helvetica,*/ sans-serif
  730. }
  731.  
  732. #punsearch .blockpost .icon {
  733. position: absolute;
  734. top: 0;
  735. margin-top: -2.154em;
  736. }
  737.  
  738. .pun .blockpost h2 .conr {
  739. display:none;
  740. }
  741.  
  742. .pun .blockpost .inbox {
  743. float: right;
  744. position: relative;
  745. width: 100%;
  746. }
  747.  
  748. .pun .blockpost .postbody, .pun .blockpost .postfoot {
  749. border-left-style: solid;
  750. border-left-width: 1px;
  751. float: right;
  752. margin-right: -218px;
  753. position: relative;
  754. text-align: left;
  755. width: 100%;
  756. }
  757.  
  758. .pun .blockpost .postleft, .pun .blockpost .postfootleft {
  759. width: 194px;
  760. padding: 7px 12px 7px 12px;
  761. float: left;
  762. margin-left: -218px;
  763. position: relative;
  764. }
  765.  
  766. .pun .blockpost .postleft dl {
  767. padding: 0;
  768. }
  769.  
  770. #punviewtopic .blockpost dt, #punmoderate .blockpost dt {
  771. display: block;
  772. position: absolute;
  773. padding: 0.538em 0 0.538em 12px;
  774. height: 1.462em;
  775. top: -2.615em;
  776. left: 0;
  777. overflow: hidden;
  778. width: 206px;
  779. }
  780.  
  781. .pun .blockpost dt strong {
  782. font-size: 1.231em;
  783. font-weight: bold;
  784. }
  785.  
  786. .pun .blockpost .postleft dd {
  787. font-size: 0.923em;
  788. }
  789.  
  790. .pun .blockpost .postleft .usertitle {
  791. padding: 4px 0 6px 0;
  792. font-size: 1em;
  793. }
  794.  
  795. .pun .blockpost .postleft .postavatar {
  796. display: block;
  797. margin: 0 0 4px 0;
  798. }
  799.  
  800. .pun .blockpost .postright {
  801. position: relative;
  802. padding: 4px 230px 7px 18px;
  803. }
  804.  
  805. .pun .postmsg {
  806. width:100%;
  807. overflow: hidden;
  808. word-wrap: break-word;
  809. }
  810.  
  811. .pun .blockpost .postfootright {
  812. position: relative;
  813. padding: 7px 230px 7px 18px;
  814. text-align: right;
  815. }
  816.  
  817. .pun .postfoot p, .pun .postfoot ul {
  818. padding: 0;
  819. }
  820.  
  821. .pun .blockpost .postfootright li {
  822. display: inline;
  823. }
  824.  
  825. .pun .blockpost .postfootright li span {
  826. display: inline-block;
  827. padding-left: 16px;
  828. margin-left: 8px;
  829. line-height: normal;
  830. background: url(Crunchbang/img/bull.png) center left no-repeat;
  831. }
  832.  
  833. .pun .blockpost .usercontacts {
  834. padding: 7px 0;
  835. }
  836.  
  837. .pun .blockpost .usercontacts .email {
  838. background: url(Crunchbang/img/email.png) left 65% no-repeat;
  839. margin-right: 5px;
  840. padding-left: 21px;
  841. display: inline-block;
  842. line-height: normal;
  843. }
  844.  
  845. .pun .blockpost .usercontacts .website {
  846. background: url(Crunchbang/img/ext.png) left 65% no-repeat;
  847. padding-left: 18px;
  848. display: inline-block;
  849. line-height: normal;
  850. }
  851.  
  852. .pun .postsignature hr {
  853. border:none;
  854. height: 1px;
  855. margin-left: 0px;
  856. text-align: left;
  857. }
  858.  
  859. /* Content (includes other user content)
  860. ----------------------------------------------------------------*/
  861.  
  862. .pun .usercontent {
  863. padding: 7px 0;
  864. }
  865.  
  866. .pun .postmsg p, .pun .postmsg li, #punhelp p samp {
  867. font-family: "PT Sans", Verdana, Arial, Helvetica, sans-serif;
  868. }
  869.  
  870. .pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
  871. .pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
  872. padding: 7px 0 0 0;
  873. }
  874.  
  875. .pun .postmsg h5, #punhelp h5 {
  876. font-size: 1.231em;
  877. font-weight: bold;
  878. padding: 7px 0;
  879. }
  880.  
  881. .pun .usercontent ul, .pun .postmsg ul {
  882. list-style: disc;
  883. padding: 4px 13px 4px 30px;
  884. }
  885.  
  886. .pun .usercontent ol, .pun .postmsg ol {
  887. list-style: decimal;
  888. padding: 4px 13px 4px 30px;
  889. }
  890.  
  891. .pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
  892. list-style: lower-alpha;
  893. }
  894.  
  895. .pun .usercontent li, .pun .postmsg li {
  896. padding: 0 3px;
  897. }
  898.  
  899. .pun .usercontent li p, .pun .postmsg li p {
  900. padding: 0;
  901. }
  902.  
  903. .pun span.bbu {
  904. text-decoration: underline;
  905. }
  906.  
  907. .pun span.bbs, .pun del {
  908. text-decoration: line-through;
  909. }
  910.  
  911. .pun .postmsg ins, #punhelp samp ins {
  912. text-decoration: none;
  913. }
  914.  
  915. .pun .blockpost .postmsg .postedit {
  916. font-size: 0.857em;
  917. }
  918.  
  919. .pun .blockform .postsignature, .pun .blockpost .postsignature {
  920. font-size: 0.923em;
  921. }
  922.  
  923. .pun .codebox {
  924. border-style: dashed;
  925. border-width: 1px;
  926. margin: 0.75em 1em;
  927. padding: 0;
  928. }
  929.  
  930. .pun .quotebox {
  931. border-style: solid;
  932. border-width: 1px 1px 1px 3px;
  933. margin: 0.75em 1em;
  934. padding: 0 0.75em;
  935. }
  936.  
  937. .pun .quotebox cite {
  938. display: block;
  939. padding: 0.75em 0 0 0;
  940. font-weight: bold;
  941. line-height: 1.462em;
  942. }
  943.  
  944. .pun .quotebox blockquote {
  945. overflow: hidden;
  946. width: 100%;
  947. }
  948.  
  949. .pun .codebox pre {
  950. overflow-y:hidden;
  951. overflow: auto;
  952. width: 100%;
  953. direction: ltr;
  954. text-align: left;
  955. }
  956.  
  957. * html .pun .codebox pre {
  958. padding-bottom: 10px;
  959. }
  960.  
  961. *:first-child+html .pun .codebox pre {
  962. padding-bottom: 10px;
  963. }
  964.  
  965. .pun .codebox pre code {
  966. padding: 0.75em;
  967. white-space: pre;
  968. }
  969.  
  970. .pun div[class*=codebox] pre code {
  971. display: inline-block;
  972. }
  973.  
  974. * html .pun .codebox pre code {
  975. display: block;
  976. }
  977.  
  978. .pun .codebox pre.vscroll {
  979. height: 32em;
  980. overflow: auto;
  981. overflow-y: auto
  982. }
  983.  
  984. .pun .postmsg img, #punhelp samp img {
  985. vertical-align: text-top;
  986. }
  987.  
  988. .pun .postmsg .postimg img {
  989. max-width: 98%;
  990. vertical-align: middle;
  991. margin: 7px 0.5em 7px 0;
  992. }
  993.  
  994. .pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  995. border-style: solid;
  996. border-width: 2px;
  997. }
  998.  
  999. /*****************************************************************
  1000. MAIN FORMS
  1001. *****************************************************************/
  1002.  
  1003. #punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
  1004. .pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
  1005. font: 1em/1.462em /*"PT Sans", Arial, Helvetica,*/ sans-serif;
  1006. font-weight: bold;
  1007. white-space: nowrap;
  1008. padding: 10px 19px 4px 37px;
  1009. border: 0;
  1010. }
  1011.  
  1012. #punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
  1013. #pundelete .blockform h2 {
  1014. margin: 1px 1px 0 1px;
  1015. width: 25em;
  1016. position: absolute;
  1017. z-index: 100;
  1018. }
  1019.  
  1020. .pun #quickpost legend, #punpost legend, #punedit legend {
  1021. width: 25em;
  1022. overflow: hidden;
  1023. white-space: nowrap;
  1024. }
  1025.  
  1026. .pun .blockform .box {
  1027. border-style: solid;
  1028. border-width: 1px;
  1029. padding-bottom: 12px;
  1030. }
  1031.  
  1032. .pun #posterror {
  1033. border-style: solid;
  1034. border-width: 1px;
  1035. }
  1036.  
  1037. .pun #posterror .box {
  1038. padding: 0 18px 12px 18px;
  1039. }
  1040.  
  1041. * html .pun .blockform .box, * html .pun #posterror {
  1042. display: inline-block;
  1043. }
  1044.  
  1045. .pun .blockform .forminfo, .pun .error-info {
  1046. padding: 12px 18px;
  1047. border-style: solid;
  1048. border-width: 1px;
  1049. position: relative;
  1050. }
  1051.  
  1052. .pun .blockform .forminfo {
  1053. margin-top: 12px;
  1054. }
  1055.  
  1056. #pundelete .blockform .forminfo {
  1057. margin-top: 33px;
  1058. }
  1059.  
  1060. .pun .forminfo h3 {
  1061. padding-bottom: 0;
  1062. }
  1063.  
  1064. .pun .error-list li {
  1065. padding-left: 24px;
  1066. background: url(Crunchbang/img/exclaim.png) center left no-repeat;
  1067. }
  1068.  
  1069. .pun .inform {
  1070. padding: 0 18px;
  1071. }
  1072.  
  1073. .pun legend {
  1074. font-weight: bold;
  1075. padding: 10px 19px 4px 19px;
  1076. }
  1077.  
  1078. * html .pun legend {
  1079. margin-left: -7px;
  1080. }
  1081.  
  1082. *:first-child+html .pun legend {
  1083. margin-left: -7px;
  1084. }
  1085.  
  1086. .pun .infldset {
  1087. border-style: solid;
  1088. border-width: 1px;
  1089. padding: 12px 18px;
  1090. }
  1091.  
  1092. #punregister #rules .infldset {
  1093. padding: 5px 18px;
  1094. }
  1095.  
  1096. .pun fieldset p {
  1097. padding: 0 0 7px 0;
  1098. width: 100%;
  1099. }
  1100.  
  1101. .pun fieldset .usercontent p {
  1102. padding: 7px 0;
  1103. }
  1104.  
  1105. .pun fieldset label {
  1106. display: block;
  1107. padding: 0 0 7px 0;
  1108. }
  1109.  
  1110. .pun label em {
  1111. font-weight: normal;
  1112. font-style: normal;
  1113. }
  1114.  
  1115. .pun .required strong {
  1116. background: url(Crunchbang/img/asterisk.png) center right no-repeat;
  1117. font-weight: normal;
  1118. padding-right: 14px;
  1119. white-space: pre;
  1120. display: inline-block;
  1121. line-height: normal;
  1122. }
  1123.  
  1124. .pun label input, .pun label select, .pun label textarea {
  1125. margin-top: 2px;
  1126. }
  1127.  
  1128. .pun label.conl {
  1129. display: inline-block;
  1130. padding-right: 12px;
  1131. }
  1132.  
  1133. .pun form .buttons {
  1134. padding: 8px 19px 8px 34px;
  1135. margin-bottom: -12px;
  1136. }
  1137.  
  1138. .pun .blockform .buttons input {
  1139. margin-right: 12px;
  1140. }
  1141.  
  1142. .pun .rbox {
  1143. padding: 3px 0;
  1144. }
  1145.  
  1146. .pun .rbox label {
  1147. padding: 3px 0 3px 1.75em;
  1148. position: relative;
  1149. min-height: 1px;
  1150. }
  1151.  
  1152. * html .pun .rbox label {
  1153. text-indent: -3px;
  1154. height: 1%;
  1155. }
  1156.  
  1157. .pun .rbox input {
  1158. margin: 3px 0.75em 3px -1.75em;
  1159. float: left;
  1160. position: relative;
  1161. vertical-align: middle;
  1162. padding: 0;
  1163. height: 1em;
  1164. width: 1em;
  1165. }
  1166.  
  1167. .pun input[type=text], .pun select, .pun textarea {
  1168. font-family: /*"PT Sans", Verdana, Arial, Helvetica,*/ sans-serif;
  1169. }
  1170.  
  1171. .pun .txtarea textarea, .pun input.longinput {
  1172. width: 98%;
  1173. }
  1174.  
  1175. .pun #quickpost .txtarea {
  1176. padding-right: 12px;
  1177. position: relative;
  1178. }
  1179.  
  1180. .pun .blockform .bblinks {
  1181. padding-top: 0;
  1182. }
  1183.  
  1184. .pun .blockform .bblinks li {
  1185. display: inline;
  1186. }
  1187.  
  1188. .pun .blockform .bblinks li span {
  1189. /*background: url(Crunchbang/img/help.png) center left no-repeat;*/
  1190. margin-right: 8px;
  1191. /*padding-left: 20px;*/
  1192. display: inline-block;
  1193. }
  1194.  
  1195. .pun #quickpost .bblinks {
  1196. padding-top: 0;
  1197. }
  1198.  
  1199. .pun #quickpost .bblinks li {
  1200. display: inline;
  1201. }
  1202.  
  1203. .pun #login p.clearb {
  1204. border-top-style: dotted;
  1205. border-top-width: 1px;
  1206. font-size: 0;
  1207. height: 0;
  1208. line-height: 0;
  1209. margin-top: 7px;
  1210. overflow: hidden;
  1211. padding-bottom: 3px;
  1212. padding-top: 7px;
  1213. text-indent: -9999em;
  1214. width: 100%;
  1215. }
  1216.  
  1217. .pun #postreview {
  1218. padding-top: 12px;
  1219. }
  1220.  
  1221. .pun #postpreview, .pun #posterror {
  1222. margin-bottom: 12px;
  1223. }
  1224.  
  1225. .pun #postpreview .postright {
  1226. padding: 0;
  1227. }
  1228.  
  1229. .pun #postpreview .postbody {
  1230. border-style: solid;
  1231. border-width: 1px;
  1232. float: none;
  1233. margin: 0 18px 12px 18px;
  1234. padding: 0;
  1235. padding: 4px 18px 4px 18px;
  1236. width: auto;
  1237. }
  1238.  
  1239. .pun span.email {
  1240. background: url(Crunchbang/img/email.png) left 65% no-repeat;
  1241. margin-right: 5px;
  1242. padding-left: 21px;
  1243. display: inline-block;
  1244. line-height: normal;
  1245. }
  1246.  
  1247. .pun span.website {
  1248. background: url(Crunchbang/img/ext.png) left 65% no-repeat;
  1249. padding-left: 18px;
  1250. display: inline-block;
  1251. line-height: normal;
  1252. }
  1253.  
  1254. #punmisc #rules .box {
  1255. border-style: solid;
  1256. border-width: 1px;
  1257. padding: 5px 18px;
  1258. }
  1259.  
  1260.  
  1261. #punhelp .box {
  1262. border-style: solid;
  1263. border-width: 1px;
  1264. padding: 7px 12px;
  1265. }
  1266.  
  1267. .pun .multiselect {
  1268. float: left;
  1269. padding-bottom: 7px;
  1270. }
  1271.  
  1272. .pun .checklist {
  1273. border-width: 1px;
  1274. border-style: solid;
  1275. max-height: 9em;
  1276. width: 20em;
  1277. overflow: auto;
  1278. padding: 0.25em 0.5em;
  1279. margin: 0.25em 16px 0 0.15em;
  1280. }
  1281.  
  1282. .pun .checklist legend {
  1283. padding: 0;
  1284. }
  1285.  
  1286. .pun .checklist legend span {
  1287. width: auto;
  1288. max-width: 25em;
  1289. }
  1290.  
  1291. .pun .checklist .checklist-item {
  1292. position: relative;
  1293. }
  1294.  
  1295. .pun .checklist .checklist-item label {
  1296. padding: 0 0 0 1.75em;
  1297. }
  1298.  
  1299. .pun .checklist .checklist-item .fld-input {
  1300. position: absolute;
  1301. left: 0;
  1302. top: 0;
  1303. padding: 0;
  1304. margin: 0;
  1305. }
  1306.  
  1307. .pun .checklist .checklist-item input {
  1308. margin: 0;
  1309. height: 1.55em;
  1310. width: 1.55em;
  1311. }
  1312.  
  1313. /*****************************************************************
  1314. PROFILES (+ ADMIN MENU)
  1315. *****************************************************************/
  1316.  
  1317. /* Profile / Admin
  1318. ----------------------------------------------------------------*/
  1319.  
  1320. .pun .blockmenu {
  1321. width: 13em;
  1322. float: left;
  1323. padding-bottom: 12px;
  1324. }
  1325.  
  1326. .pun .block2col .blockform, .pun .block2col .block {
  1327. margin-left: 15em;
  1328. }
  1329.  
  1330. .pun .blockmenu .block2 {
  1331. padding-top: 19px;
  1332. }
  1333.  
  1334. .pun .blockmenu ul {
  1335. border-top-style: dotted;
  1336. border-top-width: 1px;
  1337. padding: 0;
  1338. }
  1339.  
  1340. .pun .blockmenu li {
  1341. border-bottom-style: dotted;
  1342. border-bottom-width: 1px;
  1343. font-weight: bold;
  1344. padding: 0;
  1345. }
  1346.  
  1347. .pun .blockmenu a:link, .pun .blockmenu a:visited {
  1348. display: block;
  1349. padding: 9px 6px 3px 6px;
  1350. min-height: 1px;
  1351. text-decoration: none;
  1352. }
  1353.  
  1354. * html .pun .blockmenu a:link, * html .pun .blockmenu a:visited {
  1355. height: 1%;
  1356. }
  1357.  
  1358. .pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  1359. text-decoration: none;
  1360. }
  1361.  
  1362. #viewprofile .box {
  1363. border-style: solid;
  1364. border-width: 1px;
  1365. padding-bottom: 18px;
  1366. }
  1367.  
  1368. #viewprofile dt, #adstats dt {
  1369. padding: 7px 0;
  1370. position: absolute;
  1371. width: 13em;
  1372. left: 0;
  1373. }
  1374.  
  1375. #viewprofile dl {
  1376. border-style: solid none none none;
  1377. border-width: 1px;
  1378. margin: 7px 0;
  1379. padding: 0;
  1380. width: 100%;
  1381. position: relative;
  1382. }
  1383.  
  1384. #adintro, #adstats {
  1385. border-style: solid;
  1386. border-width: 1px;
  1387. padding: 18px;
  1388. }
  1389.  
  1390. #adintro li span {
  1391. display: inline-block;
  1392. padding-left: 16px;
  1393. margin-left: 8px;
  1394. line-height: normal;
  1395. background: url(Crunchbang/img/bull.png) center left no-repeat;
  1396. }
  1397.  
  1398. #adstats .inbox, #adintro .inbox {
  1399. border-style: solid;
  1400. border-width: 1px;
  1401. padding: 18px;
  1402. }
  1403.  
  1404. #adstats dl {
  1405. margin: 0;
  1406. padding: 0;
  1407. width: 100%;
  1408. position: relative;
  1409. }
  1410.  
  1411. #viewprofile dd, #adstats dd {
  1412. border-style: none none solid none;
  1413. border-width: 1px;
  1414. padding: 7px 0 7px 13em;
  1415. }
  1416.  
  1417. /*****************************************************************
  1418. COLOUR SCHEME
  1419. *****************************************************************/
  1420.  
  1421. /* Basic defaults and Common Items
  1422. ----------------------------------------------------------------*/
  1423.  
  1424. html, body, .pun {
  1425. background: #2E3436;
  1426. color: #bfbfbf;
  1427. }
  1428.  
  1429. .pun .punwrap {
  1430. background: #2E3436;
  1431. border-color: #3B4245;
  1432. color: #bfbfbf;
  1433. }
  1434.  
  1435. #announce, #brdmain, #quickpost, #brdstats, #brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
  1436. #punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
  1437. border-color: #3B4245;
  1438. }
  1439.  
  1440. .pun a, .pun a:link, .pun a:visited {
  1441. color: #FFF;
  1442. }
  1443.  
  1444. .pun a:hover, .pun a:active, .pun a:focus {
  1445. color: #FFF;
  1446. }
  1447.  
  1448. .pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  1449. border-color: #3B4245;
  1450. }
  1451.  
  1452. .pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
  1453. border-color: #3B4245;
  1454. }
  1455.  
  1456. .pun .postmsg a {text-decoration: underline;}
  1457.  
  1458. .pun .postsignature a {text-decoration: none;}
  1459. .pun .postsignature a:hover {text-decoration: underline;}
  1460. /* Primary Navigation
  1461. ----------------------------------------------------------------*/
  1462.  
  1463. /* Main Tables
  1464. ----------------------------------------------------------------*/
  1465.  
  1466. .pun .blocktable .box {
  1467. background: #2E3436;
  1468. border-color: #3B4245 #3B4245;
  1469. }
  1470.  
  1471. #punindex .blocktable h2, .pun #vf h2 {
  1472. color: #bfbfbf;
  1473. }
  1474.  
  1475. #adminconsole fieldset th, #adminconsole fieldset td {
  1476. background: #2E3436;
  1477. border-color: #3B4245;
  1478. }
  1479.  
  1480. .pun #users1 h2 {
  1481. background: #2E3436;
  1482. }
  1483.  
  1484. .pun .blocktable td {
  1485. border-color: #3B4245;
  1486. }
  1487.  
  1488. .pun .blocktable th {
  1489. background: #292F30;
  1490. border-color: #3B4245;
  1491. color: #bfbfbf;
  1492. }
  1493.  
  1494. .pun .blocktable td.tcl span.stickytext {
  1495. color: #bfbfbf;
  1496. }
  1497.  
  1498. /* Main Posts
  1499. ----------------------------------------------------------------*/
  1500.  
  1501. .pun .blockpost {
  1502. background: #32383B;
  1503. border-color: #3B4245 #3B4245;
  1504. }
  1505.  
  1506. .pun .blockpost h2 {
  1507. background: #292F30;
  1508. border-color: #3B4245;
  1509. color: #bfbfbf;
  1510. }
  1511.  
  1512. .pun .blockpost .postbody, .pun .blockpost .postfoot {
  1513. background: #2E3436;
  1514. border-color: #3B4245;
  1515. }
  1516.  
  1517. .pun .blockpost .postfootright li {
  1518. color: #bfbfbf;
  1519. }
  1520.  
  1521. .pun .postmsg, #punhelp code, #punhelp samp {
  1522. color: #bfbfbf;
  1523. }
  1524.  
  1525. .pun .postsignature, .pun .postmsg .postedit {
  1526. color: #bfbfbf;
  1527. }
  1528.  
  1529. .pun .quotebox {
  1530. background: #32383B;
  1531. border-color: #3B4245;
  1532. color: #bfbfbf;
  1533. border-left: 2px solid #bfbfbf;
  1534. }
  1535.  
  1536. .pun .quotebox cite {
  1537. color: #bfbfbf;
  1538. }
  1539.  
  1540. .pun .codebox, #punhelp .codebox code {
  1541. background: #32383B;
  1542. color: #DBDBDB;
  1543. border-color: #bfbfbf;
  1544. }
  1545.  
  1546. .pun .postmsg hr {
  1547. background: #3B4245;
  1548. }
  1549.  
  1550. .pun .postmsg ins, #punhelp samp ins {
  1551. background-color: #bfbfbf;
  1552. color:#2E3436;
  1553. }
  1554.  
  1555. /* Main Forms + Profile
  1556. ----------------------------------------------------------------*/
  1557.  
  1558. .pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
  1559. border-color: #3B4245 #3B4245;
  1560. background: #292F30;
  1561. }
  1562.  
  1563. #punmisc #rules .box, #punhelp .box {
  1564. border-color: #3B4245 #3B4245;
  1565. background: #2E3436;
  1566. }
  1567.  
  1568. .pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
  1569. #pundelete .blockform h2 {
  1570. background: #292F30;
  1571. color: #bfbfbf;
  1572. }
  1573.  
  1574. .pun .forminfo {
  1575. background: #292F30;
  1576. border-color: #292F30;
  1577. }
  1578.  
  1579. #puninstall form#install .forminfo {
  1580. background: #44699c;
  1581. color: #fff;
  1582. }
  1583.  
  1584. .pun #posterror .error-info {
  1585. background: #2E3436;
  1586. border-color: #3B4245;
  1587. }
  1588.  
  1589. #puninstall form#install .error-info {
  1590. background: #2E3436;
  1591. border-color: #3B4245;
  1592. color: #333;
  1593. }
  1594.  
  1595. .pun .infldset, #adintro .inbox, #adstats .inbox {
  1596. background: #2E3436;
  1597. border-color: #3B4245;
  1598. }
  1599.  
  1600. .pun label, .pun legend, #adminconsole fieldset th {
  1601. color: #bfbfbf;
  1602. }
  1603.  
  1604. .pun fieldset p {
  1605. border-color: #3B4245;
  1606. }
  1607.  
  1608. .pun .blockmenu ul, .pun .blockmenu li {
  1609. border-color: #3B4245;
  1610. }
  1611.  
  1612. .pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  1613. background: #292F30;
  1614. }
  1615.  
  1616. .pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
  1617. color: #fff;
  1618. background: #292F30;
  1619. }
  1620.  
  1621. .pun #viewprofile .box {
  1622. border-color: #3B4245 #3B4245;
  1623. background: #292F30;
  1624. }
  1625.  
  1626. .pun #viewprofile dt, #adstats dt {
  1627. color: #bfbfbf;
  1628. }
  1629.  
  1630. .pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
  1631. border-color: #3B4245;
  1632. }
  1633.  
  1634. #adminconsole fieldset td.nodefault {
  1635. background: #d59b9b;
  1636. }
  1637.  
  1638. .pun .multiselect {
  1639. color: #bfbfbf;
  1640. }
  1641.  
  1642. .pun .checklist {
  1643. background: #292F30;
  1644. border-color: #3B4245;
  1645. }
  1646.  
  1647. /* Status Indicators
  1648. ----------------------------------------------------------------*/
  1649.  
  1650. .pun .icon {
  1651. border-color: #3B4245 #3B4245 #3B4245 #3B4245;
  1652. }
  1653.  
  1654. .pun .iredirect .icon {
  1655. border-color: #b9c5ce;
  1656. border-width: 1px;
  1657. padding: 7px;
  1658. }
  1659.  
  1660. .pun .inew .icon {
  1661. border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf;
  1662. }
  1663.  
  1664. /* Custom fortunes
  1665. ----------------------------------------------------------------*/
  1666. .pun .fortunes {
  1667. border-left: 1px solid #3B4245;
  1668. border-right: 1px solid #3B4245;
  1669. background: #191C1E;
  1670. }
  1671. .pun .fortunes .fortune {
  1672. padding:40px 0;
  1673. margin:auto;
  1674. text-align: center;
  1675. font-size: 120%;
  1676. }
  1677.  
  1678. /* Custom Masthead etc.
  1679. ----------------------------------------------------------------*/
  1680.  
  1681. #masthead {
  1682. width:96%;
  1683. margin:auto;
  1684. margin-top: 16px;
  1685. margin-bottom: 14px;
  1686. overflow: hidden;
  1687. background: #191C1E;
  1688. -webkit-box-shadow: 0px 2px 4px #151617;
  1689. -moz-box-shadow: 0px 2px 4px #151617;
  1690. box-shadow: 0px 2px 4px #151617;
  1691.  
  1692. }
  1693.  
  1694. #masthead h1 {
  1695. font-size:8px;
  1696. margin:0;
  1697. }
  1698. #masthead #logo {
  1699. width:27px;
  1700. height:27px;
  1701. background:url(http://crunchbang.org/css/images/logo.png) center no-repeat;
  1702. /*margin:8px 0 0 10px;*/
  1703. padding: 10px 16px 4px 8px;
  1704. float:left;
  1705. }
  1706. #masthead #logo:hover {
  1707. background:#000 url(http://crunchbang.org/css/images/logo.png) center no-repeat;
  1708. }
  1709.  
  1710. #sitemenu {
  1711. float:right;
  1712. padding:0;
  1713. margin:0;
  1714. overflow: hidden;
  1715. list-style: none;
  1716. }
  1717. #sitemenu li {
  1718. float:left;
  1719. padding:0;
  1720. margin:0;
  1721. }
  1722. #masthead a {color:#fff;}
  1723. #sitemenu a.sitesearch,
  1724. #sitemenu a.showmenu {
  1725. border-left-style: solid;
  1726. min-width: 24px;
  1727. width:24px;
  1728. height:24px;
  1729. padding: 10px 16px 7px 8px;
  1730.  
  1731. }
  1732. #sitemenu a.sitesearch {
  1733. background:url(http://crunchbang.org/css/images/search.png) center no-repeat;
  1734. border:none;
  1735. }
  1736. #sitemenu a.showmenu {
  1737. background:url(http://crunchbang.org/css/images/menu.png) center no-repeat;
  1738. }
  1739. #sitemenu a:hover.sitesearch {
  1740. background:#000 url(http://crunchbang.org/css/images/search.png) center no-repeat;
  1741. }
  1742. #sitemenu a:hover.showmenu {
  1743. background:#000 url(http://crunchbang.org/css/images/menu.png) center no-repeat;
  1744. }
  1745. #sitemenu a.std {
  1746. display:none;
  1747. }
  1748.  
  1749. #mobmenu, #livesearch {
  1750. display: none;
  1751. clear:both;
  1752. }
  1753. #mobmenu ul {
  1754. list-style-type: none;
  1755. margin:0;
  1756. padding:0;
  1757. }
  1758. #mobmenu li {
  1759. margin:0;
  1760. padding:0;
  1761. }
  1762. #mobmenu a,#mobmenu a:visited {
  1763. display:block;
  1764. text-align: center;
  1765. border-top: 1px solid #2E3436;
  1766. padding:10px 0 10px 0;
  1767. text-transform: uppercase;
  1768. letter-spacing: 2px;
  1769. text-decoration: none;
  1770. }
  1771. #mobmenu a:hover {
  1772. background:#000;
  1773. }
  1774. #livesearch {
  1775. border-top: 1px solid #2E3436;
  1776. padding:10px;
  1777. }
  1778. #livesearch h3 {
  1779. display: none;
  1780. }
  1781. #livesearch fieldset{
  1782. border:none;
  1783. margin:0 0 20px 0;
  1784. background:#191C1E;
  1785. padding:0px;
  1786. text-align:center;
  1787. }
  1788.  
  1789. #livesearch #s{
  1790. background:#bfbfbf;
  1791. color:#2E3436;
  1792. padding:4px 0 4px 6px;
  1793. border:0px solid #191C1E;
  1794. font-size:130%;
  1795. width:99%;
  1796.  
  1797. }
  1798. ::selection {
  1799. background:#191C1E;
  1800. color:#bfbfbf;
  1801. }
  1802. ::-moz-selection {
  1803. background:#191C1E;
  1804. color:#bfbfbf;
  1805. }
  1806. #livesearch #submitButton {
  1807. display:none;
  1808. }
  1809. #livesearch .webResult h3 {display: block;}
  1810. #livesearch .webResult {margin-bottom:20px;border-top:1px solid #2E3436;padding-top:20px;}
  1811. #livesearch .webResult .item {padding-left:10px;border-left:2px solid #2E3436;}
  1812. #livesearch .webResult .item:hover{border-left:2px solid #bfbfbf;}
  1813. #livesearch .webResult h3{font-size:100%;margin:0;}
  1814. #livesearch .webResult h3 b{ color:#fff; }
  1815. #livesearch .webResult h3 a{ text-decoration: none;color:#fff;}
  1816. #livesearch .webResult p{ line-height:1.5;padding:10px 0 0 10px;margin:0;font-size:90%;}
  1817. #livesearch .webResult p b{ color:white;}
  1818. #more, a.url {color:#656667;font-size:80%;margin-left:10px;border:0;}
  1819. #more:hover, a.url:hover {color:#dfdfdf;}
  1820.  
  1821. #fini {
  1822. border-top: 2px solid #3B4245;
  1823. padding:20px 0 0 0;
  1824. margin:32px 0 20px 0;
  1825. font-size:86%;
  1826. color:#999;
  1827. }
  1828. #fini a {
  1829. color:#999;
  1830. text-decoration:underline;
  1831. }
  1832. #fini a:link,
  1833. #fini a:visited,
  1834. #fini a:hover,
  1835. #fini a:active {
  1836. color:#dfdfdf;
  1837. text-decoration:none;
  1838. border-bottom: 1px solid #444;
  1839. padding-bottom:1px;
  1840. }
  1841. #fini a:hover {
  1842. border-bottom: 1px solid #dfdfdf;
  1843. }
  1844. #fini a.img {
  1845. border:none;
  1846. }
  1847. #fini p {
  1848. display:block;
  1849. float:left;
  1850. width:70%;
  1851. }
  1852. #fini .credit {
  1853. display:block;
  1854. float:right;
  1855. margin:0 0 0 6px;
  1856. }
  1857. #fini #footermenu {
  1858. display: none;
  1859. }
  1860. /* Misc
  1861. ----------------------------------------------------------------*/
  1862. .ir {
  1863. display:block;
  1864. border:0;
  1865. text-indent:-999em;
  1866. overflow:hidden;
  1867. background-color:transparent;
  1868. background-repeat:no-repeat;
  1869. text-align:left;
  1870. direction:ltr;
  1871. }
  1872. .darklight {color:#bfbfbf;background:#191C1E;padding:6px;line-height: 1.8em;}
  1873. .paginationcurrent {color:#4C5659;}
  1874. /* Media Queries for responsive design -------------------------------------- */
  1875. #brdmenu ul {padding: 0;display:none;}
  1876. #brdmenu a:link, #brdmenu a:visited {
  1877. border-top-style: solid;
  1878. border-width: 1px;
  1879. display: block;
  1880. padding: 10px 0px 10px 0px;
  1881. text-transform: uppercase;
  1882. letter-spacing: 2px;
  1883. text-align: center;
  1884. }
  1885.  
  1886. #brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
  1887. text-decoration: none;
  1888. }
  1889. #brdmenu {
  1890. background: #191C1E;
  1891. -webkit-box-shadow: 0px 2px 4px #151617;
  1892. -moz-box-shadow: 0px 2px 4px #151617;
  1893. box-shadow: 0px 2px 4px #151617;
  1894. }
  1895.  
  1896. #brdmenu a, #brdmenu a:link, #brdmenu a:visited {
  1897. background: #191C1E;
  1898. border-color: #2E3436;
  1899. color: #bfbfbf;
  1900. }
  1901.  
  1902. #brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
  1903. background: #000;
  1904. border-color: #2E3436;
  1905. color: #fff;
  1906. }
  1907. #brdmenu a#brdmenubutton {border:0;
  1908. background:transparent url(http://crunchbang.org/css/images/menu.png) center no-repeat;
  1909. text-indent: -9999px;
  1910. outline:none;
  1911. }
  1912. #brdwelcome .conr {float:left;}
  1913. .tc2,.tc3,.tcr,p.modlist{display: none;}
  1914. .pun .blockpost .postright {padding:4px 110px 7px 18px;}
  1915. .pun .blockpost .postleft,
  1916. .pun .blockpost .postfootleft {width:70px;margin-left:-90px;}
  1917. .pun .blockpost .postbody, .pun .blockpost .postfoot {margin-right:-90px;}
  1918. .pun .blockpost .postfootright {padding:7px 110px 7px 18px;}
  1919. .pun .blockpost .postleft dd {display:none;}
  1920. .pun .blockpost .postleft dd.postavatar {display:block;}
  1921. .community_info {display:none;}
  1922. .datetimeposted {float:right;}
  1923. @media only screen and (min-width: 480px) {
  1924. /* Style adjustments for viewports 480px and over go here */
  1925. #masthead, .pun {
  1926. position:relative;
  1927. width:470px;
  1928. }
  1929. .tcr{display: table-cell;}
  1930. #fini p {
  1931. display:block;
  1932. float:left;
  1933. width:70%;
  1934. }
  1935. #fini .credit {
  1936. display:block;
  1937. float:right;
  1938. margin:0 0 0 6px;
  1939. }
  1940. }
  1941.  
  1942. @media only screen and (min-width: 768px) {
  1943. /* Style adjustments for viewports 768px and over go here */
  1944. #masthead, .pun {
  1945. position:relative;
  1946. width:760px;
  1947. }
  1948.  
  1949. #sitemenu {
  1950. float:right;
  1951. padding:0;
  1952. margin:0;
  1953. overflow: hidden;
  1954. list-style: none;
  1955. }
  1956.  
  1957. #sitemenu li {
  1958. display:block;
  1959. }
  1960. #sitemenu li {
  1961. float: left;
  1962. padding:0;
  1963. margin:0;
  1964. }
  1965.  
  1966. #sitemenu a:link, #sitemenu a:visited {
  1967. border:0;
  1968. color: #bfbfbf;
  1969. border-color: #2E3436;
  1970. text-transform: uppercase;
  1971. letter-spacing: 2px;
  1972. border-right-style: solid;
  1973. border-width: 1px;
  1974. display: block;
  1975. min-width: 60px;
  1976. padding: 12px 16px 7px 8px;
  1977. white-space: nowrap;
  1978. text-decoration: none;
  1979. }
  1980.  
  1981. #sitemenu a.siteabout {
  1982. border-left-style: solid;
  1983. }
  1984.  
  1985. #sitemenu a.sitesearch,
  1986. #sitemenu a.showmenu {
  1987. border-left-style: solid;
  1988. min-width: 24px;
  1989. width:24px;
  1990. height:24px;
  1991. padding: 10px 16px 7px 8px;
  1992.  
  1993. }
  1994. #sitemenu a.sitesearch {
  1995. background:url(http://crunchbang.org/css/images/search.png) center no-repeat;
  1996. border:none;
  1997. }
  1998. #sitemenu a:hover, #sitemenu a:active, #sitemenu a:focus {
  1999. background:#000;
  2000. color:#fff;
  2001. }
  2002. #sitemenu a:hover.sitesearch,#sitemenu a:active.sitesearch,#sitemenu a:focus.sitesearch {
  2003. background:#000 url(http://crunchbang.org/css/images/search.png) center no-repeat;
  2004. }
  2005.  
  2006. #sitemenu a.std {
  2007. display: block;
  2008. }
  2009. #sitemenu a.showmenu {
  2010. display: none;
  2011. }
  2012. #mobmenu {
  2013. display: none;
  2014. }
  2015.  
  2016. #brddesc p {
  2017. padding: 0;
  2018. }
  2019.  
  2020. #brdmenu a#brdmenubutton{display:none;}
  2021.  
  2022. #brdmenu ul {
  2023. padding: 0;display:block;
  2024. }
  2025.  
  2026. #brdmenu li {
  2027. float: left;
  2028. }
  2029.  
  2030. #brdmenu a:link, #brdmenu a:visited {
  2031. border-top: 0;
  2032. border-right-style: solid;
  2033. border-width: 1px;
  2034. display: block;
  2035. min-width: 60px;
  2036. padding: 12px 16px 7px 8px;
  2037. white-space: nowrap;
  2038. text-align: left;
  2039. letter-spacing: 0;
  2040. text-transform: none;
  2041. }
  2042.  
  2043. #brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
  2044. text-decoration: none;
  2045. }
  2046. #brdmenu {
  2047. background: #191C1E;
  2048. -webkit-box-shadow: 0px 2px 4px #151617;
  2049. -moz-box-shadow: 0px 2px 4px #151617;
  2050. box-shadow: 0px 2px 4px #151617;
  2051. }
  2052.  
  2053. #brdmenu a, #brdmenu a:link, #brdmenu a:visited {
  2054. background: #191C1E;
  2055. border-color: #2E3436;
  2056. color: #bfbfbf;
  2057. }
  2058.  
  2059. #brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
  2060. background: #000;
  2061. border-color: #2E3436;
  2062. color: #fff;
  2063. }
  2064.  
  2065. #brdwelcome .conr {float:right;}
  2066. .tc2,.tc3 {display: table-cell;}
  2067. .pun .blocktable .tcr {
  2068. width: 20%;
  2069. }
  2070. /*p.modlist {display:inline;}*/
  2071. .pun .blockpost .postright {padding:4px 230px 7px 18px;}
  2072. .pun .blockpost .postleft,
  2073. .pun .blockpost .postfootleft {width:194px;margin-left:-218px;}
  2074. .pun .blockpost .postbody, .pun .blockpost .postfoot {margin-right:-218px;}
  2075. .pun .blockpost .postfootright {padding:7px 270px 7px 18px;}
  2076. .pun .blockpost .postleft dd {display:block;}
  2077. .pun .blockpost .postleft dd.postavatar {display:block;}
  2078.  
  2079. .pun .blockpost h2 .conr {
  2080. display:block;
  2081. float: right;
  2082. text-align: right;
  2083. }
  2084. .datetimeposted {float:left;}
  2085. .pun .crumbs li {
  2086. white-space: nowrap;
  2087. font-size: 90%;
  2088. }
  2089.  
  2090. .pun .community_info {
  2091. display:block;
  2092. padding:10px;
  2093. margin-bottom: 14px;
  2094. overflow: hidden;
  2095. border: 0px solid #3B4245;
  2096. position:relative;
  2097. background: #191C1E url(Crunchbang/img/2E3436.png) center repeat-y;
  2098. -webkit-box-shadow: 0px 2px 4px #151617;
  2099. -moz-box-shadow: 0px 2px 4px #151617;
  2100. box-shadow: 0px 2px 4px #151617;
  2101. }
  2102. .community_info .irc {
  2103. float:left;
  2104. width:40%;
  2105. padding-left: 60px;
  2106. background:url(Crunchbang/img/irc.png) left center no-repeat;
  2107. cursor: pointer;
  2108. }
  2109. .community_info .linode {
  2110. float:left;
  2111. width:40%;
  2112. padding-left: 60px;
  2113. background:url(Crunchbang/img/linode.png) left center no-repeat;
  2114. cursor: pointer;
  2115. }
  2116. .community_info .twitter {
  2117. float:right;
  2118. width:40%;
  2119. padding-left: 60px;
  2120. background:url(Crunchbang/img/twitter.png) left center no-repeat;
  2121. cursor: pointer;
  2122. }
  2123. .community_info .dreamhost {
  2124. float:right;
  2125. width:40%;
  2126. padding-left: 60px;
  2127. background:url(Crunchbang/img/dreamhost.png) left center no-repeat;
  2128. cursor: pointer;
  2129. }
  2130. .community_info_close {
  2131. position: absolute;
  2132. top:10px;
  2133. right:10px;
  2134. width:20px;
  2135. height:20px;
  2136. background: url(Crunchbang/img/close.png) center repeat-y;
  2137. }
  2138.  
  2139. .pun .foot {
  2140. margin-top:20px;
  2141. margin-bottom: 0px;
  2142. }
  2143. .pun .foot.additional{
  2144. margin-top:0px;
  2145. margin-bottom: 14px;
  2146. border-top: 1px solid #3B4245;
  2147. }
  2148.  
  2149.  
  2150. }
  2151.  
  2152. @media only screen and (min-width: 920px) {
  2153. /* Style adjustments for viewports 920px and over go here */
  2154. #masthead, .pun {
  2155. position:relative;
  2156. width:920px;
  2157. }
  2158. .community_info .irc,
  2159. .community_info .linode {
  2160. width:40%;
  2161. }
  2162. .community_info .twitter,
  2163. .community_info .dreamhost{
  2164. width:42%;
  2165. }
  2166.  
  2167. }
  2168.  
  2169. .req_user {
  2170. display:none;
  2171. }
  2172.  
  2173. .pun textarea, input[type="text"] {
  2174. background-color: #272822;
  2175. color: #F8F8F2;
  2176. border: 1px solid #76715e;
  2177. }

Pied de page des forums

Propulsé par FluxBB