API tools faq
paste
Advertisement
heylittletrains

Updated - 7: DOWNTOWN

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