S6印刷用CSS

mzp2007-12-21

S6の印刷用ページ。まだ、完成してないけど、とりあえず使えるようになったので。

このCSSを適用してインデックスページを印刷すると、A4一枚にちょうど6ページ収まるようになる。Firefoxで確認、Safari/Operaは微妙。IEは知らない。

複数ページには対応してない。

@media print{
.s6{
  top:0 !IMPORTANT;
  left:0 !IMPORTANT;
  width:172mm !IMPORTANT;
  height:251mm !IMPORTANT;
}

.s6 .index.page .inner.s6 .page .wrapper{
  width:47% !IMPORTANT;
  height:32% !IMPORTANT;
  font-size:50%;
  line-height:1.2;
}}

あと、インデックスページを6ページごとにするためにs6.jsにも手をいれてる。(rowCountに√6をいれれば、いいのか?)

Index: s6.js
===================================================================
--- s6.js       (revision 671)
+++ s6.js       (working copy)
@@ -1393,7 +1393,7 @@
     var pages = this.presentation.pages;
     var innerPresentation = this.innerPresentation;
     var innerPage, innerElement;
-    var pageMaxCount = this.rowCount * this.rowCount;
+    var pageMaxCount = 6;//this.rowCount * this.rowCount;
     var pageElements = this.pageElements;
     var pageCount = 0;
     for (var i = 0, l = pages.length; i < l; i ++) {