my blog layout V4

Tags: blog, blog layout, bulletin, green, nature, train, anime

Description:

version four of my personal blog layouts.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by peanutbuttercheerio (https://layouts.spacehey.com/layout?id=88903) -->

<style>

body{
background: url(https://64.media.tumblr.com/5067d3d27704d3197b6cd338fba00368/9e444c5f89da9a7c-b0/s500x750/c583aecff67e398929680188c8668d62d3df0b40.gifv);
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

main{
   margin-top: 10px;
   background-color: rgba(255,255,255,0.4);
   border: 1px solid white;
   box-shadow: 0 0 10px white;
   border-radius: 8px;
   color: white;
   text-shadow: 1px 1px #292929;
}

nav .links li .icon{
content: url(https://voixii.carrd.co/assets/images/image01.gif?v=3c9b6e33?height=20);
}

nav .links {
    background-color: transparent;
    padding: 3.5px 16px;
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854;
    font-size: max(0.98em, 12px);
}

font-family: "Times New Roman " , Times, serif;
font-size: 20px;
font-display: bold;

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #70b574;
    text-decoration: none;
    font-style: italic;
}

a {
    color: #70b574;
    text-decoration: none;
}

main{
   margin-top: 10px;
   background-size: cover;
   background-color: rgba(255,255,255,0.4);
   border: 1px solid white; 
   border-radius: 8px;
   box-shadow: 0 0 10px white;
   color: white;
   text-shadow: 1px 1px #292929;
}

:root {
  --logo-blue: rgba(255, 255, 255, 0.4);
    --headers: rgba(255, 255, 255, 0.4);
    --darker-blue: rgba(255, 255, 255);
    --lighter-blue: rgba(255, 255, 255, 0);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange:  rgba(255, 255, 255, 0);
    --even-lighter-orange: rgba(255, 255, 255);
}

nav .top .left .logo {
   width: 165px;
   height: 42px;
   filter: drop-shadow(2px 4px 6px black);
}

nav .top{
   margin-top: 10px;
   background-color: rgba(255, 255, 255, 0.4);
   background-size: cover;
   border: 1px solid white;
   border-radius: 5px;
   box-shadow: 0 0 8px white;
}

button, input {
   overflow: visible;
   background: white;
   color: black;
   border: none;
   box-shadow: 0 0 5px white;
   border-radius: 5px;
}

footer {
   text-align: center;
   font-size: 70%;
   margin: 10px 0 10px;
   padding: 10px 5px;
   background-color: transparent;
   color: white;
}

.comments-table td:first-child, .music-table td:first-child {
   background: #8ad18c;
   text-align: center;
   font-weight: bold;
   width: 38%;
}

.comments-table td, .music-table td {
   background: #8ad18c;
   vertical-align: top;
}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 28 comments ( View all | Add Comment )

✮⋆˙Tania ﾒ𝟶	1783972443 using! Report Comment
mintmuzzle	1783503106 using, ty Report Comment
Yangzi	1780572963 using Report Comment
⦻lendy☣braun⦻	1780110891 using! Report Comment
Cherie ★	1779549603 using tyy! Report Comment
kalamity <3 xoxo	1776039029 using!! :D Report Comment
amaruuu.☘︎ ݁˖	1775916522 usinggg Report Comment
Ivy	1775464114 using Report Comment
Sparrow	1771964269 using!!! Report Comment
Shutterbug	1769821695 gorgeous! Report Comment
TKO!	1764699630 using, thank you for making this! Report Comment
𝐊𝑒𝐨𝚒 𖦹 ׂ 𓈒 🍥	1761474975 Using Report Comment
ChiaTea	1759382011 using tysm!! Report Comment
marta ｡˚○	1752765760 using tysm Report Comment
N.A	1748329107 using! Report Comment
🌈💗 𐙚CutePinkKitty!♡𐑂💗ฅ^>⩊<^ ฅ	1746546570 Using!! Tysm!! <33 Report Comment
Haneul	1745090071 using! Report Comment
Ray レイ	1744465438 USING Report Comment
أروى	1743341096 using Report Comment
youwillsm1le	1740904081 usingg tysmm Report Comment