Print styles added

This commit is contained in:
Vadim Makeev 2012-09-23 23:11:36 +02:00
parent 7f8edb1af9
commit 0b7de59381
3 changed files with 22 additions and 17 deletions

1
en.htm
View File

@ -5,6 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=1274, user-scalable=no"> <meta name="viewport" content="width=1274, user-scalable=no">
<link rel="stylesheet" href="themes/ribbon/styles/style.css"> <link rel="stylesheet" href="themes/ribbon/styles/style.css">
<link rel="stylesheet" href="themes/ribbon/styles/print.css" media="print">
<!-- <!--
To apply styles to the certain slides To apply styles to the certain slides
use slide ID to get needed elements use slide ID to get needed elements

1
ru.htm
View File

@ -5,6 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=1274, user-scalable=no"> <meta name="viewport" content="width=1274, user-scalable=no">
<link rel="stylesheet" href="themes/ribbon/styles/style.css"> <link rel="stylesheet" href="themes/ribbon/styles/style.css">
<link rel="stylesheet" href="themes/ribbon/styles/print.css">
<!-- <!--
Для оформления отдельный слайдов, используйте Для оформления отдельный слайдов, используйте
ID слайда для доступа к необходимым элементам ID слайда для доступа к необходимым элементам

View File

@ -4,6 +4,8 @@
Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License
*/ */
* { -webkit-print-color-adjust:exact }
@page { @page {
margin:0; margin:0;
size:1024px 640px; size:1024px 640px;
@ -14,7 +16,7 @@
.list { .list {
float:none; float:none;
padding:0; padding:0;
background:#888; background:none;
} }
/* Caption */ /* Caption */
@ -28,24 +30,6 @@
margin:0; margin:0;
padding:0; padding:0;
} }
.list .slide > DIV {
width:1024px;
height:640px;
background:none;
}
.list .slide > div,
.list .slide > div:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.list .slide section {
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
}
.list .slide:after { .list .slide:after {
position:absolute; position:absolute;
bottom:85px; bottom:85px;
@ -54,3 +38,22 @@
line-height:1; line-height:1;
text-shadow:none; text-shadow:none;
} }
.list .slide > div {
width:1024px;
height:640px;
background:none;
}
.list .slide > div,
.list .slide > div:hover,
.list .slide:target > div {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.list .slide section {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}