API tools faq
paste
Advertisement
Hardrockdesign

National anthem theme

Hardrockdesign
Jun 29th, 2015
1,554
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.33 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="color:Fondo" content="#F6F6F6" />
  10. <meta name="color:Principal1" content="#333333" />
  11. <meta name="color:Principal2" content="#990100" />
  12. <meta name="color:Principal3" content="#E8E8E8" />
  13. <meta name="image:Foto lateral" content=""/>
  14. <meta name="image:Administrador 1" content=""/>
  15. <meta name="image:Administrador 2" content=""/>
  16. <meta name="image:Administrador 3" content=""/>
  17. <meta name="image:Administrador 4" content=""/>
  18. <meta name="text:Admin1 Nombre" content="" />
  19. <meta name="text:Admin2 Nombre" content="" />
  20. <meta name="text:Admin3 Nombre" content="" />
  21. <meta name="text:Admin4 Nombre" content="" />
  22. <meta name="text:Link 1" content="" />
  23. <meta name="text:Link 1 URL" content="" />
  24. <meta name="text:Link 2" content="" />
  25. <meta name="text:Link 2 URL" content="" />
  26. <meta name="text:Link 3" content="" />
  27. <meta name="text:Link 3 URL" content="" />
  28. <meta name="text:Link 4" content="" />
  29. <meta name="text:Link 4 URL" content="" />
  30. <meta name="text:Link 5" content="" />
  31. <meta name="text:Link 5 URL" content="" />
  32. <meta name="text:Link 6" content="" />
  33. <meta name="text:Link 6 URL" content="" />
  34. </head>
  35. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300' rel='stylesheet' type='text/css'>
  36.  
  37. <style type="text/css">
  38.  
  39. body {
  40. background: {color:Fondo};
  41. background-repeat: repeat;
  42. background-attachment: fixed;
  43. font-family: 'Roboto Condensed';
  44. }
  45.  
  46. blockquote {
  47. padding-left: 20px;
  48. border-left: 3px solid {color:Principal2};
  49. font-size: 12px;
  50. }
  51.  
  52. ::-webkit-scrollbar {background-color: {color:Principal3}; height:8px; width:8px}
  53. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Principal1};}
  54. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Principal1}; height:8px!important}
  55.  
  56. img {
  57. max-width: 100%;
  58. }
  59.  
  60. a {
  61. text-decoration: none;
  62. color:{color:Principal2};
  63. font-weight: normal;
  64. }
  65.  
  66. .notas li {
  67. list-style-type:none;
  68. }
  69.  
  70. .notas img {
  71. display:none!important;
  72. }
  73.  
  74. .notas a {
  75. color: {color:Principal};
  76. }
  77.  
  78. .posts {
  79. width: 400px;
  80. padding-left: 5px;
  81. padding-right: 5px;
  82. padding-top: 27px;
  83. padding-bottom: 30px;
  84. text-align: justify;
  85. background: {color:Principal3};
  86. }
  87.  
  88. .caption {
  89. font-size: 11px;
  90. }
  91.  
  92. .cuerpotheme {
  93. position: absolute;
  94. top: 0px;
  95. bottom: 0px;
  96. left: 500px;
  97. max-width: 500px;
  98. }
  99.  
  100. .demo-3 {
  101. width: 350px;
  102. height: 460px;
  103. overflow:hidden;
  104. float:left;
  105. margin-right:20px;
  106. position: fixed;
  107. top: 10px;
  108. left: 10px;
  109. }
  110. .demo-3 figure {
  111. margin:0;
  112. padding:0;
  113. position:relative;
  114. cursor:pointer;
  115. margin-left: -20px;
  116. }
  117. .demo-3 figure img {
  118. display:block;
  119. position:relative;
  120. z-index:10;
  121. margin:0;
  122. }
  123. .demo-3 figure figcaption {
  124. display:block;
  125. position:absolute;
  126. z-index:5;
  127. -webkit-box-sizing:border-box;
  128. -moz-box-sizing:border-box;
  129. box-sizing:border-box;
  130. }
  131. .demo-3 figure h2 {
  132. font-family: 'Roboto Condensed';
  133. color:{color:Principal2};
  134. text-transform: uppercase;
  135. font-size: 16px;
  136. text-align: center;
  137. font-weight: normal;
  138. }
  139.  
  140. .demo-3 figure p {
  141. display:block;
  142. letter-spacing: 1px;
  143. max-height: 165px;
  144. overflow-y: auto;
  145. overflow-x: hidden;
  146. font-size:12px;
  147. line-height:18px;
  148. margin:0;
  149. color:{color:Principal1};
  150. text-align: justify;
  151. }
  152. .demo-3 figure figcaption {
  153. top:0;
  154. left:0;
  155. width:350px;
  156. height:100%;
  157. padding:29px 44px;
  158. background-color:{color:Principal3};
  159. text-align:center;
  160. backface-visibility:hidden;
  161. -webkit-transform:rotateY(-180deg);
  162. -moz-transform:rotateY(-180deg);
  163. transform:rotateY(-180deg);
  164. -webkit-transition:all .5s;
  165. -moz-transition:all .5s;
  166. transition:all .5s;
  167. }
  168. .demo-3 figure img {
  169. backface-visibility:hidden;
  170. -webkit-transition:all .5s;
  171. -moz-transition:all .5s;
  172. transition:all .5s;
  173. }
  174. .demo-3 figure:hover img,figure.hover img {
  175. -webkit-transform:rotateY(180deg);
  176. -moz-transform:rotateY(180deg);
  177. transform:rotateY(180deg);
  178. }
  179. .demo-3 figure:hover figcaption,figure.hover figcaption {
  180. -webkit-transform:rotateY(0);
  181. -moz-transform:rotateY(0);
  182. transform:rotateY(0);
  183. }
  184.  
  185. .demo-3 li {
  186. list-style-type:none;
  187. }
  188.  
  189. .tags a {
  190. margin-right: 10px;
  191. text-transform: uppercase;
  192. font-size: 9px;
  193. }
  194.  
  195. .tags {margin-bottom: 20px;}
  196.  
  197. .titulo-theme {
  198. position: fixed;
  199. top: 486px;
  200. left: 30px;
  201. width: 350px;
  202. text-align: center;
  203. background: {color:Principal1};
  204. padding-top: 10px;
  205. padding-bottom: 10px;
  206. line-height: 100%;
  207. color: #eee;
  208. text-transform: uppercase;
  209. font-size: 16px;
  210. font-family: 'Roboto Condensed';
  211. }
  212.  
  213. .caja-admin {
  214. width: 130px;
  215. display: inline-block;
  216. margin-bottom: 5px;
  217. text-transform: uppercase;
  218. font-size: 9px;
  219. color: {color:Principal1};
  220. position: relative;
  221. }
  222.  
  223. .admin1-pic {
  224. width: 60px;
  225. height: 60px;
  226. background:url('{image:Administrador 1}');
  227. border: 3px solid {color:Principal1};
  228. border-radius: 60px;
  229. }
  230.  
  231. .admin2-pic {
  232. width: 60px;
  233. height: 60px;
  234. background:url('{image:Administrador 2}');
  235. border: 3px solid {color:Principal1};
  236. border-radius: 60px;
  237. }
  238.  
  239. .admin3-pic {
  240. width: 60px;
  241. height: 60px;
  242. background:url('{image:Administrador 3}');
  243. border: 3px solid {color:Principal1};
  244. border-radius: 60px;
  245. }
  246.  
  247. .admin4-pic {
  248. width: 60px;
  249. height: 60px;
  250. background:url('{image:Administrador 4}');
  251. border: 3px solid {color:Principal1};
  252. border-radius: 60px;
  253. }
  254.  
  255. .text-admin {
  256. width: 50px;
  257. position: absolute;
  258. right: 10px;
  259. line-height: 110%;
  260. top: 20px;
  261. }
  262.  
  263. .navbar {
  264. width: 100px;
  265. position: fixed;
  266. top: 26px;
  267. left: 380px;
  268. }
  269.  
  270. .navbar a {
  271. display: block;
  272. line-height: 100%;
  273. font-size: 9px;
  274. text-transform: uppercase;
  275. background: {color:Principal1};
  276. color: #eee;
  277. padding-top:5px;
  278. text-align: center;
  279. padding-bottom: 5px;
  280. border-bottom: 1px solid {color:Principal3};
  281. }
  282.  
  283. .footer {
  284. width: 100px;
  285. position: fixed;
  286. top: 260px;
  287. text-align: center;
  288. left: 380px;
  289. text-transform: uppercase;
  290. font-size: 9px;
  291. }
  292.  
  293. h3 {
  294. width: 299px;
  295. text-align: center;
  296. background:{color:Principal1};
  297. font-weight: normal;
  298. padding-top: 11px;
  299. padding-bottom: 12px;
  300. line-height: 100%;
  301. color: #eee;
  302. text-transform: uppercase;
  303. line-height: 100%;
  304. font-size: 16px;
  305. font-family: 'Roboto Condensed';
  306. display: inline-block;
  307. margin-top: 0px;
  308. }
  309.  
  310. h3 a {
  311. color: #eee;
  312. }
  313.  
  314. .links-especiales a {
  315. display: block;
  316. line-height: 100%;
  317. font-size: 9px;
  318. text-transform: uppercase;
  319. width: 100px;
  320. background: {color:Principal1};
  321. color: #eee;
  322. padding-top:5px;
  323. text-align: center;
  324. padding-bottom: 5px;
  325. border-bottom: 1px solid {color:Principal3};
  326. }
  327.  
  328. .special2 {
  329. display: block;
  330. height: 19px;
  331. width: 100px;
  332. background: {color:Principal1};
  333. border-bottom: 1px solid {color:Principal3};
  334. }
  335.  
  336. .links-especiales {
  337. display: inline-block;
  338. position: absolute;
  339. top: 0px;
  340. right: 0px;
  341. }
  342.  
  343. .posts2 {
  344. position: relative;
  345. }
  346.  
  347. .submitter {
  348. width: 100%;
  349. text-transform: uppercase;
  350. background: {color:Principal1};
  351. font-size: 9px;
  352. padding-top: 5px;
  353. padding-bottom: 5px;
  354. display: block;
  355. text-align: center;
  356. margin-top: -15px;
  357. color: #eee;
  358. }
  359.  
  360. .submitter a {
  361. color: #eee;
  362. }
  363.  
  364. .question {
  365. background:{color:Principal2};
  366. margin-left: 30px;
  367. line-height: 18px;
  368. color: {color:Principal3};
  369. padding: 15px;
  370. margin-right: 30px;
  371. margin-bottom: 30px;
  372. font-size: 12px;
  373. }
  374.  
  375. .replies {
  376. font-size: 14px;
  377. }
  378.  
  379. .notas {
  380. font-size: 12px;
  381. max-height: 200px;
  382. overflow-y: auto;
  383. overflow-x: hidden;
  384. padding-right: 10px;
  385. }
  386.  
  387. .leermas {
  388. display: block;
  389. width: 60px;
  390. text-align: center;
  391. text-transform: uppercase;
  392. font-size: 9px;
  393. padding: 5px;
  394. font-weight: bold;
  395. background: {color:Principal1};
  396. }
  397. </style>
  398. <body>
  399. <ul class="demo-3">
  400. <li>
  401. <figure>
  402. <img src="{image:Foto lateral}" alt=""/>
  403. <figcaption>
  404. <h2>Ambientación</h2>
  405. <p>{block:Description}{Description}{/block:Description}</p>
  406. <h2>Administración</h2>
  407. <div class="caja-admin"><div class="admin1-pic"></div><div class="text-admin">{text:Admin1 Nombre}</div></div><div class="caja-admin"><div class="admin2-pic"></div><div class="text-admin">{text:Admin2 Nombre}</div></div><div class="caja-admin"><div class="admin3-pic"></div><div class="text-admin">{text:Admin3 Nombre}</div></div><div class="caja-admin"><div class="admin4-pic"></div><div class="text-admin">{text:Admin4 Nombre}</div></div>
  408. </figcaption>
  409. </figure>
  410. </li>
  411. </ul><div class="navbar"><a href="/">Inicio</a><a href="/ask">Pregunta</a><a href="/submit">Colabora</a>{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}<a href="http://thecaptainknowsbest.tumblr.com/">Crédito</a></div>
  412. <div class="titulo-theme">{Title}</div>
  413. <div class="cuerpotheme"><div class="posts">{block:Posts}<div class="posts2">{block:Title}
  414. <h3><a href="{Permalink}">{Title}</a></h3>
  415. {/block:Title}{block:indexpage}<div class="links-especiales">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} <div class="special2">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div></div>{/block:indexpage}{block:Text}
  416. {block:Submission}<a href="{SubmitterURL}" class="submitter" style="color: #eee;">El autor es {Submitter}.</a>{/block:Submission}
  417. <div class="replies">{Body}</div>
  418. {block:More}<a href="{Permalink}" class="leermas">{lang:Read more}</a>{/block:More}
  419. {/block:Text}{block:Photo}
  420. <img style="margin-top: 60px;" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  421.  
  422. {block:Caption}
  423. <div class="caption">{Caption}</div>
  424. {/block:Caption}
  425. {/block:Photo}{block:Panorama}
  426. {LinkOpenTag}
  427. <img style="margin-top: 60px;" src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  428. {LinkCloseTag}{block:Caption}
  429. <div class="caption">{Caption}</div>
  430. {/block:Caption}
  431. {/block:Panorama}{block:Photoset}<div style="height: 60px;"></div>
  432. {Photoset-400}{block:Caption}
  433. <div class="caption">{Caption}</div>
  434. {/block:Caption}
  435. {/block:Photoset}
  436. {block:Answer}<h3>Pregunta</h3><div class="submitter">El autor es {Asker}.</div><div style="height: 30px;"></div>
  437. <div class="question">{Question}</div>
  438. <div class="replies">{Replies}</div>{/block:Answer}
  439. {block:Quote}
  440. "{Quote}"
  441.  
  442. {block:Source}
  443. <div class="source">{Source}</div>
  444. {/block:Source}
  445. {/block:Quote}{block:Link}
  446. <a href="{URL}" class="link" {Target}>{Name}</a>
  447.  
  448. {block:Description}
  449. <div class="description">{Description}</div>
  450. {/block:Description}
  451. {/block:Link}{block:Chat}
  452. {block:Title}
  453. <h3><a href="{Permalink}">{Title}</a></h3>
  454. {/block:Title}
  455.  
  456. <ul class="chat">
  457. {block:Lines}
  458. <li class="{Alt} user_{UserNumber}">
  459. {block:Label}
  460. <span class="label">{Label}</span>
  461. {/block:Label}{Line}
  462. </li>
  463. {/block:Lines}
  464. </ul>
  465. {/block:Chat}{block:Video}
  466. {Video-500}{block:Caption}
  467. <div class="caption">{Caption}</div>
  468. {/block:Caption}
  469. {/block:Video}{block:Audio}
  470. {AudioEmbed}{block:Caption}
  471. <div class="caption">{Caption}</div>
  472. {/block:Caption}
  473. {/block:Audio}
  474. {block:permalinkpage}{block:HasTags}
  475. <div class="tags">
  476. {block:Tags}
  477. <a href="{TagURL}">#{Tag}</a>
  478. {/block:Tags}
  479. </div>
  480. {/block:HasTags}{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}<div style="height: 30px;"></div></div>{/block:Posts}
  481. </div></div>
  482.  
  483. <div class="footer">
  484. {block:PreviousPage}
  485. <a href="{PreviousPage}">&#171; Back</a>
  486. {/block:PreviousPage}{block:NextPage}
  487. <a href="{NextPage}">Forth &#187;</a>
  488. {/block:NextPage}
  489. </div>
  490. </body>
  491. </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!