eiris push
This commit is contained in:
Mimi Momo
@@ -1,7 +1,7 @@
|
||||
* {
|
||||
padding:0;
|
||||
margin:0;
|
||||
font-family: verdana, trebuchet ms, arial, calibri, gill sans, helvetica neue, candara, geneva, sans-serif;
|
||||
font-family: verdana, trebuchet ms, arial, calibri, candara, sans-serif;
|
||||
background-color: black;
|
||||
}
|
||||
html, body {padding:0; margin:0; height:100%;}
|
||||
@@ -31,6 +31,7 @@ p {
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
list-style-position: inside;
|
||||
}
|
||||
li {
|
||||
padding-left: 2em;
|
||||
|
||||
+230
-217
@@ -1,244 +1,257 @@
|
||||
* {
|
||||
padding:0;
|
||||
margin:0;
|
||||
font-family: trebuchet ms; arial; calibri; gill sans; helvetica neue; candara; geneva; verdana; sans-serif;
|
||||
background-color: black;
|
||||
}
|
||||
.content-grid {
|
||||
grid-area: 3 / 2 / 4 / 3;
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
grid-template-rows: 40px auto 40px;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.centered {
|
||||
text-align: center;
|
||||
}
|
||||
#poltics {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
.dir-row {
|
||||
grid-area: 1 / 1 / 2 / 3;
|
||||
background-color: #080410;
|
||||
color: #F9B3D7;
|
||||
}
|
||||
|
||||
}
|
||||
.nav-grid img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.diary-dir {
|
||||
background-color: #080410;
|
||||
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 {
|
||||
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: 1 / 1 / 2 / 3;
|
||||
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;
|
||||
}
|
||||
|
||||
.grid {
|
||||
height: 95vh;
|
||||
width: 100vw;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 60% 1fr;
|
||||
grid-template-rows: 5% 15% 60% 20%;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
.diary-pages {
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
grid-area: 1 / 1 / 2 / 4;
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
justify-content:center;
|
||||
align-items: center;
|
||||
}
|
||||
.nav-row {
|
||||
grid-area: 2 / 1 / 3 / 4;
|
||||
}
|
||||
.content-row {
|
||||
grid-area: 3 / 1 / 4 / 4;
|
||||
}
|
||||
.latest-row {
|
||||
grid-area: 4 / 1 / 5 / 4;
|
||||
}
|
||||
.nav-grid {
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0%,10%) repeat(5, 1fr) minmax(0%,10%);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
justify-items: center;
|
||||
text-align: center;
|
||||
color: red;
|
||||
}
|
||||
.nav-left {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
}
|
||||
.nav-right {
|
||||
grid-area: 1 / 7 / 2 / 8;
|
||||
.snippet {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.nav-home {
|
||||
grid-area: 1 / 2 / 2 / 3;
|
||||
display: grid;
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows: 80% 20%;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
flex-direction: column;
|
||||
|
||||
.snippet-title {
|
||||
background-image: url(../img/ele/diaryheader.png);
|
||||
background-size: 100%;
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-size: 10px;
|
||||
}
|
||||
.nav-blessfrey {
|
||||
grid-area: 1 / 3 / 2 / 4;
|
||||
display: grid;
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows: 80% 20%;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
flex-direction: column;
|
||||
.snippet-title a {
|
||||
color: #E3E0DE;
|
||||
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;
|
||||
}
|
||||
.nav-lemonland { grid-area: 1 / 4 / 2 / 5;
|
||||
display: grid;
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows: 80% 20%;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
flex-direction: column;
|
||||
.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;
|
||||
}
|
||||
.nav-diary { grid-area: 1 / 5 / 2 / 6;
|
||||
display: grid;
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows: 80% 20%;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
flex-direction: column;
|
||||
.snippet-content {
|
||||
background-color: #ecd5d2;
|
||||
color: #080410;
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.nav-about { grid-area: 1 / 6 / 2/ 7;
|
||||
display: grid;
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows: 80% 20%;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
flex-direction: column;
|
||||
.date-line {
|
||||
background-color: #ecd5d2;
|
||||
color: #080410;
|
||||
padding: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
.navlink {
|
||||
font-size: 110%;
|
||||
.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;
|
||||
}
|
||||
.social-line {
|
||||
background-color: #404664;
|
||||
padding-top: 5px;
|
||||
padding-left: 15px;
|
||||
|
||||
}
|
||||
.social-line a {
|
||||
color: #E3E0DE;
|
||||
font-weight: bold;
|
||||
}
|
||||
.navlink a:link {
|
||||
color: #E6E8EF;
|
||||
.snippet-link {
|
||||
margin-top: -35px;
|
||||
float: right;
|
||||
font-size: 15px;
|
||||
}
|
||||
.navlink a:visited {
|
||||
color: #E6E8EF;
|
||||
}
|
||||
.navlink a:hover {
|
||||
color: #f463ad;
|
||||
}
|
||||
.navlink a:active {
|
||||
color: #f463ad;
|
||||
.snippet-bottom {
|
||||
background-image: url(../img/ele/diarybottom.png);
|
||||
background-size: 100%;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.content-grid {
|
||||
grid-area: 3 / 2 / 4 / 3;
|
||||
display: grid;
|
||||
grid-template-columns: 25% 75%;
|
||||
grid-template-rows: auto;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
.content-left {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
.sidebar {
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
align-content: start;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.contentlogo {
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
background-image: url(../img/prom/BlessFREY_logo.png);
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.content-right {
|
||||
grid-area: 1 / 2 / 2 / 3;
|
||||
background-image: url(../img/prom/runebless.png);
|
||||
background-size: 80% auto;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
.sidebar a:link {
|
||||
color: #213021;
|
||||
}
|
||||
/*display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
.weaponmaster {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
background-color: red;
|
||||
background-image: url(../img/prom/w_thumb.png);
|
||||
}
|
||||
.tamer {
|
||||
grid-area: 1 / 2 / 2 / 3;
|
||||
background-color: yellow;
|
||||
background-image: url(../img/prom/t_thumb.png);
|
||||
}
|
||||
.disciple {
|
||||
grid-area: 1 / 3 / 2 / 4;
|
||||
background-color: orange;
|
||||
background-image: url(../img/prom/d_thumb.png);
|
||||
}
|
||||
.streetfighter {
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
background-color: green;
|
||||
background-image: url(../img/prom/s_thumb.png);
|
||||
}
|
||||
.hacker {
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
background-color: blue;
|
||||
background-image: url(../img/prom/h_thumb.png);
|
||||
}
|
||||
.chemist {
|
||||
grid-area: 2 / 3 / 3 / 4;
|
||||
background-color: purple;
|
||||
background-image: url(../img/prom/c_thumb.png);
|
||||
} */
|
||||
.latest {
|
||||
background-color: #bd97a4;
|
||||
color: black;
|
||||
}
|
||||
.latest-grid {
|
||||
width: 50%;
|
||||
background-color: #bd97a4;
|
||||
grid-area: 4 / 2 / 5 / 3;
|
||||
overflow-y: scroll;
|
||||
margin-right: 0px;
|
||||
margin-left: 5%;
|
||||
margin-top: 3%;
|
||||
margin-bottom: 0px;
|
||||
padding-top: 4%;
|
||||
padding-right: 1%;
|
||||
padding-bottom: 1%;
|
||||
padding-left: 2%;
|
||||
}
|
||||
.latest-grid a:link {
|
||||
color: black;
|
||||
background-color: #bd97a4;
|
||||
.sidebar a:hover {
|
||||
color: #486438;
|
||||
}
|
||||
.latest-grid a:visited {
|
||||
color: black;
|
||||
background-color: #bd97a4;
|
||||
.sidebar a:visited {
|
||||
color: #213021;
|
||||
}
|
||||
.latest-grid a:hover {
|
||||
color: #F9B3D7;
|
||||
background-color: #bd97a4;
|
||||
.sidebar a:active {
|
||||
color: #945634;
|
||||
}
|
||||
.latest-grid a:active {
|
||||
color: #f463ad;
|
||||
background-color: #bd97a4;
|
||||
.about-box {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
border-radius: 25px;
|
||||
background-color: #95939F;
|
||||
color: #111718;
|
||||
text-align: center;
|
||||
margin: 15px;
|
||||
padding: 5px;
|
||||
margin-top: 0px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.latest-grid ul {
|
||||
background-color: #bd97a4;
|
||||
list-style-type: none;
|
||||
.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 li {
|
||||
background-color: #bd97a4;
|
||||
padding-left: 5%;
|
||||
.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-grid b {
|
||||
background-color: #bd97a4;
|
||||
.latest-text {
|
||||
text-align: left;
|
||||
list-style-position: inside;
|
||||
padding: 5px;
|
||||
}
|
||||
.footer-content {
|
||||
color: white;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 100vh 0 100vh black;
|
||||
}
|
||||
.wordcloud {
|
||||
grid-area: 4 / 1 / 5 / 2;
|
||||
border-radius: 25px;
|
||||
background-color: #95939F;
|
||||
color: #111718;
|
||||
text-align: center;
|
||||
margin: 15px;
|
||||
padding: 5px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.disclosure {
|
||||
grid-area: 5 / 1 / 6 / 2;
|
||||
border-radius: 25px;
|
||||
background-color: #95939F;
|
||||
color: #111718;
|
||||
text-align: center;
|
||||
margin: 15px;
|
||||
padding: 5px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.diary-dir.bottom {
|
||||
grid-area: 3 / 1 / 4 / 3;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user