Almighty King Douchebag's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Rude Lou Layout Code

Preview


<style>

.w-40 h1{

  display: block;

  height: 57px;

  background-image: url(https://i.ibb.co/ZY3ng94/rudeloudn.png);

  background-repeat: no-repeat;

  background-size: 247px;

  text-indent: -9999px;

}

</style>


<style>

TR {background-color:transparent;}

body {

    background-color:0377FC;

background-image:url("https://i.ibb.co/XW6MNmR/rudeloubg.png");

    background-attachment:fixed;

    background-position:center;

    background-repeat:repeat;

    border-color:;

    border-width:0px;

    border-style:hidden;

     }

</style>


<style>

/*ENTIRE CODE*/


body {

font-family: Verdana Font;

}

main:before {

width: 100%;

height: 229px;

display: block;

content: "";

    border-radius: 2px;

    margin-top: -6px;

background-image: url(https://i.ibb.co/MBvCwyb/rudeloubanner.png);

background-position: center center;

background-size: cover;

}</style>


<style>

*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

   font-family: Verdana !important; 

   font-size: 10px !important; 

   color: #7e3030 !important; 

   text-shadow: none !important; 

   letter-spacing: 1px;

}


.top, .links, .heading, footer, button {

   background-color: #d54444 !important;

}

h1 {

   font-family: courier !important; 

   font-size: 18px !important;

}

h4 {

   color: #f5ad00 !important;

}

.contact, .url-info, .table-section, .profile-info {

   border-color: #0377FC !important;

}

td {

   background-color:;

}

input, button:not(.logout-btn) {

   border: 1px groove #7ed9fc !important;

}

.pfp-fallback, .row.profile {

   border: 1px dotted #7ed9fc !important;

}

</style>


<style>body {cursor: url(https://i.ibb.co/ccDNQyR/cursor3.png), auto !important;}</style>


<style>

img.logo{

content: url("https://i.ibb.co/n8fXR7p/logorudelou.png");

width: 300px !important;

height: 76px !important;

</style>


<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.ibb.co/v1C6NYP/Animation13.gif');

background-size: cover;

background-repeat: no-repeat;

background-position: center;

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

pointer-events: none;}

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

</style>


<style>

.profile .blurbs .heading, .profile .friends .heading,

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

  background: #0377FC;

  color: white;

}

.profile .blurbs .heading, .profile .friends .heading a,

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading a{

  color: white;

}

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

  border: 2px solid #0377FC;

}

td {

   background-color: white !important;

</style>


<style>

.top, .links, .heading, footer, button {

   background-color: #0377FC !important;

</style>


4 Kudos

Comments

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