API tools faq
paste
Advertisement
Hardrockdesign

Tell me life is beautiful theme

Hardrockdesign
Jul 24th, 2015
702
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.84 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. <meta name="image:Foto principal" content=""/>
  10. <meta name="color:Principal1" content="#3c3c42" />
  11. <meta name="color:Principal2" content="#310b00" />
  12. <meta name="color:Fondo" content="#070407" />
  13. <meta name="text:Song 1 URL" content="" />
  14. <meta name="text:Song title 1" content="" />
  15. <meta name="text:Song 2 URL" content="" />
  16. <meta name="text:Song title 2" content="" />
  17. <meta name="text:Song 3 URL" content="" />
  18. <meta name="text:Song title 3" content="" />
  19. <meta name="text:Link 1" content="" />
  20. <meta name="text:Link 1 URL" content="" />
  21. <meta name="text:Link 2" content="" />
  22. <meta name="text:Link 2 URL" content="" />
  23. <meta name="text:Link 3" content="" />
  24. <meta name="text:Link 3 URL" content="" />
  25. <meta name="text:Link 4" content="" />
  26. <meta name="text:Link 4 URL" content="" />
  27. </head>
  28. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  29. <style>
  30. body {
  31. background: {color:Fondo};
  32. text-align: justify;
  33. line-height: 100%;
  34. font-family: Tahoma;
  35. }
  36.  
  37. blockquote {
  38. padding: 0px;
  39. margin: 0px;
  40. font-style: italic;
  41. }
  42.  
  43. a {
  44. text-decoration: none;
  45. color: {color:Principal2};
  46. font-weight: bold;
  47. }
  48.  
  49. #theme {
  50. position: relative;
  51. margin-left: auto;
  52. margin-right: auto;
  53. max-width: 920px;
  54. min-width: 920px;
  55. margin-top: 25px;
  56. }
  57.  
  58. .cabecera {
  59. width : 450px;
  60. height: 450px;
  61. background:url("{image:Foto principal}");
  62. position: relative;
  63. }
  64.  
  65. .posts {
  66. width: 400px;
  67. margin-left: 25px;
  68. background: {color:Principal1};
  69. }
  70.  
  71. .posts-1 {
  72. position: absolute;
  73. top: 0px;
  74. right: 0px;
  75. overflow-y: auto;
  76. overflow-x: hidden;
  77. height: 540px;
  78. padding-right: 50px;
  79. width: 400px;
  80. }
  81.  
  82. .posts img {
  83. max-width: 100%;
  84. }
  85.  
  86. .sidebar {
  87. width: 450px;
  88. height: 550px;
  89. position: fixed;
  90. line-height: 100%;
  91. }
  92.  
  93. .title {
  94. font-family: shadows into light;
  95. text-transform: uppercase;
  96. font-size: 30px;
  97. width: 420px;
  98. display: block;
  99. position: absolute;
  100. top: 400px;
  101. text-align: center;
  102. color: #fff;
  103. }
  104.  
  105. h1, h2 {
  106. font-family: shadows into light;
  107. margin: 0px;
  108. text-transform: uppercase;
  109. line-height: 100%;
  110. }
  111.  
  112. h3 {
  113. font-family: shadows into light;
  114. position: relative;
  115. top: 30px;
  116. left: 15px;
  117. margin-bottom: 25px;
  118. text-transform: uppercase;
  119. border-top: 2px solid {color:Principal2};
  120. border-bottom: 2px solid {color:Principal2};
  121. padding-bottom: 5px;
  122. line-height: 100%;
  123. padding-top: 5px;
  124. display: block;
  125. text-align: center;
  126. width: 370px;
  127. }
  128.  
  129. ::-webkit-scrollbar {background-color: {color:Principal2}; height:8px; width:8px}
  130. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Principal1};}
  131. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Principal1}; height:8px!important}
  132.  
  133. #description {
  134. width: 215px;
  135. padding: 5px;
  136. height: 62px;
  137. margin-top: 9px;
  138. overflow-y: auto;
  139. font-size: 10px;
  140. background: {color:Principal1};
  141. font-family: tahoma;
  142. letter-spacing: 0px;
  143. line-height: 100%;
  144. font-weight: bold;
  145. text-transform: lowercase;
  146. }
  147.  
  148. .title-side {
  149. width: 225px;
  150. line-height: 100%;
  151. font-family: shadows into light;
  152. font-weight: 700;
  153. text-transform: uppercase;
  154. padding-top: 3px;
  155. padding-bottom: 3px;
  156. letter-spacing: 1px;
  157. color: #eee;
  158. font-size: 10px;
  159. text-align: center;
  160. background: {color:Principal2};
  161. }
  162.  
  163. .navegacion a {
  164. width: 109px;
  165. text-decoration: none;
  166. color: #eee;
  167. text-transform: lowercase;
  168. display: inline-block;
  169. margin-right: 1px;
  170. margin-left: 1px;
  171. font-weight: bold;
  172. padding-top: 4px;
  173. padding-bottom: 4px;
  174. line-height: 100%;
  175. text-align: center;
  176. margin-bottom: -1px;
  177. font-size: 9px;
  178. background: {color:Principal2};
  179. transition: all 0.5s ease-in-out;
  180. }
  181.  
  182. .navegacion a:hover {
  183. box-shadow: inset 110px 0 0 {color:Principal1};
  184. color: #000;
  185. }
  186.  
  187. .post-chat {
  188. font-size: 12px; padding: 15px;
  189. }
  190.  
  191. .caption {
  192. font-size: 12px;
  193. padding: 15px;
  194. }
  195.  
  196. .navegacion {height: 76px; margin-top: -8px;}
  197.  
  198. .foot-post2 a {
  199. color: #eee;
  200. display: inline-block;
  201. margin-right: 20px;
  202. }
  203. .foot-post {
  204. position: relative;
  205. width: 400px;
  206. padding-top: 4px;
  207. padding-bottom: 4px;
  208. text-transform: uppercase;
  209. background: {color:Principal2};
  210. font-family: shadows into light;
  211. margin-bottom: 25px;
  212. font-size: 12px;
  213. margin-left: 25px;
  214. }
  215.  
  216. .foot-post2 {
  217. text-align: left;
  218. padding-left: 8px;
  219. }
  220.  
  221. .foot-post3 {
  222. text-align: right;
  223. padding-right: 8px;
  224. top: -25px;
  225. position: relative;
  226. }
  227.  
  228. .replies {
  229. padding: 15px;
  230. font-size: 12px;
  231. }
  232.  
  233. .question {
  234. padding: 15px;
  235. font-size: 10px;
  236. top: 15px;
  237. position: relative;
  238. color: #eee;
  239. margin: 15px;
  240. background: {color:Principal2};
  241. }
  242.  
  243. .autorquest {
  244. font-family: shadows into light;
  245. text-transform: uppercase;
  246. margin-left: 65px;
  247. }
  248.  
  249. .autorquest a {
  250. color: #eee;
  251. }
  252.  
  253. .notas {
  254. font-size: 10px;
  255. max-height: 150px;
  256. overflow-y: auto;
  257. color: #eee;
  258. margin-left: 25px;
  259. width: 380px;
  260. padding: 10px;
  261. }
  262.  
  263. .notas li {
  264. list-style-type:none;
  265. }
  266.  
  267. ol {
  268. -webkit-padding-start: 0px;
  269. }
  270.  
  271. .notas img {
  272. display:none!important;
  273. }
  274.  
  275. .pagination {
  276. color: #eee;
  277. font-size: 11px;
  278. font-family: shadows into light;
  279. text-transform: uppercase;
  280. font-weight: bold;
  281. right: 50px;
  282. position: absolute;
  283. top: -15px;
  284. }
  285.  
  286. .pagination a {
  287. color: #eee;
  288. }
  289.  
  290. .submitter {
  291. padding: 15px;
  292. bottom: -25px;
  293. font-size: 12px;
  294. position: relative;
  295. }
  296. </style>
  297. <body>
  298. <div id="theme">{block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}"> ◄ </a>&nbsp;{/block:PreviousPage}página {CurrentPage} de {TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}"> ► </a>{/block:NextPage}</div>{/block:Pagination}
  299. <div class="sidebar"><div class="cabecera"><div style="position: absolute; right: 100px; bottom: 2px;"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0={text:Song 1 URL}&t0={text:Song title 1}&f1={text:Song 2 URL}&t1={text:Song title 2}&f2={text:Song 3 URL}&t2={text:Song title 3}&total=3" quality="high" wmode="transparent" width="180" height="20" name="billy" align="middle" type="application/x-shockwave-flash" /> </div></div>
  300. <div class="title">{Title}</div>
  301. <table cellspacing="0" style="margin-top: -3px;"><td><div class="title-side" style="color: #000; background:{color:Principal1}; margin-bottom: -8px; margin-top: 3px;">Descripción</div>
  302. {block:Description}
  303. <p id="description">{Description}</p>
  304. {/block:Description}</td><td><div class="navegacion"><a href="/">Inicio</a>{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}<a href="/ask">Pregunta</a>{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}<a href="/submit">Colabora</a>{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}<a href="http://thecaptainknowsbest.tumblr.com/">Crédito</a>{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}</div><div class="title-side" style="margin-top: -2px; width: 223px;">Navegación</div></td></table>
  305. </div>
  306. <div class="posts-1">{block:Posts}<div class="posts">{block:Text}
  307. {block:Title}
  308. <h3><a href="{Permalink}">{Title}</a></h3>
  309. {/block:Title}{block:Submission}<a href="{SubmitterURL}" class="submitter">{Submitter}:</a>{/block:Submission}<div style="font-size: 12px; padding: 15px;">{Body}</div>
  310. {/block:Text}{block:Photo}
  311. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  312.  
  313. {block:Caption}
  314. <div class="caption">{Caption}</div>
  315. {/block:Caption}
  316. {/block:Photo}{block:Panorama}
  317. {LinkOpenTag}
  318. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  319. {LinkCloseTag}{block:Caption}
  320. <div class="caption">{Caption}</div>
  321. {/block:Caption}
  322. {/block:Panorama}{block:Photoset}
  323. {Photoset-400}{block:Caption}
  324. <div class="caption">{Caption}</div>
  325. {/block:Caption}
  326. {/block:Photoset}
  327. {block:Answer}<div class="question" style="position: relative;"><img src="{AskerPortraitURL-48}" style="border-radius: 30px 30px 0px 30px; position: absolute; left: 15px; margin-right: 15px;" /> <div class="autorquest">{Asker} dijo: </div><div style="width: 260px; margin-left: 65px;">{Question}</div></div><div class="replies">{Replies}</div>{/block:Answer}
  328. {block:Quote}
  329. "{Quote}"
  330.  
  331. {block:Source}
  332. <div class="source">{Source}</div>
  333. {/block:Source}
  334. {/block:Quote}{block:Link}
  335. <a href="{URL}" class="link" {Target}>{Name}</a>
  336.  
  337. {block:Description}
  338. <div class="description">{Description}</div>
  339. {/block:Description}
  340. {/block:Link}{block:Chat}
  341. <div class="post-chat">
  342. {block:Title}
  343. <h3><a href="{Permalink}">{Title}</a></h3>
  344. {/block:Title}
  345.  
  346. {block:Lines}
  347. <div class="{Alt} user_{UserNumber}">
  348. {block:Label}
  349. <span class="label">{Label}</span>
  350. {/block:Label}{Line}
  351. </div>
  352. {/block:Lines}
  353. </div>
  354. {/block:Chat}{block:Video}
  355. {Video-500}{block:Caption}
  356. <div class="caption">{Caption}</div>
  357. {/block:Caption}
  358. {/block:Video}{block:Audio}
  359. {AudioEmbed}{block:Caption}
  360. <div class="caption">{Caption}</div>
  361. {/block:Caption}
  362. {/block:Audio}</div>{block:indexpage}<div class="foot-post"><div class="foot-post2">
  363. {block:date}<a href="{Permalink}">{timeago}</a>{/block:date}{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}</div><div class="foot-post3"><div style="width: 25px; height: 25px; padding-top: 10px; padding-right: 10px; background:url('http://i.imgur.com/Gip2jAV.png'); right: 45px; position: absolute;">{LikeButton size="15" color="black"}</div><div style="width: 25px; height: 25px; padding-top: 10px; padding-left: 10px; background:url('http://i.imgur.com/Gip2jAV.png'); position: absolute; right: 5px;">{ReblogButton size="15" color="black"}</div></div></div>{/block:indexpage}{block:permalinkpage}{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}{/block:Posts}
  364. </div>
  365. </div>
  366.  
  367. </body>
  368. </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!