heylittletrains

Updated - 2: LOST IN MY MIND

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