sofiiayala

Theme 21 for Tumblr

Mar 29th, 2014
6,072
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.60 KB | None | 0 0
  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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----Theme 21 by castiiel. DON'T STEAL NOR COVER THE CREDIT, CUSTOMIZE IT AS MUCH AS YOU WANT BUT DON'T STEAL IT, IT'S ILLEGAL --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:title" content="#999"/>
  14. <meta name="color:border" content="#ccc"/>
  15. <meta name="color:sidebar dots" content="#ffffff"/>
  16. <meta name="color:description background" content="#ffffff"/>
  17. <meta name="color:sidebar text" content="#404040"/>
  18. <meta name="color:scrollbar" content="#999"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="image:background" content=""/>
  22. <meta name="image:cursor" content="https://41.media.tumblr.com/11d50221769e5bbe99599cae50b8aeec/tumblr_nm5471IFbL1rrg0n2o1_75sq.png"/>
  23.  
  24. <meta name="if:500px posts" content="0"/>
  25. <meta name="if:double column" content="0"/>
  26. <meta name="if:infinite scroll" content="0">
  27. <meta name="if:hover sidebar" content=""/>
  28. <meta name="if:hide description" content="0"/>
  29. <meta name="if:hide links" content="0"/>
  30. <meta name="if:hide title" content="0"/>
  31. <meta name="if:credit on the left" content="0"/>
  32. <meta name="if:repeat background" content="0"/>
  33. <meta name="if:info on hover" content="0"/>
  34. <meta name="if:tags on hover" content="1"/>
  35. <meta name="if:show notes on click" content="0"/>
  36. <meta name="if:show via and source" content="0"/>
  37.  
  38. <meta name="text:title" content=""/>
  39. <meta name="text:link 1 message" content="Link 1"/>
  40. <meta name="text:link 1" content="/"/>
  41. <meta name="text:link 2 message" content="Link 2"/>
  42. <meta name="text:link 2" content="/"/>
  43. <meta name="text:link 3 message" content="Link 3"/>
  44. <meta name="text:link 3" content="/"/>
  45. <meta name="text:link 4 message" content="Link 4"/>
  46. <meta name="text:link 4" content="/"/>
  47. <meta name="text:link 5 message" content="Link 5"/>
  48. <meta name="text:link 5" content="/"/>
  49.  
  50. <meta name="select:sidebar title font" content="satisfy" title="Satisfy">
  51. <meta name="select:sidebar title font" content="marck" title="Marck Script">
  52. <meta name="select:sidebar title font" content="sans-serif" title="Sans-serif">
  53. <meta name="select:sidebar title font" content="serif" title="Serif">
  54.  
  55. <link rel="stylesheet" type="text/css" href="simptip.min.css" media="screen,projection" />
  56.  
  57. {block:IfInfiniteScroll}
  58. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  59. {/block:IfInfiniteScroll}
  60.  
  61. {block:ifShownotesonclick}
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  63.  
  64. <script src="jquery.js"></script>
  65. <script>
  66. $(document).ready(function(){
  67. $("#notes").click(function(){
  68. $("ol.notes").slideToggle("slow");
  69. });
  70. });
  71. </script>
  72. {/block:ifShownotesonclick}
  73.  
  74. <script type="text/javascript">
  75. WebFontConfig = {
  76. google: { families: [ 'Lato:300,400:latin', 'Satisfy::latin', 'Marck+Script::latin' ] }
  77. };
  78. (function() {
  79. var wf = document.createElement('script');
  80. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  81. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  82. wf.type = 'text/javascript';
  83. wf.async = 'true';
  84. var s = document.getElementsByTagName('script')[0];
  85. s.parentNode.insertBefore(wf, s);
  86. })(); </script>
  87.  
  88.  
  89. <style type="text/css">
  90.  
  91. #dhtmltooltip{
  92. position: absolute;
  93. padding:7px;
  94. padding-bottom: 3px;
  95. padding-top: 3px;
  96. margin-left:70px;
  97. margin-top: -7px;
  98. border: 1px solid {color:border};
  99. background: {color:background}; /* change the background color */
  100. font-family:helvetica; /* change the font */
  101. font-size:7px; /* change the font size */
  102. letter-spacing:1px; /* change the letter spacing */
  103. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  104. font-style: bold;
  105. color:{color:text}; /* change the text color */
  106. visibility: hidden;
  107. z-index: 100;
  108. opacity:.8;
  109. /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  110. filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  111. }
  112.  
  113. ::-webkit-scrollbar {width: 4px; height: 4px; background: {color:background}; }
  114. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }
  115.  
  116. body {
  117. background:{color:background};
  118. margin:0px;
  119. color:{color:text};
  120. font-family:'Lato', sans-serif;
  121. letter-spacing: 0.8px;
  122. line-height: 130%;
  123. font-size:10px;
  124. background-image:url("{image:background}");
  125. background-size:cover;
  126. {block:ifRepeatbackground}
  127. background-size:auto;
  128. background-repeat: repeat;
  129. {block:ifRepeatbackground}
  130. background-attachment:fixed;
  131. background-position: top left;
  132. }
  133.  
  134. body, a, a:hover {cursor: url("{image:cursor}"), auto;}
  135.  
  136. a {
  137. text-decoration:none;
  138. outline:none;
  139. -moz-outline-style:none;
  140. color:{color:link};
  141. }
  142.  
  143. img {
  144. border:none;
  145. }
  146.  
  147. p {
  148. margin-left: 0px;
  149. margin-right: 0px;
  150. word-wrap: break-word;
  151. }
  152.  
  153. pre {
  154. white-space: pre-wrap;
  155. white-space: -moz-pre-wrap;
  156. white-space: -pre-wrap;
  157. white-space: -o-pre-wrap;
  158. word-wrap: break-word;
  159. }
  160.  
  161. blockquote {
  162. padding-left:5px;
  163. border-left:1px solid;
  164. margin-left: 0px;
  165. margin-right: 0px;
  166. }
  167.  
  168. h1 {
  169. font-size:17px;
  170. font-family:'Lato', sans-serif;
  171. font-weight: 300;
  172. letter-spacing: 1.5px;
  173. line-height:130%;
  174. text-align: left;
  175. }
  176.  
  177. h2 {
  178. font-size:15px;
  179. font-family:'Lato', sans-serif;
  180. font-weight: 300;
  181. letter-spacing: 1.5px;
  182. line-height:130%;
  183. text-align: left;
  184. }
  185.  
  186. #entries {
  187. {block:ifnotDoublecolumn}
  188. width:400px;
  189. {block:if500pxposts}
  190. width:500px;
  191. {/block:if500pxposts}
  192. {/block:ifnotDoublecolumn}
  193. {block:ifDoublecolumn}
  194. width:600px;
  195. {/block:ifDoublecolumn}
  196. margin-left:550px;
  197. margin-top:10px;
  198. margin-bottom:30px;
  199. }
  200.  
  201. #post {
  202. float:left;
  203. {block:ifnotDoublecolumn}
  204. width:400px;
  205. {block:if500pxposts}
  206. width:500px;
  207. {/block:if500pxposts}
  208. margin-top: 80px;
  209. margin-bottom: 50px;
  210. {/block:ifnotDoublecolumn}
  211. {block:ifDoublecolumn}
  212. width:250px;
  213. margin-right:50px;
  214. margin-top:60px;
  215. {/block:ifDoublecolumn}
  216. }
  217.  
  218. .textp img{
  219. {block:ifnotDoublecolumn}
  220. max-width:400px;
  221. height:auto;
  222. {block:if500pxposts}
  223. max-width:500px;
  224. {/block:if500pxposts}
  225. {/block:ifnotDoublecolumn}
  226. {block:ifDoublecolumn}
  227. width:250px;
  228. height:auto;
  229. {/block:ifDoublecolumn}
  230. }
  231.  
  232. #post:hover #tags {
  233. opacity: 1;
  234. transition: all 0.3s linear;
  235. -webkit-transition: opacity 0.3s linear;
  236. -webkit-transition: all 0.3s linear;
  237. -moz-transition: all 0.3s linear;
  238. }
  239.  
  240. #post:hover #info {
  241. opacity: 1;
  242. transition: all 0.3s linear;
  243. -webkit-transition: opacity 0.3s linear;
  244. -webkit-transition: all 0.3s linear;
  245. -moz-transition: all 0.3s linear;
  246. }
  247.  
  248. .serif {
  249. font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  250. font-size:17px;
  251. margin-bottom: 2px;
  252. }
  253.  
  254. .sans-serif {
  255. font-weight:300;
  256. font-family:"Lato", sans-serif;
  257. font-size:17px;
  258. margin-bottom: 2px;
  259. }
  260.  
  261. .satisfy {
  262. font-family:"Satisfy", sans-serif;
  263. font-size:19px;
  264. }
  265.  
  266. .marck {
  267. font-family:"Marck Script", sans-serif;
  268. font-size:19px;
  269. }
  270.  
  271. #title {
  272. width:209px;
  273. padding:0px 2px;
  274. position:relative;
  275. text-align:right;
  276. z-index:9999;
  277. color:{color:title};
  278. {block:ifHoversidebar}
  279. opacity:0;
  280. {/block:ifHoversidebar}
  281. transition: all 0.4s linear;
  282. -webkit-transition: opacity 0.4s linear;
  283. -webkit-transition: all 0.4s linear;
  284. -moz-transition: all 0.4s linear;
  285. }
  286.  
  287. #sidebar {
  288. width:200px;
  289. height: 235px;
  290. border: 4px double {color:background};
  291. padding: 6.5px;
  292. position:fixed;
  293. margin-left:250px;
  294. top:50%;
  295. margin-top:-128px;
  296. background-image:url("{image:sidebar}");
  297. background-position:-4px -4px;
  298. background-size:auto 256px;
  299. background-color: {color:background};
  300. transition: all 0.4s linear;
  301. -webkit-transition: opacity 0.4s linear;
  302. -webkit-transition: all 0.4s linear;
  303. -moz-transition: all 0.4s linear;
  304. }
  305.  
  306. #sidebar:hover #title {
  307. opacity:1;
  308. }
  309.  
  310. #sidebar:hover #con {
  311. position: absolute;
  312. bottom: 6.5px;
  313. left: 0px;
  314. }
  315.  
  316. #sidebar:hover #links {
  317. margin-left: 0px;
  318. -webkit-transition-delay: 0.3s;
  319. transition-delay: 0.3s;
  320. }
  321.  
  322. #sidebar:hover .circle {
  323. border: 2px {color:sidebar dots} solid;
  324. -webkit-transition-delay: 0.3s;
  325. transition-delay: 0.3s;
  326. }
  327.  
  328. #sidebar:hover #description {
  329. opacity: 0.8;
  330. }
  331.  
  332. #con {
  333. position: absolute;
  334. bottom: 6.5px;
  335. left: 0px;
  336. {block:ifHoversidebar}
  337. position: absolute;
  338. bottom: 20px;
  339. left: 0px;
  340. {/block:ifHoversidebar}
  341. transition: all 0.4s linear;
  342. -webkit-transition: opacity 0.4s linear;
  343. -webkit-transition: all 0.4s linear;
  344. -moz-transition: all 0.4s linear;
  345. }
  346.  
  347. #description {
  348. padding:15px;
  349. position:relative;
  350. text-align:justify;
  351. background-color: {color:description background};
  352. opacity: 0.8;
  353. z-index:8;
  354. font-family: 'lato', sans-serif;
  355. letter-spacing: 0.5px;
  356. line-height: 150%;
  357. color: {color:sidebar text};
  358. {block:ifHoversidebar}
  359. opacity:0;
  360. text-align:justify;
  361. {/block:ifHoversidebar}
  362. transition: all 0.4s linear;
  363. -webkit-transition: opacity 0.4s linear;
  364. -webkit-transition: all 0.4s linear;
  365. -moz-transition: all 0.4s linear;
  366. }
  367.  
  368. #links {
  369. width: 100%;
  370. {block:ifHoversidebar}
  371. margin-left: -10px;
  372. -webkit-transition-delay: 0.3s;
  373. transition-delay: 0.3s;
  374. {/block:ifHoversidebar}
  375. text-align:center;
  376. transition: all 0.4s linear;
  377. -webkit-transition: opacity 0.4s linear;
  378. -webkit-transition: all 0.4s linear;
  379. -moz-transition: all 0.4s linear;
  380. }
  381.  
  382. #links a {
  383. width: 8px;
  384. display: block;
  385. }
  386.  
  387. .circle {
  388. border-radius: 100%;
  389. opacity:1;
  390. width: 4px;
  391. height: 4px;
  392. border: 2px {color:sidebar dots} solid;
  393. background-color: transparent;
  394. {block:ifHoversidebar}
  395. border-color: transparent;
  396. background-color: transparent;
  397. -webkit-transition-delay: 0.3s;
  398. transition-delay: 0.3s;
  399. {block:ifHoversidebar}
  400. transition: all 0.4s linear;
  401. -webkit-transition: opacity 0.4s linear;
  402. -webkit-transition: all 0.4s linear;
  403. -moz-transition: all 0.4s linear;
  404. }
  405.  
  406. .circle:hover {
  407. border-radius: 100%;
  408. width: 4px;
  409. height: 4px;
  410. border: 2px {color:sidebar dots} solid;
  411. background-color: {color:sidebar dots};
  412. }
  413.  
  414. #pagination {
  415. {block:ifnotDoublecolumn}
  416. width:400px;
  417. {block:if500pxposts}
  418. width:500px;
  419. {/block:if500pxposts}
  420. {/block:ifnotDoublecolumn}
  421. {block:ifDoublecolumn}
  422. width:550px;
  423. {/block:ifDoublecolumn}
  424. margin-left:550px;
  425. padding-top: 5px;
  426. line-height: 130%;
  427. text-align:center;
  428. font-size:10px;
  429. bottom:0px;
  430. padding-bottom: 40px;
  431. color:{color:text};
  432. letter-spacing: 2px;
  433. font-weight:bolder;
  434. font-family: 'Lato', sans-serif;
  435. -webkit-transition: opacity 0.3s linear;
  436. -webkit-transition: all 0.3s linear;
  437. -moz-transition: all 0.3s linear;
  438. transition: all 0.3s linear;
  439. }
  440.  
  441. #pagination a {
  442. color:{color:text};
  443. border-bottom: 1px solid {color:background};
  444. padding-bottom: 3px;
  445. opacity: 1;
  446. -webkit-transition: opacity 0.3s linear;
  447. -webkit-transition: all 0.3s linear;
  448. -moz-transition: all 0.3s linear;
  449. transition: all 0.3s linear;
  450. }
  451.  
  452. #pagination a:hover {
  453. border-bottom: 1px solid {color:border};
  454. padding-bottom: 3px;
  455. opacity: 1;
  456. -webkit-transition: opacity 0.3s linear;
  457. -webkit-transition: all 0.3s linear;
  458. -moz-transition: all 0.3s linear;
  459. transition: all 0.3s linear;
  460. }
  461.  
  462. #info {
  463. text-align:center;
  464. letter-spacing:0.5px;
  465. margin-top:15px;
  466. font-family:'lato', sans-serif;
  467. opacity:1;
  468. {block:ifInfoonhover}
  469. opacity:0;
  470. {block:permalinkpage}
  471. opacity: 1;
  472. {/block:permalinkpage}
  473. {/block:ifInfoonhover}
  474. -webkit-transition: opacity 0.3s linear;
  475. -webkit-transition: all 0.3s linear;
  476. -moz-transition: all 0.3s linear;
  477. transition: all 0.3s linear;
  478. }
  479.  
  480. .question{
  481. text-align: center;
  482. margin-bottom:10px;
  483. padding: 8px 0px;
  484. border-bottom: 1px solid {color:border};
  485. }
  486.  
  487. .answer{
  488. text-align: left;
  489. }
  490.  
  491. .asker a {
  492. color: {color:text};
  493. }
  494.  
  495. .sources
  496. {
  497. filter:alpha(opacity=0);
  498. opacity:0;
  499. font-size: 0px;
  500. }
  501.  
  502. #quote {
  503. font-size:17px;
  504. font-family:'Lato', sans-serif;
  505. font-weight: 300;
  506. letter-spacing: 1.5px;
  507. line-height:130%;
  508. text-align: center;
  509. }
  510.  
  511. #cover {
  512. position: relative;
  513. z-index: 1;
  514. height: 80px;
  515. float:left;
  516. margin:4px;
  517. box-shadow:0px 0px 5px {color:shadow};
  518. }
  519.  
  520. #button {
  521. width:20px;
  522. height:30px;
  523. overflow: hidden;
  524. position: relative;
  525. z-index: 99;
  526. margin: 15px 24px 13px 16px;
  527. }
  528.  
  529. #buttons {
  530. background-color: #fff;
  531. position: absolute;
  532. z-index: 99;
  533. margin-top: 15px;
  534. margin-left: 15px;
  535. opacity: 0;
  536. -webkit-transition: opacity 0.5s linear;
  537. -webkit-transition: all 0.5s linear;
  538. -moz-transition: all 0.5s linear;
  539. -o-transition: all 0.5s linear;
  540. }
  541.  
  542. #post:hover #buttons {
  543. opacity:0.5;
  544. }
  545.  
  546. #musicinfo {
  547. margin-left: 110px;
  548. font-size:10px;
  549. min-height:70px;
  550. text-align:left;
  551. position: relative;
  552. }
  553.  
  554. #notes {
  555. text-transform: uppercase;
  556. font-size:12px;
  557. font-family:'Lato', sans-serif;
  558. letter-spacing:1.6px;
  559. font-weight:bolder;
  560. border-bottom: solid 1px {color:border};
  561. text-align:left;
  562. padding-bottom:7px;
  563. {block:ifShownotesonclick}
  564. cursor:help!Important;
  565. {/block:ifShownotesonclick}
  566. }
  567.  
  568. ol.notes {
  569. padding: 0px;
  570. margin: 15px 0px;
  571. list-style-type: none;
  572. width:400px;
  573. {block:if500pxposts}
  574. width:500px;
  575. {/block:if500pxposts}
  576. {block:ifShownotesonclick}
  577. display:none;
  578. {/block:ifShownotesonclick}
  579. }
  580.  
  581. ol.notes li.note {
  582. padding: 5px 0px;
  583. }
  584.  
  585. ol.notes li.note img.avatar {
  586. vertical-align: -8px;
  587. margin-right: 10px;
  588. width: 16px;
  589. height: 16px;
  590. padding:2px;
  591. border:1px solid {color:border};
  592. border-radius: 100%;
  593. }
  594.  
  595. ol.notes li.note .answer_content {
  596. font-weight: normal;
  597. }
  598.  
  599. ol.notes li.note blockquote {
  600. padding: 4px 10px;
  601. margin: 10px 0px 0px 25px;
  602. }
  603.  
  604. ol.notes li.note blockquote a {
  605. text-decoration: none;
  606. }
  607.  
  608. #credit {
  609. font-size:12px;
  610. font-family: Helvetica, sans-serif;
  611. letter-spacing:1.5px;
  612. line-height: 100%;
  613. z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  614. position:fixed;
  615. {block:ifnotCreditontheleft}
  616. right:-100px;
  617. {/block:ifnotCreditontheleft}
  618. {block:ifCreditontheleft}
  619. left:-100px;
  620. {/block:ifCreditontheleft}
  621. bottom:10px;
  622. transition: all 0.9s linear;
  623. -webkit-transition: opacity 0.9s linear;
  624. -webkit-transition: all 0.9s linear;
  625. -moz-transition: all 0.9s linear;
  626. }
  627.  
  628. #credit a {
  629. color:{color:text};
  630. {block:ifnotCreditontheleft}
  631. margin-left:15px;
  632. {/block:ifnotCreditontheleft}
  633. {block:ifCreditontheleft}
  634. margin-right:18px;
  635. {/block:ifCreditontheleft}
  636. transition: all 0.9s linear;
  637. -webkit-transition: opacity 0.9s linear;
  638. -webkit-transition: all 0.9s linear;
  639. -moz-transition: all 0.9s linear;
  640. }
  641.  
  642. #credit:hover {
  643. {block:ifnotCreditontheleft}
  644. right:10px;
  645. {/block:ifnotCreditontheleft}
  646. {block:ifCreditontheleft}
  647. left:10px;
  648. {/block:ifCreditontheleft}
  649. transition: all 0.9s linear;
  650. -webkit-transition: opacity 0.9s linear;
  651. -webkit-transition: all 0.9s linear;
  652. -moz-transition: all 0.9s linear;
  653. }
  654.  
  655. #tags {
  656. font-size: 9px;
  657. margin-top: 5px;
  658. text-align:center;
  659. font-weight:400;
  660. {block:ifTagsonhover}
  661. opacity: 0;
  662. {/block:ifTagsonhover}
  663. font-family: 'lato', sans-serif;
  664. letter-spacing: 0.5px;
  665. transition: all 0.3s linear;
  666. -webkit-transition: opacity 0.3s linear;
  667. -webkit-transition: all 0.3s linear;
  668. -moz-transition: all 0.3s linear;
  669. {block:permalinkpage}
  670. opacity: 1;
  671. {/block:permalinkpage}
  672. }
  673.  
  674. #tags a {
  675. color: {color:text};
  676. margin-right: 5px;
  677. }
  678.  
  679. #tags a:hover {
  680. color: {color:link};
  681. transition: all 0.3s linear;
  682. -webkit-transition: opacity 0.3s linear;
  683. -webkit-transition: all 0.3s linear;
  684. -moz-transition: all 0.3s linear;
  685. }
  686.  
  687. {CustomCSS}</style></head><body>
  688.  
  689. <div id="sidebar">
  690.  
  691. {block:ifnotHidelinks}
  692. <div id="links">
  693. <a href="{text:link 1}" onMouseover="ddrivetip('{text:link 1 message}')";
  694. onMouseout="hideddrivetip()"><div class="circle"></div></a><br>
  695. <a href="{text:link 2}" onMouseover="ddrivetip('{text:link 2 message}')";
  696. onMouseout="hideddrivetip()"><div class="circle"></div></a><br>
  697. <a href="{text:link 3}" onMouseover="ddrivetip('{text:link 3 message}')";
  698. onMouseout="hideddrivetip()"><div class="circle"></div></a><br>
  699. <a href="{text:link 4}" onMouseover="ddrivetip('{text:link 4 message}')";
  700. onMouseout="hideddrivetip()"><div class="circle"></div></a><br>
  701. <a href="{text:link 5}" onMouseover="ddrivetip('{text:link 5 message}')";
  702. onMouseout="hideddrivetip()"><div class="circle"></div></a><br>
  703. </div>
  704. {/block:ifnotHidelinks}
  705.  
  706. <div id="con">
  707.  
  708. {block:ifnotHidetitle}
  709. <div id="title" class="{select:sidebar title font}">{text:title}</div>
  710. {/block:ifnotHidetitle}
  711.  
  712. {block:ifnotHidedescription}
  713. <div id="description">{Description}</div>
  714. {/block:ifnotHidedescription}
  715.  
  716. </div>
  717.  
  718. </div>
  719.  
  720. <div id="entries">
  721. <div class="autopagerize_page_element">
  722. {block:Posts}
  723.  
  724. {block:ContentSource}
  725.  
  726. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  727.  
  728. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  729.  
  730. {/block:SourceLogo}
  731.  
  732. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  733.  
  734. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  735.  
  736. <div id="post">
  737.  
  738. {block:Text}<span class="textp"><h1>{block:Title}{Title}{/block:Title}</h1>{Body}</span>{/block:Text}
  739.  
  740. {block:ifnotDoublecolumn}
  741. {block:ifnot500pxposts}
  742. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  743. {/block:ifnot500pxposts}
  744.  
  745. {block:if500pxposts}
  746. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  747. {/block:if500pxposts}
  748. {/block:ifnotDoublecolumn}
  749.  
  750. {block:ifDoublecolumn}
  751. {block:indexpage}
  752. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-250}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  753. {/block:indexpage}
  754. {block:permalink}
  755. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}
  756. {Caption}{/block:Caption}{/block:Photo}
  757. {/block:permalink}
  758. {/block:ifDoublecolumn}
  759.  
  760. {block:ifnotDoublecolumn}
  761. {block:ifnot500pxposts}
  762. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  763. {/block:ifnot500pxposts}
  764.  
  765. {block:if500pxposts}
  766. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  767. {/block:if500pxposts}
  768. {/block:ifnotDoublecolumn}
  769.  
  770. {block:ifDoublecolumn}
  771. {block:indexpage}
  772. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  773. {/block:indexpage}
  774. {block:permalink}
  775. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  776. {/block:permalink}
  777. {/block:ifDoublecolumn}
  778.  
  779. {block:Quote}{block:Source}<b><div style="font-family: courier new; font-size: 13px; text-align: center;">{Source}</div><br><br></b>{/block:Source}<div id="quote">"{Quote}"</div>{/block:Quote}
  780.  
  781. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  782.  
  783. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}
  784.  
  785. {block:Audio}
  786. <div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  787. {block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
  788. <div id="musicinfo">
  789. {block:TrackName}<div style="padding-top: 12px; text-transform: uppercase; font-size:12px; font-family:'Lato', sans-serif; letter-spacing:1.6px;"><b>{TrackName}</b></div>{/block:Trackname}<br>
  790. {block:Artist}by {Artist}{/block:Artist}<br><br>
  791. {block:PlayCount}►played {PlayCount} times{/block:PlayCount}
  792. </div>
  793. <div style="margin-top:23px;">{block:caption}{Caption}{/block:caption}</div>
  794. {/block:Audio}
  795.  
  796. {block:ifnotDoublecolumn}
  797. {block:ifnot500pxposts}
  798. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  799. {/block:ifnot500pxposts}
  800.  
  801. {block:if500pxposts}
  802. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  803. {/block:if500pxposts}
  804. {/block:ifnotDoublecolumn}
  805.  
  806. {block:ifDoublecolumn}
  807. {block:indexpage}
  808. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  809. {/block:indexpage}
  810. {block:permalink}
  811. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  812. {/block:permalink}
  813. {/block:ifDoublecolumn}
  814.  
  815. {block:Answer}
  816. <div class="question" style="margin-bottom:-3px;"><span class="asker"><b>{Asker}</b></span>: {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  817.  
  818. <div id="info">
  819. <span style="padding-top: 3px;">{block:Date}{DayOfMonthWithZero} . {MonthNumberWithZero} . {ShortYear}{/block:Date} (<span style="color:#e17e66;">♥</span><a href="{Permalink}">{NoteCount}</a>) </span>
  820. {block:ifShowviaandsource}
  821. {block:RebloggedFrom}<a href="{ReblogParentURL}" style="font-size:8px; text-transform:uppercase;">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" style="font-size:10px; text-transform:uppercase; font-family:sans-serif; vertical-align:-0.5px;">©</a>{/block:ContentSource}
  822. {/block:ifShowviaandsource}
  823. </div>
  824.  
  825. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  826.  
  827. </div>
  828.  
  829. {block:PostNotes}
  830. <div id="notes">notes</div>
  831. {PostNotes}
  832. {/block:PostNotes}
  833.  
  834. {/block:Posts}</div></div></div>
  835.  
  836. {block:IfNotInfiniteScroll}
  837. <div id="pagination">
  838. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">GO BACK</a>{/block:PreviousPage} -
  839. {block:NextPage}<a href="{NextPage}">PROCEED</a>{/block:NextPage}{/block:Pagination}
  840. </div>
  841. {/block:IfNotInfiniteScroll}
  842.  
  843. {block:ifnotCreditontheleft}
  844. <div id="credit" style="font-size:14px">©<a href="http://castiiel.tumblr.com" style="font-size:7px; text-transform: uppercase;">theme by castiiel</a></div>
  845. {/block:ifnotCreditontheleft}
  846.  
  847. {block:ifCreditontheleft}
  848. <div id="credit" style="font-size:14px"><a href="http://castiiel.tumblr.com" style="font-size:7px; text-transform: uppercase;">theme by castiiel</a>©</div>
  849. {/block:ifCreditontheleft}
  850.  
  851. {block:indexpage}
  852. {block:ifInfinitescroll}
  853. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  854. {/block:ifInfinitescroll}
  855. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  856. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  857. <script type="text/javascript">
  858. $(window).load(function(){
  859. var $wall = $('#entries');
  860. $wall.imagesLoaded(function(){
  861. $wall.masonry({
  862. itemSelector: '#post',
  863. isAnimated : false
  864. });
  865. });
  866.  
  867. $wall.infinitescroll({
  868. navSelector : '#page-nav',
  869. nextSelector : '#page-nav a',
  870. itemSelector : '#post',
  871. bufferPx : 2000,
  872. debug : false,
  873. errorCallback: function() {
  874. $('#infscr-loading').fadeOut('normal');
  875. }},
  876. function( newElements ) {
  877. var $newElems = $( newElements );
  878. $newElems.hide();
  879. $newElems.imagesLoaded(function(){
  880. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  881. });
  882. }); $('#f').show(500);
  883. });
  884. </script>
  885. {/block:indexpage}
  886.  
  887. <div id="dhtmltooltip"></div>
  888.  
  889. <script type="text/javascript">
  890.  
  891. /***********************************************
  892. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  893. * This notice MUST stay intact for legal use
  894. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  895. ***********************************************/
  896.  
  897. var offsetxpoint=-60 //Customize x offset of tooltip
  898. var offsetypoint=20 //Customize y offset of tooltip
  899. var ie=document.all
  900. var ns6=document.getElementById && !document.all
  901. var enabletip=false
  902. if (ie||ns6)
  903. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  904.  
  905. function ietruebody(){
  906. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  907. }
  908.  
  909. function ddrivetip(thetext, thecolor, thewidth){
  910. if (ns6||ie){
  911. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  912. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  913. tipobj.innerHTML=thetext
  914. enabletip=true
  915. return false
  916. }
  917. }
  918.  
  919. function positiontip(e){
  920. if (enabletip){
  921. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  922. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  923. //Find out how close the mouse is to the corner of the window
  924. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  925. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  926.  
  927. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  928.  
  929. //if the horizontal distance isn't enough to accomodate the width of the context menu
  930. if (rightedge<tipobj.offsetWidth)
  931. //move the horizontal position of the menu to the left by it's width
  932. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  933. else if (curX<leftedge)
  934. tipobj.style.left="5px"
  935. else
  936. //position the horizontal position of the menu where the mouse is positioned
  937. tipobj.style.left=curX+offsetxpoint+"px"
  938.  
  939. //same concept with the vertical position
  940. if (bottomedge<tipobj.offsetHeight)
  941. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  942. else
  943. tipobj.style.top=curY+offsetypoint+"px"
  944. tipobj.style.visibility="visible"
  945. }
  946. }
  947.  
  948. function hideddrivetip(){
  949. if (ns6||ie){
  950. enabletip=false
  951. tipobj.style.visibility="hidden"
  952. tipobj.style.left="-1000px"
  953. tipobj.style.backgroundColor=''
  954. tipobj.style.width=''
  955. }
  956. }
  957.  
  958. document.onmousemove=positiontip
  959.  
  960. </script>
  961.  
  962. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment