hor4ny

Theme 11 - themesbycaralinaandnancy

Jun 13th, 2012
619
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.58 KB | None | 0 0
  1. <!---
  2. Base code from a theme by anim0city and lighturges, And sidebar code from theme10cn.tumblr.com
  3.  
  4. If you remove credit, please put it in your faq or I will cut you.
  5.  
  6. Made by cuntcealer.
  7. -->
  8.  
  9.  
  10. <head>
  11.  
  12. <div style="position:fixed;left:1px;bottom:1px;"><a href="http://themesbycaralinaandnancy.tumblr.com">credz</a></div>
  13.  
  14. {block:ifnorightclick}
  15.  
  16. <script type="text/javascript">
  17. <!--
  18.  
  19. // Disable Right Click Script
  20.  
  21. function IE(e)
  22. {
  23. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  24. {
  25. return false;
  26. }
  27. }
  28. function NS(e)
  29. {
  30. if (document.layers || (document.getElementById && !document.all))
  31. {
  32. if (e.which == "2" || e.which == "3")
  33. {
  34. return false;
  35. }
  36. }
  37. }
  38. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  39.  
  40. //-->
  41. </script>
  42.  
  43. {/block:ifnorightclick}
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:600' rel='stylesheet' type='text/css'>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Over+the+Rainbow' rel='stylesheet' type='text/css'>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  58.  
  59. <script type="text/javascript"
  60. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  61.  
  62. <meta name="color:Background" content="#ffffff"/>
  63. <meta name="color:Text" content="#202020"/>
  64. <meta name="color:Hover" content="#ffffff"/>
  65. <meta name="color:Link" content="#658deb"/>
  66. <meta name="image:sidebar" content="http://static.tumblr.com/u37ad6e/WIJm5l0ij/itzel.png"/>
  67. <meta name="image:Background" content="1"/>
  68. <meta name="if:show photo" content="0"/>
  69. <meta name="if:Show Blog Title" content=""/>
  70. <meta name="if:no right click" content="1"/>
  71. <meta name="if:tiny scrollbar" content="1"/>
  72. <meta name="if:round sidebar" content="1"/>
  73. <meta name="text:link one" content="" />
  74. <meta name="text:link one title" content="" />
  75. <meta name="text:link two" content="" />
  76. <meta name="text:link two title" content="" />
  77. <meta name="text:link three" content="" />
  78. <meta name="text:link three title" content="" />
  79. <meta name="text:link four" content="" />
  80. <meta name="text:link four title" content="" />
  81. <style type="text/css">
  82.  
  83.  
  84. /*** ask ***/
  85. .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;}
  86. .bubble p {margin:1px 0px;}
  87. .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;}
  88.  
  89. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee;}
  90.  
  91. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  92.  
  93. ::-webkit-scrollbar-thumb { background-color: {color:background}; border-radius: 5px; border:1px solid #ccc;}{/block:iftinyscrollbar}
  94.  
  95. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  96. {block:ifinfinitescrolling}<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  97. <script type=”text/javascript”>
  98. //
  99. function desabilitaMenu(e)
  100. {
  101. if (window.Event)
  102. {
  103. if (e.which == 2 || e.which == 3)
  104. return false;
  105. }
  106. else
  107. {
  108. event.cancelBubble = true
  109. event.returnValue = false;
  110. return false;
  111. }
  112. }
  113. document.oncontextmenu = desabilitaMenu;
  114. document.onmousedown = desabilitaBotaoDireito;
  115. document.onmouseup = desabilitaBotaoDireito;
  116. </script>
  117. {/block:Ifnorightclick}
  118.  
  119.  
  120.  
  121.  
  122. #tumblr_controls{
  123. position:fixed !important;
  124. }
  125.  
  126. .wrapper{
  127. margin: 0px auto;
  128. width: 802px;
  129. }
  130.  
  131. .header{
  132. float: left;
  133. width: 100%;
  134. }
  135.  
  136. .left{
  137. float: left;
  138. margin-right: 20px;
  139. width: 802px;
  140. }
  141.  
  142. .right{
  143. float: right;
  144. width: 200px;
  145. background-color: {color:Background};
  146. }
  147.  
  148.  
  149.  
  150. @font-face{
  151.  
  152.  
  153.  
  154. font-family: 'pixel';
  155.  
  156.  
  157.  
  158. font-style: normal;
  159.  
  160.  
  161.  
  162. font-weight: normal;
  163.  
  164.  
  165.  
  166. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  167.  
  168.  
  169. body {
  170. padding: 0px;
  171. margin: 0px;
  172. color:{color:text};
  173. font-family: ronda;
  174. font-size: 8px;
  175. line-height:8px;
  176. background-color: {color:Background};
  177. background-image:url({image:Background});
  178. background-attachment: fixed;
  179. background-repeat: repeat;
  180. }
  181.  
  182. a:link, a:active, a:visited{
  183. color: {color:Link};
  184. text-decoration: none;
  185. -webkit-transition: color 0.4s ease-out;
  186. -moz-transition: color 0.4s ease-out;
  187. }
  188.  
  189. a:hover{
  190. color:{color:Hover};
  191. -webkit-transition: color 0.4s ease-out;
  192. -moz-transition: color 0.4s ease-out;
  193. text-shadow:0px 0px 1px #696969;
  194. }
  195.  
  196.  
  197.  
  198. .entry {
  199. margin:2px;
  200. padding: 2px;
  201. border:1px solid #ccc;
  202. float:left;
  203. background-color: transparent;
  204. {block:IndexPage}
  205. width:250px;
  206. {/block:IndexPage}
  207. {block:PermalinkPage}
  208. width:400px;
  209. {/block:PermalinkPage}
  210. }
  211.  
  212. .entry .permalink a{
  213. color: {color:text};}
  214.  
  215. .entry .permalink{
  216. width:250px;
  217. position: absolute;
  218. line-height:16px;
  219. letter-spacing:0px;
  220. text-align: center;
  221. font-family:littlefont;
  222. overflow:hidden;
  223. opacity: 0.0;
  224. margin-top:0px;
  225. margin-left:0px;
  226. background-color:#fff;
  227. padding-top:1px;
  228. text-transform:uppercase;
  229.  
  230. }
  231.  
  232. .entry:hover .permalink{
  233. overflow:visible;
  234. margin-top:10px;
  235. -webkit-transition: opacity 0.3s linear; opacity: 0.8;
  236. -webkit-transition: all 0.3s linear;
  237. -moz-transition: all 0.3s linear;
  238. transition: all 0.3s linear;
  239. }
  240.  
  241.  
  242. div#sidebar{
  243. position:fixed !important;
  244. width:75px;
  245. height:75px;
  246. margin-top:200px;
  247. margin-left: 642px;
  248. padding: 2px;
  249. line-height:9px;
  250. margin-bottom: 6px;
  251. background-color:white;
  252. border: 1px solid #ccc;
  253. border-top-right-radius: 10px;
  254. -moz-border-radius-topright: 10px;
  255. -webkit-border-top-right-radius: 10px;
  256. border-bottom-left-radius: 10px;
  257. -moz-border-radius-bottomleft: 10px;
  258. -webkit-border-bottom-left-radius: 10px;
  259. {block:ifroundsidebar}
  260. border-radius: 99px;
  261. -moz-border-radius: 99px;
  262. -webkit-border-radius: 99px;
  263. {/block:ifroundsidebar}
  264. }
  265.  
  266. #sidebar img{
  267. width: 100%;
  268. height: 100%;
  269. border-top-right-radius: 10px;
  270. -moz-border-radius-topright: 10px;
  271. -webkit-border-top-right-radius: 10px;
  272. border-bottom-left-radius: 10px;
  273. -moz-border-radius-bottomleft: 10px;
  274. -webkit-border-bottom-left-radius: 10px;
  275. {block:ifroundsidebar}
  276. border-radius: 99px;
  277. -moz-border-radius: 99px;
  278. -webkit-border-radius: 99px;
  279. {/block:ifroundsidebar}
  280. }
  281.  
  282. div#titlebar{
  283. position: fixed !important;
  284. width: auto;
  285. color:{color:text};
  286. font-family: dawning;
  287. font-size: 30px;
  288. line-height:10px;
  289. letter-spacing:0px;
  290. background-color: transparent;
  291. text-transform: normal;
  292. width:135px;
  293. border-bottom:1px dashed #ccc;
  294. padding-bottom:6px;
  295. }
  296.  
  297. div#titlebar:first-letter{
  298. color: {color:link};
  299. }
  300.  
  301. div#desc{
  302. position:fixed !important;
  303. width:138px;
  304. height: auto;
  305. padding-bottom: 0px;
  306. padding:0px;
  307. margin-top:205px;
  308. margin-left: 505px;
  309. background-color:transparent;
  310. text-align: left;
  311.  
  312. }
  313.  
  314. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  315.  
  316. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  317.  
  318. @font-face {font-family: "dawning";src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  319.  
  320. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  321.  
  322.  
  323. #posts {
  324. width: 520px;
  325. margin-left:-17px;
  326. margin-top:2px;
  327. float:left;
  328. }
  329.  
  330. #infscr-loading{
  331. bottom: -70px;
  332. position: absolute;
  333. left: 50%;
  334. margin-left:-8px;
  335. width:16px;
  336. height:11px;
  337. overflow:hidden;
  338. margin-bottom: 50px;
  339. }
  340.  
  341. .title{
  342. font-family: didact gothic;
  343. font-size: 12px;
  344. color: {color:text};
  345. font-weight: normal;
  346. }
  347.  
  348. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  349.  
  350. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  351.  
  352. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  353. {CustomCSS}
  354.  
  355. </style>
  356.  
  357. {block:IndexPage}
  358. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  359. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  360.  
  361. <script type="text/javascript">
  362. $(window).load(function () {
  363. var $content = $('#posts');
  364. $content.masonry({itemSelector: '.entry'}),
  365. $content.infinitescroll({
  366. navSelector : 'div#pagination',
  367. nextSelector : 'div#pagination a#nextPage',
  368. itemSelector : '.entry',
  369. loading: {
  370. finishedMsg: '',
  371. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  372. },
  373. bufferPx : 600,
  374. debug : false,
  375. },
  376. // call masonry as a callback.
  377. function( newElements ) {
  378. var $newElems = $( newElements );
  379. $newElems.hide();
  380. // ensure that images load before adding to masonry layout
  381. $newElems.imagesLoaded(function(){
  382. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  383.  
  384.  
  385. });
  386. });
  387. });
  388. </script>
  389.  
  390. {/block:IndexPage}
  391.  
  392. <title>{title}</title>
  393.  
  394. <link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAhISEAAAAAAD09PQAHBwcABQUFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEDAQECAQEBAQEAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf//AAD//wAA//8AAP//AAD//wAAx8cAAJmbAAC8fQAAvn0AALk5AADDwwAA//8AAP//AAD//wAA//8AAP//AAA=" rel="icon" type="image/x-icon" />
  395. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  396. <meta name="viewport" content="width=820" />
  397.  
  398. </head>
  399. <body>
  400. <div class="wrapper">
  401. <div class="header">
  402. </div>
  403. <div id="sidebar">
  404. <a href="/"><img src="{image:sidebar}" width=18px></a></div>
  405. <div id="desc"><center><div id="titlebar">
  406. {title}<br><div style="color:#ccc;"></div>
  407. </div><br><br><br>
  408. {Description}<br><br>
  409. <a href="{text:Link One}">{text:Link One Title}</a> - <a href="{text:Link Two}">{text:Link Two Title}</a> - <a href="{text:Link Three}">{text:Link Three Title}</a> - <a href="{text:Link Four}">{text:Link Four Title}</a></center>
  410. </div>
  411.  
  412. <div class="left">
  413.  
  414. <div id="posts">
  415.  
  416. {block:Posts}
  417. <div class="entry">
  418.  
  419.  
  420. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}<div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>{/block:Answer}
  421. {block:Text}
  422. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span><div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  423. {/block:Text}
  424.  
  425. {block:Link}
  426. <a href="{URL}" class="title">{Name}</a>
  427. {block:Description}{Description}<div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>{/block:Description}
  428. {block:Link}
  429.  
  430. {block:Photo}
  431. {block:IndexPage}{LinkOpenTag}<div class="permalink">
  432. <a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://i48.tinypic.com/k9yr28.jpg"></a> <a href="{ReblogURL}" target="_blank"> relove </a> <img src="http://i48.tinypic.com/k9yr28.jpg"> {TimeAgo}</span></div><div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}{/block:IndexPage}
  433. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  434. {/block:Photo}
  435.  
  436. {block:Photoset}
  437. {block:IndexPage}
  438. <center>
  439. <div class="permalink">
  440. <a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://i48.tinypic.com/k9yr28.jpg"></a> <a href="{ReblogURL}" target="_blank"> reblog </a> <img src="http://i48.tinypic.com/k9yr28.jpg"> {TimeAgo}</span></div>
  441. {Photoset-250}</center>
  442. {/block:IndexPage}
  443. {block:PermalinkPage}
  444. <center>
  445. {Photoset-500}</center>
  446. {/block:PermalinkPage}
  447. {/block:Photoset}
  448.  
  449. {block:Quote}
  450. {Quote}</span>
  451. {block:Source}<strong>{Source}</strong><div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>{/block:Source}
  452. {/block:Quote}
  453.  
  454. {block:Chat}<div style="background-color:{color:Quote background}; padding: 4px;">{block:Title}<span class="title">{Title}</span>{/block:Title}
  455. <ul class="chat">{block:Lines} <li class="user_{UserNumber}"> {block:Label}
  456. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  457. </ul></div><div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>{block:IndexPage}{/block:IndexPage}{/block:Chat}
  458.  
  459. {block:Audio}
  460. <center><div style="width:340px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  461. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  462. {/block:Audio}
  463.  
  464. {block:Video}
  465. {block:IndexPage}
  466. <center>
  467. {Video-250}</center><div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  468. {/block:IndexPage}
  469. {block:PermalinkPage}
  470. <center>
  471. {Video-500}</center>
  472. {/block:PermalinkPage}
  473. {block:Video}
  474.  
  475. {block:PermalinkPage}
  476. <center>
  477. <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>
  478.  
  479.  
  480. {/block:PermalinkPage}
  481.  
  482.  
  483. {block:PostNotes}{PostNotes}
  484. {/block:PostNotes}
  485. </div>
  486.  
  487.  
  488. {/block:Posts}
  489. </div>
  490. </div>
  491. {block:IndexPage}
  492. {block:Pagination}
  493. <div id="pagination">
  494. {block:NextPage}
  495. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  496. {/block:NextPage}
  497. {block:PreviousPage}
  498. <a href="{PreviousPage}">&larr;&nbsp;</a>
  499. {/block:PreviousPage}
  500. </div>
  501. {/block:Pagination}
  502. {/block:IndexPage}
  503. </div>
  504.  
  505. </body>
  506.  
  507.  
  508. </html>
Add Comment
Please, Sign In to add comment