API tools faq
paste
Advertisement
Hardrockdesign

CKB antiguo theme 2

Hardrockdesign
Aug 2nd, 2015
708
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.75 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <script src="view.js?auto"></script>
  4. {block:Description}
  5. <meta name="description" content="{MetaDescription}" />
  6. {/block:Description}
  7. <meta name="image:Cabecera" content=""/>
  8. <meta name="image:Fondo" content=""/>
  9. <meta name="image:Admin1" content=""/>
  10. <meta name="image:Admin2" content=""/>
  11. <meta name="image:Admin3" content=""/>
  12. <meta name="image:Admin4" content=""/>
  13. <meta name="color:Principal1" content="#eeeeee" />
  14. <meta name="color:Principal2" content="#333344" />
  15. <meta name="color:Principal3" content="#653b3b" />
  16. <meta name="color:Principal4" content="#49536b" />
  17. <meta name="color:Theme fondo" content="#C6C3C3" />
  18. <meta name="text:Nombre widget 1" content="" />
  19. <meta name="text:Nombre widget 2" content="" />
  20. <meta name="text:Nombre widget 3" content="" />
  21. <meta name="text:Contenido widget 1" content="" />
  22. <meta name="text:Contenido widget 2" content="" />
  23. <meta name="text:Contenido widget 3" content="" />
  24. <meta name="text:Admin1 Nombre" content="" />
  25. <meta name="text:Admin2 Nombre" content="" />
  26. <meta name="text:Admin3 Nombre" content="" />
  27. <meta name="text:Admin4 Nombre" content="" />
  28. <meta name="text:Admin1 Puesto" content="" />
  29. <meta name="text:Admin2 Puesto" content="" />
  30. <meta name="text:Admin3 Puesto" content="" />
  31. <meta name="text:Admin4 Puesto" content="" />
  32. <meta name="text:Admin1 Estatus" content="" />
  33. <meta name="text:Admin2 Estatus" content="" />
  34. <meta name="text:Admin3 Estatus" content="" />
  35. <meta name="text:Admin4 Estatus" content="" />
  36.  
  37. <style type="text/css">
  38.  
  39. /* CSS del Header */
  40. blockquote {
  41. padding-left: 0px;
  42. margin-left: 0px;
  43. margin-right: 0px;
  44. }
  45.  
  46. #rep-mail-bar {
  47. position: fixed;
  48. top: 0;
  49. left: 0;
  50. height: 25px;
  51. font-size: 11px;
  52. font-family: calibri;
  53. text-transform: uppercase;
  54. width: 100%;
  55. font-weight: bold;
  56. letter-spacing: 1px;
  57. z-index: 999;
  58. }
  59. #rep-mail-bar .padder {
  60. position: relative;
  61. padding: 0;
  62. width: 100%;
  63. margin: 0 auto;
  64. background: {color:Principal2}; /* El fondo */
  65. height: 25px;
  66. padding-bottom: 12px;
  67. }
  68. body#repmail-default #rep-mail-bar .padder {
  69. min-width: 960px;
  70. max-width: 1250px;
  71. }
  72.  
  73. body#repmail-default.activity-permalink #rep-mail-bar .padder {
  74. min-width: 960px;
  75. max-width: 960px;
  76. }
  77.  
  78. #rep-mail-bar * { z-index: 999; }
  79.  
  80. #rep-mail-bar div#rep-mail-bar-logo {
  81. position: absolute; /* Hace "flotante" la bendita barra */
  82. top: 5px;
  83. left: 10px;
  84. }
  85.  
  86. #rep-mail-bar a img {
  87. border: none;
  88. }
  89.  
  90. #rep-mail-bar li {
  91. list-style: none;
  92. margin: 0;
  93. padding: 0;
  94. line-height: 100%;
  95. text-align: left;
  96. }
  97.  
  98. #rep-mail-bar li a {
  99. padding: 13px 13px 10px 13px;
  100. color: {color:Principal1};
  101. text-decoration: none;
  102. font-size: 11px;
  103. }
  104. #rep-mail-bar li.alt { border: none; }
  105.  
  106. #rep-mail-bar li.no-arrow a {
  107. padding-right: 15px;
  108. }
  109.  
  110. #rep-mail-bar ul li ul li a span {
  111. display: none;
  112. }
  113.  
  114. #rep-mail-bar li:hover, #rep-mail-bar li.hover {
  115. position: static;
  116. }
  117. /*******************/
  118.  
  119. #rep-mail-bar ul { /* Todas las listas */
  120. margin: 0;
  121. list-style: none;
  122. line-height: 1;
  123. cursor: pointer;
  124. height: auto;
  125. padding: 0;
  126. }
  127.  
  128. #rep-mail-bar ul li { /* Todos los objetos de las listas */
  129. padding: 0;
  130. float: left;
  131. position: relative;
  132. background: url(http://i68.servimg.com/u/f68/15/78/66/50/admin-10.gif) 88% 53% no-repeat;
  133. padding-right: 9px;
  134. }
  135.  
  136. #rep-mail-bar ul li.no-arrow {
  137. background: none;
  138. padding-right: 0;
  139. }
  140.  
  141. #rep-mail-bar ul li ul li {
  142. padding: 0;
  143. float: left;
  144. position: relative;
  145. background: url(http://i78.servimg.com/u/f78/15/78/66/50/admin10.gif) 95% 53% no-repeat;
  146. padding-right: 11px;
  147. }
  148.  
  149. #rep-mail-bar ul li ul li.no-arrow {
  150. background: none;
  151. padding-right: 11px;
  152. }
  153.  
  154. #rep-mail-bar ul li.align-right {
  155. position: absolute;
  156. right: 0;
  157. }
  158.  
  159. #rep-mail-bar ul li a {
  160. display: block;
  161. }
  162.  
  163. #rep-mail-bar ul.main-nav li:hover, #rep-mail-bar ul.main-nav li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
  164. background-color: {color:Principal3};
  165. }
  166.  
  167. /* Listas de segundo nivel */
  168.  
  169. #rep-mail-bar ul li ul {
  170. position: absolute;
  171. width: 185px;
  172. left: -999em;
  173. margin-left: 0;
  174. background: {color:Principal2};
  175. border: 1px solid #222;
  176. }
  177. #rep-mail-bar ul li > ul {
  178. border-top: none;
  179. }
  180.  
  181. #rep-mail-bar ul li ul a {
  182. color: {color:Principal1};
  183. }
  184.  
  185. #rep-mail-bar ul li ul li {
  186. float: left;
  187. width: 174px;
  188. margin: 0;
  189. }
  190. #rep-mail-bar ul li ul li:hover a {
  191. color: #fff;
  192. }
  193.  
  194. #rep-mail-bar ul li div.repmail-bar-clear {
  195. clear: both;
  196. }
  197.  
  198. #rep-mail-bar ul.main-nav li ul li:hover, #rep-mail-bar ul.main-nav li ul li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
  199. background-color: {color:Principal3};
  200. }
  201.  
  202. /* Listas de tercer y mayor nivel */
  203.  
  204. #rep-mail-bar ul li ul ul {
  205. margin: -25px 0 0 184px;
  206. -moz-border-radius: 3px;
  207. -webkit-border-radius: 3px;
  208. }
  209. #rep-mail-bar ul li ul li:hover ul li a {
  210. color: {color:Principal1};
  211. }
  212. #rep-mail-bar ul li ul li ul li:hover a {
  213. color: #fff;
  214. }
  215.  
  216. #rep-mail-bar ul li:hover ul, #rep-mail-bar ul li ul li:hover ul, #rep-mail-bar ul li.sfhover ul, #rep-mail-bar ul li ul li.sfhover ul {
  217. left: auto;
  218. }
  219.  
  220. #rep-mail-bar ul li.align-right:hover ul {
  221. right: 0;
  222. }
  223.  
  224. #rep-mail-bar ul li:hover ul ul, #rep-mail-bar li.sfhover ul li ul {
  225. left: -999em;
  226. }
  227.  
  228. body {
  229. background: url({image:Fondo});
  230. background-repeat: repeat;
  231. background-attachment: fixed;
  232. }
  233.  
  234. @media (max-width: 480px) {
  235. body{
  236. -webkit-text-size-adjust: 100%;
  237. }
  238. }
  239.  
  240. #elite img {
  241. width: 50px;
  242. height: 50px;
  243. margin: 2px;
  244. border: 3px solid {color:Principal4};
  245. }
  246.  
  247. #bro {
  248. margin-left: 8px;
  249. margin-bottom: 6px;
  250. }
  251.  
  252. #bro img {
  253. width: 100px;
  254. height: 50px;
  255. margin-left: 4px;
  256. margin-right: 4px;
  257. border: 3px solid {color:Principal4};
  258. }
  259.  
  260. .centro {
  261. width: 700px;
  262. position: relative;
  263. margin-left: auto;
  264. margin-right: auto;
  265. }
  266.  
  267. .q {
  268. margin-bottom:10px;
  269. padding-bottom: 20px;
  270. padding-left: 20px;
  271. padding-right: 20px;
  272. padding-top: 10px;
  273. width: 360px;
  274. text-align:justify;
  275. letter-spacing: 1px;
  276. background:{color:Theme fondo};
  277. font-weight: bold;
  278. color:#000;
  279. font-size:12px;
  280. line-height: 100%;
  281. }
  282.  
  283. .asker{
  284. font-weight:bold;
  285. overflow: hidden;
  286. font-variant:small-caps;
  287. font-size:14px;
  288. color:{color:Principal1};
  289. background: {color:Principal3};
  290. padding-top:10px;
  291. height: 26px;
  292. width: 400px;
  293. }
  294. .askerimg {
  295. position: relative;
  296. border: 3px solid {color:Principal3};
  297. width: 30px;
  298. height: 30px;
  299. float: left;
  300. top: -10px;
  301. margin-right: 15px;
  302. }
  303.  
  304. #posts {
  305. width: 400px;
  306. text-align: justify;
  307. line-height: 100%;
  308. font-family: calibri;
  309. font-size: 14px;
  310. background: {color:Principal1};
  311. border: 3px double {color:Theme fondo};
  312. padding: 15px;
  313. margin: 15px;
  314. position: relative;
  315. }
  316.  
  317. #posts img {
  318. max-width: 400px;
  319. height: auto;
  320. }
  321.  
  322. img {
  323. max-width: 100%;
  324. }
  325.  
  326. .likreb {
  327. width: 30px;
  328. background: {color:Principal2};
  329. border-radius: 30px;
  330. text-align: center;
  331. display: inline-block;
  332. height: 26px;
  333. padding-top: 5px;
  334. }
  335.  
  336. .envolt-lr {
  337. width: 70px;
  338. position: absolute;
  339. right: 15px;
  340. bottom: 15px;
  341. text-align: center;
  342. font-size: 10px;
  343. font-weight: 700;
  344. text-transform: uppercase;
  345. line-height: 100%;
  346. }
  347.  
  348. h3 {
  349. width: 380px;
  350. color: {color:Principal1};
  351. padding: 10px;
  352. padding-top: 15px;
  353. font-weight: 400;
  354. display: block;
  355. text-align: center;
  356. background: {color:Principal2};
  357. margin-top: -2px;
  358. letter-spacing: 1px;
  359. }
  360.  
  361. h3:first-letter {
  362. font-family: Pinyon Script;
  363. font-size: 30px;
  364. font-weight: 700;
  365. }
  366.  
  367. .submitter {
  368. font-weight: bold;
  369. text-transform: uppercase;
  370. font-size: 10px;
  371. margin-bottom: -10px;
  372. height: 25px;
  373. }
  374.  
  375. a {
  376. font-weight: bold;
  377. color: {color:Principal3};
  378. text-decoration: none;
  379. }
  380.  
  381. #cuerpo {
  382. min-width: 800px;
  383. max-width: 800px;
  384. background: {color:Theme fondo};
  385. position: relative;
  386. margin-left: auto;
  387. margin-right: auto;
  388. padding-bottom: 40px;
  389. padding-top: 20px;
  390. margin-top: -10px;
  391. bottom: -20px;
  392. min-height: 930px;
  393. }
  394.  
  395. #footer a {
  396. color: {color:Principal1};
  397. }
  398.  
  399. #footer {
  400. position: fixed;
  401. left: 20px;
  402. top: -8px;
  403. z-index: 999;
  404. font-family: calibri;
  405. color: {color:Principal1};
  406. }
  407.  
  408. ::-webkit-scrollbar {background-color:white; height:2px; width:5px}
  409. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Principal3}; height:50px}
  410. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Principal3}; height:3px!important}
  411.  
  412. #sidebar {
  413. width: 306px;
  414. position: absolute;
  415. right: 15px;
  416. top: 35px;
  417. }
  418.  
  419. .widget {
  420. margin-bottom: 10px;
  421. background: {color:Principal1};
  422. padding: 10px;
  423. border: 3px double {color:Theme fondo};
  424. width: 280px;
  425. min-height: 120px;
  426. text-align: justify;
  427. line-height: 100%;
  428. font-family: calibri;
  429. font-size: 11px;
  430. position: relative;
  431. letter-spacing: 1px;
  432. }
  433.  
  434. .widget-title {
  435. width: 260px;
  436. color: {color:Principal1};
  437. padding: 10px;
  438. height: 10px;
  439. font-weight: 400;
  440. display: block;
  441. text-align: center;
  442. background: {color:Principal4};
  443. font-size: 14px;
  444. margin-top: -2px;
  445. margin-bottom: 8px;
  446. }
  447.  
  448. .widget-title:first-letter {
  449. font-family: Pinyon Script;
  450. font-size: 20px;
  451. font-weight: 700;
  452. }
  453.  
  454. #cabecera {
  455. width: 800px;
  456. height: 350px;
  457. background:url('{image:Cabecera}');
  458. position: relative;
  459. margin-left: auto;
  460. margin-right: auto;
  461. margin-top: 35px;
  462. margin-bottom: -20px;
  463. }
  464.  
  465. .ayudante {
  466. height: 61px;
  467. width: 66px;
  468. background: {color:Principal4};
  469. border: 2px solid {color:Principal2};
  470. text-align: center;
  471. font-size: 55px;
  472. font-family: calibri;
  473. padding-top: 5px;
  474. color: {color:Principal1};
  475. }
  476.  
  477. .admin {
  478. height: 66px;
  479. width: 66px;
  480. border: 2px solid {color:Principal2};
  481. }
  482.  
  483. .info-admin {
  484. position: absolute;
  485. width: 66px;
  486. height: 50px;
  487. text-align: left;
  488. font-family: calibri;
  489. font-size: 10px;
  490. left: 74px;
  491. font-weight: bold;
  492. top: 16px;
  493. letter-spacing: 1px;
  494. }
  495.  
  496. .leermas {
  497. background: {color:Principal2};
  498. width: 50px;
  499. text-align: center;
  500. display: inline-block;
  501. text-transform: uppercase;
  502. color: {color:Theme fondo};
  503. font-size: 10px;
  504. position: absolute;
  505. left: 15px;
  506. bottom: 25px;
  507. padding: 8px;
  508. }
  509.  
  510. .notas li {
  511. list-style-type:none;
  512. }
  513.  
  514. .notas img {
  515. display:none!important;
  516. }
  517.  
  518. .notas {
  519. font-family: calibri;
  520. font-size: 11px;
  521. letter-spacing: 1px;
  522. max-width: 430px;
  523. max-height: 200px;
  524. overflow-y: auto;
  525. }
  526.  
  527. .busqueda {
  528. text-align: center;
  529. font-size: 14px;
  530. letter-spacing:1px;
  531. font-family: calibri;
  532. }
  533. </style>
  534. <head>
  535. <div id="rep-mail-bar">
  536. <div class="padder">
  537. <ul class="main-nav">
  538. <div class="centro"><li class="no-arrow">
  539. <a href="/">Inicio</a>
  540. </li>
  541. <li class="no-arrow">
  542. <a href="URL">Link 1</a>
  543. </li>
  544. <li class="no-arrow">
  545. <a href="URL">Link 2</a>
  546. </li>
  547. <li class="alt">
  548. <a>Título 1</a>
  549. <ul>
  550. <li class="alt, no-arrow">
  551. <a href="URL">Sublink 1.1</a>
  552. </li>
  553. <li class="alt, no-arrow">
  554. <a href="URL">Sublink 1.2</a>
  555. </li>
  556. <li class="alt, no-arrow">
  557. <a href="URL">Sublink 1.3</a>
  558. </li>
  559. </ul>
  560. </li>
  561. <li class="alt">
  562. <a>Título 2</a>
  563. <ul>
  564. <li class="alt, no-arrow">
  565. <a href="URL">Sublink 2.1</a>
  566. </li>
  567. <li class="alt, no-arrow">
  568. <a href="URL">Sublink 2.2</a>
  569. </li>
  570. <li class="alt, no-arrow">
  571. <a href="URL">Sublink 2.3</a>
  572. </li>
  573. </ul>
  574. </li>
  575. <li class="no-arrow">
  576. <a href="URL">Link 3</a>
  577. </li>
  578. <li class="alt">
  579. <a>Participa</a>
  580. <ul>
  581. <li class="alt, no-arrow">
  582. <a href="/ask">Pregunta</a>
  583. </li>
  584. <li class="alt, no-arrow">
  585. <a href="/submit">Colabora</a>
  586. </li>
  587. </ul>
  588. </li>
  589. <li class="no-arrow">
  590. <a href="http://thecaptainknowsbest.tumblr.com/">Crédito</a>
  591. </li>
  592. </div>
  593. </ul>
  594. </div>
  595. </div>
  596. <!-- #rep-mail-bar -->
  597. <link rel="shortcut icon" href="http://uxrepo.com/static/icon-sets/windows/png32/16/000000/marvel-captainamerica-16-000000.png">
  598. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  599. <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
  600. </head>
  601. <body>
  602. <div id="cabecera"></div>
  603. <div id="cuerpo">
  604. <div id="sidebar">
  605. <div class="widget">
  606. <div class="widget-title">Quiénes somos</div>
  607. {block:Description}
  608. {Description}
  609. {/block:Description}
  610. </div>
  611. <div class="widget">
  612. <div class="widget-title">{text:Nombre widget 1}</div>
  613. {text:Contenido widget 1}
  614. </div>
  615. <div class="widget">
  616. <div class="widget-title">{text:Nombre widget 2}</div>
  617. {text:Contenido widget 2}
  618. </div>
  619. <div class="widget" style="height: 180px;">
  620. <div class="widget-title">Administración</div>
  621. <div style="float: left; width: 140px; position: relative; margin-bottom: 5px;"><div class="admin" style="background:url({image:Admin1});"></div><div class="info-admin">{text:Admin1 Nombre}<br>{text:Admin1 Puesto}<br><i>{text:Admin1 Estatus}</i></div></div><div style="float: right; width: 140px; position: relative; margin-bottom: 5px;"><div class="admin" style="background:url({image:Admin2});"></div><div class="info-admin">{text:Admin2 Nombre}<br>{text:Admin2 Puesto}<br><i>{text:Admin2 Estatus}</i></div></div>
  622. <br><br><div style="float: left; width: 140px; position: relative;"><div class="admin" style="background:url({image:Admin3});"></div><div class="info-admin">{text:Admin3 Nombre}<br>{text:Admin3 Puesto}<br><i>{text:Admin3 Estatus}</i></div></div><div style="float: right; width: 140px; position: relative;"><div class="admin" style="background:url({image:Admin4});"></div><div class="info-admin">{text:Admin4 Nombre}<br>{text:Admin4 Puesto}<br><i>{text:Admin4 Estatus}</i></div></div>
  623. </div>
  624. <div class="widget">
  625. <div class="widget-title">{text:Nombre widget 3}</div>
  626. {text:Contenido widget 1}
  627. </div>
  628. </div>
  629. {block:Posts}<div id="posts">{block:Text}
  630. {block:Title}
  631. <h3>{Title}</h3>
  632. {/block:Title}
  633. {block:Submission}<div class="submitter">Autor - <a href="{SubmitterURL}">{Submitter}</a>:</div>{/block:Submission}
  634. {block:RebloggedFrom}<div class="submitter">Autor - <a href="{ReblogParentURL}">{ReblogParentName}</a>:</div>{/block:RebloggedFrom}
  635. {Body}
  636. {block:More}<a href="{Permalink}" class="leermas">{lang:Read more}</a>{/block:More}
  637. {/block:Text}{block:Photo}
  638. {LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  639.  
  640. {block:Caption}
  641. <div class="caption">{Caption}</div>
  642. {/block:Caption}
  643. {/block:Photo}{block:Panorama}
  644. {LinkOpenTag}
  645. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  646. {LinkCloseTag}{block:Caption}
  647. <div class="caption">{Caption}</div>
  648. {/block:Caption}
  649. {/block:Panorama}{block:Photoset}
  650. {Photoset-400}{block:Caption}
  651. <div class="caption">{Caption}</div>
  652. {/block:Caption}
  653. {/block:Photoset}
  654. {block:Answer}
  655. <div class="asker"><div class="askerimg"><img src="{AskerPortraitURL-30}"></div>{Asker}</div><div class="q">
  656. {Question}</div>
  657. <div class="a">{Answer}</div>
  658. {block:More}<a href="{Permalink}" class="leermas">{lang:Read more}</a>{/block:More}
  659. {/block:Answer}{block:Quote}
  660. "{Quote}"
  661. {block:Source}
  662. <div class="submitter">{Source}</div>
  663. {/block:Source}
  664. {/block:Quote}{block:Link}
  665. <a href="{URL}" class="link" {Target}>{Name}</a>
  666.  
  667. {block:Description}
  668. <div class="description">{Description}</div>
  669. {/block:Description}
  670. {/block:Link}{block:Video}
  671. {Video-400}{block:Caption}
  672. <div class="caption">{Caption}</div>
  673. {/block:Caption}
  674. {/block:Video}{block:Audio}
  675. {AudioEmbed}{block:Caption}
  676. <div class="caption">{Caption}</div>
  677. {/block:Caption}
  678. {/block:Audio}
  679. {block:indexpage}<br><br><br><div class="envolt-lr"><div class="likreb"><center>{ReblogButton}</center></div>
  680. &nbsp;<div class="likreb">{LikeButton}</div><br>{block:date}<a href="{Permalink}"><span style="color:#000;">{timeago}</span></a>{/block:date}</div>{/block:indexpage}</div>
  681. {block:permalinkpage}{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}{/block:Posts}
  682. </div>
  683. {block:Pagination}<p id="footer">
  684. {block:PreviousPage}
  685. <a href="{PreviousPage}">&#171; </a>
  686. {/block:PreviousPage}{CurrentPage} de {TotalPages}{block:NextPage}
  687. <a href="{NextPage}"> &#187;</a>
  688. {/block:NextPage}
  689. </p>{/block:Pagination}
  690. </body>
  691. </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!