API tools faq
paste
Advertisement
Mikaela

Blurr

Mikaela
Apr 29th, 2014
301
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- THEME #27 'BLURR' BY HRRYS
  4. I WORKED HARD ON THIS SO IF YOU REMOVE THE CREDIT OR EDIT AND CLAIM IT AS YOUR OWN, I'LL GET HARRY TO STRANGLE YOU.
  5. OKAY ENJOY NOW
  6. -->
  7.  
  8. <link rel="stylesheet" type="text/css" href="flexdropdown.css" />
  9.  
  10. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  11.  
  12. <script type="text/javascript" src="flexdropdown.js">
  13.  
  14. /***********************************************
  15. * Flex Level Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  16. * This notice MUST stay intact for legal use
  17. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
  18. ***********************************************/
  19.  
  20. </script>
  21.  
  22.  
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25.  
  26. <head>
  27.  
  28. <title>{Title}</title>
  29.  
  30. {block:Description}<meta name="description" content="{MetaDescription}"/>
  31. {/block:Description}
  32. <link rel="shortcut icon" href="{Favicon}" />
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  34.  
  35. <meta name="color:bg" content="#ffffff">
  36. <meta name="color:sbborder" content="#bbb8b8">
  37. <meta name="color:sblinks" content="#e7e7e7">
  38. <meta name="color:pagi" content="#9f9b9b">
  39. <meta name="color:link" content="#bbb8b8">
  40. <meta name="color:text" content="#9a9a9a">
  41. <meta name="color:tags" content="#b9b7b7">
  42. <meta name="color:ask" content="#fcfcfc">
  43. <meta name="color:hover" content="#eeeeee">
  44. <meta name="color:border" content="#e7e7e7">
  45. <meta name="color:info" content="##c6c6c6">
  46. <meta name="color:scrollbar" content="#d6d5d5">
  47.  
  48.  
  49. <meta name="image:sidebar0" content=""/>
  50. <meta name="image:sidebar1" content=""/>
  51. <meta name="image:sidebar2" content=""/>
  52. <meta name="image:sidebar3" content=""/>
  53. <meta name="image:sidebar4" content=""/>
  54.  
  55. <meta name="text:folder1title" content="">
  56. <meta name="text:folder1link1title" content="">
  57. <meta name="text:folder1link1 url" content="/">
  58. <meta name="text:folder1link2title" content="">
  59. <meta name="text:folder1link2 url" content="/">
  60. <meta name="text:folder1link3title" content="">
  61. <meta name="text:folder1link3 url" content="/">
  62.  
  63. <meta name="text:folder2title" content="">
  64. <meta name="text:folder2link1title" content="">
  65. <meta name="text:folder2link1 url" content="/">
  66. <meta name="text:folder2link2title" content="">
  67. <meta name="text:folder2link2 url" content="/">
  68. <meta name="text:folder2link3title" content="">
  69. <meta name="text:folder2link3 url" content="/">
  70.  
  71. <meta name="text:link 1" content="">
  72. <meta name="text:link 1 url" content="/">
  73. <meta name="text:link 2" content="">
  74. <meta name="text:link 2 url" content="/">
  75. <meta name="text:link 3" content="">
  76. <meta name="text:link 3 url" content="/">
  77.  
  78.  
  79. <meta name="if:Cursor" content="1">
  80.  
  81. <script type="text/javascript" src="http://static.tumblr.com/iinwj3u/J0ln38h40/flexdropdown.js"></script> </script>
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86. body {
  87. font-style:none;
  88. background-color:{color:bg};
  89. font-family:calibri;
  90. color:{color:text};
  91. font-size:9px;
  92. }
  93.  
  94.  
  95. a {
  96. color:{color:link};
  97. text-decoration:none;
  98. -webkit-transition: all 0.5s ease-out;
  99. -moz-transition: all 0.5s ease-out;
  100. transition: all 0.5s ease-out;
  101. }
  102.  
  103. a:hover {
  104. color:{color:hover};
  105. text-decoration:none;
  106. -webkit-transition: all 0.8s ease-out;
  107. -moz-transition: all 0.8s ease-out;
  108. transition: all 0.8s ease-out;
  109. }
  110.  
  111. img {
  112. border:none;
  113. }
  114.  
  115. blockquote {
  116. padding-left:5px;
  117. border-left:2px solid {color:border};
  118. }
  119.  
  120. h1 {
  121. font-size:10px;
  122. }
  123.  
  124. /*--Cursor code--*/
  125.  
  126. {block:ifCursor}
  127.  
  128. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  129.  
  130. {/block:ifCursor}
  131.  
  132.  
  133. /*--sidebar--*/
  134.  
  135. #sidebar {
  136. position:fixed;
  137. width:100px;
  138. margin-left:75px;
  139. margin-top:130px;
  140. }
  141.  
  142. /*--description--*/
  143.  
  144. #description {
  145. margin-top:0px;
  146. z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  147. margin-left:0px;
  148. width:298px;
  149. border-bottom:{color:sbborder} dashed 1px;
  150. border-right:{color:sbborder} dashed 1px;
  151. border-left:{color:sbborder} dashed 1px;
  152. padding-bottom:35px;
  153. font-family:'calibri';
  154. font-size:10px;
  155. text-align:center;
  156. }
  157.  
  158.  
  159. /*-- links--*/
  160.  
  161. #link1{
  162. margin-top:-33px;
  163. padding-bottom:3px;
  164. width:70px;
  165. margin-left:5px;
  166. position:fixed;
  167. border-bottom:{color:sblinks} solid 1px;
  168. font-size:13px;
  169. font-family:'cambria';
  170. text-align:center;
  171. }
  172.  
  173.  
  174. #link2{
  175. margin-top:-33px;
  176. width:70px;
  177. margin-left:118px;
  178. padding-bottom:3px;
  179. position:fixed;
  180. border-bottom:{color:sblinks} solid 1px;
  181. font-size:13px;
  182. font-family:'cambria';
  183. text-align:center;
  184. }
  185.  
  186. /*--pagination--*/
  187.  
  188. #pagination {
  189. width:100px;
  190. margin-top:113px;
  191. margin-left:70px;
  192. text-align:left;
  193. position:fixed;
  194. padding:5px;
  195. font-size: 8px;
  196. font-family: Consolas;
  197. color:{color:pagi};
  198. }
  199.  
  200. #pagination a {
  201. color:{color:pagi};
  202. }
  203.  
  204. #pagination a:hover {
  205. color:{color:Hover};
  206. }
  207.  
  208. /*--posts--*/
  209.  
  210. #posts {
  211. width:500px;
  212. margin-bottom:10px;
  213. padding:1px;
  214. font-size:11px;
  215. color:{color:text};
  216. line-height:90%;
  217. text-align:justify;
  218. }
  219.  
  220. #postscontainer {
  221. margin-bottom:20px;
  222. padding:1px;
  223. margin-left:430px;
  224. margin-top:55px;
  225. }
  226.  
  227.  
  228. #info {
  229. margin-bottom:10px;
  230. font-size:8px;
  231. margin-top:10px;
  232. text-align:left;
  233. padding:5px;
  234. color:{color:info};
  235. border-top:1px solid {color:info};
  236. }
  237.  
  238.  
  239. #reblog {
  240. text-transform:uppercase;
  241. font-family:trebuchet ms;
  242. margin-left:-5px;
  243. margin-top:-5px;
  244. text-align:center;
  245. color:white;
  246. background-color:{color:info};
  247. width:35px;
  248. padding:3px;
  249. }
  250.  
  251. #reblog a {
  252. color:white;
  253. }
  254.  
  255. #notes {
  256. margin-left:40px;
  257. margin-top:-12px;
  258. }
  259.  
  260. #rightinfo {
  261. text-transform:uppercase;
  262. font-family:trebuchet ms;
  263. margin-left:375px;
  264. text-align:justify;
  265. float:right;
  266. background-color:#cfcece;
  267. padding:3px;
  268. margin-top:-12px;
  269. color:white;
  270. }
  271.  
  272. #rightinfo a {
  273. color:white;
  274. }
  275.  
  276. /*--tags--*/
  277.  
  278. #tags {
  279. width:490px;
  280. margin-left:-4px;
  281. margin-top:7px;
  282. font-size:8px;
  283. color:{color:tags}:
  284. }
  285.  
  286. #tags a {
  287. color:{color:tags};
  288. }
  289.  
  290. #tags a:hover {
  291. color:{color:hover}
  292. }
  293.  
  294. /*--asks--*/
  295.  
  296.  
  297. #askbg {
  298. padding:12px;
  299. background-color:{color:ask};
  300. line-height:110%;
  301. }
  302.  
  303. #ask {
  304. margin-top:-10px;
  305. font-family:calibri;
  306. line-height:110%;
  307. text-align:left;
  308. }
  309.  
  310. #ask img {
  311. margin-top:30px;
  312. width:50px;
  313. }
  314.  
  315.  
  316. /*--Credit--*/
  317.  
  318. #cred {
  319. right:0px;
  320. bottom:-2px;
  321. color:{color:text};
  322. position:fixed;
  323. -webkit-transition: all 0.5s ease-out;
  324. -moz-transition: all 0.5s ease-out;
  325. transition: all 0.5s ease-out;
  326. }
  327.  
  328.  
  329. /*--expanded links--*/
  330.  
  331. .flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
  332. font: normal 12px Verdana;
  333. margin: 0;
  334. padding: 0;
  335. position: absolute;
  336. left: 0;
  337. top: 0;
  338. list-style-type: none;
  339. background: white;
  340. border: 1px solid black;
  341. border-bottom-width: 0;
  342. visibility: hidden;
  343. display: none; /*collapse all sub menus to begin with*/
  344. box-shadow: 3px 3px 8px #000000; /*shadow for CSS3 capable browsers.*/
  345. -webkit-box-shadow: 3px 3px 8px #000000;
  346. -moz-box-shadow: 3px 3px 8px #000000;
  347. }
  348.  
  349.  
  350. .flexdropdownmenu li{
  351. position: relative;
  352. }
  353.  
  354. .flexdropdownmenu li a{
  355. display: block;
  356. width: 160px; /*width of menu (not including side paddings)*/
  357. color: black;
  358. background: #fff;
  359. border-bottom: 1px solid black;
  360. text-decoration: none;
  361. padding: 4px 5px;
  362. }
  363.  
  364. * html .flexdropdownmenu li{ /*IE6 CSS hack*/
  365. display: inline-block;
  366. width: 170px; /*width of menu (include side paddings of LI A*/
  367. }
  368.  
  369. .flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
  370. background: #eee;
  371. }
  372.  
  373. .rightarrowclass{
  374. position: absolute;
  375. top: 6px;
  376. right: 5px;
  377. }
  378.  
  379.  
  380. {CustomCSS}
  381.  
  382. </style></head>
  383.  
  384.  
  385. <body>
  386. <div id="sidebar">
  387. <script type="text/javascript">
  388.  
  389. /***********************************************
  390. * Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  391. * This notice MUST stay intact for legal use
  392. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  393. ***********************************************/
  394.  
  395.  
  396. //Specify the slider's width (in pixels)
  397. var sliderwidth="300px"
  398. //Specify the slider's height
  399. var sliderheight="150px"
  400. //Specify the slider's slide speed (larger is faster 1-10)
  401. var slidespeed=2
  402. //configure background color:
  403. slidebgcolor="#fff"
  404.  
  405. //Specify the slider's images
  406. var leftrightslide=new Array()
  407. var finalslide=''
  408. leftrightslide[0]='<img src="{image:sidebar0}" border=1>'
  409. leftrightslide[1]='<img src="{image:sidebar1}" border=1>'
  410. leftrightslide[2]='<img src="{image:sidebar2}" border=1>'
  411. leftrightslide[3]='<img src="{image:sidebar3}" border=1>'
  412. leftrightslide[4]='<img src="{image:sidebar4}" border=1>'
  413.  
  414. //Specify gap between each image (use HTML):
  415. var imagegap=" "
  416.  
  417. //Specify pixels gap between each slideshow rotation (use integer):
  418. var slideshowgap=-5
  419.  
  420.  
  421. ////NO NEED TO EDIT BELOW THIS LINE////////////
  422.  
  423. var copyspeed=slidespeed
  424. leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
  425. var iedom=document.all||document.getElementById
  426. if (iedom)
  427. document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px;">'+leftrightslide+'</span>')
  428. var actualwidth=''
  429. var cross_slide, ns_slide
  430.  
  431. function fillup(){
  432. if (iedom){
  433. cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
  434. cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
  435. cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
  436. actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
  437. cross_slide2.style.left=actualwidth+slideshowgap+"px"
  438. }
  439. else if (document.layers){
  440. ns_slide=document.ns_slidemenu.document.ns_slidemenu2
  441. ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
  442. ns_slide.document.write(leftrightslide)
  443. ns_slide.document.close()
  444. actualwidth=ns_slide.document.width
  445. ns_slide2.left=actualwidth+slideshowgap
  446. ns_slide2.document.write(leftrightslide)
  447. ns_slide2.document.close()
  448. }
  449. lefttime=setInterval("slideleft()",30)
  450. }
  451. window.onload=fillup
  452.  
  453. function slideleft(){
  454. if (iedom){
  455. if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
  456. cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
  457. else
  458. cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
  459.  
  460. if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
  461. cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
  462. else
  463. cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
  464.  
  465. }
  466. else if (document.layers){
  467. if (ns_slide.left>(actualwidth*(-1)+8))
  468. ns_slide.left-=copyspeed
  469. else
  470. ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
  471.  
  472. if (ns_slide2.left>(actualwidth*(-1)+8))
  473. ns_slide2.left-=copyspeed
  474. else
  475. ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
  476. }
  477. }
  478.  
  479.  
  480. if (iedom||document.layers){
  481. with (document){
  482. document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
  483. if (iedom){
  484. write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
  485. write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
  486. write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
  487. write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
  488. write('</div></div>')
  489. }
  490. else if (document.layers){
  491. write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
  492. write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  493. write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  494. write('</ilayer>')
  495. }
  496. document.write('</td></table>')
  497. }
  498. }
  499. </script>
  500. <div id="description">{description}</div>
  501. <p style="text-align:left; margin-left:225px; margin-top:-25px; font-size:13px; border-bottom:{color:sblinks} solid 1px;font-family:'cambria';text-align:center; width:70px; padding-bottom:3px; "><a href="/" data-flexmenu="flexmenu1">Links</a></p>
  502.  
  503.  
  504. <!--HTML for Flex Drop Down Menu 1-->
  505. <ul id="flexmenu1" class="flexdropdownmenu">
  506. <li><a href="/">{text:folder1title}</a>
  507. <ul>
  508. <li><a href="{text:folder1link1 url}">{text:folder1link1title}</a></il>
  509. <li><a href="{text:folder1link2 url}">{text:folder1link2title}</a></li>
  510. <li><a href="{text:folder1link3 url}">{text:folder1link3title}</a></li>
  511. </ul>
  512. </li>
  513. <li><a href="/">{text:folder2title}</a>
  514. <ul>
  515. <li><a href="{text:folder2link1 url}">{text:folder2link1title}</a></il>
  516. <li><a href="{text:folder2link2 url}">{text:folder2link2title}</a></li>
  517. <li><a href="{text:folder2link3 url}">{text:folder2link3title}</a></li>
  518. </li>
  519. </ul>
  520. </li>
  521. <li><a href="{text:link 1 url}">{text:link 1}</a></li>
  522. <li><a href="{text:link 2 url}">{text:link 2}</a></li>
  523. <li><a href="{text:link 3 url}">{text:link 3}</a></li>
  524. </ul>
  525.  
  526. <div id="link1">
  527. <a href="/">Home</a>
  528. </div>
  529. <div id="link2">
  530. <a href="/ask">Message</a></div>
  531. </div></div>
  532.  
  533. {block:Pagination}
  534. <div id="pagination">
  535. {block:PreviousPage}
  536. <a href="{PreviousPage}">-</a>
  537. {/block:PreviousPage}
  538.  
  539. {block:JumpPagination length="5"}
  540. {block:CurrentPage}
  541. <span class="current_page">{PageNumber}</span>
  542. {/block:CurrentPage}
  543.  
  544. {block:JumpPage}
  545. <a class="jump_page" href="{URL}">{PageNumber}</a>
  546. {/block:JumpPage}
  547. {/block:JumpPagination}
  548.  
  549. {block:NextPage}
  550. <a href="{NextPage}">+</a>
  551. {/block:NextPage}
  552. </div>
  553. {/block:Pagination}
  554. </div>
  555.  
  556. </div></div>
  557.  
  558. <div id="postscontainer">
  559.  
  560. {block:Posts}
  561.  
  562. <div id="posts">
  563.  
  564.  
  565. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  566.  
  567.  
  568. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  569.  
  570. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  571.  
  572. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  573.  
  574. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  575.  
  576. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  577.  
  578. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  579.  
  580. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  581.  
  582. {block:Answer}<div id="askbg"><div id="ask"></div><br><img src="{AskerPortraitURL-24}">{Asker} said: {Question}</div> {Answer}{/block:Answer}
  583.  
  584. <div id="info"><div id="reblog"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div><div id="notes"><a href="{Permalink}">
  585. {NoteCountWithLabel}</a></div>
  586. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  587. {TimeAgo}</a></a>{/block:Date} |{block:RebloggedFrom}<a href="{ReblogParentURL}"
  588. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</div>
  589. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  590.  
  591.  
  592. </div>
  593.  
  594. {/block:Posts}
  595.  
  596. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  597. {/block:Posts}
  598.  
  599. </div>
  600. <div id="cred"><a href="http://hrrys.tumblr.com"><img src="http://i.imgur.com/o7oww2G.png"></a></div>
  601. </body>
  602. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!