Skip to content

Instantly share code, notes, and snippets.

@Terminus-IMRC
Created January 3, 2014 12:00
Show Gist options
  • Save Terminus-IMRC/8236827 to your computer and use it in GitHub Desktop.
Save Terminus-IMRC/8236827 to your computer and use it in GitHub Desktop.
Including CSS's for making slides in HTML. This HTML is the test for it.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>ずっと夢を見ている</title>
<style type="text/css">
<!--
h1{
page-break-before: always;
font-size: 400%;
display: inline;
padding: 0.25em;
border-bottom: 0.07em solid;
padding-bottom: 0em;
}
h1:before{
padding-left: 5px;
content: "▶";
}
ul.text{
font-size: 250%;
margin: 0;
}
ul.foot{
font-size: 100%;
}
div.title{
text-align: center;
margin: 0 auto;
}
p.title-main{
font-size: 400%;
}
td{
font-size: 200%;
}
li{
list-style-type: none;
padding: 0.1em;
text-indent: -1em
}
ul.text li:before{
content: "・"
}
ul.foot li:before{
content: "→"
}
-->
</style>
</head>
<body>
<div class="title">
<p class="title-main">
<br>
進捗ゼロな僕がこの先生
<br>
きのこるには
</p>
<p class="title-name">
<br>
<table border=0 align=center>
<tr align=left>
<td>並木中等教育学校4年次</td>
<td> 杉﨑行優</td>
</tr>
</table>
</p>
</div>
<h1>はじめに</h1>
<ul class="text">
<li>ウェーイww</li>
<li>ウェーイww</li>
<li>長い文だと折り返されるの? 折り返してくれるよね? ぴゃああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li>
</ul>
<h1>Next boot will be...</h1>
<ul class="text">
<li>ウェーイww</li>
<li>ウェーイww</li>
<ul class="foot">
<li>CROSS†CHANNEL</li>
<li>そしていつかは寂しさから 両手広げ 錆びつく世界を抱いて</li>
<li>TODO: CSS for abstract</li>
</ul>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment