Advertisement
pumpkinmonster

Pumpkin CSS (1)

May 23rd, 2015
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.29 KB | None | 0 0
  1. /*свой стиль - структура CSS*/
  2.  
  3. /*************************************************************
  4. A - SETUP
  5. **************************************************************/
  6.  
  7. /* A1 Import the colour scheme
  8. -------------------------------------------------------------*/
  9.  
  10. /* A1.1 */
  11.   @import url(style_cs.css);
  12.  
  13. /* A2 Deal with browser defaults and wonkiness
  14. -------------------------------------------------------------*/
  15.  
  16. /* A2.1 */
  17. html, body {
  18.   margin: 0;
  19.   padding: 0;
  20. /* Задний фон на всю страницу*/  background: #120c0e url('http://imgin.ru/images/0e749eb1048af981ef985abd18ad0b78.jpg') repeat;
  21.   }
  22.  
  23. /* A2.2 */
  24. .punbb * {
  25.   margin: 0;
  26.   }
  27.  
  28. /* A2.3 */
  29. .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  30.   padding: 0;
  31.   list-style: none;
  32.   }
  33.  
  34. /* A2.4 */
  35. .punbb img {
  36.   border: none;
  37.   margin-left: 5px;
  38.   }
  39.  
  40. /* A2.5 */
  41. .punbb .main table {
  42.   table-layout: fixed;
  43.   width: 100%;
  44.   }
  45.  
  46. /* A2.6 */
  47. .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
  48.  
  49. /* A2.7 */
  50. p[class="checkfield"] *,
  51. div[class="checkfield"] *,
  52. fieldset[class="radiofield"] * {
  53.   height: 1.8em;
  54.   vertical-align: middle;
  55.   }
  56.  
  57.  
  58.  /* A3 Text setup
  59. -------------------------------------------------------------*/
  60.  
  61. /* A3.1 */
  62. body {
  63.   font-size: 100.01%;
  64.   }
  65.  
  66. /* A3.2 */
  67. .punbb {
  68.   font: normal 68.75% verdana, arial, helvetica, sans-serif;
  69.   }
  70.  
  71. /* A3.3 */
  72. .punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  73.   font: 1em verdana, arial, helvetica, sans-serif;
  74.   background: #f5e6e1;
  75.   }
  76.  
  77. /* A3.4 */
  78. .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  79.   font-size: 1em;
  80.   font-weight: normal;
  81.   }
  82.  
  83. /* A3.5 */
  84. .punbb h1 span, .punbb h2 span, .punbb legend span {
  85.   font-size: 1.1em;
  86.   text-align: center!important;
  87.   }
  88.  
  89. .punbb h1 span, .punbb h2 span {
  90.   font-weight: bold;
  91.   font-size: 16px;
  92.   font-variant: small-caps;
  93.   font-family: Garamond;
  94.   font-color: #303d23;
  95.   text-align: center;
  96.   }
  97.  
  98. /* A3.6 */
  99. .punbb pre {
  100.   font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  101.   }
  102.  
  103. /* A3.7 */
  104. .punbb address, .punbb em {
  105.   font-style: normal;
  106.   }
  107.  
  108. /* A3.8 */
  109. .punbb .post-content em {
  110.   font-style: italic;
  111.   }
  112.  
  113. /* A3.9 */
  114. .punbb .post-content em.bbuline {
  115.   font-style: normal;
  116.   text-decoration: underline;
  117.   }
  118.  
  119. /* A3.10 */
  120. .punbb a {
  121.   text-decoration: underline;
  122.   }
  123.  
  124. /* A3.11 */
  125. .punbb optgroup {
  126.   font-weight: bold;
  127.   }
  128.  
  129.  
  130. /* A4 Float clearing and hidden items
  131. -------------------------------------------------------------*/
  132.  
  133. /* A4.1 */
  134. #pun:after,
  135. .punbb .container:after,
  136. .punbb .post-links ul:after,
  137. .punbb .main div.inline:after,
  138. .punbb .post-box:after,
  139. .punbb .linksb:after {
  140.   clear: both;
  141.   content: ".";
  142.   display: block;
  143.   height: 0;
  144.   visibility: hidden;
  145.   overflow:hidden;
  146.   line-height: 0.0;
  147.   font-size: 0;
  148.   }
  149.  
  150. /* A4.2 */
  151. .acchide,
  152. #pun-index #pun-main h1,
  153. #pun-navlinks h2,
  154. #pun-pagelinks h2,
  155. #pun-status h2,
  156. #pun-ulinks h2,
  157. .punbb .forum h2,
  158. .punbb .multipage .topic h2,
  159. .punbb dl.post-sig dt span,
  160. .punbb p.crumbs strong,
  161. .punbb .divider hr,
  162. .punbb .required label em,
  163. .punbb .formsubmit label,
  164. .punbb .submitfield label,
  165. .punbb .modmenu label,
  166. #pun-userlist .main h2 {
  167.   font-size: 0;
  168.   height: 0;
  169.   width: 0;
  170.   line-height: 0.0;
  171.   position:absolute;
  172.   left: -9999px;
  173.   overflow: hidden;
  174.   }
  175.  
  176.  
  177.  
  178.  
  179. /* A5 Basic page layout and borders
  180. -------------------------------------------------------------*/
  181.  
  182. /* A5.1 */
  183. #pun {
  184.   margin: auto;
  185.   position: relative;
  186.   background: #e4cdc5
  187. /* Повторяющийся фон - бортики*/url('http://labprob.mybb.ru/files/0014/ce/cd/57916.jpg') repeat-y;
  188.   width: 1000px;
  189.   }
  190.  
  191. /* A5.2 */
  192.   .punbb {
  193.   float: left;
  194.   width: 86%;
  195.   margin-left: 73px;
  196.   height: auto;
  197.   }
  198.  
  199. /* A5.3 */
  200. #pun-redirect, #pun-maint {
  201.   margin: 70px 20% 25px 20%;
  202.   width: auto;
  203.   float: none;
  204.   }
  205.  
  206. /* A5.4 */
  207. .punbb .section, .punbb .main {
  208.   margin-bottom: 1em;
  209.   }
  210.  
  211. /* A5.5 */
  212. .punbb .category, .punbb .post {
  213.   margin-top: 0.4em;
  214.   }
  215.  
  216. /* A5.6 */
  217. .punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  218.   margin-top: 0;
  219.   }
  220.  
  221. /* A5.7 */
  222. #pun-post .topic {
  223.   margin-top: 1em;
  224.   }
  225.  
  226. /* A5.8 */
  227. .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
  228. .punbb .category, .punbb .post {
  229.   border-style: none none solid none;
  230.   border-width: 0px 0px 2px 0px;
  231.   }
  232.  
  233. /* A5.9 */
  234. .punbb .container {
  235.   border-style: solid;
  236.   border-width: 1px;
  237.   }
  238.  
  239. /* A5.10 */
  240. .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  241.   padding: 0.5em 1em;
  242.   border-style: none solid solid none;
  243.   border-width: 0 1px 1px 0;
  244.   }
  245.  
  246.  
  247. /*************************************************************
  248. B - MAIN CONTENT - GENERAL
  249. **************************************************************/
  250.  
  251. /* B1 Parsed Content, Signatures and Scroll Boxes
  252. -------------------------------------------------------------*/
  253.  
  254. /* B1.1 */
  255. .punbb .post-content {
  256.   padding: 0;
  257.   margin: 0;
  258.   width: 100%;
  259.   overflow: hidden;
  260.   }
  261.  
  262. /* B1.2 */
  263. .punbb .post-sig dt {
  264.   display: block;
  265.   border-top: 1px solid #888;
  266.   width: 250px;
  267.   margin: 5px 0;
  268.   }
  269.  
  270. /* B1.3 */
  271. .punbb .post-content p {
  272.   margin: 0;
  273.   padding: 0 0 1em 0;
  274.   line-height: 150%;
  275.   }
  276.  
  277. /* B1.4 */
  278. .punbb .post-content img {
  279.   vertical-align: text-bottom;
  280.   }
  281.  
  282. /* B1.5 */
  283. .punbb .post-content img.postimg {
  284.   vertical-align: middle;
  285.   }
  286.  
  287. /* B1.6 */
  288. .punbb .post-content .blockcode, .punbb .post-content blockquote {
  289.   width: 100%;
  290.   overflow: hidden;
  291.   }
  292.  
  293. /* B1.7 */
  294. .punbb .post-content .scrollbox {
  295.   width: 100%;
  296.   overflow: auto;
  297.   }
  298.  
  299. /* B1.8 */
  300. .punbb .post-content .quote-box, .punbb .post-content .code-box {
  301.   margin: 0.4em 1.8em 1.4em 1.8em;
  302.   padding: 1em;
  303.   border-style: solid;
  304.   font-color: #000!important;
  305.   border-color: #FFC88B;
  306.   }
  307.  
  308. /* B1.9 */
  309. .punbb .quote-box cite, .punbb .code-box strong.legend {
  310.   display: block;
  311.   padding-bottom: 0.7em;
  312.   font-size: 1.1em;
  313.   font-weight: bold;
  314.   font-style: normal;
  315.   font-color: #000!important;
  316.   margin: 0;
  317.   }
  318.  
  319. /* B2 Information boxes
  320. -------------------------------------------------------------*/
  321.  
  322. /* B2.1 */
  323. .punbb .info-box {
  324.   padding: 1.1em 1.7em 1em 1.7em;
  325.   border-style: solid;
  326.   border-width: 1px;
  327.   margin: 0 0 1.1em 0;
  328.   }
  329.  
  330. /* B2.2 */
  331. .punbb .info-box * {
  332.   padding: 0 0 0.7em 0;
  333.   }
  334.  
  335. /* B2.3 */
  336. .punbb #pun-main .info-box .legend {
  337.   font-size: 1.1em;
  338.   font-weight: bold;
  339.   }
  340.  
  341.  
  342. /* B3 Pagination and posting links
  343. -------------------------------------------------------------*/
  344.  
  345. /* B3.1 */
  346. .punbb .linkst {
  347.   float: left;
  348.   position: relative;
  349.   width: 100%;
  350.   font-size: 1.1em;
  351.   height: 0;
  352.   }
  353.  
  354. /* B3.2 */
  355. .multipage {
  356.   margin-top: 3em;
  357.   }
  358.  
  359. /* B3.3 */
  360. .linkst .pagelink {
  361.   position: absolute;
  362.   top: -4em;
  363.   left: 1em;
  364.   width: 24em;
  365.   }
  366.  
  367. /* B3.4 */
  368. .linkst .postlink {
  369.   position: absolute;
  370.   top: -4em;
  371.   right: 1em;
  372.   width: 16em;
  373.   text-align: right;
  374.   font-weight: bold;
  375.   }
  376.  
  377. /* B3.5 */
  378. .punbb .linksb {
  379.   text-align: right;
  380.   padding: 0.4em 1em 0.5em 1em;
  381.   font-size: 1.1em;
  382.   }
  383.  
  384. /* B3.6 */
  385. .linksb .pagelink {
  386.   float: left;
  387.   width: 24em;
  388.   text-align: left;
  389.   }
  390.  
  391. /* B3.7 */
  392. .linksb .postlink {
  393.   float: right;
  394.   width: 16em;
  395.   font-weight: bold;
  396.   }
  397.  
  398. /* B3.8 */
  399. .subscribelink {
  400.   clear:both;
  401.   padding-top: 0.3em;
  402.   padding-bottom: 0.5em;
  403.   }
  404.  
  405.  
  406. /*************************************************************
  407. C - MAIN CONTENT - SPECIFIC
  408. **************************************************************/
  409.  
  410. /* C1 Form layout
  411. -------------------------------------------------------------*/
  412.  
  413. /* C1.1 */
  414. .punbb .formal .container {
  415.   padding: 1.7em 2.3em 1.1em 2.3em;
  416.   }
  417.  
  418. /* C1.2 */
  419. .punbb .formsubmit {
  420.   padding: 0 0 0 1.7em;
  421.   margin: 1em 0 0 0;
  422.   }
  423.  
  424. /* C1.3 */
  425. .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  426.   margin: 0 0.6em 0 0;
  427.   }
  428.  
  429. /* C1.4 */
  430. .punbb fieldset {
  431.   border-style: solid;
  432.   border-width: 1px;
  433.   padding: 0 18px 0 18px;
  434.   margin: 0 0 1em 0;
  435.   }
  436.  
  437. /* C1.5 */
  438. .punbb fieldset legend {
  439.   padding: 0;
  440.   margin: 0 0 0 11px;
  441.   font-size: 1.1em;
  442.   }
  443.  
  444. /* C1.6 */
  445. .punbb fieldset legend span {
  446.   padding: 0 5px;
  447.   margin: 0 0 0 -15px;
  448.   }
  449.  
  450. /* C1.7 */
  451. .punbb fieldset fieldset {
  452.   border-style: none;
  453.   margin: 0;
  454.   padding: 0 0 8px 0;
  455.   }
  456.  
  457. /* C1.8 */
  458. .punbb .fs-box {
  459.   padding: 1em 0 0.8em 0;
  460.   }
  461.  
  462. /* C1.9 */
  463. .punbb .fs-box p, .punbb .fs-box fieldset {
  464.   padding: 0 0 0.8em 0;
  465.   }
  466.  
  467. /* C1.10 */
  468. .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  469.   float: left;
  470.   margin-right: 1em;
  471.   }
  472.  
  473. /* C1.11 */
  474. .punbb .inline .infofield {
  475.   clear: both;
  476.   }
  477.  
  478. /* C1.12 */
  479. .punbb .datafield br {
  480.   display: none;
  481.   }
  482.  
  483. /* C1.13 */
  484. .punbb .required label, .punbb .datafield span.input {
  485.   font-weight: bold;
  486.   }
  487.  
  488. /* C1.14 */
  489. .punbb .datafield span.input a {
  490.   font-weight: normal;
  491.   }
  492.  
  493. /* C1.15 */
  494. .punbb .areafield span.input, .punbb p.longinput span.input {
  495.   display: block;
  496.   padding: 0 12em 0 0;
  497.   height: 100%; /* For IE */
  498.   }
  499.  
  500. /* C1.16 */
  501. .punbb textarea, .punbb .longinput input {
  502.   width: 64%;
  503.   margin: 0;
  504.   }
  505.  
  506. /* C1.17 */
  507. .punbb .hashelp {
  508.   position: relative;
  509.   }
  510.  
  511. /* C1.18 */
  512. .punbb .helplinks {
  513.   display: block;
  514.   position: absolute;
  515.   top: 1em;
  516.   right: 0;
  517.   font-weight: normal;
  518.   width: 36%;
  519.   }
  520.  
  521. /* C1.19 */
  522. .punbb #profile .helplinks {
  523.   top: 1.5em;
  524.   }
  525.  
  526. /* C1.20 */
  527. .punbb .helplinks span {
  528.   display: block;
  529.   padding-bottom: 0.2em;
  530.   }
  531.  
  532. /* C1.21 */
  533. #pun-post .formal .info-box li {
  534.   padding-left: 4px;
  535.   list-style-type: square;
  536.   list-style-position: inside;
  537.   line-height: 1.5;
  538.   margin: 0;
  539.   }
  540.  
  541.  
  542. /* C2 Table layout
  543. -------------------------------------------------------------*/
  544.  
  545. /* C2.1 */
  546. .punbb .main .tcl {
  547.   overflow: hidden;
  548.   text-align: left;
  549.   width: 50%;
  550.   }
  551.  
  552. /* C2.2 */
  553. .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  554.   text-align: center;
  555.   width: 10%;
  556.   }
  557.  
  558. /* C2.3 */
  559. .punbb .main .tcr {
  560.   overflow: hidden;
  561.   text-align: left;
  562.   width: 30%;
  563.   }
  564.  
  565. /* C2.4 */
  566. #pun-userlist .main .tcl,
  567. #pun-searchtopics .main .tcl,
  568. #pun-modviewforum .main .tcl {
  569.   width: 40%;
  570.   }
  571.  
  572. /* C2.5 */
  573. #pun-userlist .main .tc2,
  574. #pun-searchtopics .main .tc2 {
  575.   text-align: left;
  576.   width: 20%;
  577.   }
  578.  
  579. /* C2.6 */
  580. #pun-debug table .tcl {
  581.   width: 15%;
  582.   white-space:normal;
  583.   }
  584.  
  585. /* C2.7 */
  586. #pun-debug .tcr {
  587.   width: 90%;
  588.   white-space: normal;
  589.   }
  590.  
  591. /* C2.8 */
  592. #pun-index .tcl h3 {
  593.   font-size: 1.2em;
  594.   font-weight: bold;
  595.   }
  596.  
  597. /* C2.9 */
  598. .punbb td span.youposted {
  599.   font-weight: bold;
  600.   margin-left: -1em;
  601.   position: absolute;
  602.   }
  603.  
  604. /* C2.10 */
  605. .punbb td .modlist {
  606.   display: block;
  607.   padding-top: 0.3em;
  608.   }
  609.  
  610. /* C2.11 */
  611. .punbb .main td {
  612.   border-style: solid none none solid;
  613.   border-width: 1px 0 0 1px;
  614.   padding: 0.8em 1em;
  615.   }
  616.  
  617. /* C2.12 */
  618. .punbb .main th {
  619.   border-style: none none none solid;
  620.   border-width: 0 0 0 1px;
  621.   padding: 0.4em 1em 0.4em 1em;
  622.   }
  623.  
  624. /* C2.13 */
  625. .punbb .main .tcl {
  626.   border-left-style: none;
  627.   border-left-width: 0;
  628.   }
  629.  
  630. /* C2.14 */
  631. .punbb tbody.hasicon td.tcl {
  632.   padding-left: 1.2em;
  633.   }
  634.  
  635. /* C2.15 */
  636. .punbb div.icon {
  637.   border: none;
  638.   height: 35px;
  639.   line-height: 0.0;
  640.   margin-top: 0.1em;
  641.   width: 0;
  642.   }
  643.  
  644. /* C2.16 */
  645. .punbb  table div.icon {
  646.   font-size: 0;
  647.   position: relative;
  648.   margin-left: -2.2em;
  649.   }
  650.  
  651.  /* C3 Topics
  652. -------------------------------------------------------------*/
  653.  
  654. /* C3.1 */
  655. .punbb .post .container {
  656.   border-style: none solid solid solid;
  657.   border-width: 1px;
  658.   margin-top: -1px;
  659.   padding-bottom: 1px;
  660.   }
  661.  
  662. /* C3.2 */
  663. .punbb .post h3 {
  664.   border-style: solid solid none solid;
  665.   border-width: 1px;
  666.   }
  667.  
  668. /* C3.3 */
  669. .punbb .post h3 span {
  670.   padding: 0.5em 1em;
  671.   display: block;
  672.   margin-left: 20em;
  673.   border-left-style: solid;
  674.   border-left-width: 1px;
  675.   }
  676.  
  677. /* C3.4 */
  678. .punbb .post h3 strong {
  679.   float: right;
  680.   width: 5em;
  681.   text-align: right;
  682.   font-weight: normal;
  683.   }
  684.  
  685. /* C3.5 */
  686. .punbb .post .post-author {
  687.   float: left;
  688.   width: 20em;
  689.   margin-top: -1.5em;
  690.   overflow: hidden;
  691.   }
  692.  
  693. /* C3.6 */
  694. .punbb .post .post-author ul, .punbb .post .post-author p {
  695.   padding: 0 1em 1em 1em;
  696.   line-height: 140%;
  697.   }
  698.  
  699. /* C3.7 */
  700. .pa-author {
  701.   font-size: 16px;
  702.   font-weight: bold;
  703.   font-family: Georgia;
  704.   font-style: italic;
  705. /*  text-shadow: 1px 1px 0px #f9d736.351f28; */
  706.   margin-top: -5px;
  707.   text-align: center;
  708.   }
  709.  
  710. /* C3.8 */
  711. .pa-author a {
  712.   text-decoration: none;
  713.   color: #351f28!important;
  714.   }
  715.  
  716. .pa-author a:hover {color: #000!important;}
  717.  
  718. /* C3.9 */
  719. li.pa-title {
  720.   padding-bottom: 0.5em;
  721.   font-weight: normal;
  722.   text-align: center;
  723.   }
  724.  
  725. li.pa-online {
  726.   line-height: 0.8em;
  727. /*  margin-top: 25px;
  728.   font-size: 10px;
  729.   font-color: #fff!important;
  730.   font-weight: normal;
  731.   text-shadow: 1px 1px 2px #000;
  732.   letter-spacing: 3px; */
  733.   }
  734.  
  735. /* C3.11 */
  736. .punbb .post-body {
  737.   margin-left: 20em;
  738.   border-left-style: solid;
  739.   border-left-width: 1px;
  740.   padding: 0 0 1px 0;
  741.   }
  742.  
  743. /* C3.12 */
  744. .punbb .post-box {
  745.   padding: 1em;
  746.   }
  747.  
  748. /*C3.13 */
  749. .punbb fieldset .post-box {
  750.   margin-bottom: 0.8em;
  751.   }
  752.  
  753. /* C3.14 */
  754. .punbb .post-links {
  755.   margin-left: 20em;
  756.   border-left-style: solid;
  757.   border-left-width: 1px;
  758.   }
  759.  
  760. /* C3.15 */
  761. .punbb .post-links ul {
  762.   padding: 0 1em 0 0;
  763.   height: 2em;
  764.   line-height: 2em;
  765.   margin-left: -20em;
  766.   border-top-style: dashed;
  767.   border-top-width: 1px;
  768.   background: transparent;
  769.   text-align: right;
  770.   }
  771.  
  772. /* C3.16 */
  773. .punbb .post-links li {
  774.   display: inline;
  775.   padding-left: 1em;
  776.   }
  777.  
  778. /* C3.17 */
  779. .pl-email, .pl-website {
  780.   float: left;
  781.   }
  782.  
  783. /* C3.18 */
  784. .punbb .clearer {
  785.   clear: both;
  786.   height: 0;
  787.   font-size: 0;
  788.   }
  789.  
  790.  
  791. /* C4 Moderator menu
  792. -------------------------------------------------------------*/
  793.  
  794. /* C4.1 */
  795. .punbb .modmenu .container {
  796.   padding: 0.5em 1em;
  797.   text-align: right;
  798.   }
  799.  
  800. /* C4.2 */
  801. .punbb .modmenu strong, .punbb .modmenu a {
  802.   height: 1.8em;
  803.   line-height: 1.8em;
  804.   }
  805.  
  806. /* C4.3 */
  807. .punbb .modmenu .container strong {
  808.   float: left;
  809.   }
  810.  
  811. /* C4.4 */
  812. .punbb .modmenu input {
  813.   margin-left: 1em;
  814.   }
  815.  
  816.  
  817. /* C5 Message boxes
  818. -------------------------------------------------------------*/
  819.  
  820. /* C5.1 */
  821. .punbb .info .container {
  822.   padding: 0.8em 1em;
  823.   }
  824.  
  825. /* C5.2 */
  826. .punbb .info .container .backlink {
  827.   padding-top: 0.8em;
  828.   }
  829.  
  830.  
  831. /* C6 Profile
  832. -------------------------------------------------------------*/
  833.  
  834. /* C6.1 */
  835. #profile .container {
  836.   padding-left: 18.6em;
  837.   }
  838.  
  839. /* C6.2 */
  840. #profilenav {
  841.   float: left;
  842.   width: 14em;
  843.   margin-left: -16.3em;
  844.   display: inline;
  845.   }
  846.  
  847. /* C6.3 */
  848. #profilenav li {
  849.   padding-bottom: 0.8em;
  850.   font-weight: bold;
  851.   }
  852.  
  853. /* C6.4 */
  854. #viewprofile ul, #profilenav ul {
  855.   border-style: solid;
  856.   border-width: 1px;
  857.   padding: 1.5em 18px 0.8em 18px;
  858.   margin: 0 0 1em 0;
  859.   }
  860.  
  861. /* C6.5 */
  862. #viewprofile h2, #profilenav h2 {
  863.   background: transparent;
  864.   border: none;
  865.   padding: 0 0 0 0;
  866.   margin: 0 14px -0.6em 14px;
  867.   }
  868.  
  869. /* C6.6 */
  870. #viewprofile h2 span, #profilenav h2 span {
  871.   padding: 0 5px;
  872.   position: relative;
  873.   }
  874.  
  875. /* C6.7 */
  876. #viewprofile li, #setmods dl {
  877.   padding: 0 0 0 16em;
  878.   margin-bottom: 0.2em;
  879.   }
  880.  
  881. /* C6.8 */
  882. #viewprofile li span {
  883.   float: left;
  884.   width: 14em;
  885.   margin-left: -16em;
  886.   padding: 0.5em 1em;
  887.   font-weight: bold;
  888.   }
  889.  
  890. /*C6.9 */
  891. #setmods dt {
  892.   float: left;
  893.   width: 14em;
  894.   margin-left: -16em;
  895.   padding: 0.8em 1em;
  896.   font-weight: bold;
  897.   display: inline;
  898.   }
  899.  
  900. /* C6.10 */
  901. #viewprofile li strong, #viewprofile li div, #setmods dd {
  902.   display: block;
  903.   padding: 0.5em 1em;
  904.   font-weight: normal;
  905.   }
  906.  
  907. /* C6.11 */
  908. .punbb img.avatardemo {
  909.   float: right;
  910.   margin: 0 0 0.8em 1.8em;
  911.   }
  912.  
  913.  
  914. /* C7 User list
  915. -------------------------------------------------------------*/
  916.  
  917. /* C7.1 */
  918. #pun-userlist .formal, #pun-userlist .formal .container {
  919.   border-bottom: none;
  920.   margin-bottom: 0;
  921.   }
  922.  
  923. /* C7.2 */
  924. #pun-userlist .usertable .container {
  925.   padding: 0 2.3em 2.3em 2.3em;
  926.   border-top: none;
  927.   }
  928.  
  929. /* C7.3 */
  930. #pun-userlist .usertable table {
  931.   border-style: solid;
  932.   border-width: 1px;
  933.   }
  934.  
  935.  
  936. /*************************************************************
  937. D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
  938. **************************************************************/
  939.  
  940. /* D1 Logo and description
  941. -------------------------------------------------------------*/
  942.  
  943. /* D1.1 */
  944. #pun-title {
  945.   margin: 0;
  946.   margin-left: -73px;
  947.   border: none;
  948. /* Логотип */
  949.  background: url('http://labprob.mybb.ru/files/0014/ce/cd/79836.jpg') no-repeat;
  950.   font-size: 0px;
  951.   width: 1000px;
  952.   height: 301px;
  953.  
  954.   }
  955.  
  956. /* D1.2 */
  957. #pun-title h1 {
  958.   display: block;
  959.   height: 40px;
  960.   padding: 2em 1em 0 1em;
  961.   }
  962.  
  963. /* D1.3 */
  964. #pun-title .container {
  965.   border-style: none solid none solid;
  966.   }
  967.  
  968. /* D1.4 */
  969. #pun-title h1 span  {
  970.   font-size: 1.5em;
  971.   }
  972.  
  973. #pun-title table {
  974.     border: none;
  975.     height: 40px;
  976.     width: 100%;
  977. }
  978.  
  979. #pun-title td.title-logo-tdl {
  980.     border: none;
  981.     width: 100%;
  982. }
  983.  
  984. #pun-title td.title-logo-tdr {
  985.     border: none;
  986.     width: 468px;
  987. }
  988.  
  989. /* D2 Page navigation
  990. -------------------------------------------------------------*/
  991.  
  992. /* D2.1 */
  993. #pun-pagelinks {
  994.   position: absolute;
  995.   top: -15px;
  996.   left: 0;
  997.   margin: 0;
  998.   border: none;
  999.   padding: 0;
  1000.   width: 100%;
  1001.   }
  1002.  
  1003. /* D2.2 */
  1004. #pun-pagelinks .container {
  1005.   background: transparent;
  1006.   border: none;
  1007.   padding: 0;
  1008.   }
  1009.  
  1010. /* D2.3 */
  1011. #pun-pagelinks .container li {
  1012.   display: inline;
  1013.   }
  1014.  
  1015. /* D2.4 */
  1016. #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  1017.   height: 2em;
  1018.   line-height: 2em;
  1019.   padding: 0;
  1020.   font-size: 1.2em;
  1021.   margin-left: -9999px;
  1022.   display: block;
  1023.   float:left;
  1024.   width: 100%;
  1025.   }
  1026.  
  1027. /* D2.5 */
  1028. #pun-pagelinks a:active, #pun-pagelinks a:focus {
  1029.   position:relative;
  1030.   margin: 0;
  1031.   }
  1032.  
  1033. #pun-pagelinks li a span {
  1034.   display: block;
  1035.   margin: 0 1em;
  1036.   }
  1037.  
  1038. /* D3 Forum navigation
  1039. -------------------------------------------------------------*/
  1040.  
  1041. /* D3.1 */
  1042. #pun-navlinks, #pun-navlinks .container {
  1043.   border-style: none;
  1044.   border-width: 0;
  1045.   width: 800px;
  1046.   margin-top: 0!important;
  1047.   position: absolute;
  1048.   top: 134px;
  1049.   text-align: center!important;
  1050.   margin-left: 15px;
  1051.   }
  1052.  
  1053. /* D3.2 */
  1054. #pun-navlinks .container {
  1055.   padding: 0;
  1056.   }
  1057.  
  1058. /* D3.3 */
  1059. #pun-navlinks li {
  1060.   display: inline;
  1061.   padding-right: 0!important;
  1062.   padding-left: 0!important;
  1063.   margin-left: -5px;
  1064.   }
  1065.  
  1066. /* D3.4 */
  1067. #pun-navlinks li a {
  1068.   font-size: 14px;
  1069.   }
  1070.  
  1071. /* D4 User links
  1072. -------------------------------------------------------------*/
  1073.  
  1074. /* D4.1 */
  1075. #pun-ulinks  {
  1076.   margin-top: 0;
  1077.   }
  1078.  
  1079. /* D4.2 */
  1080. #pun-ulinks .container {
  1081.   border-top: none;
  1082.   padding: 0.7em 1em;
  1083.   }
  1084.  
  1085. /* D4.3 */
  1086. #pun-ulinks li, #pun-ulinks li a {
  1087.   display: inline;
  1088.   border-left-style: none;
  1089.   border-left-width: 1px;
  1090.   white-space: nowrap;
  1091.   }
  1092.  
  1093. /* D4.4 */
  1094. #pun-ulinks li a {
  1095.   padding: 0 0.3em 0 0.6em
  1096.   }
  1097.  
  1098. /* D4.5 */
  1099. #pun-ulinks li.item1, #pun-ulinks li.item1 a {
  1100.   border-left-style: none;
  1101.   border-left-width: 0;
  1102.   padding-left: 0
  1103.   }
  1104.  
  1105. /* D5 Welcome box and Top Breadcrumbs
  1106. -------------------------------------------------------------*/
  1107.  
  1108. /* D5.1 */
  1109. #pun-status, #pun-status .container {
  1110.   border-bottom: none;
  1111.   margin-bottom: 0;
  1112.   }
  1113.  
  1114. /* D5.2 */
  1115. #pun-status .container {
  1116.   padding: 0.8em 1em 1em 1em;
  1117.   }
  1118.  
  1119. /* D5.3 */
  1120. #pun-status span {
  1121.   white-space: nowrap;
  1122.   margin-right: 0.5em;
  1123.   }
  1124.  
  1125. /* D5.4 */
  1126. #pun-crumbs1 {
  1127.   font-weight: bold;
  1128.   overflow: hidden;
  1129.   margin-top: 0;
  1130.   }
  1131.  
  1132. /* D5.5 */
  1133. #pun-crumbs1 p.container {
  1134.   border-top: none;
  1135.   padding: 1em 1em 0.8em 1em;
  1136.   font-size: 1.1em;
  1137.   }
  1138.  
  1139. /* D5.6 */
  1140. #pun-break1 {
  1141.   margin: 0 1em;
  1142.   border-style: solid none;
  1143.   border-width: 1px 0;
  1144.   height: 0;
  1145.   margin: -2px 1em;
  1146.   position: relative;
  1147.   z-index: 1;
  1148.   }
  1149.  
  1150. /* D6 Announcement
  1151. -------------------------------------------------------------*/
  1152.  
  1153. /* D6.1 */
  1154. #pun-announcement h2 {
  1155.   padding: 0;
  1156.   margin: 0 1em -3.5em 1em;
  1157.   border-style: none none solid none;
  1158.   border-width: 0 0 1px 0;
  1159.   position: relative;
  1160.   font-weight: bold;
  1161.   }
  1162.  
  1163. /* D6.2 */
  1164. #pun-announcement h2 span {
  1165.   display: block;
  1166.   padding: 1em 0 0.8em 0;
  1167.   border-bottom-style: solid;
  1168.   border-bottom-width: 1px;
  1169.   }
  1170.  
  1171. /* D6.3 */
  1172. #pun-announcement .container {
  1173.   padding: 4.3em 1em 1em 1em;
  1174.   }
  1175.  
  1176. /* D7 Statistics
  1177. -------------------------------------------------------------*/
  1178.  
  1179. /* D7.1 */
  1180. #pun-stats .container {
  1181.   padding: 0.8em 1em;
  1182.   }
  1183.  
  1184. /* D7.2 */
  1185. #pun-stats li.item1, #pun-stats li.item2 {
  1186.   float: left;
  1187.   clear: both;
  1188.   line-height: 150%;
  1189.   }
  1190.  
  1191. /* D7.3 */
  1192. #pun-stats li.item3, #pun-stats li.item4 {
  1193.   text-align: right;
  1194.   line-height: 150%;
  1195.   }
  1196.  
  1197. /* D7.4 */
  1198. li#onlinelist {
  1199.   margin-top: 1em;
  1200.   border-top-style: solid;
  1201.   border-top-width: 1px;
  1202.   float: left;
  1203.   width: 100%;
  1204.   line-height: 130%;
  1205.   }
  1206.  
  1207. /* D7.5 */
  1208. li#onlinelist div {
  1209.   border-top-style: solid;
  1210.   border-top-width: 1px;
  1211.   padding: 0.7em 0 0 0;
  1212.   }
  1213.  
  1214. /* D8 Quick Jump - About - Bottom Breadcrumbs
  1215. -------------------------------------------------------------*/
  1216.  
  1217. /* D8.1 */
  1218. #pun-qjump {
  1219.   margin: 0;
  1220.   border: none;
  1221.   width: 50%;
  1222.   position: relative;
  1223.   float: left;
  1224.   }
  1225.  
  1226. /* D8.2 */
  1227. #pun-qjump .container {
  1228.   border: none;
  1229.   background: transparent;
  1230.   padding: 0.8em 1em;
  1231.   }
  1232.  
  1233. /* D8.3 */
  1234. #pun-about {
  1235.   margin-top: 0;
  1236.   }
  1237.  
  1238. /* D8.4 */
  1239. #pun-about .container {
  1240.   border-top-style: none;
  1241.   text-align: right;
  1242.   line-height: 150%;
  1243.   padding: 0.8em 1em;
  1244.   }
  1245.  
  1246. /* D8.5 */
  1247. #pun-about p span {
  1248.   display:block;
  1249.   padding-left: 50%;
  1250.   }
  1251.  
  1252. /* D8.6 */
  1253. #pun-crumbs2 {
  1254.   font-weight: bold;
  1255.   overflow: hidden;
  1256.   margin-bottom: 0;
  1257.   border-bottom: none;
  1258.   }
  1259.  
  1260. /* D8.7 */
  1261. #pun-crumbs2 .container {
  1262.   border-bottom: none;
  1263.   padding: 0.8em 1em;
  1264.   font-size: 1.1em;
  1265.   }
  1266.  
  1267. /* D8.8 */
  1268. #pun-break4 {
  1269.   margin: -2px 1em;
  1270.   border-style: solid none;
  1271.   border-width: 1px 0;
  1272.   position: relative;
  1273.   height: 0;
  1274.   z-index: 1;
  1275.   }
  1276.  
  1277. /* D8.9 */
  1278. div.punbb-admin #pun-about .container {
  1279.   border-top-style: solid;
  1280.   border-top-width: 1px;
  1281.   }
  1282.  
  1283.  
  1284. /* D9 Help file
  1285. -------------------------------------------------------------*/
  1286.  
  1287. /* D9.1 */
  1288. #pun-help .formal .info-box h3.legend {
  1289.   border-bottom-style: solid;
  1290.   border-bottom-width: 1px;
  1291.   padding-bottom: 0;
  1292.   margin-bottom: 0.8em;
  1293.   }
  1294.  
  1295. /* D9.2 */
  1296. #pun-help .formal .info-box h3.legend span {
  1297.   padding-bottom: 0.6em;
  1298.   display: block;
  1299.   border-bottom-style: solid;
  1300.   border-bottom-width: 1px;
  1301.   font-size: 1.1em;
  1302.   }
  1303.  
  1304. /* D9.3 */
  1305. #pun-help .formal p, #pun-help .formal dd {
  1306.   margin-bottom: 1em;
  1307.   }
  1308.  
  1309. /* D9.4 */
  1310. #pun-help .formal ul, #pun-help .formal dl {
  1311.   padding: 0 0 0 1em;
  1312.   }
  1313.  
  1314. /* D9.5 */
  1315. #pun-help .formal li {
  1316.   padding: 0;
  1317.   line-height: 130%;
  1318.   }
  1319.  
  1320. /* D9.6 */
  1321. #pun-help .formal li * {
  1322.   vertical-align: text-top;
  1323.   }
  1324.  
  1325. /* D9.7 */
  1326. #pun-help .formal dt span {
  1327.   font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
  1328.   }
  1329.  
  1330. /* D9.8 */
  1331. #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  1332.   padding-bottom: 0;
  1333.   }
  1334.  
  1335. /*Подвижка баннера*/
  1336. #pun-title td.title-logo-tdr{
  1337.   display: block!important;
  1338.   position: absolute!important;
  1339.   z-index: 100;
  1340.   height: 60px!important;
  1341.   padding-left: 0px!important;
  1342.   width: 468px!important;
  1343.   left: 50%!important;
  1344.   margin-left: -220px!important;
  1345.   margin-top: 510px!important;
  1346.   padding-top: 0px!important;
  1347.   }
  1348.  
  1349. /*Фон мини-профиля в Топике*/
  1350. .punbb .post .post-author {
  1351.   background: url('.jpg') 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  1352.   overflow: visible!important;
  1353.   width: 210px;
  1354.   margin-left: 10px;
  1355.   }
  1356.  
  1357. .punbb .post .post-author > ul {
  1358.   background: url('.jpg') 0 top no-repeat, url('.jpg') 0 bottom no-repeat; /*Фон верха - низа, верх - первая ссылка*/
  1359.   margin: 0px 0px 0px 0!important;
  1360.   padding: 15px 10px 20px 10px!important;
  1361.   }
  1362.  
  1363. #pun-main .post-author ul {
  1364.   text-align: left;
  1365.   margin-left: 0px;
  1366.   }
  1367.  
  1368. .pa-avatar {
  1369.   margin-top: 0px;
  1370.   }
  1371.  
  1372. .pa-title {
  1373.   color: #000;
  1374.   font-size: 10px;
  1375.   font-family: Verdana;
  1376.   font-weight: normal;
  1377.   letter-spacing: 0px;
  1378.   margin-top: 0px;
  1379.   }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement