API tools faq
paste
tezx

Cirque theme

tezx
Jun 18th, 2012
801
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--CIRQUE THEME BY TEZX- PLEASE DON'T REMOVE CREDIT-->
  6.  
  7. <head>
  8.  
  9. <meta name="color:Background" content="#fff">
  10. <meta name="color:Hover" content="#000000"/>
  11. <meta name="color:Title" content="#662211" />
  12. <meta name="color:Post Background" content="#f6f6f6">
  13. <meta name="color:Desc Background" content="#ffffff">
  14. <meta name="color:Post Text" content="#a8a8a8">
  15. <meta name="color:Post Bold" content="#8e8e8e">
  16. <meta name="color:Post Italic" content="#8e8e8e">
  17. <meta name="color:Post Link" content="#6f6f6f">
  18. <meta name="color:Post Title" content="#cdcdcd">
  19. <meta name="color:Sidebar Text" content="#a8a8a8">
  20. <meta name="color:Sidebar Bold" content="#8e8e8e">
  21. <meta name="color:Sidebar Italic" content="#8e8e8e">
  22. <meta name="color:Sidebar Link" content="#6f6f6f">
  23. <meta name="color:Navigation background" content="#F3F3F3" />
  24. <meta name="color:Navigation" content="#000000" />
  25. <meta name="image:Background" content="">
  26. <meta name="image:Sidebar" content="http://data.whicdn.com/images/30831824/tumblr_m5r4pbIjZ81qcdoxbo1_500_large.jpg">
  27. <meta name="if:Show Captions" content="0">
  28. <meta name="if:Photo Fading" content="1">
  29. <meta name="text:Navigation Text" content="navigate"/>
  30. <meta name="text:Link 1 Title" content="" />
  31. <meta name="text:Link 1" content="" />
  32. <meta name="text:Link 2 Title" content="" />
  33. <meta name="text:Link 2" content="" />
  34. <meta name="text:Link 3 Title" content="" />
  35. <meta name="text:Link 3" content="" />
  36. <meta name="text:Link 4 Title" content="" />
  37. <meta name="text:Link 4" content="" />
  38. <meta name="text:Link 5 Title" content="" />
  39. <meta name="text:Link 5" content="" />
  40.  
  41. <head>
  42.  
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  44.  
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48.  
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}"/>
  51. {/block:Description}
  52.  
  53. <style type="text/css">
  54. {CustomCSS}
  55.  
  56. a:link, a:active, a:visited{
  57. color: {color:Sidebar Link}
  58. text-decoration:none;
  59. -webkit-transition-duration:0.8s;}
  60.  
  61. a:hover{color:Hover};
  62.  
  63. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  64. .bubble p {margin:1px 0px;}
  65. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  66.  
  67. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  68.  
  69. body {
  70. background-image: url('{image:Background}');
  71. background-attachment: fixed;
  72. background-color: {color:Background};
  73. font-family: Consolas;
  74. letter-spacing: 1px;
  75. color: {color:Hover};
  76. -webkit-transition: all .5s ease-in-out;
  77. -moz-transition: all .5s ease-in-out;
  78. -o-transition: all .5s ease-in-out;
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb:vertical {
  82. background-color: {color:Background};
  83. height: 50px;
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. height: 10px;
  88. width: 6px;
  89. background-color: {color:Background};
  90. }
  91.  
  92. #sidebar {
  93. position: fixed;
  94. left: 130px;
  95. top: 100px;
  96. }
  97.  
  98. #desc {
  99. width: 180px;
  100. height: auto;
  101. padding: 6px;
  102. padding-left: 6px;
  103. font-family: Arial;
  104. font-size: 9px;
  105. letter-spacing: 1px;
  106. color: {color:Sidebar Text};
  107. text-transform: ;
  108. text-align: center;
  109. line-height: 10px;
  110. background-color: {color:Desc Background};
  111. border: 1px solid #dedede;
  112. }
  113.  
  114. #desc b, strong {
  115. color: {color:Sidebar Bold};
  116. }
  117.  
  118. #desc i, em {
  119. color: {color:Sidebar Italic};
  120. }
  121.  
  122. #desc a {
  123. color: {color:Sidebar Link};
  124. text-decoration: none;
  125. }
  126.  
  127. #desc img {
  128. max-width: 180px;
  129. margin-bottom: 1px;
  130. border-top-right-radius: 0px;
  131. border-bottom-left-radius: 0px;
  132. }
  133.  
  134. #desc a:hover {
  135. color: {color:Hover};
  136. -webkit-transition: all .5s ease-in-out;
  137. -moz-transition: all .5s ease-in-out;
  138. -o-transition: all .5s ease-in-out;
  139. }
  140.  
  141. .navi{
  142. width:175px;
  143. background-color:{color:Navigation background};
  144. color:{color:Navigation};
  145. font-family:Consolas;
  146. border:0px;
  147. font-size: 10px;
  148. Letter-spacing: 1px;
  149. text-transform: uppercase;
  150. text-align: center;
  151. }
  152.  
  153. .menu{
  154. margin-top:1px;
  155. }
  156.  
  157. #title{
  158. position:fixed;
  159. margin-top:-11px;
  160. }
  161.  
  162. #title h1{
  163. font-family: Consolas;
  164. font-size:14px;
  165. width:177px;
  166. text-transform:uppercase;
  167. margin-left:0px;
  168. margin-bottom:0px;
  169. text-align:center;
  170. color:{color:Title};
  171. border-bottom:1px dotted {Color:title};
  172. letter-spacing:1px;
  173. padding-top:2px;
  174. padding-bottom:5px;
  175. padding-left:2px;
  176. padding-right:2px;
  177. font-weight:normal;
  178. opacity:1.0;
  179. }
  180.  
  181. .pagination {
  182. display:none;
  183. }
  184.  
  185. #posts {
  186. {block:IndexPage}width: 580px;{/block:IndexPage}
  187. {block:PermalinkPage}width: 530px;{/block:PermalinkPage}
  188. float: left;
  189. margin-left: 330px;
  190. margin-top: 10px;
  191. }
  192.  
  193. .entry {
  194. background-color: {color:Post Background};
  195. {block:IndexPage}width: 250px;{/block:IndexPage}
  196. {block:PermalinkPage}width: 530px;{/block:PermalinkPage}
  197. padding: 6px;
  198. position: relative;
  199. {block:IndexPage}float: left;{/block:IndexPage}
  200. margin: 7px;
  201. font-family: Arial;
  202. {block:IndexPage}font-size: 9px;{/block:IndexPage}
  203. {block:PermalinkPage}font-size: 9px;{/block:PermalinkPage}
  204. color: {color:Post Text};
  205. text-align: justify;
  206. {block:PermalinkPage}margin-left: margin-left: 120px;px;{/block:PermalinkPage}
  207. border: 1px solid #dedede;
  208. }
  209.  
  210. .entry .permalink{
  211. color: {color:Post Link}
  212. margin-left: 5px;
  213. border: 1px solid #dedede;
  214. margin-top: 10px;
  215. margin-left: 10px;
  216. padding: 2px;
  217. line-height: 12px;
  218. letter-spacing: 1px;
  219. width: auto;
  220. position: absolute;
  221. font-family: Consolas;
  222. font-size: 9px;
  223. text-align: center;
  224. overflow:hidden;
  225. opacity: 0.0;
  226. background: {color:Post Background}
  227. }
  228.  
  229. .entry:hover .permalink{
  230. overflow:visible;
  231. -webkit-transition: opacity 1.0s linear; opacity: 1.0;
  232. transition: all 0.4s linear;
  233. -webkit-transition: all 0.3s linear;
  234. -moz-transition: all 0.3s linear;
  235. transition: all 0.3s linear;
  236. }
  237.  
  238. .entry b, strong {
  239. color: {color:Post Bold};
  240. }
  241.  
  242. .entry i, em {
  243. color: {color:Post Italic};
  244. }
  245.  
  246. .entry a {
  247. color: {color:Post Link};
  248. text-decoration: none;
  249. }
  250.  
  251. .entry h1 {
  252. font-family: courier new;
  253. font-size: 13px;
  254. color: {color:Post Title};
  255. font-weight: none;
  256. font-style: none;
  257. letter-spacing: 1px;
  258. text-transform: none;
  259. text-align: center;
  260. margin: 0;
  261. }
  262.  
  263. .entry h1 a {
  264. color: {color:Post Title};
  265. }
  266.  
  267. .entry blockquote {
  268. border-left: 3px solid {color:Post Blockquote};
  269. padding-left: 8px;
  270. margin-left: 5px;
  271. }
  272.  
  273. .entry img {
  274. {block:IndexPage}max-width: 250px;{/block:IndexPage}
  275. {block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}
  276. margin-bottom: -2px;
  277. {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
  278. -webkit-transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. -o-transition: all 0.5s ease-in-out;
  281. -ms-transition: all 0.5s ease-in-out;
  282. transition: all 0.5s ease-in-out;
  283. }
  284.  
  285. .entry img:hover {
  286. opacity: 1;
  287. }
  288.  
  289. .photo {
  290. {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
  291. margin-bottom: -2px;
  292. -webkit-transition: all 0.5s ease-in-out;
  293. -moz-transition: all 0.5s ease-in-out;
  294. -o-transition: all 0.5s ease-in-out;
  295. -ms-transition: all 0.5s ease-in-out;
  296. transition: all 0.5s ease-in-out;
  297. }
  298.  
  299. .photo:hover {
  300. opacity: 1;
  301. }
  302.  
  303. a:hover {
  304. color:{color:Hover};
  305. text-decoration: none;
  306. }
  307.  
  308. .entry h2 {
  309. font-family: verdana;
  310. font-size: 9px;
  311. color: {color:Post Title};
  312. font-weight: normal;
  313. font-style: ;
  314. text-transform: ;
  315. letter-spacing: 2px;
  316. text-align: left;
  317. }
  318.  
  319. .quote {
  320. font-family: arial;
  321. font-size: 20px;
  322. color: {color:Post Bold};
  323. float: left;
  324. margin-top: -1px;
  325. margin-right: 5px;
  326. }
  327.  
  328. .ask {
  329. background-color: {color:Post Question};
  330. padding: 2px;
  331. border: 1px dotted {color:Post Blockquote};
  332. }
  333.  
  334. .ask i {
  335. font-style: normal;
  336. }
  337.  
  338. .textperma{
  339. display: block;
  340. font-family: Consolas;
  341. font-size: 9px;
  342. text-transform: uppercase;
  343. text-align: center;
  344. background-color: {color:Post Background};
  345. letter-spacing: 0px;
  346. border-top: 1px dotted #C4C4C4;
  347. padding: 4px;
  348. margin: 0px;
  349. }
  350.  
  351. .permalink {
  352. font-family:; {font:Body};
  353. font-size: 9px;
  354. color: {color:Sidebar Text};
  355. text-transform: ;
  356. text-align: center;
  357. width: 518px;
  358. float: left;
  359. margin-left: 30px;
  360. }
  361.  
  362. .permalink b {
  363. color: {color:Sidebar Bold};
  364. font-weight: normal;
  365. }
  366.  
  367. #date {
  368. color: {color:Sidebar Italic};
  369. }
  370.  
  371. .permalink a {
  372. color: {color:Sidebar Link};
  373. text-decoration: none;
  374. }
  375.  
  376. ol.notes {
  377. padding: 0px;
  378. margin: 15px 0px;
  379. list-style-type: none;
  380. background: transparent;
  381. border: 0px;
  382. letter-spacing: 0px;
  383. }
  384.  
  385. ol.notes li.note {
  386. padding: 1px;
  387. text-align: left;
  388. letter-spacing: 0px;
  389. }
  390.  
  391. .notes img{
  392. width: 8px;
  393. position: relative;
  394. top: 1px;
  395. opacity: .5;
  396. }
  397.  
  398. iframe#tumblr_controls {
  399. right:3px !important;
  400. position: fixed !important;
  401.  
  402. </style>
  403.  
  404. {block:IndexPage}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  405.  
  406. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  407.  
  408. <script>
  409. $(function(){
  410. var $container = $('#posts');
  411. $container.imagesLoaded(function(){
  412. $container.masonry({
  413. itemSelector: '.entry',
  414. });
  415. });
  416. $container.infinitescroll({
  417. itemSelector : ".entry",
  418. navSelector : "div.pagination",
  419. nextSelector : ".pagination a#next",
  420. loadingImg : "",
  421. loadingText : "<em></em>",
  422. bufferPx : 10000,
  423. extraScrollPx: 12000,
  424. },
  425. // trigger Masonry as a callback
  426. function( newElements ) {
  427. var $newElems = $( newElements ).css({ opacity: 0 });
  428. // ensure that images load before adding to masonry layout
  429. $newElems.imagesLoaded(function(){
  430. $newElems.animate({ opacity: 1 });
  431. $container.masonry( 'appended', $newElems, true );
  432. });
  433. }
  434. );
  435. });
  436. </script>{/block:IndexPage}
  437.  
  438. </head>
  439. <body>
  440.  
  441. <div id="sidebar">
  442. <div id="desc">
  443. <div id="title">
  444. <h1>{title}</h1></div>
  445. <br />
  446. <br />
  447. {block:IfSidebarImage}<img src="{image:Sidebar}" width="180" height=auto/><br />{/block:IfSidebarImage}
  448. <div id="main">
  449. </div>
  450. {Description}
  451. <br />
  452. <div class="menu">
  453. <form action="" method="get" name="category">
  454. <select class="navi" name="cat" onChange="javascript:window.open(document.category.cat.value,'_self')">
  455. <option value="/">{block:IfNavigationText}{text:Navigation Text}{/block:IfNavigationText}</option>
  456. {block:ifLink1}<option value="{text:Link 1}">{text:Link 1 Title}</option>{/block:ifLink1}
  457. {block:ifLink2}<option value="{text:Link 2}">{text:Link 2 Title}</option>{/block:ifLink2}
  458. {block:ifLink3}<option value="{text:Link 3}">{text:Link 3 Title}</option>{/block:ifLink3}
  459. {block:ifLink4}<option value="{text:Link 4}">{text:Link 4 Title}</option>{/block:ifLink4}
  460. {block:ifLink5}<option value="{text:Link 5}">{text:Link 5 Title}</option>{/block:ifLink5}
  461. <option value="http://tezx.tumblr.com">Theme</option>
  462. </select></form></div>
  463. </div>
  464. <div class="pagination">
  465. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  466.  
  467. </div>
  468. </div>
  469.  
  470. <div id="posts">
  471. {block:Posts}
  472.  
  473. <div class="entry">
  474.  
  475. {block:Text}
  476. {block:Title}<h1><span class="title">{Title}</span></h1>{/block:Title}
  477. <span class="entrytext">{Body}</span></a>
  478. {block:IndexPage}
  479. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">REBLOG</a></span></a></div>
  480. {/block:IndexPage}
  481. {/block:Text}
  482.  
  483. {block:Photo}
  484. {block:IndexPage}
  485. {block:IndexPage}<div class="permalink">
  486. <a href="{permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">REBLOG</a></span></div>{/block:IndexPage}
  487. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  488. {block:PermalinkPage}{block:HighRes}<a href="{PhotoURL-HighRes}">high resolution &raquo;</a>{/block:HighRes}{/block:PermalinkPage}
  489. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  490. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  491. {Caption}
  492. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. <div class="photo">{block:IndexPage}{Photoset-250}{/block:IndexPage}
  497. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  498. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  499. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  500. {Caption}
  501. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  502. {/block:Photoset}
  503.  
  504. {block:Quote}
  505. <div class="quote">&#10077;</div>
  506. <h2>{Quote}</h2>
  507. {block:Source}<div style="border-right: 5px solid #dedede; text-align: right; padding-right: 2px; font-family: arial; text-transform: ; letter-spacing: 1px;">{Source}</div>{/block:Source}
  508. {block:IndexPage}
  509. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  510. {/block:IndexPage}
  511. {/block:Quote}
  512.  
  513. {block:Link}
  514. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  515. {block:Description}{Description}{/block:Description}
  516. {block:IndexPage}
  517. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  518. {/block:IndexPage}
  519. {/block:Link}
  520.  
  521. {block:Chat}
  522. {block:Title}<h1>{Title}</h1>{/block:Title}
  523. {block:Lines}
  524. {block:Label}
  525. <b>{Label}</b>
  526. {/block:Label}
  527. {Line}<br />
  528. {/block:Lines}
  529. {block:IndexPage}
  530. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  531. {/block:IndexPage}
  532. {/block:Chat}
  533.  
  534. {block:Audio}
  535. {block:AlbumArt}<div style="margin-bottom: 3px;"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  536. <div style="background-color: #fff; height: 27px; margin-bottom: 2px;">{AudioPlayer}</div>
  537. <div style="border-left: 5px solid #dedede; padding-left: 5px; font-family: verdana; text-transform: ;">{block:TrackName}{TrackName} / {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  538. {block:IndexPage}
  539. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  540. {/block:IndexPage}
  541. {/block:Audio}
  542.  
  543. {block:Video}
  544. {block:IndexPage}{Video-250}{/block:IndexPage}
  545. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  546. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  547. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  548. {Caption}
  549. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  550. {block:IndexPage}
  551. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  552. {/block:IndexPage}
  553. {/block:Video}
  554.  
  555. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} said: {Question}&nbsp;</div>{Answer}
  556. {block:IndexPage}
  557. <div class="textperma"><a href="{Permalink}">{NoteCount}</a></span></a></div>
  558. {/block:IndexPage}
  559. {/block:Answer}
  560.  
  561. </div>
  562.  
  563. {block:PermalinkPage}
  564. <div class="permalink">
  565. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  566. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  567. {block:PostNotes}
  568. {PostNotes}
  569. {/block:PostNotes}
  570. </div>
  571. {/block:PermalinkPage}
  572.  
  573. {/block:Posts}
  574. </div>
  575.  
  576. </body>
  577. </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!