Katie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Soft Red Layout



If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me) 

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me


<style>

 

table, th, td {
       border-radius: 5%;
       }

.details-table {
       border-radius: 5%;
       }
</style>

<style>
.contact {
       border-radius: 3%;
       }
</style>

<style>

table, th, td {
  border: 1px solid darkred;

}

</style>

 <style>

:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: coral55;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: coral;
    }


body {
  font: normal small-caps normal 16px/1.4 Georgia;
}

/* is the same as:

body {
  font-family: Georgia;
  line-height: 1.4;
  font-weight: normal;
  font-stretch: normal;
  font-variant: small-caps;
  font-size: 16px;
}

</style>

<style>


h1, h2, h3, h4,h5,a, p, nav label, .section {color: red ;}

h1 {
  color: pink ;
  text-shadow: 1px 1px 2px black, 0 0 25px darkred, 0 0 5px darkred;
}

Main
        {background: url("https://papers.co/wallpaper/papers.co-vq14-polygon-art-orange-red-abstract-pattern-34-iphone6-plus-wallpaper.jpg")
        no-repeat fixed; background-size: cover;
     }
Nav {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/736x/d1/61/41/d1614109ad7555d11cd45ab980a91c2a.jpg');
 background-position: center center;
 background-size: cover;
}
@media only screen and (max-width: 600px) {
 main:before{
  height: 200px;
 }
}

</style>


1 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

Jackie Skillet

Jackie Skillet's profile picture

Used this as a template and modified it a little for my own profile because I don't know anything about CSS. Hope that's alright! Thanks for taking the time to do this. :)


Report Comment



Yes it's alright

by Katie; ; Report

Nini D.

Nini D.'s profile picture

It goes perfect with my name (: great work.


Report Comment



Thank you

by Katie; ; Report