Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <!----------TOOLTIPS SCRIPT---------->
- <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- });
- });
- })(jQuery);
- </script>
- <!------FONTS------>
- <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans|Montserrat" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
- <style type="text/css">
- @font-face { font-family: "gb"; src: url('https://dl.dropboxusercontent.com/s/c5116qfk3l611bw/Gloss_And_Bloom.ttf') ;}
- /*------tooltips-----*/
- #s-m-t-tooltip {
- max-width:300px;
- margin:15px;
- padding:5px;
- background:#bf927d;
- color:#fff;
- z-index:999999999999999999999999;
- font-size:8px;
- font-style:none;
- letter-spacing:4px;
- font-family:'montserrat';
- text-transform:lowercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.0);
- border-radius:5px;
- }
- /*------scrollbar-----*/
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:transparent;
- border-radius:20px;
- }
- ::-webkit-scrollbar {
- height:7px;
- width:3px;
- background-color: transparent;
- border-radius:50px;
- }
- /*------basics-----*/
- /*---- to change the two accent colors, search for #bf927d (the pink) and #c6b6a2 (the brown)----*/
- body {
- background: #dbcfbc url('') repeat right top fixed; /*----change your background color and image here----*/
- background-size:cover;
- color:#666666; /*---- change the text color here ----*/
- font-family:'IBM plex sans';
- line-height:15px;
- font-size:11px;
- margin:0;
- text-align:left;
- }
- a {
- color:#000;
- text-decoration:none;
- }
- a:hover {
- text-decoration:none;
- color:#ccc;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- b, strong {
- color:#bf927d;
- }
- i, em {
- color:#c6b6a2;
- }
- #content {
- width:100%;
- }
- #container {
- left:50%;
- margin-left:-350px;
- width:700px;
- top:50%;
- margin-top:-230px;
- height:460px;
- max-height:460px;
- overflow-y:scroll;
- background:rgb(255,255,255, 0.4);
- position:fixed;
- padding-left:15px;
- border-radius:5px;
- }
- .muse {
- width:180px;
- height:180px;
- border-radius:10px;
- display:inline-block;
- margin:25px;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- background:rgb(255,255,255, 0.4);
- }
- .museimg img {
- border-radius:10px;
- width:60px;
- margin-left:10px;
- margin-top:10px;
- }
- .museimg img:hover {
- -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
- filter: grayscale(100%);
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- -ms-transition:all 1s;
- -o-transition:all 1s;
- transition:all 1s;
- box-shadow:1px 1px 5px #666;
- }
- .links {
- display:inline-block;
- margin-left:10px;
- }
- .links a {
- padding:5px;
- display:inline-block;
- color:#fff;
- background-image: linear-gradient(to right, #bf927d, #c6b6a2);
- margin-right:2px;
- padding:8px;
- width:13px;
- height:13px;
- font-size:13px;
- text-transform:uppercase;
- font-weight:normal;
- border-radius:10px;
- }
- .links a:hover {
- text-shadow: 2px 2px 8px #bf927d;
- }
- .description {
- background:rgb(255,255,255, 0.5);
- width:80px;
- height:80px;
- border-radius:10px;
- overflow-y:scroll;
- float:right;
- padding:5px;
- font-size:9px;
- margin-right:10px;
- margin-top:-65px;
- text-align:justify;
- }
- #header {
- width:1000px;
- position:fixed;
- top:50%;
- margin-top:-258px;
- left:50%;
- margin-left:-330px;
- }
- h1 {
- font-family:'montserrat';
- font-size:24px;
- background:-webkit-linear-gradient(20deg, #bf927d, #c6b6a2);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- line-height:100%;
- text-transform:uppercase;
- text-align:right;
- margin-right:10px;
- }
- .navlinks {
- width:100%;
- -moz-transition-duration:0.25s;
- -webkit-transition-duration:0.25s;
- -o-transition-duration:0.25s;
- transition-duration:0.25s;
- position:relative;
- }
- .navlinks a {
- display:inline-block;
- background-image: linear-gradient(to right, #bf927d, #c6b6a2);
- font-size:10px;
- border-radius:5px 5px 0px 0px;
- color:#fff;
- padding:7px;
- width:50px;
- height:15px;
- margin-right:15px;
- text-align:center;
- -moz-transition-duration:0.25s;
- -webkit-transition-duration:0.25s;
- -o-transition-duration:0.25s;
- transition-duration:0.25s;
- top:0px;
- position:relative;
- }
- .navlinks a:hover {
- height:20px;
- top:-5px;
- }
- .credit {
- font-size:15px;
- position:fixed;
- font-weight:normal;
- bottom:10px;
- right:15px;
- z-index:10;
- text-align:right;
- }
- .credit a {
- background-color:#bf927d;
- color:#fff;
- padding-top:6px;
- padding-bottom:3px;
- padding-right:7px;
- padding-left:6px;
- border-radius:5px;
- }
- .credit a:hover {
- background-color:#fff;
- color:#bf927d;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- </style>
- </head>
- <body>
- <div id="content">
- <div id="header"><div class="navlinks"><a href="/">home</a> <a href="/ask">message</a> <a href="/">link</a> <a href="/">link</a> </div></div>
- <div id="container">
- <!----BEGIN MUSES---->
- <!----muse 1---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 1---->
- <!----muse 2---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 2---->
- <!----muse 3---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 3---->
- <!----muse 4---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 4---->
- <!----muse 5---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 5---->
- <!----muse 6---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 6---->
- <!----muse 7--->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 7---->
- <!----muse 8---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 8---->
- <!----muse 9---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 9---->
- <!----muse 10---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 10---->
- <!----muse 11---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 11---->
- <!----muse 12---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 12---->
- <!----muse 13---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 13---->
- <!----muse 14---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 14---->
- <!----muse 14---->
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- <!---end muse 15---->
- <!----to add another muse, copy the code below:
- <div class="muse">
- <div class="museimg">
- <a title="muse name" href="#"><img src="https://i.imgur.com/T5r0HM0.png"></a></div>
- <div class="links"><a title="link one" href="/"><span class="th th-earth-o"></span></a>
- <a title="link two" href="/"><span class="th th-stars-o"></span></a>
- </div>
- <div class="description"><b>age. faceclaim. label. etc.</b> — put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! put whatever u want here, it scrolls! </div>
- <h1>— muse<br>name.</h1>
- </div>
- ---->
- <!----END MUSES---->
- </div>
- </div>
- <div class="credit">
- <a title="skyofrp" href="http://skyofrp.tumblr.com/"><span class="th th-avocado-o"></span></a></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment