Lane: Difference between revisions
Created page with "Coming Soon" |
No edit summary |
||
| Line 1: | Line 1: | ||
Coming Soon | {{#css: | ||
.sidebar { | |||
grid-area: sidebar; | |||
} | |||
.sidebar2 { | |||
grid-area: sidebar2; | |||
} | |||
.content { | |||
grid-area: content; | |||
} | |||
.header { | |||
grid-area: header; | |||
} | |||
.footer { | |||
grid-area: footer; | |||
} | |||
.wrapper { | |||
background-color: transparent; | |||
color: #444; | |||
} | |||
.wrapper { | |||
display: grid; | |||
grid-gap: 20px; | |||
grid-template-areas: | |||
"header" | |||
"sidebar" | |||
"content" | |||
"sidebar2" | |||
"footer"; | |||
} | |||
@media only screen and (min-width: 400px) { | |||
.wrapper { | |||
grid-template-columns: 20% auto; | |||
grid-template-areas: | |||
"header header" | |||
"sidebar content" | |||
"sidebar2 sidebar2" | |||
"footer footer"; | |||
} | |||
} | |||
@media only screen and (min-width: 768px) { | |||
.wrapper { | |||
grid-gap: 20px; | |||
grid-template-columns: 25% auto 25%; | |||
grid-template-areas: | |||
"header header header" | |||
"sidebar content sidebar2" | |||
"footer footer footer"; | |||
} | |||
} | |||
.box { | |||
background-color: #444; | |||
color: #fff; | |||
border-radius: 5px; | |||
padding: 10px; | |||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | |||
} | |||
.header { | |||
background-image: linear-gradient(to bottom right, #540000, #000000); | |||
} | |||
.sidebar { | |||
background-color: #540000; | |||
} | |||
.content { | |||
background-color: #540000; | |||
} | |||
.sidebar2 { | |||
background-color: #540000; | |||
} | |||
.footer { | |||
background-image: linear-gradient(to top left, #540000, #000000); | |||
} | |||
.heading { | |||
font-size: 16px; | |||
font-weight: bold; | |||
border-bottom: 1px solid; | |||
border-left: 0px; | |||
border-right: 0px; | |||
border-image: linear-gradient(to right, #FFFFFF, #540000); | |||
border-image-slice: 1; | |||
} | |||
}} | |||
<div class="wrapper"> | |||
<div class="box header"> | |||
<p></p> | |||
</div> | |||
<div class="box sidebar"> | |||
<p class="heading">RP Hooks</p> | |||
<p>Coming Soon</p> | |||
</div> | |||
<div class="box content"> | |||
<p class="heading">On raven wings...</p> | |||
<p>Coming Soon</p> | |||
</div> | |||
<div class="box sidebar2"> | |||
<p class="heading">Lane Cattaneo</p> | |||
<p>Coming Soon</p> | |||
</div> | |||
<div class="box footer"> | |||
<p style="text-align: center;"><i>"I'm sending a raven<br /> | |||
With blood on its wings<br /> | |||
Hoping it reaches you in time<br /> | |||
And you know what it means"</i><br /> | |||
-- "Far From Home (The Raven)" by Sam Tinnesz</p> | |||
</div> | |||
</div> | |||
[[Category:Characters]] | |||
[[Category:Active PC]] | |||
Revision as of 04:51, 13 June 2025
On raven wings...
Coming Soon