API tools faq
paste
Advertisement
wildthemes

evelyn theme

wildthemes
Oct 5th, 2012
1,560
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.87 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script><script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  6.  
  7. <meta name="color:Background" content="#fffff"/>
  8. <meta name="color:text" content="#000000"/>
  9. <meta name="color:hover" content="#ffffff"/>
  10. <meta name="color:links" content="#bbb"/>
  11. <meta name="color:blockquote" content="#f5f5f5"/>
  12.  
  13. <meta name="image:sidebar" content="0"/>
  14. <meta name="image:background" content="0"/>
  15. <meta name="if:show sidebar photo" content="0"/>
  16. <meta name="if:Kewl font" content="0"/>
  17. <meta name="image:Border" content="1"/>
  18. <meta name="if:Two Columns" content="0"/>
  19. <meta name="if:Three Columns" content="1"/>
  20. <meta name="text:Link one Title" content=""/>
  21. <meta name="text:Link one" content="" />
  22. <meta name="text:Link Three Title" content=""/>
  23. <meta name="text:Link Three" content=""/>
  24. <meta name="text:Link Four Title" content=""/>
  25. <meta name="text:Link Four" content=""/>
  26. <meta name="text:Link two Title" content=""/>
  27. <meta name="text:Link two" content=""/>
  28. <meta name="text:Link five Title" content=""/>
  29. <meta name="text:Link five" content=""/>
  30.  
  31. <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  32.  
  33. <style type="text/css">
  34. #tumblr_controls{
  35. position:fixed !important;
  36. }
  37.  
  38. body {
  39. padding: 0px;
  40. margin: 0px;
  41. color:{color:text};
  42. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}arial; font-size: 9px; text-align:justify;{/block:ifnotKewlfont};
  43. background-color: {color:Background};
  44. background-image:url({image:Background});
  45. background-attachment: fixed;
  46. background-repeat: repeat;
  47. }
  48.  
  49. a:link, a:active, a:visited{
  50. color: {color:links};
  51. text-decoration: none;
  52. -webkit-transition: color 0.4s ease-out;
  53. -moz-transition: color 0.4s ease-out;
  54. }
  55.  
  56. a:hover{
  57. color:{color:hover};
  58. -webkit-transition: color 0.4s ease-out;
  59. -moz-transition: color 0.4s ease-out;
  60. }
  61.  
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {
  64. background-color:{color:links};
  65. height:auto;
  66.  
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb:horizontal {
  70. background-color:{color:links};
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. height:2px;
  75. width:10px;
  76. background-color:{color:Background};
  77. }
  78.  
  79.  
  80.  
  81. .wrapper{
  82. margin: 0px auto;
  83. width: 802px;
  84. }
  85.  
  86. .header{
  87. float: left;
  88. width: 100%;
  89. }
  90.  
  91. .left{
  92. float: left;
  93. margin-right: 20px;
  94. width: 802px;
  95. }
  96.  
  97. .right{
  98. float: right;
  99. width: 200px;
  100. background-color: {color:Background};
  101. }
  102.  
  103. .entry {
  104. margin:7px;
  105.  
  106. text-align: left;
  107. background-color: transparent;
  108. line-height:10px;
  109. {block:IndexPage}
  110. {block:ifTwoColumns}width:280px;{/block:ifTwoColumns}
  111. {block:ifThreeColumns}width:250px;{/block:ifThreeColumns}
  112. {/block:IndexPage}
  113. {block:PermalinkPage}
  114. width:550px;
  115. margin-left: 357px;
  116. {/block:PermalinkPage}
  117.  
  118. }
  119. .entry img:hover{opacity:0.7;-webkit-transition: all 0.3s linear;
  120. -moz-transition: all 0.3s linear;
  121. transition: all 0.3s linear;}
  122.  
  123.  
  124.  
  125. .blogtitle{
  126. line-height:70px;
  127. text-align:center;
  128. font-family:quicksandlight;
  129. font-size:50px;
  130. z-index:9999999999999999999999999999999999999;
  131. }
  132.  
  133. .permalink {
  134. height: auto;
  135. overflow: hidden;
  136. width: 50px;
  137. margin-left:0px;
  138. text-align: center;
  139. font-size: 10px;
  140. font-family:courier new;
  141. background: white;
  142. line-height: 15px;
  143. opacity: 0;
  144. bottom: 0px;
  145. padding:5px;
  146. position:absolute;
  147. filter: alpha(opacity = 0);
  148. -webkit-transition: all 0.3s linear;
  149. -moz-transition: all 0.3s linear;
  150. transition: all 0.3s linear;
  151. }
  152. .entry:hover .permalink {
  153. opacity: 0.5;
  154. bottom: 15px;
  155. left:15px;
  156. font-family:courier new;
  157. filter: alpha(opacity = 80);
  158. -webkit-transition: all 0.3s linear;
  159. -moz-transition: all 0.3s linear;
  160. transition: all 0.3s linear;
  161. }
  162. .entry:hover .permalink:hover{
  163. opacity:0.8;}
  164.  
  165. .permalink2 {
  166. height: auto;
  167. overflow: hidden;
  168. width: 50px;
  169. padding:5px;
  170. right:0px;
  171. text-align: center;
  172. font-size: 10px;
  173. font-family:courier new;
  174. background: white;
  175. line-height: 15px;
  176. opacity: 0;
  177. bottom: 0px;
  178. position:absolute;
  179. -webkit-transition: all 0.3s linear;
  180. -moz-transition: all 0.3s linear;
  181. transition: all 0.3s linear;
  182. filter: alpha(opacity = 0);
  183. }
  184.  
  185. .entry:hover .permalink2 {
  186. opacity: 0.5;
  187. bottom: 15px;
  188. right:15px;
  189. font-family:courier new;
  190. filter: alpha(opacity = 80);
  191. -webkit-transition: all 0.3s linear;
  192. -moz-transition: all 0.3s linear;
  193. transition: all 0.3s linear;
  194. }
  195. .entry:hover .permalink2:hover{
  196. opacity:0.8;}
  197.  
  198.  
  199. #sidebar{
  200. z-index:999999999999999;
  201. position:absolute !important;
  202. position:fixed !important;
  203. top:0px;
  204. left: -95px;
  205. width:240px;
  206. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}arial; font-size: 9px; text-align:justify;{/block:ifnotKewlfont};
  207.  
  208. background-color:{color:Background};
  209. height:100%;
  210. padding:5px;
  211. opacity:0.9;
  212. z-index:10;
  213. {block:ifThreeColumns}margin-left:1180px;{/block:ifThreeColumns};
  214. {block:ifTwoColumns}margin-left:970px;{/block:ifTwoColumns};
  215. overflow:hidden;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. .linkss {
  222. margin-left:3px; text-align:center; display:inline-block; width:70px;letter-spacing:1px; color: {color:; background-color: {color:blockquote}; transition: all 0.5s ease; -o-transition-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;float:left;margin-top:6px;line-height:15px; padding:4px;border:solid 3px {color:blockquote};
  223. }
  224. .linkss:hover {
  225. border:solid 3px {color:links}; opacity:0.6;}
  226.  
  227.  
  228.  
  229. .wildthemes a {font-family:consolas;font-size:11px;}
  230.  
  231. .entry .wildthemes{
  232.  
  233. position:absolute;
  234. width:auto;
  235. height:10px;
  236. padding-top:0px;
  237. padding-bottom: 0px;
  238. margin-left: 10px;
  239. overflow:hidden;
  240. top: 10px;
  241. font-size: 11px;
  242. letter-spacing:1px;
  243. text-transform:uppercase;
  244. line-height:100%;
  245. text-align:center;
  246. padding:5px;
  247.  
  248. opacity:0.0;padding:3px;
  249.  
  250.  
  251. -webkit-transition: all 0.3s linear;
  252. -moz-transition: all 0.3s linear;
  253. transition: all 0.3s linear;
  254. background-color:white;
  255.  
  256. }
  257. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  258.  
  259.  
  260. .entry:hover .wildthemes{
  261. overflow:visible;
  262. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  263. transition: all 0.4s linear;
  264. margin-left: 10px;
  265. width:auto;
  266. height: 10px;
  267. padding:5px;
  268. top: 10px;
  269. opacity:0.8;
  270.  
  271. -webkit-transition: all 0.3s linear;
  272. -moz-transition: all 0.3s linear;
  273. transition: all 0.3s linear; }
  274. }
  275.  
  276.  
  277.  
  278. #posts {
  279. {block:ifThreeColumns}width:1000px;{/block:ifThreeColumns};
  280. {block:ifTwoColumns}width:800px;{/block:ifTwoColumns};
  281.  
  282. {block:permalinkpage}
  283. width:600px;
  284. {/block:permalinkpage}
  285. }
  286.  
  287.  
  288.  
  289. blockquote {
  290. padding-left:5px;padding-top:3px;
  291. padding-right:5px;padding-bottom:3px;
  292. margin-left:5px; margin-right:5px;
  293. border-left: 2px solid #cccccc;
  294. border-right: 2px solid #cccccc;
  295. background-color:#f5f5f5;
  296. }
  297.  
  298.  
  299. #border{
  300. width:265px;
  301. z-index:0;
  302. position:fixed !important;
  303. top:0px;
  304. height:100%;
  305. background-color: #cecece;
  306. opacity: .8;
  307. background-image:url({image:Border});
  308. {block:ifThreeColumns}margin-left:800px;{/block:ifThreeColumns};
  309. {block:ifTwoColumns}margin-left:590px;{/block:ifTwoColumns};
  310. }
  311. #border2{
  312. width:200px;
  313. margin-left: -205px;
  314. z-index:0;
  315. position:fixed !important;
  316. top:0px;
  317. height:100%;
  318. background-color: #cecece;
  319. opacity: .8;
  320. background-image:url({image:Border});
  321. }
  322.  
  323. div#blawgtitz{
  324. padding-bottom: 3px;
  325. text-align:center;
  326. font-family: "quicksandlight";
  327. font-size: 35px;
  328. line-height: 40px;
  329. color:#fff;
  330. z-index:999999999999999999999999999;
  331. }
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. .title{
  339. font-family:quicksandlight;
  340. font-size: 30px;
  341. line-height:51px;
  342. color: black;
  343. }
  344. @font-face { font-family:Sweetly Broken; src: url(http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf);}
  345.  
  346.  
  347. </style>
  348.  
  349. {block:IndexPage}
  350. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  351. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  352.  
  353. <script type="text/javascript">
  354. $(window).load(function () {
  355. var $content = $('#posts');
  356. $content.masonry({itemSelector: '.entry'}),
  357. $content.infinitescroll({
  358. navSelector : 'div#pagination',
  359. nextSelector : 'div#pagination a#nextPage',
  360. itemSelector : '.entry',
  361. loading: {
  362. finishedMsg: '',
  363. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  364. },
  365. bufferPx : 600,
  366. debug : false,
  367. },
  368. // call masonry as a callback.
  369. function( newElements ) {
  370. var $newElems = $( newElements );
  371. $newElems.hide();
  372. // ensure that images load before adding to masonry layout
  373. $newElems.imagesLoaded(function(){
  374. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  375.  
  376.  
  377. });
  378. });
  379. });
  380. </script>
  381.  
  382. {/block:IndexPage}
  383.  
  384. <title>{title}</title>
  385.  
  386. <link rel="shortcut icon" href="{Favicon}">
  387. <meta name="viewport" content="width=820" />
  388.  
  389. </head>
  390. <body>
  391. <div class="wrapper">
  392. <div class="header">
  393.  
  394. <div id="border"></div>
  395. <div id="border2"></div>
  396. <div id="sidebar">
  397. <center>
  398. <br><br><br><br>
  399.  
  400. <a href="/"><div id="blawgtitz"><center>{title}</center></a>
  401. </div>
  402. {block:ifshowsidebarphoto}<center><a title="" href="/"><div style="opacity:1;"><img src="{image:sidebar}" width=215px height=auto></a></div></center></br>{/block:ifshowsidebarphoto}
  403. <center>{Description}
  404. </center></br><br>
  405. <center>
  406.  
  407.  
  408. <a href="/">home</a> | {block:AskEnabled}
  409. <a href="/ask">ask</a> |
  410. {/block:AskEnabled}
  411. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> | {/block:Pages}{/block:HasPages}
  412.  
  413.  
  414. {block:IfLinkOneTitle} <a href="{text:Link One}"> {text:Link One Title}</a> | {/block:ifLinkOneTitle} {block:IfLinkTwoTitle} <a href="{text:Link Two}">{text:Link Two Title}</a> | {/block:ifLinkTwoTitle} {block:IfLinkThreeTitle} <a href="{text:Link Three}">{text:Link Three Title}</a> | {/block:ifLinkThreeTitle} {block:IfLinkFourTitle} <a href="{text:Link Four}">{text:Link Four Title}</a> | {/block:ifLinkFourTitle} {block:IfLinkFiveTitle} <a href="{text:Link Five}">{text:Link Five Title}</a> | {/block:ifLinkFiveTitle}
  415.  
  416. <a href="http://wildthemes.tumblr.com/">credit</a>
  417. </div>
  418.  
  419.  
  420.  
  421. </center></div>
  422.  
  423.  
  424. <div class="left">
  425.  
  426. <div id="posts">
  427.  
  428. {block:Posts}
  429. <div class="entry">
  430.  
  431. {block:Text}
  432. <div style="padding-top:10px; padding-bottom:0px; padding-left:10px; padding-right:10px;">
  433. {block:Title}
  434. <a href="{permalink}"><span class="title">{Title}</span></a>
  435. {/block:Title}{Body}
  436. <a href="{Permalink}"></a></div>
  437. {block:IndexPage}
  438. {/block:Date}{/block:IndexPage}
  439. {block:IndexPage}
  440. <div style="border-top:1px solid #ccc;"><br>
  441. <a href="{reblogurl}" target="_blank">reblog</a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  442. {/block:Text}
  443.  
  444. {block:Link}
  445. <a href="{URL}" class="title">{Name}</a>
  446. {block:Description}{Description}{/block:Description}
  447. {block:IndexPage}
  448. <div style="border-top:1px solid #ccc;"><br>
  449. <a href="{reblogurl}" target="_blank">reblog</a> - <a href="{permalink}">{notecountwithlabel}</a></div>
  450.  
  451. {/block:IndexPage}
  452. {block:Link}
  453.  
  454.  
  455. {block:Photo}
  456. {block:indexpage}
  457. <a href="{Permalink">
  458. <img src="{PhotoURL-HighRes}" width="100%"/></a>
  459. {/block:indexpage}
  460. {block:permalinkpage}
  461. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  462. {/block:permalinkpage}
  463. {/block:Photo}
  464.  
  465. {block:Photoset}
  466. {block:IndexPage}
  467. {/block:IndexPage}
  468. {block:IndexPage}
  469. <center>
  470. {Photoset-340}</center>
  471. {/block:IndexPage}
  472. {block:PermalinkPage}
  473. <center>
  474. {Photoset-550}</center>
  475. {/block:PermalinkPage}
  476. {/block:Photoset}
  477.  
  478. {block:Quote}
  479. {Quote}</span>
  480. {block:Source}<strong>{Source}</strong>{/block:Source}
  481. {block:IndexPage}<br>
  482. <div style="border-top:1px solid #ccc;"><br>
  483. <a href="{reblogurl}" target="_blank">reblog</a> - <a href="{permalink}">{notecountwithlabel}</a></div>
  484. {/block:IndexPage}
  485. {/block:Quote}
  486.  
  487. {block:Chat}
  488. {block:Title}<span class="title">{Title}</span>{/block:Title}
  489. <ul class="chat">
  490. {block:Lines}
  491. <li class="user_{UserNumber}">
  492. {block:Label}
  493. <span class="label">{Label}</span>
  494.  
  495. {/block:Label}
  496.  
  497. {Line}
  498. </li>
  499. {/block:Lines}
  500. </ul>
  501. <div style="border-top:1px solid #ccc;"><br>
  502. <a href="{reblogurl}" target="_blank">reblog</a> - <a href="{permalink}">{notecountwithlabel}</a></div>
  503. {/block:IndexPage}
  504. {/block:Chat}
  505.  
  506. {block:Audio}
  507. <center><div style="width:320px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:left;">
  508. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  509. {block:IndexPage}
  510. <div style="border-top:1px solid #ccc;"><br>
  511. <a href="{reblogurl}" target="_blank">reblog</a> - <a href="{permalink}">{notecountwithlabel}</a></div>
  512. {/block:IndexPage}
  513. {/block:Audio}
  514.  
  515. {block:Video}
  516. {block:IndexPage}
  517. <div style="border-top:1px solid #ccc;"><br>
  518. <a href="{reblogurl}" target="_blank">reblog</a> - <a href="{permalink}">{notecountwithlabel}</a></div>
  519. {/block:IndexPage}
  520. {block:IndexPage}
  521. <center>
  522. {Video-340}</center>
  523. {/block:IndexPage}
  524. {block:PermalinkPage}
  525. <center>
  526. {Video-550}</center>
  527. {/block:PermalinkPage}
  528. {block:Video}
  529.  
  530. {block:PermalinkPage}
  531. <center>
  532. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  533.  
  534.  
  535. {/block:PermalinkPage}
  536.  
  537.  
  538. {block:PostNotes}{PostNotes}
  539. {/block:PostNotes}
  540. </div>
  541.  
  542.  
  543. {/block:Posts}
  544. </div>
  545. </div>
  546. {block:IndexPage}
  547. {block:Pagination}
  548. <div id="pagination">
  549. {block:NextPage}
  550. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  551. {/block:NextPage}
  552. {block:PreviousPage}
  553. <a href="{PreviousPage}">&larr;&nbsp;</a>
  554. {/block:PreviousPage}
  555. </div>
  556. {/block:Pagination}
  557. {/block:IndexPage}
  558. </div>
  559.  
  560.  
  561. </body>
  562. </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!