API tools faq
paste
Guest User

Untitled

a guest
Aug 31st, 2012
49
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.98 KB | None | 0 0
raw download clone embed print report
  1. /* Mpak (by liTil) + фоновая картинка + кастом лого и меню фикс*/
  2.  
  3. body {
  4.     font: normal 11pt Helvetica, Arial, sans-serif;
  5.     margin: 0 auto;
  6.     max-width: 960px;
  7.     color: #eaefff ;
  8.     background-attachment: fixed ;
  9. }
  10.  
  11. .big_page {
  12.     margin-top: 1em;
  13.     border-top: 1px dashed #e7e9e9;
  14.     padding-top: 1em;
  15. }
  16.  
  17. #header #menu {
  18.     float: right;
  19.     position: relative;
  20.     border-left: 1px solid transparent;
  21.     background: #fff;
  22.     border-bottom: 1px solid transparent;
  23.     border-radius: 10px;
  24.     border-right: 1px solid transparent;
  25.     border-top: 1px solid transparent;
  26.     color: #808080 ;
  27.     display: inline-block;
  28.     overflow: hidden;
  29.     padding: 5px 5px;
  30.     text-decoration: none;
  31.     border: 1px solid #a0a0a0 ;
  32. }
  33.  
  34. #header #logo {
  35.     float: left;
  36.     width: 155px;
  37.     height: 45px;
  38.     background: #fff;
  39.     border-bottom: 1px solid transparent;
  40.     border-left: 1px solid transparent;
  41.     border-radius: 10px;
  42.     border-right: 1px solid transparent;
  43.     border-top: 1px solid transparent;
  44.     color: #808080 ;
  45.     display: none;
  46.     overflow: hidden;
  47.     padding: 5px 5px;
  48.     text-decoration: none;
  49.     border: 1px solid #a0a0a0 ;
  50. }
  51.  
  52. h1 {
  53.     font-size: 16pt;
  54. }
  55.  
  56. h2 {
  57.     font-size: 14pt;
  58. }
  59.  
  60. h3 {
  61.     font-size: 12pt;
  62. }
  63.  
  64. h4 {
  65.     font-size: 12pt;
  66.     font-weight: normal;
  67. }
  68.  
  69. form .row {
  70.     margin: 0;
  71.     padding: 0 5px;
  72.     background: #2d2d2f ;
  73. }
  74.  
  75. input, textarea, select {
  76.     box-sizing: border-box;
  77.     background: #a0a0a0 ;
  78. }
  79.  
  80. textarea {
  81.     width: 100%;
  82.     background: #a0a0a0 ;
  83. }
  84.  
  85. input.text_input {
  86.     width: 100%;
  87.     padding: 0.5em 0;
  88. }
  89.  
  90. input.password {
  91.     width: 100%;
  92.     padding: 0.5em 0;
  93. }
  94.  
  95. select {
  96.     padding: 0.5em 0;
  97.     width: 100%;
  98. }
  99.  
  100. a {
  101.     color: #808080 ;
  102.     text-decoration: none ;
  103. }
  104.  
  105. a:hover, a:focus {
  106.     color: #9a9a9f ;
  107. }
  108.  
  109. div.clear, .clear {
  110.     clear: both;
  111.     height: 1px ;
  112.     line-height: 1px ;
  113.     font-size: 0;
  114.     padding: 0;
  115.     margin: 0;
  116. }
  117.  
  118. .avatar .icon {
  119.     float: left;
  120.     margin: 0.5em;
  121.     margin-top: 0;
  122. }
  123.  
  124. .button_grey {
  125.     display: inline-block;
  126.     font-size: 11pt;
  127.     zoom: 1;
  128.     background: #505050 ;
  129.     -moz-border-radius: 5px;
  130.     /* Firefox */
  131.     -webkit-border-radius: 5px ;
  132.     /* Safari, Chrome */
  133.     border-radius: 5px;
  134.     /* CSS3 */
  135.     color: #a0a0a0 ;
  136.     border: 1px solid #a0a0a0 ;
  137.     text-decoration: none;
  138.     padding: 5px 5px;
  139.     text-align: center;
  140. }
  141.  
  142. .pagination {
  143.     -moz-border-radius: 5px ;
  144.     -webkit-border-radius: 5px ;
  145.     border-radius: 5px ;
  146.     background: #2f2f2d ;
  147.     text-align: center;
  148.     padding: 5px 2%;
  149. }
  150.  
  151. .pagination .jump {
  152.     width: 50px;
  153.     padding: 0.5em 0;
  154. }
  155.  
  156. .pagination form {
  157.     clear: both;
  158. }
  159.  
  160. .pagination .next {
  161.     float: right;
  162.     display: inline-block;
  163.     border: 1px solid transparent;
  164.     zoom: 1;
  165.     -moz-border-radius: 10px;
  166.     /* Firefox */
  167.     -webkit-border-radius: 10px ;
  168.     /* Safari, Chrome */
  169.     border-radius: 10px;
  170.     /* CSS3 */
  171.     overflow: hidden;
  172.     background: #505050 ;
  173.     line-height: 180%
  174.     border:1px solid #5f5f5f ;
  175.     padding: 0.5em 1em;
  176.     color: #a0a0a0;
  177.     text-decoration: none;
  178. }
  179.  
  180. .pagination .back {
  181.     float: left;
  182.     display: inline-block;
  183.     border: 1px solid transparent;
  184.     zoom: 1;
  185.     -moz-border-radius: 10px;
  186.     /* Firefox */
  187.     -webkit-border-radius: 10px ;
  188.     /* Safari, Chrome */
  189.     border-radius: 10px;
  190.     /* CSS3 */
  191.     overflow: hidden;
  192.     background: #505050 ;
  193.     line-height: 180%
  194.     border:1px solid #5f5f5f ;
  195.     padding: 0.5em 1em;
  196.     color: #a0a0a0;
  197.     text-decoration: none;
  198. }
  199.  
  200. .button {
  201.     display: inline-block;
  202.     border: 1px solid transparent;
  203.     zoom: 1;
  204.     -moz-border-radius: 10px;
  205.     /* Firefox */
  206.     -webkit-border-radius: 10px ;
  207.     /* Safari, Chrome */
  208.     border-radius: 10px;
  209.     /* CSS3 */
  210.     overflow: hidden;
  211.     background: #505050 ;
  212.     line-height: 180%
  213.     border:1px solid #6cfe70;
  214.     padding: 2px 0px;
  215.     color: #c0c0c0 ;
  216.     text-decoration: none;
  217. }
  218.  
  219. .button:hover, .button:focus {
  220.     background: #5d5f5d ;
  221. }
  222.  
  223. .button:focus {
  224.     background: #57575f ;
  225. }
  226.  
  227. .button_block {
  228.     text-align: center;
  229.     padding-bottom: 5px;
  230.     font-size: 0px;
  231. }
  232.  
  233. .button_block .button {
  234.     margin: 2px 2%;
  235.     width: 45%;
  236.     font-size: 11pt;
  237.     border-bottom: 1px solid #5f5f5f ;
  238.     -moz-box-shadow: 0 1px 1px 1px #5f5f5f ;
  239.     -webkit-box-shadow: 0 1px 1px 1px #5f5f5f ;
  240.     box-shadow: 0 1px 1px 1px #5f5f5f ;
  241. }
  242.  
  243. .button_block input.button {
  244.     padding: 1px 0px;
  245.     vertical-align: top;
  246. }
  247.  
  248. .button_block .button:active {
  249.     -moz-box-shadow: 0 0px 0px 0px #005300;
  250.     -webkit-box-shadow: 0 0px 0px 0px #005300;
  251.     box-shadow: 0 0px 0px 0px #005300;
  252. }
  253.  
  254. #icons a span {
  255.     text-align: center;
  256.     display: block;
  257.     width: 100%;
  258. }
  259.  
  260. #icons .icon:hover {
  261.     background: #fff;
  262.     text-align: center;
  263.     box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  264.     text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
  265.     width: 30%;
  266.     -moz-border-radius: 7px;
  267.     /* Firefox */
  268.     -webkit-border-radius: 7px ;
  269.     /* Safari, Chrome */
  270.     border-radius: 7px;
  271.     /* CSS3 */
  272.     color: #808080 ;
  273.     border: 3px solid #483 ;
  274.     text-decoration: none;
  275.     padding: 4px 4px;
  276. }
  277.  
  278. .back_nav {
  279.     -moz-border-radius: 5px ;
  280.     -webkit-border-radius: 5px ;
  281.     border-radius: 5px ;
  282.     border: 3px solid #3c3c3c ;
  283.     background: #2f2d2d ;
  284.     padding-bottom: 5px;
  285. }
  286.  
  287. .back_nav ul {
  288.     margin: 0px;
  289.     padding: 0px;
  290.     list-style: none;
  291.     text-align: center;
  292.     font-size: 0px;
  293. }
  294.  
  295. .back_nav ul li {
  296.     display: inline-block;
  297.     font-size: 11pt;
  298.     zoom: 1;
  299.     width: 45%;
  300.     margin: 5px 2% 0px 5px;
  301. }
  302.  
  303. .back_nav ul li a {
  304.     background: #505050 ;
  305.     -moz-border-radius: 5px;
  306.     /* Firefox */
  307.     -webkit-border-radius: 5px ;
  308.     /* Safari, Chrome */
  309.     border-radius: 5px;
  310.     /* CSS3 */
  311.     color: #a0a0a0 ;
  312.     border: 1px solid #5f5f5f ;
  313.     text-decoration: none;
  314.     width: 100%;
  315.     padding: 2px 0px;
  316.     text-align: center;
  317. }
  318.  
  319. .back_nav ul li a:hover, .back_nav ul li a:focus {
  320.     background: #5d5f5d ;
  321. }
  322.  
  323. .back_nav ul li a:focus {
  324.     background: #57575f ;
  325. }
  326.  
  327. .title {
  328.     -moz-border-radius: 5px ;
  329.     -webkit-border-radius: 5px ;
  330.     border-radius: 5px ;
  331.     background: #2f2d2d ;
  332.     line-height: 150%;
  333.     font-size: 14pt;
  334.     color: #9A9A9F ;
  335.     text-align: center;
  336.     margin-bottom: 0.5em;
  337.     font-weight: bold;
  338.     border: 1px solid #3c3c3c ;
  339. }
  340.  
  341. .subtitle {
  342.     -moz-border-radius: 5px ;
  343.     -webkit-border-radius: 5px ;
  344.     border-radius: 5px ;
  345.     background: #2f2f2d ;
  346.     line-height: 180%;
  347.     border-top: 1px solid #3c3c3c ;
  348.     font-weight: bold;
  349.     color: #007b00 ;
  350.     text-align: center;
  351. }
  352.  
  353. .block {
  354.     padding: 5px 0;
  355.     margin: 0.5em 0px;
  356. }
  357.  
  358. .text {
  359.     padding: 0 5px;
  360. }
  361.  
  362. .block .item {
  363.     -moz-border-radius: 5px ;
  364.     -webkit-border-radius: 5px ;
  365.     border-radius: 5px ;
  366.     padding: 6px ;
  367.     margin: 2px ;
  368.     background: #191919 ;
  369.     border: 1px solid #2e2e2e ;
  370.     line-height: 140%;
  371.     word-wrap: break-word ;
  372. }
  373.  
  374. .block .item a {
  375.     padding: 5px 2px;
  376.     text-decoration: underline;
  377. }
  378.  
  379. .links .item a {
  380.     background-attachment: scroll;
  381.     background-clip: border-box;
  382.     background-color: transparent;
  383.     background-image: url("/img/arr_item.png");
  384.     background-origin: padding-box;
  385.     background-position: 100% 50%;
  386.     background-repeat: no-repeat;
  387.     background-size: auto;
  388.     display: block;
  389.     padding-bottom: 5px;
  390.     padding-left: 2px;
  391.     padding-right: 30px;
  392.     padding-top: 5px;
  393.     text-decoration: none;
  394. }
  395.  
  396. .block .item:nth-child(even) {
  397.     background: #0f0f0f ;
  398. }
  399.  
  400. .list .item .action {
  401.     vertical-align: top;
  402. }
  403.  
  404. .list .item .comment {
  405.     padding: 0px 3px;
  406. }
  407.  
  408. .list .item .avatar {
  409.     width: 55px;
  410.     text-align: center;
  411.     padding: 0;
  412.     vertical-align: top;
  413.     background: none;
  414. }
  415.  
  416. .list .item .comment a {
  417.     display: inline;
  418.     background: none;
  419.     padding: 0;
  420.     margin: 0;
  421.     text-decoration: underline;
  422.     color: #808080 ;
  423. }
  424.  
  425. .list .item .action a {
  426.     display: block;
  427.     height: 100%;
  428.     position: relative;
  429.     background-position: center center;
  430. }
  431.  
  432. .list .item table {
  433.     width: 100%;
  434. }
  435.  
  436. .list .item .action:hover, .list .item .action:focus {
  437.     background: #41b368;
  438. }
  439.  
  440. .list .item .avatar .preview_image {
  441.     margin: 0;
  442. }
  443.  
  444. .list .item .avatar a {
  445.     padding: 0;
  446.     vertical-align: top;
  447.     background: none;
  448. }
  449.  
  450. .list .item .avatar .nick {
  451.     font-size: small;
  452.     text-decoration: underline;
  453. }
  454.  
  455. .left {
  456.     float: left;
  457. }
  458.  
  459. .list .item a.reply {
  460.     background: url(/img/reply.png) 0% 50% no-repeat transparent;
  461.     line-height: 16px;
  462.     padding-left: 20px;
  463. }
  464.  
  465. .date {
  466.     font-size: small;
  467.     color: #8b8b00 ;
  468. }
  469.  
  470. .profile {
  471.     padding: 0 5px;
  472.     border-bottom: 1px dashed #6c6e70;
  473.     margin-bottom: 5px;
  474. }
  475.  
  476. .validation {
  477.     background: #fffacf;
  478.     border: 1px solid #cccccc;
  479.     padding: 5px;
  480.     color: #030303;
  481.     margin: 3px;
  482. }
  483.  
  484. .validation.error {
  485.     background: #aa8080 ;
  486.     color: #8b0000 ;
  487.     border: 1px solid #dd0000 ;
  488. }
  489.  
  490. .validation.notice {
  491.     background: #80aa80 ;
  492.     color: #008b00 ;
  493.     border: 1px solid #18853F ;
  494. }
  495.  
  496. .field_info {
  497.     color: #030303;
  498.     font-size: small;
  499. }
  500.  
  501. .user_icon {
  502.     border: 1px solid #e7e9e9;
  503.     -moz-border-radius: 5px;
  504.     /* Firefox */
  505.     -webkit-border-radius: 5px ;
  506.     /* Safari, Chrome */
  507.     border-radius: 5px;
  508.     /* CSS5 */
  509.     overflow: hidden;
  510. }
  511.  
  512. /*notification*/
  513.  
  514. /*notification*/
  515.  
  516. .notification {
  517.     margin-bottom: 0;
  518. }
  519.  
  520. .notification table {
  521.     width: 100%;
  522.     margin: 0px;
  523.     border: none;
  524. }
  525.  
  526. .notification table td {
  527.     position: relative;
  528.     font-size: 11px;
  529.     background: #2d2f2d ;
  530.     text-align: center;
  531. }
  532.  
  533. .notification table td img {
  534.     vertical-align: middle;
  535. }
  536.  
  537. /*actions*/
  538.  
  539. .block .item .actions {
  540.     border-top: 1px dotted #1e1e1e ;
  541.     padding: 0;
  542.     text-align: right;
  543. }
  544.  
  545. .block .item .actions a {
  546.     display: inline-block;
  547.     zoom: 1;
  548.     position: relative;
  549.     background: none;
  550.     text-align: center;
  551.     padding: 0;
  552.     margin-left: 1em;
  553. }
  554.  
  555. .block .item .actions a img {
  556.     vertical-align: middle;
  557. }
  558.  
  559. .block .item .actions a:focus, .block .item .actions a:hover {
  560.     background: #41b368;
  561.     color: #fefefe;
  562. }
  563.  
  564. .moder {
  565.     color: #17893A;
  566. }
  567.  
  568. .admin {
  569.     color: #dd0000;
  570. }
  571.  
  572. .add_info {
  573.     font-style: italic;
  574.     color: #3a3a3a;
  575. }
  576.  
  577. .status_online {
  578.     color: #008b00 ;
  579. }
  580.  
  581. .status_offline {
  582.     color: #8b0000 ;
  583. }
  584.  
  585. .main {
  586.     margin: 0.5em 0px;
  587. }
  588.  
  589. .input_error {
  590.     border: 1px solid #dd0000;
  591. }
  592.  
  593. .link_w_background {
  594.     background: #dfdfdf;
  595.     -moz-border-radius: 3px;
  596.     /* Firefox */
  597.     -webkit-border-radius: 3px ;
  598.     /* Safari, Chrome */
  599.     border-radius: 3px;
  600.     /* CSS3 */
  601.     color: #030303;
  602.     border: 1px solid #cfcfcf;
  603.     text-decoration: none;
  604.     padding: 1px 4px;
  605.     text-align: center;
  606.     font-size: 11px;
  607. }
  608.  
  609. .ad_block {
  610.     border: 1px solid #cfcfcf;
  611.     padding: 4px;
  612.     margin: 4px 0px;
  613.     text-align: center;
  614.     line-height: 180%;
  615. }
  616.  
  617. a.red {
  618.     color: #8b0000 ;
  619. }
  620.  
  621. a.green {
  622.     color: #008b00 ;
  623. }
  624.  
  625. .ad_block h4 {
  626.     font-size: 11px;
  627.     color: #dd0000;
  628.     margin: 0px;
  629.     padding: 0px;
  630. }
  631.  
  632. small {
  633.     font-style: italic ;
  634.     color: #cdcfff ;
  635. }
  636.  
  637. /* Mpak (by liTil)*/
  638.  
  639. div.icon a img {
  640.     background-color: #000000;
  641.     display: none;
  642. }
  643.  
  644. div.d0 {
  645.     background-color: #616161;
  646.     color: #ffffff;
  647. }
  648.  
  649. div.d1 a {
  650.     color: #d6d6d6;
  651. }
  652.  
  653. div.d1 {
  654.     background-color: #2e2e2e;
  655. }
  656.  
  657. div.d0 a {
  658.     color: #e6e6e6;
  659. }
  660.  
  661. a.button {
  662.     color: #cccccc;
  663. }
  664.  
  665. div.subtitle {
  666.     color: #a19ea1;
  667. }
  668.  
  669. div.quote {
  670.     border-color: #a1a1a1;
  671. }
  672.  
  673. html {
  674.     background: url(http://javaw.ru/bkgr.jpg);
  675.     background-attachment: fixed ;
  676. }
  677.  
  678. #logo {
  679.     display: none;
  680. }
  681.  
  682. #logo img {
  683.     display: none;
  684. }
  685.  
  686. #icons .icon {
  687.     background: #aaa;
  688.     text-align: center;
  689.     width: 30%;
  690.     -webkit-border-radius: 7px ;
  691.     /* Safari, Chrome */
  692.     border-radius: 7px;
  693.     /* CSS3 */
  694.     color: #222 ;
  695.     border: 3px solid #131 ;
  696.     text-decoration: none;
  697.     padding: 4px 4px;
  698. }
  699.  
  700. #header {
  701.     background: url(http://javaw.ru/logo.png) no-repeat;
  702.     background-size: 66%;
  703. }
  704.  
  705. input.text_input.text {
  706.     color: #ffffff;
  707.     background-color: #191919;
  708.     border-color: #7a7a7a;
  709. }
  710.  
  711. #icons {
  712.     width: 100%;
  713. }
  714.  
  715. div.icon a span {
  716.     color: #d0d0d0 ;
  717.     background: #505050 ;
  718.     text-decoration: none ;
  719.     padding: 2px 0 px;
  720.     text-align: center ;
  721.     border-color: #000;
  722.     width: 100%;
  723. }
  724.  
  725. div.icon {
  726.     margin: 2px 2% pxpxpx;
  727.     width: 100%;
  728.     font-size: 11pt ;
  729.     border-bottom: 1px solid #5F5F5F ;
  730.     -moz-box-shadow: 0 1px 1px 1px #5f5f5f ;
  731.     -webkit-box-shadow: 0 1px 1px 1px #5F5F5F ;
  732.     box-shadow: 0 1px 1px 1px #5F5F5F ;
  733. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!