API tools faq
paste
elsaofarendelle

Elsa Theme 002

elsaofarendelle
Jan 26th, 2016 (edited)
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.25 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  6.  
  7. <link href='https://fonts.googleapis.com/css?family=Scheherazade' rel='stylesheet' type='text/css'>
  8.  
  9. <!--- tooltips --->
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("[title]").style_my_tooltips();
  17. });
  18. })(jQuery);
  19. </script>
  20.  
  21.  
  22. </style>
  23.  
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30.  
  31. <!-------------------------------------------
  32. Code by elsaofarendelle.
  33. Don't copy or distribute.
  34. Don't claim as your own.
  35. -------------------------------------------->
  36.  
  37. <meta name="image:background" content=""/>
  38. <meta name="image:sidebar" content=""/>
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. /* --- SCROLLBAR START ---*/
  44.  
  45. ::-webkit-scrollbar {
  46. height: 0px;
  47. width: 3px;
  48. background: none;
  49. }
  50.  
  51. ::-webkit-scrollbar-thumb {
  52. border: 2px solid #aaa;
  53. -webkit-border-radius: 10px;
  54. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  55. }
  56.  
  57. ::-webkit-scrollbar-corner{
  58. background: transparent;
  59. }
  60.  
  61. /* --- SCROLLBAR END --- */
  62.  
  63. /* --- TOOLTIPS START --- */
  64.  
  65. #s-m-t-tooltip{
  66. max-width:300px;
  67. margin:15px;
  68. padding:2px 8px;
  69. border:3px double #aaa;
  70. border-radius:6px;
  71. background:#f5f5f5;
  72. color:#aaa;
  73. z-index:9999999999999;
  74. font-size:10px;
  75. font-family: 'Scheherazade', serif;
  76. font-weight:bold;
  77. text-transform:uppercase;
  78. box-shadow:0px 0px 10px #000;
  79. -webkit-transition:all 0.7s;
  80. -moz-transition:all 0.7s;
  81. -ms-transition:all 0.7s;
  82. -o-transition:all 0.7s;
  83. transition:all 0.7s;
  84. }
  85.  
  86. /* --- TOOLTIPS END --- */
  87.  
  88.  
  89. /* --- BODY START ---*/
  90.  
  91. body {
  92. background:#fff;
  93. background-image:url({image:background});
  94. background-attachment: fixed;
  95. background-repeat: no-repeat;
  96. background-position:0px 0px;
  97. margin:0px;
  98. color:#aaa;
  99. font-family: times;
  100. font-size:13px;
  101. line-height:120%;
  102.  
  103. }
  104.  
  105. blockquote {
  106. padding-left:5px;
  107. border-left:2px solid;
  108. border-radius:6px;
  109. }
  110.  
  111. a {
  112. color:#aaa;
  113. }
  114.  
  115. a {
  116. text-decoration:none;
  117. -webkit-transition:all 0.5s ease-in-out;
  118. -moz-transition:all 0.5s ease-in-out;
  119. -o-transition:all 0.5s ease-in-out;
  120. -ms-transition:all 0.5s ease-in-out;
  121. transition:all 0.5s ease-in-out;
  122. }
  123.  
  124. a:hover {
  125. color:{color:linkhover}
  126. }
  127.  
  128. img {none;}
  129.  
  130. h1 , h2 {
  131. font-family: 'Lovers Quarrel', cursive;
  132. text-transform:none;
  133. font-size:30px;
  134. line-height:30px;
  135. letter-spacing:0px;
  136. text-align:center;
  137. font-style:normal;
  138. }
  139.  
  140.  
  141. #container {
  142. background:#f5f5f5;
  143. border:3px double #fff;
  144. width:405px;
  145. height:500px;
  146. margin-left:450px;
  147. margin-top:120px;
  148. position:fixed;
  149. overflow:auto;
  150. padding-left:50px;
  151. padding-right:50px;
  152. padding-top:10px;
  153. padding-bottom:10px;
  154. }
  155.  
  156. #posts {
  157. width:400px;
  158. background-color: transparent;
  159. padding:-50px;
  160. text-align: justify;
  161. font-size: 12px;
  162. padding-top: -10px;
  163. margin-bottom: 50px;
  164. line-height: 100%px;
  165. font-family: georgia;
  166. z-index:50;
  167. }
  168.  
  169.  
  170. b {
  171. text-transform: bold;
  172. color: #aaa;
  173. text-shadow: 0px 0px 5px #fff;
  174. letter-spacing:1px;
  175. font-family: 'Scheherazade', serif;
  176. font-size:15px;
  177. }
  178.  
  179. i, em {
  180. text-transform: italic;
  181. color: #aaa;
  182. text-shadow: 0px 0px 0px #000;
  183. letter-spacing:1px;
  184. font-family: 'Scheherazade', serif;
  185. font-size:15px;
  186. }
  187.  
  188. /* --- BODY END --- */
  189.  
  190. /* --- SIDEBAR START ---*/
  191.  
  192.  
  193. #sidebar{
  194. position: fixed;
  195. top: 100px;
  196. width:250px;
  197. height:115px;
  198. left: 80px;
  199. padding:20px;
  200. }
  201.  
  202.  
  203.  
  204. #sidebarimage img{
  205. width: 100px;
  206. height:115px;
  207. padding:10px;
  208. border:3px double #f5f5f5;
  209. margin-top:5px;
  210. background:#fff;
  211. background-image:{image:sidebarimage};
  212. }
  213.  
  214.  
  215. #nav {
  216. position:fixed;
  217. overflow:hidden;
  218. margin-top:150px;
  219. margin-left:315px;
  220. }
  221.  
  222. #link1 a , #link2 a, #link3 a
  223.  
  224. #title {
  225. font-family:times;
  226. text-align:center;
  227. width:300px;
  228. margin-top:5px;
  229. margin-left:50px;
  230. text-transform:uppercase;
  231. font-style:normal;
  232. font-size:20px;
  233. color:#aaa;
  234. }
  235.  
  236. #description {
  237. width:100px;
  238. height:116px;
  239. font-style:oblique;
  240. font-family:'Scheherazade', serif;
  241. margin-top:-230px;
  242. margin-left:130px;
  243. padding: 10px;
  244. overflow:hidden;
  245. text-align:justify;
  246. font-size:9px;
  247. color: #aaa;
  248. background-color:#f5f5f5;
  249. border:3px double #fff;
  250. letter-spacing:1px;
  251. line-height:110%;
  252. }
  253.  
  254. #pagination {
  255. font-family: 'Scheherazade', serif;
  256. width:103px;
  257. font-size:12px;
  258. text-transform:normal;
  259. margin-top:50px;
  260. margin-left:200px;
  261. padding-top:25px;
  262. letter-spacing:1px;
  263. font-style:normal;
  264. text-align:center;
  265. }
  266.  
  267. #pagination a {
  268. color:#aaa;
  269. }
  270.  
  271. /* --- SIDEBAR END ---*/
  272.  
  273.  
  274. /* --- LINKS START --- */
  275.  
  276. .links {
  277. display:inline-block;
  278. position:fixed;
  279. font-size:20px;
  280. top: 100px;
  281. left: 170px;
  282. }
  283.  
  284. .links a {
  285. display:inline-block;
  286. text-decoration:none;
  287. text-transform:uppercase;
  288. color: #aaa;
  289. font-family: 'Scheherazade', serif;
  290. text-shadow:0px 0px 5px #fff;
  291. padding:2px 2px 2px 1px;
  292. -moz-transition-duration:.7s;
  293. -webkit-transition-duration:.7s;
  294. -o-transition-duration:.7s;
  295. }
  296.  
  297.  
  298. .links a:hover {
  299. text-decoration:none;
  300. text-transform:uppercase;
  301. text-shadow:0px 0px 5px #fff;
  302. color: #aaa;
  303. }
  304.  
  305. /* --- CREDIT START --- */
  306.  
  307. .credit{
  308. position:fixed;
  309. font-size:15px;
  310. right:12px;
  311. bottom:10px;
  312. }
  313.  
  314. .credit a {
  315. text-decoration:none;
  316. text-transform:uppercase;
  317. text-shadow: 0px 0px 5px #f5f5f5;
  318. color: #aaa;
  319. -moz-transition-duration:.7s;
  320. -webkit-transition-duration:.7s;
  321. -o-transition-duration:.7s;
  322. }
  323.  
  324.  
  325. .credit a:hover {
  326. text-decoration:none;
  327. text-transform:uppercase;
  328. text-shadow: 0px 0px 5px #f5f5f5;
  329. color: #aaa;
  330. }
  331.  
  332. /* --- CREDIT END --- */
  333.  
  334. /* --- POST NOTES START --- */
  335.  
  336. .note {
  337. padding:0px 20px 0px 20px;
  338. background-color:transparent;
  339. text-transform:lowercase;
  340. letter-spacing:0px;
  341. font-size: 11px;
  342. font-style:normal;
  343. text-align:left;
  344. line-height:120%;
  345. }
  346.  
  347. .note li {
  348. list-style-type:none;
  349. padding:5px 25px 5px 25px;
  350. text-align:left;
  351. margin-right:30px;
  352. margin-top:-50px;
  353. }
  354.  
  355.  
  356. #info {
  357. height:15px;
  358. text-align:center;
  359. margin-top:10px;
  360. padding-top:10px;
  361. padding:0px;
  362. padding-bottom:1px;
  363. text-transform:none;
  364. font-style:none;
  365. font-size:15px;
  366. background:#fff;
  367. border: 3px double #aaa;
  368. line-height:100%;
  369. }
  370.  
  371. #info a{
  372. color:#aaa;
  373. }
  374.  
  375. #tags {
  376. font-family: 'Scheherazade', serif;
  377. text-align:center;
  378. margin-top:0px;
  379. padding-bottom:0px;
  380. text-transform:none;
  381. font-style:none;
  382. font-size:10px;
  383. }
  384.  
  385. #tags a{
  386. color:#aaa;
  387. }
  388.  
  389. /* --- POST NOTES END --- */
  390.  
  391. /* --- ASK & AUDIO START --- */
  392.  
  393. #asks {
  394. font-style:oblique;
  395. text-transform: uppercase;
  396. float:left;
  397. letter-spacing: 0px;
  398. line-height: 100%;
  399. text-align:left;
  400. padding:7px;
  401. font-size:40px;
  402. -webkit-transition: all 0.8s ease-in-out;
  403. -moz-transition: all 0.8s ease-in-out;
  404. }
  405.  
  406. #asks img {
  407. width:35px;
  408. }
  409.  
  410. .audio{
  411. background-color:#fff;
  412. height:65px;
  413. overflow:hidden;
  414. }
  415.  
  416. /* --- ASK & AUDIO END --- */
  417.  
  418.  
  419.  
  420. {CustomCSS}</style></head><body>
  421.  
  422. <script type="text/javascript">
  423. // tutorial by http://kimsjongin.tumblr.com!
  424. // change #ffffff, etc to whatever hex colors you want. you can delete/add as many as you want from colorpicker.com keep the quotes!//
  425. var snowcolor=new Array("#f5f5f5", "#aaaaaa")
  426. var snowmax=30
  427. var snowtype=new Array("Times")
  428. var snowletter="❄" //this is where you can change the character/letter used in the snow. you can find a bunch at fsymbols.com and again, keep the quotes//
  429. var sinkspeed=0.8 //how quickly it falls; goes from 0 to 1 in decimals//
  430. var snowmaxsize=20 //the largest font size the snow can be//
  431. var snowminsize=8 //the smallest font size the snow can be//
  432. var snowingzone=1
  433.  
  434. // don't edit anything under here because it won't work then! //
  435. var snow=new Array()
  436. var marginbottom
  437. var marginright
  438. var timer
  439. var i_snow=0
  440. var x_mv=new Array();
  441. var crds=new Array();
  442. var lftrght=new Array();
  443. var browserinfos=navigator.userAgent
  444. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  445. var ns6=document.getElementById&&!document.all
  446. var opera=browserinfos.match(/Opera/)
  447. var browserok=ie5||ns6||opera
  448.  
  449. function randommaker(range) {
  450. rand=Math.floor(range*Math.random())
  451. return rand
  452. }
  453.  
  454. function initsnow() {
  455. if (ie5 || opera) {
  456. marginbottom = document.body.scrollHeight
  457. marginright = document.body.clientWidth-15
  458. }
  459. else if (ns6) {
  460. marginbottom = document.body.scrollHeight
  461. marginright = window.innerWidth-15
  462. }
  463. var snowsizerange=snowmaxsize-snowminsize
  464. for (i=0;i<=snowmax;i++) {
  465. crds[i] = 0;
  466. lftrght[i] = Math.random()*15;
  467. x_mv[i] = 0.03 + Math.random()/10;
  468. snow[i]=document.getElementById("s"+i)
  469. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  470. snow[i].size=randommaker(snowsizerange)+snowminsize
  471. snow[i].style.fontSize=snow[i].size+'px';
  472. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  473. snow[i].style.zIndex=1000
  474. snow[i].sink=sinkspeed*snow[i].size/5
  475. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  476. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  477. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  478. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  479. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  480. snow[i].style.left=snow[i].posx+'px';
  481. snow[i].style.top=snow[i].posy+'px';
  482. }
  483. movesnow()
  484. }
  485.  
  486. function movesnow() {
  487. for (i=0;i<=snowmax;i++) {
  488. crds[i] += x_mv[i];
  489. snow[i].posy+=snow[i].sink
  490. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  491. snow[i].style.top=snow[i].posy+'px';
  492.  
  493. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  494. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  495. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  496. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  497. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  498. snow[i].posy=0
  499. }
  500. }
  501. var timer=setTimeout("movesnow()",50)
  502. }
  503.  
  504. for (i=0;i<=snowmax;i++) {
  505. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  506. }
  507. if (browserok) {
  508. window.onload=initsnow
  509. }
  510.  
  511. </script>
  512.  
  513. <div id="sidebar">
  514. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  515.  
  516. <div class="links">
  517. <a title=refresh href="/">i.</a>
  518. <a title=ask href="/i">ii.</a>
  519. <a title=about href="/ii">iii.</a>
  520. <a title=rules href="/iii">iv.</a>
  521. <a title=navi href="/iv">v.</a>
  522. </div>
  523.  
  524. <div class="credit">
  525. <a href="/">𝔼</a>
  526. </div>
  527.  
  528. <div id="title"><h1>Winter Sovereign;</h1></div>
  529.  
  530. <div id="description">{Description}</div>
  531.  
  532.  
  533. <div id="scrollbar">{scrollbar}</div>
  534.  
  535.  
  536.  
  537. <div id="pagination">
  538. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{/block:Pagination}
  539. {block:Pagination}{block:NextPage}<a href="{NextPage}">/ fourth</a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  540.  
  541.  
  542.  
  543. {block:HasPages}{block:Pages}
  544.  
  545. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  546.  
  547. </div></center>
  548.  
  549.  
  550. </div>
  551.  
  552.  
  553. <div id="container">{block:Posts}<div id="posts">
  554. <img src="">
  555.  
  556. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  557.  
  558. {block:blockquote}{/block:blockquote}
  559.  
  560.  
  561.  
  562. {block:Photo}
  563. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  564. {/block:Photo}
  565.  
  566. {block:Photoset}
  567. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  568. {/block:Photoset}
  569.  
  570. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  571.  
  572. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  573.  
  574. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  575.  
  576. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  577. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  578.  
  579. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  580.  
  581. {block:Answer}<div id="asks"><img src="{AskerPortraitURL-30}" style="border:3px double #aaaaaa;"></div><br> &nbsp; {Asker} <br><br><br> &nbsp; "{Question}"<br><br>{Answer}{/block:Answer}
  582.  
  583.  
  584. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">❄</a> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">❅</a> {/block:NoteCount} {block:RebloggedFrom} <a title="from {ReblogParentName}" href="{ReblogParentURL}">❊</a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" title=reblog>❉</a> {/block:Date}</div>
  585.  
  586. <div id="tags">
  587. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  588.  
  589. </div>
  590. {block:PostNotes}{PostNotes}{/block:PostNotes}
  591. {/block:Posts}</div>
  592.  
  593. </body>
  594.  
  595. </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!