Skip to content

Instantly share code, notes, and snippets.

@gorborukov
Created May 28, 2014 14:57
Show Gist options
  • Select an option

  • Save gorborukov/76ac385a9dcaa0db5a79 to your computer and use it in GitHub Desktop.

Select an option

Save gorborukov/76ac385a9dcaa0db5a79 to your computer and use it in GitHub Desktop.
/app/assets/stylesheets/morskoy/print.css
@media print {
* {
background: transparent !important;
color: #333 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: "";
}
abbr[title]:after {
content: "";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
nav,.carousel-box,.video-box,.button-inline,.righttext,.print-no,.top-num,.call-to-order {
display: none;
}
.logo img {
display:none !important;
}
.logo {
content: url(/img/printlogo.png) !important;
display: inline-block;
margin-top: 30px;
width: 275px;
}
.phone {
float: right !important;
text-align: right !important;
font-weight: normal;
font-size: 30px;
}
.phone:before {
content: "www.морскойквартал.рф";
font-size: 25px;
text-decoration: underline;
}
.phone:after {
content: "Краснодарский край, Темрюкский район, пос. Веселовка, ул. Морская, д. 4а";
font-size: 25px;
}
.album-box h1 {
display: inline-block !important;
}
.active-page, .name-album {
display: inline-block !important;
font-size: 20px !important;
}
.price-capture img {
border: 5px solid #a6a6a6 !important;
position: absolute;
margin: 0;
top: 0;
bottom: 0;
}
.price-capture {
margin-bottom: 50px;
}
.price {
background: url(/css/images/price-bg.png) !important;
-webkit-print-color-adjust: exact !important;
color: #fff !important;
font-size: 1.4em !important;
left: -9px;
}
.price span{
display: inline-block;
font-size: 80%;
margin-left: 12px;
color: #fff !important;
}
.bg-dotted{
margin-left: 3px;
width: 530px;
}
.print-top{
margin-top: -230px;
}
.bg-dotted span{
background-color: transparent;
text-align: left;
}
.white-right{
float: none;
}
.text-video{
padding-top: 100px;
width: 75%;
}
footer{
display: none;
}
p{
font-size: 100%;
}
.print{
display: block !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment