Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:Background" content="#fff">
- <meta name="color:Links" content="#fcf">
- <meta name="color:LinkHover" content="#CF0">
- <meta name="color:Header" content="#f99">
- <meta name="image:Background" content="">
- <meta name="image:Text" content="http://static.tumblr.com/blpgwiz/F1hmjkpkz/pink-glitter.gif">
- <meta name="image:Member1" content="">
- <meta name="image:Member2" content="">
- <meta name="image:Member3" content="">
- <meta name="image:Member4" content="">
- <meta name="image:Member5" content="">
- <meta name="image:Member6" content="">
- <meta name="image:Member7" content="">
- <meta name="image:Member8" content="">
- <meta name="image:Member9" content="">
- <meta name="image:member10" content="">
- <meta name="image:member11" content="">
- <meta name="image:member12" content="">
- <meta name="image:member13" content="">
- <meta name="image:member14" content="">
- <meta name="image:member15" content="">
- <meta name="text:CreatorName" content="Creator Name">
- <meta name="text:CreatorUrl" content="http://fyeahcodes.com/">
- <meta name="text:Member1" content="Type url here">
- <meta name="text:Member2" content="Type url here">
- <meta name="text:Member3" content="Type url here">
- <meta name="text:Member4" content="Type url here">
- <meta name="text:Member5" content="Type url here">
- <meta name="text:Member6" content="Type url here">
- <meta name="text:Member7" content="Type url here">
- <meta name="text:Member8" content="Type url here">
- <meta name="text:Member9" content="Type url here">
- <meta name="text:member10" content="Type url here">
- <meta name="text:member11" content="Type url here">
- <meta name="text:member12" content="Type url here">
- <meta name="text:member13" content="Type url here">
- <meta name="text:member14" content="Type url here">
- <meta name="text:member15" content="Type url here">
- <title>{title}</title>
- <link rel="stylesheet" href="http://static.tumblr.com/blpgwiz/a1Im9k06q/adtr.css" type="text/css" />
- <style type="text/css">
- a {
- color: {color:Links};
- -webkit-transition: 0.8s ease-in-out;
- }
- a:hover{
- color: {color:LinkHover} ;
- -webkit-transition: 0.8s ease-in-out;
- }
- ::-webkit-scrollbar {
- width: 10px;
- background-color:{color:Background};
- }
- ::-webkit-scrollbar-track {
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
- border-radius: 10px;
- background-color:{color:Background};
- }
- ::-webkit-scrollbar-thumb {
- border-radius: 10px;
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
- background-color: {color:Header};
- }
- ::-webkit-scrollbar-corner {
- background: #transparent;
- }
- .fred{
- font-size: 60px;
- margin-top: 10;
- margin-left: 20%;
- background: url('{image:Text}')150%;
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: black;
- -webkit-text-fill-color: transparent;
- -webkit-background-clip: text;
- position: fixed;
- font-family: 'Hollywood';
- text-align: center;
- }
- .fred2{
- font-size: 60px;
- background: url('{image:Text}')150%;
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: black;
- -webkit-text-fill-color: transparent;
- -webkit-background-clip: text;
- font-family: 'Hollywood';
- text-align: center;
- }
- body{
- background: {color:Background} url('{image:Background}');
- }
- @font-face {
- font-family: 'Hollywood';
- src: url('http://static.tumblr.com/blpgwiz/tn2mjkphz/blackout-midnight-webfont.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;
- }
- .angel{
- font-size: 20px;
- font-family: 'Hollywood';
- text-align: center;
- margin-top: 65px;
- }
- .blackmarket{
- height: 100px;
- overflow: auto;
- width: 60%;
- margin-top: 0px;
- text-align: center;
- position: absolute;
- left: 23%;
- }
- .kiss{
- position: fixed;
- bottom: 0px;
- left: 0px;
- font-size: 20px;
- font-family: 'Hollywood';
- padding: 5px;
- background: {color:Header};
- }
- td{
- color: #000;
- }
- .container{
- margin-top: 200px;
- margin-left: 20%;
- width: 70%;
- position: absolute;
- }
- .des{
- margin-top: -200px;
- }
- .amp{
- width: 230px;
- position: absolute;
- top: 80px;
- background: {color:Background};
- opacity: 0.7;
- text-align: center;
- font-size: 30px;
- z-index: 9999999;
- left: 0px;
- }
- .brooke{
- width:200px;
- height: 200px;
- z-index:9999;
- border: 10px solid #000;
- padding: 5px;
- margin-left:0px;
- background-color: {color:Background};
- transition: all 0.8s ease-out;
- -o-transition-transition: all 0.8s ease-out;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- text-align: center;
- }
- .brooke:hover .felix{
- -webkit-transform: perspective(800) rotateY(-180deg);
- -webkit-transform-origin: 0% 0%;
- -moz-transform: perspective(800) rotateY(-180deg);
- -moz-transform-origin: 0% 0%;
- transition: all 1s ease-out;
- -o-transition-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- box-shadow: 10px 10px 5px #888888 !important;
- -webkit-box-shadow: 10px 10px 5px #888888;
- }
- .container td{
- padding: 0px !important;
- margin: 0px !important;
- }
- .felix{
- transform: perspective(800) rotateY(0deg);
- -o-transform: perspective(800) rotateY(0deg);
- -webkit-transform: perspective(800) rotateY(0deg);
- transform-origin: 0% 0%;
- -webkit-transform-origin: 0% 0%;
- -o-transform-origin: 0% 0%;
- width:200px;
- height: 200px;
- z-index: 999999;
- padding: 5px;
- margin-left:-15px;
- margin-top: -15px;
- background-size: 100% 100%;
- transition: all 0.8s ease-out;
- -o-transition-transition: all 0.8s ease-out;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- }
- .felix img{
- width: 230px;
- height: 230px;
- margin-left: -5px;
- margin-top: -5px;
- }
- .layla{
- top: 0px;
- position: fixed;
- width: 100%;
- height: 200px;
- background: #f99;
- left: 0px;
- z-index: 9999;
- }
- </style>
- </head>
- <body>
- <div class="layla"><div class="fred">{title}</div>
- <div class="angel">Creator <a href="{text:CreatorUrl}">{text:CreatorName}</a></div>
- <div class="blackmarket">{description}</div>
- </div>
- <div class="container">
- <table width="800px" border="0" cellspacing="10" >
- <tr>
- <td>
- <div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member1}" /></div>
- <div class="des"><br><a href="{text:Member1}"><div class="fred2">Go To Blog</a></div></div>
- </div>
- </td>
- <td>
- <div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member2}" /></div>
- <div class="des"><br><a href="{text:Member2}"><div class="fred2">Go To Blog</a></div></div>
- </div>
- </td>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member3}" /></div>
- <div class="des"><br><a href="{text:Member3}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- </tr>
- <tr>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member4}" /></div>
- <div class="des"><br><a href="{text:Member4}"><div class="fred2">Go To Blog</a></div></div>
- </div>
- </td><td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member5}" /></div>
- <div class="des"><br><a href="{text:Member5}"><div class="fred2">Go To Blog</a></div></div>
- </div></td><td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member6}" /></div>
- <div class="des"><br><a href="{text:Member6}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- </tr>
- <tr>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member7}" /></div>
- <div class="des"><br><a href="{text:Member7}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member8}" /></div>
- <div class="des"><br><a href="{text:Member8}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- <td>
- <div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member9}" /></div>
- <div class="des"><br><a href="{text:Member9}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- </tr>
- <tr>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member10}" /></div>
- <div class="des"><br><a href="{text:Member10}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member11}" /></div>
- <div class="des"><br><a href="{text:Member11}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member12}" /></div>
- <div class="des"><br><a href="{text:Member12}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- </tr>
- <tr>
- <td><div class="brooke">
- <div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member13}" /></div>
- <div class="des"><br><a href="{text:Member13}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member14}" /></div>
- <div class="des"><br><a href="{text:Member14}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- <td><div class="brooke">
- <div class="felix"><div class="amp">Member</div><img src="{image:Member15}" /></div>
- <div class="des"><br><a href="{text:Member15}"><div class="fred2">Go To Blog</a></div></div>
- </div></td>
- </tr>
- </table>
- </div>
- <div class="kiss"><a href="http://fyeahcodes.com/">Credit</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement