annotate css/dyln-dark-4.css @ 90:aa91f3f3437c

better template
author rlm <rlm@aurellem.org>
date Thu, 14 Jan 2016 12:21:26 -0800
parents 59675c525087
children effc23e38a82
rev   line source
rlm@58 1 body {
rlm@58 2
rlm@58 3 padding:0;
rlm@58 4 margin:0;
rlm@58 5 padding-bottom:2em;
rlm@58 6
rlm@58 7 /* background:#3f3f3f; */
rlm@58 8 /* color:#f0f0f0; */
rlm@58 9 /* color:#dcdccc; */
rlm@58 10 font:16px "Titillium Web","Roboto Slab", Georgia, serif!important;
rlm@58 11
rlm@58 12 line-height:1.6;
rlm@58 13
rlm@58 14 background:#101010;
rlm@58 15
rlm@58 16 color:#fff!important;
rlm@58 17 }
rlm@58 18 table {font-size:inherit;}
rlm@58 19
rlm@58 20 h1,h2,h3,h4,h5,h6 {
rlm@58 21 font-weight:normal;
rlm@58 22 }
rlm@58 23
rlm@58 24 .gold {color:#87a85c;}
rlm@58 25 div.header {
rlm@58 26
rlm@58 27 text-align:center;
rlm@58 28 padding-top: 4em;
rlm@58 29 padding-bottom:1em;
rlm@58 30 /* background:#fff; */
rlm@58 31 /* color:#444; */
rlm@58 32
rlm@58 33 /* border-bottom:1em solid #09c; */
rlm@58 34 /* background:#000; */
rlm@58 35 /* border-bottom:0.5em solid #00fff0; */
rlm@58 36 /* border-color:#6a6a68; */
rlm@58 37
rlm@67 38 padding-bottom:2em;
rlm@58 39 border-bottom:0.0rem solid #00f0ff;
rlm@58 40
rlm@58 41 border-bottom:0.0rem solid #6a6a68;
rlm@58 42 }
rlm@58 43 .header h1 {
rlm@58 44 font-size:3em;
rlm@58 45 text-align:center;
rlm@58 46 color:#a7a85c;
rlm@58 47 color:#f0ff00;
rlm@58 48 margin:0;padding:0;
rlm@58 49 font-size:3em;
rlm@58 50 color:#666;
rlm@58 51 color:#6a6a68;
rlm@58 52 color:#fff;
rlm@58 53 /* text-shadow:0 0 0.05em #f0ff00; */
rlm@58 54 /* text-shadow:0 0 2em #3d81ca, 0 0 0.1em #6092c7; */
rlm@58 55 }
rlm@58 56 .header em, .header strong {font-style:inherit; font-weight:inherit;}
rlm@58 57 /* .header:hover h1 {color:#6a6a68;} */
rlm@58 58 /* .header:hover author {color:#666;} */
rlm@58 59 /* .header:hover h1 em, .header:hover author em {color:#ff00f0;text-shadow:0 0 0.2em #fff000;} */
rlm@58 60
rlm@58 61 .header h1:before {
rlm@58 62 content:'\2609';
rlm@58 63 color:#c90;color:#fff000;
rlm@58 64 padding-right:0.25em;
rlm@58 65 position:relative;
rlm@58 66 top:0.1em;
rlm@58 67 }
rlm@58 68 /* .header:hover h1:before { */
rlm@58 69 /* text-shadow:0 0 0.2em #fff000; */
rlm@58 70 /* color:#fff; */
rlm@58 71
rlm@58 72 /* } */
rlm@58 73
rlm@58 74
rlm@58 75 .authors {
rlm@58 76 text-transform:uppercase;
rlm@58 77 letter-spacing:0.58em;
rlm@58 78 font-size:0.875em;
rlm@58 79 letter-spacing:0.2em;
rlm@58 80
rlm@58 81 }
rlm@58 82
rlm@58 83 table.toc {
rlm@58 84 margin:0 auto;
rlm@58 85
rlm@58 86 }
rlm@58 87
rlm@58 88 .content, .footer {
rlm@58 89 max-width:64em;
rlm@58 90 margin:0 auto;
rlm@58 91 padding:0 4em;
rlm@58 92 }
rlm@58 93 .footer a:first-child {display:block;text-align:center;}
rlm@58 94 .footer em {font-style:normal; color:#f0ff00;}
rlm@58 95
rlm@58 96 table.toc th {
rlm@58 97 /* font-family:"Cabin Sketch", Georgia, serif; */
rlm@58 98 /* text-align:right; */
rlm@58 99 /* font-size:2rem; */
rlm@58 100 padding-right:1em;
rlm@58 101 font-weight:normal;
rlm@58 102 text-transform:uppercase;
rlm@58 103 color:#6a6a68;
rlm@58 104 }
rlm@58 105
rlm@58 106
rlm@58 107 table.toc td, table.toc th {
rlm@58 108 padding-bottom:2rem;
rlm@58 109 padding-top:2rem;
rlm@58 110 vertical-align:top!important;
rlm@58 111 border-bottom:0rem dotted #6a6a68;
rlm@58 112 }
rlm@58 113 table.toc th {
rlm@58 114 min-width:10em;
rlm@58 115 padding-right:2em;
rlm@58 116 text-align:right;
rlm@58 117 }
rlm@58 118
rlm@58 119 ul {
rlm@58 120 margin-left:0;
rlm@58 121 padding-left:0;
rlm@58 122 }
rlm@58 123 li {
rlm@58 124 list-style-type:none;
rlm@67 125 width: 100%;
rlm@67 126 margin-bottom:10px;
rlm@67 127
rlm@58 128 }
rlm@67 129 li:before {
rlm@67 130 content:"\00bb";
rlm@58 131 color:rgba(255,255,255,0.5);
rlm@67 132 margin-right: 2px;
rlm@67 133 float: left;
rlm@67 134 width: 1em;
rlm@58 135 }
rlm@58 136 a{color:#5ca7a8;text-decoration:none;
rlm@58 137 color:#00fff0;
rlm@58 138 color:#00c0f0;
rlm@87 139 outline:0;
rlm@58 140 }
rlm@67 141 table.toc a{
rlm@67 142 display:inline-block;
rlm@67 143 width:80%;
rlm@67 144
rlm@67 145 }
rlm@58 146 a:hover{text-decoration:underline;}
rlm@58 147
rlm@58 148 .footer {
rlm@58 149 color:#6a6a68;
rlm@58 150 /* font-size:0.667em; */
rlm@58 151 border-top:0.0em dotted #6a6a68;
rlm@58 152 padding-top:1em;
rlm@58 153 margin-top:2em;
rlm@58 154 border-top:0.1em dotted #6a6a68;
rlm@58 155 }
rlm@58 156
rlm@58 157 h2 {
rlm@58 158 color:#f0c000;
rlm@58 159 /* color:#f0ff00; */
rlm@58 160 }
rlm@58 161 .content h2:before {
rlm@58 162 content:"\2609";
rlm@58 163 padding-right:0.25em;
rlm@58 164
rlm@58 165 }
rlm@58 166
rlm@58 167 .header h2 {
rlm@58 168 margin:0; padding:0;
rlm@58 169 font-size:1.25rem;
rlm@58 170 color: #f0ff00;
rlm@58 171 color:#f000ff;
rlm@58 172 color:#00fff0;
rlm@58 173 color:#fff000;
rlm@58 174 color:#ff00f0;
rlm@58 175 color:#00f0ff;
rlm@58 176 }
rlm@58 177 p.description, p.micro {
rlm@58 178 font-size:0.875em;
rlm@58 179 margin:0;
rlm@67 180 width:80%;
rlm@58 181 }
rlm@58 182 p.micro {
rlm@58 183 color:#6a6a68;
rlm@58 184 color:inherit;
rlm@58 185 }
rlm@58 186
rlm@58 187 body {
rlm@58 188 /* transform-origin: 50% 50%; */
rlm@58 189 /* transform: perspective(40em) rotateY(20deg) ; */
rlm@58 190 background-image: -moz-radial-gradient(top center,#000 60%,
rlm@58 191 #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%);
rlm@58 192 background:#121212;
rlm@58 193
rlm@58 194
rlm@58 195 background-attachment:fixed;
rlm@58 196 background-size:120%;
rlm@58 197 /* position:fixed; */
rlm@58 198 /* top:0; left:0;right:0; */
rlm@58 199 /* height:8em; */
rlm@58 200 /* border-right:0.1em solid #6a6a68; */
rlm@58 201 background:#121212 url("chalkboard.jpg");
rlm@58 202 }
rlm@58 203
rlm@58 204
rlm@87 205 /*
rlm@58 206 body {background:#002b36; color:#eee8d5}
rlm@58 207 table.toc th {color:#93a1a1;}
rlm@58 208 a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;}
rlm@58 209 .content h2, .header h1:before {
rlm@58 210 color:#b58900;
rlm@58 211 border-color:#b58900;
rlm@58 212 }
rlm@58 213 .footer {color:#869900;}
rlm@58 214 .footer em {color:inherit;}
rlm@58 215 .header h2 {color:#cb4b16;}
rlm@87 216 */
rlm@66 217
rlm@66 218 div.date{
rlm@67 219 float:right;
rlm@66 220 width: 7em;
rlm@66 221 color: cyan;
rlm@67 222 margin-left: 1em;
rlm@66 223 }