Mlekar's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Fallout New Vegas Layout

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


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


<!-- Led Zeppelin- No Quarter -->


<iframe width="0" height="0" src="https://www.youtube.com/embed/TSM0jj-hZtw??feature=shared//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">


</iframe>



<!-- About me section  -->


<img src="https://i.pinimg.com/564x/b7/ba/6b/b7ba6bff592bbfdfa641c2e2a38a5d9c.jpg"/>


<img src="https://64.media.tumblr.com/bd1c7c76589cf4b1154e9c24775f3e97/08b6024acb610772-33/s640x960/1a7930624edd31ac4fb4f49785558d2e8935b2a4.gifv"/>


you can put your about me here!



<!-- this is the terminal texture -->


<style>

    body::before {

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);

z-index: 2;

background-size: 100% 2px, 3px 100%;

pointer-events: none;

}

html:after {

  background-image: url(http://i.imgur.com/rcaf5Tj.png);

  content: "";

  height: 300%;

  left: -50%;

  opacity:.5;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}



<!-- (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://64.media.tumblr.com/149bcb3cfd3e39bbc475da0bfb8584c8/dc7c50e84b1ee508-9e/s400x600/92eebc0f676a32bf1eed72b55429bb501a3ec75b.gifv");

}

.profile {

background-image:url(https://i.pinimg.com/564x/ef/2f/7b/ef2f7be4b75d72a7cbed2b35d0ac9224.jpg);

  background-repeat: repeat;

    border-radius: 8px;

}


h1

{

color:

h1

{         color: white; 

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

};

text-shadow: 2px 2px 3px #FB9E00, 0 0 25px #FB9E00, 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: #FB9E00;

{


.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 #FB9E00;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #FB9E00;

}

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

}

   width: 100%;

   border: 4px outset #FB9E00;

   margin 10px 2;

}


.online

{

  color: gold!important; 

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

}


:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: #D33115;

--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: #FB9E00;

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: #FB9E00;

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

}

.contact {

  border-radius: 8px;

  background-image: url(https://64.media.tumblr.com/b668865e8a8750b42c45ee38d583009a/7f88972aa7e82748-df/s400x600/0acd205457a77249714108625ddad25d2495c9e6.gifv);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;


color: #FB9E00;

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

}

.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 #563600;

padding: 0;

font-size: 90%;

color: #FE9200;

}

nav .top {

  background: transparent;

}


nav .links {

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

}


nav { background-image: url(https://64.media.tumblr.com/cf8c88ff15fff87f2630a24f64d38a06/110bab7d55605c0b-20/s250x400/77c31587e0843aa9dab3670d895f00405c91d7fc.gifv) 

}



/*customising interests box*/

  .profile .table-section{

    border:2px solid #FB9E00;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #FB9E00;

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

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #FE9200;

    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: #FE9200;

    color: #FE9200;

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

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #FE9200;

    text-shadow: 1px 1px 2px black

  }

.general-about {

background-image: url(https://i.pinimg.com/originals/32/37/bf/3237bf1e172a6089e0c437ffd3b28010.gif);

padding: 20px;

border-radius: 10px;

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

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/564x/6c/53/e5/6c53e51b47b29ffcbc4c380f67957333.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:#FE9200;

}

.profile .profile-info .inner h3 a {

color: #FE9200 ;

}

.profile .profile-info {

background-image: url(https://i.pinimg.com/564x/ef/2f/7b/ef2f7be4b75d72a7cbed2b35d0ac9224.jpg);

padding: 20px;

border: none;

border-radius: 10px;

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

text-align: center;

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

animation-delay: .15s;

border: none;

}


</style>


<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-4/cur337.ani), url(https://cur.cursors-4u.net/cursors/cur-4/cur337.png), 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/5f8558a455d56372f6b5208565681be5/d81aeaff7282566d-ed/s250x400/92cd8eb606d5080ab7e34529f04c821aad572a44.gifv") !important;


}

</style>


<!-- P -->


<!-- (c) Original Layout created by Ruwsiann (https://layouts.spacehey.com/layout?id=100169) Edited -->


<style>

.general-about{

  position: relative;

  margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://cdn.discordapp.com/attachments/1036450409918771242/1236079917368737863/Vault_Boy-519349912.png?ex=6636b4a1&is=66356321&hm=df0316caee9b291031001eb616c3fefac56bc00d3be17e87751f552180d53f52&') no-repeat;

  background-size: 50px;

  display: block;

  width: 200px;

  height: 100px;

  z-index: 999;

  position: absolute;

  top: -70px;

  left: 120px;

}


<!-- Bottom Vault Boy Gif -->


</style>


<div style="float: right; max-height: 250px; position: fixed; right: 1px; bottom: 0px; z-index: 360;">

    <img src="https://c.tenor.com/A4TI_PB1xboAAAAj/taunt-vault-boy.gif" height="250"/>

</div>

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/0XgxQixXdOaqMzOhMjysuT?utm_source=generator&theme=0" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>


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


<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://tenor.com/view/fallout-new-vegas-please-stand-by-video-game-gif-17420566');

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>


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


<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://tenor.com/view/fallout-new-vegas-please-stand-by-video-game-gif-17420566');

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>


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


<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExZXMwOHdkamU2NGc0ZHRvcXJsM2dpOWo0MXV2YW9oZnBoeWc5azlnNCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/VyPgFPD2QcQKI/giphy.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>




2 Kudos

Comments

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

Alex S.

Alex S.'s profile picture

awesome stuff


Report Comment