Windows Classic with blue flowers background

Tags: blue, flowers, windows, classic, retro, 90s, 00s, 2000s

Description:

I tried to fit the whole profile section in one viewable window, just as an idea. :) Please enjoy. Edit: fixed some elements that I didn't notice before. 2nd edit: changed the images host.

Preview:

click on the image for a larger preview

Code:

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

<style>   

/*I stole this scrollbar style from here (https://layouts.spacehey.com/layout?id=2016). Lightly edited to fit style.*/

/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color: #e2e2e2;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    border: 2px solid;
    border-color: #fff  #000 #000 #fff ;
    background-color: #bfbfbf;
}


::-webkit-scrollbar-button:single-button:vertical {
    height: 15px;
    width: 15px;
    background-position: center;
    background-color: #bfbfbf;
    background-size: 10px;
    background-repeat: no-repeat;
    display: block;

    border: 2px solid;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-color: #fff #000 #000 #fff ;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='50,00 0,50 100,50'/>");
}
::-webkit-scrollbar-button:single-button:vertical:increment {
    border-color: #fff #000 #000 #fff ;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='0,0 100,0 50,50'/>");
}

html {height: 100vh;}

button {
   background-color: #a9a9a9;
   border: 1px outset #d9d9d9;
   text-decoration: none !important;
}

body {
   background-image: url(https://i.ibb.co/Rhbn6p8/daisy.jpg);
}

.container {
   height: 100vh;
   margin: 0 auto 0 !important;
}

main {
   background-color: #1f1f6b;
   border-right-style: ridge;
   border-left-style: ridge;
   border-bottom-style: ridge;
   overflow-y: scroll;
   height: 66vh;
}

nav {
   border-right-style: outset;
   border-right-width: 2px;
   border-left-style: outset;
   border-left-width: 2px;
}

nav .top {
   background: linear-gradient(to right, #3434b2, #a9a9a9);
   border-bottom-style: groove;
   border-bottom-width: 1px;
   border-top-style: outset;
   border-top-width: 2px;
}
nav .links {
   background: #a9a9a9 !important;
   padding: 2px;
}

nav .links a {
   color: black;
   text-shadow: none;
   border-style: outset;
   border-width: 1px;
   border-color: #d9d9d9;
   padding: 2px;
   margin: 2px 5px;
}

.links a:hover {
   text-decoration: none !important;
   color: black;
   border: 1px inset #d9d9d9;
}

[title="Notifications"] {
   border: none !important;
}

nav li {
   margin: 2px -5px;
}

nav li:not(last-child)::after {
   content: none !important;
}

h1 {
   font-family: Verdana !important;
   color: white;
   font-size: 20px !important;
   font-weight: normal;
   background: linear-gradient(to right, #3434b2, #a9a9a9);
   border-style: outset !important;
   border-width: 2px;
   padding: 2px 0 0 5px;
}

.general-about, .contact, .url-info, .table-section, .profile-info, .blog-preview, .blurbs, .friends, #comments {
   border: 2px outset #e6e6e6 !important;
   background: #a9a9a9;
}

.general-about {
   padding: 3px;
}

.profile-pic {
   margin: 0 5px 10px 0 !important;
}

.contact a {
   font-family: Verdana;
   color: black;
   font-weight: normal;
}

.contact a:hover {
   text-decoration: none;
}

.heading, .blog-preview h4 {
   background-image: linear-gradient(to right, #3434b2, #a9a9a9) !important;
}

h4 {
   color: white;
   font-weight: normal;
   margin: 0;
}

.f-row {
   margin: 0 !important;
}

.f-col {
   border-style: outset;
   border-width: 1px;
   padding: 2px;
   margin: 5px !important;
}

.f-col:hover {
   border-style: inset;
}

.url-info p:last-child, .table-section td {
   background-color: white;
   border-style: inset;
   border-width: 2px;
   padding: 2px;
}

.table-section td:first-child, td:first-child a:not(.comments-table td a) {
   background: #a9a9a9;
   color: black;
}

table.comments-table {
   display: block;
   border: 2px inset !important;
   overflow-y: scroll !important;
   height: 420px !important;
}

.comments-table td:first-child {
   background-color: #d6caa9 !important;
   border: 1px outset #d6caa9;
}

.comments-table td {
   background-color: white !important;
   border: 1px inset #d6caa9;
}

.comments-table td:first-child a {
   color: black;
   font-weight: normal;
}

.person p, .person p:hover {
   text-decoration: none !important;
   color: black !important;
   font-weight: normal !important;
}

footer {
   margin-bottom: 0;
   background-color: #a9a9a9;
   color: black;
   border: 2px outset #d9d9d9;
}

</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 17 of 17 comments ( View all | Add Comment )

𝚆𝚞 𝚃𝚘𝚖𝚘𝚔𝚒	1700834065 I'm using this! I might change the background image, though. =) Report Comment
azalea :333	1700422753 usindvdajs Report Comment
x_RealtinRavage_x	1697401884 using but uuuhhh how do you save the html sheet you're trying to edit onto your profile??? genuine question I am a noob at html Report Comment NVM I GOT IT OMG THIS IS SO COOL <<3 by x_RealtinRavage_x; 1697401940; Report
Camylleon	1696523772 Using! LOVE THIS LAYOUT! Thanks! :) Report Comment
Soda	1695850344 using ^_^ Report Comment
win2002x	1695401397 usingg Report Comment
boldblinko	1685766307 very swag!!!! using this asap. Report Comment
bobbysugarbones	1679138896 using this!!!so adorable :-D Report Comment
HOLDUP	1677616888 ty Report Comment
Jawn	1677528688 using! :] Report Comment
Hearts2youu♡	1676769277 USING! Report Comment
pattern ☆	1676454864 thank you so much! using this :) Report Comment
lorenzo e. i.	1675363953 slayyyyyyyy Report Comment
krampeOMG	1672096343 thank you!!!!!!!!!!!! Report Comment
issie	1670793010 thank u sm! Report Comment
AmazonHippie	1670505167 ✌🏽🤎 Thank You🤎✌🏽 Report Comment Not enough of the flower. by AmazonHippie; 1670505549; Report
kasper —ִ ࣪𖤐	1669087723 Nice! Report Comment