API tools faq
paste
Advertisement
rorvpond

05: High Road

rorvpond
Jun 1st, 2014
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Raleway:400,600' rel='stylesheet' type='text/css'>
  6.  
  7.  
  8.  
  9. <!--
  10. This is klngjoffrey's fifth theme, High Road. Please leave all credit in tact, and follow the rules, no stealing, redistributing etc etc. Message me for help and whatnot. Base code by Irma at primrosetylers.tumblr.com
  11. -->
  12.  
  13. <title>{Title}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. <!-- meta stuffs go here -->
  19.  
  20. <meta name="color:background" content="#fff">
  21. <meta name="color:text" content="#aaa">
  22. <meta name="color:link" content="#aaa">
  23. <meta name="color:link hover" content="#000"/>
  24.  
  25. <meta name="text:link 1" content="">
  26. <meta name="text:link 1 url" content="">
  27. <meta name="text:link 2" content="">
  28. <meta name="text:link 2 url" content="">
  29. <meta name="text:link 3" content="">
  30. <meta name="text:link 3 url" content="">
  31. <meta name="text:link 4" content="">
  32. <meta name="text:link 4 url" content="">
  33. <meta name="text:link 5" content="">
  34. <meta name="text:link 5 url" content="">
  35.  
  36. <!-- metas end-->
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38.  
  39. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  40.  
  41. <script>
  42.  
  43. (function($){
  44.  
  45. $(document).ready(function(){
  46.  
  47. $("a[title]").style_my_tooltips({
  48.  
  49. tip_follows_cursor:true,
  50.  
  51. tip_delay_time:30,
  52.  
  53. tip_fade_speed:300,
  54.  
  55. attribute:"title"
  56.  
  57. });
  58.  
  59. });
  60.  
  61. })(jQuery);
  62.  
  63. </script>
  64.  
  65. <style>
  66.  
  67.  
  68. #s-m-t-tooltip{
  69. position:absolute;
  70. margin-top: 25px;
  71. z-index:9999;
  72. padding:3px;
  73. background:{color:background};
  74. color:{color:text};
  75. }
  76. body {
  77. background-color:{color:background};
  78. font-family: 'Raleway', sans-serif;
  79. font-size:12px;
  80. color:{color:text};
  81. }
  82.  
  83. big {
  84. font-size:14px;
  85. font-style:bold;
  86. }
  87.  
  88. small {
  89. font-size:10px;
  90. }
  91.  
  92. a {
  93. text-decoration:none;
  94. color:{color:link};
  95. -webkit-transition:0.5s;
  96. -moz-transition:0.5s;
  97. -ms-transition:0.5s;
  98. -o-transition:0.5s;
  99. }
  100.  
  101. a:hover {
  102. color:{color:link hover};
  103. letter-spacing:1px;
  104. transition-duration: 0.7s;
  105. -moz-transition-duration: 0.7s;
  106. -webkit-transition-duration: 0.7s;
  107. -o-transition-duration: 0.7s;
  108. }
  109.  
  110.  
  111. blockquote {
  112. border-left:1px solid #e3e3e3;
  113. padding-left:10px;
  114. }
  115.  
  116. h2 {
  117. text-align:center;
  118. }
  119.  
  120. /*header*/
  121. #header {
  122. width:500px;
  123. text-align:center;
  124. margin-top:-250px;
  125. margin-left:400px;
  126. margin-bottom:100px;
  127. border-bottom:1px solid #e3e3e3;
  128. padding-bottom:20px;
  129. opacity:0.85;
  130. position:fixed;
  131. color:{color:text};
  132. background-color:{color:background};
  133. }
  134.  
  135.  
  136.  
  137. }
  138.  
  139. #pagination {
  140. width:500px;
  141.  
  142. }
  143.  
  144. #title {
  145. font-size:20px;
  146. font-style:italic;
  147. margin-top:50px;
  148. margin-bottom:-5px;
  149. color:{color:title};
  150. font-family: 'Raleway', sans-serif;
  151. text-transform:uppercase;
  152. background color:{color:background};
  153. }
  154.  
  155.  
  156.  
  157. #desc {
  158. width:350px;
  159. margin-top:-80px;
  160. margin-left: 140px;
  161. color:black;
  162. text-align:justify;
  163. font-family:helvetica;
  164. font-size:10px;
  165. font-weight:normal;
  166. line-height:150%;
  167. color:{color:text};
  168. background color:{color:background};
  169. }
  170.  
  171.  
  172. #links {
  173. width:100%;
  174. word-spacing:2px;
  175. display:inline-block;
  176. font-family:helvetica;
  177. text-align:center;
  178. font-size:10px;
  179. margin-top:-20px;
  180. margin-bottom:10px;
  181. color:black;
  182. margin-left:0px;
  183. letter-spacing:1px;
  184. text-transform:lowercase;
  185. background-color:{color:background};
  186. }
  187.  
  188.  
  189. #links background {
  190. color:{color:background};
  191. opacity:0.7;
  192. }
  193.  
  194. #links a {
  195. color:{color:links};
  196. background-color:{color:background};
  197. padding:3px;
  198. display:inline-block;
  199. }
  200.  
  201.  
  202.  
  203. #links a:hover {
  204. background-color:{color:background};;
  205. font-weight: bold;
  206. -webkit-transition-duration:1s;
  207. -moz-transition-duration:1s;
  208. -o-transition-duration:1s;
  209. }
  210.  
  211. /*all posts*/
  212. #postage {
  213. width:500px;
  214. margin-top:250px;
  215. margin-left:400px;
  216. margin-bottom:-150px;
  217.  
  218. }
  219.  
  220. /*text posts*/
  221. #text {
  222. text-align:left;
  223. }
  224.  
  225. /*photo posts*/
  226. #photo {
  227. text-align:left;
  228. }
  229.  
  230. /*photoset posts*/
  231. #photoset {
  232. text-align:left;
  233. }
  234.  
  235. /*quote posts*/
  236. #words {
  237. font-style:italic;
  238. font-size:15px;
  239. }
  240.  
  241. .source {
  242. text-align:right;
  243. padding-right:5px;
  244. }
  245.  
  246. /*link posts*/
  247. #linkpost {
  248. text-align:center;
  249. font-size:11px;
  250. }
  251.  
  252. .linkety {
  253. font-size:15px;
  254. }
  255.  
  256. /*chat posts*/
  257. #chat ul {
  258. list-style:none;
  259. font-family:courier;
  260. }
  261.  
  262. .label {
  263. text-transform:uppercase;
  264. }
  265.  
  266. /*video posts*/
  267. #video {
  268. text-align:left;
  269. }
  270.  
  271. /*audio posts*/
  272. #audioplayer {
  273. width:30px;
  274. height:30px;
  275. overflow:hidden;
  276. position:absolute;
  277. margin-top:35px;
  278. margin-left:35px;
  279. opacity:0.7;
  280. }
  281.  
  282. #albumart {
  283. width:100px;
  284. height:100px;
  285. background-color:#e3e3e3;
  286. }
  287.  
  288. /*ask posts*/
  289. #ask img {
  290. margin-right:8px;
  291. margin-top:0px;
  292. float:left;
  293. border-radius: 20px;
  294. }
  295.  
  296. #ask span {
  297. font-style:italic;
  298. }
  299.  
  300. /*info*/
  301. #postage:hover .info {
  302. opacity:1;
  303. }
  304.  
  305. .info {
  306. text-align:center;
  307. text-transform:uppercase;
  308. width:500px;
  309. font-size:11px;
  310. color:{color:link};
  311. }
  312.  
  313. .info a {
  314. color:{color:link hover};
  315. }
  316.  
  317. .info a:hover {
  318. color:{color:link};
  319. }
  320.  
  321. .tags {
  322. font-size:10px;
  323. text-transform:none;
  324. margin-bottom:50px;
  325. }
  326.  
  327. #credit {
  328. right:10px;
  329. bottom:10px;
  330. font-size:12px;
  331. text-transform:uppercase;
  332. text-align:center;
  333. position:fixed;
  334. }
  335.  
  336. #credit:hover {
  337. text-shadow:0 0 2px #000;
  338. colOR:transparent;
  339. }
  340.  
  341. .pagenotes {
  342. {block:IndexPage}
  343. display: none!important;
  344. {/block:IndexPage}
  345. width:400px;
  346. text-align:center;
  347. margin-top:180px;
  348. margin-left:500px;
  349.  
  350. }
  351. .pagenotes img {
  352. display:none!important;}
  353. .pagenotes li {
  354. list-style-type:none;
  355. padding:5px 0px;
  356. text-align:left;
  357. margin:0 0 0 -40px;
  358. }
  359.  
  360. {CustomCSS}
  361. </style>
  362. </head>
  363. <body>
  364.  
  365. <div id="header">
  366.  
  367. <div id="title"><a href="/">{Title}</a></div>
  368. <img src="{image:sidebar}" alt=""/>
  369. <div id="links">
  370. <a href="{text:link 1 url}" title="{text:link 1}">a</a>
  371. <a href="{text:link 2 url}" title="{text:link 2}">b</a>
  372. <a href="{text:link 3 url}" title="{text:link 3}">c</a>
  373. <a href="{text:link 4 url}" title="{text:link 4}">d</a>
  374. <a href="{text:link 5 url}" title="{text:link 5}">e</a>
  375. </div> <!--links-->
  376.  
  377. <div id="description">{Description}</div>
  378.  
  379. {block:Pagination}
  380. <div id="pag">
  381. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  382. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  383. </div>
  384. {/block:Pagination}
  385.  
  386. </div> <!--sidebar-->
  387.  
  388. {block:Posts}
  389. <div id="postage">
  390.  
  391. {block:Text}
  392. <div id="text">
  393. <h2><a href="{Permalink}">{Title}</a></h2>
  394. {Body}
  395. </div> <!--text post-->
  396. {/block:Text}
  397.  
  398. {block:Photo}
  399. <div id="photo">
  400. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  401. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  402. </div> <!--photo post-->
  403. {/block:Photo}
  404.  
  405. {block:Panorama}
  406. <div id="panorama">
  407. {LinkOpenTag}
  408. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  409. {LinkCloseTag}
  410. {block:Caption}
  411. <div class="caption">{Caption}</div>
  412. {/block:Caption}
  413. </div> <!--panorama post-->
  414. {/block:Panorama}
  415.  
  416. {block:Photoset}
  417. <div id="photoset">
  418. {Photoset-500}
  419. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  420. </div> <!--photoset-->
  421. {/block:Photoset}
  422.  
  423. {block:Quote}
  424. <div id="quote">
  425. <div id="words">{Quote}</div>
  426. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  427. </div> <!--quote-->
  428. {/block:Quote}
  429.  
  430. {block:Link}
  431. <div id="linkpost">
  432. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  433. <a href="{URL}" class="linkety" {Target}>{Name}</a>
  434. {block:Description}
  435. <div class="linkdesc">{Description}</div>
  436. {/block:Description}
  437. </div> <!--link-->
  438. {/block:Link}
  439.  
  440. {block:Chat}
  441. <div id="chat">
  442. <h2><a href="{Permalink}">{Title}</a></h2>
  443. <ul>
  444. {block:Lines}
  445. <li class="{Alt} user_{UserNumber}">
  446. {block:Label}
  447. <span class="label">{Label}</span>
  448. {/block:Label}{Line}
  449. </li>
  450. {/block:Lines}
  451. </ul>
  452. </div> <!--chat-->
  453. {/block:Chat}
  454.  
  455. {block:Video}
  456. <div id="video">
  457. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  458. {Video-500}
  459. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  460. </div> <!--video-->
  461. {/block:Video}
  462.  
  463. {block:Audio}
  464. <div id="audio">
  465. <table style="padding:5px; background-color:#fff;margin-bottom:5px;">
  466. <tr>
  467. <td style="vertical-align:top;padding-right:10px;"><divid="audioplayer">{AudioPlayerWhite}</div>
  468. <divid="albumart">
  469. {block:AlbumArt}
  470. <img src="{AlbumArtURL}" style="width:100px;">
  471. {/block:AlbumArt}</div></td>
  472. <td style="vertical-align:top; font-size:11px; line-height:12px"> {block:TrackName}<i>title:</i> {TrackName} <br />{/block:TrackName}
  473. {block:Artist}<i>artist:</i> {Artist} <br />{/block:Artist}
  474. {block:Album}<i>album:</i> {Album} <br />{/block:Album}
  475. {block:PlayCount}<i>played:</i> {FormattedPlayCount} times{/block:PlayCount}
  476. </td>
  477. </tr>
  478. </table>
  479. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  480. </div> <!--audio-->
  481. {/block:Audio}
  482.  
  483. {block:Answer}
  484. <div id="ask">
  485. <p><img src="{AskerPortraitURL-24}"><span>{Asker}</span> asked: {Question}</p>
  486. <p>{block:Answerer}<span>{Answerer}</span> replied: {/block:Answerer}</p>
  487. <blockquote>{Replies}</blockquote>
  488. </div> <!--ask-->
  489. {/block:Answer}
  490.  
  491. <div class="info">
  492. <a href="{Permalink}">{TimeAgo}</a> - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a> <br />
  493. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} - <a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}
  494.  
  495.  
  496. {block:HasTags}
  497. <div class="tags">
  498. tagged {block:Tags} - <a href="{TagURL}">{Tag}</a>{/block:Tags}
  499. </div>
  500. {/block:HasTags}
  501. </div> <!--info-->
  502.  
  503.  
  504. </div> <!--postage-->
  505. {/block:Posts}
  506.  
  507. {block:PostNotes}
  508. <div class="pagenotes">
  509. {PostNotes}
  510. </div>
  511. {/block:PostNotes}
  512.  
  513. <!--
  514. If you're reading this, it probably means you're about to alter the credit.Don't. Don't move it, change it to your own url or whatever ever it is you're going to do. Just let it chill out in that lil corner.
  515.  
  516. -->
  517.  
  518. <div id="credit"><a href="http://klngjoffrey.tumblr.com" title="klngjoffrey">KJ</a></div>
  519. </body>
  520. </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!