API tools faq
paste
heylittletrains

Updated - 5: ROUND AND ROUND

heylittletrains
Dec 8th, 2014
706
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme #05: ROUND AND ROUND
  3. Creator: llovesagame
  4. Disclaimer: Edit all you want, just don't repost and claim as your own
  5. or delete any credits
  6. -->
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:Background" content="#FFFFFF">
  12. <meta name="color:Link" content="#9a9a9a">
  13. <meta name="color:Hover" content="#313131">
  14. <meta name="color:Text" content="#9a9a9a">
  15. <meta name="color:Tags" content="#9a9a9a">
  16. <meta name="color:Scrollbar" content="#f1f0f0">
  17. <meta name="color:Border" content="#f1f0f0">
  18. <meta name="color:Title" content="#000000" >
  19. <meta name="color:Sidebar Link Text" content="#000000">
  20. <meta name="color:Sidebar Link Text Hover" content="#ffffff">
  21.  
  22. <meta name="image:Sidebar Image" content=""/>
  23.  
  24. <meta name="if:400px" content="0"/>
  25.  
  26. <meta name="text:Link1" content="">
  27. <meta name="text:Link1 Url" content="/">
  28. <meta name="text:Link2" content="">
  29. <meta name="text:Link2 Url" content="/">
  30. <meta name="text:Link3" content="">
  31. <meta name="text:Link3 Url" content="/">
  32. <meta name="text:Link4" content="">
  33. <meta name="text:Link4 Url" content="/">
  34. <meta name="text:Link5" content="">
  35. <meta name="text:Link5 Url" content="/">
  36.  
  37.  
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  39. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40. <link rel="shortcut icon" href="{Favicon}" />
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42.  
  43. <script type="text/javascript">
  44. WebFontConfig = {
  45. google: { families: [ 'Lobster::latin' ] }
  46. };
  47. (function() {
  48. var wf = document.createElement('script');
  49. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  50. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  51. wf.type = 'text/javascript';
  52. wf.async = 'true';
  53. var s = document.getElementsByTagName('script')[0];
  54. s.parentNode.insertBefore(wf, s);
  55. })(); </script>
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60. a {
  61. color:{color:link};
  62. text-decoration:none;
  63. -moz-transition-duration:0.5s;
  64. -webkit-transition-duration:0.5s;
  65. -o-transition-duration:0.5s;
  66. }
  67.  
  68. a:hover {
  69. color:{color:hover};
  70. text-decoration:none;
  71. -moz-transition-duration:0.5s;
  72. -webkit-transition-duration:0.5s;
  73. -o-transition-duration:0.5s;
  74. }
  75.  
  76.  
  77. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  78. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  79. ::-webkit-scrollbar-track{background-color:{color:background};}
  80.  
  81.  
  82. body {
  83. background-color:{color:background};
  84. font-family:cambria;
  85. font-weight:normal;
  86. font-size:9px;
  87. }
  88.  
  89. h1 {
  90. color:{color:text};
  91. font-size:10px;
  92. font-family:cambria;
  93. font-style:normal;
  94. letter-spacing:0px;
  95. font-weight:normal;
  96. text-align:center;
  97. }
  98.  
  99. h1 a {
  100. color:{color:link};
  101. }
  102.  
  103. h2 {
  104. font-weight:normal;
  105. text-transform:normal;
  106. text-align:center;
  107. font-size:8px;
  108. font-family:cambria;
  109. letter-spacing:0px;
  110. line-height:150%;
  111. text-transform:uppercase;
  112. letter-spacing:2px;
  113. margin-top:10px;
  114. border-bottom:1px solid {color:border};
  115. padding:15px;
  116. }
  117.  
  118. blockquote {
  119. padding:7px;
  120. margin:5px;
  121. margin-top:10px;
  122. border:1px solid {color:border};
  123. }
  124.  
  125. #sidebar {
  126. top:0;
  127. padding-right:70px;
  128. border-right:1px solid {color:border};
  129. position:fixed;
  130. width:150px;
  131. height:100%;
  132. margin-left:240px;
  133. }
  134.  
  135. #sidebar img {
  136. width:150px;
  137. height:auto;
  138. margin-top:170px;
  139. }
  140.  
  141.  
  142. #title {
  143. font-style:italic;
  144. font-family:'Lobster', cursive;
  145. font-size:13px;
  146. width:150px;
  147. text-align:right;
  148. margin-top:10px;
  149. margin-left:0px;
  150. letter-spacing:0px;
  151. color:{color:title};
  152. font-weight:normal;
  153. }
  154.  
  155. #sidebar:hover .links {
  156. opacity:1;
  157. margin-top:-195px;
  158. -moz-transition-duration:.4s;
  159. -webkit-transition-duration:.4s;
  160. -o-transition-duration:.4s;
  161. }
  162.  
  163. .links {
  164. opacity:0;
  165. position:absolute;
  166. margin-top:-155px;
  167. width:200px;
  168. font-family:cambria;
  169. font-size:9px;
  170. text-transform:normal;
  171. font-style:normal;
  172. text-align:center;
  173. line-height:170%;
  174. -moz-transition-duration:.4s;
  175. -webkit-transition-duration:.4s;
  176. -o-transition-duration:.4s;
  177. }
  178.  
  179. .links a {
  180. border:1px solid {color:border};
  181. color:{color:sidebar link text};
  182. width:80px;
  183. margin-left:-100px;
  184. margin-top:12px;
  185. display:block;
  186. padding:4px;
  187. letter-spacing:0px;
  188. text-decoration:none;
  189. -moz-transition-duration:.6s;
  190. -webkit-transition-duration:.6s;
  191. -o-transition-duration:.6s;
  192. }
  193.  
  194. .links a:hover{
  195. opacity:.6;
  196. -moz-transition-duration:.3s;
  197. -webkit-transition-duration:.3s;
  198. -o-transition-duration:.3s;
  199. color:{color:Sidebar link text hover};
  200.  
  201. }
  202.  
  203. .desc {
  204. margin-top:10px;
  205. width:150px;
  206. margin-left:0px;
  207. text-align:justify;
  208. font-size:9px;
  209. font-family:cambria;
  210. font-style:normal;
  211. letter-spacing:0px;
  212. line-height:150%;
  213. color:{color:text};
  214. }
  215.  
  216. .desc a {
  217. color:{color:link};
  218. }
  219.  
  220. #pagi {
  221. bottom:0;
  222. z-index:10000;
  223. position:fixed;
  224. width:500px;
  225. {block:if400px}
  226. width:400px;
  227. {/block:if400px}
  228. text-align:center;
  229. margin-top:0px;
  230. font-family:cambria;
  231. font-size:8px;
  232. letter-spacing:3px;
  233. text-transform:uppercase;
  234. font-style:normal;
  235. color:{color:link};
  236. margin-left:480px;
  237. padding:5px;
  238. padding-top:5px;
  239. background-color:{color:background};
  240. }
  241.  
  242. #pagi a {
  243. color:{color:link};
  244. }
  245.  
  246. #stuffcontainer {
  247. float:left;
  248. margin-left:450px;
  249. margin-top:-50px;
  250. text-align:center;
  251. color:{color:text};
  252. margin-bottom:60px;
  253. padding:30px;
  254. }
  255.  
  256. #stuff {
  257. width:500px;
  258. {block:if400px}
  259. width:400px;
  260. {/block:if400px}
  261. margin-top:80px;
  262. text-align:justify;
  263. font-size:10px;
  264. line-height:100%;
  265. letter-spacing:0px;
  266. padding:5px;
  267. color:{color:text};
  268. }
  269.  
  270. .caption {
  271. width:500px;
  272. {block:if400px}
  273. width:400px;
  274. {/block:if400px}
  275. text-align:center;
  276. line-height:120%;
  277. }
  278.  
  279. #asker {
  280. font-weight:normal;
  281. text-transform:normal;
  282. text-align:right;
  283. font-size:8px;
  284. font-family:cambria;
  285. letter-spacing:0px;
  286. line-height:150%;
  287. text-transform:uppercase;
  288. letter-spacing:2px;
  289. margin-top:10px;
  290. border-bottom:1px solid {color:border};
  291. padding-bottom:4px;
  292. }
  293.  
  294. #asker a {
  295. color:{color:link};
  296. text-transform:uppercase;
  297. letter-spacing:2px;
  298. font-size:8px;
  299. }
  300.  
  301. #asker a:hover {
  302. color:{color:hover};
  303. }
  304.  
  305. #ask {
  306. font-weight:normal;
  307. text-transform:normal;
  308. text-align:justify;
  309. font-size:10px;
  310. font-family:cambria;
  311. letter-spacing:0px;
  312. line-height:150%;
  313. padding:0px;
  314. }
  315.  
  316. #ans {
  317. font-weight:normal;
  318. text-transform:normal;
  319. text-align:justify;
  320. font-size:10px;
  321. font-family:cambria;
  322. letter-spacing:0px;
  323. line-height:150%;
  324. padding:0px;
  325. }
  326.  
  327. .audio {
  328. width:500px;
  329. {block:if400px}
  330. width:400px;
  331. {/block:if400px}
  332. }
  333.  
  334. .albumart {
  335. float:left;
  336. padding:0px 10px 10px 0px;
  337. }
  338.  
  339. .albumart img {
  340. width:50px;
  341. height:50px;
  342. }
  343.  
  344. .playercontainer {
  345. width:500px;
  346. {block:if400px}
  347. width:400px;
  348. {/block:if400px}
  349. text-align:justify;
  350. }
  351.  
  352. .audioinfo {
  353. font-size:8px;
  354. color:{color:text};
  355. line-height:220%;
  356. letter-spacing:2px;
  357. text-transform:uppercase;
  358. }
  359.  
  360. .audcap {
  361. text-align:left;
  362. margin-top:11px;
  363. font-size:10px;
  364. }
  365.  
  366. #postinfo {
  367. margin-top:10px;
  368. width:490px;
  369. {block:if400px}
  370. width:390px;
  371. {/block:if400px}
  372. padding:5px;
  373. padding-bottom:15px;
  374. font-size:8px;
  375. font-style:normal;
  376. text-transform:uppercase;
  377. letter-spacing:2px;
  378. text-align:left;
  379. -moz-transition-duration:0.5s;
  380. -webkit-transition-duration:0.5s;
  381. -o-transition-duration:0.5s;
  382. color:{color:link};
  383. border-bottom:1px solid {color:border};
  384. }
  385.  
  386. #postinfo a {
  387. color:{color:link};
  388. text-align:center;
  389. font-size:8px;
  390. letter-spacing:2px;
  391. font-style:normal;
  392. padding:5px;
  393. border:1px solid {color:background};
  394. }
  395.  
  396. #postinfo a:hover {
  397. color:{color:hover};
  398. border:1px solid {color:border};
  399. }
  400.  
  401. ol.notes {
  402. padding:0px;
  403. margin:25px 0px;
  404. list-style-type:none;
  405. }
  406.  
  407. ol.notes li.note {
  408. padding: 10px;
  409. }
  410.  
  411. ol.notes li.note img.avatar {
  412. vertical-align:-4px;
  413. border-radius:0%;
  414. margin-right:10px;
  415. width:16px;
  416. height:16px;
  417. }
  418.  
  419. ol.notes li.note span.action {
  420. font-weight:normal;
  421. }
  422.  
  423. ol.notes li.note .answer_content {
  424. font-weight:normal;
  425. }
  426.  
  427. ol.notes li.note blockquote {
  428. padding:9px 6px 9px 6px;
  429. margin:10px 0px 0px 25px;
  430. }
  431.  
  432. .tags {
  433. width:500px;
  434. {block:if400px}
  435. width:400px;
  436. {/block:if400px}
  437. font-family:cambria;
  438. font-style:italic;
  439. font-size:9px;
  440. letter-spacing:0px;
  441. line-height:120%;
  442. text-transform:lowercase;
  443. text-align:left;
  444. padding:7px;
  445. -moz-transition-duration:0.5s;
  446. -webkit-transition-duration:0.5s;
  447. -o-transition-duration:0.5s;
  448. color:{color:text};
  449. }
  450.  
  451. .tags a {
  452. padding:1px;
  453. color:{color:tags};
  454. }
  455.  
  456. .tags a:hover {
  457. color:{color:hover};
  458. }
  459.  
  460. .chat ol {
  461. line-height:170%;
  462. list-style:none;
  463. width:500px;
  464. {block:if400px}
  465. width:400px;
  466. {/block:if400px}
  467. margin-left:-40px;
  468. }
  469.  
  470. .line.odd {
  471. background:#f6f6f6;
  472. margin-bottom:2px;
  473. padding:4px;
  474. }
  475.  
  476. .line.even {
  477. background:#fafafa;
  478. margin-bottom:2px;
  479. padding:4px;
  480. }
  481.  
  482. .label {
  483. padding-right:2px;
  484. text-transform:normal;
  485. font-weight:bold;
  486. color:{color:link};
  487. }
  488.  
  489. #cred {
  490. font-style:normal;
  491. position:fixed;
  492. font-family:cambria;
  493. font-size:8px;
  494. font-style:uppercase;
  495. font-weight:normal;
  496. line-height:140%;
  497. letter-spacing:2px;
  498. right:10px;
  499. bottom:15px;
  500. text-transform:uppercase;
  501. text-align:center;
  502. }
  503.  
  504. #cred a {
  505. padding:5px;
  506. -moz-transition-duration:0.5s;
  507. -webkit-transition-duration:0.5s;
  508. -o-transition-duration:0.5s;
  509. color:{color:link};
  510. background-color:{color:bg};
  511. }
  512.  
  513. #cred a:hover {
  514. -moz-transition-duration:0.5s;
  515. -webkit-transition-duration:0.5s;
  516. -o-transition-duration:0.5s;
  517. color:{color:hover};
  518. }
  519.  
  520. {CustomCSS}
  521.  
  522. </style></head>
  523.  
  524. <body>
  525. {block:Pagination}
  526. <div id="pagi">
  527. {block:PreviousPage}
  528. <a href="{PreviousPage}">←</a>
  529. {/block:PreviousPage}
  530.  
  531. {block:JumpPagination length="5"}
  532. {block:CurrentPage}
  533. <span class="current_page">{PageNumber}</span>
  534. {/block:CurrentPage}
  535.  
  536. {block:JumpPage}
  537. <a href="{URL}">{PageNumber}</a>
  538. {/block:JumpPage}
  539. {/block:JumpPagination}
  540.  
  541. {block:NextPage}
  542. <a href="{NextPage}">→</a>
  543. {/block:NextPage}
  544. </div>
  545. {/block:Pagination}
  546. <div id="sidebar">
  547. <img src="{image:sidebar image}">
  548. <div class="links">
  549. {block:IfLink1}
  550. <a href="{text:link1 url}">{text:link1}</a>
  551. {/block:IfLink1}
  552. {block:IfLink2}
  553. <a href="{text:link2 url}">{text:link2}</a>
  554. {/block:IfLink2}
  555. {block:IfLink3}
  556. <a href="{text:link3 url}">{text:link3}</a>
  557. {/block:IfLink3}
  558. {block:IfLink4}
  559. <a href="{text:link4 url}">{text:link4}</a>
  560. {/block:IfLink4}
  561. {block:IfLink5}
  562. <a href="{text:link5 url}">{text:link5}</a>
  563. {/block:IfLink5}
  564. </div>
  565. <div id="title">{title}</div>
  566. <div class="desc">
  567. {Description}
  568. </div>
  569. </div>
  570.  
  571. <div id="stuffcontainer">
  572.  
  573. {block:Posts}
  574.  
  575. <div id="stuff">
  576.  
  577. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  578.  
  579. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  580.  
  581. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  582. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  583.  
  584. {block:Photo}{block:ifnot400px}<img src="{PhotoURL-500}"/>{/block:ifnot400px}{block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  585.  
  586. {block:Photoset}{block:ifnot400px}{Photoset-500}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}
  587. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  588.  
  589. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  590.  
  591. {block:Video}{block:ifnot400px}{video-500}{/block:ifnot400px}{block:if400px}{video-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  592.  
  593. {block:Answer}
  594. <div id="ask">{Question}</div>
  595. <div id="asker">Asked By: {Asker}</div>
  596. <div id="ans">{Answer}</div>
  597. {/block:answer}
  598.  
  599. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  600. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  601. {/block:ExternalAudio}<b><b>Played:</b></b> {PlayCount} times</div>
  602. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  603. <div class="audcap">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:Audio}
  604.  
  605.  
  606.  
  607. {block:Date}<div id="postinfo">
  608. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} &nbsp <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp {/block:NoteCount} {block:RebloggedFrom}
  609. <a title ="{ReblogParentName}" href="{ReblogParentURL}">Via</a>
  610. {/block:RebloggedFrom}
  611.  
  612. {block:ContentSource} &nbsp
  613. <a title ="{SourceTitle}" href="{SourceURL}">Source</a>
  614. {/block:ContentSource}
  615. &nbsp {/block:Date}
  616.  
  617. </div>
  618.  
  619. {block:HasTags}
  620.  
  621.  
  622. <div class="tags">
  623. <font style="font-style:normal;">{block:Tags}<a href="{TagURL}">{Tag}&nbsp &nbsp &nbsp &nbsp</a>{/block:Tags}</div>
  624. {/block:HasTags}
  625.  
  626.  
  627. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}
  628. {/block:PostNotes}
  629.  
  630.  
  631. </div>
  632. {/block:Posts}
  633.  
  634.  
  635. </div>
  636. </div>
  637.  
  638. <div id="cred"><a href="http://llovesagame.tumblr.com/">© Theme</a></div>
  639.  
  640. </div>
  641. </body>
  642. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!