API tools faq
paste
Advertisement
dreamcasts

Sentimental Heart Theme

dreamcasts
Jan 18th, 2018
658
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.65 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--
  3. _______________ _______________
  4. | ___________ | .-. .-. | ___________ |
  5. | | | | .****. .****. | | | |
  6. | | | | .*****.*****. | | | |
  7. | | u u | | .*digital*. | | u u | |
  8. | | \___/ | | .**hug**. | | \___/ | |
  9. | |___ ___| | .*****. | |___________| |
  10. |_____|\_/|_____| .***. |_______________|
  11. _|________|_..............*............._|________|_
  12. / ********** \ / ********** \
  13. / ************ \ / ************ \
  14. -------------------- --------------------
  15. Sentimental Heart by Noa @toolbarz
  16. Feel free to change the credit to suit your aesthetics or move it, but please do not remove it!
  17.  
  18. I studied how the gradient links worked on a theme by @slainez so shout out to them too!!
  19. base code by nezzi00
  20.  
  21. -->
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{image:favicon}">
  25.  
  26. <meta name="image:background" content=""/>
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:favicon" content=""/>
  29. <meta name="image:Banner" content=""/>
  30. <meta name="image:side image" content=""/>
  31.  
  32.  
  33. <meta name="color:background" content="#fff"/>
  34. <meta name="color:text" content="#d3d3d3"/>
  35. <meta name="color:link" content="#ADD8E6"/>
  36. <meta name="color:gradient link 1" content="#d3d3d3">
  37. <meta name="color:gradient link 2" content="#ADD8E6">
  38. <meta name="color:gradient bg 1" content="#f6f6f6">
  39. <meta name="color:gradient bg 2" content="#ADD8E6">
  40. <meta name="color:link hover" content="#72bcd4"/>
  41. <meta name="color:post bg" content="#fff"/>
  42. <meta name="color:ask bg" content="#fbfbfb"/>
  43.  
  44. <meta name="if:sidebar img" content="1"/>
  45. <meta name="if:description" content="1"/>
  46. <meta name="if:full bg" content="0"/>
  47.  
  48. <meta name="select:post size" content="250px"/>
  49. <meta name="select:post size" content="300px"/>
  50. <meta name="select:post size" content="350px"/>
  51. <meta name="select:post size" content="400px"/>
  52.  
  53.  
  54. <meta name="select:font" content="verdana"/>
  55. <meta name="select:font" content="consolas"/>
  56. <meta name="select:font" content="arial"/>
  57. <meta name="select:font" content="comic sans ms"/>
  58.  
  59.  
  60. <meta name="if:Transparent posts" content="0"/>
  61. <meta name="if:gradient links" content="">
  62. <meta name="if:gradient bg" content="">
  63. <meta name="if:caption" content="">
  64.  
  65. <meta name="text:link divider" content="+"/>
  66. <meta name="text:link 1" content=""/>
  67. <meta name="text:link 1 url" content="/"/>
  68. <meta name="text:link 2" content=""/>
  69. <meta name="text:link 2 url" content="/"/>
  70. <meta name="text:link 3" content=""/>
  71. <meta name="text:link 3 url" content="/"/>
  72. <meta name="text:link 4" content=""/>
  73. <meta name="text:link 4 url" content="/"/>
  74.  
  75. <meta name="text:side image right" content"0"/>
  76. <meta name="text:side image bottom" content"0"/>
  77.  
  78.  
  79.  
  80.  
  81. <meta name="text:Redirect" content=""/>
  82.  
  83. <style>
  84.  
  85.  
  86. body {
  87.  
  88. font-size: 11pt;
  89. font-family: {select:font};
  90. color: {color:text};
  91. background-image: url('{image:background}');
  92. {block:ifnotfullbg}
  93. background-repeat: repeat;
  94. background-attachment: fixed;
  95. {/block:ifnotfullbg}
  96. {block:iffullbg}
  97. background-size: cover;
  98. background-attachment: fixed;
  99. {/block:iffullbg}
  100. background-color: {color:background};
  101. {block:ifgradientbg} background: linear-gradient(to bottom right, {color:gradient bg 1},{color:gradient bg 2}); background-size: cover;
  102. background-attachment: fixed; {/block:ifgradientbg}
  103.  
  104.  
  105.  
  106. }
  107.  
  108. a, a:visited {
  109.  
  110. text-decoration: none;
  111. color:{color:link};
  112. -webkit-transition-duration: .5s;
  113. -moz-transition-duration: .5s;
  114. -o-transition-duration: .5s;
  115. {block:ifgradientlinks}
  116. background-image: -webkit-gradient( linear, left top, right top, color-stop(0, {color:gradient link 1}), color-stop(0.6, {color:gradient link 2}) );
  117. background-image: gradient( linear, left top, right top, color-stop(0, {color:gradient link 1}), color-stop(0.6, {color:gradient link 2}) );
  118. color:transparent;
  119. -webkit-background-clip: text;
  120. background-clip: text;
  121. {/block:ifgradientlinks}
  122.  
  123. }
  124.  
  125. a:hover {
  126.  
  127. color:{color:link hover};
  128. transition-duration: .5s;
  129. -webkit-transition-duration: .5s;
  130. -moz-transition-duration: .5s;
  131. -o-transition-duration: .5s;
  132. }
  133.  
  134. #entries {
  135.  
  136. position: relative;
  137. padding: 15px;
  138. width: {select:post size};
  139. margin: 30px 5px 20px 650px;
  140. background: {color:post bg};
  141. -moz-border-radius:50px; -webkit-border-radius:40px;
  142. {block:iftransparentposts}background-color: rgba(100, 100, 100, 0);{/block:iftransparentposts}
  143. text-decoration:none;
  144. right: 350px;
  145.  
  146.  
  147.  
  148.  
  149.  
  150. }
  151.  
  152. #entries blockquote {
  153.  
  154. color: {color:text};
  155. padding: 0px 0px 0px 5px;
  156. border-radius: 25px;
  157.  
  158. }
  159.  
  160. #sidebar {
  161.  
  162. position:fixed;
  163. margin-left: 100px;
  164. margin-top: 100px;
  165. width: 150px;
  166.  
  167.  
  168.  
  169. }
  170.  
  171. #sidebar img {
  172.  
  173. width: 100px;
  174. height: 100px;
  175. border-radius: 100px;
  176. }
  177.  
  178.  
  179.  
  180. #sidebar .clicky {
  181.  
  182. margin-top: 10px;
  183. }
  184.  
  185. #sidebar .desc {
  186.  
  187. font-size: {text:Font size};
  188. margin-top: 10px;
  189.  
  190. }
  191.  
  192. .ask {
  193.  
  194. background: {color:ask bg};
  195. {block:iftransparentposts}background-color: rgba(100, 100, 100, 0);{/block:iftransparentposts}
  196. padding: 5px;
  197.  
  198. }
  199.  
  200. #credit {
  201.  
  202. position: fixed;
  203. padding: 7px;;
  204. width: 10px;
  205. height: 7;
  206. line-height: 90%;
  207. bottom: 5px;
  208. left: 5px;
  209. }
  210.  
  211.  
  212. </style>
  213.  
  214. <head>
  215.  
  216. </head>
  217.  
  218. <body>
  219.  
  220. {block:ifredirect}<script>
  221. if(window.location.pathname == '/') location.replace('/tagged/{text:redirect}');
  222. </script>{/block:ifredirect}
  223.  
  224. <div style='background-image: url({image:banner});background-repeat: repeat-x;'><img src="{image:banner}"></div>
  225. <div id="container">
  226.  
  227. <div id="sidebar">
  228. <center>
  229.  
  230. {block:iftitle}
  231. <div class="title">
  232. {Title}
  233. </div>
  234. {/block:iftitle}
  235.  
  236. {block:ifsidebarimg}
  237. <img src="{image:sidebar}">
  238. {/block:ifsidebarimg}
  239.  
  240. <div class="clicky">
  241. {block:iflink1}
  242. <a href="{text:link 1 url}">{text:link 1}</a> {text:link divider}
  243. {/block:iflink1}
  244. {block:iflink2}
  245. <a href="{text:link 2 url}">{text:link 2}</a> {text:link divider}
  246. {/block:iflink2}
  247. {block:iflink3}
  248. <a href="{text:link 3 url}">{text:link 3}</a> {text:link divider}
  249. {/block:iflink3}
  250. {block:iflink4}
  251. <a href="{text:link 4 url}">{text:link 4}</a>
  252. {/block:iflink4}
  253. </div>
  254.  
  255. {block:ifdescription}
  256. <div class="desc">
  257. {Description}
  258. </div>
  259. {/block:ifdescription}
  260. <div id="pages">
  261.  
  262. {block:PreviousPage}
  263. <a href="{PreviousPage}">⇐</a>
  264. {/block:PreviousPage}
  265.  
  266. {block:NextPage}
  267. <a href="{NextPage}">⇒</a>
  268. {/block:NextPage}
  269.  
  270. </div>
  271. </center>
  272. </div>
  273.  
  274.  
  275. <div id="credit">
  276. <a href="http://toolbarz.tumblr.com"><img src="https://78.media.tumblr.com/a43cb72e469caec8eef0fd69a0b191d0/tumblr_inline_mv890oYBLf1qdlkyg.gif" title="theme by noa"></a>
  277. </div>
  278. </body></html>
  279.  
  280. <!-- POSTS -->
  281.  
  282. <div id="content">
  283.  
  284. {block:Posts}
  285. <div id="entries">
  286.  
  287.  
  288.  
  289. {block:NoRebloggedFrom}
  290. {block:RebloggedFrom}
  291. {ReblogParentName}
  292. {/block:RebloggedFrom}
  293. {/block:NoRebloggedFrom}
  294.  
  295.  
  296. {block:ContentSource}
  297. <!-- {SourceURL}
  298. {block:SourceLogo}
  299. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  300. {/block:SourceLogo}
  301. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  302. {/block:ContentSource}
  303.  
  304.  
  305. {block:Text}
  306. {block:Title}
  307. <b>{Title}</b>
  308. {block:Title}
  309. {Body}
  310. {/block:Text}
  311.  
  312. {block:Photo}
  313. {LinkOpenTag}
  314. <img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width: {select:post size};>
  315. {LinkCloseTag}
  316. {block:ifcaption}{block:Caption}
  317. {Caption}
  318. {/block:Caption}{/block:ifcaption}
  319. {/block:Photo}
  320.  
  321. {block:Photoset}
  322. {LinkOpenTag}
  323. {Photoset}
  324. {LinkCloseTag}
  325. {block:ifcaption}{block:Caption}
  326. {Caption}
  327. {/block:Caption}{/block:ifcaption}
  328. {/block:Photoset}
  329.  
  330. {block:Quote}
  331. {Quote}
  332. {block:Source}
  333. {Source}
  334. {/block:Source}
  335. {/block:Quote}
  336.  
  337. {block:Link}
  338. <a href="{URL}" target="_blank">{Name}</a>
  339. {block:ifcaption}{block:Caption}
  340. {Caption}
  341. {/block:Caption}{/block:ifcaption}
  342. {/block:Link}
  343.  
  344. {block:Chat}
  345. {block:Title}
  346. <b>{Title}</b>
  347. {/block:Title}
  348. {block:Lines}
  349. <div class="line {Alt}">
  350. {block:Label}
  351. <b>{Label}</b>
  352. {/block:Label}
  353. {Line}
  354. </div>
  355. {/block:Lines}
  356. {/block:Chat}
  357.  
  358. {block:Audio}
  359. {block:AudioPlayer}
  360. {AudioPlayer}
  361. {block:AudioPlayer}
  362. {block:TrackName}
  363. {TrackName}
  364. {/block:TrackName}
  365. {block:Artist}
  366. {Artist}
  367. {/block:Artist}
  368. {block:ifcaption}{block:Caption}
  369. {Caption}
  370. {/block:Caption}{/block:ifcaption}
  371. {/block:Audio}
  372.  
  373. {block:Video}
  374. <div style="overflow:hidden;">
  375. {Video-400}
  376. </div>
  377. {block:ifcaption} {block:Caption}
  378. {Caption}
  379. {block:Caption}{/block:ifcaption}
  380. {/block:Video}
  381.  
  382. {block:Answer}
  383. <div class="ask">
  384. {Asker} said:
  385. {Question}
  386. </div>
  387. {Answer}
  388. {block:Answerer}
  389. {Answerer}
  390. {/block:Answerer}
  391. {/block:Answer}
  392.  
  393. {block:PostNotes}
  394. {PostNotes}
  395. {/block:PostNotes}
  396.  
  397. <!-- PERMALINK -->
  398.  
  399. {block:Date}
  400. <div class="permalink" style="margin-top:5px;">
  401. </div>
  402. {/block:Date}
  403.  
  404. <!-- SIDE IMAGE -->
  405. <div style="position:fixed;z-index:-999999;right:{text:side image right}px;bottom:{text:side image bottom}px;"><img src="{image:side image}">
  406.  
  407. </div>
  408.  
  409. </div>
  410. </body>
  411.  
  412.  
  413.  
  414. </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!