API tools faq
paste
Advertisement
Hardrockdesign

Theme basado en Arlandria

Hardrockdesign
Jun 8th, 2015
830
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  3. <link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
  4. <link href='http://fonts.googleapis.com/css?family=Jim+Nightshade' rel='stylesheet' type='text/css'>
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13. <meta name="text:Admin1 Nombre" content="" />
  14. <meta name="text:Admin1 Puesto" content="" />
  15. <meta name="text:Admin2 Nombre" content="" />
  16. <meta name="text:Admin2 Puesto" content="" />
  17. <meta name="text:Admin3 Nombre" content="" />
  18. <meta name="text:Admin3 Puesto" content="" />
  19. <meta name="text:Resumen de la trama actual" content="" />
  20. <meta name="color:Principal" content="#000000" />
  21. <meta name="color:Secundario" content="#687D8E" />
  22. <meta name="color:Terciario" content="#191919" />
  23. <meta name="color:Texto del tumblr" content="#9D99A3" />
  24. <meta name="color:Titulos del tumblr" content="#4B4A54" />
  25. <meta name="color:Fondo del blog" content="#0f0f0f" />
  26. <meta name="text:Fecha 1" content="" />
  27. <meta name="text:Noticia 1" content="" />
  28. <meta name="text:Fecha 2" content="" />
  29. <meta name="text:Noticia 2" content="" />
  30. <meta name="text:Fecha 3" content="" />
  31. <meta name="text:Noticia 3" content="" />
  32. <meta name="text:Link 1" content="" />
  33. <meta name="text:Link 1 URL" content="" />
  34. <meta name="text:Link 2" content="" />
  35. <meta name="text:Link 2 URL" content="" />
  36. <meta name="text:Link 3" content="" />
  37. <meta name="text:Link 3 URL" content="" />
  38. <meta name="text:Link 4" content="" />
  39. <meta name="text:Link 4 URL" content="" />
  40. <meta name="text:Link 5" content="" />
  41. <meta name="text:Link 5 URL" content="" />
  42. <meta name="text:Link 6" content="" />
  43. <meta name="text:Link 6 URL" content="" />
  44. <meta name="text:Link 7" content="" />
  45. <meta name="text:Link 7 URL" content="" />
  46. <meta name="text:Link 8" content="" />
  47. <meta name="text:Link 8 URL" content="" />
  48. <meta name="image:Historia" content=""/>
  49. <meta name="image:Cabecera" content=""/>
  50. <meta name="image:Administrador 1" content=""/>
  51. <meta name="image:Administrador 2" content=""/>
  52. <meta name="image:Administrador 3" content=""/>
  53. <meta name="image:Trama Global" content=""/>
  54. </head>
  55.  
  56. <style type="text/css">
  57.  
  58. body {
  59. background: {color:Fondo del blog};
  60. font-family: Cabin;
  61. }
  62.  
  63. .header {
  64. background-image:url('{image:Cabecera}');
  65. background-repeat: no-repeat;
  66. width: 926px;
  67. height: 450px;
  68. position: relative;
  69. margin-top: -10px;
  70. margin-left: auto;
  71. margin-right: auto;
  72. }
  73.  
  74. .navlinks {
  75. border-bottom: none;
  76. background-image:url("http://i.imgur.com/vSx6eQj.png");
  77. display: block;
  78. width: 1125px;
  79. height: 58px;
  80. padding-top: 20px;
  81. margin-left: auto;
  82. margin-right: auto;
  83. margin-top: 0px;
  84. text-align: center;
  85. }
  86.  
  87. .navlinks a {
  88. color: #ababab;
  89. font-family: Economica;
  90. text-transform: uppercase;
  91. font-size: 15px;
  92. font-weight: lighter;
  93. text-align: center;
  94. padding-left: 5px;
  95. padding-right: 5px;
  96. }
  97.  
  98. #cuerpo {
  99. max-width: 910px;
  100. min-width: 910px;
  101. position: relative;
  102. margin-left: auto;
  103. margin-right: auto;
  104. margin-bottom: -25px;
  105. background: {color:Terciario};
  106. box-shadow: 2px 3px 4px {color:Principal};
  107. margin-top: -17px;
  108. padding-top: 50px;
  109. color: {color:Texto del tumblr};
  110. padding-bottom: 30px;
  111. min-height: 1150px;
  112. }
  113.  
  114. .posts {
  115. background-color: {color:Principal};
  116. padding-bottom: 10px;
  117. padding-top: 10px;
  118. width: 530px;
  119. margin-bottom: 20px;
  120. margin-left: 20px;
  121. }
  122.  
  123. .texto {
  124. font-size: 14px;
  125. text-align: justify;
  126. padding: 20px;
  127. }
  128.  
  129. .widgets {
  130. width: 280px;
  131. background: transparent;
  132. float: right;
  133. margin-right: 20px;
  134. margin-left: 10px;
  135. }
  136.  
  137. .titulowid {
  138. background: {color:Principal};
  139. width: 100%;
  140. line-height: 100%;
  141. color: {color:Titulos del tumblr};
  142. letter-spacing: 3px;
  143. font-size: 12px;
  144. text-transform: uppercase;
  145. font-family: calibri;
  146. padding-top: 15px;
  147. text-align: center;
  148. padding-bottom:15px;
  149. margin-bottom: 5px;
  150. font-weight: bold;
  151. }
  152.  
  153. .ambfoto {
  154. width: 280px;
  155. height: 100px;
  156. background:url('{image:Historia}');
  157. }
  158.  
  159. #description {
  160. background:{color:Principal};
  161. margin-bottom:15px;
  162. text-align: justify;
  163. font-size: 12px;
  164. padding:15px;
  165. max-height: 100px;
  166. overflow-y:auto;
  167. }
  168.  
  169. .widtexto {
  170. background:{color:Principal};
  171. margin-bottom:15px;
  172. text-align: justify;
  173. font-size: 12px;
  174. padding:15px;
  175. }
  176.  
  177. .fecha {
  178. display: block;
  179. float: left;
  180. margin-right: 10px;
  181. padding: 5px;
  182. background: {color:Secundario};
  183. color: {color:Principal};
  184. font-weight: 900;
  185. font-size: 15px;
  186. line-height: 100%;
  187. }
  188.  
  189. h3 {
  190. display: block;
  191. width: 490px;
  192. padding-top: 30px;
  193. padding-bottom: 30px;
  194. padding-left: 20px;
  195. text-align: center;
  196. position: relative;
  197. margin-left: 20px;
  198. padding-right: 20px;
  199. margin-bottom: 5px;
  200. font-weight: bold;
  201. color: #353535;
  202. letter-spacing: 3px;
  203. font-size: 12px;
  204. text-transform: uppercase;
  205. font-family: calibri;
  206. background: {color:Principal};
  207. border-bottom: 4px solid {color:Principal};
  208. }
  209.  
  210. a {
  211. text-decoration: none;
  212. color: {color:Titulos del tumblr};
  213. font-weight: bold;
  214. }
  215.  
  216. .subautor {
  217. text-transform: uppercase;
  218. font-size: 10px;
  219. letter-spacing: 2px;
  220. }
  221.  
  222. .replies {
  223. padding-left: 25px;
  224. padding-top: 5px;
  225. padding-right: 15px;
  226. padding-bottom: 5px;
  227. margin-left: 25px;
  228. border-left: 5px solid {color:Secundario};
  229. text-align: justify;
  230. margin-top: 25px;
  231. margin-bottom: 25px;
  232. font-size: 14px;
  233. }
  234.  
  235. .asker {
  236. width: 100%;
  237. line-height: 100%;
  238. background: {color:Terciario};
  239. padding-top: 1px;
  240. text-transform: uppercase;
  241. text-align: center;
  242. padding-bottom: 5px;
  243. margin-top: 8px;
  244. font-size: 10px;
  245. letter-spacing: 2px;
  246. display: block;
  247. }
  248.  
  249. .asker a {
  250. color: {color:Secundario};
  251. }
  252.  
  253. .question {
  254. padding: 15px;
  255. width: 380px;
  256. background: {color:Secundario};
  257. text-align: justify;
  258. margin-left: 50px;
  259. line-height: 100%;
  260. font-size: 12px;
  261. color: {color:Terciario};
  262. top: 20px;
  263. position: relative;
  264. border-radius: 15px;
  265. }
  266.  
  267. .ask {
  268. padding: 10px;
  269. position: relative;
  270. height: auto;
  271. }
  272. .triangulo {
  273. width: 0;
  274. height: 0;
  275. border-style: solid;
  276. border-width: 20px 34.6px 20px 0;
  277. border-color: transparent {color:Secundario} transparent transparent;
  278. float: left;
  279. margin-top: 40px;
  280. margin-left: 20px;
  281. }
  282.  
  283. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  284. display: none;
  285. }
  286.  
  287. ::-webkit-scrollbar{
  288. width: 3px;
  289. height: 5px;
  290. }
  291.  
  292. ::-webkit-scrollbar-track-piece {
  293. background-color: #504F52;
  294. }
  295.  
  296. ::-webkit-scrollbar-thumb:vertical {
  297. width: 3px;
  298. height: 5px;
  299. background-color: {color:Principal};
  300. }
  301.  
  302. .leemore a {
  303. display: block;
  304. text-align: center;
  305. background: {color:Secundario};
  306. line-height: 100%;
  307. width: 100px;
  308. font-size: 11px;
  309. text-transform: uppercase;
  310. letter-spacing: 2px;
  311. color: {color:Principal};
  312. padding: 8px;
  313. margin-top: 40px;
  314. }
  315.  
  316. img {
  317. width: 100%;
  318. }
  319.  
  320. .tiempo {
  321. display: block;
  322. letter-spacing: 2px;
  323. font-family: calibri;
  324. text-transform: uppercase;
  325. background: {color:Secundario};
  326. line-height: 100%;
  327. margin-left: 15px;
  328. padding: 5px;
  329. text-align: center;
  330. color: {color:Principal};
  331. font-size: 10px;
  332. }
  333.  
  334. .caption {
  335. padding-left: 25px;
  336. padding-top: 5px;
  337. padding-right: 15px;
  338. padding-bottom: 5px;
  339. margin-left: 25px;
  340. border-left: 5px solid {color:Secundario};
  341. text-align: justify;
  342. margin-top: 25px;
  343. margin-bottom: 25px;
  344. font-size: 14px;
  345. }
  346.  
  347. .gusta {
  348. width: 5px;
  349. overflow: hidden;
  350. }
  351.  
  352. .gusta img {
  353. max-width: 5px;
  354. }
  355.  
  356. .credito {
  357. text-align: right;
  358. font-size: 9px;
  359. text-transform: uppercase;
  360. font-family: calibri;
  361. font-weight: 700;
  362. padding-right: 10px;
  363. }
  364.  
  365. .adminombre {
  366. padding-top: 20px;
  367. width: 180px;
  368. margin-left: 70px;
  369. text-align: center;
  370. color: {color:Secundario};
  371. font-size: 15px;
  372. height: 50px;
  373. font-weight: bold;
  374. line-height: 100%;
  375. }
  376.  
  377. #footer a {
  378. width: 100px;
  379. background: {color:Secundario};
  380. font-family: Cabin;
  381. padding: 15px;
  382. display: inline-block;
  383. color: {color:Principal};
  384. text-transform: uppercase;
  385. text-align: center;
  386. font-size: 13px;
  387. line-height: 100%;
  388. }
  389.  
  390. .notas li {
  391. list-style-type:none;
  392. }
  393.  
  394. .notas img {
  395. display:none!important;
  396. }
  397.  
  398. .notas {
  399. max-height: 400px;
  400. overflow-y: auto;
  401. width: 550px;
  402. font-size: 10px;
  403. }
  404.  
  405. #footer {
  406. padding: 3px;
  407. background: {color:Principal};
  408. position: fixed;
  409. right: 0px;
  410. max-width: 267px;
  411. bottom: 0px;
  412. }
  413. </style>
  414. <body>
  415. <div class="header"></div>
  416. <div class="navlinks"><a href="/">Inicio</a><a href="/ask">Pregúntanos</a><a href="/submit">Colabora</a><a href="{text:Link 1 URL}">{text:Link 1}</a><a href="{text:Link 2 URL}">{text:Link 2}</a><a href="{text:Link 3 URL}">{text:Link 3}</a><a href="{text:Link 4 URL}">{text:Link 4}</a><a href="{text:Link 5 URL}">{text:Link 5}</a><a href="{text:Link 6 URL}">{text:Link 6}</a><a href="{text:Link 7 URL}">{text:Link 7}</a><a href="{text:Link 8 URL}">{text:Link 8}</a></div>
  417. <div id="cuerpo">
  418. <div class="widgets"><div class="titulowid">Ambientación</div>
  419. <div class="ambfoto"></div>
  420. {block:Description}
  421. <div id="description">{Description}</div>
  422. {/block:Description}
  423. <div class="titulowid">Novedades</div>
  424. <div class="widtexto">
  425. <div class="fecha">{text:Fecha 1}</div>{text:Noticia 1}<br><br>
  426. <div class="fecha">{text:Fecha 2}</div>{text:Noticia 2}<br><br>
  427. <div class="fecha">{text:Fecha 3}</div>{text:Noticia 3}</div>
  428. <div class="titulowid">Administración</div>
  429. <div class="widtexto"><div style="background:url('{image:Administrador 1}'); width: 70px; height: 70px; border-radius: 70px; border: 2px solid {color:Secundario}; float:left;"></div><div class="adminombre">{text:Admin1 Nombre}<br><span style="font-size: 10px; letter-spacing: 2px; font-family: calibri; text-transform: uppercase; color: #9D99A3;">{text:Admin1 Puesto}</span></div><br>
  430. <div style="background:url('{image:Administrador 2}'); width: 70px; height: 70px; border-radius: 70px; border: 2px solid {color:Secundario}; float:left;"></div><div class="adminombre">{text:Admin2 Nombre}<br><span style="font-size: 10px; letter-spacing: 2px; font-family: calibri; text-transform: uppercase; color: #9D99A3;">{text:Admin2 Puesto}</span></div><br>
  431. <div style="background:url('{image:Administrador 3}'); width: 70px; height: 70px; border-radius: 70px; border: 2px solid {color:Secundario}; float:left;"></div><div class="adminombre">{text:Admin3 Nombre}<br><span style="font-size: 10px; letter-spacing: 2px; font-family: calibri; text-transform: uppercase; color: #9D99A3;">{text:Admin3 Puesto}</span></div>
  432. </div>
  433. <div class="titulowid">Tramas globales</div>
  434. <div class="widtexto"><div style="width:250px; height: 80px; background:url('{image:Trama Global}'); margin-bottom: 10px;"></div>
  435. {text:Resumen de la trama actual}
  436. </div>
  437. <div class="credito">Theme hecho por <a href="http://thecaptainknowsbest.tumblr.com">Hardrock</a></div>
  438. </div>
  439. {block:Posts}{block:Title}
  440. <h3><a href="{Permalink}">{Title}</a></h3>
  441. {/block:Title}<div class="posts">{block:Text}<div class="texto">{block:Submission}<div class="subautor">Enviado por <a href="{SubmitterURL}">{Submitter}</a></div>{/block:Submission}
  442. {Body}
  443. {block:More}<center><div class="leemore"><a href="{Permalink}">{lang:Read more}</a></div></center>{/block:More}
  444. </div>{/block:Text}{block:Photo}
  445. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  446.  
  447. {block:Caption}
  448. <div class="caption">{Caption}</div>
  449. {/block:Caption}
  450. {/block:Photo}{block:Panorama}
  451. {LinkOpenTag}
  452. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  453. {LinkCloseTag}{block:Caption}
  454. <div class="caption">{Caption}</div>
  455. {/block:Caption}
  456. {/block:Panorama}{block:Photoset}<center>
  457. {Photoset-500}</center>{block:Caption}
  458. <div class="caption">{Caption}</div>
  459. {/block:Caption}
  460. {/block:Photoset}
  461. {block:Answer}<div class="ask"><div class="triangulo"></div><div class="question"><div class="asker-question">{Question}</div><div class="asker">{Asker}</div></div></div>
  462. <div class="replies">{Replies}</div>{/block:Answer}
  463.  
  464. {block:Quote}
  465. "{Quote}"
  466.  
  467. {block:Source}
  468. <div class="source">{Source}</div>
  469. {/block:Source}
  470. {/block:Quote}{block:Link}
  471. <a href="{URL}" class="link" {Target}>{Name}</a>
  472.  
  473. {block:Description}
  474. <div class="description">{Description}</div>
  475. {/block:Description}
  476. {/block:Link}{block:Chat}
  477. {block:Title}
  478. <h3><a href="{Permalink}">{Title}</a></h3>
  479. {/block:Title}
  480.  
  481. <ul class="chat">
  482. {block:Lines}
  483. <li class="{Alt} user_{UserNumber}">
  484. {block:Label}
  485. <span class="label">{Label}</span>
  486. {/block:Label}{Line}
  487. </li>
  488. {/block:Lines}
  489. </ul>
  490. {/block:Chat}{block:Video}
  491. {Video-500}{block:Caption}
  492. <div class="caption">{Caption}</div>
  493. {/block:Caption}
  494. {/block:Video}{block:Audio}
  495. {AudioEmbed}{block:Caption}
  496. <div class="caption">{Caption}</div>
  497. {/block:Caption}
  498. {/block:Audio}
  499. {block:indexpage}<table>{block:Date}<td style="width: 130px;"><a href="{Permalink}" class="tiempo">{TimeAgo}</a></td>{/block:Date} {block:NoteCount}<td style="width: 130px;"><a href="{Permalink}" class="tiempo">{NoteCountWithLabel}</a></td>{/block:NoteCount}</table>{/block:indexpage}</div>{block:permalinkpage}{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}{/block:Posts}
  500. </ol>
  501. </div>
  502. <div id="footer">
  503. {block:PreviousPage}
  504. <a href="{PreviousPage}" style="margin-right: 3px;">&#171; Anterior</a>
  505. {/block:PreviousPage}{block:NextPage}
  506. <a href="{NextPage}">Siguiente &#187;</a>
  507. {/block:NextPage}
  508. </div>
  509. </body>
  510. </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!