slide.frame support in reading mode

This commit is contained in:
Vadim Makeev 2010-11-01 15:42:41 +03:00
parent bdd11af0b7
commit f1e136638a
3 changed files with 13 additions and 8 deletions

View File

@ -5,8 +5,6 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" title="screen" href="styles/screen.css"> <link rel="stylesheet" title="screen" href="styles/screen.css">
<link rel="stylesheet" title="projection" disabled href="styles/projection.css"> <link rel="stylesheet" title="projection" disabled href="styles/projection.css">
<script src="scripts/jquery.js"></script>
<script src="scripts/script.js"></script>
<style> <style>
#Cover H1 { #Cover H1 {
color:#FFF; color:#FFF;
@ -118,9 +116,10 @@
</section> </section>
<section class="slide frame" id="Frame"> <section class="slide frame" id="Frame">
<article> <article>
<!-- <p><a href="http://github.com/pepelsbey/shower">http://github.com/pepelsbey/shower</a></p> --> <h2>Shower on GitHub</h2>
<iframe src="http://github.com/pepelsbey/shower" frameborder="0" scrolling="no"></iframe> <p><a href="http://github.com/pepelsbey/shower">http://github.com/pepelsbey/shower</a></p>
</article> </article>
<iframe src="http://github.com/pepelsbey/shower" frameborder="0" scrolling="no"></iframe>
</section> </section>
<section class="slide shout" id="JustAshout"> <section class="slide shout" id="JustAshout">
<article> <article>
@ -145,5 +144,6 @@
</article> </article>
</section> </section>
</div> </div>
<script src="scripts/script.js"></script>
</body> </body>
</html> </html>

View File

@ -292,9 +292,6 @@ A {
.slide.frame { .slide.frame {
background:#FFF; background:#FFF;
} }
.slide.frame ARTICLE {
position:static;
}
.slide.frame IFRAME { .slide.frame IFRAME {
position:absolute; position:absolute;
top:0; top:0;

View File

@ -214,4 +214,12 @@ A {
.slide.shout ARTICLE H2 { .slide.shout ARTICLE H2 {
text-align:center; text-align:center;
font-size:52px; font-size:52px;
} }
/* Frame
---------------------------------------- */
.slide.frame {
}
.slide.frame IFRAME {
display:none;
}