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> <!-- ここまでテンプレート -->
page revision: 7, last edited: 26 Jan 2022 02:31