Advertisement
Guest User

Untitled

a guest
Dec 15th, 2013
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.07 KB | None | 0 0
  1. /*
  2. Theme Name:     HTML5 Blank
  3. Theme URI:      http://html5blank.com
  4. Description:    Здравствуйте! Если нужно что-то подправить, добавить или отверстать новую тему - обращайтсь icq 633308800 или aparserok@gmail.com
  5. Version:        1.2.6
  6. Author:         aparserok
  7. Author URI:     http://saitobaza.ru/
  8. Tags:           HTML5, CSS3
  9.  
  10. License:    MIT
  11. License URI:    http://opensource.org/licenses/mit-license.php
  12. */
  13.  
  14. html, body, div, span, applet, object, iframe,
  15. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  16. a, abbr, acronym, address, big, cite, code,
  17. del, dfn, em, font, img, ins, kbd, q, s, samp,
  18. small, strike, strong, sub, sup, tt, var,
  19. b, u, i, center,
  20. dl, dt, dd, ol, ul, li,
  21. fieldset, form, label, legend,
  22. table, caption, tbody, tfoot, thead, tr, th, td {
  23.     margin: 0;
  24.     padding: 0;
  25.     border: 0;
  26.     outline: 0;
  27.     font-size: 100%;
  28.     vertical-align: baseline;
  29.     background: transparent;
  30. }
  31. ol, ul {
  32.     list-style: none;
  33. }
  34. blockquote, q {
  35.     quotes: none;
  36. }
  37. :focus {
  38.     outline: 0;
  39. }
  40. ins {
  41.     text-decoration: none;
  42. }
  43. del {
  44.     text-decoration: line-through;
  45. }
  46. table {
  47.     border-collapse: collapse;
  48.     border-spacing: 0;
  49. }
  50. html {
  51.     height: 100%;
  52. }
  53. .chromeframe {
  54.     margin: 0.2em 0;
  55.     background: #ccc;
  56.     color: #000;
  57.     padding: 0.2em 0;
  58. }
  59. @font-face {
  60.     font-family: 'pt_sansbold';
  61.     src: url('fonts/PTS75F-webfont.eot');
  62.     src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
  63.          url('fonts/PTS75F-webfont.woff') format('woff'),
  64.          url('fonts/PTS75F-webfont.ttf') format('truetype'),
  65.          url('fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
  66.     font-weight: normal;
  67.     font-style: normal;
  68. }
  69. @font-face {
  70.     font-family: 'pt_sansitalic';
  71.     src: url('fonts/PTS56F-webfont.eot');
  72.     src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
  73.          url('fonts/PTS56F-webfont.woff') format('woff'),
  74.          url('fonts/PTS56F-webfont.ttf') format('truetype'),
  75.          url('fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg');
  76.     font-weight: normal;
  77.     font-style: normal;
  78. }
  79. @font-face {
  80.     font-family: 'pt_sansregular';
  81.     src: url('fonts/PTS55F-webfont.eot');
  82.     src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
  83.          url('fonts/PTS55F-webfont.woff') format('woff'),
  84.          url('fonts/PTS55F-webfont.ttf') format('truetype'),
  85.          url('fonts/PaTS55F-webfont.svg#pt_sansregular') format('svg');
  86.     font-weight: normal;
  87.     font-style: normal;
  88. }
  89. .ptbold {
  90.     font-family: 'pt_sansbold';
  91.     font-weight: bold;
  92. }
  93. body {
  94.     font-family: 'pt_sansregular', sans-serif;
  95.     background-image: url(img/bg/body.jpg);
  96.     background-repeat: repeat;
  97.     font-size: 14px;
  98.     color: #3d4944;
  99.     width: 100%;
  100.     height: 100%;
  101. }
  102. a {
  103.     color: blue;
  104.     outline: none;
  105.     text-decoration: underline;
  106. }
  107. a:hover {
  108.     text-decoration: none;
  109. }
  110. p {
  111.     margin: 0 0 18px
  112. }
  113. img {
  114.     border: none;
  115.     vertical-align: middle;
  116. }
  117. input {
  118.     vertical-align: middle;
  119. }
  120. fieldset {
  121.     border: 0;
  122.     margin: 0;
  123.     padding: 0;
  124. }
  125. textarea {
  126.     resize: vertical;
  127. font-family: Helvetica, Verdana, "Helvetica CY", sans-serif;
  128. }
  129.  
  130. #wrapper {
  131.     width: 980px;
  132.     margin: 0 auto;
  133.     min-height: 100%;
  134.     height: auto !important;
  135.     height: 100%;
  136. }
  137. .clear {
  138.     clear:both;
  139. }
  140.  
  141. /* Header
  142. -----------------------------------------------------------------------------*/
  143. #header {
  144.     height: 120px;
  145.     position: relative;
  146. }
  147. .backhead {
  148.     width:100%;
  149.     z-index:-50;
  150.     background-position: center;
  151.     background-repeat: no-repeat;
  152. }
  153. .bkblock0n {
  154.     height:165px;
  155.     position: absolute;
  156.     top:0;
  157. }
  158. #header header {
  159.     width: 700px;
  160.     height: 120px;
  161.     position: absolute;
  162.     top: 0;
  163.     left: 0;
  164.     background-image: url(img/bg/header.jpg);
  165.     background-repeat: no-repeat;
  166.     -webkit-box-shadow: #666 2px 2px 4px;
  167.     -moz-box-shadow: #666 2px 2px 4px;
  168.     box-shadow: #666 2px 2px 4px;
  169. }
  170. .logo {
  171.     width: 220px;
  172.     height: 88px;
  173.     display: block;
  174.     margin: 16px auto;
  175. }
  176. .logo img{
  177.     width: 220px;
  178.     height: 88px;
  179. }
  180. .loginbut {
  181.     position: absolute;
  182.     top: 10px;
  183.     left: 700px;
  184.     font-size: 14px;
  185.     font-weight: bold;
  186.     font-family: 'pt_sansbold';
  187.     color: #3d4944;
  188.     text-decoration: none;
  189.     text-shadow: rgb(255, 255, 255) 2px 1px 2px;
  190.     padding: 8px 13px;
  191.     background: #fee417;
  192.     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fee417), to(#FEC017));
  193.     background: -webkit-linear-gradient(#fee417, #FEC017);
  194.     background: -moz-linear-gradient(#fee417, #FEC017);
  195.     background: -ms-linear-gradient(#fee417, #FEC017);
  196.     background: -o-linear-gradient(#fee417, #FEC017);
  197.     background: linear-gradient(#fee417, #FEC017);
  198.     -pie-background: linear-gradient(#fee417, #FEC017);
  199.     -webkit-box-shadow: #ccc 2px 2px 4px;
  200.     -moz-box-shadow: #ccc 2px 2px 4px;
  201.     box-shadow: #ccc 2px 2px 4px;
  202. }
  203. /* ==============
  204.         Menu
  205.    ============== */
  206. .headernav {
  207.     margin: 0;
  208.     padding: 0;
  209.     height: 43px;
  210.     width: 700px;
  211.     background: #02d1ea;
  212.     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#02d1ea), to(#02AEEA));
  213.     background: -webkit-linear-gradient(#02d1ea, #02AEEA);
  214.     background: -moz-linear-gradient(#02d1ea, #02AEEA);
  215.     background: -ms-linear-gradient(#02d1ea, #02AEEA);
  216.     background: -o-linear-gradient(#02d1ea, #02AEEA);
  217.     background: linear-gradient(#02d1ea, #02AEEA);
  218.     -pie-background: linear-gradient(#02d1ea, #02AEEA);
  219.     border-bottom: 2px solid #3d4944;
  220.     -webkit-box-shadow: #ccc 2px 2px 4px;
  221.     -moz-box-shadow: #ccc 2px 2px 4px;
  222.     box-shadow: #ccc 2px 2px 4px;
  223. }
  224. .headnav{
  225.     width: 100%;
  226.     list-style: none;
  227.     padding: 0;
  228.     margin: 0;
  229.     text-align: center;
  230. }
  231. .headnav li{
  232.     position: relative;
  233.     display: inline-block;
  234. }
  235. .headnav li a{
  236.     display: block;
  237.     padding: 11px 32px 12px;
  238.     font-weight: bold;
  239.     font-family: 'pt_sansbold';
  240.     font-size: 16px;
  241.     margin: 0;
  242.     color: #fff;
  243.     text-decoration: none;
  244.     text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
  245. }
  246. .headnav li:first-child a {
  247.     margin-left: 0;
  248. }
  249. .headnav li:last-child a {
  250.     margin-right: 0;
  251. }
  252. .headnav li a:hover{
  253.     background: #02bbd2;
  254.     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#02bbd2), to(#029BD2));
  255.     background: -webkit-linear-gradient(#02bbd2, #029BD2);
  256.     background: -moz-linear-gradient(#02bbd2, #029BD2);
  257.     background: -ms-linear-gradient(#02bbd2, #029BD2);
  258.     background: -o-linear-gradient(#02bbd2, #029BD2);
  259.     background: linear-gradient(#02bbd2, #029BD2);
  260.     -pie-background: linear-gradient(#02bbd2, #029BD2);
  261. }
  262.  
  263. /* ========================
  264.     INTERMEDIATE: IE Fixes
  265.    ======================== */
  266. nav ul li {
  267.      display: inline;
  268. }
  269. .oldie nav a {
  270.     margin: 0 0.7%;
  271. }
  272. /* ==============
  273.         End Menu
  274.    ============== */  
  275. /* Middle
  276. -----------------------------------------------------------------------------*/
  277. #content {
  278.     padding: 0 0 70px;
  279. }
  280. section {
  281.     width: 657px;
  282.     margin: 0 0 28px;
  283.     padding: 22px 20px 20px;
  284.     float: left;
  285.     background-color: #ffffff;
  286.     border: 1px solid #c4c7c8;
  287.     -webkit-box-shadow: #ccc 2px 2px 4px;
  288.     -moz-box-shadow: #ccc 2px 2px 4px;
  289.     box-shadow: #ccc 0px 2px 4px;
  290. }
  291. aside.rightbar {
  292.     width: 279px;
  293.     border-top: 1px solid #dcdfdf;
  294.     border-bottom: 1px solid #dcdfdf;
  295.     border-right: 1px solid #dcdfdf;
  296.     -webkit-box-shadow: #ccc 2px 2px 4px;
  297.     -moz-box-shadow: #ccc 2px 2px 4px;
  298.     box-shadow: #ccc 0px 2px 4px;
  299.     float: right;
  300.     padding: 15px 0 0;
  301.     background-color: #f8f8f8;
  302.     margin: -43px 0 20px;
  303. }
  304. aside.rightbar .widget {
  305.     margin: 0 15px 25px;
  306.     padding: 22px 10px 22px 10px;
  307.     border: 1px solid #0fb1eb;
  308. }
  309. aside.rightbar h3 {
  310.     font-size: 20px;
  311.     margin: 0 0 15px;
  312.     color: #3d4944;
  313.     font-weight: bold;
  314.     font-family: 'pt_sansbold';
  315.     text-transform: uppercase;
  316. }
  317. aside.rightbar li a{
  318.     font-size: 14px;
  319.     color: #3d4944;
  320.     text-decoration: none;
  321. }
  322. aside.rightbar li a:hover{
  323.     text-decoration: underline;
  324. }
  325. .rightbar .twitter {
  326.     text-align: center;
  327.     border: none !important;
  328.     padding: 0 10px !important;
  329. }
  330. .rightbar .twitter iframe:hover{
  331.     -webkit-border-radius: 3px;
  332.     -moz-border-radius: 3px;
  333.     border-radius: 3px;
  334.     -webkit-box-shadow: #666 0px 2px 3px;
  335.     -moz-box-shadow: #666 0px 2px 3px;
  336.     box-shadow: #666 0px 2px 3px;
  337. }
  338. .newslist li {
  339.     background-image: url(img/bg/newslistli.png);
  340.     background-repeat: no-repeat;
  341.     background-position: 0 3px;
  342.     padding: 0 0 12px 30px;
  343.     font-size: 14px;
  344. }
  345. aside.bottombar {
  346.     width: 700px;
  347.     min-height: 1px;
  348.     margin-left: -20px;
  349.     margin-bottom: -20px;
  350. }
  351. h1.title {
  352.     color: #3d4944;
  353.     font-size: 20px;
  354. }
  355. article img {
  356.     max-width: 658px;
  357. }
  358. article h1 {
  359.     color: #3d4944;
  360.     font-size: 20px;
  361.     margin: 5px 0 15px;
  362. }
  363. article h2 {
  364.     color: #3d4944;
  365.     font-size: 18px;
  366.     margin: 5px 0 15px;
  367. }
  368. article h3 {
  369.     color: #3d4944;
  370.     font-size: 16px;
  371.     margin: 5px 0 15px;
  372. }
  373. .bottombar {
  374.    
  375. }
  376. .bottombar .widget{
  377.     width: 350px;
  378.     float: right;
  379.     border-top: 2px solid #3d4944;
  380.     min-height: 250px;
  381. }
  382. .bottombar .widget:first-child{
  383.     width: 348px;
  384.     float: left;
  385.     border-top: 2px solid #3d4944;
  386.     border-right: 2px solid #3d4944;
  387. }
  388. .bottombar h3{
  389.     font-size: 20px;
  390.     color: #3d4944;
  391.     padding: 17px 20px;
  392.     text-transform: uppercase;
  393.     border-bottom: 2px solid #3d4944;
  394. }
  395. .bottombar ul{
  396.     padding: 20px;
  397. }
  398. .bottombar li {
  399.     padding: 0 0 0 20px;
  400.     margin: 0 0 8px;
  401.     background-image: url(img/bg/bottowidget.png);
  402.     background-repeat: no-repeat;
  403.     background-position: left top;
  404. }
  405. .bottombar li a{
  406.     font-size: 14px;
  407.     color: #3d4944;
  408.     text-transform: lowercase;
  409.     text-decoration: none;
  410. }
  411. .bottombar li a:hover{
  412.     text-decoration: underline;
  413. }
  414. .post-categories li {
  415.     display: inline-block;
  416. }
  417. h1.ctitle {
  418.     color: #3d4944;
  419.     font-size: 20px;
  420.     font-weight: bold;
  421.     font-family: 'pt_sansbold';
  422.    
  423.     margin: -10px -20px 0;
  424.     padding: 0 20px 10px;
  425.     background-image: url(img/bg/ctitle.jpg);
  426.     background-repeat: repeat-x;
  427.     background-position: bottom;
  428. }
  429. h1.ctitle a{
  430.     color: #3d4944;
  431.     font-size: 20px;
  432.     font-weight: bold;
  433.     font-family: 'pt_sansbold';
  434.     text-decoration: none;
  435. }
  436. .looper article {
  437.     padding: 10px 0 0;
  438. /*  border-bottom: 4px dotted #ccc; */
  439.     border-bottom: 1px solid #9ea4a1;
  440. }
  441. .looper .featureimg {
  442.     width: 168px;
  443. /*  border: 5px solid #ccc; */
  444.     float: left;
  445.     margin: 10px 20px 10px 0;
  446. }
  447. .looper .featureimg:hover {
  448. /*  border: 5px solid #f6f6f6; */
  449.     -webkit-box-shadow: #666 0px 2px 10px;
  450.     -moz-box-shadow: #666 0px 2px 10px;
  451.     box-shadow: #666 0px 2px 10px;
  452. }
  453. .looper .featureimg img{
  454.     width: 168px;
  455. }
  456. .looper .title{
  457.     font-size: 16px;
  458.     font-weight: bold;
  459.     font-family: 'pt_sansbold';
  460.     color: #19b3ea;
  461.     margin: 5px 0 10px;
  462. }
  463. .looper .title a{
  464.     color: #19b3ea;
  465.    
  466. }
  467. .looper .readmore {
  468.     display: block;
  469.     border: 1px solid #737b77;
  470.     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#63766e), to(#3F4B46));
  471.     background: -webkit-linear-gradient(#63766e, #3F4B46);
  472.     background: -moz-linear-gradient(#63766e, #3F4B46);
  473.     background: -ms-linear-gradient(#63766e, #3F4B46);
  474.     background: -o-linear-gradient(#63766e, #3F4B46);
  475.     background: linear-gradient(#63766e, #3F4B46);
  476.     -pie-background: linear-gradient(#63766e, #3F4B46);
  477.     -webkit-box-shadow: #666 0px 2px 3px;
  478.     -moz-box-shadow: #666 0px 2px 3px;
  479.     box-shadow: #666 0px 2px 3px;
  480.     font-size: 13px;
  481.     color: #fffefe;
  482.     font-weight: bold;
  483.     font-family: 'pt_sansbold';
  484.     text-decoration: none;
  485.     padding: 9px 0;
  486.     width: 73px;
  487.     text-align: center;
  488.     float: right;
  489.     margin: -15px 5px 10px 0;
  490.     letter-spacing: 3px;
  491. }
  492. .looper .readmore:hover {
  493.     -webkit-box-shadow: #666 0px 2px 7px;
  494.     -moz-box-shadow: #666 0px 2px 7px;
  495.     box-shadow: #666 0px 2px 7px;
  496.     background: #3F4B46;
  497.     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3F4B46), to(#63766e));
  498.     background: -webkit-linear-gradient(#3F4B46, #63766e);
  499.     background: -moz-linear-gradient(#3F4B46, #63766e);
  500.     background: -ms-linear-gradient(#3F4B46, #63766e);
  501.     background: -o-linear-gradient(#3F4B46, #63766e);
  502.     background: linear-gradient(#3F4B46, #63766e);
  503.     -pie-background: linear-gradient(#3F4B46, #63766e);
  504. }
  505. h2.title a{
  506.     font-size: 18px;
  507.     color: #3d4944;
  508.    
  509.     text-decoration: none;
  510. }
  511. h2.title a:hover{
  512.     text-decoration: underline;
  513. }
  514. .view-article {
  515.     display: none;
  516. }
  517. .pagination {
  518.     margin: 10px 0;
  519.     text-align: center;
  520. }
  521. .pagination a, .pagination span{
  522.     margin: 0 2px;
  523.     font-size: 19px;
  524.     color: #28b7ea;
  525.     font-weight: bold;
  526.     font-family: 'pt_sansbold';
  527. }
  528. .pagination span{
  529.     color: #3d4944;
  530. }
  531. .page-template-page-home-php section{
  532.     padding: 12px 20px 20px !important;
  533. }
  534. /* Footer
  535. -----------------------------------------------------------------------------*/
  536. #mainfooter {
  537.     width:100%;
  538.     margin: -70px auto 0;
  539.     height: 70px;
  540.     position: relative;
  541. }
  542. #footer {
  543.     width: 980px;
  544.     height:100%;
  545.     margin:0 auto; 
  546. }
  547. #footer .wrapper {
  548.     height: 100%;
  549.     margin: 0;
  550.     background-image: url(img/bg/footer.jpg);
  551.     background-repeat: repeat-x;
  552.     position: relative;
  553. }
  554. #footer .counter{
  555.     width: 500px;
  556.     height: 31px;
  557.     position: absolute;
  558.     left: 0;
  559.     top: 20px;
  560.     padding: 0 0 0 10px;
  561. }
  562. #footer .counter span {
  563.     margin: 0 10px;
  564. }
  565. #footer .socbutton {
  566.     height: 35px;
  567.     width: 160px;
  568.     position: absolute;
  569.     top: 18px;
  570.     right: 45px;
  571. }
  572. #footer .socbutton ul{
  573.    
  574. }
  575. #footer .socbutton li{
  576.     display: inline-block;
  577.     float: right;
  578.     margin: 0 10px;
  579.     -webkit-border-radius: 3px;
  580.     -moz-border-radius: 3px;
  581.     border-radius: 3px;
  582. }
  583. #footer .socbutton li:hover{
  584.     -webkit-box-shadow: #fff 0px 2px 10px;
  585.     -moz-box-shadow: #fff 0px 2px 10px;
  586.     box-shadow: #fff 0px 2px 10px;
  587. }
  588. /* pretty )) */
  589. .opaci span{
  590.     opacity:0.3;
  591.     -moz-opacity:0.3;
  592.     filter:alpha(opacity=40);
  593.     cursor: pointer;
  594. }
  595. .opaci span:hover{
  596.     opacity:1.0;
  597.     -moz-opacity:1.0;
  598.     filter:alpha(opacity=100);
  599. }
  600.  
  601. /* image align
  602. -----------------------------------------------------------------------------*/
  603. .aligncenter,
  604. div.aligncenter {
  605.    display: block;
  606.    margin-left: auto;
  607.    margin-right: auto;
  608. }
  609.  
  610. .alignleft {
  611.    float: left;
  612. }
  613.  
  614. .alignright {
  615.    float: right;
  616. }
  617.  
  618. .wp-caption {
  619.    border: 1px solid #ddd;
  620.    text-align: center;
  621.    background-color: #f3f3f3;
  622.    padding-top: 4px;
  623.    margin: 10px;
  624.    /* optional rounded corners for browsers that support it */
  625.    -moz-border-radius: 3px;
  626.    -khtml-border-radius: 3px;
  627.    -webkit-border-radius: 3px;
  628.    border-radius: 3px;
  629. }
  630.  
  631. .wp-caption img {
  632.    margin: 0;
  633.    padding: 0;
  634.    border: 0 none;
  635. }
  636.  
  637. .wp-caption p.wp-caption-text {
  638.    font-size: 11px;
  639.    line-height: 17px;
  640.    padding: 0 4px 5px;
  641.    margin: 0;
  642. }
  643. /*
  644. Для красоты к строкам:
  645. */
  646. .alignleft {
  647.    float: left;
  648. }
  649.  
  650. .alignright {
  651.    float: right;
  652. }
  653. /*
  654. Можно добавить еще параметр margin для того, чтобы сделать автоматический отступ между картинкой и текстом, в результате этот кусок кода будет выглядеть вот так:
  655. */
  656.  
  657. .alignleft {
  658.    float: left;
  659.    margin-right: 5px;
  660. }
  661.  
  662. .alignright {
  663.    float: right;
  664.    margin-left: 5px;
  665. }
  666.  
  667. /* end of image align */
  668.  
  669. /* ==========================================================================
  670.    Helper classes
  671.    ========================================================================== */
  672.  
  673. .ir {
  674.     background-color: transparent;
  675.     border: 0;
  676.     overflow: hidden;
  677.     *text-indent: -9999px;
  678. }
  679.  
  680. .ir:before {
  681.     content: "";
  682.     display: block;
  683.     width: 0;
  684.     height: 100%;
  685. }
  686.  
  687. .hidden {
  688.     display: none !important;
  689.     visibility: hidden;
  690. }
  691.  
  692. .visuallyhidden {
  693.     border: 0;
  694.     clip: rect(0 0 0 0);
  695.     height: 1px;
  696.     margin: -1px;
  697.     overflow: hidden;
  698.     padding: 0;
  699.     position: absolute;
  700.     width: 1px;
  701. }
  702.  
  703. .visuallyhidden.focusable:active,
  704. .visuallyhidden.focusable:focus {
  705.     clip: auto;
  706.     height: auto;
  707.     margin: 0;
  708.     overflow: visible;
  709.     position: static;
  710.     width: auto;
  711. }
  712.  
  713. .invisible {
  714.     visibility: hidden;
  715. }
  716.  
  717. .clearfix:before,
  718. .clearfix:after {
  719.     content: " ";
  720.     display: table;
  721. }
  722.  
  723. .clearfix:after {
  724.     clear: both;
  725. }
  726.  
  727. .clearfix {
  728.     *zoom: 1;
  729. }
  730.  
  731. /* ==========================================================================
  732.    Print styles
  733.    ========================================================================== */
  734.  
  735. @media print {
  736.     * {
  737.         background: transparent !important;
  738.         color: #000 !important; /* Black prints faster: h5bp.com/s */
  739.         box-shadow: none !important;
  740.         text-shadow: none !important;
  741.     }
  742.  
  743.     a,
  744.     a:visited {
  745.         text-decoration: underline;
  746.     }
  747.  
  748.     a[href]:after {
  749.         content: " (" attr(href) ")";
  750.     }
  751.  
  752.     abbr[title]:after {
  753.         content: " (" attr(title) ")";
  754.     }
  755.  
  756.     /*
  757.      * Don't show links for images, or javascript/internal links
  758.      */
  759.  
  760.     .ir a:after,
  761.     a[href^="javascript:"]:after,
  762.     a[href^="#"]:after {
  763.         content: "";
  764.     }
  765.  
  766.     pre,
  767.     blockquote {
  768.         border: 1px solid #999;
  769.         page-break-inside: avoid;
  770.     }
  771.  
  772.     thead {
  773.         display: table-header-group; /* h5bp.com/t */
  774.     }
  775.  
  776.     tr,
  777.     img {
  778.         page-break-inside: avoid;
  779.     }
  780.  
  781.     img {
  782.         max-width: 100% !important;
  783.     }
  784.  
  785.     @page {
  786.         margin: 0.5cm;
  787.     }
  788.  
  789.     p,
  790.     h2,
  791.     h3 {
  792.         orphans: 3;
  793.         widows: 3;
  794.     }
  795.  
  796.     h2,
  797.     h3 {
  798.         page-break-after: avoid;
  799.     }
  800. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement