API tools faq
paste
FireMageLynn

Untitled

FireMageLynn
Jan 15th, 2014
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 41.64 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.  
  4.  
  5.  
  6. <!---
  7.  
  8. don't remove the credit
  9. leave the credit if you want to use parts of the theme
  10.  
  11.  
  12. --->
  13.  
  14.  
  15.  
  16. <meta name="color:Background" content="#ffffff" />
  17. <meta name="color:BlockquoteBorder" content="#154d41" />
  18. <meta name="color:BlogTitle" content="#154d41" />
  19. <meta name="color:Bold" content="#265a3e" />
  20. <meta name="color:CustomLink1Background" content="#70915a" />
  21. <meta name="color:CustomLink1Text" content="#093329" />
  22. <meta name="color:CustomLink2Background" content="#70915a" />
  23. <meta name="color:CustomLink2Text" content="#093329" />
  24. <meta name="color:CustomLink3Background" content="#70915a" />
  25. <meta name="color:CustomLink3Text" content="#093329" />
  26. <meta name="color:CustomLink4Background" content="#70915a" />
  27. <meta name="color:CustomLink4Text" content="#093329" />
  28. <meta name="color:CustomLink5Background" content="#70915a" />
  29. <meta name="color:CustomLink5Text" content="#093329" />
  30. <meta name="color:CustomLink6Background" content="#70915a" />
  31. <meta name="color:CustomLink6Text" content="#093329" />
  32. <meta name="color:DescBold" content="#093329" />
  33. <meta name="color:DescItalic" content="#093329" />
  34. <meta name="color:DescLink" content="#36774d" />
  35. <meta name="color:DescText" content="#265a3e" />
  36. <meta name="color:EntryBackground" content="#fafafa" />
  37. <meta name="color:HeaderBackground" content="#01141a" />
  38. <meta name="color:ImageBorder" content="#70915a" />
  39. <meta name="color:Italic" content="#70915a" />
  40. <meta name="color:MusicPlayer" content="#36774d" />
  41. <meta name="color:NaviLink1Background" content="#46a772" />
  42. <meta name="color:NaviLink2Background" content="#36774d" />
  43. <meta name="color:NaviLink3Background" content="#265a3e" />
  44. <meta name="color:NaviLink4Background" content="#36774d" />
  45. <meta name="color:NaviLink5Background" content="#46a772" />
  46. <meta name="color:Link" content="#36774d" />
  47. <meta name="color:LinkHover" content="#154d41" />
  48. <meta name="color:PermaLink" content="#f3f3f3" />
  49. <meta name="color:PermaLinkBackground" content="#265a3e" />
  50. <meta name="color:PermaText" content="#01141a" />
  51. <meta name="color:PostTitle" content="#01141a" />
  52. <meta name="color:PostTitleBackground" content="#36774d" />
  53. <meta name="color:QuoteBorder" content="#36774d" />
  54. <meta name="color:Text" content="#01141a" />
  55. <meta name="color:TopLinkBackground" content="#70915a" />
  56. <meta name="color:TopLinkText" content="#093329" />
  57.  
  58.  
  59.  
  60. <meta name="if:InfiniteScrolling" content="0" />
  61. <meta name="if:ShowCaptions" content="1">
  62. <meta name="if:FadingPhoto" content="1" />
  63. <meta name="if:MusicPlayer" content="0" />
  64. <meta name="if:WithBanner" content="1" />
  65. <meta name="if:Big Posts" content="0" />
  66. <meta name="if:TwoColumnPosts" content="0" />
  67. <meta name="if:Monochrome" content="0" />
  68. <meta name="if:ShowTags" content="0" />
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <meta name="image:SidebarImage" content="http://static.tumblr.com/08da50eeec996016b8efea084ac5add5/7fjp0ap/cvDmwqnrv/tumblr_static_sbbb.jpg"/>
  76. <meta name="image:BackgroundImage" content="http://static.tumblr.com/62665d0d16ec717fcbb2bc0106e65fe1/7fjp0ap/N1mmvwmse/tumblr_static_ssksksks.png"/>
  77. <meta name="image:HeaderImage" content="http://static.tumblr.com/953670fbc81dbe1cc6f62a6aa16d1579/7fjp0ap/EMJmwql7d/tumblr_static_dddddd.jpg" />
  78. <meta name="image:CornerImage" content="" />
  79.  
  80.  
  81.  
  82.  
  83. <meta name="text:Background Repeat" content="repeat"/>
  84. <meta name="text:MusicCode" content="MusicCodeHere"/>
  85. <meta name="text:ImageQuote" content=" "/>
  86.  
  87.  
  88. <meta name="text:Link1 Title" content="Title1"/>
  89. <meta name="text:Link1 URL" content=""/>
  90. <meta name="text:Link2 Title" content="Title2"/>
  91. <meta name="text:Link2 URL" content=""/>
  92. <meta name="text:Link3 Title" content="Title3"/>
  93. <meta name="text:Link3 URL" content=""/>
  94. <meta name="text:Link4 Title" content="Title4"/>
  95. <meta name="text:Link4 URL" content=""/>
  96. <meta name="text:Link5 Title" content="Title5"/>
  97. <meta name="text:Link5 URL" content=""/>
  98. <meta name="text:Link6 Title" content="Title6"/>
  99. <meta name="text:Link6 URL" content=""/>
  100. <meta name="text:Link7 Title" content="Title7"/>
  101. <meta name="text:Link7 URL" content=""/>
  102. <meta name="text:Link8 Title" content="Title8"/>
  103. <meta name="text:Link8 URL" content=""/>
  104.  
  105.  
  106.  
  107.  
  108.  
  109. <head>
  110.  
  111. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/SsImo6vff/stylesheet.css" />
  112. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/xGBmo6vyb/stylesheet.css" />
  113.  
  114. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  115.  
  116. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  117.  
  118. <link href='http://fonts.googleapis.com/css?family=Donegal+One' rel='stylesheet' type='text/css'>
  119.  
  120. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  121.  
  122. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  123. <title>{Title}</title>
  124. <link rel="shortcut icon" href="{Favicon}">
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  130.  
  131.  
  132.  
  133.  
  134. /* fontawesome */
  135. [class*="fontawesome-"]:before {
  136.   font-family: 'FontAwesome', sans-serif;
  137.  
  138. }
  139.  
  140.  
  141.  
  142. body {
  143. background-image: url('{image:backgroundImage}');
  144. background-color: {color:background};
  145. background-attachment: fixed;
  146. background-repeat: {text:Background Repeat};
  147. color: {color:text};
  148. margin: 0;
  149. }
  150.  
  151.  
  152.  
  153.  
  154. @font-face {
  155. font-family: "matilde";
  156. src: url('http://static.tumblr.com/7fjp0ap/26hmgteln/matilde.otf');}
  157.  
  158. @font-face {
  159. font-family: "riesling";
  160. src: url('http://static.tumblr.com/7fjp0ap/KTrmgsiev/riesling.ttf');}
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168. ::-webkit-scrollbar-thumb {
  169. background-color: {color:desctext};
  170. height: 5px;
  171. width: 8px;
  172. }
  173.  
  174. ::-webkit-scrollbar {
  175. height: 5px;
  176. width: 8px;
  177. background-color: {color:descbackground};
  178. }
  179.  
  180. a{
  181. color:{color:link};
  182. text-decoration: none;
  183. -webkit-transition: all 0.5s linear;
  184. -moz-transition: all 0.5s linear;
  185. -o-transition: all 0.5s linear;
  186. }
  187.  
  188.  
  189.  
  190.  
  191. .hold2{
  192. display:block;
  193. float:left;
  194. width:20%;
  195. text-align:center;
  196. }
  197.  
  198.  
  199. #navilinkbox{
  200. width:40px;
  201. margin-top:15px;
  202. margin-bottom:-2px;
  203. display:block;
  204. float:right;
  205. height:30px;
  206. margin-right:18px;
  207. z-index:99999;
  208. text-align:center;
  209. }
  210.  
  211. #navilinkbox a{
  212. display:block;
  213. text-align:center;
  214. height:15px;
  215. width:15px;
  216. line-height:20px;
  217. margin-bottom:15px;
  218. font-family:calibri;
  219. font-size:11px;
  220. text-decoration: none;  
  221. background-color: {color:navilinktext};
  222. -moz-border-radius: 15px 15px 15px 15px;
  223. -webkit-border-radius: 15px 15px 15px 15px;
  224. border-radius: 15px 15px 15px 15px;
  225. -webkit-transition: all 1s ease;
  226. -moz-transition: all 1s ease;
  227. -o-transition: all 1s ease
  228. }
  229.  
  230.  
  231. #navilinkbox a:hover{
  232. color: transparent;
  233. font-size:0px;
  234. border-bottom:0px dashed {color:navilinktext};
  235. }
  236.  
  237.  
  238.  
  239. #descbox{
  240. width: 144px;
  241. margin-top:10px;
  242. color: {color:desctext};
  243. font-family: consolas;
  244. font-size: 10px;
  245. float:right;
  246. text-align:center;
  247. }
  248.  
  249.  
  250. #descbox a{
  251. color: {color:desclink};    
  252. text-decoration: underline;  
  253. }
  254.  
  255.  
  256. #descbox b,strong{
  257. color: {color:descbold};
  258. }    
  259.  
  260.  
  261. #descbox i,em{
  262. color: {color:descitalic};  
  263. }
  264.    
  265.    
  266. .x{
  267. font-family: Donegal One,serif;
  268. font-size: 35px;  
  269. position:absolute;
  270. margin-left:14px;
  271. }    
  272.    
  273. .x2{
  274. font-family: Donegal One,serif;
  275. font-size: 35px;  
  276. position:absolute;
  277. margin-left:165px;
  278. margin-top:-20px;
  279. }    
  280.    
  281.  
  282.  
  283. .custombox{  
  284. z-index:9999;
  285. float:right;
  286. margin-top:10px;
  287. width:145px;
  288. font-family:calibri;
  289. display:block;
  290. text-align:center;
  291. }    
  292.    
  293.  
  294.  
  295. .custombox a{
  296. display: inline-block;
  297. width:39px;
  298. padding:2px 3px 2px 3px;
  299. text-shadow:10px 0px transparent, -10px 0px transparent;
  300. text-align: center;
  301. font-family: consolas;
  302. font-size: 9px;
  303. color: {color:customlink1text};
  304. background-color:{color:customlink1background};
  305. -webkit-transition: all 1s ease;
  306. -moz-transition: all 1s ease;
  307. -o-transition: all 1s ease
  308. }  
  309.  
  310.  
  311. .custombox a:hover{
  312. color: {color:customlink1background};
  313. text-shadow:0px 0px {color:customlink1background}, -0px 0px {color:customlink1background};
  314. background-color:{color:customlink1text};
  315. }
  316.  
  317.  
  318. #circle
  319. {
  320.     width: 200px;
  321.     height: 200px;
  322. }
  323.  
  324.  
  325. #blogtitle{
  326. display:block;
  327. float:right;
  328. width:144px;
  329. text-align:center;
  330. margin-top:20px;
  331. margin-bottom:-5px;
  332. font-family: 'La Belle Aurore', cursive;
  333. text-transform:none;
  334. color: {color:blogtitle};
  335. }
  336.    
  337.    
  338. #blogtitle a{
  339. color: {color:blogtitle};
  340. -webkit-transition: all 0.5s ease-in-out;
  341. -moz-transition: all 0.5s ease-in-out;
  342. -o-transition: all 0.5s ease-in-out;
  343. }
  344.  
  345.  
  346. #titlebox a:hover{
  347. color: {color:blogtitlehover};
  348. }  
  349.    
  350.    
  351. #pagi{
  352. display:block;
  353. float:right;
  354. width:144px;
  355. height:15px;
  356. margin-top:10px;
  357. line-height:15px;
  358. font-size: 11px;
  359. text-align:center;
  360. font-family: cambria;
  361. }
  362.  
  363. #pagi a{
  364. color: {color:desctext};
  365. }
  366.  
  367.  
  368. .jump_page {
  369. padding: 2px;
  370. font-family:cambria;
  371. font-size:11px;
  372. text-decoration:none;
  373. }
  374.  
  375.  
  376.  
  377. .current_page, .jump_page:hover {
  378. padding: 2px;
  379. color: {color:desclink};
  380. font-family:cambria;
  381. font-size:11px;
  382. text-decoration:none;
  383. }
  384.  
  385.  
  386.  
  387. #posts{
  388. margin-left: 290px;
  389. {block:ifNotTwoColumnPosts}
  390. {block:IndexPage}
  391. {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
  392. {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
  393. {/block:IndexPage}
  394. {/block:ifNotTwoColumnPosts}
  395.  
  396. {block:ifTwoColumnPosts}
  397. {block:IndexPage}
  398. width:900px;
  399. margin-left: 270px;
  400. {/block:IndexPage}
  401. {/block:ifTwoColumnPosts}
  402.  
  403. {block:PermalinkPage}
  404. {block:ifBigPosts}width: 530px;{/block:ifBigPosts}
  405. {block:ifNotBigPosts}width: 430px;{/block:ifNotBigPosts}
  406. {/block:PermalinkPage}    
  407.  
  408.  
  409.  
  410. margin-bottom: 25px;
  411. margin-top:50px;
  412. position:relative;
  413. z-index:998;
  414. }
  415.  
  416.  
  417.  
  418. img.center {
  419. display: block;
  420. margin-left: auto;
  421. margin-right: auto;
  422. }
  423.  
  424.  
  425. .entry{
  426. margin-left:auto;
  427. margin-right:auto;
  428. margin-top: 35px;
  429.  
  430. {block:IfNotTwoColumnPosts}
  431. {block:IndexPage}
  432. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  433. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  434. {/block:IndexPage}
  435. {/block:IfNotTwoColumnPosts}
  436.  
  437. {block:ifTwoColumnPosts}
  438. {block:IndexPage}
  439. position: relative;
  440. width:400px;
  441. margin-left:20px;
  442. margin-top: 30px;
  443. {/block:IndexPage}
  444. {/block:ifTwoColumnPosts}
  445.  
  446. {block:PermalinkPage}
  447. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  448. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  449. {/block:PermalinkPage}  
  450.  
  451.  
  452. font-size: 12px;
  453. padding: 8px;
  454. text-align:justify;
  455. font-family: calibri;
  456. overflow: hidden;
  457. box-shadow: 1px 1px 3px #1d1d1d;
  458. background-color: {color:entrybackground};
  459. color: {color:text};
  460. }
  461.  
  462. .entry img{
  463. {block:IfNotTwoColumnPosts}
  464. {block:IndexPage}
  465. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  466. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  467. {/block:IndexPage}
  468. {/block:IfNotTwoColumnPosts}
  469.  
  470. {block:ifTwoColumnPosts}
  471. {block:IndexPage}
  472. max-width: 400px;
  473. {/block:IndexPage}
  474. {/block:ifTwoColumnPosts}
  475.  
  476. {block:PermalinkPage}
  477. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  478. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  479. {/block:PermalinkPage}
  480.  
  481. {block:ifFadingPhoto}
  482. opacity: 0.7;
  483. -webkit-transition: all 0.7s ease-in-out;
  484. -moz-transition: all 0.7s ease-in-out;
  485. -o-transition: all 0.7s ease-in-out;  
  486. {/block:ifFadingPhoto}
  487.  
  488. }
  489.  
  490. {block:ifFadingPhoto}
  491. .entry img:hover{
  492.     opacity: 1;
  493. }
  494. {/block:ifFadingPhoto}
  495.  
  496.  
  497. {block:ifFadingPhoto}
  498. .photosetfade {
  499. opacity: 0.7;
  500. filter:alpha(opacity=70);
  501. -moz-opacity: 0.7;
  502. -webkit-transition: all 0.7s linear;
  503. -moz-transition: all 0.7s linear;
  504. -o-transition: all 0.7s linear;
  505. }
  506. {/block:ifFadingPhoto}
  507.  
  508.  
  509. {block:ifFadingPhoto}
  510. .photosetfade:hover {
  511. opacity: 1;
  512. filter:alpha(opacity=100);
  513. -moz-opacity: 0.9;
  514. }
  515. {/block:ifFadingPhoto}
  516.  
  517.  
  518. {block:ifMonochrome}
  519. .mono{
  520. 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"); /* Firefox 3.5+ */
  521. filter: gray; /* IE6-9 */
  522. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  523. -webkit-transition: all 0.7s linear;
  524. -moz-transition: all 0.7s linear;
  525. -o-transition: all 0.7s linear;
  526. }
  527.  
  528.  
  529. .mono:hover{
  530. filter: none;
  531. -webkit-filter: grayscale(0%);  
  532. }
  533.  
  534. {/block:ifMonochrome}  
  535.  
  536.  
  537. .entry b, strong{
  538. color: {color:Bold};
  539. }
  540.  
  541.  
  542.  
  543. b,strong{
  544. color: {color:Bold};    
  545. }
  546.  
  547.  
  548.  
  549. .entry i, em{
  550. color: {color:Italic};
  551. }
  552.  
  553. .entry a{
  554. text-decoration: underline;  
  555. color: {color:Link};
  556. -webkit-transition: all 0.5s ease-in-out;
  557. -moz-transition: all 0.5s ease-in-out;
  558. -o-transition: all 0.5s ease-in-out;
  559. }
  560.  
  561. .entry a:hover{
  562. color: {color:LinkHover};
  563. text-decoration: none;
  564. text-shadow: 0.1em 0.1em 0.06em {color:text};
  565. }
  566.  
  567. .entry h1{
  568. font-family: consolas;
  569. text-transform: uppercase;
  570. font-size: 15px;
  571. font-weight: 20px;
  572. letter-spacing: 1px;
  573. }
  574.  
  575. .entry h1 a{
  576. color: {color:link};
  577. }
  578.  
  579.  
  580.  
  581. blockquote{
  582. border-left: 3px solid {color:blockquoteborder};
  583. padding-left:10px;
  584. padding-right: 4px;
  585. background: ;
  586. margin:5px;
  587. text-align:justify;
  588. }
  589.  
  590.  
  591. .entry blockquote img{
  592. max-width: 90%;
  593. margin-left: 3px;
  594. }
  595.  
  596.  
  597. .entry pre{
  598. word-wrap:break-word;
  599. white-space: pre-wrap;
  600. word-break:break-all;
  601. font-family:courier new;
  602. font-size:11px;
  603. padding:5px;
  604. letter-spacing:0px;
  605. background-color:#a5a5a5;
  606. color: #252324;
  607. }
  608.  
  609.  
  610. .entry blockquote pre{
  611. background-color:#a5a5a5;
  612. font-size:11px;
  613. font-family:courier new;
  614. padding:5px;
  615. width:100%;
  616. word-wrap:break-word;
  617. white-space: pre-wrap;
  618. word-break:break-all;
  619. color: #252324;
  620. }
  621.  
  622.  
  623. .entry blockquote pre a{
  624. color: {color:entrybackground};
  625. }
  626.  
  627.  
  628. #quote{
  629. color: {color:entrybackground};
  630. background-color:{color:text};
  631. padding: 15px;
  632. font-family: calibri;
  633. font-size:18px;
  634. display:block;
  635. text-align:center;
  636. border-top:5px solid {color:quoteborder};
  637. letter-spacing: 1px;
  638. line-height: 15px;
  639. padding-top:25px;
  640. }
  641.  
  642.  
  643. .quote2{
  644. position:relative;
  645. margin-bottom:-25px;
  646. margin-top:0px;
  647. display:block;
  648. height:40px;
  649. width:40px;
  650. text-align:center;
  651. border:5px solid {color:quoteborder};
  652. color: {color:entrybackground};
  653. background-color:{color:text};
  654. font-family: Donegal One,serif;
  655. font-size: 50px;
  656. }
  657.  
  658.  
  659.  
  660.  
  661.  
  662. .permalink {
  663. font-family: cambria;
  664. font-size: 10px;
  665. color: {color:Text};
  666. text-transform: uppercase;
  667. text-align: center;
  668. {block:ifBigPosts}width: 514px;{/block:ifBigPosts}
  669. {block:ifNotBigPosts}width: 414px;{/block:ifNotBigPosts}
  670. margin-top: 20px;
  671. margin-bottom: 10px;
  672. margin-left: -10px;
  673. float: left;
  674. background-color: {color:entrybackground};
  675. }
  676.  
  677. .permalink b {
  678. color: {color:Bold};
  679. font-weight: normal;
  680. }
  681.  
  682. #date {
  683. color: {color:text};
  684. }
  685.  
  686. .permalink a {
  687. color: {color:Link};
  688. text-decoration: none;
  689. }
  690.  
  691. /* Tags */
  692.  
  693. .perma2{
  694. display:block;
  695. text-align:left;
  696. font-family:consolas;
  697. font-size:10px;
  698. padding:10px;
  699. padding-top:5px;
  700. padding-bottom:5px;
  701. margin-bottom:-10px;
  702. margin-left:-10px;
  703. margin-top:10px;
  704. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  705. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  706. background-color:{color:permalinkbackground};
  707. color:{color:permatext};
  708. }
  709.  
  710. .perma2 a{
  711. text-decoration:none;
  712. color:{color:permalink};
  713. -webkit-transition: all 0.7s linear;
  714. -moz-transition: all 0.7s linear;
  715. -o-transition: all 0.7s linear;
  716. }
  717.  
  718.  
  719. .perma2 a:hover{
  720. color:{color:link};    
  721. }
  722.  
  723.  
  724.  
  725.  
  726. .title{
  727. color: {color:posttitle};
  728. background-color: {color:posttitlebackground};
  729. margin-bottom:10px;
  730. font-size: 35px;
  731. font-family: matilde,calibri;
  732. line-height: 100%;
  733. letter-spacing: 2px;
  734. text-transform: uppercase;
  735. text-align: center;
  736. font-weight:bold;
  737. }
  738.  
  739.  
  740. .title2{
  741. color: {color:PostTitle};
  742. padding:20px;
  743. font-size: 24px;
  744. margin-bottom:10px;
  745. display:block;
  746. text-transform: none;
  747. text-align: center;
  748. font-family: elephant,calibri;
  749. background-color: {color:posttitlebackground};
  750. border:1px solid {color:posttitle};
  751. -webkit-transition: all 0.5s linear;
  752. -moz-transition: all 0.5s linear;
  753. -o-transition: all 0.5s linear;
  754. }
  755.  
  756.  
  757. .title2 a{
  758. color: {color:PostTitle};  
  759. width:100%;
  760. display:block;    
  761. text-decoration:none;
  762. }
  763.  
  764. .title2 z{
  765. color: {color:PostTitle};  
  766. font-size:11px;
  767. font-family:calibri;
  768. width:100%;
  769. text-decoration:underline;
  770. display:block;
  771. }
  772.  
  773.  
  774. .title2 a:hover{
  775. color: {color:PostTitle};      
  776. }
  777.  
  778.  
  779.  
  780. /*  Ask Posts */
  781.  
  782.  
  783. .arrow-down {
  784. margin-top:-5px;
  785. display:block;
  786. margin-left:20px;
  787. width:0px;
  788. height:0px;
  789. border-left:10px solid transparent;
  790. border-right:10px solid transparent;
  791. border-top:15px solid {color:text};
  792. font-size:0px;
  793. line-height:0px;
  794. }
  795.  
  796.  
  797. .ask {
  798. display:block;
  799. padding:10px;
  800. background-color:{color:text};
  801. color:{color:entrybackground};
  802. text-transform: none;
  803. }
  804.  
  805.  
  806.  
  807. .askx img {
  808. max-width: 30px;
  809. display:block;
  810. margin-left:15px;
  811. margin-top:5px;
  812. -moz-border-radius: 30px 30px 30px 30px;
  813. -webkit-border-radius: 30px 30px 30px 30px;
  814. border-radius: 30px 30px 30px 30px;
  815. }
  816.  
  817. .asky {
  818. display:block;
  819. float:left;
  820. text-transform:uppercase;
  821. margin-top:13px;
  822. font-size:10px;
  823. margin-left:5px;    
  824. }
  825.  
  826.  
  827. .aska{
  828. display:block;
  829. margin-top:50px;
  830. border-top: 1px solid {color:text};
  831. }
  832.  
  833.  
  834. #source {
  835. font-family: consolas;
  836. font-size:10px;
  837. text-align: center;
  838. margin-top: -5px;
  839. background-color:{color:quoteborder};
  840. color:{color:text};
  841. margin-bottom:15px;
  842. }
  843.  
  844. #source a{
  845. color:{color:entrybackground};  
  846. }
  847.  
  848. ol.notes {
  849. background-color:{color:EntryBackground};
  850. font-family:tahoma;
  851. font-size:10px;
  852. padding-top:10px;
  853. border: 0px;
  854. padding-left:15px;
  855. margin-top:10px;
  856. width:476px;
  857. margin-left: 0px;
  858. list-style-type: none;}
  859.  
  860. ol.notes li.note {
  861. background: ;
  862. padding:5px;
  863. width:480px;
  864. letter-spacing: 0px;
  865. text-align: left;
  866. }
  867.  
  868. ol.notes li.note a{
  869. color:{color:Link};
  870. background: ;
  871. font-family:tahoma;
  872. text-transform:none;
  873. letter-spacing:0px;
  874. font-size:10px;}
  875.  
  876. ol.notes li.note img.avatar {
  877. vertical-align: -4px;
  878. margin-right: 0px;
  879. }
  880.  
  881. #musicbox{  
  882. height: 216px;
  883. margin-bottom:10px;
  884. display:inline-block;
  885. text-align: left;
  886. {block:indexpage}
  887. {block:ifbigposts}width: 494px;{/block:ifbigposts}
  888. {block:ifnotbigposts}width: 394px;{/block:ifnotbigposts}
  889. {/block:indexpage}
  890. {block:permalinkpage}
  891. width: 494px;
  892. {/block:permalinkpage}
  893. border-bottom: 2px dashed {color:text};
  894. }
  895.  
  896.  
  897.  
  898. .cover {
  899. width:200px;
  900. height: 200px;
  901. display: block;
  902. position:absolute;
  903. z-index:2;
  904. }
  905.    
  906. .cover img{
  907. width:200px;
  908. height: 200px;
  909. opacity:1;
  910. border:3px solid {color:text};
  911. }
  912.  
  913. .coverx{
  914. width:200px;
  915. height: 200px;
  916. display: block;
  917. position:absolute;
  918. z-index:1;
  919. }
  920.  
  921. .coverx img{
  922. width:200px;
  923. height: 200px;
  924. border:3px solid {color:text};
  925. }
  926.  
  927. .playbutton {
  928. width:30px;  
  929. height: 50px;  
  930. line-height:50px;
  931. overflow: hidden;  
  932. position:relative;
  933. z-index:100;
  934. -webkit-transition: all 0.7s linear;
  935. -moz-transition: all 0.7s linear;
  936. -o-transition: all 0.7s linear;
  937. margin-top:85px;
  938. }
  939.  
  940.  
  941. .playbox {
  942. opacity: 0.8;
  943. background-color: #000000;  
  944. position: absolute;  
  945. z-index: 1000;
  946. margin-left:3px;
  947. margin-top:3px;
  948. width:30px;
  949. height: 200px;
  950. line-height:40px;
  951. text-align:center;
  952. -webkit-transition: all 0.7s linear;
  953. -moz-transition: all 0.7s linear;
  954. -o-transition: all 0.7s linear;
  955. }
  956.  
  957.  
  958. .playbox:hover{
  959. width:200px;
  960. }
  961.  
  962.  
  963. .playbox:hover .playbutton{
  964. width:100%;  
  965. -webkit-transition: all 0.7s linear;
  966. -moz-transition: all 0.7s linear;
  967. -o-transition: all 0.7s linear;
  968. }
  969.  
  970. .audioplayer {
  971. float:left;
  972. margin-left: 210px;
  973. width:100%;
  974. position: absolute;
  975. display: block;
  976. margin-top: 40px;
  977. padding-bottom:7px;
  978. }
  979.  
  980. .infomusic {
  981. font-size:9px;
  982. text-align:center;
  983. {block:indexpage}
  984. {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
  985. {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
  986. {/block:indexpage}
  987.  
  988. {block:permalinkpage}
  989. {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
  990. {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
  991. {/block:permalinkpage}
  992. margin-left:0px;
  993. margin-bottom:10px;
  994. border-bottom:1px dashed {color:boldbackground};
  995. padding-bottom:2px;
  996. }
  997.  
  998.  
  999. .audiotitle{
  1000. font-style:italic;
  1001. font-size:11px;
  1002. font-family:calibri;
  1003. text-transform:uppercase;
  1004. }
  1005.  
  1006.  
  1007.  
  1008.  
  1009. .odd .line {
  1010. padding: 3px;
  1011. margin-bottom:3px;
  1012. border-bottom: 2px solid {color:perma1background};
  1013. }
  1014. .even .line {
  1015. padding:3px;
  1016. margin-bottom:3px;
  1017. border-bottom: 2px solid {color:perma2background};
  1018. }
  1019. .odd .name {
  1020. padding: 3px;
  1021. }
  1022. .even .name {
  1023. padding: 3px;
  1024. }
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031. iframe#tumblr_controls {
  1032. z-index:999999;
  1033. right:3px !important;
  1034. top:52px;
  1035. position:fixed !important;
  1036. opacity: 0.5;
  1037. filter:alpha(opacity=0.5);
  1038. -moz-opacity: 0.5;
  1039. -webkit-transition: all 0.5s linear;
  1040. -moz-transition: all 0.5s linear;
  1041. -o-transition: all 0.5s linear;
  1042. }
  1043.  
  1044. iframe#tumblr_controls:hover {
  1045. opacity: 1;
  1046. filter:alpha(opacity=1);
  1047. -moz-opacity: 1;
  1048. }
  1049.  
  1050.  
  1051.  
  1052.  
  1053. #playertab
  1054. {position:fixed;z-index:999;
  1055. bottom:0px;
  1056. left:-190px;
  1057. height:10px;
  1058. padding:1px 8px 3px 1px;
  1059. line-height:7px;
  1060. letter-spacing:2px;
  1061. background-color:{color:musicplayer};
  1062. -moz-border-radius:0px 10px 0px 0px;
  1063. border-radius:0px 10px 0px 0px;
  1064. -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  1065.  
  1066. #mus
  1067. {float:left;
  1068. color:#fff;
  1069. font-size:11px;
  1070. font-family:calibri;
  1071. padding-left:120px;
  1072. -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  1073.  
  1074. #playertab:hover #mus
  1075. {padding-left:0px;
  1076. opacity:0;}
  1077.  
  1078. #playertab:hover
  1079. {left:0px;}
  1080.  
  1081.  
  1082. #s-m-t-tooltip{
  1083. display:inline-block;
  1084. z-index:9999999 !important;
  1085. margin:24px 14px 7px 12px;
  1086. padding:3px;
  1087. -moz-border-radius:3px;
  1088. -webkit-border-radius:3px;
  1089. border-radius:3px;
  1090. font-family:calibri;
  1091. font-size:10px;
  1092. background-color: {color:entrybackground};
  1093. color: {color:text};
  1094. }
  1095.  
  1096.  
  1097. .tud{
  1098. filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
  1099. ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
  1100. -moz-transform: rotate(-180deg);  /* FF3.5+ */
  1101. -o-transform: rotate(-180deg);  /* Opera 10.5 */
  1102. -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
  1103. }
  1104.  
  1105.  
  1106. .t{
  1107. font-family: nymphetteregular;
  1108. display:block;
  1109. margin-bottom:5px;
  1110. margin-top:-25px;
  1111. font-size:25px;
  1112. color:{color:desctext};
  1113. }
  1114.  
  1115.  
  1116. #sidebar {
  1117. position:fixed;
  1118. margin-left:20px;
  1119. width:210px;
  1120. top:100px;
  1121. {block:ifwithbanner}
  1122. top:230px;
  1123. {/block:ifwithbanner}
  1124. }
  1125.  
  1126.  
  1127. .psholder{
  1128. margin-right:auto;
  1129. margin-left:auto;
  1130. z-index:9998;
  1131.  
  1132. {block:ifNotTwoColumnPosts}
  1133. {block:indexpage}
  1134. {block:ifBigPosts}width:880px;{/block:ifBigPosts}
  1135. {block:ifNotBigPosts}width:780px;{/block:ifNotBigPosts}
  1136. {/block:indexpage}
  1137. {/block:ifNotTwoColumnPosts}
  1138.  
  1139. {block:ifTwoColumnPosts}
  1140. {block:IndexPage}
  1141. width:1250px;
  1142. {/block:IndexPage}
  1143. {/block:ifTwoColumnPosts}
  1144.  
  1145. {block:PermalinkPage}
  1146. {block:ifBigPosts}width:880px;{/block:ifBigPosts}
  1147. {block:ifNotBigPosts}width:780px;{/block:ifNotBigPosts}
  1148. {/block:PermalinkPage}  
  1149. }
  1150.  
  1151.  
  1152. #outer_container, #imagePan{
  1153. height:130px;
  1154. width:130px;
  1155. float:right;
  1156. -moz-border-radius: 150px 150px 150px 150px;
  1157. -webkit-border-radius: 150px 150px 150px 150px;
  1158. border-radius: 150px 150px 150px 150px;
  1159. }
  1160.  
  1161.  
  1162. #outer_container{
  1163. margin:10px auto;
  1164. padding:4px;
  1165. border:4px double {color:imageborder};
  1166. }
  1167.  
  1168.  
  1169. #imagePan{
  1170. position:relative;
  1171. overflow:hidden;
  1172. cursor:help;
  1173. }
  1174.  
  1175.  
  1176. #imagePan .container{
  1177. position:relative;
  1178. left:0;
  1179. }
  1180.  
  1181.  
  1182. .links{
  1183. width:100%;
  1184. background-color:{color:toplinkbackground};
  1185. height:20px;
  1186. z-index:999999;
  1187. text-align:center;
  1188. }
  1189.  
  1190.  
  1191. .links a{
  1192. display:inline-block;
  1193. color:{color:toplinktext};
  1194. font-family:calibri;
  1195. font-size:11px;
  1196. margin-left:20px;
  1197. height:10px;
  1198. margin-top:-1px;
  1199. padding:5px;
  1200. -webkit-transition: all 0.7s ease;
  1201. -moz-transition: all 0.7s ease;
  1202. transition: all 0.7s ease;
  1203. }
  1204.  
  1205.  
  1206. .links a:hover{
  1207. color:{color:toplinkbackground};
  1208. background-color:{color:toplinktext};
  1209. }
  1210.  
  1211.  
  1212.  
  1213.  
  1214. #top{
  1215. text-align:center;
  1216. top:0px;
  1217. left:0px;
  1218. right:0px;
  1219. height:150px;
  1220. }
  1221.  
  1222.  
  1223.  
  1224.  
  1225. .pagination {
  1226. display:none;
  1227. position: fixed;
  1228. right: 20px;
  1229. bottom: 10px;
  1230. text-align: center;
  1231. }
  1232.  
  1233. {CustomCSS}
  1234.  
  1235. </style>
  1236. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1237.  
  1238.  
  1239. {block:ifwithbanner}
  1240. <script type="text/javascript">
  1241. $(document).ready(function() {    
  1242.     $(window).scroll(function() {        
  1243.         navigationx.scroll();    
  1244.         });
  1245.         });  
  1246.         var navigationx = {    
  1247.             settings : {        
  1248.                 offsetx: 230,    
  1249.                 },    
  1250.                 scroll : function() {        
  1251.                     var scroll_top = $(window).scrollTop(); // current vertical position from the top          
  1252. if( scroll_top > navigationx.settings.offsetx ) {            
  1253.     $('#sidebar').css({ 'position': 'fixed', 'top': '100' + 'px' });        
  1254.     } else {            
  1255.         $('#sidebar').css({ 'position': 'absolute', 'top': navigationx.settings.offsetx + 'px' });        
  1256.         }    
  1257.         }
  1258.         };
  1259. </script>
  1260. {/block:ifwithbanner}
  1261.  
  1262.  
  1263. <script type="text/javascript">
  1264. $(document).ready(function() {    
  1265.     $(window).scroll(function() {        
  1266.         navigation.scroll();    
  1267.         });
  1268.         });  
  1269.         var navigation = {    
  1270.             settings : {        
  1271.                 offset: 150,    
  1272.                 },    
  1273.                 scroll : function() {        
  1274.                     var scroll_top = $(window).scrollTop(); // current vertical position from the top          
  1275. if( scroll_top > navigation.settings.offset ) {            
  1276.     $('.links').css({ 'position': 'fixed', 'top': '0' + 'px' });        
  1277.     } else {            
  1278.         $('.links').css({ 'position': 'absolute', 'top': navigation.settings.offset + 'px' });        
  1279.         }    
  1280.         }
  1281.         };
  1282. </script>
  1283.  
  1284.  
  1285.  
  1286.  
  1287. <script src="http://static.tumblr.com/7fjp0ap/8qemg20tu/jquery.style-my-tooltips.js"></script>
  1288. <script>
  1289.     (function($){
  1290.         $(document).ready(function(){
  1291.             $("[title]").style_my_tooltips({
  1292.                  tip_follows_cursor:true,
  1293.                  tip_delay_time:0,
  1294.                  tip_fade_speed:0,
  1295.                  attribute:"title"
  1296.                 });
  1297.         });
  1298.     })(jQuery);
  1299. </script>
  1300.  
  1301.  
  1302.  
  1303. <script src="http://static.tumblr.com/gydnqyv/8Inmucmv6/jquery.easing.1.3.js" type="text/javascript"></script>
  1304. <script>
  1305. $(window).load(function() {
  1306.     $outer_container=$("#outer_container");
  1307.     $imagePan_panning=$("#imagePan .panning");
  1308.     $imagePan=$("#imagePan");
  1309.     $imagePan_container=$("#imagePan .container");
  1310.  
  1311.     $imagePan_panning.css("margin-top",($imagePan.height()-$imagePan_panning.height())/2+"px");
  1312.     containerWidth=$imagePan.width();
  1313.     containerHeight=$imagePan.height();
  1314.     totalContentW=$imagePan_panning.width();
  1315.     totalContentH=$imagePan_panning.height();
  1316.     $imagePan_container.css("width",totalContentW).css("height",totalContentH);
  1317.  
  1318.     function MouseMove(e){
  1319.         var mouseCoordsX=(e.pageX - $imagePan.offset().left);
  1320.         var mouseCoordsY=(e.pageY - $imagePan.offset().top);
  1321.         var mousePercentX=mouseCoordsX/containerWidth;
  1322.         var mousePercentY=mouseCoordsY/containerHeight;
  1323.         var destX=-(((totalContentW-(containerWidth))-containerWidth)*(mousePercentX));
  1324.         var destY=-(((totalContentH-(containerHeight))-containerHeight)*(mousePercentY));
  1325.         var thePosA=mouseCoordsX-destX;
  1326.         var thePosB=destX-mouseCoordsX;
  1327.         var thePosC=mouseCoordsY-destY;
  1328.         var thePosD=destY-mouseCoordsY;
  1329.         var marginL=$imagePan_panning.css("marginLeft").replace("px", "");
  1330.         var marginT=$imagePan_panning.css("marginTop").replace("px", "");
  1331.         var animSpeed=500; //ease amount
  1332.         var easeType="easeOutCirc";
  1333.         if(mouseCoordsX>destX || mouseCoordsY>destY){
  1334.             //$imagePan_container.css("left",-thePosA-marginL); $imagePan_container.css("top",-thePosC-marginT); //without easing
  1335.             $imagePan_container.stop().animate({left: -thePosA-marginL, top: -thePosC-marginT}, animSpeed,easeType); //with easing
  1336.         } else if(mouseCoordsX<destX || mouseCoordsY<destY){
  1337.            //$imagePan_container.css("left",thePosB-marginL); $imagePan_container.css("top",thePosD-marginT); //without easing
  1338.            $imagePan_container.stop().animate({left: thePosB-marginL, top: thePosD-marginT}, animSpeed,easeType); //with easing
  1339.        } else {
  1340.            $imagePan_container.stop();
  1341.        }
  1342.    }
  1343.  
  1344.    $imagePan_panning.css("margin-left",($imagePan.width()-$imagePan_panning.width())/2).css("margin-top",($imagePan.height()-$imagePan_panning.height())/2);
  1345.  
  1346.    $imagePan.bind("mousemove", function(event){
  1347.        MouseMove(event);
  1348.    });
  1349. });
  1350.  
  1351. $(window).resize(function() {
  1352.    $imagePan.unbind("mousemove");
  1353.    $imagePan_container.css("top",0).css("left",0);
  1354.    $(window).load();
  1355. });
  1356. </script>
  1357.  
  1358.  
  1359.  
  1360. {block:IndexPage}
  1361. {block:IfTwoColumnPosts}
  1362.  
  1363. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1364.  
  1365.  
  1366. {block:IfInfiniteScrolling}
  1367. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  1368. {/block:IfInfiniteScrolling}
  1369.  
  1370.  
  1371. <script>
  1372. $(function(){
  1373. var $container = $('#posts');
  1374. $container.imagesLoaded(function(){
  1375. $container.masonry({
  1376. itemSelector: '.entry',
  1377. });
  1378. });
  1379. $container.infinitescroll({
  1380. itemSelector : ".entry",
  1381. navSelector : "div.pagination",
  1382. nextSelector : ".pagination a#next",
  1383. loadingImg : "",
  1384. loadingText : "<em></em>",
  1385. bufferPx : 10000,
  1386. extraScrollPx: 12000,
  1387. },
  1388. // trigger Masonry as a callback
  1389. function( newElements ) {
  1390. var $newElems = $( newElements ).css({ opacity: 0 });
  1391. // ensure that images load before adding to masonry layout
  1392. $newElems.imagesLoaded(function(){
  1393. $newElems.animate({ opacity: 1 });
  1394. $container.masonry( 'appended', $newElems, true );
  1395. });
  1396. }
  1397. );
  1398. });
  1399. </script>
  1400.  
  1401.  
  1402. {/block:IfTwoColumnPosts}
  1403. {/block:IndexPage}
  1404.  
  1405.  
  1406. </head>
  1407.  
  1408. {block:IfnotTwoColumnPosts}
  1409. {block:IfInfiniteScrolling}
  1410. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1411. {/block:IfInfiniteScrolling}
  1412. {/block:IfnotTwoColumnPosts}
  1413.  
  1414.  
  1415.  
  1416.  
  1417.  
  1418.  
  1419.  
  1420.  
  1421. <body>
  1422.  
  1423. <div class="pagination">
  1424. {block:Pagination}
  1425. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  1426. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  1427. {/block:Pagination}
  1428. </div>
  1429.  
  1430.  
  1431.  
  1432.  
  1433. {block:ifwithbanner}
  1434. <img id="top">
  1435. </img>
  1436. <div class="links">
  1437. {block:ifLink1Title}
  1438. <a href="{text:Link1 URL}">{text:Link1 Title}</a>
  1439. {/block:ifLink1Title}
  1440. {block:ifLink2Title}
  1441. <a href="{text:Link2 URL}">{text:Link2 Title}</a>
  1442. {/block:ifLink2Title}
  1443. {block:ifLink3Title}
  1444. <a href="{text:Link3 URL}">{text:Link3 Title}</a>
  1445. {/block:ifLink3Title}
  1446. {block:ifLink4Title}
  1447. <a href="{text:Link4 URL}">{text:Link4 Title}</a>
  1448. {/block:ifLink4Title}
  1449. {block:ifLink5Title}
  1450. <a href="{text:Link5 URL}">{text:Link5 Title}</a>
  1451. {/block:ifLink5Title}
  1452. {block:ifLink6Title}
  1453. <a href="{text:Link6 URL}">{text:Link6 Title}</a>
  1454. {/block:ifLink6Title}
  1455. {block:ifLink7Title}
  1456. <a href="{text:Link7 URL}">{text:Link7 Title}</a>
  1457. {/block:ifLink7Title}
  1458. {block:ifLink8Title}
  1459. <a href="{text:Link8 URL}">{text:Link8 Title}</a>
  1460. {/block:ifLink8Title}
  1461. </div>  
  1462. {/block:ifwithbanner}
  1463.  
  1464.  
  1465.  
  1466.  
  1467.  
  1468. {block:indexpage}
  1469. {block:ifmusicplayer}
  1470.  
  1471. <div id='playertab'>
  1472. <div style='float:left;width:120px'>
  1473.  
  1474. {text:musiccode}
  1475.    
  1476. </div>
  1477. <div id='mus'><img src='http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif' style='margin-right:8px;'/> musique</div>
  1478. </div>
  1479.  
  1480.  
  1481. {/block:ifmusicplayer}
  1482. {/block:indexpage}
  1483.  
  1484.  
  1485.  
  1486.  
  1487.  
  1488. <div class="psholder">
  1489.  
  1490.  
  1491.  
  1492.  
  1493.  
  1494. <div id="sidebar">
  1495. <div id="blogtitle">
  1496. {Title}
  1497. </div>
  1498.  
  1499.  
  1500.  
  1501.  
  1502.  
  1503. <div id="outer_container">
  1504. <div id="imagePan">
  1505. <div class="container">
  1506. <div><img src="" class="panning" id="circle"></div>
  1507.  
  1508. <!-- random image script! Credit: Lynn -->
  1509. <script>
  1510.     function random_imglink()
  1511. {
  1512.     var myimages=[];
  1513.     //specify random images below. You can have as many as you wish
  1514.     myimages[1]="http://6269-9001.zippykid.netdna-cdn.com/wp-content/uploads/2013/08/Cool-Anime-Wallpapers.jpg";
  1515.     myimages[2]="http://lovinlosing.com/wallpaper/content-uploads-anime_133967.jpg";
  1516.     myimages[3]="http://hdwallpapercollection.com/wp-content/uploads/2012/12/anime-fairy-wallpaper.jpg";
  1517.    
  1518.     var img=0;
  1519.     while (img===0)
  1520.     {
  1521.         img = Math.floor(Math.random()*myimages.length);
  1522.     }
  1523.     document.getElementById("circle").src=myimages[img];
  1524.     document.getElementById("top").src=myimages[img];
  1525. }
  1526. random_imglink();
  1527. </script>
  1528.  
  1529. </div>
  1530. </div>
  1531. </div>
  1532.  
  1533.  
  1534. <div id="navilinkbox">
  1535.  
  1536. <a href="/" title="Home" style="margin-left:52px;background-color:{color:navilink1background};color:{color:navilink1text};"></a>
  1537. <a href="/ask" title="Ask" style="margin-left:33px;background-color:{color:navilink2background};color:{color:navilink2text};"></a>
  1538. <a href="/submit" title="Submit" style="margin-left:28px;background-color:{color:navilink3background};color:{color:navilink3text};"></a>
  1539. <a href="/archive" title="Past" style="margin-left:33px;background-color:{color:navilink4background};color:{color:navilink4text};"></a>
  1540. <a href="http://dianthus-s.tumblr.com/" title="Theme" style="margin-left:52px;background-color:{color:navilink5background};color:{color:navilink5text};"></a>  
  1541.  
  1542. </div>
  1543.  
  1544.  
  1545.  
  1546.  
  1547. <div id="descbox">
  1548. {Description}    
  1549. </div>
  1550.  
  1551.  
  1552.  
  1553. {block:ifnotwithbanner}
  1554. <div class="custombox">
  1555. {block:ifLink1Title}
  1556. <a href="{text:Link1 URL}" style="color:{color:customlink1text};background-color:{color:customlink1background};">{text:Link1 Title}</a>
  1557. {/block:ifLink1Title}
  1558. {block:ifLink2Title}
  1559. <a href="{text:Link2 URL}" style="color:{color:customlink2text};background-color:{color:customlink2background};">{text:Link2 Title}</a>
  1560. {/block:ifLink2Title}
  1561. {block:ifLink3Title}
  1562. <a href="{text:Link3 URL}" style="color:{color:customlink3text};background-color:{color:customlink3background};">{text:Link3 Title}</a>
  1563. {/block:ifLink3Title}
  1564. {block:ifLink4Title}
  1565. <a href="{text:Link4 URL}" style="color:{color:customlink4text};background-color:{color:customlink4background};">{text:Link4 Title}</a>
  1566. {/block:ifLink4Title}
  1567. {block:ifLink5Title}
  1568. <a href="{text:Link5 URL}" style="color:{color:customlink5text};background-color:{color:customlink5background};">{text:Link5 Title}</a>
  1569. {/block:ifLink5Title}
  1570. {block:ifLink6Title}
  1571. <a href="{text:Link6 URL}" style="color:{color:customlink6text};background-color:{color:customlink6background};">{text:Link6 Title}</a>
  1572. {/block:ifLink6Title}
  1573. </div>
  1574. {/block:ifnotwithbanner}
  1575.  
  1576.  
  1577.  
  1578. {block:IfNotInfiniteScrolling}
  1579. {block:indexpage}
  1580. <div id="pagi">
  1581.  
  1582. {block:Pagination}
  1583. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&#8592;</a>{/block:PreviousPage}
  1584. {block:JumpPagination length="5"}
  1585. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1586. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1587. {block:NextPage}<a href="{NextPage}" class="jump_page">&#8594;</a>{/block:NextPage}
  1588. {/block:Pagination}
  1589.  
  1590.  
  1591. </div>
  1592. {/block:indexpage}  
  1593. {/block:IfNotInfiniteScrolling}
  1594.  
  1595.  
  1596.  
  1597.  
  1598. </div>
  1599.  
  1600.  
  1601.  
  1602. <div id="posts">
  1603.  
  1604. {block:Posts}
  1605.  
  1606. <div class="entry" >
  1607.  
  1608.  
  1609. {block:Text}
  1610. {block:Title}<div class="title">&raquo {Title}<t></t></div>{/block:Title}
  1611. {Body}
  1612. {/block:Text}
  1613.  
  1614.  
  1615.  
  1616.  
  1617. {block:Photo}
  1618.  
  1619. {block:ifnotTwoColumnPosts}
  1620. {block:IndexPage}
  1621. {LinkOpenTag}
  1622.  
  1623. <div class="mono">
  1624. {block:ifBigPosts}
  1625. <img src="{PhotoURL-500}" class="center">
  1626. {/block:ifBigPosts}
  1627. {block:ifNotBigPosts}
  1628. <img src="{PhotoURL-400}" class="center">
  1629. {/block:ifNotBigPosts}
  1630. </div>
  1631.  
  1632. {LinkCloseTag}
  1633. {/block:IndexPage}
  1634. {/block:ifnotTwoColumnPosts}
  1635.  
  1636. {block:ifTwoColumnPosts}
  1637. {block:IndexPage}
  1638. {LinkOpenTag}
  1639. <div class="mono">
  1640. <img src="{PhotoURL-400}" class="center">
  1641. </div>
  1642. {LinkCloseTag}
  1643. {/block:IndexPage}
  1644. {/block:ifTwoColumnPosts}
  1645.  
  1646. {block:PermalinkPage}
  1647. {LinkOpenTag}
  1648.  
  1649. {block:ifBigPosts}
  1650. <img src="{PhotoURL-500}" class="center">
  1651. {/block:ifBigPosts}
  1652. {block:ifNotBigPosts}
  1653. <img src="{PhotoURL-400}" class="center">
  1654. {/block:ifNotBigPosts}
  1655.  
  1656. {LinkCloseTag}
  1657. {/block:PermalinkPage}
  1658.  
  1659.  
  1660. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1661. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1662. {Caption}
  1663. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1664.  
  1665.  
  1666. {/block:Photo}
  1667.  
  1668.  
  1669.  
  1670.  
  1671.  
  1672.  
  1673.  
  1674.  
  1675. {block:Photoset}
  1676.  
  1677. {block:ifnotTwoColumnPosts}
  1678. {block:IndexPage}
  1679.  
  1680.  
  1681. <div class="mono">
  1682. {block:ifBigPosts}
  1683. <div class="photosetfade">{Photoset-500}</div>
  1684. {/block:ifBigPosts}
  1685. {block:ifNotBigPosts}
  1686. <div class="photosetfade">{Photoset-400}</div>
  1687. {/block:ifNotBigPosts}
  1688. </div>
  1689.  
  1690. {/block:IndexPage}
  1691. {/block:ifnotTwoColumnPosts}
  1692.  
  1693. {block:ifTwoColumnPosts}
  1694. {block:IndexPage}
  1695.  
  1696. <div class="mono">
  1697. <div class="photosetfade">{Photoset-400}</div>
  1698. </div>
  1699.  
  1700. {/block:IndexPage}
  1701. {/block:ifTwoColumnPosts}
  1702.  
  1703. {block:PermalinkPage}
  1704.  
  1705. {block:ifBigPosts}
  1706. {Photoset-500}
  1707. {/block:ifBigPosts}
  1708. {block:ifNotBigPosts}
  1709. {Photoset-400}
  1710. {/block:ifNotBigPosts}
  1711.  
  1712. {/block:PermalinkPage}
  1713.  
  1714.  
  1715. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1716. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1717. {Caption}
  1718. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1719.  
  1720.  
  1721. {/block:Photoset}
  1722.  
  1723.  
  1724.  
  1725.  
  1726.  
  1727.  
  1728. {block:Link}
  1729. <div class="title2">
  1730. <a href="{URL}" {Target}>{Name}</br>
  1731. <z>{URL}</z>
  1732. </a>
  1733. </div>
  1734. {block:Description}{Description}{/block:Description}
  1735. {/block:Link}
  1736.  
  1737.  
  1738.  
  1739.  
  1740. {block:Quote}
  1741. <center><div class="quote2">“ </div></center>
  1742. <div id="quote">
  1743. {Quote}</div>
  1744. {block:Source}
  1745. <div id="source"> —{Source}</div>
  1746. {/block:Source}
  1747. {/block:Quote}
  1748.  
  1749.  
  1750.  
  1751.  
  1752. {block:Chat}
  1753. {block:Title}
  1754. <div class="title">&raquo {Title}</div>
  1755. {/block:Title}
  1756. {block:Lines}<div class="{Alt}">
  1757. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1758. {/block:Lines}
  1759. {/block:Chat}
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765. {block:Audio}
  1766. <div id="musicbox">
  1767. <div class="playbox">
  1768.  
  1769. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1770. </div>
  1771. </div>
  1772. <div class="coverx"><img src="http://media.tumblr.com/90911ce35307a2b68bb52c9794d02dd0/tumblr_inline_mgshunrUnn1r8s568.png"></div>
  1773. {block:AlbumArt}
  1774. <div class="cover"><img src="{AlbumArtURL}"></div>
  1775. {/block:AlbumArt}
  1776. <div class="audioplayer">
  1777. {block:Artist}
  1778. <div class="infomusic" ><div class="audiotitle">Artist:</div> {Artist}</div>
  1779. {/block:Artist}
  1780. {block:TrackName}
  1781. <div class="infomusic"><div class="audiotitle">Track:</div> {TrackName}</div>  
  1782. {/block:TrackName}
  1783. <div class="infomusic"><div class="audiotitle">Plays:</div> {PlayCountWithLabel}</div>
  1784.  
  1785. </div>
  1786. </div>
  1787. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1788. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1789. {Caption}
  1790. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1791. {/block:Audio}
  1792.  
  1793.  
  1794.  
  1795.  
  1796.  
  1797. {block:Video}
  1798.  
  1799.  
  1800. {block:ifnotTwoColumnPosts}
  1801. {block:IndexPage}
  1802. {block:ifBigPosts}
  1803. {Video-500}
  1804. {/block:ifBigPosts}
  1805. {block:ifNotBigPosts}
  1806. {Video-400}
  1807. {/block:ifNotBigPosts}
  1808. {/block:IndexPage}
  1809. {/block:ifnotTwoColumnPosts}
  1810.  
  1811. {block:ifTwoColumnPosts}
  1812. {block:IndexPage}
  1813. {Video-400}
  1814. {/block:IndexPage}
  1815. {/block:ifTwoColumnPosts}
  1816.  
  1817. {block:PermalinkPage}
  1818. {block:ifBigPosts}
  1819. {Video-500}
  1820. {/block:ifBigPosts}
  1821. {block:ifNotBigPosts}
  1822. {Video-400}
  1823. {/block:ifNotBigPosts}
  1824. {/block:PermalinkPage}
  1825.  
  1826.  
  1827. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1828. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1829. {Caption}
  1830. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1831.  
  1832.  
  1833. {/block:Video}
  1834.  
  1835.  
  1836.  
  1837.  
  1838. {block:Answer}
  1839. <div class="ask">{Question}</div>
  1840. <div class="arrow-down"></div>
  1841. <div class="askx"><img src="{AskerPortraitURL-40}" align="left"></div>
  1842. <div class="asky">{Asker}</div>
  1843. <div class="aska">{Answer}</div>
  1844. {/block:Answer}
  1845.  
  1846.  
  1847.  
  1848. {block:ContentSource}
  1849. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1850. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1851. {/block:SourceLogo}
  1852. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1853. {/block:ContentSource}
  1854.  
  1855.  
  1856. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1857.  
  1858.  
  1859. {block:PermalinkPage}
  1860. <div class="permalink">
  1861. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1862. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  1863. {block:PostNotes}
  1864. {PostNotes}
  1865. {/block:PostNotes}
  1866. </div>
  1867. {/block:PermalinkPage}
  1868.  
  1869. {block:indexpage}
  1870. <div class="perma2">
  1871. <a href="{ReblogURL}">REBLOG</a> |
  1872. {block:Date}Posted <a href="{Permalink}">{timeago}</a> {/block:Date}
  1873. With <a href="{Permalink}">{NoteCountWithLabel}</a>
  1874. {block:RebloggedFrom}
  1875.  +
  1876. <a href="{ReblogRootURL}">Ori</a>.
  1877. <a href="{ReblogParentURL}">Via</a>
  1878. {/block:RebloggedFrom}
  1879. <br>
  1880.  
  1881. {block:IfShowTags}
  1882. {block:HasTags}
  1883. <div>
  1884. tags:{block:Tags} #<a href="/tagged/{Tag}">{Tag} </a>{/block:Tags}
  1885. </div>
  1886. {/block:HasTags}
  1887. {/block:IfShowTags}
  1888. </div>
  1889. {/block:indexpage}
  1890.  
  1891.  
  1892.  
  1893. </div>
  1894.  
  1895.  
  1896.  
  1897.  
  1898.  
  1899.  
  1900.  
  1901.  
  1902.  
  1903. {/block:Posts}
  1904.  
  1905. </div>
  1906.  
  1907. </div>
  1908.  
  1909.  
  1910.  
  1911. <div>
  1912.  
  1913. <img src="{image:CornerImage}" style="position:fixed;
  1914. max-height: 100%;
  1915. max-width: 500px;
  1916. right:-20px;
  1917. bottom:-5px;
  1918. z-index:-9;
  1919. ">  
  1920.    
  1921. </div>
  1922.  
  1923. </body>
  1924. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!