all repos — gemini-redirect @ 299dad40a464132c708bff0aa139c6ddebc55409

css/blog.css.old (view raw)

  1/* R.I.P. old blog CSS, 2018-02-03 to 2020-05-29 */
  2
  3@font-face {
  4    font-family: sf1;
  5    src: url("../fonts/GeosansLight.ttf");
  6}
  7@font-face {
  8    font-family: sf2;
  9    src: url("../fonts/inglobal.ttf");
 10}
 11@font-face {
 12    font-family: sf3;
 13    src: url("../fonts/Larke Sans Light 2.ttf");
 14}
 15@font-face {
 16    font-family: sf4;
 17    src: url("../fonts/weblysleekuil.ttf");
 18}
 19
 20::selection {
 21  background: #FFFF66;
 22}
 23::-moz-selection {
 24  background: #FFFF66;
 25}
 26
 27body {
 28    background-color: #F4F4F4;
 29}
 30
 31.minMargin {
 32    margin: 50px 30px;
 33}
 34
 35.card {
 36    margin: 20px auto;
 37    padding: 8px 24px;
 38    border-radius: 10px;
 39    background-color: #FFF;
 40    max-width: 640px;
 41    box-shadow: 8px 8px 8px #B8B8B8;
 42}
 43
 44h1 {
 45    font-family: sf1;
 46    font-size: 64px;
 47}
 48h2 {
 49    font-family: sf3;
 50    font-size: 48px;
 51    border-bottom: 1px solid #888888;
 52    padding-bottom: 4px;
 53}
 54h3, .versalita {
 55    font-family: sf4;
 56    font-variant: small-caps;
 57}
 58.right {
 59    text-align: right;
 60}
 61
 62p, ol, ul, td {
 63    font-family: sf2;
 64    font-size: 18px;
 65    line-height: 125%;
 66}
 67td {
 68    padding: 2px 20px;
 69    vertical-align: top;
 70}
 71
 72hr {
 73    border: 1px dashed #D0D0D0;
 74    margin: 20px 10px;
 75}
 76
 77em {
 78    color: #484848;
 79}
 80
 81img {
 82    border-radius: 10px;
 83    box-shadow: 4px 4px 4px #888888;
 84}
 85
 86.center {
 87    text-align: center;
 88    display: block;
 89    margin: 0 auto;
 90}
 91
 92a {
 93    text-decoration: none;
 94    border-bottom: 0px solid #00CCCC;
 95    margin-bottom: 3px;
 96    color: #00CCCC;
 97    transition: border-bottom 0.1s ease-in-out 0s, margin-bottom 0.1s ease-in-out 0s, color 0.2s ease-in-out 0s;
 98}
 99a:hover {
100    border-bottom: 3px solid #00AAAA;
101    margin-bottom: 0px;
102    color: #00AAAA;
103}
104
105code {
106    background-color: #F7F7F7;
107    color: #F77;
108    padding: 2px;
109    font-size: 14px;
110    border-radius: 2px;
111}
112
113li {
114    margin: 4px 0;
115}
116
117table {
118    border-collapse: collapse;
119}
120
121table, th, td {
122    border: 1px solid #777;
123}
124
125th {
126    padding: 2px 8px;
127}