API tools faq
paste
Advertisement
andersonbrps

Theme #3 - Shape of my Heart

andersonbrps
Jul 22nd, 2014
611
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.51 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 03 by andersonbrps: Shape of My Heart
  2.  
  3. PLEASE DO NOT REMOVE THE CREDITS.
  4.  
  5. BASE CODE: http://themes.hellolittlered.org/ -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9.  
  10.  
  11. <head>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <title>{title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17.  
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
  23.  
  24.  
  25. <meta name="color:first color" content="#8C73E3" />
  26. <meta name="color:second color" content="#54546E" />
  27. <meta name="color:third color" content="#ffffff" />
  28. <meta name="color:fourth color" content="#555BDE" />
  29. <meta name="color:fifth color" content="#EB9A55" />
  30.  
  31. <meta name="image:background" content="" />
  32. <meta name="image:sidebar" content="http://static.tumblr.com/36n18px/Ehfn8zhvq/01.png" />
  33.  
  34. <meta name="if:FadingImages" content="0"/>
  35.  
  36. <meta name="text:Link1URL" content=""/>
  37. <meta name="text:Link2URL" content=""/>
  38. <meta name="text:Link3URL" content=""/>
  39. <meta name="text:Link4URL" content=""/>
  40. <meta name="text:Link9URL" content=""/>
  41. <meta name="text:Link1" content=""/>
  42. <meta name="text:Link2" content=""/>
  43. <meta name="text:Link3" content=""/>
  44. <meta name="text:Link4" content=""/>
  45.  
  46. </head>
  47. <style>
  48. body {
  49. background:url({image:background}) {color:second color};
  50. padding:0px;
  51. margin:0px;
  52. font-family: 'Open Sans', sans-serif;
  53. color:{color:first color};
  54. font-size:12px;
  55. }
  56.  
  57. a {
  58. color:{color:fourth color};
  59. text-decoration:none;
  60. -webkit-transition: all 0.5s ease-in-out;
  61. -moz-transition: all 0.5s ease-in-out;
  62. -o-transition: all 0.5s ease-in-out;
  63. transition: all 0.5s ease-in-out;
  64. }
  65.  
  66. a:hover {
  67. color:{color:fourth color};
  68. }
  69.  
  70. blockquote {
  71. border-left:5px solid {color:first color};
  72. padding-left:5px;
  73. }
  74.  
  75. img {
  76. margin:0px;
  77. max-width:100%;
  78. }
  79.  
  80. /* sidebar */
  81.  
  82. #sidebar {
  83. background-image:url({image:sidebar});
  84. display:block;
  85. text-align:center;
  86. position:fixed;
  87. top:0px;
  88. left:0px;
  89. width:300px;
  90. height:100%;
  91. }
  92.  
  93.  
  94.  
  95. /* main menu styling */
  96.  
  97. /* menu container */
  98. menu {
  99. padding:5px;
  100. text-align:center;
  101. color:{color:third color};
  102. font-size:12px;
  103. font-weight:700;
  104. margin-top:-20px;
  105. text-transform:uppercase;
  106. }
  107.  
  108. /* menu links */
  109. menu a {
  110. background:{color:first color};
  111. color:{color:third color};
  112. margin:1px;
  113. width:120px;
  114. display:inline-block;
  115. padding:5px;
  116. -webkit-transition: all 0.5s ease-in-out;
  117. -moz-transition: all 0.5s ease-in-out;
  118. -o-transition: all 0.5s ease-in-out;
  119. transition: all 0.5s ease-in-out;
  120. }
  121.  
  122. menu a:hover {
  123. background:{color:third color};
  124. color:{color:first color};
  125. }
  126.  
  127. /* blog title style */
  128. .title {
  129. font-size:60px;
  130. font-family: 'Arvo', serif;
  131. color:{color:first color};
  132. margin-top:90%;
  133. text-shadow:0px 1px {color:third color};
  134. }
  135.  
  136. /* blog's description style */
  137. .description {
  138. padding:10px;
  139. margin-left:10px;
  140. margin-right:10px;
  141. display:block;
  142. text-align:center;
  143. background:{color:first color};
  144. color:{color:third color};
  145. font-size:11px;
  146. margin-bottom:25px;
  147. overflow: auto;
  148. }
  149.  
  150. /* posts container */
  151.  
  152. #content {
  153. margin-top:25px;
  154. margin-bottom:25px;
  155. margin-left:325px;
  156. }
  157.  
  158. /* posts style */
  159. .post {
  160. padding:50px;
  161. width:500px;
  162. display:block;
  163. background:{color:third color};
  164. }
  165.  
  166. /* post title */
  167. h2 {
  168. font-size:20px;
  169. font-weight:700;
  170. margin:0px 0px 10px 0px;
  171. color:{color:first color};
  172. background:{color:second color};
  173. border-left:40px solid {color:first color};
  174. padding:5px;
  175. }
  176.  
  177. a. h2 {
  178. color:{color:first color};
  179. }
  180.  
  181. /* posts info style */
  182.  
  183. .information {
  184. width:580px;
  185. padding:10px;
  186. height:14px;
  187. background:{color:first color};
  188. color:{color:third color};
  189. margin-bottom:25px;
  190. }
  191.  
  192. /* posts info's links */
  193.  
  194. .information a {
  195. color:{color:third color};
  196. }
  197.  
  198. /* note count */
  199.  
  200. .notec {
  201. float:right;
  202. }
  203.  
  204. /*fading images */
  205. {block:ifFadingImages}
  206. #content img, .html_photoset {
  207. opacity:.7;
  208. -webkit-transition: all 0.5s ease-in-out;
  209. -moz-transition: all 0.5s ease-in-out;
  210. -o-transition: all 0.5s ease-in-out;
  211. transition: all 0.5s ease-in-out;
  212. }
  213.  
  214. #content img:hover, .html_photoset:hover {
  215. opacity:1;
  216. }
  217. {/block:ifFadingImages}
  218.  
  219. /* posted time style */
  220. .time {
  221. float:left;
  222. }
  223.  
  224. /* quote posts style */
  225.  
  226. .quote {
  227. font-size:20px;
  228. }
  229.  
  230. /* ask posts style */
  231.  
  232. .ask {
  233. padding:5px;
  234. background:{color:second color};
  235. }
  236.  
  237. /* chat posts style */
  238. .chat ul {
  239. display:block;
  240. list-style:none;
  241. margin-left:-40px;
  242. }
  243.  
  244. /* chat lines style */
  245. .chat li {
  246. padding:3px;
  247. display:block;
  248. }
  249.  
  250. /* odd lines style */
  251. .chat .odd {
  252. background:{color:third color};
  253. }
  254.  
  255. /* even lines style */
  256. .chat .even {
  257. background:{color:second color};
  258. }
  259.  
  260. .musicinfo {
  261. padding:10px;
  262. height:80px;
  263. background:#f8f8f8;
  264. text-align:center;
  265. }
  266.  
  267. /* posts's tags style */
  268. #tags {
  269. margin-top:-40px;
  270. margin-left:560px;
  271. font-size:11px;
  272. position:absolute;
  273. line-height:24px;
  274. }
  275.  
  276. #tags a {
  277. background:{color:first color};
  278. color:{color:fifth color};
  279. padding:3px;
  280. margin-bottom:10px;
  281. }
  282.  
  283.  
  284. /* pagination styles */
  285.  
  286. #pagination {
  287. text-align:center;
  288. margin:20px;
  289. font-size:16px;
  290. color:{color:fifth color};
  291. }
  292.  
  293. #pagination a {
  294. color:{color:third color};
  295. }
  296.  
  297.  
  298. /* credit */
  299.  
  300. #credit {
  301. position:fixed;
  302. right:5px;
  303. bottom:5px;
  304. }
  305.  
  306. </style>
  307. <body>
  308.  
  309. <a id="credit" href="http://andersonbrps.tumblr.com">©
  310. </a>
  311.  
  312. <!-- sidebar -->
  313. <div id="sidebar">
  314.  
  315. <div class="title">{title}</div>
  316. <!-- blog's description -->
  317. {block:description}
  318. <div class="description">
  319. {description}
  320. </div>
  321. {/block:description}
  322.  
  323. <!-- main menu -->
  324. <menu>
  325. <a href="/">index</a>
  326. <a href="/ask">message</a>
  327. <a href="/archive">archive</a>
  328. <a href="/submit">submit</a>
  329. {block:iflink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:iflink1}
  330. {block:iflink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:iflink2}
  331. {block:iflink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:iflink3}
  332. {block:iflink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:iflink4}
  333. </menu>
  334. {block:Pagination}
  335. <div id="pagination">
  336. {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}
  337. <a>{CurrentPage}/{TotalPages}</a>
  338. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  339. </div>
  340. {/block:Pagination}
  341. </div>
  342.  
  343.  
  344. <!-- content container -->
  345. <div id="content">
  346.  
  347. <!-- posts start -->
  348. {block:posts}
  349.  
  350. <div class="post">
  351.  
  352. {block:HasTags}<div id="tags">
  353. {block:Tags}<a href="{TagURL}">{Tag}</a><br>{/block:Tags}
  354. </div>
  355. {/block:HasTags}
  356.  
  357. <!-- text post -->
  358. {block:Text}
  359. {block:Title}
  360. <a href="{Permalink}">
  361. <h2>{Title}</h2>
  362. </a>
  363. {/block:Title}
  364. {Body}
  365. {/block:Text}
  366.  
  367. <!-- quote post -->
  368. {block:Quote}
  369. <div class="quote">
  370. “{Quote}” — <b><i>{Source}</i></b>
  371. </div>
  372. {/block:Quote}
  373.  
  374. <!-- link post -->
  375. {block:Link}
  376. <a href="{URL}">
  377. <h2>{Name} »</h2>
  378. </a>
  379. {block:Description}{Description}{/block:Description}
  380. {/block:Link}
  381.  
  382. <!-- photo post -->
  383. {block:Photo}
  384. <center>
  385. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
  386. </center>
  387. {block:Caption}{Caption}{/block:Caption}
  388. {/block:Photo}
  389.  
  390. <!-- photoset post -->
  391. {block:Photoset}
  392. <center>
  393. {Photoset-500}
  394. </center>
  395. {block:Caption}{Caption}{/block:Caption}
  396. {/block:Photoset}
  397.  
  398. <!-- chat post -->
  399. {block:Chat}
  400. <div class="chat">
  401. <ul>
  402. {block:Lines}
  403. <li class="{Alt}">
  404. {block:Label}<b>{Label}</b>{/block:Label}
  405. {Line}
  406. </li>
  407. {/block:Lines}
  408. </ul>
  409. </div>
  410. {/block:Chat}
  411.  
  412. <!-- video post -->
  413. {block:Video}
  414. {Video-500}
  415. {block:Caption}{Caption}{/block:Caption}
  416. {/block:Video}
  417.  
  418. <!-- audio post -->
  419. {block:Audio}
  420. {block:AlbumArt}
  421. <img src="{AlbumArtURL}" width="100" align="left" style="margin-right:5px">
  422. {/block:AlbumArt}
  423.  
  424. <div class="musicinfo">
  425. {AudioPlayerGrey}
  426. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  427. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName} </div>
  428. {block:Caption}{Caption}{/block:Caption}
  429. {/block:Audio}
  430.  
  431. <!-- ask post -->
  432. {block:Answer}
  433. <div class="ask">
  434. <b>{Asker} asked:</b> {question}
  435. </div>
  436. {Answer}
  437. {/block:Answer}
  438.  
  439. </div>
  440. <!-- posts information -->
  441. <div class="information">
  442. <!-- posts's date -->
  443. {block:Date}Posted: {TimeAgo}{/block:Date} with <a href="{Permalink}">
  444. {NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a>
  445.  
  446. {block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  447.  
  448.  
  449. </div>
  450.  
  451. <!-- post's notes list -->
  452.  
  453. {block:PostNotes}
  454. <div class="post">
  455. {PostNotes}
  456. </div>
  457. {/block:PostNotes}
  458.  
  459.  
  460. {/block:posts}
  461. <!-- end posts -->
  462.  
  463. </body>
  464. </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!