API tools faq
paste
Advertisement
Hardrockdesign

Theme Catch me

Hardrockdesign
May 31st, 2015
739
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.78 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:Texto widgets" content="#ababab" />
  10. <meta name="color:Principal" content="#7b878d" />
  11. <meta name="color:Secundario" content="#2d1f23" />
  12. <meta name="color:Terciario" content="#562821" />
  13. <meta name="image:Foto del lateral" content=""/>
  14. <meta name="image:Fondo del blog" content=""/>
  15. <meta name="image:Administrador 1" content=""/>
  16. <meta name="image:Administrador 2" content=""/>
  17. <meta name="image:Administrador 3" content=""/>
  18. <meta name="image:Administrador 4" content=""/>
  19. <meta name="image:Administrador 5" content=""/>
  20. <meta name="image:Administrador 6" content=""/>
  21. <meta name="text:Noticia 1" content="" />
  22. <meta name="text:Contenido noticia 1" content="" />
  23. <meta name="text:Noticia 2" content="" />
  24. <meta name="text:Contenido noticia 2" content="" />
  25. <meta name="text:Admin1 Nombre" content="" />
  26. <meta name="text:Admin2 Nombre" content="" />
  27. <meta name="text:Admin3 Nombre" content="" />
  28. <meta name="text:Admin4 Nombre" content="" />
  29. <meta name="text:Admin5 Nombre" content="" />
  30. <meta name="text:Admin6 Nombre" content="" />
  31. <meta name="text:Link 1" content="" />
  32. <meta name="text:Link 1 URL" content="" />
  33. <meta name="text:Link 2" content="" />
  34. <meta name="text:Link 2 URL" content="" />
  35. <meta name="text:Link 3" content="" />
  36. <meta name="text:Link 3 URL" content="" />
  37. <meta name="text:Link 4" content="" />
  38. <meta name="text:Link 4 URL" content="" />
  39. <meta name="text:Link 5" content="" />
  40. <meta name="text:Link 5 URL" content="" />
  41. <meta name="text:Link 6" content="" />
  42. <meta name="text:Link 6 URL" content="" />
  43. <meta name="text:Link 7" content="" />
  44. <meta name="text:Link 7 URL" content="" />
  45. <meta name="text:Link 8" content="" />
  46. <meta name="text:Link 8 URL" content="" />
  47. <meta name="text:Link 9" content="" />
  48. <meta name="text:Link 9 URL" content="" />
  49. <meta name="text:Link 10" content="" />
  50. <meta name="text:Link 10 URL" content="" />
  51. <meta name="text:Link 11" content="" />
  52. <meta name="text:Link 11 URL" content="" />
  53. <meta name="text:Link 12" content="" />
  54. <meta name="text:Link 12 URL" content="" />
  55. </head>
  56. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  57. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  58. <style type="text/css">
  59.  
  60. body {
  61. background:url('{image:Fondo del blog}');
  62. background-repeat: repeat;
  63. background-attachment: fixed;
  64. font-family: Open Sans;
  65. }
  66.  
  67. ::-webkit-scrollbar {background-color: {color:Secundario}; height:8px; width:8px}
  68. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Principal}}
  69. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Principal} height:8px!important}
  70.  
  71. img {
  72. max-width: 100%;
  73. }
  74.  
  75. a {
  76. text-decoration: none;
  77. color: {color:Secundario};
  78. font-weight: bold;
  79. }
  80.  
  81. h3 {
  82. font-family: Playball;
  83. font-size: 25px;
  84. line-height: 100%;
  85. display: block;
  86. width: 400px;
  87. border-bottom: 2px solid {color:Secundario};
  88. padding-bottom: 10px;
  89. }
  90.  
  91. h1 {
  92. font-family: Playball;
  93. font-size: 25px;
  94. text-align: center;
  95. }
  96.  
  97. h2 {
  98. font-family: Playball;
  99. font-size: 25px;
  100. color: {color:Secundario};
  101. }
  102.  
  103. .notas {
  104. font-size: 12px;
  105. max-height: 150px;
  106. overflow-y: auto;
  107. }
  108.  
  109. .notas li {
  110. list-style-type:none;
  111. }
  112.  
  113. .notas img {
  114. display:none!important;
  115. }
  116.  
  117. .posts {
  118. width: 400px;
  119. padding: 5px;
  120. text-align: justify;
  121. font-size: 13px;
  122. line-height: 120%;
  123. margin-bottom: 50px;
  124. margin-top: -20px;
  125. border-bottom: 2px solid {color:Secundario};
  126. color: #000000;
  127. }
  128.  
  129. .caption {
  130. font-size: 12px;
  131. }
  132.  
  133. #widgets {
  134. width: 400px;
  135. padding: 10px;
  136. height: 100%;
  137. top: 0px;
  138. position: fixed;
  139. line-height: 100%;
  140. font-size: 13px;
  141. text-align: justify;
  142. left: 0px;
  143. background: {color:Secundario};
  144. color: {color:Texto widgets};
  145. bottom: 0px;
  146. }
  147.  
  148. #cuerpo {
  149. width: 500px;
  150. margin-left: 409px;
  151. top: -10px;
  152. position: relative;
  153. background: {color:Principal};
  154. padding-bottom: 40px;
  155. padding-top: 50px;
  156. margin-bottom: -50px;
  157. }
  158.  
  159. #description {
  160. max-height: 70px;
  161. overflow-y: auto;
  162. padding-right: 15px;
  163. }
  164.  
  165. .tiempo a {
  166. display: block;
  167. letter-spacing: 1px;
  168. font-family: calibri;
  169. text-transform: uppercase;
  170. background: {color:Secundario};
  171. line-height: 100%;
  172. margin-left: 8px;
  173. padding: 3px;
  174. text-align: center;
  175. color: {color:Principal};
  176. font-size: 10px;
  177. }
  178.  
  179. .leemas {
  180. display: block;
  181. text-align: right;
  182. font-family: Playball;
  183. font-size: 18px;
  184. margin-bottom: 15px;
  185. }
  186.  
  187. .navegacion a {
  188. display: inline-block;
  189. width: 180px;
  190. margin:3px;
  191. background: {color:Principal};
  192. font-family: Calibri;
  193. text-transform: uppercase;
  194. font-size: 11px;
  195. letter-spacing: 2px;
  196. text-align: center;
  197. line-height: 100%;
  198. padding-top:4px;
  199. padding-bottom: 4px;
  200. margin-bottom: 3px;
  201. transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. .navegacion a:hover {
  205. box-shadow: inset 180px 0 0 {color:Terciario};
  206. color: #dbdbdb;
  207. }
  208.  
  209. .navegacion {
  210. margin-left: 7px;
  211. }
  212.  
  213. .autorquest {
  214. color: {color:Principal};
  215. text-align: right;
  216. font-weight: bold;
  217. }
  218.  
  219. .autorquest a {
  220. color: {color:Principal};
  221. }
  222.  
  223. .question {
  224. background: {color:Terciario};
  225. color: {color:Texto widgets};
  226. padding: 15px;
  227. font-size: 12px;
  228. }
  229.  
  230. #footer {
  231. margin-top: 10px;
  232. text-align: center;
  233. color: {color:Texto widgets};
  234. font-size: 12px;
  235. text-transform: uppercase;
  236. font-weight: bold;
  237. }
  238.  
  239. #footer a {
  240. color: {color:Texto widgets};
  241. }
  242.  
  243. .admin {
  244. display: inline-block;
  245. width: 180px;
  246. padding-top: 10px;
  247. margin-right: 20px;
  248. }
  249. .info {
  250. color: {color:Texto widgets};
  251. font-size: 9px;
  252. text-align: left;
  253. padding-left: 3px;
  254. text-transform: uppercase;
  255. }
  256.  
  257. .contenido-news {
  258. padding: 15px;
  259. text-align: justify;
  260. font-size: 12px;
  261. max-height: 250px;
  262. overflow-y: auto;
  263. }
  264.  
  265. .titulo-news {
  266. color: {color:Principal};
  267. width: 100%;
  268. border-bottom: 2px solid {color:Principal};
  269. padding-bottom: 5px;
  270. margin-bottom: 10px;
  271. font-family: Playball;
  272. font-size: 17px;
  273. }
  274.  
  275. .credito {
  276. position: fixed;
  277. right: 5px;
  278. bottom: 5px;
  279. color: {color:Principal};
  280. font-size: 12px;
  281. font-family: calibri;
  282. text-transform: uppercase;
  283. z-index: 99;
  284. text-shadow: 1px 1px 0px {color:Secundario};
  285. }
  286. /*----- Tabs -----*/
  287. .tabs { /* es el rectángulo contenedor */
  288. margin: 0 auto;
  289. min-height: 300px;
  290. position: absolute;
  291. top: 10px;
  292. left: 10px;
  293. width: 400px;
  294. }
  295. .tab { /* cada una de las pestañas */
  296. float: left;
  297. }
  298. .tab label { /* la parte superior con el título de la pestaña */
  299. background-color: {color:Principal};
  300. color: {color:Secundario};
  301. cursor: pointer;
  302. left: 0;
  303. margin-right: 2px;
  304. padding: 5px;
  305. text-align: center;
  306. position: relative;
  307. text-transform: uppercase;
  308. font-size: 10px;
  309. font-family: calibri;
  310. font-weight: bold;
  311. width: 85px;
  312. display: inline-block;
  313. }
  314. /* el control input sólo lo necesitamos para que las pestañas permanezcan abiertas así que lo ocultamos */
  315. .tab [type=radio] { display: none; }
  316.  
  317. /* el contenido de las pestañas */
  318. .content {
  319. background-color: transparent;
  320. bottom: 0;
  321. left: 0;
  322. overflow: hidden;
  323. padding: 0px;
  324. position: absolute;
  325. right: 0;
  326. top: 23px;
  327. }
  328. /* y un poco de animación */
  329. .content > * {
  330. opacity: 0;
  331. transform: translateX(-500px);
  332. transition: 1s;
  333. }
  334.  
  335. /* controlamos la pestaña activa */
  336. [type="radio"]:checked ~ label {
  337. background-color: #678;
  338. box-shadow: 0 3px 2px #89A inset;
  339. color: #FFF;
  340. z-index: 2;
  341. }
  342. [type=radio]:checked ~ label ~ .content { z-index: 1; }
  343. [type=radio]:checked ~ label ~ .content > * {
  344. opacity: 1;
  345. transform: translateX(0);
  346. transition: 1s;
  347. }
  348. </style>
  349.  
  350. <body>
  351. <table cellspacing="0"><td><div id="widgets"><div style="width:400px; height: 300px;"></div><h1>Welcome to: {Title}</h1>
  352.  
  353. {block:Description}
  354. <p id="description">{Description}</p>
  355. {/block:Description}
  356. <div class="tabs">
  357. <div class="tab">
  358. <input type="radio" id="tab-1" name="tab-group-1" checked>
  359. <label for="tab-1">Inicio</label>
  360. <div class="content"><div style="width:400px; height:300px; background:url('{image:Foto del lateral}');"></div></div>
  361. </div>
  362. <div class="tab">
  363. <input type="radio" id="tab-2" name="tab-group-1">
  364. <label for="tab-2">Navegación</label>
  365. <div class="content"><div style="height: 20px;"></div><div class="navegacion"><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><a href="{text:Link 9 URL}">{text:Link 9}</a><a href="{text:Link 10 URL}">{text:Link 10}</a><a href="{text:Link 11 URL}">{text:Link 11}</a><a href="{text:Link 12 URL}">{text:Link 12}</a></div></div>
  366. </div>
  367. <div class="tab">
  368. <input type="radio" id="tab-3" name="tab-group-1">
  369. <label for="tab-3">Administración</label>
  370. <div class="content"><div class="admin"><table cellspacing="0"><td><div style="width:90px; height: 60px; border: 5px solid {color:Principal}; background:url('{image:Administrador 1}');"></div></td><td class="info">Nombre<br>Administrador</td></table></div><div class="admin"><table cellspacing="0"><td><div style="width:90px; height: 60px; border: 5px solid {color:Principal}; background:url('{image:Administrador 2}');"></div></td><td class="info">Nombre<br>Administrador</td></table></div>
  371. <div class="admin"><table cellspacing="0"><td><div style="width:90px; height: 60px; border: 5px solid {color:Principal}; background:url('{image:Administrador 3}');"></div></td><td class="info">Nombre<br>Administrador</td></table></div><div class="admin"><table cellspacing="0"><td><div style="width:90px; height: 60px; border: 5px solid {color:Principal}; background:url('{image:Administrador 4}');"></div></td><td class="info">Nombre<br>Administrador</td></table></div>
  372. <div class="admin"><table cellspacing="0"><td><div style="width:90px; height: 60px; border: 5px solid {color:Principal}; background:url('{image:Administrador 5}');"></div></td><td class="info">Nombre<br>Administrador</td></table></div><div class="admin"><table cellspacing="0"><td><div style="width:90px; height: 60px; border: 5px solid {color:Principal}; background:url('{image:Administrador 6}');"></div></td><td class="info">Nombre<br>Administrador</td></table></div></div>
  373. </div>
  374. <div class="tab">
  375. <input type="radio" id="tab-4" name="tab-group-1">
  376. <label for="tab-4">Novedades</label>
  377. <div class="content"><div class="contenido-news"><div class="titulo-news">{text:Noticia 1}</div>{text:Contenido noticia 1}
  378. <br><br><div class="titulo-news">{text:Noticia 2}</div>{text:Contenido noticia 2}
  379. </div></div>
  380. </div>
  381. </div>
  382. {block:Pagination}<p id="footer">
  383. {block:PreviousPage}
  384. <a href="{PreviousPage}">&#171; Previous</a>
  385. {/block:PreviousPage}{block:NextPage}
  386. <a href="{NextPage}">Next &#187;</a>
  387. {/block:NextPage}
  388. </p>{/block:Pagination}
  389. </div></td>
  390.  
  391. <td><div id="cuerpo">{block:Posts}<center>{block:Title}
  392. <h3><a href="{Permalink}">{Title}</a></h3>
  393. {/block:Title}<div class="posts">{block:Text}
  394. {block:Submission}Autor: <a href="{SubmitterURL}">{Submitter}</a>.{/block:Submission}
  395. {Body}
  396. {block:More}<a href="{Permalink}" class="leemas">{lang:Read more} →</a>{/block:More}
  397. {/block:Text}{block:Photo}
  398. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  399.  
  400. {block:Caption}
  401. <div class="caption">{Caption}</div>
  402. {/block:Caption}
  403. {/block:Photo}{block:Panorama}
  404. {LinkOpenTag}
  405. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  406. {LinkCloseTag}{block:Caption}
  407. <div class="caption">{Caption}</div>
  408. {/block:Caption}
  409. {/block:Panorama}{block:Photoset}
  410. {Photoset-400}{block:Caption}
  411. <div class="caption">{Caption}</div>
  412. {/block:Caption}
  413. {/block:Photoset}
  414. {block:Answer}<div class="question">{Question}<div class="autorquest">─ {Asker}.</div></div>
  415. <div class="replies">{Replies}</div>{/block:Answer}
  416. {block:Quote}
  417. "{Quote}"
  418.  
  419. {block:Source}
  420. <div class="source">{Source}</div>
  421. {/block:Source}
  422. {/block:Quote}{block:Link}
  423. <a href="{URL}" class="link" {Target}>{Name}</a>
  424.  
  425. {block:Description}
  426. <div class="description">{Description}</div>
  427. {/block:Description}
  428. {/block:Link}{block:Chat}
  429. {block:Title}
  430. <h3><a href="{Permalink}">{Title}</a></h3>
  431. {/block:Title}
  432.  
  433. <ul class="chat">
  434. {block:Lines}
  435. <li class="{Alt} user_{UserNumber}">
  436. {block:Label}
  437. <span class="label">{Label}</span>
  438. {/block:Label}{Line}
  439. </li>
  440. {/block:Lines}
  441. </ul>
  442. {/block:Chat}{block:Video}
  443. {Video-500}{block:Caption}
  444. <div class="caption">{Caption}</div>
  445. {/block:Caption}
  446. {/block:Video}{block:Audio}
  447. {AudioEmbed}{block:Caption}
  448. <div class="caption">{Caption}</div>
  449. {/block:Caption}
  450. {/block:Audio}
  451. {block:indexpage}<table>{block:Date}<td style="width: 123px;" class="tiempo"><a href="{Permalink}">{TimeAgo}</a></td><td style="width: 123px;" class="tiempo"><a href="{ReblogURL}" target="_blank" class="details">Rebloguear</a></td>{/block:Date} {block:NoteCount}<td style="width: 123px;" class="tiempo"><a href="{Permalink}">{NoteCountWithLabel}</a></td>{/block:NoteCount}</table>{/block:indexpage}</div>
  452. {block:permalinkpage}{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}</center>{/block:Posts}</div></td></table>
  453. <a href="thecaptainknowsbest.tumblr.com" class="credito">Theme por Hardrock</a>
  454. </ol>
  455. </body>
  456. </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!