Copper and Steam

Tags: layout, layouts, leena, steampunk, victorian, gears, copper, dark

Description:

For this layout I played around with custom texts and cursors and spent a little more time (probably more than I wanted to) playing with minor details. This one has a steampunk theme complete with a cute little guard robot to watch over all your Spacehey stuff!! (You can totally kick him out if you want to.) There's lots of copper and brass colors and lots and LOTS of clocks and gears. Enjoy!

If you like this layout, please leave a comment and as always:

-Feel free to change anything you like.
-If you have any questions, please ask them in the comments below or on my blog.
-You can view the full-sized image here.
-To use this layout, copy and paste the code below into the "About Me" section of your profile.

*Friendly reminder: it's against Spacehey rules to hide the Spacehey logo, search bar, or logout buttons in the navigation section.*

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Rye&display=swap');
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/movie/mov-1/mov1.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/19/doctor-who-dalek.html" target="_blank" title="Doctor Who Dalek"><img src="https://cur.cursors-4u.net/cursor.png" alt="Doctor Who Dalek" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

body {
  background: url(https://i.ibb.co/20z3TVx/300244-steampunk-clocks-time-748x468.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}</style>

<style>
.profile {
background: rgba(0, 0, 0, 0.6);
border-radius: none;
border: 2px solid #c44800;
font-family: 'Rye', cursive;

}

table, td {

	border-spacing: 2px;
}

.profile .contact, .profile .table-section, .home-actions
{
    width: 100%;
    border: 0px solid var(--#c44800);
    color: #a68202;
    text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;

    }

.profile .url-info {
    color: #a68202;
}

.table-section td {
    color: #c44800;
}

.profile .table-section {
    overflow-y: scroll;
}

mood {
  color: #c44800!important;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}

.mood p {
  color: #a68202;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}

.mood a {
  color: #c44800;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}

.mood a:hover {
  color: #ff0303;
}

table, th, td
{
   border: 0px solid #c44800;
   border-spacing: 0px;
}


.profile .table-section, .home-actions
{

   border: 2px solid #c44800;
   border-radius: 8px;

}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        --hover: #ff0303;
        --table-header:#000000;
	--table-color: white;
	--link-text:#a68202;
	--main-text: #870303;

    }   

footer 
{

    background-image: url(https://i.ibb.co/2Y0jkgn/steampunk4.webp);
    background-position: left;
    background-repeat: no-repeat;
    border-radius: none;
    border: 2px solid #c44800;
}

.comments-table{
display: block;
height: 500px;
overflow-y: scroll; 
color: #c44800;
border: 2px solid #c44800;
border-radius: 8px;

}

.contact .heading {
  background: transparent!importnt;
  text-align: center;
  color: #a68202!important;
  font-size: medium;
  font-family: 'Rye', cursive;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;

}

.contact {
  border-radius: 8px; border: 2px solid #c44800!important;
  background-image: url(https://i.ibb.co/fYjJbnk/steampunk1.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  Width: 300px;
  Height:180px;
}

.contact a {
  color: #c44800;
  font-family: 'Rye', cursive;
  text-decoration: italic;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
  font-size: 12px;
}
.contact a:hover{
    color: #ff0303!important;
}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blog-preview, .details, 
{
border: 1px #c44800!important;

}

footer, .profile .contact {
color: #a68202!important;
font-family: 'Rye', cursive;
font-weight: bold;
}

main {
background: transparent!important;
border: none;
padding: 0;
font-size: 90%;
color: #c44800;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}


nav {
  background-image: url(https://i.ibb.co/2Y0jkgn/steampunk4.webp);
  background-position: left;
  background-repeat: no-repeat;
  border: 2px solid #c44800!important;
  border-radius: none!important;
  color: #c44800!important;
  font-family: 'Rye', cursive;
  font-weight: bold;
}

nav .top a, nav .logout-btn, nav .links a {
    color: #a68202!important;
    font-family: 'Rye', cursive;
    text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}

.logout-btn:hover{
    color: #ff0303!important;
}
nav .top a:hover{
    color: #ff0303!important;
}
nav .links a:hover{
    color: #ff0303!important;
}

.logo {

filter: invert(27%) sepia(87%) saturate(3290%) hue-rotate(22deg) brightness(94%) contrast(101%);!important;
}


  .profile .table-section{
    border:2px solid #c44800;

  }
  .profile .table-section .heading{

    border: none;
    text-align: center;

  }
  .profile .table-section .heading h4{
    color: #a68202;

  }

  .profile .friends .heading{
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #a68202;
    text-align: center;
  }

  .profile .friends .heading h4{
    text-align: center;
    color: #a68202;
  }

.general-about {
   border-radius: 8px;
   border: 2px solid #c44800;
   background: url(https://i.ibb.co/zbDkFxb/steampunk2.jpg);
   background-position: center;
   background-size: cover;
   padding: 5px;
}

 .profile-pic {
        border-radius: 8px;
        border: 2px solid #c44800;
        overflow: hidden;
}

.blog-preview h4, .blurbs .heading {
    border: none;
    border-radius: 8px;
    background: transparent!important;
    color: #a68202;
    text-align: center;
}

.blog-preview h4 a, .more{
  color: #c44800;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}
.blog-preview h4 a:hover {
  color: #ff0303!important;
}

h1, .blurbs .heading, .profile .blurbs .section h4 {
   color: #a68202!important;
}

.profile .blurbs .section :nth-child(2) {
        color: #c44800;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
     /* margin-top: -5px; */
	padding: 18px;

}

.profile .profile-info .inner h3 a {
	color: #a68202;
}
.profile .profile-info {
	background-image: url(https://i.ibb.co/LrLDygK/steampunk-clock-time-fantasy.jpg);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #c44800;
	text-align: center;
        text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;

}

//--The last line of code is the image of the robot, keep it if you like, if not, just delete it.--//
</style>

<img src="https://i.ibb.co/4Kbs4Zp/steampunkrobot.png"/>

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

kirup	1733766380 usand8 :3 Report Comment
mars 🦒⚙️	1733284831 using! y'all are doing gods work over here /j Report Comment
ᥴꫀᥴ꠸ 𓂃 ࣪˖ ִֶָ𐀔	1733068032 Using !!! Report Comment
Simon ⚡	1729360348 using!! Report Comment ️ by Leena; 1735084173; Report
Coolgirl94	1724269169 using ^^ Report Comment ️ by Leena; 1735083892; Report
SpinestheSpikey	1722087221 using!! Report Comment ️ by Leena; 1735083628; Report
〈・⚙️SCRAPPER !🛩️・〉	1718102587 might be using??! (you’ll see it on my profile if i did!!) Report Comment ️ by Leena; 1735082869; Report
RednBlue	1712230984 Using Report Comment ️ by Leena; 1735062515; Report
Hiroyuki	1708857737 USING OMG?! Report Comment ️ by Leena; 1735060656; Report
aquamaie	1706177292 using Report Comment ️ by Leena; 1735060065; Report
Voxxus Altari	1692439313 Will be using! Report Comment
Dianastenism	1692293723 I will use it ! Report Comment
Northern Ghost (Maru)	1674324945 steampunk is one of my favourite aesthetics! this looks so nice Report Comment Thanks ^_^ by Leena; 1674574867; Report
Next Year’s Looming Overlord Byron	1669232920 Been looking to refresh my page, so yesssssss Report Comment Always (^_^) by Leena; 1669243797; Report The dalek was a nice touch! by Next Year’s Looming Overlord Byron; 1669260304; Report
Southtown	1667156157 I'm trying to recall how I did this on the regular back when myspace was a thing. So I can re learn. But I love steampunk. So thanks for your work & creativity Report Comment Thank you, I'm glad you like it by Leena; 1667227197; Report It's great by Southtown; 1667272436; Report