Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 25th, 2012  |  syntax: None  |  size: 13.77 KB  |  hits: 14  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC>
  2.  
  3. <!-----
  4.  
  5. _cva Theme by Itziar Damborenea, 2011. ExcellencƎ.
  6. Please respect the credit of the Theme.
  7.  
  8. ------>
  9.  
  10. <head>
  11.  
  12. <meta name="color:Background" content="#FFF"/>
  13. <meta name="color:Box" content="#FFF"/>
  14. <meta name="color:Title" content="#777"/>
  15. <meta name="color:Text" content="#000"/>
  16. <meta name="color:Link" content="#777"/>
  17.  
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="image:Background" content=""/>
  20.  
  21. <meta name="if:Show Photo" content="0"/>
  22. <meta name="if:Show Title" content="0"/>
  23.  
  24. <meta name="if:Show Home Link" content="1"/>
  25. <meta name="if:Ask Link" content="1"/>
  26. <meta name="if:Archive Link" content="0"/>
  27. <meta name="text:Custom Link One" content="" />
  28. <meta name="text:Custom Link One Title" content="" />
  29. <meta name="text:Custom Link Two" content="" />
  30. <meta name="text:Custom Link Two Title" content="" />
  31. <meta name="text:Custom Link Three" content="" />
  32. <meta name="text:Custom Link Three Title" content="" />
  33. <meta name="text:Custom Link Four" content="" />
  34. <meta name="text:Custom Link Four Title" content="" />
  35.  
  36. <meta name="if:Rounded Corners" content="1"/>
  37. <meta name="if:Shadows" content="1"/>
  38. <meta name="if:Transparent Sidebar" content="0"/>
  39. <meta name="if:Transparent Posts" content="0"/>
  40. <meta name="if:Tumblr Buttons Opacity" content="0"/>
  41. <meta name="if:Inverted Fade" content="0"/>
  42. <meta name="if:Soft Faded Images" content="0"/>
  43. <meta name="if:Faded Images" content="0"/>
  44. <meta name="if:Round Hover" content="0"/>
  45.  
  46. <meta name="font:Title" content="Arial"/>
  47. <meta name="font:Body" content="Arial"/>
  48.  
  49. <meta name="text:go link" content="click"/>
  50.  
  51. <title>{Title}</title>
  52.  
  53. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  54.  
  55. {block:indexpage}
  56. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  57.  
  58. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  61.  
  62. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  63.  
  64. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
  65.  
  66. <script>
  67. jQuery(window).load(function(){
  68. var $wall = $('#posts');
  69. $wall.imagesLoaded(function(){
  70. $wall.masonry({
  71. singleMode: true,
  72. columnWidth: 275,
  73. itemSelector: '#space'
  74. });
  75. });
  76. $wall.infinitescroll({
  77. navSelector : '#page-nav',
  78. nextSelector : '#page-nav a',
  79. itemSelector : '#space',
  80. },
  81.  
  82. function( newElements ){
  83. $(newElements).hide();
  84. setTimeout(function(){
  85. $wall.masonry({ appendedContent: $(newElements) });
  86. },2000);
  87. setTimeout(function(){
  88. $(newElements).fadeIn('slow');
  89. },2100);
  90. },1000);
  91. });
  92. </script>
  93.  
  94.  
  95. <script>
  96. $.fn.imagesLoaded = function(callback){
  97. var elems = this.find('img'),
  98. len = elems.length,
  99. _this = this;
  100. if ( !elems.length ) {
  101. callback.call( this );}
  102. elems.bind('load',function(){
  103. if (--len <= 0){
  104. callback.call( _this );}
  105. }).each(function(){
  106. // cached images don't fire load sometimes, so we reset src.
  107. if (this.complete || this.complete === undefined){
  108. var src = this.src;
  109. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  110. // data uri bypasses webkit log warning (thx doug jones)
  111. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  112. this.src = src;}
  113. });
  114. return this;};
  115. </script>
  116.  
  117. {/block:Indexpage}
  118.  
  119. <style type="text/css">
  120.  
  121. iframe#tumblr_controls{position:fixed !important;
  122. {block:IfTumblrButtonsOpacity}
  123.         opacity: 0.3;
  124.                 filter:alpha(opacity=30);
  125. {/block:IfTumblrButtonsOpacity}
  126. }
  127.  
  128. body{
  129. margin:0px;
  130. background-color: {color:Background};
  131. background-image:url({image:Background});
  132. background-attachment: fixed;
  133. background-repeat: repeat;
  134. font-family: {font:body};
  135. font-size: 10px;
  136. color:{color:Text};
  137. }
  138.  
  139. a:link, a:active, a:visited{
  140. color: {color:Link};
  141. text-decoration: none;
  142. -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  143.  
  144. a:hover{
  145. color:{color:link};
  146. text-decoration: none;
  147. }
  148.  
  149. {block:ifRoundHover}
  150. a:hover img {
  151. -moz-transition: all 0.3s ease-in-out;
  152. -webkit-transition: all 0.3s ease-in-out;
  153. -o-transition: all 0.3s ease-in-out;
  154. transition: all 0.3s ease-in-out;
  155. border-radius: 30px 0px 30px 0px ;}
  156. {/block:ifRoundHover}
  157.  
  158. #center{
  159. margin:auto;
  160. position:relative;
  161. width:1100px;
  162. overflow:auto;
  163. overflow-y:hidden;
  164. }
  165.  
  166. #posts{
  167. {block:IndexPage}
  168. margin-top:5px;
  169. width: 560px;
  170. margin-left:350px;
  171. {/block:IndexPage}
  172. {block:PermalinkPage}
  173. margin-left: 350px;
  174. margin-top: 5px;
  175. width: 500px;
  176. {/block:PermalinkPage}
  177. height: auto;
  178. margin-bottom: 20px;
  179. }
  180.  
  181. #sidebarr{
  182. z-index:999999999999999;
  183. position:absolute !important;
  184. position:fixed !important;
  185. bottom:100px;
  186. margin-left: 120px;
  187. width:200px;
  188. {block:IfTransparentSidebar}
  189. background-color: transparent;
  190. {/block:IfTransparentSidebar}
  191. {block:IfNotTransparentSidebar}
  192. background-color: {color:Box};
  193. {/block:IfNotTransparentSidebar}
  194. padding:10px;
  195. {block:IfRoundedCorners}
  196. -o-border-radius: 3px
  197. -webkit-border-radius: 3px;
  198. -moz-border-radius: 3px;
  199. border-radius: 3px;
  200. {/block:IfRoundedCorners}
  201. {block:IfShadows}
  202. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  203. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  204. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  205. {/block:IfShadows}
  206. }
  207.  
  208. #space{
  209. float: left;
  210. {block:IndexPage}
  211. width: 250px;
  212. {/block:IndexPage}
  213. {block:PermalinkPage}
  214. width: 500px;
  215. {/block:PermalinkPage}
  216. padding: 5px;
  217. margin: 8px;
  218. {block:IfTransparentPosts}
  219. background-color: transparent;
  220. {/block:IfTransparentPosts}
  221. {block:IfNotTransparentPosts}
  222. background-color: {color:Box};
  223. {/block:IfNotTransparentPosts}
  224. {block:IfRoundedCorners}
  225. -o-border-radius: 3px
  226. -webkit-border-radius: 3px;
  227. -moz-border-radius: 3px;
  228. border-radius: 3px;
  229. {/block:IfRoundedCorners}
  230. {block:IfShadows}
  231. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  232. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  233. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  234. {/block:IfShadows}
  235. }
  236.  
  237. #online{position: fixed ! important;
  238.  
  239.  border-width: 1px 1px 3px;
  240.  
  241.  border-style: solid;
  242.  
  243.  border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgba(0, 0, 0, 0.1);
  244.  
  245.  -moz-border-top-colors: none;
  246.  
  247.  -moz-border-right-colors: none;
  248.  
  249.  -moz-border-bottom-colors: none;
  250.  
  251.  -moz-border-left-colors: none;
  252.  
  253.  -moz-border-image: none;
  254.  
  255.  background: none repeat scroll 0% 0% rgb(253, 253, 253);
  256.  
  257.  text-align: center;
  258.  
  259.  padding: 10px;
  260.  
  261.  width: 80px;
  262.  
  263.  height: 10px;
  264.  
  265.  float: left;
  266.  
  267.  left: 20px;
  268.  
  269.  top: 10px;
  270.  
  271.  box-shadow: 0pt 1px 3px rgba(0, 0, 0, 0.1), 0pt 0pt 20px rgba(100, 100, 100, 0.1) inset;
  272.  
  273.  border-radius: 4px 4px 4px 4px;}
  274.  
  275.  
  276.  
  277.  
  278. #le-excellencethemes{
  279. position:fixed !important;
  280. width:auto;
  281. height:auto;  
  282. right:3px;
  283. top:26px;
  284. }
  285.  
  286. #space img{
  287. {block:IndexPage}
  288. max-width:250px;
  289. {/block:IndexPage}}
  290.  
  291. #pages{
  292. font-family: Tahoma;
  293. font-size: 9px;
  294. line-height: 9px;
  295. margin-top: 15px;
  296. }
  297.  
  298. #permapage{
  299. font-family: Bakersville;
  300. font-size: 10px;
  301. margin-bottom: 20px;
  302. }
  303.  
  304. .permalink{
  305. display: block;
  306. font: normal 9px Helvetica, Arial, Sans Serif;
  307. text-align: right;
  308. text-transform: none;
  309. padding: 1px;
  310. }
  311.  
  312. .permalink a{color:#999;}
  313.  
  314. .title{
  315. font-family: {font:Title};
  316. font-size: 12px;
  317. color: {color:Text};
  318. }
  319.  
  320. .blogtitle{
  321. font-family: 'Raleway', cursive;
  322. font-size: 18px;
  323. line-height: 18px;
  324. letter-spacing: 1px;
  325. margin-bottom: 8px;
  326. }
  327.  
  328. .blogtitle a{color: #555;}
  329.  
  330. .video embed, .post div.video object {width:250px !important; height:auto !important;}
  331.  
  332. blockquote{padding:0px 0px 2px 3px; margin:0px 0px 2px 1px; border-left: 1px solid {color:Text};}
  333.  
  334. {block:IfSoftFadedImages}img{-webkit-transition: opacity 0.5s linear;
  335. opacity: 0.90;}
  336. img:hover{-webkit-transition: opacity 0.5s linear;
  337. opacity: 2;}{/block:IfSoftFadedImages}
  338.  
  339. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  340. {/block:ifFadedImages}
  341.  
  342. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;}
  343. {/block:ifInvertedFade}
  344.  
  345. </style>
  346.  
  347. <link rel="shortcut icon" href="{Favicon}">
  348. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  349. <meta name="viewport" content="width=820" />
  350. </head>
  351. <body>
  352.  
  353. {block:IfNotTumblrButtonsOpacity}
  354. <div id="le-excellencethemes">
  355. <a href="http://themesbydama.tumblr.com/"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
  356. </div>
  357. {block:IfNotTumblrButtonsOpacity}
  358.  
  359. <div id="online">ONLINE: <script language="JavaScript">
  360. var ref = (''+document.referrer+'');
  361. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID1181183&e1=&e2=&r=' + ref + '"><\/script>');
  362. </script></div>
  363.  
  364. <div id="center">
  365.  
  366. <div id="sidebarr">
  367.  
  368. {block:ifShowPhoto}
  369. <div align="center" style="padding-bottom:0px;>
  370. <a href="/">
  371. <img style="" src="{image:sidebar}"width=200" /></a></div>
  372. <br>
  373. {/block:ifShowPhoto}
  374.  
  375. {block:ifShowTitle}
  376. <a href="/"><div align="center" class="blogtitle">{Title}</div></a>
  377. {/block:ifShowTitle}
  378.  
  379. {description}
  380.  
  381. <br><br>
  382.  
  383. <center>
  384. <form name="jump">
  385. <select name="menu">
  386.  
  387. {block:IfShowHomeLink}
  388. <option value="/">home</option>
  389. {/block:IfSHowHomeLink}
  390.  
  391. {block:ifAskLink}
  392. <option value="/ask">ask</option>
  393. {/block:ifAskLink}
  394.  
  395. {block:ifArchiveLink}
  396. <option value="/archive">archive</option>
  397. {/block:ifArchiveLink}
  398.  
  399. {block:ifCustomLinkOneTitle}
  400. <option value="{text:Custom Link One}">{text:Custom Link One Title}</option>
  401. {/block:ifCustomLinkOneTitle}
  402.  
  403. {block:ifCustomLinkTwoTitle}
  404. <option value="{text:Custom Link Two}">{text:Custom Link Two Title}</option>
  405. {/block:ifCustomLinkTwoTitle}
  406.  
  407. {block:ifCustomLinkThreeTitle}
  408. <option value="{text:Custom Link Three}">{text:Custom Link Three Title}</option>
  409. {/block:ifCustomLinkThreeTitle}
  410.  
  411. {block:ifCustomLinkFourTitle}
  412. <option value="{text:Custom Link Four}">{text:Custom Link Four Title}</option>
  413. {/block:ifCustomLinkFourTitle}
  414.  
  415. </select>
  416. <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="{text:go link}">
  417. </form>
  418.  
  419. </center>
  420.  
  421.  
  422. </div>
  423.  
  424. <div id="posts">
  425. {block:Posts}
  426. <div id="space">
  427.  
  428. {block:Text}
  429. {block:Title}<span class="title">{Title}</span>{/block:Title}
  430. <span class="entrytext">{Body}</span>
  431. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;">
  432. <a href="{permalink}">❖ Permalink</a></div>{/block:IndexPage}
  433. {/block:Text}
  434.  
  435. {block:Answer}
  436. <div style="background-color:#F5F5F5; padding: 4px;{block:IndexPage}width: 242px;{/block:IndexPage}{block:PermalinkPage}width:492px;{/block:PermalinkPage}"><b>{Asker}</b>: {Question}</div>
  437. <div style="padding-left: 4px;">{Answer}</div>
  438. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;">
  439. <a href="{Permalink}">❖ Permalink</a></div>{/block:IndexPage}
  440. {/block:Answer}
  441.  
  442. {block:Link}
  443. <a href="{URL}" class="title">{Name}</a>
  444. {block:Description}{Description}{/block:Description}
  445. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;"><a href="{permalink}">❖ Permalink</a></div>{/block:IndexPage}
  446. {block:Link}
  447.  
  448. {block:Photo}{block:IndexPage}
  449. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{/block:Photo}
  450.  
  451. {block:Photoset}
  452. {block:IndexPage}<center><div style="padding-top: 10px; padding-bottom: 10px;">{Photoset-250}</div></center>{/block:IndexPage}
  453. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  454. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;"><a href="{permalink}">❖ Permalink</a></div>{/block:IndexPage}
  455. {/block:Photoset}
  456.  
  457. {block:Quote}
  458. <div style="padding: 4px;">{Quote}<div style="margin-left: 30px;"><br>{block:Source}- <b>{Source}</b>{/block:Source}</div></div>
  459. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;"><a href="{permalink}">❖ Permalink</a></div>{/block:IndexPage}
  460. {/block:Quote}
  461.  
  462. {block:Chat}
  463. {block:Title}<span class="title">{Title}</span>{/block:Title}
  464. <ul class="chat">
  465. {block:Lines}
  466. <li class="user_{UserNumber}">
  467. {block:Label}
  468. <span class="label">{Label}</span>
  469. {/block:Label}
  470. {Line}
  471. </li>
  472. {/block:Lines}
  473. </ul>
  474. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;"><a href="{permalink}">❖ Permalink</a></div>{/block:IndexPage}
  475. {/block:Chat}
  476.  
  477. {block:Audio}
  478. {block:IndexPage}<div style="background-color:#000; width: 250px;"><div style="width:250px; height:27px;">{AudioPlayerBlack}</div></div>{/block:IndexPage}
  479. {block:PermalinkPage}<div style="background-color:#000; width: 500px;"><div style="width:500px; height:27px;">{AudioPlayerBlack}</div></div>{/block:PermalinkPage}
  480. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;"><br><a href="{permalink}">❖ Permalink</a></div>{/block:IndexPage}
  481. {/block:Audio}
  482.  
  483. {block:Video}
  484. {block:IndexPage}{Video-250}{/block:IndexPage}
  485. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  486. {block:IndexPage}<div style="float: right; width: auto; font-size: 9px; line-height: 9px;"><a href="{permalink}">❖ Permalink</a></div>{/block:IndexPage}
  487. {block:Video}
  488.  
  489. {block:PermalinkPage}
  490.  
  491. <div id="permapage"><div style="float: left; width: auto; font-weight: bold;">{block:Date}Posted on {DayofMonth} {Month} {/block:Date}</div>
  492.  
  493. <BR>{Caption}</div>
  494. {/block:PermalinkPage}
  495.  
  496. {block:PostNotes}{PostNotes}
  497. {/block:PostNotes}</div>
  498. {/block:Posts}
  499.  
  500. </div>
  501. </div>
  502. </center>
  503.  
  504. </body>
  505. </html>
create a new version of this paste RAW Paste Data