Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url('https://fonts.googleapis.com/css?family=Forum|Marck+Script|Pirata+One|Josefin+Sans|Satisfy|Cookie|Bebas+Neue');
- @import url('https://fonts.googleapis.com/css?family=Montserrat|Orbitron|Oswald|Teko');
- @font-face { font-family:couture; src: url('https://dl.dropboxusercontent.com/s/d9zz0jc1khr7ogr/couture-bld.otf') ;}
- body {
- background-color: #000;
- background-image: url('https://www.transparenttextures.com/patterns/white-wall-3-2.png');
- background-position: center;
- background-repeat:repeat;
- }
- #tt {
- position:absolute;
- left: 500px;
- top: 50px;
- font-size:49px;
- z-index: 2;
- font-family:'couture';
- font-size:49px;
- text-transform:uppercase;
- text-align:justify;
- line-height:35px;
- padding-bottom:12px;
- margin-top:0px;
- -webkit-text-stroke: 1px #ccc;
- color:transparent;
- }
- #laura {
- position: fixed;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- }
- ::-webkit-scrollbar-track {
- background-color:;
- }
- ::-webkit-scrollbar-thumb {
- background-color:;
- }
- ::-webkit-scrollbar {
- width:0px;
- height:0px;
- }
- #container {
- position: absolute;
- left: 15%;
- top: 15%;
- width: 900px;
- height: 320px;
- border: 1px solid #4E4F49;
- background-color: #000;
- background-image: url('');
- box-shadow: 0px 0px 3px 3px #D5D6D8;
- }
- #centerimg {
- position: absolute;
- z-index: 2;
- left: 380px;
- top: -80px;
- background-image: url('https://64.media.tumblr.com/6934a1229fca98e499988af6620c0104/tumblr_oxmnunsxIB1wteacyo1_1280.png');
- border-radius: 50%;
- border: 6px solid #4E4F49;
- height: 140px;
- width: 140px;
- background-size: 100%;
- filter: grayscale(20%);
- background-repeat: no-repeat;
- background-position: center;
- }
- #borderimg {
- position: absolute;
- left: -96px;
- z-index: 1;
- bottom: 170px;
- width: 150px;
- height: 370px;
- background-image: url('https://i.imgur.com/triac8J.png');
- background-size: 100%;
- background-position: right;
- background-repeat: no-repeat;
- transform: rotate(-30deg);
- }
- #opposite {
- position: absolute;
- right: -56px;
- z-index: 1;
- bottom: -300px;
- width: 152px;
- height: 370px;
- background-image: url('https://i.imgur.com/triac8J.png');
- background-size: 100%;
- background-repeat: no-repeat;
- transform: rotate(-250deg);
- }
- #centerbox {
- position: absolute;
- z-index: ;
- top: 5px;
- left: 5px;
- height: 305px;
- width: 884px;
- background-image: url('https://i.imgur.com/TfBSvVn.gif');
- background-size: 60%;
- background-position: right;
- background-repeat: no-repeat;
- opacity: 0.5;
- border: double white;
- }
- #botbox {
- position: absolute;
- left: -1px;
- bottom: -120px;
- width: 901px;
- height: 100px;
- border: 1px solid #4E4F49;
- background-color: #000;
- background-image: url('');
- box-shadow: 0px 0px 3px 3px #D5D6D8;
- }
- #layerbox {
- position: absolute;
- z-index: ;
- bottom: -115px;
- left: 5px;
- height: 85px;
- width: 884px;
- background-image: url('https://i.imgur.com/IAMRLDK.png');
- background-size: 100%;
- background-repeat: no-repeat;
- background-position: right;
- opacity: 0.5;
- border: double white;
- }
- #imageleft {
- position: absolute;
- z-index: 1;
- left: 12px;
- bottom: -108.8px;
- height: 70px;
- width: 70px;
- border: 4px solid #000;
- background-image: url('https://64.media.tumblr.com/6934a1229fca98e499988af6620c0104/tumblr_oxmnunsxIB1wteacyo1_1280.png');
- background-size: 100%;
- background-repeat: no-repeat;
- box-shadow: 0px 0px 1px 1px white;
- }
- #imgright {
- position: absolute;
- z-index: 1;
- right: 12px;
- bottom: -108.8px;
- height: 70px;
- width: 70px;
- border: 4px solid #000;
- background-image: url('https://i.pinimg.com/originals/96/a3/e3/96a3e338558ed59782b13dfbd2c7175a.jpg');
- background-size: 100%;
- background-repeat: no-repeat;
- box-shadow: 0px 0px 1px 1px white;
- }
- .wolverine {
- overflow:hidden;
- position:absolute;
- bottom:0px;
- left: 0px;
- height:430px;
- width:282px;
- z-index: 1;
- filter: drop-shadow( 0px 0px 10px #ccc);
- background-image: url('https://i.imgur.com/fkMApSA.png');
- background-position:top center;
- background-attachment: absolute;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- #textbox {
- position: absolute;
- z-index: 3;
- left: 300px;
- top: 40px;
- height: 224px;
- width: 220px;
- border: 1px dotted #fff;
- background: #000;
- padding: 5px;
- overflow-y: auto;
- font-family: 'Forum';
- font-size: 11px;
- color: #fff;
- line-height: 15px;
- }
- #tab1 {
- position: absolute;
- z-index: 1;
- left: -25px;
- top: 24px;
- height: 60px;
- width: 12px;
- background: #000;
- border: 0.5px solid #000;
- box-shadow: 0px 0px 1px 1px #fff;
- }
- #tab1:hover {
- background: #222;
- }
- #tab2 {
- position: absolute;
- z-index: 1;
- left: -25px;
- top: 104px;
- height: 60px;
- width: 12px;
- background: #000;
- border: 0.5px solid #000;
- box-shadow: 0px 0px 1px 1px #fff;
- }
- #tab2:hover {
- background: #222;
- }
- #tab3 {
- position: absolute;
- z-index: 1;
- left: -25px;
- top: 184px;
- height: 60px;
- width: 12px;
- background: #000;
- border: 0.5px solid #000;
- box-shadow: 0px 0px 1px 1px #fff;
- }
- #tab3:hover {
- background: #222;
- }
- #tab4 {
- position: absolute;
- z-index: 1;
- left: -25px;
- top: 264px;
- height: 60px;
- width: 12px;
- background: #000;
- border: 0.5px solid #000;
- box-shadow: 0px 0px 1px 1px #fff;
- }
- #tab4:hover {
- background: #222;
- }
- </style>
- <div id= "tt">// laura kinney</div>
- <div id="laura" oncontextmenu="return false;">
- <div id="container">
- <div class="wolverine"></div>
- <div id="quotebox"></div>
- <div id="borderimg"></div>
- <div id="opposite"></div>
- <div id="centerbox"></div>
- <div id="botbox"></div>
- <div id="layerbox"></div>
- <div id="imageleft"></div>
- <div id="imgright"></div>
- <a href="#2"><div id="tab1"></div></a>
- <a href="#3"><div id="tab2"></div></a>
- <a href="#4"><div id="tab3"></div></a>
- <a href="#1"><div id="tab4"></div></a>
- <div id="textbox">
- <div style="height: 224px; overflow-y: hidden;">
- <a name="1"></a>
- <div style="height: 224px; overflow: auto;">
- <div style="margin: 0 auto; width: 20em;">
- Words, words, words, words, words, words, words, words.
- </div></div>
- <a name="2"></a>
- <div style="height: 224px; overflow: auto;">
- <div style="margin: 0 auto; width: 20em;">
- BOX 2.
- </div></div>
- <a name="3"></a>
- <div style="height: 224px; overflow: auto;">
- <div style="margin: 0 auto; width: 20em;">
- BOX 3.
- </div></div>
- <a name="4"></a>
- <div style="height: 224px; overflow: auto;">
- <div style="margin: 0 auto; width: 20em;">
- BOX 4.
- </div></div></div></div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement