globalthemes

Theme2 - Shanghai

May 5th, 2015
2,765
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.01 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  9.  
  10. <title>{title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  14. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  15.  
  16. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  17.  
  18. <meta name="if:Two column" content="1"/>
  19. <meta name="if:Three Column" content="0"/>
  20. <meta name="if:Use borders" content="1"/>
  21. <meta name="if:Use right sidebar" content="0"/>
  22. <meta name="if:Use Title" content="1"/>
  23. <meta name="if:Use Picture" content="1"/>
  24. <meta name="if:Cover Background" content="0"/>
  25. <meta name="if:Tiny Scrollbar" content="0"/>
  26. <meta name="if:Tiny Cursor" content="1"/>
  27. <meta name="if:Inverted Tumblr Controls" content="0"/>
  28. <meta name="if:Use Scroll To Top" content="0"/>
  29. <meta name="color:Background" content="#FFFFFF"/>
  30. <meta name="color:Posts" content="#FFFFFF"/>
  31. <meta name="color:Sidebar" content="#FFFFFF"/>
  32. <meta name="color:Blogtitle" content="#000000"/>
  33. <meta name="color:Text" content="#130C11"/>
  34. <meta name="color:Title" content="#130C11"/>
  35. <meta name="color:Borders" content="#fad6ab"/>
  36. <meta name="color:Lines" content="#000000"/>
  37. <meta name="color:Links" content="#000000"/>
  38. <meta name="color:Links Hover" content="#130C11"/>
  39. <meta name="color:Permalink" content="#FFFFFF"/>
  40. <meta name="color:permalink Hover" content="#000000"/>
  41. <meta name="color:Permalink Background" content="#000000"/>
  42. <meta name="color:Scrollbar" content="#130C11"/>
  43. <meta name="color:Scrollbar Background" content="#fad6ab"/>
  44. <meta name="image:Background" content="1"/>
  45. <meta name="image:Sidebar" content="1"/>
  46. <meta name="text:Opacity" content="0.9"/>
  47. <meta name="text:Link One" content="" />
  48. <meta name="text:Link One Title" content="" />
  49. <meta name="text:Link Two" content="" />
  50. <meta name="text:Link Two Title" content="" />
  51. <meta name="text:Link Three" content="" />
  52. <meta name="text:Link Three Title" content="" />
  53. <meta name="text:Link Four" content="" />
  54. <meta name="text:Link Four Title" content="" />
  55. <meta name="text:Link Five" content="" />
  56. <meta name="text:Link Five Title" content="" />
  57. <meta name="text:Link Six" content="" />
  58. <meta name="text:Link Six Title" content="" />
  59. <meta name="text:Link Seven" content=""/>
  60. <meta name="text:Link Seven Title" content=""/>
  61. <meta name="text:Link Eight" content=""/>
  62. <meta name="text:Link Eight Title" content=""/>
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Fjord+One' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600,400' rel='stylesheet' type='text/css'>
  67.  
  68. <style type="text/css">
  69.  
  70. {block:iftinyscrollbar}
  71. ::-webkit-scrollbar {
  72. width: 4px;
  73. height:auto;
  74. background:{color:scrollbar background}
  75. }
  76.  
  77. ::-webkit-scrollbar-corner {
  78. background:{color:scrollbar};
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb:vertical {
  82. background:{color:scrollbar};
  83. };
  84.  
  85. {/block:iftinyscrollbar}
  86.  
  87. ::selection {
  88. background: #EEEEEE; /* Safari */
  89. }
  90. ::-moz-selection {
  91. background: #EEEEEE; /* Firefox */
  92. }
  93.  
  94. .wrapper {
  95. margin: 0px auto;
  96. {block:indexpage}
  97. {block:iftwocolumn}
  98. width:850px;
  99. {/block:iftwocolumn}
  100. {block:ifthreecolumn}
  101. width:1150px;
  102. {/block:ifthreecolumn}
  103. {/block:indexpage}
  104. {block:permalinkpage}
  105. width:700px;
  106. {/block:permalinkpage}
  107. }
  108.  
  109. .tmblr-iframe{
  110. z-index:9999999999999999999!important;
  111. position:fixed !important;
  112. top: 3px;
  113. right: 3px;
  114. {block:ifInvertedTumblrControls}
  115. white-space :nowrap;
  116. -webkit-filter: invert(100%);
  117. -moz-filter: invert(100%);
  118. -o-filter: invert(100%);
  119. -ms-filter: invert(100%);
  120. filter: invert(100%);
  121. opacity:0.9;
  122. {/block:ifInvertedTumblrControls}
  123.  
  124. }
  125.  
  126. body {
  127. margin: 0px;
  128. padding: 0px;
  129. color:{color:text};
  130. background-color: {color:Background};
  131. background-image:url({image:background});
  132. background-attachment: fixed !important;
  133. {block:ifNotCoverBackground}
  134. background-size: repeat;
  135. {/block:ifNotCoverBackground}
  136. {block:ifCoverBackground}
  137. background-size:cover;
  138. {/block:ifCoverBackground}
  139. /*font-family: 'Fjord One', serif;*/
  140. font-family:arial;
  141. font-size: 10px;
  142. line-height:120%;
  143. color:{color:text};
  144. {block:iftinycursor}
  145. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),auto;
  146. {/block:iftinycursor}
  147. }
  148.  
  149. a:link, a:active, a:visited {
  150. color: {color:Links};
  151. text-decoration: none;
  152. -webkit-transition: color 0.5s ease-out;
  153. -moz-transition: color 0.5s ease-out;
  154. {block:iftinycursor}
  155. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  156. {/block:iftinycursor}
  157. }
  158.  
  159. a:hover {
  160. color:{color:Links Hover};
  161. text-decoration: none;
  162. -webkit-transition: color 0.3s ease-out;
  163. -moz-transition: color 0.3s ease-out;
  164. {block:iftinycursor}
  165. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  166. {/block:iftinycursor}
  167. }
  168.  
  169. .entry {
  170. margin:35px;
  171. float:left;
  172. font-size: 12px;
  173. z-index:9;
  174. background-color:{color:posts};
  175. {block:indexpage}
  176. width:230px;
  177. {/block:indexpage}
  178. {block:permalinkpage}
  179. width:400px;
  180. {/block:permalinkpage}
  181. }
  182.  
  183. .entry .photo {
  184. opacity:{text:opacity};
  185. -webkit-transition:all .5s ease-in-out;
  186. -moz-transition:all .5s ease-in-out;
  187. -o-transition:all .5s ease-in-out;
  188. transition:all .5s ease-in-out;
  189. }
  190.  
  191. .entry:hover .photo {
  192. opacity:1;
  193. -webkit-transition:all .5s ease-in-out;
  194. -moz-transition:all .5s ease-in-out;
  195. -o-transition:all .5s ease-in-out;
  196. transition:all .5s ease-in-out;
  197. }
  198.  
  199. .entry .photoset {
  200. opacity:{text:opacity};
  201. -webkit-transition:all .5s ease-in-out;
  202. -moz-transition:all .5s ease-in-out;
  203. -o-transition:all .5s ease-in-out;
  204. transition:all .5s ease-in-out;
  205. }
  206.  
  207. .entry:hover .photoset {
  208. opacity:1;
  209. -webkit-transition:all .5s ease-in-out;
  210. -moz-transition:all .5s ease-in-out;
  211. -o-transition:all .5s ease-in-out;
  212. transition:all .5s ease-in-out;
  213. }
  214.  
  215. .entry .first {
  216. position:absolute;
  217. width:226px;
  218. height:12px;
  219. bottom:0px;
  220. z-index:-9;
  221. line-height:125%;
  222. font-size:10px;
  223. padding:2px;
  224. background-color:{color:permalink background};
  225. text-align:right;
  226. color:white;
  227. font-family:arial;
  228. text-transform:uppercase;
  229. opacity:0;
  230. color:{color:permalink};
  231. -webkit-transition: all 0.3s linear;
  232. -webkit-transition: all 0.3s linear;
  233. -moz-transition: all 0.3s linear;
  234. transition: all 0.3s linear;
  235. }
  236.  
  237. .entry:hover .first {
  238. bottom:-16px;
  239. opacity:1;
  240. -webkit-transition: all 0.3s linear;
  241. -webkit-transition: all 0.3s linear;
  242. -moz-transition: all 0.3s linear;
  243. transition: all 0.3s linear;
  244. }
  245.  
  246. .first a {
  247. color:{color:permalink};
  248. -webkit-transition: all 0.3s linear;
  249. -webkit-transition: all 0.3s linear;
  250. -moz-transition: all 0.3s linear;
  251. transition: all 0.3s linear;
  252. }
  253.  
  254. .first a:hover {
  255. color:{color:permalink hover};
  256. -webkit-transition: all 0.3s linear;
  257. -webkit-transition: all 0.3s linear;
  258. -moz-transition: all 0.3s linear;
  259. transition: all 0.3s linear;
  260. }
  261.  
  262. .entry .second {
  263. position:absolute;
  264. width:226px;
  265. height:12px;
  266. top:0px;
  267. z-index:-9;
  268. line-height:125%;
  269. font-size:10px;
  270. padding:2px;
  271. background-color:{color:permalink background};
  272. color:{color:permalink};
  273. font-family:arial;
  274. text-transform:uppercase;
  275. opacity:0;
  276. -webkit-transition: all 0.3s linear;
  277. -webkit-transition: all 0.3s linear;
  278. -moz-transition: all 0.3s linear;
  279. transition: all 0.3s linear;
  280. }
  281.  
  282. .entry:hover .second {
  283. top:-16px;
  284. opacity:1;
  285. -webkit-transition: all 0.3s linear;
  286. -webkit-transition: all 0.3s linear;
  287. -moz-transition: all 0.3s linear;
  288. transition: all 0.3s linear;
  289. }
  290.  
  291. .entry .third {
  292. position:absolute;
  293. width:226px;
  294. height:12px;
  295. bottom:-16px;
  296. line-height:125%;
  297. font-size:10px;
  298. padding:2px;
  299. background-color:{color:permalink background};
  300. color:{color:permalink};
  301. font-family:arial;
  302. text-transform:uppercase;
  303. text-align:right;
  304. }
  305.  
  306. .third a{
  307. color:{color:permalink};
  308. -webkit-transition: all 0.3s linear;
  309. -webkit-transition: all 0.3s linear;
  310. -moz-transition: all 0.3s linear;
  311. transition: all 0.3s linear;
  312. }
  313.  
  314. .third a:hover {
  315. color:{color:permalink hover};
  316. -webkit-transition: all 0.3s linear;
  317. -webkit-transition: all 0.3s linear;
  318. -moz-transition: all 0.3s linear;
  319. transition: all 0.3s linear;
  320. }
  321.  
  322. #pagination {
  323. display:none;
  324. }
  325.  
  326. #posts {
  327. position:relative;
  328. {block:ifuseborders}
  329. margin-top:25px;
  330. {/block:ifuseborders}
  331. {block:indexpage}
  332. {block:iftwocolumn}
  333. width:600px;
  334. {/block:iftwocolumn}
  335. {block:ifthreecolumn}
  336. width:900px;
  337. {/block:ifthreecolumn}
  338. {block:ifuserightsidebar}
  339. margin-left:5px;
  340. {/block:ifuserightsidebar}
  341. {block:ifnotuserightsidebar}
  342. margin-left:180px;
  343. {/block:ifnotuserightsidebar}
  344. {/block:indexpage}
  345. {block:permalinkpage}
  346. width:400px;
  347. {block:ifuserightsidebar}
  348. margin-left:5px;
  349. {/block:ifuserightsidebar}
  350. {block:ifnotuserightsidebar}
  351. margin-left:180px;
  352. {/block:ifnotuserightsidebar}
  353. {/block:permalinkpage}
  354. }
  355.  
  356. #sidebar {
  357. position:fixed;
  358. background-color:{color:sidebar};
  359. {block:indexpage}
  360. {block:ifuserightsidebar}
  361. {block:iftwocolumn}
  362. margin-left:630px;
  363. {/block:iftwocolumn}
  364. {block:ifthreecolumn}
  365. margin-left:920px;
  366. {/block:ifthreecolumn}
  367. {/block:ifuserightsidebar}
  368. {block:ifnotuserightsidebar}
  369. margin-left:5px;
  370. {/block:ifnotuserightsidebar}
  371. {/block:indexpage}
  372. {block:permalinkpage}
  373. {block:ifuserightsidebar}
  374. margin-left:480px;
  375. {/block:ifuserightsidebar}
  376. {block:ifnotuserightsidebar}
  377. margin-left:5px;
  378. {/block:ifnotuserightsidebar}
  379. {/block:permalinkpage}
  380. margin-top:10%;
  381. width:150px;
  382. height:auto;
  383. }
  384.  
  385. #blogtitle{
  386. text-align: center;
  387. margin-left:0px;
  388. font-size: 20px;
  389. height:25px;
  390. line-height:110%;
  391. color: {color:blogtitle};
  392. z-index: 9999999;
  393. border-bottom:1px solid {color:lines};
  394. font-family: 'Fjord One', serif;
  395. }
  396.  
  397. #blogtitle a {
  398. color: {color:blogtitle};
  399. }
  400.  
  401. #picture img {
  402. position:relative;
  403. width:140px;
  404. height:auto;
  405. margin-top:5px;
  406. margin-left:5px;
  407. opacity:0.9;
  408. }
  409.  
  410. .description {
  411. position:relative
  412. width:200px;
  413. margin-top:5px;
  414. padding-bottom:5px;
  415. border-bottom:1px solid {color:lines};
  416. line-height:125%;
  417. text-align:center;
  418. font-size:10px;
  419. letter-spacing:1px;
  420. -webkit-transition:all .5s ease-in-out;
  421. -moz-transition:all .5s ease-in-out;
  422. -o-transition:all .5s ease-in-out;
  423. transition:all .5s ease-in-out;
  424. }
  425.  
  426. .dontremovethispls {
  427. position:fixed;
  428. bottom:2px;
  429. right:2px;
  430. z-index:99999999999;
  431. }
  432. .dontremovethispls img {
  433. width:25px;
  434. }
  435.  
  436. #what {
  437. font-size: 12px;
  438. width:150px;
  439. padding:0px;
  440. height:auto;
  441. text-align:center;
  442. -webkit-transition:all .5s ease-in-out;
  443. -moz-transition:all .5s ease-in-out;
  444. -o-transition:all .5s ease-in-out;
  445. transition:all .5s ease-in-out;
  446. }
  447.  
  448. #infscr-loading {
  449. bottom: -70px;
  450. position: absolute;
  451. left: 50%;
  452. margin-left:-8px;
  453. width:16px;
  454. height:11px;
  455. overflow:hidden;
  456. margin-bottom: 50px;
  457. }
  458.  
  459. .links {
  460. font-size:12px;
  461. width:auto;
  462. padding:2px;
  463. display:inline-block;
  464. line-height:100%;
  465. margin:3px 2px 3px 2px;
  466. -webkit-transition: all 0.3s linear;
  467. -webkit-transition: all 0.3s linear;
  468. -moz-transition: all 0.3s linear;
  469. transition: all 0.3s linear;
  470. }
  471.  
  472. .links:hover {
  473. font-style:italic;
  474. -webkit-transition: all 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. .title{
  481. font-size: 12px;
  482. line-height:10px;
  483. color: {color:Title};
  484. font-weight: normal;
  485. padding:0px 0px 0px 0px;
  486. }
  487.  
  488. #s-m-t-tooltip {
  489. max-width:200px;
  490. z-index:99999999999999;
  491. padding:3px;
  492. font-size:11px;
  493. color:{color:text};
  494. line-height:10px;
  495. margin:10px 14px 7px 17px;
  496. background:white;
  497. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255 ,0.3);
  498. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255 ,255,0.3);
  499. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3 );
  500. }
  501.  
  502. .audioplayer {
  503. {block:indexpage}
  504. width:230px;
  505. height:230px;
  506. {/block:indexpage}
  507. {block:permalinkpage}
  508. width:400px;
  509. height:400px;
  510. {/block:permalinkpage}
  511. }
  512.  
  513. .album {
  514. position:absolute;
  515. z-index:4;
  516. {block:indexpage}
  517. width:230px;
  518. height:230px;
  519. {/block:indexpage}
  520. {block:permalinkpage}
  521. width:400px;
  522. height:400px;
  523. {/block:permalinkpage}
  524. }
  525.  
  526. .yh {
  527. position:absolute;
  528. width:220px;
  529. margin:5px;
  530. bottom:0px;
  531. padding-bottom:5px;
  532. opacity:0;
  533. z-index:999999;
  534. background:white;
  535. -webkit-transition: all 0.5s linear;
  536. -webkit-transition: all 0.5s linear;
  537. -moz-transition: all 0.5s linear;
  538. transition: all 0.5s linear;
  539. }
  540.  
  541. .audioplayer:hover .yh {
  542. position:absolute;
  543. opacity:.9;
  544. -webkit-transition: all 0.5s linear;
  545. -webkit-transition: all 0.5s linear;
  546. -moz-transition: all 0.5s linear;
  547. transition: all 0.5s linear;
  548. }
  549.  
  550. .album img {
  551. float:left;
  552. {block:indexpage}
  553. width:230px;
  554. height:230px;
  555. {/block:indexpage}
  556. {block:permalinkpage}
  557. width:400px;
  558. height:400px;
  559. {/block:permalinkpage}
  560. opacity:.9;
  561. }
  562.  
  563. .playbutton {
  564. {block:indexpage}
  565. margin-left:105px;
  566. margin-top:105px;
  567. {/block:indexpage}
  568. {block:permalinkpage}
  569. margin-left:190px;
  570. margin-top:190px;
  571. {/block:permalinkpage}
  572. opacity:0.5;
  573. width:26px;
  574. height:28px;
  575. overflow:hidden;
  576. position:absolute;
  577. z-index:999999;
  578. }
  579.  
  580. .song {
  581. position:relative;
  582. text-transform:capitalize;
  583. letter-spacing:1px;
  584. margin-left:5px;
  585. margin-top:5px;
  586. line-height:13px;
  587. font-size:10px;
  588. }
  589.  
  590. blockquote {
  591. padding:2px 2px 2px 5px;
  592. margin:4px 4px 4px 7px;
  593. border-left: 4px solid #dddddd;
  594. }
  595.  
  596. ul, ol, li {
  597. list-style:none;
  598. margin:0px;
  599. padding:0px;
  600. }
  601.  
  602. .caption2 {
  603. color:{color:text};
  604. float:left;
  605. clear:left;
  606. }
  607.  
  608. .caption {
  609. color:{color:text};
  610. float:left;
  611. clear:left;
  612. width:100%;
  613. }
  614.  
  615. .caption img {
  616. width:100%;
  617. }
  618.  
  619. .question {
  620. padding:5px;
  621. font-weight:bold;
  622. }
  623.  
  624. .asker {
  625. text-align:right;
  626. padding:2px;
  627. font-weight:bold;
  628. border-bottom:1px solid {color:lines};
  629. }
  630.  
  631. #answer {
  632. margin-left:5px;
  633. margin-top:-5px;
  634. }
  635.  
  636. #answer img {
  637. width:100%;
  638. }
  639.  
  640. .notez {
  641. text-align:center;
  642. margin-top:5px;
  643. letter-spacing:1px;
  644. font-size:10px;
  645. line-height:110%;
  646. padding-bottom:1px;
  647. text-transform:capitalize;
  648. clear:both;
  649. }
  650.  
  651. .one {
  652. position:fixed;
  653. background:{color:borders};
  654. z-index:9999;
  655. width:100%;
  656. height:30px;
  657. left:0px;
  658. top:0px;
  659. }
  660.  
  661. .two {
  662. position:fixed;
  663. background:{color:borders};
  664. z-index:9999;
  665. width:33px;
  666. height:100%;
  667. right:0px;
  668. top:0px;
  669. }
  670.  
  671. .three {
  672. position:fixed;
  673. background:{color:borders};
  674. z-index:9999;
  675. width:100%;
  676. height:30px;
  677. bottom:0px;
  678. left:0px;
  679. right:0px;
  680. }
  681.  
  682. .four {
  683. position:fixed;
  684. background:{color:borders};
  685. z-index:9999;
  686. width:33px;
  687. height:100%;
  688. left:0px;
  689. top:0px;
  690. }
  691.  
  692. .box {
  693. position:relative;
  694. height:auto;
  695. max-height:200px;
  696. overflow-x:hidden;
  697. overflow-y:scroll;
  698. border:1px solid {color:borders};
  699. }
  700.  
  701.  
  702. {CustomCSS}
  703.  
  704. </style>
  705.  
  706.  
  707. {block:IndexPage}
  708.  
  709. <script type="text/javascript">
  710. (function($){
  711. $(document).ready(function(){
  712. $("[title],a[title],img[title]").style_my_tooltips({
  713. tip_follows_cursor:true,
  714. tip_delay_time:100,
  715. tip_fade_speed:300,
  716. attribute:"title"
  717. });
  718. });
  719. })(jQuery);
  720. </script>
  721.  
  722. {block:ifUseScrollToTop}
  723. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  724. {/block:ifUseScrollToTop}
  725.  
  726. <script src="http://static.tumblr.com/7u4rsen/ty1mywnp2/jquery.style-my-tooltips.js"></script>
  727. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  728. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  729.  
  730. <script type="text/javascript">
  731. $(window).load(function () {
  732. var $content = $('#posts');
  733. $content.masonry({itemSelector: '.entry'}),
  734. $content.infinitescroll({
  735. navSelector : 'div#pagination',
  736. nextSelector : 'div#pagination a#nextPage',
  737. itemSelector : '.entry',
  738. loading: {
  739. finishedMsg: '',
  740. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  741. },
  742. bufferPx : 600,
  743. debug : false,
  744. },
  745. // call masonry as a callback.
  746. function( newElements ) {
  747. var $newElems = $( newElements );
  748. $newElems.hide();
  749. // ensure that images load before adding to masonry layout
  750. $newElems.imagesLoaded(function(){
  751. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  752.  
  753.  
  754. });
  755. });
  756. });
  757. </script>
  758.  
  759. {/block:IndexPage}
  760.  
  761. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><div class="dontremovethispls"><a href="http://aliensfromhell.tumblr.com/" target="_blank" title="Global Themes"><img src="http://static.tumblr.com/xnjw13b/Q0Ennw1f7/5e9d5cab.png"></a></div>
  762.  
  763.  
  764. <script type="text/javascript">
  765. $(document).ready(function(){
  766. $(".credit").hide();
  767. $(".finder").click(function(){
  768. $(this).next(".credit").slideToggle('slow');
  769. }); }); </script>
  770.  
  771. </style>
  772.  
  773. </head>
  774.  
  775. <body onselectstart="return false;" ondragstart="return false;">
  776.  
  777. {block:ifuseborders}
  778. <div class="one"></div>
  779. <div class="two"></div>
  780. <div class="three"></div>
  781. <div class="four"></div>
  782. {/block:ifuseborders}
  783.  
  784. <div class="wrapper">
  785.  
  786. <div id="sidebar">
  787. {block:ifusetitle}<div id="blogtitle"><a href="/">{title}</a></div>{/block:ifusetitle}
  788. {block:ifusepicture}<div id="picture"><a href="/"><img src="{image:sidebar}"></a></div>{/block:ifusepicture}
  789. <div class="description">{description}</div>
  790. <div id="what">{block:ifLinkOneTitle}<div class="links"><a href="{text:link one}">{text:link one title}</a></div>{/block:ifLinkOneTitle}
  791. {block:ifLinkTwoTitle}<div class="links"><a href="{text:link two}">{text:link two title}</a></div>{/block:ifLinkTwoTitle}
  792. {block:ifLinkThreeTitle}<div class="links"><a href="{text:link three}">{text:link three title}</a></div>{/block:ifLinkThreeTitle}
  793. {block:ifLinkFourTitle}<div class="links"><a href="{text:link four}">{text:link four title}</a></div>{/block:ifLinkFourTitle}
  794. {block:ifLinkFiveTitle}<div class="links"><a href="{text:link five}">{text:link five title}</a></div>{/block:ifLinkFiveTitle}
  795. {block:ifLinkSixTitle}<div class="links"><a href="{text:link six}">{text:link six title}</a></div>{/block:ifLinkSixTitle}
  796. {block:ifLinkSevenTitle}<div class="links"><a href="{text:link seven}">{text:link seven title}</a></div>{/block:ifLinkSevenTitle}
  797. {block:ifLinkEightTitle}<div class="links"><a href="{text:link eight}">{text:link eight title}</a></div>{/block:ifLinkEightTitle}</div>
  798. </div>
  799.  
  800. <div id="posts">
  801.  
  802. {block:Posts}
  803. <div class="entry">
  804.  
  805. {block:Text}
  806. {block:Title}<span class="title">{Title}</span>{/block:Title}
  807. <div class="caption"><span>{Body}</span></div>
  808. {block:indexpage}<div class="third"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  809. {/block:Text}
  810.  
  811. {block:Link}
  812. <div style="border:1px solid {color:borders}; padding:2px"><center><a href="{URL}" class="title"><b>{Name}</b></a></center></div>
  813. {block:Description}<div class="caption">{Description}</div>{/block:Description}{block:indexpage}<div class="third"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  814. {block:Link}
  815.  
  816.  
  817. {block:Photo}
  818. {block:IndexPage}
  819. <div class="photo" style="line-height:0px;">
  820. <div class="first">
  821. <a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  822. <div class="second">{DayOfMonthWithZero}{DayOfMonthSuffix} of {ShortMonth} at {12Hour}{AmPm}</div>
  823. <div class="photo">{LinkOpenTag}<a href="{permalink}"><img width="100%" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>
  824. </div>
  825. {/block:IndexPage}
  826. {block:PermalinkPage}
  827. {LinkOpenTag}
  828. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  829. {/block:Photo}
  830.  
  831. {block:Photoset}
  832. {block:IndexPage}
  833. <div class="first">
  834. <a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  835. <div class="second">{DayOfMonthWithZero}{DayOfMonthSuffix} of {ShortMonth} at {12Hour}{AmPm}</div>
  836. <div style="width=100%; line-height:0px; overflow-x:hidden; overflow-y:hidden;"><center>{Photoset-250}</center></div>{/block:IndexPage}
  837. <center>{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</center>
  838. {/block:Photoset}
  839.  
  840. {block:Quote}
  841. <span style="letter-spacing:1px; font-style:italic; color:{color:Text}">{Quote}</span>{block:Source}<div style="text-align:right;font-weight:bold;margin:5px; text-transform:capitalize;">{Source}</div>{/block:Source}{block:indexpage}<div class="third"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  842. {/block:Quote}
  843.  
  844. {block:Chat}
  845. {block:Title}<span class="title">{Title}</span><p>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  846. </ul><br>{block:indexpage}<div class="third"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  847. {/block:Chat}
  848.  
  849. {block:Audio}
  850. <div class="audioplayer">
  851. {block:indexpage}<div class="first">
  852. <a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  853. <div class="second">{DayOfMonthWithZero}{DayOfMonthSuffix} of {ShortMonth} at {12Hour}{AmPm}</div>{/block:indexpage}
  854. <div class="album">
  855. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  856. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  857. {block:indexpage}<div class="yh">
  858. <div class="song"><strong>Artist:</strong><span {block:Artist} style="display:none;" {/block:Artist}> Unknown</span>
  859. {block:Artist}{Artist}{/block:Artist}<br><strong>Title:</strong><span {block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><strong>Album:</strong> <span {block:Album} style="display:none;"{/block:Album}> Unknown </span>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}<strong>Plays:</strong> {FormattedPlayCount}{/block:PlayCount}</div>{/block:indexpage}
  860.  
  861. </div></div>
  862. {/block:Audio}
  863.  
  864. {block:Video}
  865. {block:indexpage}<div class="first">
  866. <a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  867. <div class="second">{DayOfMonthWithZero}{DayOfMonthSuffix} of {ShortMonth} at {12Hour}{AmPm}</div>
  868. <div style="overflow-x:hidden; overflow-y:hidden;"><center>{video-250}</center></div>{/block:indexpage}
  869. {block:PermalinkPage}<center>{Video-400}</center>{/block:PermalinkPage}
  870. {block:Video}
  871.  
  872. {block:Answer}
  873. <div class="question">{Question}</div>
  874. <div class="asker">By: {asker}</div>
  875. <div id="answer">{Answer}</div>
  876. {block:indexpage}<div class="third"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  877. {/block:Answer}
  878.  
  879. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  880.  
  881. {block:PermalinkPage}
  882. <div style="padding:5px;">
  883. {block:Date}
  884. {block:Caption}{Caption}{/block:Caption}<br>
  885. Posted on {month} {DayOfMonth}{DayOfMonthSuffix}, {year} at {formattedtime} <br>
  886. {block:NoteCount}This post has {NoteCount} Notes{/block:NoteCount}<br>
  887. {/block:Date}
  888. {block:RebloggedFrom}
  889. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  890. Orginally by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  891. {/block:RebloggedFrom}
  892.  
  893. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  894. {/block:Date}
  895. </div><br>
  896. {/block:PermalinkPage}
  897.  
  898. {block:PostNotes}
  899. <div class="box">{PostNotes}</div>
  900. {/block:PostNotes}
  901. </div>
  902.  
  903. {/block:Posts}
  904. </div>
  905. </div>
  906. {block:IndexPage}<br>
  907. {block:Pagination}
  908. <div id="pagination">
  909. {block:NextPage}
  910. <a id="nextPage" href="{NextPage}">next</a>
  911. {/block:NextPage}
  912. {block:PreviousPage}
  913. <a href="{PreviousPage}">back</a>
  914. {/block:PreviousPage}
  915. </div>
  916. {/block:Pagination}
  917. {/block:IndexPage}
  918. </div>
  919.  
  920. </body>
  921.  
  922. </html>
Advertisement
Add Comment
Please, Sign In to add comment