updating CSS - diary finished for now
This commit is contained in:
+12
-14
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user