Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-------------------------------------------
- Theme by Clara
- http://mandrakescry.tumblr.com/
- DON'T REMOVE THE CREDITS
- -------------------------------------------->
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- </head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Expanded' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch' rel='stylesheet' type='text/css'>
- <style>
- #s-m-t-tooltip{
- max-width:250px;
- z-index:999999;
- margin-top:-20px;
- padding-left:2px;
- padding-right:2px;
- padding-bottom:2px;
- text-transform:uppercase;
- font-family: PF Arma Five;
- font-size:8px;
- box-shadow:2px 2px 5px rgba(0,0,0,.1);
- border:1px solid #363642;
- background:#1e1e1e;
- color:#fff;
- }
- body {
- background: #fff;
- font: 11px Verdana;
- color: #000;
- }
- ::-webkit-scrollbar-thumb:vertical {
- height:12px;
- border:2px solid #fff;
- background-color:#fff;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#fff;
- }
- ::-webkit-scrollbar {
- width:11px;
- height:7px;
- border:5px solid #fff;
- }
- @font-face {src: url('http://static.tumblr.com/08l8cbl/UsQmgu9kz/pf_arma_five.ttf'); font-family: PF Arma Five;}
- .border {
- width: 180%;
- height:40px;
- background-color: #000;
- margin-left: -10px;
- margin-top:-40px;
- position: fixed;
- z-index:-10;
- }
- #colour-bar {
- width:105%;
- height:5px;
- overflow:hidden;
- margin-top:40px;
- margin-left:-10px;
- }
- .colour-part {
- width:20%;
- height:100%;
- float:left;
- }
- #container {
- margin-top:20px;
- overflow:scroll;
- margin-left:-250px;
- width:520px;
- height:600px;
- left:50%;
- position:fixed;
- text-align:center;
- }
- .padfoot{
- float: left;
- display: inline-block;
- width: 200px;
- height: 85px;
- font-family:verdana;
- font-size:9px;
- color: #595786;
- padding-left:5px;
- padding-right:5px;
- padding-bottom:15px;
- padding-top:30px;
- margin-left:40px;
- }
- #poster {
- width:90px;
- height:90px;
- margin-top:30px;
- margin-left:-10px;
- position:absolute;
- }
- #poster img {
- width:90px;
- height:90px;
- margin-top:-50px;
- border:5px outset #404040 ;
- padding:3px;
- border-radius: 200px 200px 200px 200px;
- -moz-border-radius: 200px 200px 200px 200px;
- -webkit-border-radius: 200px 200px 200px 200px;
- }
- #admin {
- font-size:20px;
- color:#888888 ;
- font-family: 'Shadows Into Light', cursive;
- letter-spacing: 1px;
- text-align: left;
- padding: 2 3 2 3;
- width: 100px;
- height:200px;
- position:absolute;
- margin-top: -15px;
- margin-left:110px;
- text-transform: justify;
- }
- #url {
- width:100px;
- font-size: 11px;
- font-family:Arriere Garde;
- font-style: italic;
- letter-spacing: 2px;
- text-transform: justify;
- line-height: 20px;
- margin-left:92px;
- margin-top:5px;
- color:#000;
- border-bottom:4px solid #404040 ;
- padding-left:20px;
- }
- #info {
- overflow: auto;
- color:#000;
- width:95px;
- height:35px;
- padding:5px;
- position:absolute;
- margin-top:53px;
- text-decoration:none;
- line-height:11px;
- font-size:9px;
- letter-spacing:0px;
- text-transform:none;
- text-align:center;
- font-style:none;
- margin-top:0px;
- margin-left:95px;
- font-family:verdana;
- }
- #info a {
- color:#000;
- text-transform:uppercase;
- letter-spacing:1px;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #info a:hover {
- color:#ccc;
- text-transform:uppercase;
- letter-spacing:2px;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- /* Links */
- a:link {
- text-decoration: none;
- color: #9a9a9a;
- }
- #menu{
- left:50%;
- margin-left:-90px;
- margin-top:-55px;
- speak:normal;
- width:65px;
- height:80px;
- padding:15px;
- position:fixed;
- }
- .stitle {
- display: inline-block;
- padding: 3px;
- text-align: center;
- color: #fff;
- margin:1px;
- margin-left:6px;
- font-family: 'Crete Round', serif;
- letter-spacing:2px;
- font-size:10px;
- border-radius: 3px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- #links {
- width:160px;
- text-align:center;
- font-size:8px;
- font-family: 'Crete Round', serif;
- z-index:10000000000;
- }
- #links a {
- color:#ccc;
- text-transform:uppercase;
- letter-spacing:2px;
- }
- #links a:hover {
- color:#fff;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #credit{
- width:20px;
- position:fixed;
- bottom:10px;
- right:10px;
- opacity:1;
- z-index:1;
- }
- #credit:hover{
- opacity:0.3;
- }
- </style>
- <body>
- <div id="colour-bar">
- <div class="border"></div>
- <div class="colour-part" style="background-color:#F0078D;"></div>
- <div class="colour-part" style="background-color:#FA8B1A;"></div>
- <div class="colour-part" style="background-color:#FFD602;"></div>
- <div class="colour-part" style="background-color:#8CC73A;"></div>
- <div class="colour-part" style="background-color:#0087FE;"></div>
- </div>
- <div id="menu">
- <div class="stitle">NETWORK
- <div id="links">
- <a href="/">home</a>
- <a href="/ask">mssg</a>
- <a href="/">link</a>
- </div>
- <div id="container">
- <!-- Start Member -->
- <div class="padfoot">
- <div id="poster">
- <a href="/"><img src="https://24.media.tumblr.com/cec9d1da5bb5a38a6a7fe2e515384e9c/tumblr_n562u5E6fo1ro9srso2_100.jpg"></div><!-- Change picture here. -->
- <div id="admin"> Clara </div>
- <div id="url">mandrakescry</div></a>
- <div id="info"> Thememaker and photoshop editor.<br>
- <b><a href="themes-mandrakescry.tumblr.com">theme blog</a></b>
- </div>
- </div>
- <!-- End Member -->
- <!-- Start Member -->
- <div class="padfoot">
- <div id="poster">
- <a href="/"><img src="https://31.media.tumblr.com/536cd62d2c1a3df0bd8ff35c34db85d4/tumblr_n562u5E6fo1ro9srso1_100.jpg" /></div><!-- Change picture here. -->
- <div id="admin"> Nome </div>
- <div id="url">url</div></a>
- <div id="info"> Short description<br>
- <b><a href="/">link</a></b>
- </div>
- </div>
- <!-- End Member -->
- <!-- Start Member -->
- <div class="padfoot">
- <div id="poster">
- <a href="/"><img src="https://31.media.tumblr.com/4f8162496b3a38618924d8ecb98c9163/tumblr_n562u5E6fo1ro9srso3_100.jpg" /></div><!-- Change picture here. -->
- <div id="admin"> Nome </div>
- <div id="url">url</div></a>
- <div id="info"> Short description<br>
- <b><a href="/">link</a></b>
- </div>
- </div>
- <!-- End Member -->
- <!-- Start Member -->
- <div class="padfoot">
- <div id="poster">
- <a href="/"><img src="https://31.media.tumblr.com/c83669f126d583aa2393308f01c54db2/tumblr_n562u5E6fo1ro9srso4_100.jpg" /></div><!-- Change picture here. -->
- <div id="admin"> Nome </div>
- <div id="url">url</div></a>
- <div id="info"> Short description<br>
- <b><a href="/">link</a></b>
- </div>
- </div>
- <!-- End Member -->
- <!-- Start Member -->
- <div class="padfoot">
- <div id="poster">
- <a href="/"><img src="https://31.media.tumblr.com/5d6d52c6e713132e073b65d08845de26/tumblr_n562u5E6fo1ro9srso5_100.jpg" /></div><!-- Change picture here. -->
- <div id="admin"> Nome </div>
- <div id="url">url</div></a>
- <div id="info"> Short description<br>
- <b><a href="/">link</a></b>
- </div>
- </div>
- <!-- End Member -->
- <!-- Start Member -->
- <div class="padfoot">
- <div id="poster">
- <a href="/"><img src="https://31.media.tumblr.com/2e794e4191290690ccf8292032941c2e/tumblr_n562u5E6fo1ro9srso6_100.jpg" /></div><!-- Change picture here. -->
- <div id="admin"> Nome </div>
- <div id="url">url</div></a>
- <div id="info"> Short description<br>
- <b><a href="/">link</a></b>
- </div>
- </div>
- <!-- End Member -->
- </div>
- <a href="http://mandrakescry.tumblr.com/" title="theme by mandrakescry"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit"></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement