API tools faq
paste
Advertisement
Guest User

Tumblr Theme

a guest
Dec 18th, 2012
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- ----------------------------------
  4.  
  5. Theme Neptune.
  6. Made by Max Davis.
  7.  
  8. More free tumblr themes at:
  9. http://themes.themaxdavis.com
  10.  
  11. ---------------------------------- -->
  12.  
  13. <html lang="en">
  14. <head>
  15. <meta charset="utf-8" />
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#000000"/>
  22. <meta name="color:Center" content="#000000"/>
  23. <meta name="color:Text" content="#FFFFFF"/>
  24. <meta name="color:Link Hover" content="#222222"/>
  25.  
  26. <meta name="image:Background" content="" />
  27. <meta name="image:Header Logo" content="" />
  28. <meta name="image:Portrait" content="" />
  29. <meta name="image:Signature"content="" />
  30.  
  31. <meta name="if:Infinite scrolling" content="1" />
  32. <meta name="if:Sidebar left or right" content="1" />
  33. <meta name="if:Large or Small footer" content="1" />
  34. <meta name="if:Show Permalinks" content="1" />
  35. <meta name="if:Show Permalink On Photo Posts" content="0" />
  36. <meta name="if:3D Effect for links" content="0" />
  37.  
  38. <meta name="text:Header Title" content="Header title" />
  39. <meta name="text:Reblog Title" content="Reblog post" />
  40. <meta name="text:Ask Title" content="Ask" />
  41. <meta name="text:Twitter Username" content=""/>
  42. <meta name="text:Tweet Count" content="6"/>
  43. <meta name="text:Link 1" content="" />
  44. <meta name="text:Link 1 Title" content="" />
  45. <meta name="text:Link 2" content="" />
  46. <meta name="text:Link 2 Title" content="" />
  47. <meta name="text:Link 3" content="" />
  48. <meta name="text:Link 3 Title" content="" />
  49. <meta name="text:Link 4" content="" />
  50. <meta name="text:Link 4 Title" content="" />
  51. <meta name="text:Link 5" content="" />
  52. <meta name="text:Link 5 Title" content="" />
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  55. <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  56. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  57. {block:ifInfinitescrolling}
  58. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  59. {/block:ifInfinitescrolling}
  60. <script>
  61. $(window).load(function(){
  62. var $wall = $('#center');
  63.  
  64. $wall.masonry({
  65. itemSelector: '.post, .twitter',
  66. columnWidth:220
  67. });
  68.  
  69. $wall.infinitescroll({
  70. navSelector : ".nav",
  71. nextSelector : ".nav a",
  72. itemSelector : ".post",
  73. loading : "",
  74. donetext : ""
  75. },
  76.  
  77. function( newElements ) {
  78. var $newElems = $( newElements ).css({
  79. opacity: 0
  80. });
  81. $newElems.imagesLoaded(function(){
  82. $newElems.animate({ opacity: 1 });
  83. $wall.masonry( "appended", $newElems, true );
  84. });
  85. });
  86. });
  87. </script>
  88. <script type="text/javascript">
  89. $(window).scroll(function(){var totalHeight = $('body').height();var yPos = $(window).scrollTop();if( yPos > (totalHeight*.10) && yPos < (totalHeight*.90) ){$(".footer").fadeIn('medium');} else {$('.footer').fadeOut('medium');}});</script>
  90.  
  91. <style type="text/css">
  92. body {
  93. padding:0;
  94. margin:0;
  95. overflow-x:hidden;
  96. font-family:'helvetica neue', 'helvetica', arial;
  97. font-size:11px;
  98. color:{color:Text};
  99. background-color:{color:background};
  100. background-image:url({image:Background});
  101. background-position:center top;
  102. background-attachment:fixed;}
  103. a {text-decoration:none;
  104. color:{color:text};
  105. font-weight:800;
  106. -webkit-transition: all 0.2s linear;
  107. -moz-transition: all 0.2s linear;
  108. transition: all 0.2s linear;}
  109. a:hover {
  110. color:{color:link hover};
  111. {block:if3DEffectforlinks}
  112. text-shadow:2px 0 0 rgba(255,0,0,0.4), -2px 0 0 rgba(0,255,0,0.4);
  113. {/block:if3DEffectforlinks}
  114. -webkit-transition: all 0.2s linear;
  115. -moz-transition: all 0.2s linear;
  116. transition: all 0.2s linear;}
  117.  
  118. a:active{outline: none;}
  119. a:focus{-moz-outline-style: none;}
  120. :-moz-any-link:focus{outline: none;}
  121. img{border:none;}
  122.  
  123. .clear {clear:both;}
  124.  
  125. #container{
  126. position:relative;
  127. width:860px;
  128. margin:0px auto;
  129. background-color:{color:Center};
  130. padding:10px 20px 20px;}
  131. #header{
  132. width:860px;
  133. {block:IfNotHeaderlogoimage}
  134. margin:10px 0 20px;
  135. {/block:IfNotHeaderlogoimage}
  136. {block:IfHeaderlogoimage}
  137. margin:0;
  138. {/block:IfHeaderlogoimage}}
  139. #header h1{
  140. font-size: 93px;
  141. letter-spacing: -3px;
  142. margin: 0;
  143. word-spacing: -2px;
  144. color:{color:text};
  145. {block:ifNotSidebarleftorright}
  146. text-align:right;
  147. {/block:ifNotSidebarleftorright}
  148. -webkit-transition: all 0.3s ease;
  149. -moz-transition: all 0.3s ease;
  150. transition: all 0.3s ease;}
  151. #header h1:hover{
  152. color:{color:link hover};
  153. {block:if3DEffectforlinks}
  154. color:{color:text};
  155. text-shadow:4px 0 0 rgba(255,0,0,0.3), -4px 0 0 rgba(0,255,0,0.3);
  156. -webkit-transition: all 0.4s ease;
  157. -moz-transition: all 0.4s ease;
  158. transition: all 0.4s ease;
  159. {/block:if3DEffectforlinks}}
  160. #header img{
  161. max-width:860px;
  162. max-height:300px;}
  163.  
  164. #sidebar{
  165. width:200px;
  166. {block:IfSidebarFixed}
  167. position:fixed;
  168. {/block:IfSidebarFixed}
  169. {block:ifSidebarleftorright}
  170. float:left;
  171. {/block:ifSidebarleftorright}
  172. {block:ifNotSidebarleftorright}
  173. float:right;
  174. {block:IfSidebarFixed}
  175. margin-left:660px;
  176. {/block:IfSidebarFixed}
  177. {/block:ifNotSidebarleftorright}}
  178. #sidebar h1{
  179. margin:5px 0;
  180. padding:0 0 10px;
  181. border-bottom:2px solid {color:text};
  182. font-size:14px;
  183. text-transform:uppercase;
  184. line-height:14px;
  185. color:{color:titles};
  186. {block:ifSidebarleftorright}
  187. text-align: right;
  188. {/block:ifSidebarleftorright}}
  189. #sidebar .inner{
  190. margin:10px 0 0;}
  191. #sidebar .portrait{
  192. width:200px;}
  193. #sidebar .portrait img{
  194. max-width:200px;}
  195. #sidebar .description{
  196. margin:5px 0 10px;
  197. padding:5px 0 10px;
  198. font-weight: 700;
  199. {block:ifSidebarleftorright}
  200. text-align: right;
  201. {/block:ifSidebarleftorright}
  202. {block:AskEnabled}
  203. border-bottom:2px solid {color:text};
  204. {/block:AskEnabled}
  205. {block:SubmissionsEnabled}
  206. border-bottom:2px solid {color:text};
  207. {/block:SubmissionsEnabled}
  208. {block:HasPages}
  209. border-bottom:2px solid {color:text};
  210. {/block:HasPages}
  211. {block:ifLink1Title}
  212. border-bottom:2px solid {color:text};
  213. {/block:ifLink1Title}
  214. {block:ifLink2Title}
  215. border-bottom:2px solid {color:text};
  216. {/block:ifLink2Title}
  217. {block:ifLink3Title}
  218. border-bottom:2px solid {color:text};
  219. {/block:ifLink3Title}
  220. {block:ifLink4Title}
  221. border-bottom:2px solid {color:text};
  222. {/block:ifLink4Title}
  223. {block:ifLink5Title}
  224. border-bottom:2px solid {color:text};
  225. {/block:ifLink5Title}}
  226. #sidebar .links{
  227. margin:0;
  228. padding:0 0 10px;
  229. list-style:none;}
  230. #sidebar .links a{
  231. font-weight:700;
  232. text-transform:uppercase;
  233. font-size:9px;
  234. line-height:12px;
  235. display:block;
  236. {block:ifSidebarleftorright}
  237. text-align: right;
  238. {/block:ifSidebarleftorright}}
  239. #sidebar .links a:hover{
  240. color:{color:link hover}}
  241. #sidebar .pagination{
  242. padding:10px 0 0;
  243. font-weight:700;
  244. text-transform:uppercase;
  245. font-size:9px;
  246. line-height:12px;
  247. border-top:2px solid {color:text};}
  248. #sidebar .pagination .prev{
  249. float:left;}
  250. #sidebar .pagination .next{
  251. float:right;}
  252.  
  253.  
  254. #center{
  255. width:660px;
  256. {block:ifSidebarleftorright}
  257. float:right;
  258. {/block:ifSidebarleftorright}
  259. {block:ifNotSidebarleftorright}
  260. margin-left:0px;
  261. float:left;
  262. {/block:ifNotSidebarleftorright}}
  263. #center .post{
  264. width:200px;
  265. float:left;
  266. margin:0 20px 20px 0;
  267. overflow:hidden;
  268. {block:ifSidebarleftorright}
  269. margin:0 0 20px 20px;
  270. {/block:ifSidebarleftorright}
  271. {block:PermalinkPage}
  272. width:506px;
  273. overflow:visible;
  274. {block:ifNotSidebarleftorright}
  275. margin:0 0 0 80px !important;
  276. {/block:ifNotSidebarleftorright}
  277. {/block:PermalinkPage}}
  278. #center .photo_post{
  279. {block:ifshowpermalinkonphotoposts}
  280. margin:0 20px 14px 0;
  281. {block:ifSidebarleftorright}
  282. margin:0 0 14px 20px;
  283. {/block:ifSidebarleftorright}
  284. {/block:ifshowpermalinkonphotoposts}}
  285.  
  286. #center .post p{
  287. margin:0;
  288. {block:PermalinkPage}
  289. margin:5px 0;
  290. {/block:PermalinkPage}}
  291. #center .post blockquote{
  292. border-left: 2px solid {color:text};
  293. margin: 5px 0 5px 10px;
  294. padding-left: 10px;}
  295.  
  296. #center .post .margin{
  297. {block:IndexPage}
  298. width:200px;
  299. {/block:IndexPage}
  300. {block:PermalinkPage}
  301. width:500px;
  302. {/block:PermalinkPage}}
  303. #center .post .margin h1, #center .twitter h1{
  304. margin:0;
  305. padding:0;
  306. font-size:12px;
  307. text-transform:uppercase;
  308. line-height:14px;
  309. color:{color:text};}
  310. #center .post .margin .source{
  311. margin:5px 0 0;}
  312. #center .post .margin img{
  313. max-width:150px;
  314. height:auto;
  315. {block:PermalinkPage}
  316. max-width:500px;
  317. {/block:PermalinkPage}}
  318.  
  319. #center .post .chat{
  320. margin:0;
  321. padding:0;
  322. list-style:none;}
  323. #center .post .chat li{
  324. font-weight:bold;
  325. text-transform:uppercase;
  326. font-size:9px;
  327. padding: 4px 5px;}
  328. #center .post .chat li:nth-child(even){
  329. background:{color:text};
  330. color:{color:center};}
  331. #center .post .chat li:last-child{
  332. margin:0 0 8px}
  333.  
  334. #center .asker_portrait {
  335. float:left;
  336. width:30px;
  337. height:30px;
  338. margin-right:10px;
  339. margin-bottom:10px;
  340. display:none;}
  341. #center .question {
  342. font-weight: bold;
  343. line-height: 11px;
  344. margin-bottom: 10px;
  345. width: 200px;
  346. {block:PermalinkPage}
  347. width:auto;
  348. {block:PermalinkPage}}
  349. #center .question span{
  350. text-transform:uppercase;}
  351. #center .answer{
  352. clear: both;
  353. display: block;
  354. font-style: italic;
  355. font-weight: bold;
  356. line-height: 20px;
  357. margin: 10px;}
  358. #center .answer p{
  359. margin:0;
  360. padding:0;
  361. line-height: 13px;}
  362.  
  363. #center .photoset {
  364. margin:0 0 0 -12.5px;
  365. position:relative;}
  366. #center .photoset .box{
  367. background-color: rgba(0, 0, 0, 0.3);
  368. background-image: url("http://static.tumblr.com/8jq17g7/ZRflvr254/screen-pattern.png");
  369. bottom: 4px;
  370. box-shadow: 0 0 30px rgba(0, 0, 0, 0.7) inset;
  371. height: 100%;
  372. margin: 0 0 0 12.5px;
  373. position: absolute;
  374. width: 200px;
  375. z-index: 500;}
  376. #center .photoset .hover{
  377. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
  378. bottom: 50%;
  379. box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.4), 0 3px 0 rgba(0, 0, 0, 0.4);
  380. font-family: 'Cookie',cursive;
  381. font-size: 16px;
  382. line-height: 16px;
  383. margin: 0 0 -58px 0;
  384. padding: 40px 0;
  385. position: absolute;
  386. text-align: center;
  387. width: 200px;
  388. z-index: 500;}
  389. #center .photoset:hover .box{
  390. background-color: rgba(0, 0, 0, 0.6);}
  391. #center .photoset:hover .hover{
  392. box-shadow:none;
  393. background-color: rgba(0, 0, 0, 0.0);}
  394. #center .photoset .hover a{color:white;}
  395. #center .photoset .hover a:hover{color:white;}
  396. #center .photoset .hover a.set{
  397. display: block;
  398. font-family: 'Open Sans',arial;
  399. font-size: 9px;
  400. font-weight: bold;
  401. letter-spacing: 10px;
  402. line-height: 10px;
  403. margin: 0 0 10px 10px;}
  404.  
  405. #center .post .audio{
  406. background: none repeat scroll 0 0 black;
  407. overflow: hidden;
  408. padding: 5px 5px 1px;
  409. width: 190px;
  410. {block:PermalinkPage}
  411. width:496px;
  412. {/block:PermalinkPage}}
  413. #center .post .inner{
  414. margin: auto;
  415. overflow: hidden;
  416. width: 28px;}
  417.  
  418. #center .post .picture{
  419. position:relative;
  420. width:200px;
  421. {block:PermalinkPage}
  422. width:500px;
  423. {/block:PermalinkPage}}
  424. #center .post .picture img{
  425. width:200px;
  426. display:block;
  427. {block:PermalinkPage}
  428. width:500px;
  429. {/block:PermalinkPage}}
  430. #center .post .picture .hover{
  431. position:absolute;
  432. height:100%;
  433. width:200px;
  434. background:rgba(0,0,0,0.9);
  435. opacity:0;
  436. -webkit-transition: all 0.8s ease;
  437. -moz-transition: all 0.8s ease;
  438. transition: all 0.8s ease;}
  439. #center .post .picture .hover:hover{
  440. opacity:1;
  441. -webkit-transition: all 0.8s ease;
  442. -moz-transition: all 0.8s ease;
  443. transition: all 0.8s ease;}
  444. #center .post .picture .hover .notes{
  445. font-size: 9px;
  446. font-weight: bold;
  447. height: 12px;
  448. letter-spacing: 10px;
  449. line-height: 12px;
  450. margin: -12px 0 0 10px;
  451. position: absolute;
  452. text-align: center;
  453. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  454. text-transform: uppercase;
  455. top: 50%;
  456. width: 190px;}
  457. #center .post .picture .hover .reblog{
  458. color: white;
  459. font-family: 'Cookie',cursive;
  460. font-size: 18px;
  461. height: 16px;
  462. line-height: 16px;
  463. margin: 16px 0 0;
  464. position: absolute;
  465. text-align: center;
  466. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  467. top: 50%;
  468. width: 200px;}
  469. .notes a, .reblog a{color:white;font-weight:normal;}
  470. .notes a:hover, .reblog a:hover{color:white;}
  471.  
  472. #center .post .caption{
  473. padding: 10px 5px 2px;
  474. {block:ifNotSidebarleftorright}
  475. text-align: right;
  476. {/block:ifNotSidebarleftorright}}
  477. #center .post .au_caption{
  478. border:none;}
  479. #center .post .permalink{
  480. margin:10px 0 0;
  481. {block:ifNotSidebarleftorright}
  482. text-align: right;
  483. {/block:ifNotSidebarleftorright}
  484. border-top:2px solid {color:text};
  485. border-bottom:2px solid {color:text};
  486. color:{color:borders};
  487. {block:ifNotShowPermalinks}
  488. display:none;
  489. {/block:ifNotShowPermalinks}}
  490. #center .post .permalink a{
  491. font-size:9px;
  492. font-weight:700;
  493. text-transform:uppercase;
  494. color:{color:text};
  495. margin:0 10px;}
  496. #center .post .permalink a:hover{
  497. color:{color:link hover}}
  498. #center .post .permalink a:last-child{
  499. margin:0 0 0 10px;}
  500. #center .post .photo_perma{
  501. {block:ifNotshowpermalinkonphotoposts}
  502. display:none;
  503. {/block:ifNotshowpermalinkonphotoposts}
  504. {block:ifshowpermalinkonphotoposts}
  505. display:block;
  506. margin:13px 0 0;
  507. border-top:2px solid {color:text};
  508. {/block:ifshowpermalinkonphotoposts}}
  509.  
  510. #center .twitter{
  511. width:200px;
  512. float:left;
  513. margin:0 20px 20px 0;
  514. overflow:hidden;
  515. {block:ifSidebarleftorright}
  516. margin:0 0 20px 20px;
  517. {/block:ifSidebarleftorright}}
  518. #center .twitter .border{
  519. margin:5px 0;
  520. border-bottom:2px solid {color:text};}
  521. #center .twitter #twitter_update_list{
  522. margin:0;
  523. padding:0;
  524. list-style:none;}
  525. #center .twitter #twitter_update_list li{
  526. font-weight:bold;
  527. text-transform:uppercase;
  528. font-size:9px;
  529. padding: 4px 5px;}
  530. #center .twitter #twitter_update_list li a:hover{
  531. text-shadow:none;}
  532. #center .twitter #twitter_update_list li:nth-child(even){
  533. background:{color:text};
  534. color:{color:center};}
  535. #center .twitter #twitter_update_list li:nth-child(even) a{
  536. color:{color:background};}
  537. #center .twitter #twitter_update_list li:last-child{
  538. margin:0}
  539.  
  540. ol.notes {
  541. font-size: 9px;
  542. font-weight: normal;
  543. list-style-type: none;
  544. margin: 10px 0;
  545. padding: 0;
  546. text-transform: uppercase;}
  547. ol.notes a{
  548. text-decoration:none;
  549. padding:0;
  550. background-color:transparent;}
  551. ol.notes li.note {
  552. padding: 2px 0;
  553. {block:ifNotSidebarleftorright}
  554. text-align: right;
  555. {/block:ifNotSidebarleftorright}}
  556. ol.notes li.note img.avatar {
  557. vertical-align: -4px;
  558. margin-right: 10px;
  559. width: 16px;
  560. height: 16px;
  561. display:none;}
  562. ol.notes li.note span.action a{
  563. color:black;
  564. font-weight:bold;}
  565. ol.notes li.note .answer_content {
  566. color:black;}
  567. ol.notes li.note blockquote {
  568. border-left: medium none !important;
  569. color: black;
  570. margin: 10px 0 10px 30px !important;
  571. padding: 5px 0 8px !important;
  572. border-bottom: 2px solid {color:text};}
  573. ol.notes li.note blockquote a {
  574. color:black;}
  575.  
  576. .footer {
  577. bottom: 0;
  578. display: none;
  579. left: 50%;
  580. position: fixed;
  581. z-index: 600;
  582. {block:ifLargeorSmallfooter}
  583. width:860px;
  584. margin:0 0 0 -435px;
  585. padding:5px 0;
  586. box-shadow: 0 -2px 0 {color:text};
  587. {/block:ifLargeorSmallfooter}
  588. {block:ifNotLargeorSmallfooter}
  589. width:200px;
  590. padding:10px 0;
  591. {block:ifNotSidebarleftorright}
  592. margin:0 0 0 225px;
  593. {/block:ifNotSidebarleftorright}
  594. {block:ifSidebarleftorright}
  595. margin:0 0 0 -435px;
  596. {/block:ifSidebarleftorright}
  597. {/block:ifNotLargeorSmallfooter}
  598. background-color:{color:Center};}
  599. .footer h1{
  600. font-weight: 700;
  601. line-height: 11px;
  602. text-transform: uppercase;
  603. color:{color:text};
  604. {block:ifLargeorSmallfooter}
  605. float:left;
  606. font-size: 13px;
  607. margin: -1px 0 -4px;
  608. padding: 7px 40px 5px 0;
  609. {/block:ifLargeorSmallfooter}
  610. {block:ifNotLargeorSmallfooter}
  611. border-bottom:2px solid {color:text};
  612. margin: 0 0 5px;
  613. padding: 0 0 12px;
  614. font-size:17px;
  615. {block:ifSidebarleftorright}
  616. text-align:right;
  617. {/block:ifSidebarleftorright}
  618. {/block:ifNotLargeorSmallfooter}}
  619. .footer .links{
  620. padding:0;
  621. margin: 4px 0 0;
  622. float:left;
  623. {block:ifNotLargeorSmallfooter}
  624. {block:ifSidebarleftorright}
  625. float:right;
  626. {/block:ifSidebarleftorright}
  627. {/block:ifNotLargeorSmallfooter}}
  628. .footer .links a{
  629. font-size:9px;
  630. font-weight:700;
  631. text-transform:uppercase;
  632. {block:ifLargeorSmallfooter}
  633. margin:0 10px 0 0;
  634. {/block:ifLargeorSmallfooter}
  635. {block:ifNotLargeorSmallfooter}
  636. display: block;
  637. margin:0;
  638. {/block:ifNotLargeorSmallfooter}
  639. color:{color:text};
  640. {block:ifNotLargeorSmallfooter}
  641. {block:ifSidebarleftorright}
  642. text-align:right;
  643. {/block:ifSidebarleftorright}
  644. {/block:ifNotLargeorSmallfooter}}
  645. .footer .links a:hover{
  646. color:{color:link hover}}
  647. .footer #back_top_top{
  648. font-size:9px;
  649. font-weight:700;
  650. text-transform:uppercase;
  651. color:{color:text};
  652. float:right;
  653. margin: 5px 0;
  654. {block:ifNotLargeorSmallfooter}
  655. {block:ifSidebarleftorright}
  656. float:left;
  657. {/block:ifSidebarleftorright}
  658. {/block:ifNotLargeorSmallfooter}}
  659.  
  660.  
  661. </style>
  662. </head>
  663. <body>
  664. {block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
  665.  
  666. <div id="container">
  667. <div id="header">
  668. {block:IfNotHeaderlogoimage}
  669. {block:ifHeaderTitle}
  670. <a href="/"><h1>{text:Header Title}</h1></a>
  671. {/block:ifHeaderTitle}
  672. {/block:IfNotHeaderlogoimage}
  673. {block:IfHeaderlogoimage}
  674. <a href="/"><img src="{image:Header logo}" /></a>
  675. {/block:IfHeaderlogoimage}
  676. </div>
  677.  
  678. <div id="sidebar">
  679. {block:IfPortraitimage}<a href="/">
  680. <div class="portrait"><center>
  681. <img src="{image:Portrait}" />
  682. </center></div></a>
  683. {/block:IfPortraitimage}
  684.  
  685. <div class="inner">
  686. <a href="/"><h1>{Title}</h1></a>
  687. <div class="description">{Description}</div>
  688.  
  689. {block:IfSignatureimage}<a href="/">
  690. <div class="signature"><center>
  691. <img src="{image:Signature}" />
  692. </center></div></a>
  693. {/block:IfSignatureimage}
  694.  
  695.  
  696.  
  697. {block:ifNotInfinitescrolling}
  698. <div class="pagination">
  699. {block:Pagination}
  700. {block:PreviousPage}
  701. <a href="{PreviousPage}" class="prev">Previous</a>
  702. {/block:PreviousPage}
  703.  
  704. {block:NextPage}
  705. <a href="{NextPage}" class="next">Next</a>
  706. {/block:NextPage}
  707. {/block:Pagination}
  708. </div>
  709. {/block:ifNotInfinitescrolling}
  710.  
  711. </div>
  712. </div>
  713.  
  714. <div id="center">
  715. {block:IndexPage}
  716. {block:ifTwitterUsername}
  717. <div class="twitter">
  718. <a href="http://twitter.com/{text:Twitter Username}">
  719. <h1>Tweets</h1></a>
  720. <div class="border"></div>
  721. <div id="twitter_div">
  722. <ul id="twitter_update_list"></ul>
  723. </div>
  724. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  725. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script>
  726. </div>{/block:ifTwitterUsername}
  727. {/block:IndexPage}
  728.  
  729. {block:Posts}
  730. <div class="post{block:Photo} photo_post{/block:Photo}">
  731. {block:Text}
  732. <div class="margin">
  733. {block:Title}
  734. <a href="{Permalink}"><h1>{Title}</h1></a>
  735. {/block:Title}
  736. {Body}
  737. </div>
  738. {/block:Text}
  739.  
  740. {block:Photo}
  741. <div class="picture">
  742. {block:IndexPage}
  743. <div class="hover">
  744. <div class="notes">
  745. <a href="{Permalink}">
  746. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  747. </a>
  748. </div>
  749. <div class="reblog">
  750. <a href="{ReblogURL}">{text:Reblog title}</a>
  751. </div>
  752. </div>
  753. {/block:IndexPage}
  754. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  755. </div>
  756. {/block:Photo}
  757.  
  758. {block:Photoset}
  759. {block:IndexPage}
  760. <div class="photoset">
  761. <div class="box">
  762. <div class="hover">
  763. <a href="{Permalink}" class="set">PHOTOSET</a>
  764. <a href="{Permalink}">See full set</a>
  765. </div>
  766. </div>
  767. {Photoset-250}
  768. </div>
  769. {/block:IndexPage}
  770. {block:PermalinkPage}
  771. {Photoset-500}
  772. {/block:PermalinkPage}
  773. {block:IndexPage}{block:ifshowcaption}
  774. {block:Caption}<div class="caption photo_caption">
  775. {Caption}</div>{/block:Caption}
  776. {/block:ifshowcaption}{/block:IndexPage}
  777. {/block:Photoset}
  778.  
  779. {block:Quote}
  780. <div class="margin"><center>
  781. <h1>"{Quote}"</h1>
  782. {block:Source}
  783. <div class="source">{Source}</div>
  784. {/block:Source}
  785. </centre>
  786. </div>
  787. {/block:Quote}
  788.  
  789. {block:Link}
  790. <div class="margin">
  791. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  792.  
  793. {block:Description}
  794. <div class="description">{Description}</div>
  795. {/block:Description}
  796. </div>
  797. {/block:Link}
  798.  
  799. {block:Chat}
  800. <div class="margin">
  801. {block:Title}
  802. <h1><a href="{Permalink}">{Title}</a></h1>
  803. {/block:Title}
  804. <ul class="chat">
  805. {block:Lines}
  806. <li class="{Alt} user_{UserNumber}">
  807. {block:Label}
  808. <span class="label">{Label}</span>
  809. {/block:Label}{Line}
  810. </li>
  811. {/block:Lines}
  812. </ul>
  813. </div>
  814. {/block:Chat}
  815.  
  816. {block:Video}
  817. <div class="video">
  818. {block:IndexPage} {Video-250}{/block:IndexPage}
  819. {block:PermalinkPage} {Video-500}{/block:PermalinkPage}
  820. </div>
  821. {block:IndexPage}{block:ifshowcaption}
  822. {block:Caption}<div class="caption photo_caption">
  823. {Caption}</div>{/block:Caption}
  824. {/block:ifshowcaption}{/block:IndexPage}
  825. {/block:Video}
  826.  
  827. {block:Audio}
  828. <div class="margin">
  829. <div class="audio">
  830. <div class="inner">
  831. {AudioPlayerBlack}
  832. </div>
  833. </div>
  834. {block:IndexPage} {block:Caption}
  835. <div class="caption au_caption">{Caption}</div>
  836. {/block:Caption}{/block:IndexPage}
  837. </div>
  838. {/block:Audio}
  839.  
  840. {block:Answer}
  841. <div class="margin">
  842. <div class="question">
  843. <span>{Asker}:</span><br />
  844. {Question}
  845. </div>
  846. <div class="answer">{Answer}</div>
  847. </div>
  848. {/block:Answer}
  849.  
  850. {block:IndexPage}
  851. {block:Date}
  852. <div class="permalink{block:Photo} photo_perma{/block:Photo}{block:Photoset} photo_perma{/block:Photoset}">
  853. {block:NoteCount}
  854. <a href="{Permalink}">♥ {NoteCount}</a> -
  855. {/block:NoteCount}
  856. <a href="{Permalink}">{TimeAgo}</a>
  857. </div>
  858. {/block:Date}
  859. {/block:IndexPage}
  860.  
  861. {block:PermalinkPage}
  862. {block:Date}
  863. {block:Caption}<div class="caption">
  864. {Caption}
  865. </div>{/block:Caption}
  866. <div class="permalink">
  867. {block:NoteCount}
  868. <a href="{Permalink}">♥ {NoteCount}</a> -
  869. {/block:NoteCount}
  870. <a href="{Permalink}">{TimeAgo}</a>
  871. </div>
  872. {/block:Date}
  873.  
  874. {PostNotes}
  875. {/block:PermalinkPage}
  876. </div>
  877. {/block:Posts}
  878. <div class="clear"></div>
  879. </div><div class="clear"></div>
  880. </div>
  881. {block:IndexPage}
  882. <div class="footer clearfix">
  883. <h1>{title}</h1>
  884.  
  885. <div class="links">
  886. {block:AskEnabled}
  887. <a href="/ask">
  888. {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
  889. {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
  890. </a>{/block:AskEnabled}
  891. {block:SubmissionsEnabled}
  892. <a href="/submit">{SubmitLabel}</a>
  893. {/block:SubmissionsEnabled}
  894. {block:HasPages}{block:Pages}<a href="{URL}">
  895. {Label}</a>{/block:Pages}
  896. {/block:HasPages}
  897. {block:ifLink1Title}
  898. <a href="{text:Link 1}">
  899. {text:Link 1 Title}</a>
  900. {/block:ifLink1Title}
  901. {block:ifLink2Title}
  902. <a href="{text:Link 2}">
  903. {text:Link 2 Title}</a>
  904. {/block:ifLink2Title}
  905. {block:ifLink3Title}
  906. <a href="{text:Link 3}">
  907. {text:Link 3 Title}</a>
  908. {/block:ifLink3Title}
  909. {block:ifLink4Title}
  910. <a href="{text:Link 4}">
  911. {text:Link 4 Title}</a>
  912. {/block:ifLink4Title}
  913. {block:ifLink5Title}
  914. <a href="{text:Link 5}">
  915. {text:Link 5 Title}</a>
  916. {/block:ifLink5Title}
  917. </div>
  918.  
  919. <a href="#">
  920. <div id="back_top_top">Back to top</div>
  921. </a>
  922.  
  923. <div class="clear"></div>
  924. </div>
  925. {/block:IndexPage}
  926. </body>
  927. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!