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">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!---
- ▣▣▣
- BLOGROLL PAGE #1 BY DEANLIRIUM
- ▣▣▣
- PLEASE like and/or reblog the theme post if you use! Edit as you want but YOU MUST leave the credit. Seriously though if you need a base code just google it!
- if you need anything please ask me OFF ANON so that I can reply privately! :)
- --->
- <script type="text/javascript" src="http://static.tumblr.com/t0g3sds/Xxmn9cdk0/shine.min.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Lustria|Poiret+One|Crete+Round|Oswald:700|Montserrat:700|Fjalla+One|Orienta|Noto+Sans:700' rel='stylesheet' type='text/css'>
- <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- <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:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- @font-face {font-family:Bebas Neue;src:url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');}
- /*--scrollbar--*/
- ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:#aaa;} /*change scrollbar color*/
- ::-webkit-scrollbar-thumb:horizontal {background-color:#aaa;} /*change scrollbar color*/
- ::-webkit-scrollbar {background-color:transparent;height:0px;width:4px;border:2px solid transparent;}
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:#ffffff;display:block;height:0px;border-right:0px solid transparent;border-left:0px solid transparent;
- }
- ::selection {
- color:#444444;}
- ::-moz-selection {
- color:#444444;}
- ::-webkit-selection {
- color:#444444;}
- body {
- background-color:#ffffff; /*change background color*/
- background-image:url(''); /*set a background image if needed*/
- background-attachment:fixed;
- font-family:calibri;
- color:#848182; /*change text color; for this and all the other colors you can use www.colorpicker.com*/
- font-size:10px;}
- a {
- color:#ffffff; /*change link color*/
- text-decoration:none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;}
- a:hover {
- color:#ffffff; /*change link color on hover*/
- text-decoration:none;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;}
- img {
- border:none;
- padding-bottom:none;
- display: block;}
- h1 {
- font-size:12px;
- font-family:'cambria';
- font-style:italic;
- font-weight:normal;
- line-height:10px;
- text-align:center;}
- /* sidebar */
- #sidebar {
- margin-left: -200px;
- left:50%;
- overflow:hidden;
- line-height:15px;
- width: 400px;
- height:400px;
- text-align: center;
- margin-top:-140px;}
- #sidebarimg img{
- width:400px;
- height:400px;
- margin-top:0px;
- -webkit-transition: all 0.6s;
- -moz-transition: all 0.6s;
- transition: all 0.6s;}
- #description {
- width:260px;
- height:200px;
- margin-left:60px;
- padding:10px;
- padding-bottom:0px;
- padding-top:3px;
- overflow-y:scroll;
- text-align:justify;
- margin-top:15px;
- position:fixed;}
- #links {
- margin-top:-290px;
- -webkit-transition: all 0.6s;
- -moz-transition: all 0.6s;
- transition: all 0.6s;}
- #links a {
- padding:5px;
- margin-right:0px;
- font-family:'cambria';
- font-style:italic;
- font-size:13px;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- transition: all 0.6s ease;}
- #links a:hover{
- text-shadow: 0 1px 1px #444444;}
- #cred {
- left:-60px;
- bottom:6px;
- font-size:9px;
- padding:5px;
- color:#848182;
- z-index:2147483647;
- text-transform:uppercase;
- border:1px solid transparent;
- position:fixed;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;}
- #cred:hover {
- left:6px;
- background:white;
- border-bottom:1px solid #eeeeee;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #cred:hover a{
- color:#768297;}
- #cred a{
- color:#848182;}
- #s-m-t-tooltip {
- max-width:300px;
- padding:5px;
- padding-top:2px;
- padding-bottom:2px;
- margin:5px 0px 0px 10px;
- background-color:#ffffff;
- font-family:calibri;
- font-size:8px;
- line-height:8px;
- text-transform:uppercase;
- color:#848182;
- z-index:2147483647;}
- #title {
- margin-left:-200px;
- width:400px;
- font-size:30px; /*change title size*/
- top:0px;
- padding-top:20px;
- font-weight:bold; }
- header {
- position: fixed;
- width: 100%;
- top:110px;
- height: 190px;
- left:50%;
- margin-left:0px;
- -webkit-transition: all 0.6s;
- -moz-transition: all 0.6s;
- transition: all 0.6s;}
- .demo-text {
- color: #fcfcfc; /*change title color*/
- font-style:normal;
- text-align:center;
- text-transform:uppercase;
- font-family: 'Montserrat'; /*change title font; choose between Montserrat, Lustria, Poiret One, Crete Round, Oswald, Fjalla One, Orienta, Noto Sans, Helvetica, Cambria, Bebas Neue, Times New Roman*/
- font-weight: 700;
- line-height:70px;}
- #description img {
- padding: 0px;
- width: 30px;
- display:inline-block;
- margin: 4px;
- border: 6px solid #faf5f5; /*change icons border color*/
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
- filter: gray;
- -webkit-filter: grayscale(100%);
- }
- #description img:hover{
- border:6px solid #768297; /*change icons border color on hover*/
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
- -webkit-filter: grayscale(0%);
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- /*--Cursor code--*/
- *, body, img, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
- </style></head>
- <body>
- <header><h1 id="title" class="demo-text">blogroll</h1>
- <div id="sidebar">
- <div id="sidebarimg">
- <!--- change the image; upload it somewhere (like the tumblr static uploader, just google it!), get the direct url and paste it below instead of the one I put! --->
- <img src="http://static.tumblr.com/4a5284c34714e1f7b3a6aaf78dccffe5/t0g3sds/B9nn9fmvw/tumblr_static_bh3f6z0mako4c8cok0kwwscgo.jpg"></div>
- <div id="links">
- <a href="/" title="home">i.</a>
- <a href="/ask" title="letters">ii.</a>
- <!--- add custom links --->
- <a href="link url" title="link title">iii.</a>
- <a href="link url" title="link title">iv.</a>
- <a href="link url" title="link title">v.</a>
- <a href="link url" title="link title">vi</a>
- </div>
- <div id="description">
- <center>
- {block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'title='{FollowedName}'><img border='1' src='{FollowedPortraitURL-96}' /></a>{/block:Followed}{/block:Following}
- </center>
- </div></div></header></div></div></div>
- <div id="cred">
- <a href="http://deanlirium.tumblr.com/">deanlirium <span style="font-size:12px;"> ╳</span></a>
- </div></div></div></div></div></div></div>
- </body>
- <script type="text/javascript">
- var shine = new Shine(document.getElementById('title'));
- function handleMouseMove(event) {
- shine.light.position.x = event.clientX;
- shine.light.position.y = event.clientY;
- shine.draw();
- }
- window.addEventListener('mousemove', handleMouseMove, false);
- var config = new shinejs.Config({
- numSteps: 5,
- opacity: 0.5,
- opacityPow: 1.8,
- offset: 0.15,
- blur: 40,
- blurPow: 1,
- shadowRGB: new shinejs.Color(68,68,68) /*change the shadow color using RGB colors; websites like www.colorpicker.com or www.rgbtool.com will help, just select your color and write here the numerical values next to R, G and B next to the color slidebar - remember to use a comma between the values!*/
- });
- shine.config = config;
- shine.draw();
- /*If you want to disable the shadow auto pilot, delete from here*/
- function update() {
- window.requestAnimationFrame(update);
- var time = new Date().getTime();
- var speed = 0.00018; // 1 = 1000 rotations/s
- var phase = time * speed * 2.0 * Math.PI;
- var radiusX = window.innerWidth * 0.5;
- var radiusY = window.innerHeight * 0.5;
- shine.light.position.x = radiusX + radiusX * Math.cos(phase);
- shine.light.position.y = radiusY + radiusY * Math.sin(phase * 0.7);
- shine.draw();
- }
- update();
- /*to here!*/
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement