API tools faq
paste
Advertisement
hrry20s

thirteen: augustus

hrry20s
Jul 2nd, 2014
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.87 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>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <!--
  15.  
  16. theme 13 by voidposeys!
  17. 1) don't steal credit or coding
  18. 2) don't redistribute as your own
  19. 3) just don't
  20. 4) don't do it alrighty?
  21.  
  22. -->
  23.  
  24.  
  25.  
  26. <meta name="color:Background" content="#fff"/>
  27. <meta name="color:Text" content="#9C9C9C"/>
  28. <meta name="color:accent" content="#f3f3f3"/>
  29. <meta name="color:descriptext" content=""/>
  30. <meta name="color:links" content""/>
  31. <meta name="color:linkhover" content=""/>
  32. <meta name="color:" content=""/>
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="text:title" content=""/>
  35. <meta name="text:1" content="" />
  36. <meta name="text:1 text" content="" />
  37. <meta name="text:2" content="" />
  38. <meta name="text:2 text" content="" />
  39. <meta name="text:3" content="" />
  40. <meta name="text:3 text" content="" />
  41. <meta name="text:4" content="" />
  42. <meta name="text:4 text" content="" />
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45.  
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47.  
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. ::-webkit-scrollbar-thumb{
  64. background-color: {color:accent};
  65. border: 2px solid #fff;
  66. height:auto;
  67. }
  68.  
  69. ::-webkit-scrollbar {
  70. height:9px;
  71. width:10px;
  72. background-color: {color:accent};
  73. border: 4px solid #fff;
  74. }
  75.  
  76. ::selection {
  77. background-color:#f9f9f9;
  78. }
  79.  
  80. body {
  81. background:{color:Background};
  82. color:{color:Text};
  83. font-family:helvetica;
  84. font-size:10px;
  85. }
  86.  
  87. a {
  88. color:{color:accent};
  89. text-decoration:none;
  90. -webkit-transition: all 0.3s ease-in-out;
  91. -moz-transition: all 0.3s ease-in-out;
  92. -o-transition: all 0.3s ease-in-out;
  93. transition: all 0.3s ease-in-out;
  94. }
  95.  
  96. a:hover {
  97. text-decoration:none;
  98. color:black;
  99. -webkit-transition: all 0.3s ease-in-out;
  100. -moz-transition: all 0.3s ease-in-out;
  101. -o-transition: all 0.3s ease-in-out;
  102. transition: all 0.3s ease-in-out;
  103. }
  104.  
  105.  
  106.  
  107.  
  108. blockquote {
  109. border-left:3px solid {color:accent};
  110. padding-left:10px;
  111. margin-left:6px;
  112. }
  113.  
  114. h1 {
  115. font-family:arial;
  116. font-weight:bold;
  117. font-size:17px;
  118. color:{color:accent};
  119. letter-spacing:0px;
  120. text-align:center;
  121. }
  122.  
  123. #entries {
  124. width:500px;
  125. margin-left:600px;
  126. margin-top:-100px;
  127. margin-bottom:100px;
  128. }
  129.  
  130. #post {
  131. width:500px;
  132. margin-top:150px;
  133. position:relative;
  134. }
  135.  
  136. #sbar {
  137. margin-left:190px;
  138. margin-top:190px;
  139. position:fixed;
  140. width:300px;
  141. }
  142.  
  143. .image {
  144. }
  145.  
  146. .image img {
  147. width:200px;
  148. height:140px;
  149. padding-left:15px;
  150. }
  151.  
  152. .title {
  153. font-size:21px;
  154. float:left;
  155. margin-left:25px;
  156. font-family:arial;
  157. font-weight:bold;
  158. border:1px solid white;
  159. background:white;
  160. z-index:99999999;
  161. position:fixed;
  162. margin-top:142px;
  163. letter-spacing:-2px;
  164. color:{color:accent};
  165. -webkit-transition: all 0.5s ease-in-out;
  166. -moz-transition: all 0.5s ease-in-out;
  167. -o-transition: all 0.5s ease-in-out;
  168. transition: all 0.5s ease-in-out;
  169. }
  170.  
  171. .desc {
  172. margin-top:10px;
  173. width:175px;
  174. color:{color:descriptext};
  175. margin-top:15px;
  176. margin-left:15px;
  177. border:3px solid {color:accent};
  178. position:fixed;
  179. font-size:9px;
  180. padding:10px;
  181. text-align:left;
  182. line-height:100%;
  183. -webkit-transition: all 0.3s ease-in-out;
  184. -moz-transition: all 0.3s ease-in-out;
  185. -o-transition: all 0.3s ease-in-out;
  186. transition: all 0.3s ease-in-out;
  187. }
  188.  
  189. .desc:hover {
  190. -webkit-transition: all 0.3s ease-in-out;
  191. -moz-transition: all 0.3s ease-in-out;
  192. -o-transition: all 0.3s ease-in-out;
  193. transition: all 0.3s ease-in-out;
  194. }
  195.  
  196. .links {
  197. position:absolute;
  198. border:3px solid {color:accent};
  199. margin-top:175px;
  200. color:white;
  201. margin-left:13px;
  202. margin-top:-195px;
  203. width:176px;
  204. font-family:arial;
  205. letter-spacing:1px;
  206. text-align:center;
  207. text-transform:lowercase;
  208. padding:10px;
  209. line-height:60%;
  210. opacity:0;
  211. -moz-transition-duration:0.5s;
  212. -webkit-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;
  214.  
  215. }
  216.  
  217.  
  218. .links a {
  219. width:0px;
  220. padding:3px;
  221. margin:15px;
  222. font-size:0px;
  223. letter-spacing:4px;
  224. color:white;
  225. background:{color:accent};
  226. border:2px solid {color:accent};
  227. border-radius:300%;
  228. -moz-transition-duration:0.4s;
  229. -webkit-transition-duration:0.4s;
  230. -o-transition-duration:0.4s;
  231. }
  232.  
  233. .links a:hover {
  234. background:white;
  235. }
  236.  
  237.  
  238. #sbar:hover .links{
  239. opacity:1;
  240. -moz-transition-duration:0.5s;
  241. -webkit-transition-duration:0.5s;
  242. -o-transition-duration:0.5s;
  243. }
  244.  
  245. #pagination {
  246. position:fixed;
  247. width:70px;
  248. height:10px;
  249. font-size:10px;
  250. text-align:center;
  251. font-weight:bold;
  252. margin-left:400px;;
  253. margin-top:280px;
  254. opacity:1;
  255. padding:10px;
  256. font-family:arial, helvetica;
  257. letter-spacing:4px;
  258. background-color:transparent;
  259. }
  260.  
  261. #info {
  262. position:absolute;
  263. top:0%;
  264. margin-left:495px;
  265. padding: 0px 10px;
  266. width: 100px;
  267. -webkit-transition: all 0.3s ease-in-out;
  268. -moz-transition: all 0.3s ease-in-out;
  269. -o-transition: all 0.3s ease-in-out;
  270. transition: all 0.3s ease-in-out;
  271. }
  272.  
  273. #info a {
  274. display:block;
  275. font-size:9px;
  276. width:0;
  277. height:0;
  278. margin:10px;
  279. text-transform:uppercase;
  280. border:2px solid {color:accent};
  281. background:{color:accent};
  282. border-radius:300%;
  283. padding:3px;
  284. margin-top:0px;
  285. color:black;
  286. }
  287.  
  288. #info a:hover {
  289. background:white;
  290. }
  291.  
  292. #tags {
  293. text-align:left;
  294. margin-top:3px;
  295. }
  296.  
  297. #tags a {
  298. color:black;
  299. }
  300.  
  301. #tags a:hover {
  302. color:{color:accent};
  303. }
  304.  
  305. .audio {
  306. height:20px;
  307. padding:5px;
  308. margin-bottom:55px;
  309. }
  310.  
  311. .audio-album {
  312. position:absolute;
  313. border:2px solid {color:accent};
  314. width:25px;
  315. margin-left:-5px;
  316. height:70px;
  317. -webkit-transition: opacity 0.6s linear;
  318. opacity: 1;
  319. }
  320.  
  321. .audio-player {
  322. opacity:1;
  323. filter:alpha(opacity=10);
  324. width:25px;
  325. height:25px;
  326. overflow:hidden;
  327. position:absolute;
  328. padding:5px;
  329. border:3px solid {color:accent};
  330. z-index:2;
  331. margin-left:12px;
  332. margin-top:17px;
  333. -webkit-transition: all 0.25s ease-out;
  334. -o-transition: all 0.25s ease-out;
  335. -webkit-transition: all 0.25s ease-out;
  336. -moz-transition: all 0.25s ease-out;
  337. }
  338.  
  339. .audio-info {
  340. letter-spacing:1px;
  341. position:relative;
  342. color:{color:accent};
  343. font-weight:bold;
  344. font-family:arial;
  345. text-transform:lowercase;
  346. border:3px solid {color:accent};
  347. font-size:14px;
  348. margin-left:-7px;
  349. line-height:550%;
  350. width:431px;
  351. margin-top:-5px;
  352. padding-left:67px;
  353. background:white;
  354. }
  355.  
  356. .audio:hover .audio-player {
  357. opacity:1;
  358. -webkit-transition: all 0.25s ease-out;
  359. -o-transition: all 0.25s ease-out;
  360. -webkit-transition: all 0.25s ease-out;
  361. -moz-transition: all 0.25s ease-out;
  362. }
  363.  
  364. .pagenotes {
  365. {block:IndexPage}
  366. display: none!important;
  367. {/block:IndexPage}
  368. width:400px;
  369. text-align:left;
  370. font-family:arial, helvetica;
  371. border:3px solid white;
  372. background:white;
  373. padding:10px;
  374. color:black
  375. }
  376.  
  377. .pagenotes a {
  378. color:black;
  379. }
  380.  
  381. .pagenotes a:hover {
  382. color:{color:hover};
  383. }
  384.  
  385.  
  386. .pagenotes img {
  387. display:none!important;}
  388. .pagenotes li {
  389. list-style-type:none;
  390. padding:5px 0px;
  391. text-align:left;
  392. margin:0 0 0 -40px;
  393. }
  394.  
  395.  
  396. #question {
  397. font-size:11px;
  398. text-transform:lowercase;
  399. border:3px solid {color:accent};
  400. letter-spacing:0px;
  401. text-align:left;
  402. margin-top:-14px;
  403. color:{color:descriptext};
  404. padding-top:12px;
  405. padding-bottom:9px;
  406. padding-left:9px;
  407. }
  408.  
  409. #asker {
  410. font-family:arial;
  411. background:white;
  412. position:absolute;
  413. border:1px solid white;
  414. z-index:9999999;
  415. margin-top:-26px;
  416. text-align:left;
  417. font-weight:bold;
  418. margin-left:5px;
  419. font-size:19px;
  420. letter-spacing:-1px;
  421. text-transform:lowercase;
  422. }
  423.  
  424. #quote {
  425. padding:5px;
  426. font-size:11px;
  427. text-align:left;
  428. }
  429.  
  430. #source {
  431. color:{color:accent};
  432. font-size:16px;
  433. text-align:left;
  434. letter-spacing:-1px;
  435. font-family:arial, helvetica;
  436. font-weight:bold;
  437. text-transform:lowercase;
  438. }
  439.  
  440. #chat {
  441. margin-top:5px;
  442. }
  443.  
  444. #maker{
  445. float:right;
  446. position:fixed;
  447. bottom:5px;
  448. right:15px;
  449. padding:5px;
  450. font-size:22px;
  451. text-transform:uppercase;
  452. }
  453.  
  454. #maker a{
  455. color:black;
  456. }
  457.  
  458. #maker a:hover{
  459. color:{color:accent};
  460. }
  461.  
  462. {CustomCSS}
  463.  
  464. #s-m-t-tooltip {
  465. max-width:300px;
  466. padding:5px;
  467. margin:10px 0px 0px 10px;
  468. background-color:white;
  469. border:2px solid {color:accent};
  470. font-family:calibri;
  471. font-size:9px;
  472. letter-spacing:0px;
  473. text-transform:uppercase;
  474. color:{color:accent};
  475. z-index:999999999999999999999999999999999999;
  476. }
  477.  
  478. </style></head><body>
  479.  
  480. <div id="sbar">
  481.  
  482. <div class="title">
  483. {text:title}
  484. </div>
  485.  
  486.  
  487. <div class="image">
  488. <img src="{image:Sidebar}">
  489. </div>
  490.  
  491.  
  492.  
  493.  
  494. <div class="desc">
  495. {description}
  496. </div>
  497.  
  498.  
  499.  
  500.  
  501. <div class="links">
  502. <a title="{text:1 text}"href="{text:1}"></a>
  503. <a title="{text:2 text}"href="{text:2}"></a>
  504. <a title="{text:3 text}"href="{text:3}"></a>
  505. <a title="{text:4 text}"href="{text:4}"></a>
  506. </div>
  507.  
  508. </div>
  509.  
  510.  
  511.  
  512.  
  513. <div id="pagination">
  514.  
  515. {block:Pagination}
  516. {block:PreviousPage}<a href="{PreviousPage}">↩</a>{/block:PreviousPage}
  517. {block:NextPage}<a href="{NextPage}">↪</a>{/block:NextPage}
  518. {block:PermalinkPagination}
  519. {block:PreviousPost}<a href="{PreviousPost}">↩</a>{/block:PreviousPost}{block:NextPost}<a href="{NextPost}">↪</a>{/block:NextPost}
  520. {/block:PermalinkPagination}
  521. {/block:Pagination}
  522.  
  523. </div>
  524.  
  525.  
  526.  
  527.  
  528. <div id="entries">
  529. {block:Posts}
  530. <div id="post">
  531.  
  532.  
  533. {block:Text}
  534. <h1>{block:Title}<div style="color:{color:accent}; font-size:20px; letter-spacing:-1px; font-family:arial, helvetica; font-weight:bold; text-transform:lowercase">{Title}</div>{/block:Title}</h1>
  535. {Body}{/block:Text}
  536.  
  537.  
  538.  
  539. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div style="font-size:11px;">{Caption}</div>{/block:Caption}{/block:Photo}
  540.  
  541.  
  542.  
  543. {block:Photoset}{Photoset-500}{block:Caption}<div style="font-size:11px;">{Caption}</div>{/block:Caption}{/block:Photoset}
  544.  
  545.  
  546.  
  547.  
  548. {block:Quote}
  549. <div id="quote">
  550. "{Quote}"
  551. </div>
  552. {block:Source}
  553. <div id="source">{Source}</div>
  554. {/block:Source}{/block:Quote}
  555.  
  556.  
  557.  
  558. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{/block:Link}
  559.  
  560.  
  561.  
  562. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="chat"><b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  563.  
  564.  
  565.  
  566.  
  567. {block:Audio}
  568. <div class="audio">
  569. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  570. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  571.  
  572. <div class="audio-info">
  573. {block:TrackName}{TrackName}{/block:TrackName}
  574. {block:Artist}- {Artist}{/block:Artist}
  575. </div></div>
  576. {/block:Audio}<br>
  577.  
  578.  
  579.  
  580. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  581.  
  582.  
  583.  
  584. {block:Answer}<div id="asker">{Asker}</div>
  585. <div id="question">{Question}</div><div style="padding-left:4px;">{Answer}</div>{/block:Answer}
  586.  
  587.  
  588.  
  589.  
  590. <div id="info">
  591.  
  592. <a href="{permalink}" title="{shortmonth} {dayofmonth}{dayofmonthsuffix}"></a>
  593. <a href="{permalink}" title="{NoteCountWithLabel}"></a>
  594.  
  595. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via"></a>{/block:RebloggedFrom}
  596. {block:ContentSource} <a href="{SourceURL}" title="source"></a>{/block:ContentSource}
  597.  
  598. </div>
  599.  
  600. </div>
  601.  
  602. <div id="tags">
  603.  
  604. {block:HasTags}{block:Tags}<a href="/tagged/{Tag}">{Tag}</a>,&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  605.  
  606. </div>
  607.  
  608. {/block:Posts}
  609.  
  610. <br><br>{block:PostNotes}
  611. <div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  612.  
  613. <div id="maker">
  614. <a href="http://voidposeys.tumblr.com/" title="credit">❀</a>
  615. </div>
  616.  
  617. </div>
  618.  
  619. </body></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!