API tools faq
paste
Advertisement
hrry20s

twenty: photograph

hrry20s
Aug 23rd, 2014
518
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <meta name="if:250px" content=""/>
  10. <meta name="if:400px" content=""/>
  11. <meta name="if:showCaption" content=""/>
  12. <meta name="color:background" content=""/>
  13. <meta name="color:Text" content=""/>
  14. <meta name="color:Sidebar Links" content=""/>
  15. <meta name="color:description text" content=""/>
  16. <meta name="color:accent" content=""/>
  17. <meta name="color:scrollbar" content=""/>
  18. <meta name="color:basic link" content=""/>
  19. <meta name="color:Answer Backg" content=""/>
  20. <meta name="color:permalink bg" content=""/>
  21. <meta name="color:tags bg" content=""/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="image:Background" content=""/>
  24. <meta name="text:one" content=""/>
  25. <meta name="text:one url" content=""/>
  26. <meta name="text:two" content=""/>
  27. <meta name="text:two url" content=""/>
  28. <meta name="text:three" content=""/>
  29. <meta name="text:three url" content=""/>
  30. <meta name="text:four" content=""/>
  31. <meta name="text:four url" content=""/>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. ::-webkit-scrollbar-thumb {
  37. height:auto;
  38. background-color:{color:scrollbar};
  39. border:2px solid {color:background};
  40. }
  41.  
  42. ::-webkit-scrollbar {
  43. height:9px;
  44. width:7px;
  45. background-color:{color:background};
  46. }
  47.  
  48. body {
  49. background:{color:background};
  50. margin:0px;
  51. color:{color:text};
  52. font-family:arial;
  53. font-size:10px;
  54. line-height:100%;
  55. letter-spacing:0px;
  56. text-align:justify;
  57. background-image:url('{image:Background}');
  58. }
  59.  
  60. b,strong{
  61. color:{color:accent};
  62. }
  63.  
  64. i,em{
  65. color:{color:accent};
  66. }
  67.  
  68. h1{
  69. padding:10px 5px;
  70. margin:0 0 2px 0;
  71. text-align:center;
  72. font:8px trebuchet ms;
  73. text-transform:uppercase;
  74. letter-spacing:2px;
  75. background-color:{color:accent};
  76. color:white;
  77. }
  78.  
  79. h2 {
  80. text-align:center;
  81. margin:0;
  82. text-transform:lowercase;
  83. background-color:{color:h2 BG};
  84. font:italic 14px trebuchet ms;
  85. color:white;
  86. }
  87.  
  88. blockquote {
  89. padding-left:10px;
  90. margin-left:5px;
  91. border-left:6px solid {color:accent};
  92. }
  93.  
  94. a {
  95. text-decoration:none;
  96. outline:none;
  97. font-size:10px;
  98. -moz-outline-style:none;
  99. color:{color:basic link};
  100. -moz-transition-duration:0.45s;
  101. -webkit-transition-duration:0.45s;
  102. -o-transition-duration:0.45s;
  103. }
  104.  
  105. a:hover {
  106. color:{color:text};
  107. -moz-transition-duration:0.45s;
  108. -webkit-transition-duration:0.45s;
  109. -o-transition-duration:0.45s;
  110. }
  111.  
  112. img {
  113. border:none;
  114. }
  115.  
  116. #entries {
  117. padding:10px;
  118. {block:If400px}
  119. width:400px;
  120. margin-left:650px;
  121. {/block:If400px}
  122. {block:If250px}
  123. width:250px;
  124. margin-left:700px;
  125. {/block:If250px}
  126. {block:PermalinkPage}
  127. width:400px;
  128. margin-left:670px;
  129. {/block:PermalinkPage}
  130. margin-top:5px;
  131. font-size:10px;
  132. font-family:'arial';
  133. letter-spacing:0px;
  134. }
  135.  
  136. #post {
  137. padding:10px;
  138. border:2px solid white;
  139. background:white;
  140. {block:If400px}width:400px;{/block:If400px}
  141. {block:If250px}width:250px;{/block:If250px}
  142. {block:PermalinkPage}
  143. width:400px;
  144. {/block:PermalinkPage}
  145. padding-bottom:40px;
  146. padding:25px;
  147. margin-top:50px;
  148. }
  149.  
  150. /*SIDEBAR*/
  151.  
  152. #sidebar {
  153. position:fixed;
  154. margin-left:100px;
  155. margin-top:80px;
  156. margin-left:170px;
  157. }
  158.  
  159. #sidebar img {
  160. width:95px;
  161. margin-top:144px;
  162. padding:3px;
  163. margin-left:225px;
  164. padding:19px;
  165. background:white;
  166. }
  167.  
  168. .links {
  169. width:130px;
  170. padding: 4px;
  171. background:white;
  172. text-align:center;
  173. text-transform:uppercase;
  174. position:fixed;
  175. margin-top:-135px;
  176. margin-left:86px;
  177. }
  178.  
  179. .links a {
  180. display:block;
  181. background:white;
  182. text-align:right;
  183. font-family:trebuchet ms;
  184. margin:2px;
  185. width:auto;
  186. padding-right:6px;
  187. padding-top:5px;
  188. padding-bottom:5px;
  189. font-size:8px;
  190. letter-spacing:1px;
  191. color:{color:Sidebar Links};
  192. box-shadow: inset 0px 0px 0px transparent;
  193. -moz-transition-duration:0.5s;
  194. -webkit-transition-duration:0.5s;
  195. -o-transition-duration:0.5s;
  196. }
  197.  
  198. .links a:hover {
  199. box-shadow: inset 0px 30px 0px {color:accent};
  200. color:white;
  201. -moz-transition-duration:0.5s;
  202. -webkit-transition-duration:0.5s;
  203. -o-transition-duration:0.5s;
  204. }
  205.  
  206. #description {
  207. padding:10px;
  208. position:fixed;
  209. margin-top:18px;
  210. margin-left:135px;
  211. font-size:8px;
  212. width:180px;
  213. font-family:trebuchet ms;
  214. letter-spacing:1px;
  215. text-align:center;
  216. color:{color:description text};
  217. background:white;
  218. text-transform:uppercase;
  219. }
  220.  
  221. #pagination {
  222. font-style:bold;
  223. width:128px;
  224. padding:5px;
  225. position:fixed;
  226. background:white;
  227. letter-spacing:0px;
  228. text-align:left;
  229. font-size:9px;
  230. margin-top:-43px;
  231. margin-left:-149px;
  232. opacity:1;
  233. -moz-transition-duration:0.5s;
  234. -webkit-transition-duration:0.5s;
  235. -o-transition-duration:0.5s;
  236. }
  237.  
  238. #pagination a {
  239. color:{color:text};
  240. text-transform:uppercase;
  241. font-size:8px;
  242. letter-spacing:1px;
  243. background:transparent;
  244. display:block;
  245. }
  246.  
  247. #pagination a:hover {
  248. color:{color:sidebar links};
  249. box-shadow: inset 0px 0px 0px transparent;
  250. }
  251.  
  252.  
  253. /*POST INFO*/
  254.  
  255. #info {
  256. width:auto;
  257. text-align:center;
  258. font-family:calibri;
  259. margin-top:10px;
  260. color:white;
  261. letter-spacing:1px;
  262. font-size:9px;
  263. font-style:none;
  264. padding:7px;
  265. line-height:10px;
  266. text-transform:uppercase;
  267. background:{color:permalink bg};
  268. }
  269.  
  270. #info a {
  271. color:white;
  272. font-size:9px;
  273. -moz-transition-duration:0.5s;
  274. -webkit-transition-duration:0.5s;
  275. -o-transition-duration:0.5s;
  276. }
  277.  
  278. #info a:hover {
  279. opacity:.6;
  280. -moz-transition-duration:0.4s;
  281. -webkit-transition-duration:0.4s;
  282. -o-transition-duration:0.4s;
  283. }
  284.  
  285. #tags {
  286. width:auto;
  287. margin-top:0px;
  288. margin-left:0px;
  289. text-align:center;
  290. font-size:7px;
  291. padding:7px;
  292. background:{color:tags bg};
  293. transition-duration: 0.5s;
  294. -moz-transition-duration: 0.5s;
  295. -webkit-transition-duration: 0.5s;
  296. -o-transition-duration: 0.5s;
  297. }
  298.  
  299. #tags a {
  300. letter-spacing:1px;
  301. font-size:9px;
  302. text-align:center;
  303. font-family:calibri;
  304. text-transform:uppercase;
  305. text-decoration:none;
  306. display:inline-block;
  307. color:white;
  308. transition-duration: 0.5s;
  309. -moz-transition-duration: 0.5s;
  310. -webkit-transition-duration: 0.5s;
  311. -o-transition-duration: 0.5s;
  312. }
  313.  
  314. #tags a:hover {
  315. opacity:.5;
  316. transition-duration: 0.45s;
  317. -moz-transition-duration: 0.45s;
  318. -webkit-transition-duration: 0.45s;
  319. -o-transition-duration: 0.45s;
  320. }
  321.  
  322. .q {
  323. font-family:arial;
  324. font-size:15px;
  325. font-style:italic;
  326. line-height:110%;
  327. color:{color:accent};
  328. }
  329.  
  330. .qtsource {
  331. padding:5px;
  332. font-style:italic;
  333. }
  334.  
  335. .qtsource a {
  336. color:{color:text};
  337. -moz-transition-duration: 0.45s;
  338. -webkit-transition-duration: 0.45s;
  339. -o-transition-duration: 0.45s;
  340. }
  341.  
  342. .qtsource a:hover {
  343. color:{color:accent};
  344. -moz-transition-duration: 0.45s;
  345. -webkit-transition-duration: 0.45s;
  346. -o-transition-duration: 0.45s;
  347. }
  348.  
  349. #audioplayer {
  350. width:25px;
  351. height:25px;
  352. overflow:hidden;
  353. position:absolute;
  354. border:6px solid white;
  355. margin-top:13px;
  356. margin-left:15px;
  357. }
  358.  
  359. #audioinfo {
  360. background:{color:accent};
  361. color:white;
  362. width:auto;
  363. padding:20px;
  364. padding-left:60px;
  365. margin-top:0px;
  366. text-transform:uppercase;
  367. font-family:calibri;
  368. line-height:150%;
  369. font-size:9px;
  370. letter-spacing:1px;
  371. }
  372.  
  373. .caption {
  374. font-size:11px;
  375. word-spacing:0px;
  376. }
  377.  
  378.  
  379. #asker {
  380. padding:13px 10px;
  381. text-align:left;
  382. margin-top:0px;
  383. margin-left:37px;
  384. line-height:100%;
  385. background-color:{color:accent};
  386. }
  387.  
  388. #asker a {
  389. color:white;
  390. font-family:trebuchet ms;
  391. font-size:8px;
  392. letter-spacing:1px;
  393. text-align:left;
  394. text-transform:uppercase;
  395. -moz-transition-duration:0.45s;
  396. -webkit-transition-duration:0.45s;
  397. -o-transition-duration:0.45s;
  398. }
  399.  
  400. #asker a:hover {
  401. opacity:.6;
  402. -moz-transition-duration:0.45s;
  403. -webkit-transition-duration:0.45s;
  404. -o-transition-duration:0.45s;
  405. }
  406.  
  407. #askerimage {
  408. text-align:left;
  409. margin-top:-36px;
  410. }
  411.  
  412. #askerimage img {
  413. border:10px solid {color:accent};
  414. }
  415.  
  416. .question {
  417. padding:10px;
  418. margin-top:-3px;
  419. border:1px solid {color:accent};
  420. width:auto;
  421. color:{color:text};
  422. font-family:trebuchet ms;
  423. font-size:8px;
  424. text-transform:uppercase;
  425. letter-spacing:1px;
  426. }
  427.  
  428. ol.notes{
  429. margin-left:0px;
  430. width:435px;
  431. padding:10px;
  432. background:white;
  433. font-family:trebuchet ms;
  434. text-transform:uppercase;
  435. letter-spacing:1px;
  436. font-size:8px;
  437. }
  438.  
  439. ol.notes a {
  440. font-family:trebuchet ms;
  441. text-transform:uppercase;
  442. letter-spacing:1px;
  443. font-size:8px;
  444. }
  445.  
  446. ol.notes li.note {
  447. list-style-type:none;
  448. padding: 10px;
  449. color:{color:text};
  450. font-family:trebuchet ms;
  451. text-transform:uppercase;
  452. letter-spacing:1px;
  453. font-size:8px;
  454. }
  455.  
  456. ol.notes li.note img.avatar {
  457. list-style-type:none;
  458. vertical-align: -4px;
  459. margin-right: 10px;
  460. width: 16px;
  461. height: 16px;
  462. border:6px solid {color:accent};
  463. }
  464.  
  465. ol.notes li.note span.action {
  466. list-style-type:none;
  467. font-weight:normal;
  468. }
  469.  
  470. ol.notes li.note .answer_content {
  471. list-style-type:none;
  472. font-weight: normal;
  473. }
  474.  
  475. ol.notes li.note blockquote {
  476. padding: 4px 10px;
  477. margin: 10px 0px 0px 25px;
  478. }
  479.  
  480. ol.notes li.note blockquote a {
  481. text-decoration: none;
  482. }
  483.  
  484.  
  485. {CustomCSS}
  486. </style>
  487. </head>
  488. <body>
  489.  
  490. <div id="sidebar">
  491.  
  492. <div id="sidebarimage">
  493. <img src="{image:Sidebar}">
  494. </div>
  495.  
  496. <div class="links">
  497. <a href="{text:one url}"> {text:one}</a>
  498. <a href="{text:two url}"> {text:two}</a>
  499. <a href="{text:three url}"> {text:three}</a>
  500. <a href="{text:four url}"> {text:four}</a>
  501. <a href="http://dylensbrien.tumblr.com/">credit</a>
  502.  
  503. <div id="description">{Description}
  504.  
  505. {block:Pagination}
  506. <div id="pagination">
  507. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  508. </div>
  509. {/block:Pagination}
  510. </div>
  511. </div>
  512. </div>
  513.  
  514. <div id="entries">
  515. {block:Posts}
  516. <div id="post">
  517.  
  518. {block:Text}
  519. {block:Title}<h1>{Title}</h1>{/block:Title}
  520. {Body}{/block:Text}
  521.  
  522. {block:Photo}
  523. {block:IndexPage}
  524. {block:If250px}<img src="{PhotoURL-250}">{/block:If250px}
  525. {block:If400px}<img src="{PhotoURL-400}">{/block:If400px}
  526. {/block:IndexPage}
  527. {block:PermalinkPage}
  528. <img src="{PhotoURL-400}">
  529. {/block:PermalinkPage}
  530. {/block:photo}
  531.  
  532. {block:Photoset}
  533. {block:IndexPage}
  534. {block:If250px}{Photoset-250}{/block:If250px}
  535. {block:If400px}{Photoset-400}{/block:If400px}
  536. {/block:IndexPage}
  537. {block:Permalinkpage}
  538. {Photoset-400}
  539. {/block:Permalinkpage}
  540. {/block:Photoset}
  541.  
  542. {block:Quote}<div class="q">"{Quote}"</div>
  543. {block:Source}<div class="qtsource"> — {Source}</div>
  544. {/block:Source}{/block:Quote}
  545.  
  546. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  547.  
  548. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  549.  
  550. {block:Audio}
  551. <div id= "audioplayer">{AudioPlayerWhite}</div>
  552. <div id="audioinfo">
  553. {block:TrackName}
  554. {TrackName}
  555. {/block:TrackName}
  556. <br>
  557. {block:Artist}
  558. {Artist}
  559. {/block:Artist}
  560. </div>
  561. {/block:Audio}<br>
  562.  
  563. {block:Video}
  564. {block:IndexPage}
  565. {block:If250px}{Video-250}{/block:If250px}
  566. {block:If400px}{Video-400}{/block:If400px}
  567. {/block:IndexPage}
  568. {block:PermalinkPage}
  569. {Video-400}
  570. {/block:PermalinkPage}
  571. {/block:Video}
  572.  
  573. {block:IndexPage}
  574. {block:IfshowCaption}
  575. {block:Caption}
  576. <div class="caption">{Caption}</div>{/block:Caption}
  577. {/block:Caption}
  578. {/block:IfshowCaption}
  579. {/block:IndexPage}
  580.  
  581. {block:PermalinkPage}
  582. {block:Caption}
  583. <div class="caption">{Caption}</div>{/block:Caption}
  584. {/block:PermalinkPage}
  585.  
  586. {block:Answer}
  587. <div id="asker">{Asker}</div>
  588. <div id="askerimage"><img src="{AskerPortraitURL-16}"></div>
  589. <div class="question">{Question}</div>
  590. {Answer}
  591. {/block:Answer}
  592.  
  593. <div id="info">
  594. <a href="{Permalink}">{TimeAgo}</a> —
  595. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  596. {block:ContentSource}& <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  597. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with {NoteCountWithLabel}</a></div>
  598. {block:HasTags}<div id="tags">
  599.  
  600. {block:Tags}<a href="/tagged/{Tag}">{Tag},</a>&nbsp;{/block:Tags}
  601. </div>{block:HasTags}
  602. </div>
  603. {/block:Posts}
  604. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  605. {/block:Posts}</div></div></div>
  606. <br><br><br><br>
  607.  
  608. </div>
  609. </body>
  610. </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!