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=Bigelow+Rules);
- @import url(https://fonts.googleapis.com/css?family=Asap);
- body{
- background-size: 100% 100%;
- background-color:#303579;
- background-position:center;
- background-repeat:no-repeat;
- background-attachment:fixed;
- background-image:url(http://www.iloe.fr/wp-content/uploads/2013/10/bg1.jpg);}
- a {
- color: #d6698ff;
- font-family:Asap;
- font-size: 12px;
- text-decoration: none;
- transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -webkit-transition: all 0.8s ease-in-out;}
- a:hover {
- color: #000000;
- font-family: Asap;
- font-size: 12px;
- text-decoration: none;
- transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -webkit-transition: all 0.6s ease-in-out;}
- ::-webkit-scrollbar-thumb:vertical
- {
- background-color:transparent;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- }
- ::-webkit-scrollbar
- {
- width:6px;
- height:20px;
- background-color:transparent;
- }
- b{font-family: Asap; Color: #25225F; Text-shadow: 0px 0px 2px #2D6994; font-size:13px;}
- i{font-family: Asap; Color: #1D1D60; font-size:13;}
- h3 {
- font-family: Bigelow Rules;
- color: #1D1D60;
- font-size:25px;
- letter-spacing:2px;
- margin-bottom:1px;
- margin-top:3px;
- text-align: center;
- width: 100%;}
- #mainpic {
- position:fixed;
- z-index: 0;
- width:35%;
- height: 100%;
- right: 0px;
- bottom: 0px;
- background: #;
- color: #6D6D6B;
- font-size:2vh;
- overflow:hidden;
- opacity:0;
- -webkit-animation: picturefade 1.5s 1;
- animation: picturefade 1s 1;
- animation-delay:1.5s;
- -webkit-animation-delay:1.5s;
- animation-fill-mode: forwards;
- -webkit-animation-fill-mode: forwards;}
- #mainpic img {
- width: 100%;}
- @keyframes picturefade{
- 0%{right:-20%;opacity:0;}
- 100%{right:0%;opacity:1;}
- }
- .pages {
- position: fixed;
- left: 450px;
- top: 90px;
- width: 350px;
- height: 350px;
- border-radius: 7px;
- border-top: 2px solid #1D1D60;
- border-bottom: 2px solid #1D1D60;
- border-left: 2px solid #1D1D60;
- border-right: 2px solid #1D1D60;
- background-color: #fff;
- box-shadow: 0.4vw 0.5vw 0.5vw #1D1D60;
- color: #ccc;
- padding: 10px;
- font-family: Asap;
- font-size: 13px;
- letter-spacing: 0px;
- word-spacing: 1px;
- line-height: 13px;
- text-align: left;
- opacity: 0;
- z-index: ;
- overflow: auto;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- }
- .pages:target {
- top: 28%;
- left: 13%;
- opacity: 1;
- font-family: Asap;
- z-index: 1;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- }
- a.tab:active, a.tab:link, a.tab:visited {
- background-color: #fff;
- border: #1D1D60 solid 2px;
- border-radius: 50%;
- display: inline-block;
- height: 25px;
- text-decoration: none;
- width: 25px;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -ms-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;
- box-shadow:inset 0 0 75px 75px #fff, 0 0 0 #fff;
- }
- a.tab:hover {
- background-color: #1D1D60;
- border: #fff 2px solid;
- box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;
- }
- #thetabs {
- background-color: transparent;
- border: none;
- height: 20px;
- left: 16.50%;
- position: fixed;
- text-align: left;
- letter-spacing: 45px;
- bottom: 2%;
- width: 375px;
- }
- #credit{ position: fixed;
- left: 10px;
- bottom: 0px;
- font-family: Arial;
- font-variant: normal;
- font-weight: normal;
- font-size: 100%;
- color: #fff;
- z-index:1;}
- </style>
- <div id="credit">
- Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
- </div>
- <div id="mainpic">
- <img src="http://i.picpar.com/QiYb.png">
- </div>
- <div id="thetabs">
- <a href="#01" class="tab"> </a>
- <a href="#02" class="tab"> </a>
- <a href="#03" class="tab"> </a>
- <a href="#04" class="tab"> </a>
- </div></div>
- <div id="01" class="pages">
- <h3>Title here<h3>
- <b>Bold</b><i>italic</i><a href="link.com" target="_blank">Link</a>
- </div>
- <div id="02" class="pages">
- </div>
- <div id="03" class="pages">
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement