| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- /* Doing CSS like the early 2000 */
- body {
- font-family: Verdana, Tahoma, sans-serif;
- background-color: #F6F6F6;
- max-width: 800px;
- margin: auto;
- }
- body article {
- padding: 0 5%;
- line-height: 1.6;
- }
- body article a {
- color: #3D3D3D;
- }
- body article a:visited {
- color: #6A6A6A;
- }
- main {
- border : 5px solid black;
- border-radius: 10px;
- }
- main p.pagination {
- text-align: center;
- }
- main p.pagination a {
- text-transform: uppercase;
- color: #111122;
- text-decoration: none;
- }
- .page-header {
- border: 5px solid black;
- border-radius: 10px;
- }
- .headerlogo {
- float: left;
- }
- nav {
- padding: 5px 50px;
- background-color: #0C5678;
- }
- nav a {
- color: aliceblue;
- background-color: #0C5678;
- padding: 5px 10px;
- border-width: 5px;
- border-color: black;
- }
- nav a:hover {
- background-color: #2f647c;
- }
- ul.postlist {
- list-style-type: none;
- margin: 0;
- padding: 0;
- text-align: center;
- }
- .postlist a {
- color: #111122;
- }
- .postlist a:hover {
- text-decoration: underline;
- color: #5A5A5A;
- }
- .postlist a:visited {
- color: #635A5A;
- }
- .postlist a:visited:hover {
- color: #857c7c;
- }
- blockquote {
- font-size: 0.8em;
- background-color: rgb(224, 224, 224);
- padding: 1px 10px;
- border-left: 4px solid black;
- }
- #tag {
- background-color: rgb(224, 224, 224);
- margin: 10px 0px;
- padding: 2px 10px;
- border-left: 4px solid black;
- }
- #tag p {
- margin: 5px;
- font-style: italic;
- }
- @keyframes hacking {
- 0% {visibility: visible;}
- 50% {visibility: hidden;}
- 100% {visibility: hidden;}
- }
- h1::after {
- content: " _";
- animation-name: hacking;
- animation-duration: 1s;
- animation-delay: 2s;
- animation-iteration-count: infinite;
- }
- pre {
- background-color: gainsboro;
- }
- code {
- background-color: gainsboro;
- }
- .page-footer {
- float: right;
- }
|