☣ Lab Specimen's profile picture

Published by

published
updated

Category: Web, HTML, Tech

FRUTIGER AERO BLUE/BLACK LAYOUT

I have returned!!! And made a new layout!!! 

Preview:

CODE:


<style>

  font-size: 150%;

}

h1,h2,h3,h4,h5{

  font-size: 200%; 

}

  body {

   background-image: url(https://i.pinimg.com/736x/2d/89/d7/2d89d74e7983e54f00878ceaa831f38a.jpg)

background-size: cover;

        background-attachment: fixed;

}

.profile {

   background-color: rgb(no need); 

}

/* change all headings on page to different colors. */

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb(no need);

   color: ;

}

/* change all headings on page to different colors. */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: ;

   color: rgb(no need);

}


main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px solid black;

    height: 120px;

    display: block;

    content: "";

    background-image: url(https://i.pinimg.com/736x/5f/72/e9/5f72e92fba37bc16a6ec03dda0ac6c8d.jpg);

    background-position: center center;

    background-size: cover;

}


footer {

    border-radius: 15px;

    background-image: url(https://i.pinimg.com/1200x/07/5e/43/075e4364ab0641141417f25a648ffa58.jpg);

    color: ;

}


table.comments-table td {

    color: rgb();

}


:root {

    --logo-blue: #0d3440;

    --darker-blue: #242424;

    --lighter-blue: #000000;

    --even-lighter-blue: url(https://i.pinimg.com/736x/68/61/94/686194c381b191a2e9dd667441d825c2.jpg);

    --lightest-blue: url(https://i.pinimg.com/1200x/33/e1/3c/33e13c7ee745df203cb27b374cfcf9b3.jpg);

    --dark-orange: #188594;

    --light-orange: #16383b;

    --even-lighter-orange: #000000;

    --green: pink;

}


main{

background-color: pink !important;

background-image: url('https://i.pinimg.com/1200x/84/99/c5/8499c5d13cb8673cffbd114c52466084.jpg') !important;

background-size: cover;

        background-attachment: fixed; !important;

background-repeat: repeat !important;

background-position: top left !important;

}


.top{

background-color: #1f1f1f !important;

background-image: url('picture url') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

.logo{content: url();width: 165px !important;height: 42px !important;}

.top input{

background-color: #cccccc !important;

background-image: url('picture url') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}


.links{

background-color: #404040 !important;

background-image: url('picture url') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}


 </style>


<style>h1{color: #384245 !important;}</style>

<style>h1{font-size: 50px !important;}</style>

<style>h1{font-family: arial !important;}</style>


<style>

h1{

border: 10px #e332c8 !important;

}


body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url();

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 0s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

.profile-info {

    border: 2px solid #2e2d2c;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 15px 5px;

    margin-bottom: 10px;

    background: url(https://i.pinimg.com/736x/6e/78/2f/6e782f3f9fa65705901eb3e48b756ce2.jpg);

}


</style>


<style>


body {

        background-image: url(https://i.pinimg.com/736x/d3/01/ea/d301ea916d3827ca2924860983da4cdf.jpg);

        background-size: cover;

        background-attachment: fixed;

    }


  }

.profile {

    background: ; 

  }

.profile {

    background-color: ;

    color: #000000; 

    

}



h3 , h4, h5, .url-info b {

    color: #00f2ff

}



a {

     color: #a6a6a6

}



p, h2 {

     color: #787878

}


h1, .count, .friends a p {

     color: #00e2ff

</style>


<style>

.contact {

  border-radius: 8px;

  background-image: url(https://i.pinimg.com/736x/97/d0/2f/97d02f8fa09dc579f7f1ecbac94f4381.jpg);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

}

.online{content:url(https://adriansblinkiecollection.neocities.org/z11.gif)}



/*CONTACT ICONS*/

.contact .inner a img {

font-size: 0}


.contact .inner a img:before {

font-size: 1em;

display: block}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* ADD TO FRIENDS */

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* ADD TO FAVOURITE */

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}


.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/*SEND A MESSAGE */

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}


.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/*FORWARD TO FRIEND*/

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}


.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/*INSTANT MESSAGE*/

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}


.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/*BLOCK USER*/

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}


.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/*ADD 2 GROUP*/

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}


.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/*REPORT*/

content: url(https://graphic.neocities.org/tumblr_inline_oc4ibrz4Jr1u9lj17_75sq.gif)}



</style>



OKAY It should work but tell me if anything breaks THANKS


2 Kudos

Comments

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