Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html {
- font: 12pt/1.5 'Arial', 'Yu Gothic', sans-serif;
- height: 100%;
- }
- body {
- margin: 0;
- height: 100%;
- }
- body:not(.ready) {
- display: none;
- }
- #title {
- background: rgb(51, 51, 102);
- color: #fff;
- box-sizing: border-box;
- height: 100%;
- position: relative;
- }
- h1 {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- margin: 0;
- }
- #table-of-contents {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- background: rgb(51, 51, 102);
- box-shadow: 0 1px 6px rgba(51, 51, 102, 0.12), 0 1px 4px rgba(51, 51, 102, 0.16);
- color: #fff;
- }
- #table-of-contents h2 {
- display: none;
- }
- #table-of-contents ul {
- margin: auto;
- width: 60rem;
- padding: 0;
- display: block;
- }
- #table-of-contents ul ul {
- display: none;
- }
- #table-of-contents li {
- display: block;
- float: left;
- }
- #table-of-contents:after {
- content: '';
- display: block;
- clear: left;
- }
- #table-of-contents a {
- display: block;
- color: inherit;
- text-decoration: inherit;
- padding: 1rem;
- color: #ccf;
- font-weight: bold;
- }
- #table-of-contents a:hover {
- color: #fff;
- background: rgba(255, 255, 255, 0.1);
- }
- #content {
- width: 60rem;
- margin: 0 auto;
- }
- #postamble {
- text-align: center;
- padding: 0.5rem 0;
- background: #99c;
- color: #fff;
- }
- h2 {
- border-bottom: 1px solid #ccc;
- padding-bottom: 0.5rem;
- }
- .outline-3 {
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.16);
- margin: 2rem 0;
- }
- h3 {
- margin: 0;
- padding: 1rem;
- background: #f5f5f5;
- color: #999;
- }
- .outline-text-3, .outline-4 {
- padding: 0.5rem 1rem;
- }
- a[href] {
- color: #669;
- }
- table {
- width: 100%;
- border-collapse: collapse;
- border-top: 1px solid #e0e0e0;
- border-bottom: 1px solid #e0e0e0;
- }
- th {
- background: #f5f5f5;
- border-bottom: 1px solid #e0e0e0;
- padding: 0.75rem 1rem;
- }
- td {
- border-bottom: 1px solid #e0e0e0;
- padding: 0.75rem 1rem;
- }
- .TODO, .DONE {
- font: inherit;
- border-radius: 2px;
- color: #fff;
- padding: 0 0.25em;
- }
- .TODO {
- background: #c33;
- }
- .DONE {
- background: #669;
- }
- .table-number {
- font-weight: bold;
- }
- .timestamp {
- color: #c90;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement