« Web, HTML, Tech Forum

Angelic white layout!

Posted by Alex

posted
updated

Forum: Web, HTML, Tech

Just Copy and Paste!


<!-- (c) Edited/curated Layout. Note that some of the code is not mine! Original creators are linked -->






<!-- About me section  -->




<img src=""/>




<img src=""/>




<img src=""/>




<img src=""/>




<img src=""/>










<!-- (c) Original Layout created by J3TT J4YW4LK3R (https://layouts.spacehey.com/layout?id=103789) -->




<style>




.col, main, footer, nav::before, .online, nav .links, nav .top {


    animation: float 3s;


    animation-iteration-count: infinite;


    animation-timing-function: ease-in-out;


}




.col, main, footer, nav::before, .online, nav .links, nav .top {


animation: float 3s;


animation-iteration-count: infinite;


animation-timing-function: ease-in-out;


}


@keyframes float {


0% { transform: translate(0, 0px);


}


50% {


transform: translate(0, 8px);


}


100% {


transform: translate(0, -0px);


}


</style>




<!-- main Layout code -->




<style>


@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');


body{font-family: "potta one" ;}


</style> 




<style>


body {


    background: url("https://i.pinimg.com/736x/a7/a2/8e/a7a28e3838cc6453b2a2c59ffec01ae7.jpg");


}


.profile {


background-image:url(https://i.pinimg.com/736x/2d/2a/8e/2d2a8ebff6a01316517d55840457a07f.jpg);


  background-repeat: repeat;


    border-radius: 8px;


}




h1


{


color:


h1


{         color: white; 


//text-shadow: 1px 1px #ffffff;



};


text-shadow: 2px 2px 3px #ffffff, 0 0 25px #ffffff, 0 0 5px black;


}


h1, h2, h3, h4,h5,a, p, nav label, .section


{



main, top, links, nav .top, nav .links, details-table


{


    background:  !important;


background-image:   !important;


background-size: cover !important;


    padding: 0 !important;


    /*font-size: small;*/


    color: #ffffff;


{




.mood


text-transform:uppercase !important;


}




table, td


}


/* border: 1px solid var(--url-pink-bg)!important; */


border-spacing: 2px;


}




.profile .contact, .profile .url-info, .profile .table-section, .home-actions


{


    width: 100%;


    border: 2px solid var(--#FB9E00);


}


table, th, td




}


   border: 1px solid #ffffff;


   border-spacing: 2px;


}


.blog


}   


   border: 10px solid #ffffff;


}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions


}


   width: 100%;


   border: 4px outset #ffffff;


   margin 10px 2;


}




.online


{


  color: gold!important; 


  //text-shadow: 1px 1px white;


}




:root 


{


--logo-blue: ;


  --darker-blue: ;


--lighter-blue: #000000;


--even-lighter-blue: ;


--lightest-blue: ;


--dark-orange: ;


--light-orange: ;


--even-lighter-orange: ;


--turquoise: ;


        


        --table-header: white;


--table-color: white;


--link-text: white;


--main-text: white;




    }   


main 


{


  /* changes made to stuff outside of columns */


    background: black;


    padding: 0;


    font-size: small;


    color: #ffffff;


text color: white;


  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 


}


footer 


{


    background: white!important;


}


.comments-table{


display: block;


height: 500px;


overflow-y: scroll;


Border-radius: 8px; 


color: #ffffff;


  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 


}


.contact {


  border-radius: 8px;


  background-image: url(https://i.pinimg.com/originals/05/47/34/0547341449dd70da562a103ded018d7a.gif);


  background-position: right top;


  background-repeat: repeat;


background-attachment: scroll;


Width: 310px;


Height:180px;




color: #ffffff;


  text-shadow: 1px 1px 2px #000000, 0 0 25px #ffffff, 0 0 3px #ffffff; 


}


.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 


{


border: 1px curve none !important;


outline: none !important;


}


img


{


border-radius: 12px;


}




main {


background:  black;


border-radius: 14px;


padding: 0;


font-size: 85%;


color: #000000;


}




nav, footer, .profile .contact {


display: inherit !important;


opacity: 1 !important;


border-radius: 12px;


}


main {


background:  ;


border-radius: 12px;


border: 12px solid #000000;


padding: 0;


font-size: 90%;


color: #ffffff;


}


nav .top {


  background: transparent;


}




nav .links {


  background: rgba(0, 0, 0, 0.3);


}




nav { background-image: url(https://i.pinimg.com/originals/22/fc/89/22fc89ae276a9a6544c9a6201f41d63d.gif) 


}






/*customising interests box*/


  .profile .table-section{


    border:2px solid #000000;


    border-radius: 15px;


  }


  .profile .table-section .heading{


    background:#000000;


    border: 1px solid #000000;


    border-radius: 15px 15px 0px 0px;


    text-align: center;


  }


  .profile .table-section .heading h4{


    color: #ffffff;


    text-shadow: 1px 1px 2px black;


  }


  .profile .table-section .details-table td{


    background: rgba(0, 0, 0, 0);


    padding-right: 10%;


  }


 


  .profile .friends .heading{


    background: #ffffff;


    color: #ffffff;


    text-shadow: 1px 1px 2px black;


    text-align: center;


  }


  .profile .friends .heading h4{


    text-align: center;


    color: #ffffff;


    text-shadow: 1px 1px 2px black


  }


.general-about {


background-image: url(https://i.pinimg.com/736x/aa/36/e7/aa36e78cb7bfb4cc72c04f52a4fe89c4.jpg);


padding: 20px;


border-radius: 10px;


box-shadow: 4px 4px 0 #000000;


text-align: center;


animation: nineties2 2s ease 0s infinite normal none;


animation-delay: .46s;


}


.profile .blurbs .section :nth-child(2) {


background-image: url(https://i.pinimg.com/1200x/27/0b/1a/270b1ac2e2cf9c2d99862a148a2ee55c.jpg);


     /* margin-top: -5px; */


padding: 18px;


box-shadow: 4px 4px 0 #000;


}




.profile .profile-info .inner h3 {


filter: drop-shadow(3px 3px 0 #000000);


margin: 0!important;


color:#ffffff;


}


.profile .profile-info .inner h3 a {


color: #ffffff ;


}


.profile .profile-info {


background-image: url(https://i.pinimg.com/736x/3f/5f/49/3f5f49ba975ec5d16943703b542b4e6a.jpg);


padding: 20px;


border: none;


border-radius: 10px;


box-shadow: 4px 4px 0 #ffffff;


text-align: center;


animation: nineties2 2s ease 0s infinite normal none;


animation-delay: .15s;


border: none;


}




</style>




<style>* {cursor: url(https://www.cursors-4u.com/cursor/2009/10/14/thick-skeleton-skull.html), url(https://cur.cursors-4u.net/holidays/images4/hol335.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/05/04/mac-os-x-radioactive-busy.html" target="_blank" title="Mac OS X Radioactive Busy"><img src="https://cur.cursors-4u.net/cursor.png" alt="Mac OS X Radioactive Busy" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>




.online{




content: url("https://64.media.tumblr.com/d98dd17b27ee12f3f7bda3e7741fa757/1e1dfad25fc22e16-90/s100x200/1cc4ffbf7667e4cc4cba0bff074393322ec8ee15.gifv") !important;




}


</style>


Report Topic

0 Replies