Advertisement
heylittletrains

#09 All Too Well

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