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 18 of 18 comments ( View all | Add 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
wawa	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
Billy	1727361365 Using(planning to whenever I make a blog) Report Comment thank youuuu!! ^_^ by peanutbuttercheerio; 1727666286; Report
riruzzz	1723969019 using !! Report Comment thank you !! by peanutbuttercheerio; 1724043395; 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