# HG changeset patch # User Robert McIntyre # Date 1425316266 28800 # Node ID 41818c0cea596de9c32df81c720ddd29d5943c2b # Parent d1bf00be1f8e73f4d7fd512e13e292837a68f914 add excellent css from Dylan. diff -r d1bf00be1f8e -r 41818c0cea59 css/dyln-dark-4.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css/dyln-dark-4.css Mon Mar 02 09:11:06 2015 -0800 @@ -0,0 +1,205 @@ +body { + + padding:0; + margin:0; + padding-bottom:2em; + + /* background:#3f3f3f; */ + /* color:#f0f0f0; */ + /* color:#dcdccc; */ + font:16px "Titillium Web","Roboto Slab", Georgia, serif!important; + + line-height:1.6; + + background:#101010; + + color:#fff!important; +} +table {font-size:inherit;} + +h1,h2,h3,h4,h5,h6 { + font-weight:normal; +} + +.gold {color:#87a85c;} +div.header { + + text-align:center; + padding-top: 4em; + padding-bottom:1em; + /* background:#fff; */ + /* color:#444; */ + + /* border-bottom:1em solid #09c; */ + /* background:#000; */ + /* border-bottom:0.5em solid #00fff0; */ + /* border-color:#6a6a68; */ + + padding-bottom:2rem; + border-bottom:0.0rem solid #00f0ff; + + border-bottom:0.0rem solid #6a6a68; +} +.header h1 { + font-size:3em; + text-align:center; + color:#a7a85c; + color:#f0ff00; + margin:0;padding:0; + font-size:3em; + color:#666; + color:#6a6a68; + color:#fff; + /* text-shadow:0 0 0.05em #f0ff00; */ + /* text-shadow:0 0 2em #3d81ca, 0 0 0.1em #6092c7; */ +} +.header em, .header strong {font-style:inherit; font-weight:inherit;} +/* .header:hover h1 {color:#6a6a68;} */ +/* .header:hover author {color:#666;} */ +/* .header:hover h1 em, .header:hover author em {color:#ff00f0;text-shadow:0 0 0.2em #fff000;} */ + +.header h1:before { + content:'\2609'; + color:#c90;color:#fff000; + padding-right:0.25em; + position:relative; + top:0.1em; +} +/* .header:hover h1:before { */ +/* text-shadow:0 0 0.2em #fff000; */ +/* color:#fff; */ + +/* } */ + + +.authors { + text-transform:uppercase; + letter-spacing:0.58em; + font-size:0.875em; + letter-spacing:0.2em; + +} + +table.toc { + margin:0 auto; + +} + +.content, .footer { + max-width:64em; + margin:0 auto; + padding:0 4em; +} +.footer a:first-child {display:block;text-align:center;} +.footer em {font-style:normal; color:#f0ff00;} + +table.toc th { + /* font-family:"Cabin Sketch", Georgia, serif; */ + /* text-align:right; */ + /* font-size:2rem; */ + padding-right:1em; + font-weight:normal; + text-transform:uppercase; + color:#6a6a68; +} + + +table.toc td, table.toc th { + padding-bottom:2rem; + padding-top:2rem; + vertical-align:top!important; + border-bottom:0rem dotted #6a6a68; +} +table.toc th { + min-width:10em; + padding-right:2em; + text-align:right; +} + +ul { + margin-left:0; + padding-left:0; +} +li { + list-style-type:none; +} +li:before { + content:"\00bb "; + color:rgba(255,255,255,0.5); +} +a{color:#5ca7a8;text-decoration:none; + color:#00fff0; + color:#00c0f0; + } +a:hover{text-decoration:underline;} + +.footer { + color:#6a6a68; + /* font-size:0.667em; */ + border-top:0.0em dotted #6a6a68; + padding-top:1em; + margin-top:2em; + border-top:0.1em dotted #6a6a68; +} + +h2 { + color:#f0c000; + /* color:#f0ff00; */ +} +.content h2:before { + content:"\2609"; + padding-right:0.25em; + +} + +.header h2 { + margin:0; padding:0; + font-size:1.25rem; + color: #f0ff00; + color:#f000ff; + color:#00fff0; + color:#fff000; + color:#ff00f0; + color:#00f0ff; + + + +} +p.description, p.micro { + font-size:0.875em; + margin:0; + +} +p.micro { + color:#6a6a68; + color:inherit; +} + +body { + /* transform-origin: 50% 50%; */ + /* transform: perspective(40em) rotateY(20deg) ; */ + background-image: -moz-radial-gradient(top center,#000 60%, + #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%); + background:#121212; + + + background-attachment:fixed; + background-size:120%; + /* position:fixed; */ + /* top:0; left:0;right:0; */ + /* height:8em; */ + /* border-right:0.1em solid #6a6a68; */ + background:#121212 url("chalkboard.jpg"); +} + + +body {background:#002b36; color:#eee8d5} +table.toc th {color:#93a1a1;} +a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;} +.content h2, .header h1:before { + color:#b58900; + border-color:#b58900; + } +.footer {color:#869900;} +.footer em {color:inherit;} +.header h2 {color:#cb4b16;}