updating CSS - diary finished for now

This commit is contained in:
chimchooree
2021-05-14 22:49:12 -05:00
parent b168d2be53
commit 44cffb918e
28 changed files with 681 additions and 234 deletions
+12 -14
View File
@@ -93,20 +93,18 @@ body {
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
table, th, td {
+12 -14
View File
@@ -95,20 +95,18 @@ body {
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
.footer-content {
+167 -52
View File
@@ -1,6 +1,7 @@
* {
padding:0;
margin:0;
font-family: "Ubuntu", "Open Sans", "Calibri", "Arial", sans-serif;
}
a {
@@ -85,19 +86,32 @@ ul { list-style-position: inside; }
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #ecd5d2;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
/* Body */
@@ -110,24 +124,58 @@ ul { list-style-position: inside; }
.diary-dir {
background-color: #080410;
color: #F9B3D7;
font-size: 20px;
padding-top: 5px;
font-size: 23px;
padding: 0px;
margin: 0px;
color: #AAA39D;
font-weight: bold;
text-shadow:
-1px -1px 1px #080410,
0 -1px 1px #080410,
2px -1px 1px #080410,
2px 0 1px #080410,
2px 2px 1px #080410,
0 2px 1px #080410,
-1px 2px 1px #080410,
-1px 0 1px #080410;
}
.diary-dir a:link {
color: #C9C2D6;
}
.diary-dir a:visited {
color: #C9C2D6;
}
.diary-dir a:hover {
color: #F9B3D7;
}
.diary-dir a:active {
color: #f463ad;
.diary-dir a {
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px #080410,
0 -1px 1px #080410,
2px -1px 1px #080410,
2px 0 1px #080410,
2px 2px 1px #080410,
0 2px 1px #080410,
-1px 2px 1px #080410,
-1px 0 1px #080410;
}
.diary-dir.top {
grid-area: 3 / 1 / 4 / 5;
padding-top: 3px;
}
.diary-dir-left {
display: inline-block;
vertical-align: middle;
}
.diary-dir-numbers {
height: 29px;
display: inline-block;
white-space: nowrap;
}
.diary-dir-number {
background-color: #404664;
display: inline-block;
white-space: nowrap;
border-radius: 25px;
padding-left: 4px;
padding-right: 4px;
}
.diary-dir-right {
display: inline-block;
vertical-align: middle;
}
.body-row {
@@ -140,23 +188,86 @@ ul { list-style-position: inside; }
}
.snippet {
background-color: #C9C2D6;
color: #080410;
padding: 20px;
margin-top: 0px;
margin-bottom: 30px;
margin-bottom: 50px;
}
.snippet a:link {
color: #401231;
.snippet-title {
background-image: url(../img/ele/diaryheader.png);
background-size: 100%;
height: 40px;
padding: 10px;
font-size: 10px;
}
.snippet a:visited {
color: #401231;
.snippet-title a {
color: #E6E8EF;
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;
}
.snippet a:hover {
color: #902771;
.snippet-title a:hover {
color: #ecd5d2;
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;
}
.snippet a:active {
color: #900C3F;
.snippet-content {
background-color: #ecd5d2;
padding: 10px;
font-size: 15px;
}
.snippet-info {
background-color: #ecd5d2;
padding: 10px;
font-size: 15px;
}
.snippet-info a {
color: black;
font-weight: bold;
}
.snippet-info a:hover {
color: #404664;
font-weight: bold;
}
.snippet-tags {
background-color: #ecd5d2;
padding: 10px;
font-size: 15px;
}
.snippet-tag {
background-color: #b9b4af;
border-radius: 25px;
padding: 3px;
padding-left: 4px;
padding-right: 4px;
color: black;
font-size: 15px;
font-weight: bold;
display: inline-block;
}
.snippet-link {
margin-top: -35px;
float: right;
font-size: 15px;
}
.snippet-bottom {
background-image: url(../img/ele/diarybottom.png);
background-size: 100%;
height: 25px;
}
.sidebar {
@@ -170,21 +281,22 @@ ul { list-style-position: inside; }
padding-left: 7px;
}
.sidebar a:link {
color: #C9C2D6;
}
.sidebar a:visited {
color: #C9C2D6;
color: #213021;
}
.sidebar a:hover {
color: #F9B3D7;
color: #486438;
}
.sidebar a:visited {
color: #213021;
}
.sidebar a:active {
color: #F9B3D7;
color: #945634;
}
.about-box {
grid-area: 4 / 3 / 5 / 4;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
margin: 15px;
padding: 5px;
@@ -193,8 +305,9 @@ ul { list-style-position: inside; }
}
.twitter-box {
grid-area: 5 / 3 / 6 / 4;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
margin: 15px;
padding: 5px;
@@ -202,8 +315,9 @@ ul { list-style-position: inside; }
}
.latest {
grid-area: 6 / 3 / 7 / 4;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
list-style-position: inside;
margin: 15px;
@@ -216,8 +330,9 @@ ul { list-style-position: inside; }
}
.disclosure {
grid-area: 7 / 3 / 8 / 4;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
margin: 15px;
padding: 5px;
@@ -235,7 +350,7 @@ ul { list-style-position: inside; }
.footer-content {
background-color: #080410;
color: #F9B3D7;
color: #ecd5d2;
padding-top: 5px;
padding-right: 25px;
box-shadow: 0 100vh 0 100vh #581845;
+32 -29
View File
@@ -1,6 +1,7 @@
* {
padding:0;
margin:0;
font-family: "Ubuntu", "Open Sans", "Calibri", "Arial", sans-serif;
}
a {
@@ -85,19 +86,18 @@ ul,ol { list-style-position: inside; }
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
/* Body */
@@ -129,21 +129,21 @@ ul,ol { list-style-position: inside; }
margin-top: 40px;
}
.sidebar a:link {
color: #C9C2D6;
}
.sidebar a:visited {
color: #C9C2D6;
color: #213021;
}
.sidebar a:hover {
color: #F9B3D7;
color: #486438;
}
.sidebar a:visited {
color: #213021;
}
.sidebar a:active {
color: #F9B3D7;
color: #945634;
}
.about-box {
grid-area: 1 / 1 / 2 / 2;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
margin: 15px;
padding: 5px;
@@ -152,8 +152,9 @@ ul,ol { list-style-position: inside; }
}
.twitter-box {
grid-area: 2 / 1 / 3 / 2;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
margin: 15px;
padding: 5px;
@@ -161,8 +162,9 @@ ul,ol { list-style-position: inside; }
}
.latest {
grid-area: 3 / 1 / 4 / 2;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
list-style-position: inside;
margin: 15px;
@@ -175,8 +177,9 @@ ul,ol { list-style-position: inside; }
}
.disclosure {
grid-area: 4 / 1 / 5 / 2;
background-color: #581845;
color: #F9B3D7;
border-radius: 25px;
background-color: #95939F;
color: #111718;
text-align: center;
margin: 15px;
padding: 5px;
@@ -210,7 +213,7 @@ ul,ol { list-style-position: inside; }
.footer-content {
background-color: #080410;
color: #F9B3D7;
color: #ecd5d2;
padding-top: 5px;
padding-right: 25px;
box-shadow: 0 100vh 0 100vh #581845;
+12 -13
View File
@@ -93,19 +93,18 @@ ul { list-style-position: inside; }
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
/* Body */
+12 -13
View File
@@ -84,19 +84,18 @@ a {
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
/* Body */
+12 -14
View File
@@ -86,20 +86,18 @@ ul { list-style-position: inside; }
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
/* Body */
+12 -14
View File
@@ -86,20 +86,18 @@ ul { list-style-position: inside; }
transform: translate(-50%, -50%)
}
.nav-link a {
font-size: 18px;
}
.nav-link a:link {
color: #66C7F4;
}
.nav-link a:visited {
color: #CB9CF2;
}
.nav-link a:hover {
color: #F9B3D7;
}
.nav-link a:active {
color: #f463ad;
font-size: 21px;
color: #E6E8EF;
font-weight: bold;
text-shadow:
-1px -1px 1px black,
0 -1px 1px black,
2px -1px 1px black,
2px 0 1px black,
2px 2px 1px black,
0 2px 1px black,
-1px 2px 1px black,
-1px 0 1px black;
}
/* Body */
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

+259
View File
@@ -0,0 +1,259 @@
JASC-PAL
0100
256
8 4 16
185 180 175
236 213 210
103 122 113
107 255 123
144 151 144
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
0 0 0
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

+7 -7
View File
@@ -7,6 +7,13 @@
<language>en-us</language>
<webMaster>chimchooree@mail.com (chimchooree)</webMaster>
<item>
<title>playing FlightRising with spreadsheets </title>
<link>https://www.blessfrey.me/diary/entries/210513</link>
<description>My dragon breeding spreadsheet is really coming together, so I thought sharing it would be a fun ... </description>
<pubDate>Thu, 13 May 2021 05:00:05 GMT</pubDate>
<guid>https://www.blessfrey.me/diary/entries/210513</guid>
</item>
<item>
<title>april 2020: will patrols ever work? </title>
<link>https://www.blessfrey.me/diary/entries/210501</link>
<description>thursday, april 1 - April Fool's Day I got gnomed by my group leader, and FlightRising's ... </description>
@@ -104,12 +111,5 @@
<pubDate>Fri, 01 Jan 2021 05:00:05 GMT</pubDate>
<guid>https://www.blessfrey.me/diary/entries/210101</guid>
</item>
<item>
<title>blessfrey graphic updates + mockups </title>
<link>https://www.blessfrey.me/diary/entries/201224</link>
<description>I iterate over the graphics periodically, so I can practice without worrying about polish. Here's ... </description>
<pubDate>Thu, 24 Dec 2020 05:00:05 GMT</pubDate>
<guid>https://www.blessfrey.me/diary/entries/201224</guid>
</item>
</channel>
</rss>