API tools faq
paste
Advertisement
Hardrockdesign

CKB 1er Theme

Hardrockdesign
Jun 14th, 2015
1,041
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}</title>
  4.  
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <meta name="color:Fondo" content="#9DC1D4"/>
  11. <meta name="color:Text" content="#aaaaaa"/>
  12. <meta name="color:Principal1" content="#335f77" />
  13. <meta name="color:Principal2" content="#eeeeee" />
  14. <meta name="color:Principal3" content="#b42411" />
  15. <meta name="color:Principal4" content="#dbdbdb" />
  16. <meta name="color:linkshover" content="#000000"/>
  17.  
  18.  
  19. <meta name="image:Cabecera" content=""/>
  20. <meta name="image:Administrador 1" content=""/>
  21. <meta name="image:Administrador 2" content=""/>
  22. <meta name="image:Administrador 3" content=""/>
  23. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700, 900, 300italic' rel='stylesheet' type='text/css'>
  24.  
  25.  
  26. <meta name="text:Admin1 Nombre" content="" />
  27. <meta name="text:Admin2 Nombre" content="" />
  28. <meta name="text:Admin3 Nombre" content="" />
  29. <meta name="text:link 4" content="link 4"/>
  30. <meta name="text:link 4 url" content="/"/>
  31. <meta name="text:link 5" content="link 5"/>
  32. <meta name="text:link 5 url" content="/"/>
  33. <meta name="text:link 6" content="link 6"/>
  34. <meta name="text:link 6 url" content="/"/>
  35. <meta name="text:link 7" content="link 7"/>
  36. <meta name="text:link 7 url" content="/"/>
  37. <meta name="text:link 8" content="link 8"/>
  38. <meta name="text:link 8 url" content="/"/>
  39. <meta name="text:link 9" content="link 9"/>
  40. <meta name="text:link 9 url" content="/"/>
  41. <meta name="text:link 10" content="link 10"/>
  42. <meta name="text:link 10 url" content="/"/>
  43. <meta name="text:link 11" content="link 11"/>
  44. <meta name="text:link 11 url" content="/"/>
  45.  
  46. <script>
  47. window.onload = function () {
  48. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  49. document.addEventListener( 'click', function ( event ) {
  50. var myLike = event.target;
  51. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  52. var frame = document.getElementById( 'my-like-frame' ),
  53. liked = ( myLike.className == 'my-liked' ),
  54. command = liked ? 'unlike' : 'like',
  55. reblog = myLike.getAttribute( 'data-reblog' ),
  56. id = myLike.getAttribute( 'data-id' ),
  57. oauth = reblog.slice( -8 );
  58. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  59. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  60. };
  61. }, false );
  62. };
  63. </script>
  64.  
  65.  
  66. <style type="text/css">
  67. #texto{
  68. padding:20px;
  69. padding-top: 2px;
  70. background: {color:Principal2};
  71. color: #171717;
  72. font-size: 13px;
  73. }
  74.  
  75. img {
  76. border:none;
  77. max-width:100%;
  78. }
  79. #posts img {
  80. height: auto;
  81. }
  82. #texto a{
  83. border-bottom:1.5px solid #ddd; color: {color:Principal1};
  84. }
  85.  
  86. blockquote {padding-left:5px;
  87. border-left:1px dotted #ddd;
  88. margin-left:20px;
  89. }
  90.  
  91. body, html {height: 100%;}
  92.  
  93. body {
  94. background:{color:Fondo};
  95. color:{color:text};
  96. font-family: 'lato', arial;
  97. background-repeat: repeat;
  98. font-size:12px;
  99. text-align:justify;
  100. margin:0;
  101. line-height:16px;
  102. }
  103.  
  104. ::-webkit-scrollbar {background-color:white; height:2px; width:5px}
  105. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Principal1}; height:50px}
  106. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Principal1}; height:3px!important}
  107.  
  108.  
  109. a {
  110. color:{color:link};
  111. text-decoration:none;
  112. font-weight:bold;
  113. }
  114.  
  115.  
  116. img a:hover {
  117. background:transparent;}
  118. photoset a:hover {
  119. background:transparent;}
  120.  
  121. h1{
  122. padding:20px;
  123. }
  124. #title{
  125. font-size:14px;
  126. color:{color:Principal2};
  127. padding: 10px;
  128. text-align:center;
  129. font-weight:bold;
  130. text-transform: uppercase;
  131. width: 340px;
  132. margin-left: 20px;
  133. margin-bottom: 10px;
  134. background: {color:Principal1};
  135. }
  136. #title a {
  137. color: {color:Principal2};
  138. }
  139.  
  140. #sidebar {
  141. text-align:right;
  142. position:relative;
  143. font-size:11px;
  144. width:180px;
  145. padding: 20px;
  146. margin: 20px;
  147. margin-top: 10px;
  148. float: left;
  149. background: {color:Principal2};
  150. outline: 2px solid {color:Principal4};
  151. outline-offset: -6px;
  152. box-shadow: 2px 2px 0 rgba(0,0,0,0.15);
  153. }
  154.  
  155. #cabecera {
  156. margin-left: auto;
  157. margin-right: auto;
  158. position: relative;
  159. top: 0px;
  160. background: {color:Principal2};
  161. padding: 15px;
  162. width: 700px;
  163. height: 300px;
  164. }
  165.  
  166. #info{
  167. line-height:110%;
  168. max-height: 150px;
  169. overflow-y: auto;
  170. font-size:11px;
  171. padding-left:5px;
  172. padding-right: 5px;
  173. width: 170px;
  174. font-weight:bold;
  175. text-align:justify;
  176. }
  177.  
  178.  
  179. #pagination{
  180. text-align:center;
  181. padding:10px;
  182. letter-spacing:1px;
  183. background-color:none;
  184. text-transform:uppercase;
  185. font-size:10px;
  186. }
  187.  
  188. #pagination a {
  189. color:{color:link};
  190. }
  191.  
  192.  
  193.  
  194. /*posts*/
  195.  
  196. #theme {
  197. width: 730px;
  198. margin-left: auto;
  199. margin-right:auto;
  200. top: 0px;
  201. background: {color:Principal4};
  202. padding-top: 20px;
  203. padding-bottom: 20px;
  204. min-height: 930px;
  205. }
  206.  
  207. #entradas {
  208. top:15px;
  209. width:400px;
  210. margin-left:280px;
  211. position: relative;
  212. }
  213.  
  214.  
  215.  
  216. #posts {
  217. width:400px;
  218. background:#eee;
  219. padding-top: 20px;
  220. text-decoration:none;
  221. {block:IndexPage}
  222. margin-bottom:40px;
  223. {/block:IndexPage}
  224. {block:PermalinkPage}
  225. margin-bottom:40px;
  226. {/block:PermalinkPage}
  227. }
  228.  
  229. .caption {
  230. margin-top:-5px;
  231. margin-bottom:10px;
  232. background:{color:Principal2};
  233. padding:25px;
  234. color:#1C1C1C;
  235. }
  236. .caption a{
  237. color:{color:Principal1};
  238. }
  239.  
  240. /*quote*/
  241.  
  242. #titlequote{text-align:justify;
  243. font-size:12px;padding:20px; font-weight:bold;
  244. text-transform:none; background:{color:Principal2};
  245. line-height:170%;
  246. }
  247. #source {
  248. padding:5px;
  249. text-align:center;font-style:italic;
  250.  
  251. }
  252.  
  253. .q {
  254. margin-bottom:10px;
  255. padding-left:20px;
  256. padding-right:20px;
  257. padding-bottom:20px;
  258. width: 320px;
  259. margin-left:20px;
  260. text-align:justify;
  261. background:{color:Principal4};
  262. font-weight: bold;
  263. color:#000;
  264. font-size:11px;
  265. line-height: 100%;
  266. }
  267.  
  268. .asker{
  269. font-weight:bold;
  270. font-variant:small-caps;
  271. font-size:14px;
  272. color:#000;
  273. padding:0px;
  274. }
  275. .q img {
  276. padding-right:5px;float:left;box-shadow:0px 0px 0px;
  277. border:0px solid;
  278.  
  279. }
  280.  
  281.  
  282. .a {
  283. padding-left:20px;
  284. padding-right: 20px;
  285. padding-bottom: 10px;
  286. margin-top:0px;
  287. text-align:justify;
  288. color:#171717;
  289. font-size:13px;
  290. }
  291.  
  292. /*chat*/
  293.  
  294. .chat{
  295. padding:20px;
  296. }
  297.  
  298. .chat ol {
  299. padding:0;
  300. list-style:none;
  301. }
  302. .line {padding:5px 0;}
  303.  
  304. .label {font-weight:bold;
  305. }
  306.  
  307.  
  308.  
  309.  
  310.  
  311. .tags {
  312. font-size:8px;
  313. }
  314.  
  315. .pagenotes {
  316. {block:IndexPage}
  317. display: none!important;
  318. {/block:IndexPage}
  319. width:400px;
  320. text-align:left;
  321.  
  322. }
  323. .pagenotes img {
  324. display:none!important;}
  325. .pagenotes li {
  326. list-style-type:none;
  327. padding:5px 0px;
  328. text-align:left;
  329. margin:0 0 0 -40px;
  330. }
  331.  
  332. #postpie a{ margin-right:25px; color:#ccc;
  333. }
  334. #postvia a{ margin-right:25px; color:#ccc;
  335. }
  336.  
  337. #postpie{
  338. text-align:left;
  339. font-size:11px;
  340. background:{color:Principal1};
  341. padding:10px; margin-top:-5px;
  342. text-transform:uppercase;
  343. font-weight:900;
  344. }
  345.  
  346. #postvia{
  347. text-align:left;
  348. font-size:11px;
  349. background:{color:Principal2};
  350. padding:10px; margin-top:-5px;
  351. text-transform:uppercase;
  352. font-weight:900;
  353. }
  354.  
  355.  
  356. #tags{
  357. font-weight:bold; margin-top:10px; font-size:11px;
  358. }
  359. #tags a{
  360. font-weight:bold; padding-left:2px;padding-right:2px; font-size:9px;
  361. }
  362.  
  363. h5{
  364. text-align:center; margin-top:17px;
  365. font-size:13px;
  366. letter-spacing:3px;
  367. text-transform:uppercase;
  368. color:transparent;
  369. }
  370.  
  371. .linkside a {
  372. color: {color:Principal2};
  373. text-transform:uppercase;
  374. padding-top:8px;
  375. padding-bottom:8px;
  376. display:inline-block;
  377. font-weight:bold;
  378. background: {color:Principal1};
  379. text-align: center;
  380. width: 88px;
  381. line-height: 100%;
  382. font-size: 8px;
  383. margin:1px;
  384. }
  385.  
  386. .linkside a:hover{
  387. color:#1c1c1c !important;
  388. }
  389.  
  390. .my-like {
  391. cursor:pointer;
  392. color: #ccc;
  393. display:inline-block;
  394. vertical-align:top;
  395. }
  396. .my-liked, .my-like:hover {
  397. color: red;
  398. cursor:pointer;
  399. display:inline-block;
  400. vertical-align:top;
  401. }
  402.  
  403. .tituloside {
  404. background: {color:Principal3};
  405. text-transform: uppercase;
  406. font-weight: bold;
  407. width: 180px;
  408. margin-top: 20px;
  409. margin-bottom: 20px;
  410. text-align: center;
  411. color: {color:Principal2};
  412. padding-top: 10px;
  413. padding-bottom: 10px;
  414. font-size: 14px;
  415. }
  416.  
  417. .admin {
  418. width: 90px;
  419. height: 90px;
  420. background:url('{image:Administrador 1}');
  421. float: left;
  422. margin-right: 10px;
  423. }
  424.  
  425. .admin2 {
  426. width: 90px;
  427. height: 90px;
  428. background:url('{image:Administrador 2}');
  429. float: left;
  430. margin-right: 10px;
  431. }
  432.  
  433. .admin3 {
  434. width: 90px;
  435. height: 90px;
  436. background:url('{image:Administrador 3}');
  437. float: left;
  438. margin-right: 10px;
  439. }
  440.  
  441. .admininfo {
  442. width: 220px;
  443. text-align: left;
  444. text-transform: uppercase;
  445. color: #1c1c1c;
  446. font-size: 10px;
  447. font-weight: bold;
  448. height: 90px;
  449. }
  450.  
  451. .estatus {width: 30px; padding: 2px; float: left; background: {color:Principal1}; line-height: 100%; text-align: center; margin-right: 2px; color: #eee;}
  452. .estatus2 {width: 26px; padding: 2px; float: left; border: solid 2px {color:Principal1}; line-height: 73%; text-align: center;}
  453.  
  454. #elite img {
  455. width: 50px;
  456. height: 50px;
  457. margin: 2px;
  458. border: 3px solid #204b8a;
  459. }
  460. .titulocaja {
  461. color: #204b8a;
  462. font-size: 12px;
  463. font-weight: bold;
  464. text-transform: uppercase;
  465. text-align: center;
  466. border-bottom: 1px solid #204b8a;
  467. padding: 5px 0px;
  468. margin: 0px;
  469. font-family: Arial;
  470. letter-spacing: 1px;
  471. margin-bottom: 6px;
  472. }
  473. {CustomCSS}
  474.  
  475.  
  476. </style>
  477.  
  478.  
  479.  
  480. </head>
  481.  
  482. <body>
  483.  
  484. <div id="cabecera"><a href="/" ><img src="{image:Cabecera}"></a></div>
  485.  
  486.  
  487. <div id="theme">
  488.  
  489. <div id="sidebar">
  490.  
  491. <div class="tituloside" style="margin-top: 0px;">¿Quiénes somos?</div>
  492.  
  493. <div id="info">
  494. {Description}
  495. </div>
  496.  
  497. <div class="tituloside">Navegación</div>
  498. <div class="linkside">
  499. <a href="/">Inicio</a><a href="/ask">Pregunta</a><a href="/submit">Colabora</a>{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}
  500. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{block:iflink9}<a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9}{block:iflink10}<a href="{text:link 10 url}">{text:link 10}</a>{/block:iflink10}{block:iflink11}<a href="{text:link 11 url}">{text:link 11}</a>{/block:iflink11}<a href="http://thecaptainknowsbest.tumblr.com/">Créditos</a>
  501.  
  502. </div>
  503.  
  504. <div class="tituloside">Administración</div>
  505.  
  506. <div class="admininfo"><div class="admin"></div><br>{text:Admin1 Nombre}</br>Administrador</br><div class="estatus">on</div><div class="estatus2">off</div></div>
  507.  
  508. <br><div class="admininfo"><div class="admin2"></div><br>{text:Admin2 Nombre}</br>Administrador</br><div class="estatus">on</div><div class="estatus2">off</div></div>
  509.  
  510. <br><div class="admininfo"><div class="admin3"></div><br>{text:Admin3 Nombre}</br>Administrador</br><div class="estatus">on</div><div class="estatus2">off</div></div>
  511. <div id="pagination">
  512. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;{/block:PreviousPage}página {CurrentPage} de {TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  513. </div>
  514. </div>
  515.  
  516.  
  517. <div id="entradas">
  518.  
  519.  
  520.  
  521.  
  522. {block:Posts}
  523. <div id="posts">
  524.  
  525. {block:RebloggedFrom}<div id="postvia">
  526.  
  527. <a href="{ReblogParentURL}" >
  528. &nbsp; &nbsp; via
  529.  
  530.  
  531. {ReblogParentName}</a>
  532.  
  533.  
  534. </div>{/block:RebloggedFrom}
  535. {block:Quote}
  536.  
  537.  
  538. <div id="titlequote">{Quote}</div>
  539. {block:Source}<div id="source"> {Source}</div>{/block:Source}
  540. {/block:Quote}
  541.  
  542.  
  543.  
  544. {block:Text}
  545.  
  546. {block:Title}
  547. <div id="title">{Title}</div>{/block:Title}<div id="texto">
  548. {block:Submission}<a href="{SubmitterURL}">{Submitter}:</a>{/block:Submission}
  549. {Body}</div>
  550. {/block:Text}
  551.  
  552. {block:Link}
  553. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}<div id="texto">{Description}</div>{/block:Description}
  554. {/block:Link}
  555.  
  556. {block:Chat}
  557. {block:Title}
  558. <h1>{Title}</h1>
  559. {/block:Title}
  560. <div class="chat">
  561. <ol>{block:Lines}
  562. <li class="line {Alt}">
  563. {block:Label}
  564. <span class="label">
  565. {Label}</span>
  566. {/block:Label}{Line}</li>
  567. {/block:Lines}
  568. </ol></div>
  569. {/block:Chat}
  570.  
  571. {block:Photo}
  572. {LinkOpenTag}
  573. <img src="{PhotoURL-400}">
  574. {LinkCloseTag}
  575. {/block:Photo}
  576.  
  577. {block:Photoset}<div class="photoset">
  578.  
  579. {Photoset-400}</div>
  580.  
  581. {/block:Photoset}
  582. {block:Caption}<div class="caption">{Caption} </div>{/block:Caption}
  583.  
  584. {block:Video}
  585. {Video-400}
  586. {/block:Video}
  587.  
  588. {block:Audio}
  589. <div class="player">{AudioPlayerGrey}</div>
  590. <div class="audioinfo">
  591. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  592. </div>
  593. {/block:Audio}
  594.  
  595. {block:Answer}
  596. <div class="q">
  597. <br><div class="asker">{Asker}:</div><br>{Question}</div>
  598. <div class="a">{Answer}</div>
  599. {/block:Answer}
  600.  
  601.  
  602. {block:permalinkpage}{block:PostNotes}
  603. <div class="pagenotes">
  604. {PostNotes}
  605. </div>{/block:PostNotes}{/block:permalinkpage}
  606.  
  607. {block:indexpage}<div id="postpie">
  608. {block:date}<a href="{Permalink}"> &nbsp; &nbsp; <span style="color:#ccc">{timeago}</span> </a>{/block:date} {block:NoteCount}<a href="{Permalink}">
  609.  
  610. {NoteCountwithlabel}</a>{/block:NoteCount}&nbsp; &nbsp; <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">Me gusta</div></div>{/block:indexpage}
  611.  
  612. </div>{/block:Posts}
  613. </div>
  614. </div>
  615. </body></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!