API tools faq
paste
cadu

qoci

cadu
Nov 30th, 2012
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.92 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta name="color:posts" content="#fff"/>
  5. <meta name="color:text" content="#fff"/>
  6. <meta name="color:link" content="#fff"/>
  7. <meta name="color:hover" content="#000000"/>
  8. <meta name="color:background" content="#ffffff"/>
  9. <meta name="color:border" content="#ffffff"/>
  10.  
  11. <meta name="image:image" content="0"/>
  12. <meta name="image:background" content=""/>
  13.  
  14. <meta name="if:rainbow links" content="0"/>
  15. <meta name="if:top button" content="1"/>
  16.  
  17. <meta name="text:title" content="/" />
  18. <meta name="text:Link1" content="/" />
  19. <meta name="text:Link1 Title" content="link" />
  20. <meta name="text:Link2" content="/" />
  21. <meta name="text:Link2 Title" content="link" />
  22. <meta name="text:Link3" content="/" />
  23. <meta name="text:Link3 Title" content="link" />
  24. <meta name="text:Link4" content="/" />
  25. <meta name="text:Link4 Title" content="link" />
  26. <meta name="text:Link5" content="/" />
  27. <meta name="text:Link5 Title" content="link" />
  28.  
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36.  
  37. <!-- random files -->
  38. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  39. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  40. <script src="http://static.tumblr.com/uiqhh9x/oDnm68mht/theme.js" type="text/javascript"></script>
  41. <script src="http://static.tumblr.com/uiqhh9x/gdJm68o3x/easing.js" type="text/javascript"></script>
  42. {block:ifrainbowlinks}
  43. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  44. {/block:ifrainbowlinks}
  45.  
  46. <!-- css reset -->
  47. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  48.  
  49. <style type="text/css">
  50. * {
  51. font-family: calibri;
  52. font-size:11px;
  53. }
  54.  
  55. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  56.  
  57.  
  58.  
  59. a, a:link, a:active, a:visited{
  60. color:{color:Link};
  61. text-decoration: none;
  62. font-family:calibri;
  63. font-size:11px;
  64. cursor:crosshair;
  65. }
  66.  
  67. a:hover, h1 a:hover, h3 a:hover {
  68. {block:ifnotrainbowlinks}
  69. color:{color:Hover}!important;
  70. {/block:ifnotrainbowlinks}
  71. text-decoration: none;
  72. cursor:crosshair;
  73. color:{color:hover}
  74. }
  75.  
  76. #content {
  77. width: 110%;
  78. margin-top:5px;
  79. }
  80.  
  81. #contain {margin-left: auto;
  82. width: 825px;
  83. margin: 0px auto;
  84. padding-top:30px;
  85. background:transparent
  86. }
  87.  
  88. .quotes
  89. { position: absolute;
  90. opacity: 0.2;
  91. margin-top: 5px;
  92. margin-left: 0px;
  93. font-size: 40px;}
  94.  
  95. ol.notes img {
  96. width: 16px;
  97. display: inline;
  98. position: relative;
  99. top: 3px;
  100. }
  101. .entry {
  102. {block:indexpage}
  103. width:200px;
  104. margin: 7px;
  105. opacity:0.8;
  106. -webkit-border-radius: 2px 2px 2px 2px;
  107. {/block:indexpage}
  108. {block:permalinkpage}
  109. width: 500px;
  110. margin: 20px auto;
  111. {/block:permalinkpage}
  112. display: block;
  113. position: relative;
  114. padding:3px;
  115. text-algin: center
  116.  
  117. }
  118.  
  119. .entry img {
  120. display: block;
  121. max-width: 100%;
  122. }
  123. .entry:hover {
  124. opacity:1;
  125. -webkit-transition: all 0.2s ease-in-out;
  126. -webkit-border-radius: 0px 0px 0px 0px;
  127. }
  128. blockquote, q {
  129. quotes: "" "" "'" "'";
  130. padding-left:2px;
  131. }
  132.  
  133.  
  134. p {
  135. margin: 5px 0px;
  136. }
  137.  
  138. p.tags a {
  139. opacity: 0.50;
  140. filter: alpha(opacity = 50);
  141. }
  142.  
  143. p.tags a:hover {
  144. opacity: 1.0;
  145. filter: alpha(opacity = 100);
  146. }
  147. p.tags {
  148. padding: 0px;
  149. height: 14px;
  150. margin: 0px;
  151. font-size: 8px;
  152. margin: 0px;
  153. text-transform: uppercase;
  154. {block:ifshowtags}
  155. border-top: 1px solid {color:border color};
  156. {/block:ifshowtags}
  157. }
  158.  
  159. .nav {
  160. color: {color:text};
  161. font-size: 11px;
  162. margin: 2px;
  163. line-height: 8px;
  164. text-align: center;
  165. display: inline-block;
  166. }
  167. .t a{
  168. text-align: right;
  169. opacity: .5;
  170. filter: alpha(opacity = 50);
  171. }
  172.  
  173. .entry:hover .ti a {
  174. opacity: 1;
  175. -webkit-transition: all 0.2s ease-in-out;
  176. }
  177.  
  178. .ti a{
  179. opacity:.5;
  180. font-size:8px;
  181. -webkit-transition: all 0.2s ease-in-out;
  182. }
  183. .t a{
  184. text-align: right;
  185. opacity: .5;
  186. filter: alpha(opacity = 50);
  187. }
  188. .entry .t a:hover, .entry .ti a:hover{
  189. text-align: right;
  190. opacity: 1.0;
  191. }
  192.  
  193. p.t {
  194. display: block;
  195. margin: 0px 0px 0px 0px;
  196. height: 14px;
  197. line-height: 16px;
  198. text-transform: uppercase;
  199. text-align: right;
  200. font-size: 9px;
  201. border-top: 0px solid {color:border};
  202. }
  203.  
  204. p.t a {
  205. margin: 0 0px;
  206. }
  207.  
  208. p.ti {
  209. display: block;
  210. margin: 0px 0px 0px 0px;
  211. height: 14px;
  212. line-height: 14px;
  213. text-transform: uppercase;
  214. text-align: center;
  215. font-size: 8px;
  216. border-top: 1px solid {color:text};
  217. }
  218.  
  219. p.ti a {
  220. margin: 0 0px;
  221. }
  222. .pp {
  223. text-transform: uppercase;
  224. text-align: left;
  225. }
  226.  
  227. select {
  228. font-size: 11px;
  229. width: 125px;
  230. text-transform: uppercase;
  231. letter-spacing: 1px;
  232. padding: 1px;
  233. background: transparent;
  234. color: {color:link};
  235. border: 1px solid {color:text};
  236. }
  237. .wtf {
  238. font-size:12px;
  239. font-family:Trebuchet MS;
  240. font-weight: normal;}
  241. .wtf a {
  242. font-size:12px;
  243. font-family:Trebuchet MS;}
  244.  
  245. .wtf:first-letter {
  246. text-transform:uppercase}
  247.  
  248. .ans {
  249. font-size:10px}
  250. #toTop {
  251. display:none;
  252. text-decoration:none;
  253. position:fixed;
  254. bottom:10px;
  255. right:10px;
  256. overflow:hidden;
  257. width:21px;
  258. height:21px;
  259. border:none;
  260. text-indent:100%;
  261. background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;
  262. opacity: .7;
  263. filter: alpha(opacity = 50);
  264. }
  265.  
  266. #toTop:hover {
  267. opacity: 1;
  268. filter: alpha(opacity = 100);
  269. }
  270.  
  271. #toTop:active, #toTop:focus {
  272. outline:none;
  273. }
  274. .entry .perma {
  275. position: absolute;
  276. bottom:53px;
  277. opacity: 0;
  278. filter:alpha(opacity=0);
  279. z-index: 10000;
  280. text-align: left;
  281. width: 100%;
  282. -webkit-transition: all 0.2s ease-in-out;
  283. }
  284.  
  285. .entry:hover .perma {
  286. opacity: 1;
  287. -webkit-transition: all 0.2s ease-in-out;
  288. }
  289.  
  290. .p3 a{
  291. position: absolute;
  292. width:50px;
  293. height:50px;
  294. display: inline;
  295. font-size: 9px;
  296. background: {color:background};
  297. text-transform:uppercase;
  298. color:{color:sidcolor};
  299. -webkit-transition: all 0.2s ease-in-out;
  300. opacity:0.6;
  301. text-align:center;
  302. -webkit-border-radius: 0px 50px 0px 0px;
  303. }
  304. .p3 a:hover {
  305. -webkit-transition: all 0.2s ease-in-out;
  306. background: #fff;
  307. opacity:0.8;}
  308. .text {
  309. padding: 2px;
  310. font-family:calibri;
  311. line-height: 13px;
  312. font-size:11px;
  313. text-align:left
  314. }
  315. .shit {
  316. padding-left:2px;
  317. }
  318. .quote {
  319. padding:6px;
  320. font-size:11px;
  321. line-height:15px
  322. }
  323.  
  324. ::-webkit-scrollbar{width:5px;height:5px;}
  325. ::-webkit-scrollbar-button:start:decrement
  326. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  327. ::-webkit-scrollbar-track-piece{background-color:{color:Background};}
  328. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:{color:text}; background-color:{color:text};}
  329. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:{color:text}; background-color:{color:text};}
  330.  
  331. ::selection {color:{color:background}; background-color:{color:Text};}
  332. ::-moz-selection { color:{color:background}; background-color:{color:Text};}
  333. ::-webkit-selection { color:{color:background}; background-color:{color:Text};}
  334.  
  335. .side {
  336. width:40%;
  337. font-size:9px;
  338. position:relative;
  339. border-bottom:1px solid {color:border};
  340. padding:3px;}
  341. .side img {margin-top: -35px;
  342. max-height:160px;}
  343. .title a {
  344. font-size:30px;
  345. text-align: center;
  346. color:{color:text};}
  347.  
  348. #nav a {
  349.  
  350.  
  351. font-size:11px;
  352. text-align:center;
  353. font-family: calibri;
  354. text-transform:uppercase;
  355. margin-left:5px;}
  356.  
  357. #nav a:hover {
  358. text-transform:uppercase;}
  359.  
  360. #desc {
  361. line-height:9px;
  362. font-size:10px;
  363. font-family: calibri;
  364. padding-top:6px;
  365. }
  366.  
  367. {CustomCSS}
  368. </style>
  369. </head>
  370. <body>
  371.  
  372. <div id="contain">
  373.  
  374. <center><div class="side">
  375.  
  376. <center><a href="/"><img src="{image:image}"/></a>
  377. </center>
  378.  
  379. <div id="nav">
  380. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  381. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  382. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  383. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  384. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  385.  
  386. <a href="http://c4fajeste.tumblr.com/" title="theme by c4fajeste ; base por xnuclear" > ©</a>
  387. <div id="desc">{description}</div>
  388. </div></center>
  389.  
  390. <div id="content"> {block:Posts}
  391. <div class="entry">
  392.  
  393. {block:Text}<div class="text">
  394. {block:Title} <div class="shit"><h3><a href="{Permalink}">{Title}</a></h3></div> {/block:Title}
  395. {Body}
  396. {block:indexpage}
  397. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  398. {/block:indexpage}
  399. </div>{/block:Text}
  400.  
  401. {block:Photo}{block:IndexPage}
  402. <div class="perma"> <div class="p3"><a href="{Permalink}"></a>
  403. </div></div>
  404. <a href="{reblogurl}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="300"/></a>
  405. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  406. {/block:IndexPage}
  407. {block:PermalinkPage}
  408. {LinkOpenTag}
  409. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  410. {LinkCloseTag}
  411. {/block:permalinkpage}
  412. {/block:Photo}
  413.  
  414. {block:Photoset}
  415. {block:IndexPage}
  416. <center>{Photoset-250}</center>
  417. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  418. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  419. {/block:indexpage}
  420. {/block:IndexPage}
  421. {block:permalinkpage}
  422. {Photoset-500}
  423. {/block:permalinkpage}
  424.  
  425. {/block:Photoset}
  426.  
  427. {block:Quote}<div class="text"><span class="quotes">&#10077;</span>
  428. <span class="quote">{Quote}"</span>{block:Source}- {Source}
  429. {/block:Source}
  430. {block:indexpage}
  431. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  432. {/block:indexpage}
  433.  
  434. </div>{/block:Quote}
  435.  
  436. {block:Link}<div class="text">
  437. <a href="{URL}" class="link" {Target}>{Name}</a>
  438. {block:Description}
  439. <div class="description">{Description}</div>
  440. {/block:Description}
  441. {block:indexpage}
  442. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  443. {/block:indexpage}
  444.  
  445. </div>{/block:Link}
  446.  
  447. {block:Chat}<div class="text">
  448. {block:Title}
  449. <h1><a href="{Permalink}">{Title}</a></h1>
  450. {/block:Title}
  451. <ul class="chat">
  452. {block:Lines}
  453. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  454. {Line} </li>
  455. {/block:Lines}
  456. </ul>
  457. {block:indexpage}
  458. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  459. {/block:indexpage}
  460.  
  461. </div>{/block:Chat}
  462.  
  463. {block:Video}
  464. {block:IndexPage}
  465. <center>{Video-250}<center>
  466. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  467. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  468. {/block:indexpage}
  469. {/block:IndexPage}
  470. {block:permalinkpage}
  471. {Video-500}
  472. {/block:permalinkpage}
  473. {/block:Video}
  474.  
  475. {block:Audio}<div class="text">
  476. {AudioPlayerBlack}
  477.  
  478. {block:indexpage} {block:Caption}
  479. {Caption}
  480. {/block:Caption}
  481. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  482. {/block:indexpage}
  483. </div>{/block:Audio}
  484.  
  485. {block:Answer}
  486. <div class="text">
  487. <div class="wtf">{Asker}: {Question}<br><div class="ans">{Answer}</div></div>
  488. {block:indexpage}
  489. <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{reblogurl}" target="_blank">reblog</a></p>
  490.  
  491. {/block:indexpage}
  492. </div>
  493. {/block:Answer}
  494. {block:ifshowtags}{block:indexpage}{block:HasTags}<div class="text"><p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p></div>{/block:HasTags}{/block:indexpage}{/block:ifshowtags}
  495.  
  496. {block:permalinkpage}
  497. <div class="text">
  498. {block:Caption}{Caption}{/block:Caption}
  499. {block:PostNotes}
  500. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  501. {block:RebloggedFrom}<p class="t">Reblogged from - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  502. {block:ContentSource}<p class="t">Source - <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  503. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  504. {block:PostNotes}{PostNotes}{/block:PostNotes}
  505. </div>
  506. {/block:permalinkpage}
  507.  
  508.  
  509. {block:ContentSource}
  510. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  511. {/block:ContentSource}
  512.  
  513.  
  514. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  515.  
  516. </div>
  517. {/block:Posts}
  518. <div class="clear"></div>
  519. </div>
  520. </div>
  521. {block:Pagination}
  522. <ul id="pagination">
  523. {block:PreviousPage}
  524. <li><a href="{PreviousPage}"></a></li>
  525. {/block:PreviousPage}
  526. {block:JumpPagination length="5"}
  527. {block:CurrentPage}
  528. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  529. {/block:CurrentPage}
  530. {block:JumpPage}
  531. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  532. {/block:JumpPage}
  533. {/block:JumpPagination}
  534. {block:NextPage}
  535. <li><a id="nextPage" href="{NextPage}"></a></li>
  536. {/block:NextPage}
  537. </ul>
  538. {/block:Pagination}
  539.  
  540. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  541.  
  542. {block:IndexPage}
  543. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  544. <script type="text/javascript">
  545. $(window).load(function () {
  546. $('#content').masonry(),
  547. $('.masonryWrap').infinitescroll({
  548. navSelector : '#pagination',
  549. nextSelector : '#pagination a#nextPage',
  550. itemSelector : ".entry, .clear",
  551. bufferPx : 40,
  552. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  553. loadingText : "<em></em>",
  554. },
  555. function() { $('#content').masonry({ appendedContent: $(this) }); }
  556. );
  557. });
  558. </script>
  559. {/block:IndexPage}
  560.  
  561. <script type="text/javascript">
  562. $(document).ready(function() {
  563. /*
  564. var defaults = {
  565. containerID: 'toTop', // fading element id
  566. containerHoverID: 'toTopHover', // fading element hover id
  567. scrollSpeed: 1200,
  568. easingType: 'linear'
  569. };
  570. */
  571.  
  572. $().UItoTop({ easingType: 'easeOutQuart' });
  573.  
  574. });
  575. </script>
  576. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  577. <!-- theme by xnuclear.tumblr.com -->
  578. </body>
  579. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!