SHES A STONER LAYOUT

1611174041

I wanted to show you this layout with a cool banner added


.contact {

border-radius: 25px;
background: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F78.media.tumblr.com%2F635b7599925cd661140b1f6ce3e21e19%2Ftumblr_mf083uMkId1r1mkubo1_500.gif&f=1&nofb=1);
background-position: left top;
background-repeat: repeat;
padding: 20px;
width: 200px;
height: 150px;
}





table, tr, td {
background-color:transparent;
}

table, tr, td {
background-color:transparent;
border:none;
border-width:50px;
}


nav img.logo{filter: brightness(0) saturate(100%) invert(86%) sepia(74%) saturate(686%) hue-rotate(25deg) brightness(110%) contrast(100%);
}

table table table {
width:80%; max-width:600px; } table table table table { width:100%;;
}

body, .bodyContent {
background-image:url(https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2F38.media.tumblr.com%2Fc4c2802ac5da063774b48f20f7f5d3bc%2Ftumblr_nhn317RKlf1sz9wnho1_500.gif&f=1&nofb=1);
background-position:fulltile;
background-attachment:fixed;
border-color:#00000000;
border-width:30px;
border-style:dotted;
scrollbar-face-color:#00000000;
scrollbar-highlight-color:6A8498;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:6A8498;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:6A8498;
scrollbar-track-color:000000;

}

table table {
border:0px;
}

table table table table {
border:#6A8498;
background-image: none;
background-color:transparent;
}

table table table {
border-style:#6A8498;
border-width:none;
border-color: transparent;
background-attachment:fixed;
}

table table table td {
background-color:000201;
}

table, tr, td, li, p, div,.text,.redtext, .blacktext12 {
color:#ADD88D;
}

.whitetext12, .orangetext15 {
color:#ADD88D;
}

.lightbluetext8, .blacktext10, .redbtext,.btext {
color:#ADD88D;
}

.nametext {
color: #ADD88D;
}

a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {
color:#ADD88D;
}

a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover {
color:000000;
}















nav {
overflow-x: hidden;
position: relative;

}

nav .top {
background: #000201 ;
}

nav .links {
background: rgba(0, 0, 0, 0.3);
}

nav { background-image:transparent; }

body {
/* sets background */
background-image: transparent;
background-repeat: repeat;
background-attachment: fixed;
background-size: 60% ;



}


:root {
--logo-blue: #ADD88D;
--darker-blue: #ADD88D;
--lighter-blue: #A1D1B5 ;
--even-lighter-blue: ADD88D ;
--lightest-blue: ;
--dark-orange: #A1D1B5;
--light-orange: ;
--even-lighter-orange:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimages.herb.co%2Fwp-content%2Fuploads%2F2017%2F05%2FBest_Things_To_7.gif%3Fauto%3Dformat%26fit%3Dclip%26q%3D60%26ixlib%3Dreact-8.6.4%26w%3D768&f=1&nofb=1);
--green: #A1D1B5;
}

main {
/* changes made to stuff outside of columns */
background:url(https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fgetwallpapers.com%2Fwallpaper%2Ffull%2F3%2F6%2F6%2F857993-top-trippy-smoke-backgrounds-tumblr-1920x1200-for-windows-10.jpg&f=1&nofb=1);
background-attachment:fixed;
background-position: center;
background-size: 78% 78%;
padding: 0;
font-size: 100%;
color: var(--light-orange);
}

img {
opacity: 0.9;
}



main {
background-color: #ffffff;
opacity: 0.9;

color: #ffffff;
}

.profile h1 {color: #A1D1B5;}

body {

font-family: monospace;





main:before {
width: 100%;
height: 400px;
display: block;
content: "";
background-image: url('https://media.giphy.com/media/wwnnXHSZKHpjq/giphy.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 180px;
}
}

Report Comment

1611106193

Absolutely love this. Thank you! :)

Report Comment