daad29

bro

Apr 27th, 2016
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.22 KB | None | 0 0
  1. <!--
  2. for my gay bro
  3.  
  4. -->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{image:Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="image:Favicon" content=""/>
  20.  
  21. <meta name="color:BG" content="#ffffff"/>
  22. <meta name="color:Scrollbar" content="#d7d7d7"/>
  23. <meta name="color:Scrollbar BG" content="#eaeaea"/>
  24. <meta name="color:Link" content="#707070"/>
  25. <meta name="color:Link Hover" content="#000000"/>
  26. <meta name="color:Blockquote" content=""/>
  27. <meta name="color:Post Text" content="#000000"/>
  28. <meta name="color:Info BG" content="#fbfbfb"/>
  29. <meta name="color:Info Border" content="#e7e7e7"/>
  30.  
  31. <meta name="select:Post Size" content="250" title="250px"/>
  32. <meta name="select:Post Size" content="300" title="300px"/>
  33. <meta name="select:Post Size" content="350" title="350px"/>
  34. <meta name="select:Post Size" content="400" title="400px"/>
  35. <meta name="select:Post Size" content="450" title="450px"/>
  36. <meta name="select:Post Size" content="500" title="500px"/>
  37.  
  38. <meta name="if:Sidebar" content=""/>
  39. <meta name="if:Captions" content=""/>
  40.  
  41. <meta name="text:Link 1" content=""/>
  42. <meta name="text:Link 1 URL" content=""/>
  43. <meta name="text:Link 2" content=""/>
  44. <meta name="text:Link 2 URL" content=""/>
  45. <meta name="text:Link 3" content=""/>
  46. <meta name="text:Link 3 URL" content=""/>
  47.  
  48. <link href='https://fonts.googleapis.com/css?family=Mako' rel='stylesheet' type='text/css'>
  49.  
  50. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  51. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  52. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  53.  
  54. <script>
  55. $(document).ready(function(){
  56. $('.photo-slideshow').pxuPhotoset({
  57. lightbox: true,
  58. rounded: false,
  59. gutter: '1px',
  60. borderRadius: '0px',
  61. photoset: '.photo-slideshow',
  62. photoWrap: '.photo-data',
  63. photo: '.pxu-photo'
  64. });
  65. });
  66. </script>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {
  73. background-color:{color:Scrollbar};
  74. height:100px;
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb:horizontal {
  78. background-color:{color:Scrollbar};
  79. height:100px !important;
  80. }
  81.  
  82. ::-webkit-scrollbar {
  83. height:10px;
  84. width:10px;
  85. background-color:{color:Scrollbar BG};
  86. }
  87.  
  88. body{
  89. margin:0px;
  90. padding:0px;
  91. background-color:{color:BG};
  92. }
  93.  
  94. a{
  95. text-decoration:none;
  96. color:{color:Link};
  97. -webkit-transition: all 0.5s ease-in;
  98. -moz-transition: all 0.5s ease-in;
  99. -ms-transition: all 0.5s ease-in;
  100. -o-transition: all 0.5s ease-in;
  101. transition: all 0.5s ease-in;
  102. }
  103.  
  104. a:hover{
  105. color:{color:Link Hover};
  106. -webkit-transition: all 0.5s ease-in;
  107. -moz-transition: all 0.5s ease-in;
  108. -ms-transition: all 0.5s ease-in;
  109. -o-transition: all 0.5s ease-in;
  110. transition: all 0.5s ease-in;
  111. }
  112.  
  113. ol{list-style-type:lower-roman;}
  114.  
  115. ul{
  116. list-style:none;
  117. margin-left:10px;
  118. padding-left:10px;
  119. }
  120.  
  121. li{
  122. padding-left:1em;
  123. text-indent:-1em;
  124. }
  125.  
  126. li:before{
  127. content:"»";
  128. padding-right:15px;
  129. color:{color:Accent};
  130. }
  131.  
  132. blockquote{
  133. width:90%;
  134. margin-left:8px;
  135. padding-left:10px;
  136. border-left:1px solid {color:Blockquote};
  137. }
  138.  
  139. blockquote img{
  140. width:100%;
  141. height:100%;
  142. }
  143.  
  144. img{
  145. margin-bottom:-3px;
  146. }
  147.  
  148. /****************************************************************************/
  149.  
  150.  
  151. .entry{
  152. {block:ifnotSidebar}
  153. margin:10px auto;
  154. {/block:ifnotSidebar}
  155. {block:ifSidebar}
  156. left:600px;
  157. margin:10px 0px;
  158. {/block:ifSidebar}
  159. position:relative;
  160. width:{select:Post Size}px;
  161. color:{color:Post Text};
  162. font:14px calibri, arial;
  163. }
  164.  
  165. .eimg img{
  166. width:{select:Post Size}px;
  167. }
  168.  
  169. .info{
  170. margin-top:10px;
  171. width:{select:Post Size}px;
  172. color:{color:Post Text};
  173. font:9px mako, calibri arial;
  174. text-transform:uppercase;
  175. text-align:center;
  176. padding:10px 0px;
  177. border:1px solid {color:Info Border};
  178. background-color:{color:Info BG};
  179. }
  180.  
  181. .info a{
  182. color:{color:Post Text};
  183. margin-right:8px;
  184. }
  185.  
  186. .ptitle{
  187. font-size:15px;
  188. font-weight:bold;
  189. text-transform:lowercase;
  190. letter-spacing:1px;
  191. }
  192.  
  193. .quote{
  194. font:12px times new roman;
  195. letter-spacing:1px;
  196. line-height:20px;
  197. }
  198.  
  199.  
  200. .source{
  201. margin-top:10px;
  202. font-size:10px;
  203. text-align:left;
  204. font-style:italic;
  205. }
  206.  
  207. .label{
  208. font-weight:bold;
  209. }
  210.  
  211. .line{margin:5px 0px;}
  212.  
  213. .ask{
  214.  
  215. }
  216. .asker{
  217. font:italic 9px calibri, arial;
  218. text-transform:uppercase;
  219. }
  220.  
  221. .question{text-align:justify;}
  222.  
  223.  
  224. .aimg img{
  225. float:left;
  226. margin-right:5px;
  227. }
  228.  
  229. .audio{
  230. height:30px;
  231. width:30px;
  232. overflow:hidden;
  233. background-color:white;
  234. float:left;
  235. margin:0px 20px;
  236. }
  237.  
  238. .atext{
  239. padding:20px 0px;
  240. }
  241.  
  242. .media {
  243. position:relative;
  244. padding-bottom: 75%;
  245. height: 0;
  246. overflow: hidden;
  247. }
  248.  
  249. .media iframe,
  250. .media object,
  251. .media embed {
  252. position: absolute;
  253. top: 0;
  254. left: 0;
  255. width: 100%;
  256. height: 100%;
  257. }
  258.  
  259.  
  260. .jpage, .cpage {
  261. display:inline-block;
  262. padding:5px 8px;
  263. font:9px mako;
  264. color:{color:Post Text};
  265. }
  266.  
  267. .cpage, .jpage:hover {
  268. color:{color:Link Hover};
  269. }
  270.  
  271. .pagei{
  272. position:relative;
  273. margin-left:auto;
  274. margin-right:auto;
  275. margin-top:50px;
  276. bottom:0px;
  277. }
  278.  
  279. /****************************************************************************/
  280.  
  281. {block:ifSidebar}
  282.  
  283. .sidebar{
  284. position:fixed;
  285. width:170px;
  286. left:380px;
  287. top:400px;
  288. font:10px calibri, arial;
  289. line-height:18px;
  290. letter-spacing:1px;
  291. text-align:right;
  292. }
  293.  
  294. .desc{
  295. border-right:1px solid {color:Info Border};
  296. padding-right:10px;
  297. margin-bottom:10px;
  298. }
  299.  
  300. .sidebar img{
  301. width:40px;
  302. border-radius:50px;
  303. }
  304.  
  305. .dlinks a{
  306. margin-right:5px;
  307. }
  308.  
  309. .btitle{font:bold 18px times new roman;letter-spacing:1px;margin:10px 0px;margin-top:8px;}
  310.  
  311. {/block:ifSidebar}
  312.  
  313. {block:ifNotSidebar}
  314.  
  315. .header{
  316. margin-top:200px;
  317. margin-bottom:50px;
  318. margin-left:auto;
  319. margin-right:auto;
  320. width:{select:Post Size}px;
  321. font:10px calibri, arial;
  322. text-align:center;
  323. padding-bottom:15px;
  324. border-bottom:1px solid {color:Info Border};
  325. }
  326.  
  327. .desc{
  328. line-height:15px;
  329. text-transform:lowercase;
  330. font-style:italic;
  331. letter-spacing:1px;
  332. margin-bottom:2px;
  333.  
  334. }
  335.  
  336. .header img{
  337. width:40px;
  338. margin-bottom:12px;
  339. border-radius:50px;
  340. }
  341.  
  342. .dlinks{
  343. position:absolute;
  344. margin-top:8px;
  345.  
  346. width:{select:Post Size}px;
  347. }
  348.  
  349. .dlinks a{
  350. color:{color:Post Text};
  351. padding:5px;
  352. font:9px mako, arial;
  353. text-transform:uppercase;
  354. background-color:{color:BG};
  355. }
  356. {/block:ifNotSidebar}
  357.  
  358. </style>
  359. </head>
  360. <body>
  361.  
  362. {block:ifSidebar}
  363. <div class="sidebar">
  364.  
  365. <div class="btitle">{Title}</div>
  366. <div class="desc">{Description}</div>
  367. <div class="dlinks">
  368. <a href="/" title="index">.01</a>
  369. <a href="{text:Ask URL}" title="ask">.02</a>
  370. <a href="/archive" title="archive">.03</a>
  371. <a href="{text:Link 1 URL}" title="{text:Link 1}">.04</a>
  372. <a href="{text:Link 2 URL}" title="{text:Link 2}">.05</a>
  373. <a href="{text:Link 3 URL}" title="{text:Link 3}">.06</a>
  374. </div>
  375.  
  376. </div>
  377. {/block:ifSidebar}
  378.  
  379. {block:ifNotSidebar}
  380. <div class="header">
  381. <img src="{image:Sidebar}">
  382. <div class="desc">{Description}</div>
  383. <div class="dlinks">
  384. <a href="/">index</a>
  385. <a href="{text:Ask URL}">ask</a>
  386. <a href="/archive">past</a>
  387. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  388. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  389. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  390. </div>
  391. </div>
  392. {/block:ifNotSidebar}
  393.  
  394. {block:Posts}
  395. <div class="entry">
  396.  
  397. {block:Text}
  398. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  399. {Body}
  400. {/block:Text}
  401.  
  402. {block:Link}
  403. <div class="ptitle"><a href="{URL}">{Name}</a></div>
  404. {Description}
  405. {/block:Link}
  406.  
  407. {block:Photo}
  408. <div class="eimg">
  409. <img src="{PhotoURL-500}"/>
  410. </div>
  411. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  412. {/block:Photo}
  413.  
  414.  
  415. {block:Photoset}
  416. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  417. {block:Photos}
  418. <div class="photo-data">
  419. <div class="pxu-photo">
  420. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  421. </div>
  422. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  423. {/block:Photos}
  424. </div>
  425. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  426. {/block:Photoset}
  427.  
  428. {block:Quote}
  429. <div class="quote">{Quote}</div>
  430. <div class="source">&mdash;{Source}</div>
  431. {/block:Quote}
  432.  
  433. {block:Answer}
  434. <div class="ask">
  435. <div class="asker">{Asker} asked</div>
  436. <div class="question">{Question}</div>
  437. </div>
  438. {Answer}
  439. {/block:Answer}
  440.  
  441. {block:Chat}
  442. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  443. {block:Lines}
  444. {block:Label}<div class="line"><span class="label">{Label}</span>{/block:Label}
  445. {Line}</div>
  446. {/block:Lines}
  447. {/block:Chat}
  448.  
  449. {block:Audio}
  450. <div class="atext">
  451. <div class="audio">{AudioPlayerWhite}</div>
  452. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  453. {block:Artist}<br>{Artist}{/block:Artist}
  454. </div>
  455. {/block:Audio}
  456.  
  457. {block:Video}
  458. <div class="media">{Video-500}</div>
  459. {/block:Video}
  460.  
  461. {block:Date}
  462. <div class="info">
  463.  
  464. <a href="{Permalink}">{Month} {DayOfMonth}</a>
  465. <a href="{Permalink}">{NoteCount}N</a>
  466. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  467. {block:ContentSource}<a href="{SourceURL}">src</a>{/block:ContentSource}
  468.  
  469. <a href="{ReblogURL}" style="margin-right:0px">reblog</a>
  470.  
  471. </div>
  472. {/block:Date}
  473.  
  474. </div>
  475. {/block:Posts}
  476.  
  477.  
  478. {block:ifnotSidebar}
  479. <center>
  480. <div class="entry">
  481. {block:Pagination}
  482. <div class="pagei">
  483.  
  484. {block:PreviousPage}
  485. <a href="{PreviousPage}" class="jpage">&laquo;</a>
  486. {/block:PreviousPage}
  487.  
  488. {block:JumpPagination length="5"}
  489.  
  490. {block:CurrentPage}
  491. <span class="cpage">{PageNumber}</span>
  492. {/block:CurrentPage}
  493.  
  494. {block:JumpPage}
  495. <a class="jpage" href="{URL}">{PageNumber}</a>
  496. {/block:JumpPage}
  497. {/block:JumpPagination}
  498. {block:NextPage}
  499. <a href="{NextPage}" class="jpage">&raquo;</a>
  500. {/block:NextPage}
  501. </div>
  502. {/block:Pagination}
  503. </div>
  504. </center>
  505.  
  506. {/block:ifnotSidebar}
  507.  
  508. <div style="position:fixed;bottom:10px;right:10px;font:10px calibri;text-transform:uppercase"><a href="http://www.daad29.tumblr.com">theme</a></div>
  509.  
  510. </body>
  511. </html>
Advertisement
Add Comment
Please, Sign In to add comment