Commit 28f7acf2 authored by svilayphiou's avatar svilayphiou
Browse files

spreads are back

parent e02f4ffc
No preview for this file type
......@@ -9,8 +9,8 @@
<link rel="stylesheet" href="lib/jquery-ui-1.10.3/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css" media="all" charset="utf-8">
</head>
<body>
<!-- PRINT MARKS -->
<div id="print-marks">
<!-- PAGES -->
<div id="pages">
<div id="master-page">
<!--<img src="page-height.png" />-->
<div class="crop-top-left">
......@@ -43,6 +43,7 @@
<div id="interface">
<button id="debug" class="button" href="#">Debug</button>
<button id="spread" class="button" href="#">Spread</button>
<button id="hi-res" class="button" href="#">Hi-res</button>
<div id="toc">
<button id="goto" class="button" href="#">Go to</button>
......
// Choose the number of pages of the document
var nb_page = 40;
var nb_page = 7;
// Loads main content into <section id="container">
......@@ -16,8 +16,16 @@ $(window).load(function(){
// __________________________________ SPREAD __________________________________ //
$("button#spread").click(function(e){
e.preventDefault();
//$(this).toggleClass("button-active");
//$("html").toggleClass("spread");
$(this).toggleClass("button-active");
$("html").toggleClass("spread");
w = parseInt($("html").css("width")) * 2;
console.log(w);
$("html").css("width", w + "px");
});
// __________________________________ HIGH RESOLUTION __________________________________ //
......
......@@ -24,10 +24,10 @@
/* __________________________________ DEBUG __________________________________ */
html.debug {
/*outline: 1pt solid purple;*/
outline: 1pt solid purple;
body {
/*outline: 1pt solid pink;*/
outline: 1pt solid pink;
}
div.page {
outline: 1pt solid blue;
......@@ -226,25 +226,38 @@ img.fit-width {
html.spread {
width: @page-width-crop * 2;
//width: @page-width-crop * 2;
//.page {
//outline: 1px solid black;
//float: left;
//&:first-child {
//margin-left: @page-width !important;
//}
//&:nth-child(odd) {
//margin-left: -@crop * 2;
//left: 1px;
//}
//}
.page {
outline: 1px solid black;
float: left;
&:first-child {
margin-left: @page-width !important;
}
&:nth-child(odd) {
margin-left: -@crop * 2;
left: 1px;
}
}
#page-1 {
margin-left: @page-width !important;
}
}
html {
width: @page-width-crop;
position: absolute;
}
body {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment