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

Theme 13

By: a guest on Jul 16th, 2012  |  syntax: None  |  size: 10.84 KB  |  hits: 90  |  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. <!-- theme by Selina & Kavneet
  2.  
  3. 4mazement.tumblr.com & ind3corous.tumblr.com
  4.  
  5. DO NOT REMOVE CREDIT!!!!!!
  6.  
  7. -->
  8.  
  9. <head>
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13. <meta name="color:Background" content="#FFFFFF"/>
  14. <meta name="color:Text" content="#130C11"/>
  15. <meta name="color:Hover" content="#130C11"/>
  16. <meta name="color:Link" content="#000000"/>
  17. <meta name="if:Link Shadow" content=""/>
  18. <meta name="color:Scrollbar" content="#130C11"/>
  19. <meta name="image:sidebar" content="1"/>
  20. <meta name="image:Background" content="1"/>
  21. <meta name="if:show photo" content="0"/>
  22. <meta name="if:tiny cursor" content="1"/>
  23. <meta name="if:tiny scrollbar" content="1"/>
  24. <meta name="if:show blog title" content="1"/>
  25. <meta name="text:Custom Link One" content="" />
  26. <meta name="text:Custom Link One Title" content="" />
  27. <meta name="text:Custom Link Two" content="" />
  28. <meta name="text:Custom Link Two Title" content="" />
  29. <meta name="text:Custom Link Three" content="" />
  30. <meta name="text:Custom Link Three Title" content="" />
  31. <meta name="text:Custom Link Four" content="" />
  32. <meta name="text:Custom Link Four Title" content="" />
  33.  
  34. <style type="text/css">
  35.  
  36. @import url(http://fonts.googleapis.com/css?family=Amatic+SC);
  37. @import url(http://fonts.googleapis.com/css?family=Poiret+One);
  38.  
  39.  
  40.  
  41.  
  42. {block:iftinycursor}body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}
  43.  
  44. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  45.  
  46. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  47.  
  48.  
  49. #tumblr_controls{
  50. position:fixed !important;
  51. }
  52.  
  53. .wrapper{
  54. margin: 0px auto;
  55. width: 802px;
  56. }
  57.  
  58. .header{
  59. float: left;
  60. width: 100%;
  61. }
  62.  
  63. .left{
  64. float: left;
  65. margin-right: 20px;
  66. width: 802px;
  67. }
  68.  
  69. .right{
  70. float: right;
  71. width: 200px;
  72. background-color: {color:Background};
  73. }
  74.  
  75. body {
  76. padding: 0px;
  77. margin: 0px;
  78. font-family: 'Ariel', sans-serif;
  79. font-size: 11px;
  80. background-color: {color:Background};
  81. background-image:url({image:Background});
  82. background-attachment: fixed;
  83. background-size: cover;
  84. }
  85.  
  86. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none;}
  87. a:hover {color:{color:Hover};
  88. -webkit-transition: 0.4s ease-in;
  89. -o-transition: 0.4s ease-in;
  90. -moz-transition: 0.4s ease-in;
  91. transition: 0.4s ease-in;
  92. {block:iflinkshadow}text-shadow:0px 0px 4px #000{/block:iflinkshadow};
  93. }
  94.  
  95.  
  96. .entry {
  97. margin:4px;
  98. padding: 0px;
  99. float:left;
  100. border: 1px solid #ccc;
  101. background-color: white;
  102. padding: 3px;
  103. background-image:URL;
  104. font-family: 'Happy Monkey', cursive;
  105. font-size: 11px;
  106. line-height:11px;
  107. {block:IndexPage}
  108. width:355px;
  109. {/block:IndexPage}
  110. {block:PermalinkPage}
  111. width:400px;
  112. {/block:PermalinkPage}
  113. -moz-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
  114. -webkit-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
  115. box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6)
  116. }
  117.  
  118.  
  119. img{
  120. filter: alpha (opacity=90);
  121. opacity: .8;
  122. -webkit-transition: all 0.4s ease;
  123. -moz-transition: all 0.4s ease;
  124. transition: all 0.4s ease;
  125. }
  126.  
  127. img:hover{
  128. filter: alpha (opacity=100);
  129. opacity: 1.0;
  130. -webkit-transition: all 0.4s ease;
  131. -moz-transition: all 0.4s ease;
  132. transition: all 0.4s ease;
  133. }
  134.  
  135.  
  136. div#sidebar{
  137. position:fixed !important;
  138. width: 250px;
  139. height: auto;
  140. margin: 100px 0px 0px -180px;
  141. font-family: 'Happy Monkey', cursive;
  142. font-size: 12px;
  143. line-height:11px;
  144. padding-top:5px;
  145. padding-left:5px;
  146. padding-right:5px;
  147. padding-bottom:5px;
  148. text-align:center;
  149. background-color: white;
  150. border: 1px solid #ccc;
  151. -moz-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
  152. -webkit-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
  153. box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.35);
  154. }
  155.  
  156. #posts {
  157. width: 800px;
  158. margin-left:100px;
  159. {block:PermalinkPage}
  160. margin-left:100px;
  161. {/block:PermalinkPage}
  162. top: 0px;
  163. float:left;
  164. font-family: 'verdana', sans-serif;
  165. -moz-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
  166. -webkit-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
  167. box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.35);
  168. }
  169.  
  170.  
  171. #infscr-loading{
  172. bottom: -70px;
  173. position: absolute;
  174. left: 50%;
  175. margin-left:-8px;
  176. width:16px;
  177. height:11px;
  178. overflow:hidden;
  179. margin-bottom: 50px;
  180. }
  181.  
  182. .title{
  183. font-family: 'Poiret One', cursive;
  184. font-size: 18px;
  185. line-height:15px;
  186. color: black;
  187. font-weight: normal;
  188. }
  189.  
  190. .blogtitle{
  191. font-family: 'Poiret One', cursive;
  192. font-size: 32px;
  193. line-height: 30px;
  194. color: {color:Title};
  195. letter-spacing: 0px;
  196. font-weight: normal;
  197. padding:0px 0px 0px 0px;
  198. }
  199.  
  200. blockquote{
  201. padding:0px 0px 2px 5px;
  202. margin:0px 0px 2px 10px;
  203. border-left: 1px dotted #555555;
  204. }
  205.  
  206. </style>
  207. {block:ifrainbowlinks}
  208. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  209. "></script>{/block:ifrainbowlinks}
  210.  
  211. {block:IndexPage}
  212. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  213. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  214.  
  215. <script type="text/javascript">
  216. $(window).load(function () {
  217. var $content = $('#posts');
  218. $content.masonry({itemSelector: '.entry'}),
  219. $content.infinitescroll({
  220. navSelector : 'div#pagination',
  221. nextSelector : 'div#pagination a#nextPage',
  222. itemSelector : '.entry',
  223. loading: {
  224. finishedMsg: '',
  225. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  226. },
  227. bufferPx : 600,
  228. debug : false,
  229. },
  230. // call masonry as a callback.
  231. function( newElements ) {
  232. var $newElems = $( newElements );
  233. $newElems.hide();
  234. // ensure that images load before adding to masonry layout
  235. $newElems.imagesLoaded(function(){
  236. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  237.  
  238.  
  239. });
  240. });
  241. });
  242. </script>
  243.  
  244. {/block:IndexPage}
  245.  
  246. <title>{title}</title>
  247.  
  248. <link rel="shortcut icon" href="{Favicon}">
  249. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  250. <meta name="viewport" content="width=820" />
  251.  
  252. </head>
  253. <body>
  254.  
  255. <div class="wrapper">
  256. <div class="header">
  257. </div>
  258.  
  259.  
  260. <div id="sidebar">
  261. <center>{block:ifshowblogtitle}<span class=blogtitle><a href="/">
  262. {Title}
  263. </a></span><br>{/block:ifshowblogtitle}</center>
  264. {block:ifshowphoto}<center><a title="" href="/"><img src="{image:sidebar}" width=251px></a></center>{/block:ifshowphoto}
  265. </p>
  266. <center>
  267. {description}</center></p>
  268.  
  269. <div class="hovdes"><center>{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  270.  
  271. {block:ifCustomLinkTwoTitle} - <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  272.  
  273. {block:ifCustomLinkThreeTitle} - <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  274.  
  275. {block:ifCustomLinkFourTitle} - <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle} </center></div>
  276.  
  277. </div>
  278.  
  279.  
  280.  
  281. <div class="left">
  282.  
  283. <div id="posts">
  284.  
  285. {block:Posts}
  286. <div class="entry">
  287.  
  288.  
  289. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}<br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} Notes</a> / <a href="{permalink}"><a href="{ReblogURL}" target="_blank">Reblog</a>{/block:IndexPage}{/block:text}
  290.  
  291. {block:Link}<a href="{URL}" class="title">{Name}</a><br><br>{block:Description}{Description}{/block:Description}<br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} Notes</a> / <a href="{permalink}"><a href="{ReblogURL}" target="_blank">Reblog</a> {/block:IndexPage}{/block:link}
  292.  
  293. {block:Photo}
  294. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><div class="photo"><a><a href="{permalink}"><img class="photo"
  295. src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  296. width="355"/></a></div>{LinkCloseTag}{/block:IndexPage}
  297. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img
  298. class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  299. width="400"/></a>{LinkCloseTag}
  300. {/block:PermalinkPage}
  301. {/block:Photo}
  302.  
  303. {block:Photoset}{block:IndexPage}
  304. <div class="permalink">
  305. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}<center>{Photoset-400}</center></span>{/block:Photoset}
  306.  
  307.  
  308. {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<i> - {Source}</i>{/block:Source}<br><br><br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} Notes</a> / <a href="{permalink}"><a href="{ReblogURL}" target="_blank">Reblog</a>{/block:IndexPage}{/block:Quote}
  309.  
  310. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ul><br><br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} Notes</a> / <a href="{permalink}"><a href="{ReblogURL}" target="_blank">Reblog</a>{/block:IndexPage}{/block:Chat}
  311.  
  312.  
  313.  
  314.  
  315. {block:Audio}
  316. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  317. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br><br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} Notes</a> / <a href="{permalink}"><a href="{ReblogURL}" target="_blank">Reblog</a>{/block:IndexPage}
  318. {/block:Audio}
  319.  
  320.  
  321. {block:Video}{block:IndexPage}
  322. <div class="permalink">
  323. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}
  324. <center>
  325. <div class="videoperma">{Video-400}</div><BR>
  326. {block:Caption}{Caption}</a>{/block:Caption}</center>
  327. {block:Video}
  328.  
  329. {block:PermalinkPage}
  330. <center>
  331. {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>
  332.  
  333. {/block:PermalinkPage}
  334.  
  335. {block:PostNotes}{PostNotes}
  336. {/block:PostNotes}
  337. </div>
  338.  
  339. {/block:Posts}
  340. </div>
  341. </div>
  342. {block:IndexPage}
  343. {block:Pagination}
  344. <div id="pagination">
  345. {block:NextPage}
  346. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  347. {/block:NextPage}
  348. {block:PreviousPage}
  349. <a href="{PreviousPage}">&larr;&nbsp;</a>
  350. {/block:PreviousPage}
  351. </div>
  352. {/block:Pagination}
  353. {/block:IndexPage}
  354. </div>
  355.  
  356. </body>
  357. <div style="display:block;bottom:5px;right:6px;font-size:3px;font-family:gold;position:fixed;padding:0px;opacity:0.8;"><a href="http://kavthemes.tumblr.com/"><span style="color:#000;">
  358. <img src="http://i47.tinypic.com/2ajw0gh.jpg"/></a></div>
  359. <html>
create a new version of this paste RAW Paste Data