Make demo prettier

This commit is contained in:
Dan Holmsand 2014-01-03 15:52:44 +01:00
parent 059e190841
commit a0aa670c79
2 changed files with 29 additions and 0 deletions

28
site/demo.css Normal file
View File

@ -0,0 +1,28 @@
.cloact-demo {
background-color: #fff;
margin: 40px -60px;
padding: 40px 60px;
}
.cloact-demo h2 {
margin-top: 48px;
}
.demo-example {
background-color: #ebebeb;
margin: 0px -18px;
padding: 20px 18px;
}
.demo-source {
background-color: #f8f8f5;
margin: 0px -18px;
padding: 20px 18px;
}
.demo-heading {
margin-top: 0;
color: #999;
font-size: 14px;
}

View File

@ -5,6 +5,7 @@
<link rel="stylesheet" href="../examples/todomvc/todos.css"> <link rel="stylesheet" href="../examples/todomvc/todos.css">
<link rel="stylesheet" href="../examples/todomvc/todosanim.css"> <link rel="stylesheet" href="../examples/todomvc/todosanim.css">
<link rel="stylesheet" href="../examples/simple/example.css"> <link rel="stylesheet" href="../examples/simple/example.css">
<link rel="stylesheet" href="demo.css">
<style type="text/css"> <style type="text/css">
.runtests { margin-bottom: 400px; } .runtests { margin-bottom: 400px; }
</style> </style>