Advertisement
jollyxo

Polaroid Theme 3column by Jolly

Apr 1st, 2013
1,538
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.69 KB | None | 0 0
  1. <!--
  2. ******************************************
  3. | | |
  4. | | |
  5. | _____ | |
  6. | | | | | | \ / PLEADINGLY.tumblr.com
  7. | | | | | | \ / UNPRESENRABLE.tumblr.com
  8. \_____/ |_____| | | \____/ JOLLYTHEMES.tumblr.com
  9. /
  10. /
  11. \____/
  12. Theme 17 ~ POLAROID 3 columned by unpresentable aka pleadingly
  13. Please do not remove the credits.
  14. Or at least put me on your faqs. Thank you.
  15. ******************************************
  16. -->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml">
  20.  
  21. <head>
  22. <script type="text/javascript">
  23. <!--
  24.  
  25. //(c) Ian Muscat 2007
  26.  
  27. function IE(e)
  28. {
  29. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  30. {
  31. return false;
  32. }
  33. }
  34. function NS(e)
  35. {
  36. if (document.layers || (document.getElementById && !document.all))
  37. {
  38. if (e.which == "2" || e.which == "3")
  39. {
  40. return false;
  41. }
  42. }
  43. }
  44. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  45.  
  46. //-->
  47. </script>
  48. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  49. <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
  50. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53. <script type="text/javascript"
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56. <script type="text/javascript"
  57. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58.  
  59. <title>{title}</title>
  60.  
  61. <meta name="description" content="{metadescription}" />
  62.  
  63. <meta name="text:ask" content="message" />
  64. <meta name="text:reblog text" content="reblog" />
  65. <meta name="color:Background" content="#f1f1f1"/>
  66. <meta name="color:Sidebar" content="#FFFFFF"/>
  67. <meta name="color:Text" content="#000000"/>
  68. <meta name="color:Hover" content="#cecece"/>
  69. <meta name="color:Link" content="#000000"/>
  70. <meta name="color:Blogtitle" content="#000000"/>
  71.  
  72. <meta name="image:Background" content="1"/>
  73. <meta name="if: Cross Cursor" content="0"/>
  74. <meta name="if:Faded Image" content="0"/>
  75. <meta name="if:title font 1" content="0"/>
  76. <meta name="if:title font 2" content="0"/>
  77. <meta name="if:title font 3" content="0"/>
  78. <meta name="if:title font 4" content="0"/>
  79. <meta name="if:title font 5" content="0"/>
  80. <meta name="if:title font 6" content="1"/>
  81. <meta name="if:title font 7" content="0"/>
  82. <meta name="if:CustomLink1" content="1">
  83. <meta name="if:CustomLink2" content="1">
  84. <meta name="if:CustomLink3" content="1">
  85. <meta name="if:CustomLink4" content="0">
  86. <meta name="if:CustomLink5" content="0">
  87.  
  88. <meta name="text:Link 1 Title" content="custom link">
  89. <meta name="text:Link 1" content="http://">
  90. <meta name="text:Link 2 Title" content="custom link">
  91. <meta name="text:Link 2" content="http://">
  92. <meta name="text:Link 3 Title" content="custom link">
  93. <meta name="text:Link 3" content="http://">
  94. <meta name="text:Link 4 Title" content="custom link">
  95. <meta name="text:Link 4" content="http://">
  96. <meta name="text:Link 5 Title" content="custom link">
  97. <meta name="text:Link 5" content="http://">
  98.  
  99. <link href="http://fonts.googleapis.com/css?family=Asap|Share" rel='stylesheet' type='text/css'>
  100. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  101. <link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
  102. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  103. <link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  104. <link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
  105. <link href='http://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  106.  
  107. <style type="text/css">
  108. @font-face {font-family:Urmom; src: url('http://static.tumblr.com/cs9z8nu/rxKmdmelb/setfiretotherain.ttf');}
  109. @font-face { font-family: Signerica; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  110. @font-face {font-family:"Dingleberry"; src:url('http://static.tumblr.com/9wzbixa/EC3m26pf3/dingleberry_solid.ttf');}
  111. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  112. @font-face {font-family:basket;src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  113.  
  114. @font-face {font-family:little days; src: url(http://static.tumblr.com/ejm8w78/WPwlvia7a/little_days.ttf);}
  115. </style>
  116. <style type="text/css">
  117.  
  118. ::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }
  119. ::-webkit-scrollbar-thumb { background-color: #000000; -webkit-border-radius: 1ex; }
  120.  
  121. square corners with border:
  122. ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}
  123. ::-webkit-scrollbar-thumb {background-color:#ffffff ; border: 1px solid black;}
  124. #aaaaaa; border-right: 1px solid #aaaaaa; }
  125.  
  126. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  127.  
  128. #tumblr_controls{
  129. position:fixed !important;
  130. -webkit-filter: invert(100%)
  131. }
  132.  
  133. .wrapper{
  134. margin: 0px auto;
  135. width: 995px;
  136. }
  137.  
  138. .header{
  139. float: left;
  140. width: 100%;
  141. }
  142.  
  143. body {
  144. padding: 0px;
  145. margin: 0px;
  146. color:{color:text};
  147. font-family: Georgia;
  148. font-size: 10px;
  149. line-height: 11px;
  150. letter-spacing: 0px;
  151. background-color: {color:Background};
  152. background-image:url({image:Background});
  153. background-attachment: fixed;
  154. background-repeat: repeat;
  155. text-align: justify;
  156. {block:ifcrosscursor}
  157. cursor:crosshair;
  158. {/block:ifcrosscursor}
  159. }
  160.  
  161. a:link, a:active, a:visited{
  162. color:#000;
  163. text-decoration: none;
  164. -webkit-transition: color 0.2s ease-out;
  165. -moz-transition: color 0.2s ease-out;
  166. transition: all 0.3s ease-out;
  167. {block:ifcrosscursor}
  168. cursor:crosshair;
  169. {/block:ifcrosscursor}
  170. }
  171.  
  172. a:hover{
  173. color:{color:hover};
  174. -webkit-transition: color 0.2s ease-out;
  175. -moz-transition: color 0.2s ease-out;
  176. {block:ifcrosscursor}
  177. cursor:crosshair;
  178. {/block:ifcrosscursor}
  179. }
  180.  
  181. #posts {
  182. float:center;
  183. width:100%;
  184. margin-top: 100px;
  185. margin-left: 45px;
  186. background: transparent;
  187. z-index: -500px;
  188. position:center;
  189. {block:ifcrosscursor}
  190. cursor:crosshair;
  191. {/block:ifcrosscursor}
  192. {block:permalinkpage}
  193. width: 500px;
  194. margin-left:120px;
  195. {/block:permalinkpage}
  196. }
  197.  
  198.  
  199. .entry {
  200. margin: 10px;
  201. padding-left:15px;
  202. padding-top:15px;
  203. padding-right:20px;
  204. padding-bottom:45px;
  205. float:left;
  206. text-align: justify;
  207. background-image: url('http://static.tumblr.com/2rgbcto/5Fhmkkzzn/jolly.jpg');
  208. {block:IndexPage}
  209. width:250px;
  210. opacity:1;
  211. {/block:IndexPage}
  212. {block:permalinkpage}
  213. width: 500px;
  214. margin-left:120px;
  215. {/block:permalinkpage}
  216. {block:ifcrosscursor}
  217. cursor: crosshair;
  218. {/block:ifcrosscursor}
  219. }
  220.  
  221. .entry:hover{
  222. opacity:0.8;
  223. -webkit-transition: all 0.2s linear;
  224. -webkit-transition: all 0.2s linear;
  225. -moz-transition: all 0.2s linear;
  226. transition: all 0.2s linear;
  227. }
  228.  
  229. {block:IfFadedImage}
  230. img{
  231. -webkit-transition: opacity 0.8s linear;
  232. opacity: 0.6;
  233. }
  234. img:hover{
  235. -webkit-transition: opacity 0.8s linear;
  236. opacity: 0.8;
  237. }{/block:IfFadedImage}
  238.  
  239. .pperma {
  240. position:absolute;
  241. text-decoration:none;
  242. bottom:-14px;
  243. margin-left:-5px;
  244. padding:0px;
  245. background:transparent;
  246. text-transform: uppercase;
  247. opacity:0;
  248. -webkit-transition: 0.4s ease-in;
  249. z-index:10;
  250. font-family:courier new;
  251. width:250px;
  252. text-align:center;
  253. text-shadow:0px 0px 0px #000000;
  254. border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
  255.  
  256. .entry:hover .pperma {
  257. -webkit-transition: 0.3s ease-in;
  258. border-top:1px solid #696969;
  259. border-bottom:1px solid #696969;
  260. position:absolute;
  261. margin-left:0px;
  262. padding:0px;
  263. background:transparent; opacity:1;}
  264.  
  265. .entry:hover .pperma:hover{opacity:1;z-index:100;}
  266.  
  267. .perm {
  268. margin-top:10px;
  269. text-align:center;
  270. padding:0px;
  271. padding-top:5px;
  272. padding-bottom:2px;
  273. opacity:0;
  274. text-transform: uppercase;
  275. -moz-transition: all 0.6s ease-out;
  276. -o-transition: all 0.6s ease-out;
  277. -webkit-transition: all 0.6s ease-out;
  278. transition: all 0.6s ease-out;
  279. }
  280.  
  281. .entry:hover .perm{
  282. opacity: 1;
  283. }
  284.  
  285. .border {
  286. padding-left:3px;
  287. padding-top:3px;
  288. padding-right:9px;
  289. padding-bottom:3px;
  290. }
  291.  
  292. #sidebar{
  293. z-index:999999999999999;
  294. position:absolute !important;
  295. position:fixed !important;
  296. background-color:{color:sidebar};
  297. font-size: 15px;
  298. font-family: Advent Pro;
  299. width:893px;
  300. height:auto;
  301. top:5px;
  302. margin-left: 51px;
  303. padding:5px;
  304. z-index:10;
  305. opacity: 0.7;
  306. overflow:hidden;
  307. text-align: center;
  308. {block:ifcrosscursor}
  309. cursor:crosshair;
  310. {/block:ifcrosscursor}
  311. }
  312.  
  313. .links a{
  314. font-family: Georgia;
  315. text-align: center;
  316. font-size: 12px;
  317. line-height: 15px;
  318. font-weight: normal;
  319. text-transform: uppercase;
  320. margin-bottom: 5px;
  321. border-left:5px solid #ddd;
  322. border-right:5px solid #ddd;
  323. -webkit-transition: all 0.4s ease-out;
  324. -moz-transition: all 0.4s ease-out;
  325. transition: all 0.4s ease-out;
  326. }
  327.  
  328. .links a:hover{
  329. border-top:5px solid #cecece;
  330. border-bottom:5px solid #cecece;
  331. border-left:5px solid transparent;
  332. border-right:5px solid transparent;
  333. -webkit-transition: all 0.4s ease-out;
  334. -moz-transition: all 0.4s ease-out;
  335. transition: all 0.4s ease-out;}
  336.  
  337.  
  338.  
  339. .blogtitle{
  340. {block:iftitlefont1}
  341. font: 35px Georgia;
  342. {/block:iftitlefont1}
  343. {block:iftitlefont2}
  344. font: 35px basket;
  345. {/block:iftitlefont2}
  346. {block:iftitlefont3}
  347. font: 35px Patrick Hand;
  348. {/block:iftitlefont3}
  349. {block:iftitlefont4}
  350. font: 35px bebas neue;
  351. {/block:iftitlefont4}
  352. {block:iftitlefont5}
  353. font: 35px Dingleberry;
  354. {/block:iftitlefont5}
  355. {block:iftitlefont6}
  356. font: 35px Signerica;
  357. {/block:iftitlefont6}
  358. {block:iftitlefont7}
  359. font: 35px 'lobster';
  360. {/block:iftitlefont7}
  361. font-style:italic;
  362. text-transform:lowercase;
  363. padding-bottom:5px;
  364. margin-top:0px;
  365. margin-bottom:0px;
  366. text-align:center;
  367. color: {color:blogtitle};
  368. width: auto;
  369. line-height: 25px;
  370. border-bottom:5px solid #555;
  371. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  372. }
  373.  
  374.  
  375. .title{
  376. font-family:Georgia;
  377. font-size: 15px;
  378. line-height: 16px;
  379. color: black;
  380. font-weight: normal;
  381. }
  382.  
  383. .top.media.photoset {
  384. line-height: 0;
  385. position: relative;
  386. display: inline-block;
  387. }
  388.  
  389. #jaaaa {
  390. position: fixed;
  391. z-index: 5000;
  392. background-color: transparent;
  393. font-family: Happy Monkey;
  394. padding: 5px;
  395. bottom:-3px;
  396. right: 15px;
  397. color:#000;
  398. border-top-right-radius:3px;
  399. border-top-left-radius:3px;
  400. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  401. -webkit-transition: all 0.3s ease;
  402. -moz-transition: all 0.3s ease;
  403. transition: all 0.3s ease;}
  404.  
  405.  
  406. #jaaaa:hover {
  407. bottom:0px;
  408. padding-bottom:10px;
  409. -webkit-transition: all 0.3s ease;
  410. -moz-transition: all 0.3s ease;
  411. transition: all 0.3s ease;}
  412.  
  413. blockquote{
  414. padding:0px 0px 2px 5px;
  415. margin:0px 0px 2px 4px;
  416. border-left: 1px dotted #ccc;
  417. }
  418.  
  419. </style>
  420. <script type="text/javascript" src="http://static.tumblr.com/2rgbcto/Tjzmkhio6/infinitescrolling.txt"></script>
  421.  
  422. {block:IndexPage}
  423. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  424. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  425.  
  426. <script type="text/javascript">
  427. $(window).load(function () {
  428. var $content = $('#posts');
  429. $content.masonry({itemSelector: '.entry'}),
  430. $content.infinitescroll({
  431. navSelector : 'div#pagination',
  432. nextSelector : 'div#pagination a#nextPage',
  433. itemSelector : '.entry',
  434. loading: {
  435. finishedMsg: '',
  436. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  437. },
  438. bufferPx : 600,
  439. debug : false,
  440. },
  441. // call masonry as a callback.
  442. function( newElements ) {
  443. var $newElems = $( newElements );
  444. $newElems.hide();
  445. // ensure that images load before adding to masonry layout
  446. $newElems.imagesLoaded(function(){
  447. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  448.  
  449.  
  450. });
  451. });
  452. });
  453. </script>
  454.  
  455. {/block:IndexPage}
  456.  
  457. <title>{title}</title>
  458. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif">
  459. <meta name="viewport" content="width=820" />
  460.  
  461. </head>
  462. <body onkeydown="return false">
  463. <div class="wrapper">
  464. <div class="header">
  465. <div id="sidebar">
  466. <br>
  467. <div class="blogtitle">{Title}</div><br>
  468. <div style="font-size:12px;font-family:georgia;">{description}</div> <br>
  469. <div class="links">
  470. <a href="/">home</a>
  471. <a href="/ask">{text:ask}</a>
  472. {block:IfCustomLink1}
  473. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  474. {/block:IfCustomLink1}
  475. {block:IfCustomLink2}
  476. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  477. {/block:IfCustomLink2}
  478. {block:IfCustomLink3}
  479. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  480. {/block:IfCustomLink3}
  481. {block:IfCustomLink4}
  482. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  483. {/block:IfCustomLink4}
  484. {block:IfCustomLink5}
  485. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  486. {/block:IfCustomLink5}
  487. <a href="http://unpresentable.tumblr.com/">CREDIT</a>
  488. </div>
  489.  
  490. </div>
  491. <br><br><br>
  492.  
  493. <div class="content">
  494.  
  495. <div class="left">
  496.  
  497. <div id="posts">
  498.  
  499. {block:Posts}
  500. <div class="entry">
  501.  
  502. {block:IndexPage}
  503.  
  504. {/block:IndexPage}
  505.  
  506.  
  507.  
  508. {block:Text}
  509. {block:IndexPage}
  510. {/block:IndexPage}<br><br><br>{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  511. {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}">{text:reblog text}</a></div>{/block:IndexPage}
  512. {/block:Text}
  513.  
  514.  
  515.  
  516. {block:Link}<br><br><br>
  517. <a href="{URL}" class="title">{Name}</a>
  518. {block:Description}{Description}{/block:Description}
  519. <br>
  520. {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}">{text:reblog text}</a></div>{/block:IndexPage}
  521. {block:Link}
  522.  
  523. {block:Photo}
  524. {block:IndexPage}
  525. <div class="photo">
  526. <div class="pperma"><a href="{reblogurl}" target="_blank">{text:reblog text}</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  527. {/block:IndexPage}
  528. {block:IndexPage}
  529. {LinkOpenTag}
  530. <a href="{permalink}"><img class="border" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"></img></a>
  531. </div>
  532. {LinkCloseTag}
  533. {/block:IndexPage}
  534. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  535. {/block:Photo}
  536.  
  537. {block:Photoset}
  538. <section class="top media photoset">
  539. {Photoset-250}
  540. </section>
  541. {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}">{text:reblog text}</a></div>{/block:IndexPage}
  542. {/block:Photoset}
  543.  
  544. {block:Quote}<br><br><br>
  545. <i>{Quote}</i></span><br>
  546. - {block:Source}<strong>{Source}</strong>{/block:Source}
  547. <br><br>
  548. {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}">{text:reblog text}</a></div>{/block:IndexPage}
  549. {/block:Quote}
  550.  
  551. {block:Chat}<br><br><br>
  552. {block:Title}<span class="title">{Title}</span>{/block:Title}
  553. <ul class="chat">
  554. {block:Lines}
  555. <li class="user_{UserNumber}">
  556. {block:Label}
  557. <span class="label">{Label}</span>
  558. {/block:Label}
  559. {Line}
  560. </li>
  561. {/block:Lines}
  562. </ul>
  563. <br>
  564. {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}">{text:reblog text}</a></div>{/block:IndexPage}
  565. {/block:Chat}
  566.  
  567. {block:Audio}<br><br><br>
  568. <center><div style="width:250px; height:28px; padding:5px;"><div style="float:left">{AudioPlayerBlack}</div>
  569. {block:ExternalAudio}{/block:ExternalAudio}</div></center>
  570. <br>
  571. {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}">{text:reblog text}</a></div>{/block:IndexPage}
  572. {/block:Audio}
  573.  
  574. {block:Video}<br><br><br>
  575. {block:IndexPage}
  576. <center>
  577. {Video-250}</center>
  578. {/block:IndexPage}
  579. {block:PermalinkPage}
  580. <center>
  581. {Video-550}</center>
  582. {/block:PermalinkPage}
  583. {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}">{text:reblog text}</a></div>{/block:IndexPage}
  584. {block:Video}
  585.  
  586. {block:PermalinkPage}
  587. <center>
  588. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  589. {/block:PermalinkPage}
  590.  
  591.  
  592. {block:PostNotes}{PostNotes}
  593. {/block:PostNotes}
  594. </div>
  595.  
  596.  
  597. {/block:Posts}
  598. </div>
  599. </div>
  600. {block:IndexPage}
  601. {block:Pagination}
  602. <div id="pagination">
  603. {block:NextPage}
  604. <a id="nextPage" href="{NextPage}"></a>
  605. {/block:NextPage}
  606. {block:PreviousPage}
  607. <a href="{PreviousPage}"></a>
  608. {/block:PreviousPage}
  609. </div>
  610. {/block:Pagination}
  611. {/block:IndexPage}
  612. </div>
  613.  
  614. </body>
  615.  
  616. <div id="jaaaa">
  617. <a href="http://unpresentable.tumblr.com">♥</a>
  618. <div></div>
  619. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement