diary cleanup
| @ -0,0 +1,226 @@ | ||||
| .content-grid { | ||||
|     grid-area: 3 / 1 / 4 / 4;  | ||||
|     max-width: MAX(50em, 50%); | ||||
|     display: grid; | ||||
|     grid-template-columns: 2fr 1fr; | ||||
|     grid-template-rows: 40px auto 40px; | ||||
|     grid-column-gap: 0px; | ||||
|     grid-row-gap: 0px; | ||||
|     margin: auto; | ||||
| } | ||||
| .diary-entry { | ||||
|     grid-area: 3 / 1 / 4 / 4;  | ||||
|     margin-top: 40px; | ||||
|     margin-bottom: 30px; | ||||
|     word-wrap: break-word; | ||||
| } | ||||
| .diary-title { | ||||
|     background-color: #486438; | ||||
|     border-top-left-radius: 25px; | ||||
|     border-top-right-radius: 25px; | ||||
|     color: #e6e8ef; | ||||
|     padding: 10px; | ||||
|     padding-top: 55px; | ||||
|     padding-bottom: 25px; | ||||
|     font-size: 25px; | ||||
|     text-align: center; | ||||
|     font-weight: bold; | ||||
|     text-shadow: | ||||
|         -1px -1px 1px #324832, | ||||
|         0   -1px 1px #324832, | ||||
|         2px -1px 1px #324832, | ||||
|         2px  0   1px #324832, | ||||
|         2px  2px 1px #324832, | ||||
|         0    2px 1px #324832, | ||||
|         -1px  2px 1px #324832, | ||||
|         -1px  0   1px #324832; | ||||
| } | ||||
| .date-line { | ||||
|     padding: 10px; | ||||
|     background-color: #1c2628; | ||||
|     color: #aaa39d; | ||||
|     text-align: center; | ||||
| } | ||||
| .diary-content { | ||||
|     background-color: #ecd5d2; | ||||
|     color: #080410; | ||||
|     text-indent: 50px; | ||||
|     padding: 15px; | ||||
|     padding-top: 25px; | ||||
| } | ||||
| .diary-content img { | ||||
|     display: block; | ||||
|     margin-top: 25px; | ||||
|     margin-bottom: 0px; | ||||
|     margin-left: 0px; | ||||
|     max-width: 500px; | ||||
| } | ||||
| .diary-content h2 { | ||||
|     margin-top: 25px; | ||||
|     margin-bottom: 15px; | ||||
|     text-indent: 0px; | ||||
| }  | ||||
| .diary-content h3 { | ||||
|     margin-top: 25px; | ||||
|     margin-bottom: 0px; | ||||
|     text-indent: 0px; | ||||
| }  | ||||
| .diary-content h4 { | ||||
|     margin-top: 25px; | ||||
|     margin-bottom: 0px; | ||||
|     text-indent: 0px; | ||||
| }  | ||||
| .diary-tags { | ||||
|     background-color: #1c2628; | ||||
|     padding: 10px; | ||||
|     font-size: 15px; | ||||
| } | ||||
| .diary-tag { | ||||
|     background-color: #b9b4af; | ||||
|     border-radius: 25px; | ||||
|     padding: 3px; | ||||
|     padding-left: 4px; | ||||
|     padding-right: 4px; | ||||
|     color: #1c2628; | ||||
|     font-size: 15px; | ||||
|     font-weight: bold; | ||||
|     display: inline-block; | ||||
| } | ||||
| .share-links { | ||||
|     background-color: #1c2628; | ||||
|     color: #aaa39d; | ||||
|     padding-top: 25px; | ||||
|     padding-bottom: 25px; | ||||
|     text-align: center; | ||||
| } | ||||
| 
 | ||||
| .sidebar { | ||||
|     grid-area: 3 / 3 / 5 / 4; | ||||
|     display: grid; | ||||
|     grid-template-columns: auto; | ||||
|     grid-template-rows: repeat(4, auto); | ||||
|     grid-column-gap: 0px; | ||||
|     grid-row-gap: 0px;  | ||||
|     align-content: start; | ||||
|     padding-left: 7px; | ||||
|     margin-top: 40px; | ||||
| } | ||||
| .sidebar a:link { | ||||
|     color: #213021; | ||||
| } | ||||
| .sidebar a:hover { | ||||
|     color: #486438; | ||||
| } | ||||
| .sidebar a:visited { | ||||
|     color: #213021; | ||||
| } | ||||
| .sidebar a:active { | ||||
|     color: #945634; | ||||
| } | ||||
| .about-box { | ||||
|     border-radius: 25px; | ||||
|     background-color: #95939F;  | ||||
|     color: #111718; | ||||
|     text-align: center; | ||||
|     margin: 15px; | ||||
|     padding: 5px; | ||||
|     margin-top: 0px; | ||||
|     padding-bottom: 15px; | ||||
| } | ||||
| .twitter-box { | ||||
|     grid-area: 2 / 1 / 3 / 2; | ||||
|     border-radius: 25px; | ||||
|     background-color: #95939F;  | ||||
|     color: #111718; | ||||
|     text-align: center; | ||||
|     margin: 15px; | ||||
|     padding: 5px; | ||||
|     padding-bottom: 15px; | ||||
| } | ||||
| .latest { | ||||
|     grid-area: 3 / 1 / 4 / 2; | ||||
|     border-radius: 25px; | ||||
|     background-color: #95939F;  | ||||
|     color: #111718; | ||||
|     text-align: center; | ||||
|     list-style-position: inside; | ||||
|     margin: 15px; | ||||
|     padding: 5px; | ||||
| } | ||||
| .latest-text { | ||||
|     text-align: left; | ||||
|     list-style-position: inside; | ||||
|     padding: 5px; | ||||
| } | ||||
| .disclosure { | ||||
|     grid-area: 4 / 1 / 5 / 2; | ||||
|     border-radius: 25px; | ||||
|     background-color: #95939F;  | ||||
|     color: #111718; | ||||
|     text-align: center; | ||||
|     margin: 15px; | ||||
|     padding: 5px; | ||||
|     padding-bottom: 15px; | ||||
| } | ||||
| 
 | ||||
| .recommend { | ||||
|     grid-area: 4 / 2 / 5 / 3; | ||||
|     background-color: #080410; | ||||
|     color: #F9B3D7; | ||||
|     display: grid; | ||||
|     grid-template-columns: auto auto auto; | ||||
|     grid-template-rows: auto auto; | ||||
|     grid-column-gap: 0px; | ||||
|     grid-row-gap: 0px;  | ||||
|     padding: 5px; | ||||
| }  | ||||
| 
 | ||||
| .more {  | ||||
|     grid-area:   1 / 1 / 2 / 4;  | ||||
|     background-color: #486438; | ||||
|     border-radius: 25px; | ||||
|     padding: 5px; | ||||
|     text-align: center; | ||||
|     color: #080410; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| .rec-box { grid-area: 2 / 2 / 3 / 3; } | ||||
| 
 | ||||
| .snip {  | ||||
|     width: 150px;  | ||||
|     float: left;  | ||||
|     margin: 30px; | ||||
|     background-color: #95939f; | ||||
|     border-radius: 25px; | ||||
|     padding: 20px; | ||||
|     text-align: center; | ||||
|     font-size: 16px; | ||||
| } | ||||
| .snip a { | ||||
|     color: #080410; | ||||
| } | ||||
| .snip a:hover { | ||||
|     color: #404664; | ||||
| } | ||||
| .snip a:visited { | ||||
|     color: #080410; | ||||
| } | ||||
| .snip a:active { | ||||
|     color: #404664; | ||||
| } | ||||
| 
 | ||||
| .footer-row { | ||||
|     grid-area: 5 / 1 / 6 / 5;  | ||||
|     background-color: #080410; | ||||
| } | ||||
| 
 | ||||
| .footer-content { | ||||
|     background-color: #080410; | ||||
|     color: #ecd5d2; | ||||
|     padding-top: 5px; | ||||
|     padding-right: 25px; | ||||
|     box-shadow: 0 100vh 0 100vh #581845; | ||||
|     text-align: right; | ||||
|     overflow: hidden; | ||||
| } | ||||
| Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.3 KiB | 
| Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB | 
| Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB | 
| Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB | 
| Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.0 KiB | 
| @ -0,0 +1,259 @@ | ||||
| JASC-PAL | ||||
| 0100 | ||||
| 256 | ||||
| 248 16 224 | ||||
| 40 28 32 | ||||
| 88 92 136 | ||||
| 136 100 136 | ||||
| 40 40 40 | ||||
| 4 2 4 | ||||
| 248 176 208 | ||||
| 176 108 112 | ||||
| 224 152 160 | ||||
| 248 172 160 | ||||
| 24 36 72 | ||||
| 236 170 196 | ||||
| 36 58 108 | ||||
| 48 52 64 | ||||
| 112 140 208 | ||||
| 208 172 168 | ||||
| 184 172 208 | ||||
| 132 118 172 | ||||
| 128 44 40 | ||||
| 140 146 204 | ||||
| 16 20 56 | ||||
| 208 108 64 | ||||
| 96 104 160 | ||||
| 212 176 208 | ||||
| 40 52 104 | ||||
| 80 88 136 | ||||
| 236 122 84 | ||||
| 204 92 40 | ||||
| 0 0 0 | ||||
| 24 10 4 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||
| 0 0 0 | ||||