Saiga-templete

<!-- ここからテンプレート -->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>reveal.js</title>
<link rel="stylesheet" href="http://scp-jp-sandbox2.wikidot.com/local--files/dr-toraya/reveal.css">
<link rel="stylesheet" href="http://scp-jp-sandbox2.wikidot.com/local--files/dr-toraya/beige.css">
<!-- Theme used for syntax highlighting of code -->
<!-- <link rel="stylesheet" href="lib/css/zenburn.css"> -->
 
<!-- この辺のスタイルシートもcodeタグにまとめたいのだがどうもうまくいかない 
 だれか治せる人がいたら治してください。 -->
<style>
div.toptitle{
    text-align: center;
    position: relative;
    top: 45%;
    font-size: 160%;
    color: #000000;
    background: #FFFFFF;
    border-top: 10px solid #000000;
    border-bottom: 20px solid #000000;
}
div.pagetitle{
    background: #3f3f3f;
    text-align: center;
    color: #dcdcdc;
    border-top: 5px solid #000000;
    border-bottom: 10px solid #000000;
    padding: 0.2em 0.5em 0.2em 0.5em;
}
</style>
</head>
 
<body>
<div class="reveal">
<div class="slides" style="
background-image: url('http://scp-jp-sandbox2.wikidot.com/local--files/dr-toraya/saiga-logo-big.png');
background-repeat: no-repeat;
background-position: left bottom;
">
<!-- ここまでテンプレート -->
 
<!-- タイトルページ START -->
<section style="height:100%;">
<div class="toptitle"> タイトル </div>
 
<div style="text-align:right; position:absolute; bottom:2em; right:1em;">
<font style="background: #444488; color:#FFFFFF; padding: 10px; font-size:70%">右へスクロールしてください</font>
</div>
</section> <!-- end of section -->
<!-- タイトルページ END-->
 
<section>
<div class="pagetitle"><B>ページタイトル</B></div>
<div style="text-align: left; font-size: 80%">
<P>
本文
</P>
</div>
</section> <!-- end of section -->
 
<section>
<section>
<div class="pagetitle"><B>ページタイトル</B></div>
<div style="text-align: left; font-size: 80%">
<P>
本文
</P><P>
<ul>
<li>リスト1</li>
<li>リスト2</li>
</ul>
</P>
</div>
<div style="text-align:right; position:absolute; bottom:-2em; right:1em;">
<font style="background: #444488; color:#FFFFFF; padding: 10px; font-size:70%">詳細を見るには下へスクロールしてください</font>
</div>
</P>
</section>
 
<section>
<div class="pagetitle"><B>ページタイトル</B></div>
<div style="text-align: left; font-size: 80%">
<P>
本文
</P>
</div>
</section>
 
</section> <!-- end of section -->
 
<section>
<div class="pagetitle"><B>ページタイトル</B></div>
<div style="text-align: left; font-size: 80%">
<P>
 
<TABLE class="history">
<TR class="history"><TD bgcolor="DDDDDD" style="white-space: nowrap;">発生日時</TD><TD rowspan="2" bgcolor="DDDDDD" >状況および経過</TD></TR><TR class="history"><TD bgcolor="DDDDDD" >発生世界</TD></TR>
 
<TR class="history">
<TD bgcolor="FFFFFF">11625.9</TD>
<TD rowspan="2">ハミルトン空間臨界事象の発生。</TD></TR>
<TR class="history" style="white-space: nowrap;"><TD bgcolor="ffDDDD" >世界[21.8]</TD></TR>
 
</TABLE>
</P>
</div>
</section>
 
<section>
<P></P>
</div>
</section>
 
<!--
<section>
<div class="pagetitle"><B></B></div>
<div style="font-size: 80%">
<P>
</P>
</div>
</section>
-->
 
</div>
</div>
 
<script src="http://scp-jp-sandbox2.wikidot.com/local--files/dr-toraya/reveal.js"></script>
<script src="http://scp-jp-sandbox2.wikidot.com/local--files/dr-toraya/head.min.js"></script>
 
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>
<!-- ここまでテンプレート -->
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License