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 20 comments ( View all | Add 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
caar1960	1737280705 using!! Report Comment
Silka	1734904965 omg <3_<3 using! Report Comment
ani / juna ⭑.ᐟ	1730688490 using !! Report Comment
nene	1727361365 Using(planning to whenever I make a blog) Report Comment thank youuuu!! ^_^ by peanutbuttercheerio; 1727666286; Report
sanktamay 🇧🇷	1712577707 Usando :) Report Comment obrigado ^^ by peanutbuttercheerio; 1712624061; Report
ellalala<3	1706749945 using!!◝(ᵔᵕᵔ)◜ Report Comment tysm !!!! ^_^ by peanutbuttercheerio; 1707172789; Report
INVU(chu)	1705771109 using!! Report Comment thank you !!! by peanutbuttercheerio; 1706038818; Report