Simple Yellow Layout

Tags: yellow, black, dark, simple, layout

Description:

Credit is appreciated but not needed!
If you like my layout please support by friending me or commenting! :)

Preview:

Code:

<!-- (c) Layout created by euoni (https://layouts.spacehey.com/layout?id=20296) --> <style> :root{ --logo-blue: #E6E844; --darker-blue: #F0F253; --lighter-blue: #F0F253; --even-lighter-blue: #1A1A1C; --lightest-blue: #1A1A1C; --dark-orange: #F2E4CA; --light-orange: #F0F253; --even-lighter-orange: red; --green: white; } body{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #F4F662; } html:before { background: url(https://i.stack.imgur.com/sIIwU.gif); content: ""; height: 300%; left: -50%; opacity:0.1; position: fixed; top: -110%; width: 300%; pointer-events: none; z-index: -1; filter: brightness(100%) contrast(110%); } main{ border-radius: 0 0 15px; border: 2px solid rgba(0,0,0,0.7); color: #F2E4CA; background-color: #232225; } footer{ background-color: #E6E844; border-radius: 100px; } button{ background-color: #F0F253 !important; color: white; } .top{ color: white; } .contact{ background-color: #1A1A1C !important; } .heading{ padding: 1px 0 !important; color: #1A1A1C !important; background-color: #1A1A1C; border-bottom: 2px dashed; } .count{ color: white; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { border: 2px solid rgba(0,0,0,0.7); } .profile .url-info { display: none; } .profile h1 { font-size: 30px; text-shadow: 5px 3px #757D21; color: #F0F253; } .comments-table td{ background-color: #1A1A1C; color: #F2E4CA; } .top input{ background-color: #F0F253 !important; } .friends{ background-color: #1A1A1C !important; border: 1px solid black !important; color: #F0F253; } .mood{ background-color: #1A1A1C !important; border: 1px solid black !important; } table.details-table{ border: 1px solid black !important; } .profile .details-table td{ border: 1px solid black !important; } .comments-table td{ border: 1px solid black !important; } .profile-info{ border: 1px solid black !important; } .links{ border: 1px solid black !important; } color: white !important; } a:hover{ color: #f5f5f5 !important; } a:visited{ color: #f5f5f5 !important; } .top a{ color: #f5f5f5 !important; } .top a:hover{ color: #f5f5f5 !important; } .top a:visited{ color: #f5f5f5 !important; } .links a{ color: #f5f5f5 !important; } .links a:hover{ color: #f5f5f5 !important; } .links a:visited{ color: #f5f5f5 !important; } .friends-grid p{ color: #f5f5f5 !important; } footer .links a{ color: #f5f5f5 !important; } footer .links a:hover{ color: #f5f5f5 !important; } footer .links a:visited{ color: #f5f5f5 !important; } </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.