123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- body,
- html {
- height: 100%;
- color: #d0cfba;
- margin: 10px;
- font-family: monospace;
- font-size: 16px;
- line-height:1.5;
- letter-spacing: 0.6;
- background-color: #282828;
- }
- html {
- display: table;
- margin: auto;
- width:100%;
- max-width:80ch;
- }
- body {
- display: table-cell;
- }
- p,li,ul,table,pre,code {
- max-width: 32em;
- max-width: 80ch;
- text-align:justify;
- }
- h1 {
- color: goldenrod;
- text-align: center;
- }
- h2,
- h3,
- h4 {
- color: #3aa25d;
- }
- h5,
- h6 {
- color: mediumorchid;
- }
- a {
- color: #85a09b;
- }
- ul {line-height:2;}
- p {
- }
- strong,
- em {
- color: #8da29b;
- padding-left: 2px;
- padding-right: 2px;
- }
- b {color:#b3bd29;}
- small {color: SeaGreen;}
- img {
- max-width:100%;
- }
- hr {
- height: 0;
- border: 0;
- border-top: 1px solid SeaGreen;
- margin: 1em 0;
- padding: 0;
- }
- table {
- border-collapse: collapse;
- }
- td {
- border: 1px solid antiquewhite;
- padding: 4px;
- }
- th {
- border: 1px solid antiquewhite;
- color: black;
- background-color: antiquewhite;
- padding: 4px;
- text-align: center;
- }
- pre {
- font-family: monospace;
- white-space: pre-wrap;
- }
- code {
- color: darkseagreen;
- font-family: monospace;
- background: darkslategrey;
- white-space: pre-wrap;
- display:block;
- padding:4px;
- text-align:left;
- }
- iframe { border: 1px solid darkslategrey;}
- figure {
- margin: 0;
- margin-top:30px;
- background: seagreen;
- width:400px;
- }
- figure img {
- width:400px;
- }
- figcaption {
- margin-bottom:10px;
- padding: 10px;
- background: seagreen;
- color: #fff;
- font-size:16px;
- width:380px;
- }
- @media only screen and (max-width: 600px) {
- body {
- padding:2px;
- font-size:14px;
- margin: 0;
- }
- ul {padding:0;}
- li {
- padding:0;
- text-align:left;
- }
- iframe {
- max-width:100%;
- }
- }
|