API tools faq
paste
sarahthemes

Theme 007 by heytonks.tumblr.com

sarahthemes
Aug 4th, 2014
2,722
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <!--
  7.  
  8. Theme 007 by heytonks.tumblr.com - Do not remove credit, redistribute, claim as your own, or use any part of this coding in your own theme - Feel free to message my theme blog (sarahthemes) or my personal blog (heytonks) if you need any help and I will happily assist you.
  9.  
  10. PLEASE MAKE SURE YOU CHECK OUT THE CUSTOMIZATION GUIDE FOR THIS THEME AS THERE IS A LOT OF COMPLEX CODING IN THIS LAYOUT: http://sarahthemes.tumblr.com/theme007
  11.  
  12. -->
  13.  
  14.  
  15. <html>
  16.  
  17. <head>
  18.  
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}" />
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  24.  
  25. <!-- default variables -->
  26.  
  27.  
  28. <meta name="text:Link 1 URL" content="/"/>
  29. <meta name="text:Link 1" content="home"/>
  30. <meta name="text:Link 2 URL" content="/ask"/>
  31. <meta name="text:Link 2" content="message"/>
  32. <meta name="text:Link 3 URL" content="/"/>
  33. <meta name="text:Link 3" content="link 3"/>
  34. <meta name="text:Link 4 URL" content="/"/>
  35. <meta name="text:Link 4" content="link 4"/>
  36. <meta name="text:Link 5 URL" content="/"/>
  37. <meta name="text:Link 5" content="link 5"/>
  38. <meta name="text:Link 6 URL" content="/"/>
  39. <meta name="text:Link 6" content="link 6"/>
  40. <meta name="text:Custom Cursor URL" content="http://static.tumblr.com/vdw1lg6/KVQn5vyh5/static1.png"/>
  41.  
  42. <meta name="image:Header" content="http://static.tumblr.com/vdw1lg6/nQyn9syd2/defaultheader.png"/>
  43. <meta name="image:Background" content=""/>
  44.  
  45. <meta name="if:Header Links" content="1">
  46.  
  47. <meta name="color:Background" content="#fcfcfc"/>
  48. <meta name="color:Header Background" content="#fcfbfa"/>
  49. <meta name="color:Header Border" content="#f1f1f1"/>
  50. <meta name="color:Posts Background" content="#ffffff"/>
  51. <meta name="color:Content Background" content="#f8f8f8"/>
  52. <meta name="color:Posts Border" content="#d7d4d4"/>
  53. <meta name="color:Info Box Background" content="#fafafa"/>
  54. <meta name="color:Info Box Border" content="#ffffff"/>
  55. <meta name="color:Info Box Title" content="#5b9d9a"/>
  56. <meta name="color:Info Box Text" content="#191919"/>
  57. <meta name="color:Info Box Link" content="#314c4b"/>
  58. <meta name="color:Info Box Odd Links Hover" content="#ffe4fa"/>
  59. <meta name="color:Info Box Even Links Hover" content="#8cfffb"/>
  60. <meta name="color:Header Links" content="#494949"/>
  61. <meta name="color:Header Odd Links Hover" content="#ffe4fa"/>
  62. <meta name="color:Header Even Links Hover" content="#acfefb"/>
  63. <meta name="color:Header Links Background" content="#ffffff"/>
  64. <meta name="color:Header Links Border" content="#dddddd"/>
  65. <meta name="color:Post Text" content="#444444"/>
  66. <meta name="color:Post Title Background" content="#f9f9f9"/>
  67. <meta name="color:Post Links" content="#b65487"/>
  68. <meta name="color:Post Links Hover" content="#fecaf4"/>
  69. <meta name="color:Post Info Circles" content="#57d4cf"/>
  70. <meta name="color:Post Date" content="#087e7a"/>
  71. <meta name="color:Post Date Hover" content="#73dad6"/>
  72. <meta name="color:Tags" content="#49072a"/>
  73. <meta name="color:Tags Hover" content="#eaaacb"/>
  74. <meta name="color:Pagination" content="#b3668e"/>
  75. <meta name="color:Pagination Hover" content="#82f8f3"/>
  76. <meta name="color:Scrollbar" content="#57d4cf"/>
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  81.  
  82.  
  83. </head>
  84.  
  85. <style type="text/css">
  86.  
  87. @font-face{
  88. font-family: 'Quicksand Regular';
  89. src: url('http://static.tumblr.com/vdw1lg6/NaBn7fcmc/quicksand-regular-webfont.eot');
  90. src: url('http://static.tumblr.com/vdw1lg6/NaBn7fcmc/quicksand-regular-webfont.eot') format('eot'),
  91. url('http://static.tumblr.com/vdw1lg6/RCRn7fcm5/quicksand-regular-webfont.svg') format('svg');
  92. url('http://static.tumblr.com/vdw1lg6/l0Pn7ffjr/quicksand-regular-webfont.woff') format('woff'),
  93. url('http://static.tumblr.com/vdw1lg6/y8En7ffpf/quicksand-regular-webfont.ttf') format('truetype'),
  94. }
  95.  
  96. @font-face{
  97. font-family: 'Quicksand Italic';
  98. src: url('http://static.tumblr.com/vdw1lg6/H9an7ffn1/quicksand-italic-webfont.eot');
  99. src: url('http://static.tumblr.com/vdw1lg6/H9an7ffn1/quicksand-italic-webfont.eot') format('eot'),
  100. url('http://static.tumblr.com/vdw1lg6/Lxgn7fesm/quicksand-italic-webfont.svg') format('svg');
  101. url('http://static.tumblr.com/vdw1lg6/wJwn7ffog/quicksand-italic-webfont.woff') format('woff'),
  102. url('http://static.tumblr.com/vdw1lg6/3BZn7ffnn/quicksand-italic-webfont.ttf') format('truetype'),
  103. }
  104.  
  105. @font-face{
  106. font-family: 'Quicksand Bold';
  107. src: url('http://static.tumblr.com/vdw1lg6/BJTn7fbhj/quicksand-bold-webfont.eot');
  108. src: url('http://static.tumblr.com/vdw1lg6/BJTn7fbhj/quicksand-bold-webfont.eot') format('eot'),
  109. url('http://static.tumblr.com/vdw1lg6/NvTn7fbia/quicksand-bold-webfont.svg') format('svg');
  110. url('http://static.tumblr.com/vdw1lg6/PpWn7ffkh/quicksand-bold-webfont.woff') format('woff'),
  111. url('http://static.tumblr.com/vdw1lg6/Qhqn7fbii/quicksand-bold-webfont.ttf') format('truetype'),
  112. }
  113.  
  114. html, html a {
  115. -webkit-font-smoothing: antialiased;
  116. text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  117. }
  118.  
  119. *, body, a, a:hover {
  120. cursor: url('{text:Custom Cursor URL}'), auto;
  121. }
  122.  
  123. ::-webkit-scrollbar-thumb:vertical {
  124. background-color:{color:Scrollbar};
  125. height: 60px;
  126. }
  127.  
  128.  
  129. ::-webkit-scrollbar {
  130. height: 10px;
  131. width: 8px;
  132. background-color: {color:Background};
  133. }
  134.  
  135. iframe#tumblr_controls {
  136. top: 0% !important;
  137. right:0% !important;
  138. position: fixed !important;
  139. }
  140.  
  141. ::selection {
  142. background:{color:Post Info Circles};
  143. color:{color:Posts Background};
  144. }
  145.  
  146. ::-moz-selection {
  147. background:{color:Post Info Circles};
  148. color:{color:Posts Background};
  149. }
  150.  
  151. ::-webkit-selection {
  152. background:{color:Post Info Circles};
  153. color:{color:Posts Background};
  154. }
  155.  
  156. #s-m-t-tooltip{
  157. font-size:11px;
  158. height:auto;
  159. width:auto;
  160. padding:2px 11px;
  161. border-radius:3px;
  162. margin-top:12px;
  163. margin-left:15px;
  164. background-color:#ffffff;
  165. border:1px solid #ccc;
  166. position:absolute;
  167. color:#393939;
  168. text-transform:lowercase;
  169. letter-spacing:1px;
  170. z-index:999;
  171. }
  172.  
  173. body {
  174. background-color:{color:Background};
  175. background-image:url('{image:Background}');
  176. background-repeat:repeat;
  177. background-attachment:fixed;
  178. font-family:'Quicksand Regular', 'Quicksand', sans-serif;
  179. font-size:14px;
  180. line-height:165%;
  181. letter-spacing:1px;
  182. margin:0;
  183. padding:0;
  184. word-wrap:break-word;
  185. }
  186.  
  187. a {
  188. text-decoration:none;
  189. transition-duration: 0.5s;
  190. -moz-transition-duration: 0.5s;
  191. -webkit-transition-duration: 0.5s;
  192. -o-transition-duration: 0.5s;
  193. }
  194.  
  195. a:hover {
  196. transition-duration: 0.5s;
  197. -moz-transition-duration: 0.5s;
  198. -webkit-transition-duration: 0.5s;
  199. -o-transition-duration: 0.5s;
  200. }
  201.  
  202. pre {
  203. white-space: pre-wrap;
  204. white-space: -moz-pre-wrap;
  205. white-space: -pre-wrap;
  206. white-space: -o-pre-wrap;
  207. word-wrap: break-word;
  208. }
  209.  
  210. h1 {
  211. font-family:'Quicksand Bold', 'Quicksand', sans-serif;
  212. font-weight:700;
  213. text-transform:uppercase;
  214. font-size:14px;
  215. letter-spacing:0.5px;
  216. background-color:{color:Post Title Background};
  217. padding:15px;
  218. display:block;
  219. border-bottom:4px solid {color:Post Info Circles};
  220. text-align:center;
  221. margin-top:0px;
  222. }
  223.  
  224. h1 a {
  225. border-bottom:1px dotted {color:Post Links};
  226. }
  227.  
  228. h3 {
  229. margin-top:-38px;
  230. background-color:{color:Info Box Border};
  231. border:1px dotted {color:Posts Border};
  232. width:120px;
  233. color:{color:Info Box Title};
  234. padding:5px 15px;
  235. font-family: 'Euphoria Script', cursive;
  236. text-transform:lowercase;
  237. font-size:25px;
  238. letter-spacing:1.4px;
  239. margin-bottom:0px;
  240. }
  241.  
  242. blockquote {
  243. border-left:1px dotted {color:Post Text};
  244. padding:0px 0px 0px 12px;
  245. margin:-10px 0px 0px 0px;
  246. }
  247.  
  248. .caption {
  249. display:block;
  250. margin-top:10px;
  251. }
  252.  
  253.  
  254. b, strong {
  255. font-family:'Quicksand Bold', 'Quicksand';
  256. font-weight:700;
  257. }
  258.  
  259. i, em {
  260. font-family:'Quicksand Italic', 'Quicksand';
  261. font-style:italic;
  262. }
  263.  
  264. /* DO NOT ALTER THE THEME CREDIT */
  265.  
  266. #credit a {
  267. position:fixed;
  268. z-index:1000;
  269. bottom:13px;
  270. right:13px;
  271. width:22px;
  272. height:22px;
  273. text-align:center;
  274. font-family:'Quicksand Bold', 'Quicksand';
  275. font-weight:700;
  276. font-size:28px;
  277. letter-spacing:1.5px;
  278. border-radius:100%;
  279. padding:7px;
  280. color:#000000;
  281. background: rgb(255, 255, 255);
  282. background: rgba(255, 255, 255, 0.5);
  283. border:1px dotted #eee;
  284. line-height:27px;
  285. }
  286. /* DO NOT ALTER THE THEME CREDIT */
  287.  
  288. #container {
  289. width:970px;
  290. margin:80px auto 0px auto;
  291. }
  292.  
  293. #header {
  294. position:relative;
  295. margin:0;
  296. padding:0;
  297. width:100%;
  298. top:0px;
  299. left:0px;
  300. background-color:{color:Header Background};
  301. position:relative;
  302. border-bottom:10px solid {color:Header Border};
  303. }
  304.  
  305. #header img {
  306. height:auto;
  307. width:auto;
  308. margin:0;
  309. padding:0;
  310. display:block;
  311. }
  312.  
  313. #posts {
  314. text-align:justify;
  315. width:500px;
  316. background-color:{color:Posts Background};
  317. padding:20px 20px 5px 20px;
  318. border-top:1px dotted {color:Posts Border};
  319. border-left:1px dotted {color:Posts Border};
  320. border-right:1px dotted {color:Posts Border};
  321. color:{color:Post Text};
  322. }
  323.  
  324. #posts img, #posts p {
  325. max-width:100%;
  326. overflow:hidden;
  327. }
  328.  
  329. #posts li, #posts ul, #posts ol {
  330. text-transform:uppercase;
  331. font-size:11px;
  332. border-style:none;
  333. border:none;
  334. }
  335.  
  336. #posts a {
  337. color:{color:Post Links};
  338. transition-duration: 0.5s;
  339. -moz-transition-duration: 0.5s;
  340. -webkit-transition-duration: 0.5s;
  341. -o-transition-duration: 0.5s;
  342. }
  343.  
  344. #posts a:hover {
  345. color:{color:Post Links Hover};
  346. transition-duration: 0.5s;
  347. -moz-transition-duration: 0.5s;
  348. -webkit-transition-duration: 0.5s;
  349. -o-transition-duration: 0.5s;
  350. }
  351.  
  352. #entries {
  353. background-color:{color:Posts Background};
  354. width:540px;
  355. padding:20px;
  356. margin-bottom:50px;
  357. margin-left:-20px;
  358. }
  359.  
  360. #entries:last-of-type {
  361. margin-bottom:30px;
  362. }
  363.  
  364. #content {
  365. background-color:{color:Content Background};
  366. width:560px;
  367. padding:30px 30px 0px 50px;
  368. height:100%;
  369. }
  370.  
  371. /* begin built-in nav links stylings */
  372.  
  373. .links {
  374. text-transform:uppercase;
  375. font-size:12px;
  376. letter-spacing:3px;
  377. display:block;
  378. position:absolute;
  379. margin-left:auto;
  380. margin-right:auto;
  381. background-color:{color:Header Links Background};
  382. border:1px dotted {color:Header Links Border};
  383. border-radius:10px;
  384. {block:ifNotHeaderLinks}
  385. display:none;
  386. {/block:ifNotHeaderLinks}
  387. }
  388.  
  389. #left li:nth-of-type(odd):hover {
  390. box-shadow:inset 130px 0px {color:Header Odd Links Hover};
  391. -webkit-box-shadow:inset 130px 0px {color:Header Odd Links Hover};
  392. transition-duration: 0.6s;
  393. -moz-transition-duration: 0.6s;
  394. -webkit-transition-duration: 0.6s;
  395. -o-transition-duration: 0.6s;
  396. }
  397.  
  398. #left li:nth-of-type(even):hover {
  399. box-shadow:inset 130px 0px {color:Header Even Links Hover};
  400. -webkit-box-shadow:inset 130px 0px {color:Header Even Links Hover};
  401. transition-duration: 0.6s;
  402. -moz-transition-duration: 0.6s;
  403. -webkit-transition-duration: 0.6s;
  404. -o-transition-duration: 0.6s;
  405. }
  406.  
  407. #right li:nth-of-type(odd):hover {
  408. box-shadow:inset -130px 0px {color:Header Odd Links Hover};
  409. -webkit-box-shadow:inset -130px 0px {color:Header Odd Links Hover};
  410. transition-duration: 0.6s;
  411. -moz-transition-duration: 0.6s;
  412. -webkit-transition-duration: 0.6s;
  413. -o-transition-duration: 0.6s;
  414. }
  415.  
  416. #right li:nth-of-type(even):hover {
  417. box-shadow:inset -130px 0px {color:Header Even Links Hover};
  418. -webkit-box-shadow:inset -130px 0px {color:Header Even Links Hover};
  419. transition-duration: 0.6s;
  420. -moz-transition-duration: 0.6s;
  421. -webkit-transition-duration: 0.6s;
  422. -o-transition-duration: 0.6s;
  423. }
  424.  
  425. .links a {
  426. display:block;
  427. width:110px;
  428. padding:1px 10px;
  429. margin-bottom:3px;
  430. color:{color:Header Links};
  431. margin-top:13px;
  432. transition-duration: 0.6s;
  433. -moz-transition-duration: 0.6s;
  434. -webkit-transition-duration: 0.6s;
  435. -o-transition-duration: 0.6s;
  436. }
  437.  
  438. #left ul li {
  439. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  440. transition-duration: 0.6s;
  441. -moz-transition-duration: 0.6s;
  442. -webkit-transition-duration: 0.6s;
  443. -o-transition-duration: 0.6s;
  444. width:130px;
  445. }
  446.  
  447. #right ul li {
  448. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  449. direction:rtl;
  450. transition-duration: 0.6s;
  451. -moz-transition-duration: 0.6s;
  452. -webkit-transition-duration: 0.6s;
  453. -o-transition-duration: 0.6s;
  454. width:130px;
  455. }
  456.  
  457. #left ul {
  458. padding-right:25px;
  459. }
  460.  
  461. #right ul {
  462. padding-right:45px;
  463. padding-left:25px;
  464. }
  465.  
  466. #left {
  467. text-align:left;
  468. transition-duration: 0.6s;
  469. -moz-transition-duration: 0.6s;
  470. -webkit-transition-duration: 0.6s;
  471. -o-transition-duration: 0.6s;
  472. left:50%; /* do NOT adjust this to try and change the links position */
  473. margin-left:-350px;
  474. margin-top:-200px;
  475. }
  476.  
  477. #left a {
  478. margin-left:6px;
  479. }
  480.  
  481. #right {
  482. text-align:right;
  483. transition-duration: 0.6s;
  484. -moz-transition-duration: 0.6s;
  485. -webkit-transition-duration: 0.6s;
  486. -o-transition-duration: 0.6s;
  487. left:50%; /* do NOT adjust this to try and change the links position */
  488. margin-left:150px;
  489. margin-top:-200px;
  490. }
  491.  
  492. #right a {
  493. margin-right:6px;
  494. }
  495.  
  496. /* begin infobox stylings */
  497.  
  498. #infobar {
  499. margin-top:9px;
  500. width:270px;
  501. float:right;
  502. }
  503.  
  504. #infobar a {
  505. color:{color:Info Box Link};
  506. position:relative;
  507. z-index:62;
  508. }
  509.  
  510. .infobox {
  511. width:240px;
  512. background-color:{color:Info Box Background};
  513. border:1px dotted {color:Posts Border};
  514. font-size:11px;
  515. padding:15px;
  516. margin-bottom:50px;
  517. box-shadow:0px 0px 0px 9px {color:Info Box Border};
  518. color:{color:Info Box Text};
  519. }
  520.  
  521. .infobox li {
  522. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  523. border-bottom:1px solid #e4e4e4;
  524. padding:4px 8px;
  525. width:180px;
  526. margin-left:-15px;
  527. text-transform:uppercase;
  528. transition-duration: 0.6s;
  529. -moz-transition-duration: 0.6s;
  530. -webkit-transition-duration: 0.6s;
  531. -o-transition-duration: 0.6s;
  532. }
  533.  
  534. .infobox li a {
  535. padding: 6px 8px;
  536. margin:-4px -8px;
  537. display:inline-block;
  538. transition-duration: 0.6s;
  539. -moz-transition-duration: 0.6s;
  540. -webkit-transition-duration: 0.6s;
  541. -o-transition-duration: 0.6s;
  542. }
  543.  
  544.  
  545. .infobox ul li:nth-child(odd):hover a {
  546. box-shadow:inset 240px 0px {color:Info Box Odd Links Hover};
  547. -webkit-box-shadow:inset 240px 0px {color:Info Box Odd Links Hover};
  548. transition-duration: 0.6s;
  549. -moz-transition-duration: 0.6s;
  550. -webkit-transition-duration: 0.6s;
  551. -o-transition-duration: 0.6s;
  552. }
  553.  
  554. .infobox ul li:nth-child(even):hover a {
  555. box-shadow:inset 240px 0px {color:Info Box Even Links Hover};
  556. -webkit-box-shadow:inset 240px 0px {color:Info Box Even Links Hover};
  557. transition-duration: 0.6s;
  558. -moz-transition-duration: 0.6s;
  559. -webkit-transition-duration: 0.6s;
  560. -o-transition-duration: 0.6s;
  561. }
  562.  
  563. .users {
  564. margin:15px auto 0px auto;
  565. width:207px;
  566. }
  567.  
  568. .users img {
  569. width:45px;
  570. height:45px;
  571. border-radius:100%;
  572. padding:5px;
  573. background-color:#fbfbfb;
  574. border:1px dotted #ddd;
  575. margin:2px 4px;
  576. }
  577.  
  578. .infobox p {
  579. line-height:190%;
  580. }
  581.  
  582. .project img {
  583. width:240px;
  584. margin-top:15px;
  585. }
  586.  
  587. h4 {
  588. font-size:14px;
  589. text-align:center;
  590. font-family:'Quicksand Bold', 'Quicksand';
  591. font-weight:700;
  592. margin:6px 0px -8px 0px;
  593. }
  594.  
  595. table img {
  596. width:45px;
  597. height:45px;
  598. border-radius:100%;
  599. vertical-align:middle;
  600. padding:5px;
  601. background-color:#fbfbfb;
  602. border:1px dotted #ddd;
  603. margin:5px 6px 5px 0px;
  604. }
  605.  
  606. table {
  607. vertical-align:middle;
  608. font-size:11px;
  609. text-transform:uppercase;
  610. margin-top:10px;
  611. }
  612.  
  613. tr {
  614. height:70px;
  615. }
  616.  
  617. #sb {
  618. vertical-align:top;
  619. }
  620.  
  621. .sfm input {
  622. font-family: 'Quicksand Regular', 'Quicksand', sans-serif;
  623. text-transform:uppercase;
  624. font-size:11px;
  625. border: 0px;
  626. margin-top: 2px;
  627. letter-spacing: 1px;
  628. padding: 4px 8px;
  629. background-color:#ffffff;
  630. }
  631.  
  632. /* begin post stylings */
  633.  
  634.  
  635. video, iframe, object, embed {
  636. max-width: 100%;
  637. }
  638.  
  639. .ask {
  640. display:block;
  641. background-color:#fbfbfb;
  642. border-top:1px solid #e5e5e5;
  643. border-bottom:1px solid #e5e5e5;
  644. margin-top:40px;
  645. padding:20px;
  646. }
  647.  
  648. .askerimg img {
  649. border-radius:40px;
  650. margin-top:-48px;
  651. background-color:#ffffff;
  652. padding:5px;
  653. position:absolute;
  654. margin-left:-30px;
  655. border:1px dashed #ddd;
  656. transform: rotate(0deg);
  657. -webkit-transition-duration: 1s;
  658. -moz-transform: rotate(0deg);
  659. -webkit-transform: rotate(0deg);
  660. -o-transform: rotate(0deg);
  661. }
  662.  
  663. #askimg img:hover {
  664. transform: rotate(360deg);
  665. -webkit-transition-duration: 1s;
  666. -moz-transform: rotate(360deg);
  667. -webkit-transform: rotate(360deg);
  668. -o-transform: rotate(360deg);
  669. }
  670.  
  671. #audio {
  672. margin-top:80px;
  673. }
  674.  
  675. #defaultart img {
  676. margin-top:-88px;
  677. border-radius:100%;
  678. position:relative;
  679. z-index:29;
  680. padding:8px;
  681. margin-left:0px;
  682. }
  683.  
  684. #albumart img {
  685. border-radius:100%;
  686. position:absolute;
  687. z-index:30;
  688. padding:8px;
  689. margin-top:-146px;
  690. margin-left:-69px;
  691. }
  692.  
  693. .asker {
  694. font-family:'Quicksand Bold', 'Quicksand';
  695. font-weight:700;
  696. text-transform:uppercase;
  697. font-size:16px;
  698. letter-spacing:0.7px;
  699. margin-top:7px;
  700. }
  701.  
  702. .question {
  703. margin-top:0px;
  704. }
  705.  
  706. #player {
  707. overflow:hidden;
  708. width:30px;
  709. height:30px;
  710. z-index:32;
  711. position:absolute;
  712. margin-top:22px;
  713. margin-left:22px;
  714. opacity:0.6;
  715. transition-duration: 0.6s;
  716. -moz-transition-duration: 0.6s;
  717. -webkit-transition-duration: 0.6s;
  718. -o-transition-duration: 0.6s;
  719. }
  720.  
  721. #playerbg {
  722. border-radius:100%;
  723. opacity:0.6;
  724. z-index:31;
  725. width:70px;
  726. height:70px;
  727. background-color:#ffffff;
  728. position:absolute;
  729. margin-top:-112px;
  730. margin-left:196px;
  731. transition-duration: 0.6s;
  732. -moz-transition-duration: 0.6s;
  733. -webkit-transition-duration: 0.6s;
  734. -o-transition-duration: 0.6s;
  735. }
  736.  
  737. #playerbg:hover {
  738. opacity:0.9;
  739. transition-duration: 0.6s;
  740. -moz-transition-duration: 0.6s;
  741. -webkit-transition-duration: 0.6s;
  742. -o-transition-duration: 0.6s;
  743. }
  744.  
  745. #playerbg:hover #player {
  746. opacity:0.9;
  747. transition-duration: 0.6s;
  748. -moz-transition-duration: 0.6s;
  749. -webkit-transition-duration: 0.6s;
  750. -o-transition-duration: 0.6s;
  751. }
  752.  
  753. #quotemark {
  754. font-size:53px;
  755. color:{color:Post Links};
  756. opacity:0.8;
  757. font-family:"Calibri";
  758. margin-top:20px;
  759. position:absolute;
  760. }
  761.  
  762. #quote {
  763. display:block;
  764. margin-left:50px;
  765. font-family:'Quicksand Bold', 'Quicksand', sans-serif;
  766. font-weight:400;
  767. font-size:20px;
  768. line-height:150%;
  769. width:430px;
  770. }
  771.  
  772. #quotesource {
  773. margin-top:20px;
  774. text-align:right;
  775. display:block;
  776. padding:20px;
  777. background-color:{color:Post Title Background};
  778. font-style:italic;
  779. font-weight:100;
  780. font-size:12px;
  781. margin-bottom:15px;
  782. text-transform:uppercase;
  783. }
  784.  
  785. #chatpost ul {
  786. padding:0px;
  787. margin:-10px 0px 0px -20px;
  788. width:540px;
  789. }
  790.  
  791. #titlechat {
  792. width:510px;
  793. margin-left:-20px;
  794. background:{color:Posts Background};
  795. }
  796.  
  797. .chat li {
  798. list-style-type:none;
  799. padding:10px 20px;
  800. border-bottom:1px solid {color:Post Border};
  801. }
  802.  
  803. .chat li:nth-child(odd) {
  804. background-color:{color:Posts Background};
  805. }
  806.  
  807. .chat li:nth-child(even) {
  808. background: rgb(0, 0, 0);
  809. background: rgba(0, 0, 0, 0.05);
  810. }
  811.  
  812. .videoWrapper {
  813. height:0;
  814. padding-bottom:56.25%;
  815. position:relative;
  816. }
  817.  
  818. .videoWrapper iframe {
  819. height:100%;
  820. left:0;
  821. position:absolute;
  822. top:0;
  823. width:100%;
  824. }
  825.  
  826. /* begin post info stylings */
  827.  
  828. .postinfo {
  829. text-transform:uppercase;
  830. font-size:10px;
  831. width:500px;
  832. text-align:left;
  833. z-index:100;
  834. position:relative;
  835. margin-bottom:-10px;
  836. }
  837.  
  838. .postinfo a {
  839. background-color:{color:Posts Background};
  840. display:inline-block;
  841. }
  842.  
  843. .postinfo img {
  844. vertical-align:middle;
  845. }
  846.  
  847. .date {
  848. font-size:11px;
  849. text-transform:uppercase;
  850. letter-spacing:0.6px;
  851. float:right;
  852. background-color:{color:Posts Background};
  853. padding:5px 20px;
  854. margin-top:-36px;
  855. margin-left:-200px;
  856. color:{color:Tags};
  857. }
  858.  
  859. .date a {
  860. color:{color:Post Date} !important;
  861. }
  862.  
  863. .date a:hover {
  864. color:{color:Post Date Hover} !important;
  865. }
  866.  
  867. .bottomborder {
  868. width:540px;
  869. border-bottom:1px dotted {color:Posts Border};
  870. position:absolute;
  871. margin-top:-12px;
  872. z-index:-100;
  873. border-left:1px dotted {color:Posts Border};
  874. border-right:1px dotted {color:Posts Border};
  875. height:23px;
  876. }
  877.  
  878. .tags a {
  879. background-color:{color:Posts Background};
  880. padding:0px 6px;
  881. letter-spacing:0.4px;
  882. margin-right:3px;
  883. color:{color:Tags};
  884. vertical-align:-1px;
  885. transition-duration: 0.5s;
  886. -moz-transition-duration: 0.5s;
  887. -webkit-transition-duration: 0.5s;
  888. -o-transition-duration: 0.5s;
  889. }
  890.  
  891. .tags a:hover {
  892. color:{color:Tags Hover};
  893. transition-duration: 0.5s;
  894. -moz-transition-duration: 0.5s;
  895. -webkit-transition-duration: 0.5s;
  896. -o-transition-duration: 0.5s;
  897. }
  898.  
  899. .circles {
  900. padding-left:20px;
  901. }
  902.  
  903. .circles a {
  904. width:14px;
  905. height:14px;
  906. background-color:{color:Posts Background};
  907. border:1px solid {color:Post Info Circles};
  908. display:inline-block;
  909. border-radius:100%;
  910. margin-right:12px;
  911. vertical-align:middle;
  912. transition-duration: 0.3s;
  913. -moz-transition-duration: 0.3s;
  914. -webkit-transition-duration: 0.3s;
  915. -o-transition-duration: 0.3s;
  916. }
  917.  
  918. .circles a:hover {
  919. background-color:{color:Post Info Circles};
  920. transition-duration: 0.3s;
  921. -moz-transition-duration: 0.3s;
  922. -webkit-transition-duration: 0.3s;
  923. -o-transition-duration: 0.3s;
  924. }
  925.  
  926. /* begin misc stylings */
  927.  
  928. #pagination {
  929. font-family:'Quicksand Bold', 'Quicksand';
  930. font-weight:700;
  931. font-size:25px;
  932. width:100%;
  933. height:125px;
  934. position:relative;
  935. padding:35px 0px;
  936. }
  937.  
  938.  
  939. .current_page {
  940. color:{color:Post Info Circles};
  941. padding:0px 3px;
  942. line-height:125px;
  943. }
  944.  
  945. .jump_page {
  946. color:{color:Pagination};
  947. padding:0px 3px;
  948. line-height:125px;
  949. transition-duration: 0.5s;
  950. -moz-transition-duration: 0.5s;
  951. -webkit-transition-duration: 0.5s;
  952. -o-transition-duration: 0.5s;
  953. }
  954.  
  955. .jump_page:hover {
  956. color:{color:Pagination Hover};
  957. transition-duration: 0.5s;
  958. -moz-transition-duration: 0.5s;
  959. -webkit-transition-duration: 0.5s;
  960. -o-transition-duration: 0.5s;
  961. }
  962.  
  963. #notecontainer {
  964. width:540px;
  965. border:1px dotted {color:Posts Border};
  966. text-transform:uppercase;
  967. font-size:8px;
  968. background-color:{color:Posts Background};
  969. text-align:left;
  970. margin-bottom:80px;
  971. overflow-x:hidden;
  972. overflow-y:auto;
  973. max-height:550px;
  974. box-shadow:0px 0px 0px 20px {color:Posts Background};
  975. }
  976.  
  977. #notecontainer a {
  978. color:{color:Post Links};
  979. }
  980.  
  981. #notecontainer a:hover {
  982. color:{color:Post Links Hover};
  983. }
  984.  
  985. ol.notes {
  986. list-style-type:none;
  987. padding:0px;
  988. margin:5px 0px 0px 0px;
  989. }
  990.  
  991. li.note {
  992. padding:10px 20px;
  993. border-bottom:1px dotted {color:Posts Border};
  994. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  995. list-style-position:inside;
  996. }
  997.  
  998. li.note img {
  999. display:none;
  1000. }
  1001.  
  1002. li.more_notes_link_container {
  1003. list-style-image:none;
  1004. list-style-type:none;
  1005. border:none;
  1006. border-style:none;
  1007. background-color:{color:Post Info Background};
  1008. }
  1009.  
  1010.  
  1011. #notecontainer::-webkit-scrollbar {
  1012. width: 4px;
  1013. }
  1014.  
  1015. /* begin responsive layout */
  1016.  
  1017. @media only screen and (max-width: 1000px) {
  1018.  
  1019. #posts {
  1020. width:400px;
  1021. }
  1022.  
  1023. #entries {
  1024. width:440px;
  1025. }
  1026.  
  1027. #content {
  1028. width:460px;
  1029. }
  1030.  
  1031. #container {
  1032. width:870px;
  1033. }
  1034.  
  1035. .bottomborder {
  1036. width:440px;
  1037. }
  1038.  
  1039. #chatpost ul {
  1040. width:440px;
  1041. }
  1042.  
  1043. #titlechat {
  1044. width:410px;
  1045. }
  1046.  
  1047. #quote {
  1048. width:330px;
  1049. }
  1050.  
  1051. #playerbg {
  1052. margin-left:145px;
  1053. }
  1054.  
  1055. }
  1056.  
  1057. @media only screen and (max-width: 935px) {
  1058.  
  1059. #posts {
  1060. width:250px;
  1061. }
  1062.  
  1063. #entries {
  1064. width:290px;
  1065. }
  1066.  
  1067. #content {
  1068. width:310px;
  1069. }
  1070.  
  1071. #container {
  1072. width:720px;
  1073. }
  1074.  
  1075. .bottomborder {
  1076. width:290px;
  1077. }
  1078.  
  1079. #chatpost ul {
  1080. width:290px;
  1081. }
  1082.  
  1083. #titlechat {
  1084. width:260px;
  1085. }
  1086.  
  1087. #quote {
  1088. width:180px;
  1089. }
  1090.  
  1091. #playerbg {
  1092. margin-left:70px;
  1093. }
  1094.  
  1095. }
  1096.  
  1097.  
  1098. </style>
  1099.  
  1100. <body>
  1101.  
  1102. <!-- DO NOT ALTER THE THEME CREDIT -->
  1103. <div id="credit"><a href="http://heytonks.tumblr.com" title="heytonks">&copy;</a></div>
  1104. <!-- DO NOT ALTER THE THEME CREDIT -->
  1105.  
  1106. <div id="header">
  1107.  
  1108. <center><img src="{image:Header}"></center>
  1109.  
  1110. <center>
  1111. <div class="links" id="left">
  1112. <ul>
  1113. {block:iflink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  1114. {block:iflink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:iflink1}
  1115. {block:iflink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:iflink3}
  1116. </ul>
  1117. </div>
  1118.  
  1119. <div class="links" id="right">
  1120. <ul>
  1121. {block:iflink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:iflink4}
  1122. {block:iflink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:iflink5}
  1123. {block:iflink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:iflink6}
  1124. </ul>
  1125. </div>
  1126. </center>
  1127.  
  1128. </div>
  1129.  
  1130. <div id="container">
  1131.  
  1132. <div id="infobar">
  1133.  
  1134. <!-- FOR EXPLANATIONS ON HOW TO EDIT THE INFOBOXES, VISIT HTTP://SARAHTHEMES.TUMBLR.COM/THEME007 -->
  1135.  
  1136. <div class="infobox">
  1137. <center><h3>Site Info</h3></center>
  1138. <center><p>Welcome to Daily Rowling, a blog dedicated to the beautiful woman who has impacted a generation!</p></center>
  1139. <ul>
  1140. <li><b>Established:</b> July 2014</li>
  1141. <li><b>Online:</b> 5 Users</li>
  1142. </ul>
  1143. </div>
  1144.  
  1145. <div class="infobox">
  1146. <center><h3>Members</h3></center>
  1147. <div class="users">
  1148. <a href="http://heytonks.tumblr.com"><img src="https://38.media.tumblr.com/avatar_34f2f5e9ff6b_64.png" title="heytonks"></a>
  1149. <a href="http://cedricdiggxry.tumblr.com"><img src="https://31.media.tumblr.com/99a748721d9f97060d589c0a8d45b83d/tumblr_inline_n9ndqhFu9S1reiszd.png" title="cedricdiggxry"></a>
  1150. <a href="http://siriusblvcks.tumblr.com"><img src="https://31.media.tumblr.com/a449ff7c38f3a1554389092303c6368b/tumblr_inline_n9anjhxpH41spibm3.png" title="siriusblvcks"></a>
  1151. <a href="http://acciogallifreys.tumblr.com"><img src="https://31.media.tumblr.com/avatar_8a06c1a299f2_128.png" title="acciogallifreys"></a>
  1152. <a href="http://potterwatch-wireless.tumblr.com"><img src="https://33.media.tumblr.com/avatar_8a2689bfbbb8_128.png" title="potterwatch-wireless"></a>
  1153. <a href="http://teemstarkid.tumblr.com"><img src="https://31.media.tumblr.com/673e7c5f46d5d287d3035e55d8932006/tumblr_inline_n990xvnU2T1spibm3.png" title="teemstarkid"></a>
  1154. <a href="http://bravetonks.tumblr.com"><img src="https://31.media.tumblr.com/avatar_7d5b233f993b_128.png" title="bravetonks"></a>
  1155. <a href="http://gallifreymoon.tumblr.com"><img src="https://31.media.tumblr.com/d4925989172474ed9e3a1ad43e9b09b1/tumblr_inline_n95wkbStuP1s8pff8.png" title="gallifreymoon"></a>
  1156. <a href="http://jkrowliing.tumblr.com"><img src="https://31.media.tumblr.com/abdb49a7776c500687cbd89f1525d787/tumblr_inline_n96q0woNJs1sk0tzb.jpg" title="jkrowliing"></a>
  1157. </div>
  1158. </div>
  1159.  
  1160. <div class="infobox">
  1161. <center><h3>News</h3></center>
  1162. <ul>
  1163. <li><a href="http://sarahthemes007.tumblr.com/ask">Requests Now Open</a></li>
  1164. <li><a href="http://www.leakynews.com/new-harry-potter-story-features-familiar-characters-65587/">New Pottermore Content</a></li>
  1165. <li><a href="http://www.independent.co.uk/news/people/worlds-orphans-must-get-more-help-says-jk-rowling-9644677.htmlm">"World's Orphans Must Get More Help" says Rowling</a></li>
  1166. <li><a href="http://www.theguardian.com/stage/2014/may/09/jk-rowling-harry-potter-play-west-end">JKR Announces Harry Potter Stage Play</a></li>
  1167. </ul>
  1168. </div>
  1169.  
  1170. <div class="infobox">
  1171. <center><h3>Projects</h3></center>
  1172. <div class="project">
  1173. <img src="http://static.tumblr.com/vdw1lg6/KnNn9qmg4/project1.png">
  1174. <h4>Light Up Jo's Birthday</h4>
  1175. <ul>
  1176. <li><b>By:</b> Lumos</li>
  1177. <li><b>Goal:</b> £2,000.00</li>
  1178. <li><a href="http://uk.virginmoneygiving.com/fundraiser-web/fundraiser/showFundraiserProfilePage.action?userUrl=lightupjosbday"><b>Status:</b> Donate Now</a></li>
  1179. </ul>
  1180. </div>
  1181. <div class="project">
  1182. <img src="http://static.tumblr.com/vdw1lg6/1Gvn9qmg9/project2.png">
  1183. <h4>The Silkworm</h4>
  1184. <ul>
  1185. <li><b>By:</b> Robert Galbraith</li>
  1186. <li><b>Release:</b> June 19th, 2014</li>
  1187. <li><b>Status:</b> Available Now</li>
  1188. </ul>
  1189. </div>
  1190. </div>
  1191.  
  1192. <div class="infobox">
  1193. <center><h3>Affiliates</h3></center>
  1194. <table>
  1195. <tr>
  1196. <td>
  1197. <a href="http://sarahthemes.tumblr.com"><img src="https://33.media.tumblr.com/avatar_a3f75de89911_128.png" title="sarahthemes"></a>
  1198. </td>
  1199. <td>
  1200. <b>sarahthemes</b><br/>themes by heytonks
  1201. </td>
  1202. </tr>
  1203. <tr>
  1204. <td>
  1205. <a href="http://heytonks.tumblr.com"><img src="https://38.media.tumblr.com/avatar_34f2f5e9ff6b_64.png" title="heytonks"></a>
  1206. </td>
  1207. <td>
  1208. <b>heytonks</b><br/>lots of harry potter
  1209. </td>
  1210. </tr>
  1211. <tr>
  1212. <td>
  1213. <a href="http://thehtmlhotties.tumblr.com"><img src="https://38.media.tumblr.com/avatar_1439c6a30687_96.png" title="thehtmlhotties"></a>
  1214. </td>
  1215. <td>
  1216. <b>thehtmlhotties</b><br/>for all your design needs
  1217. </td>
  1218. </tr>
  1219. </table>
  1220. </div>
  1221.  
  1222. <div class="infobox"><center>
  1223. <form action="/search" method="get" class="sfm">
  1224. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1225. <input type="image" value="Search" src="http://static.tumblr.com/vdw1lg6/Xzhn5fkiw/search.png" height="13px;" id="sb"/>
  1226. </form>
  1227. </center></div>
  1228.  
  1229. </div>
  1230.  
  1231.  
  1232. <!-- posts -->
  1233.  
  1234. <div id="content">
  1235.  
  1236. {block:Posts}
  1237.  
  1238. <div id="entries">
  1239.  
  1240. <div id="posts">
  1241.  
  1242. {block:ContentSource}
  1243. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1244. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1245. {/block:SourceLogo}
  1246. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1247. {/block:ContentSource}
  1248.  
  1249. {block:IndexPage}
  1250. {block:Date}<div class="date"><a href="{Permalink}" title="{TimeAgo}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}</a></div>{/block:Date}
  1251. {/block:IndexPage}
  1252.  
  1253. {block:PermalinkPage}
  1254. {block:Date}<div class="date"><a href="{Permalink}" title="{TimeAgo}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}</a></div>{/block:Date}
  1255. {/block:PermalinkPage}
  1256.  
  1257. {block:ContentSource}
  1258. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1259. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1260. {/block:SourceLogo}
  1261. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1262. {/block:ContentSource}
  1263.  
  1264. {block:Text}
  1265. {block:Title}<h1>{Title}</h1>{/block:Title}
  1266. {block:Title}<div style="margin-top:20px;">{/block:Title}<div style="margin-top:-10px;">{Body}</div>{block:Title}</div>{/block:Title}
  1267. {/block:Text}
  1268.  
  1269. {block:Photo}
  1270. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  1271. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1272. {/block:Photo}
  1273.  
  1274. {block:Panorama}
  1275. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  1276. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1277. {/block:Panorama}
  1278.  
  1279. {block:Photoset}
  1280. {Photoset}
  1281. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1282. {/block:Photoset}
  1283.  
  1284. {block:Quote}
  1285. <div id="quotemark">❝</div>
  1286. <div id="quote">{Quote}</div>
  1287. {block:Source}<div id="quotesource">— {Source}</div>{/block:Source}
  1288. {/block:Quote}
  1289.  
  1290. {block:Link}
  1291. <h1><a href="{URL}">{Name}</a></h1>
  1292. {block:Description}{Description}{/block:Description}
  1293. {/block:Link}
  1294.  
  1295. {block:Chat}
  1296. <div id="chatpost">
  1297. {block:Title}<h1 id="titlechat">{Title}</h1>{/block:Title}
  1298. <ul class="chat">
  1299. {block:Lines}
  1300. <li class="{Alt} user_{UserNumber}">
  1301. {block:Label}<b>{Label}</b>{/block:Label}
  1302. {Line}</li>{/block:Lines}</ul>
  1303. </div>
  1304. {/block:Chat}
  1305.  
  1306. {block:Audio}<center><div class="ask" id="audio">
  1307. <div class="askerimg" id="defaultart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="120" alt="default album art"/></div>
  1308. {block:AlbumArt}<div class="askerimg" id="albumart"><img src="{AlbumArtURL}" width="120"></div>{/block:AlbumArt}
  1309. <div id="playerbg"><div id="player">{AudioPlayerWhite}</div></div>
  1310. <div class="asker">{block:TrackName}{TrackName}{/block:TrackName}
  1311. <div style="font-size:12px; font-family:'Quicksand Regular', 'Quicksand'; line-height:140%; margin-top:-15px;">{block:Artist}<br/>{Artist}{/block:Artist}{block:PlayCount}<br/>Plays: {FormattedPlayCount}{/block:PlayCount}</div></div>
  1312. </div>
  1313. </center>
  1314. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1315. {/block:Audio}
  1316.  
  1317. {block:Video}
  1318. <div class=”videoWrapper”>{VideoEmbed-500}</div>
  1319. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1320. {/block:Video}
  1321.  
  1322. {block:Answer}<center><div class="ask">
  1323. <div class="askerimg" id="askimg"><img src="{AskerPortraitURL-40}"></div>
  1324. <div class="asker">{Asker} asked:</div>
  1325. <div class="question">{Question}</div></div></center>
  1326. {Answer}
  1327. {/block:Answer}
  1328.  
  1329. <!-- post info -->
  1330.  
  1331. </div>
  1332.  
  1333. {block:IndexPage}
  1334. <div class="postinfo">
  1335. <div class="bottomborder"></div>
  1336. <span class="circles">{block:Date}<a href="{Permalink}" title="&hearts;{NoteCount}"></a>{/block:Date}
  1337. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}"></a>{/block:RebloggedFrom}
  1338. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="&copy; {ReblogRootName}"></a>{/block:RebloggedFrom}</span>
  1339. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/tag-small.png">{Tag}</a> {/block:Tags}</span>{/block:HasTags}
  1340. </div>
  1341. {/block:IndexPage}
  1342.  
  1343. {block:PermalinkPage}
  1344. <div class="postinfo">
  1345. <div class="bottomborder"></div>
  1346. <span class="circles">{block:Date}<a href="{Permalink}" title="&hearts;{NoteCount}"></a>{/block:Date}
  1347. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}"></a>{/block:RebloggedFrom}
  1348. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="&copy; {ReblogRootName}"></a>{/block:RebloggedFrom}</span>
  1349. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/tag-small.png">{Tag}</a> {/block:Tags}</span>{/block:HasTags}
  1350. </div>
  1351. {/block:PermalinkPage}
  1352.  
  1353. <!-- end posts -->
  1354.  
  1355. </div>
  1356.  
  1357. {/block:Posts}
  1358.  
  1359. {block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1360.  
  1361. </div> <!-- end content -->
  1362.  
  1363.  
  1364. </div>
  1365.  
  1366. <center>{block:Pagination}<div id="pagination">
  1367. {block:JumpPagination length="5"}
  1368. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1369. {block:JumpPage}<a href="{URL}" class="jump_page">{PageNumber}</a>{/block:JumpPage}
  1370. {/block:JumpPagination}
  1371. </div>{/block:Pagination}</center>
  1372.  
  1373. <!-- place scripts before body tag to make page load faster -->
  1374.  
  1375. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1376.  
  1377. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  1378.  
  1379. <script>
  1380. (function($){
  1381. $(document).ready(function(){
  1382. $("[title],a[title],img[title]").style_my_tooltips({
  1383. tip_follows_cursor:"true",
  1384. tip_delay_time:0,
  1385. tip_fade_speed:0,
  1386. attribute:"title"
  1387. });
  1388. });
  1389. })(jQuery);
  1390. </script>
  1391.  
  1392. </body>
  1393.  
  1394. </html>
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!