API tools faq
paste
Advertisement
wildthemes

Hanne theme

wildthemes
Sep 10th, 2013
9,158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.39 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ╋╋╋┏┓╋╋┏┳┓┏┓╋╋╋╋╋╋╋┏━┓
  3. ┏┳┳╋╋┓┏┛┃┗┫┗┳━┳━━┳━┫━┫
  4. ┃┃┃┃┃┗┫╋┃┏┫┃┃┻┫┃┃┃┻╋━┃
  5. ┗━━┻┻━┻━┻━┻┻┻━┻┻┻┻━┻━┛　
  6. Theme: Hanne | Published:SEPT 10TH, 2013 | Website: wildthemes.tumblr.com
  7.  
  8. --->
  9.  
  10. <!--Wildthemes is licensed under a Creative Commons Attribution. Getting rid of credits without permission by the of the theme creator is ɪʟʟᴇɢᴀʟ and if caught, further actions could be taken. You may edit the theme for personal use, WITH credit. You may distribute the theme to others, with credits. You cannot claim this theme as yours. -->
  11.  
  12. <!-- For INFINITE SCROLLING, go to customize, and scroll down to the Advanced section. And change POSTS PER PAGE to 15.-->
  13.  
  14. <!-- For further theme html related help, go to http://blissful.tk/askfaq-->
  15.  
  16.  
  17.  
  18.  
  19.  
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml">
  22. <head>
  23. <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  24.  
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27.  
  28.  
  29.  
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:Content" content="#ffffff"/>
  32. <meta name="color:Navigation background" content="#aaa"/>
  33.  
  34. <meta name="color:Borders" content="#ccc"/>
  35. <meta name="color:Font" content="#130C11"/>
  36. <meta name="color:Link hover" content="#130C11"/>
  37. <meta name="color:Link" content="#000000"/>
  38. <meta name="image:Sidebar Image" content="1"/>
  39. <meta name="image:Background" content="1"/>
  40.  
  41. <meta name="if:Show sidebar photo" content="0"/>
  42. <meta name="text:Blogtitle size" content="50" />
  43.  
  44. <meta name="if:Three Columns" content="1"/>
  45. <meta name="if:Two Columns" content="0"/>
  46. <meta name="if:One Column" content="0"/>
  47. <meta name="if:Faded images" content="1"/>
  48.  
  49.  
  50. <meta name="image:Left Border Image" content= ""/>
  51.  
  52. <meta name="text:Link One Title" content=""/>
  53. <meta name="text:Link One" content="" />
  54. <meta name="text:Link Three Title" content=""/>
  55. <meta name="text:Link Three" content=""/>
  56. <meta name="text:Link Four Title" content=""/>
  57. <meta name="text:Link Four" content=""/>
  58. <meta name="text:Link Two Title" content=""/>
  59. <meta name="text:Link Two" content=""/>
  60. <meta name="text:Link Five Title" content=""/>
  61. <meta name="text:Link Five" content=""/>
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  64.  
  65.  
  66. <title>{Title} </title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  67. <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script><link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  68.  
  69.  
  70. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  71.  
  72. <style>
  73.  
  74.  
  75. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/zncos8d/0yDmd37fv/neou-thin.ttf');}
  76. div#qTip {
  77. padding: 1px;
  78. height:8px;
  79. border:1px solid #ddd;
  80. font-family:Consolas;
  81. font-size:8px;
  82. display: none;
  83. font-style:normal;
  84. text-align: left;
  85. padding:5px;
  86. position: absolute;
  87. line-height:8px;
  88. z-index: 999999999999;
  89. background: white;
  90. color: {color:Link};
  91. text-transform:uppercase;
  92. letter-spacing: 1px;
  93. }
  94.  
  95.  
  96.  
  97. </style>
  98.  
  99. <style type="text/css">
  100.  
  101. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;position:fixed;margin-top:0px;}
  102.  
  103.  
  104.  
  105. ::-webkit-scrollbar-thumb:vertical {
  106. background-color:{color:Link};
  107. height:auto;
  108. width:5px;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb:horizontal {
  112. background-color:{color:Link};
  113. height:8px;
  114. }
  115.  
  116. ::-webkit-scrollbar {
  117. height:8px;
  118. width:5px;
  119. background-color:transparent;
  120. }
  121.  
  122.  
  123.  
  124.  
  125. #tumblr_controls{
  126. position:fixed !important;
  127. -webkit-filter: invert(100%) ;
  128. }
  129.  
  130. .wrapper{
  131. margin: 0px auto;
  132. width: 802px;
  133. }
  134.  
  135. .header{
  136. float: left;
  137. width: 100%;
  138. }
  139.  
  140. .left{
  141. float: left;
  142. margin-right: 20px;
  143. width: 802px;
  144. }
  145.  
  146. .right{
  147. float: right;
  148. width: 200px;
  149. background-color: {color:Background};
  150. }
  151.  
  152. body {
  153. padding: 0px;
  154. margin: 0px;
  155. color: {color:Font};
  156. font-family:calibri;
  157. font-size:10px;
  158. background-color: {color:Background};
  159. background-image:url({image:Background});
  160. background-attachment: fixed;
  161. background-repeat: repeat;
  162. }
  163. a { text-decoration: none !important;cursor:crosshair;
  164. }
  165. a:link, a:active, a:visited{
  166. color: {color:Link} ; cursor:crosshair;
  167.  
  168. -webkit-transition: color 0.6s ease-out;
  169. -moz-transition: color 0.6s ease-out;
  170.  
  171. }
  172.  
  173. a:hover {
  174. cursor:crosshair;
  175.  
  176.  
  177. color:{color:Link hover};
  178. -webkit-transition: opacity 1s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  179. }
  180.  
  181.  
  182.  
  183.  
  184.  
  185. .entry {
  186. background-color:{color:Content};
  187. margin:7px;
  188. font-style:italic;
  189. text-transform:none;
  190. line-height:13px;
  191. {block:IndexPage}
  192. width:400px;
  193.  
  194. {block:ifThreeColumns}
  195. width:200px;
  196. {/block:ifThreeColumns}
  197. {block:ifTwoColumns}
  198. width:220px;
  199. {/block:ifTwoColumns}
  200. {block:ifOneColumn}
  201. width:400px;
  202. {/block:ifOneColumn}{/block:IndexPage}
  203. {block:PermalinkPage}
  204. width:500px;padding:23px;
  205.  
  206. {/block:PermalinkPage}
  207. overflow:hidden;
  208. padding-left:3px;
  209. padding-right:3px;
  210. padding-top:3px;
  211.  
  212.  
  213. text-decoration: none !important;
  214.  
  215. -webkit-transition: all 0.8s linear;
  216. -moz-transition: all 0.8s linear;
  217. transition: all 0.8s linear;
  218.  
  219. {block:ifFadedimages}
  220. opacity: 0.6;
  221. filter: alpha(opacity = 80);
  222. {/block:ifFadedimages}
  223. }
  224.  
  225.  
  226. .entry:hover{{block:ifFadedimages}
  227. opacity: 1;
  228. filter: alpha(opacity = 80);
  229. {/block:ifFadedimages}opacity:1;-webkit-transition: all 0.8s linear;
  230. -moz-transition: all 0.8s linear;
  231. transition: all 0.8s linear;}
  232.  
  233. .entry .perma a {color#fff;}
  234. .entry .perma{
  235. position:absolute;
  236. width:auto;;
  237. background-color:#000;
  238. color:#fff;
  239. margin-left: 3px;
  240. overflow:hidden;
  241. top: 8px;padding:6px;
  242. font-style:normal;
  243. font-family: consolas;
  244. text-transform:uppercase;
  245. line-height:9px;;
  246. font-size:8.5px;
  247. left:5px;
  248. text-align:center;
  249. opacity:0.0;
  250. text-align:left;
  251. -webkit-transition: all 0.8s linear;
  252. -moz-transition: all 0.8s linear;
  253. transition: all 0.8s linear;
  254. -webkit-filter: blur(3px);
  255.  
  256. }
  257.  
  258. .entry:hover .perma{
  259. -webkit-filter: blur(0px);
  260. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  261.  
  262. overflow:visible;
  263. -webkit-transition: opacity 1.5s linear; opacity: 1.6;
  264. transition: all 0.4s linear;
  265. opacity: 0.7;
  266. -webkit-transition: all 0.8s linear;
  267. -moz-transition: all 0.8s linear;
  268. transition: all 0.8s linear;
  269. }
  270.  
  271. .entry:hover .perma:hover{
  272. -webkit-transition: all 0.5s linear;
  273. -moz-transition: all 0.5s linear;
  274. transition: all 0.5s linear;
  275. }
  276.  
  277.  
  278.  
  279.  
  280. .entry .perma2{
  281. position:absolute;
  282. width:100%;
  283. background-color:#fff;
  284. margin-left: 0px;
  285. overflow:hidden;
  286. bottom: -3px;
  287. font-family: calibri;
  288. text-transform:uppercase;
  289. letter-spacing:2px;
  290. line-height:140%;
  291. font-size:9px;
  292. left:0px;
  293. text-align:center;
  294. opacity:0.0;
  295. -webkit-transition: all 0.8s linear;
  296. -moz-transition: all 0.8s linear;
  297. transition: all 0.8s linear;
  298. -webkit-filter: blur(3px);
  299.  
  300. }
  301.  
  302. .entry:hover .perma2{-webkit-filter: blur(0px);
  303. bottom:7px;
  304. overflow:visible;
  305. -webkit-transition: opacity 1.5s linear; opacity: 1.6;
  306. transition: all 0.4s linear;
  307. opacity: 0.9;
  308. -webkit-transition: all 0.8s linear;
  309. -moz-transition: all 0.8s linear;
  310. transition: all 0.8s linear;
  311. }
  312.  
  313. .entry:hover .perma2:hover{
  314. padding:3px;
  315. -webkit-transition: all 0.5s linear;
  316. -moz-transition: all 0.5s linear;
  317. transition: all 0.5s linear;
  318. }
  319. tion: all 0.8s linear;
  320. }
  321.  
  322.  
  323.  
  324.  
  325.  
  326.  
  327. .permalinktext {
  328. display: block;
  329. padding: 1px;
  330. margin: 0px 0px 0px 8px;
  331. font-family: calibri;
  332. letter-spacing: 0px;
  333. font-size: 9px;
  334. color: #424242;
  335. line-height: 10px;
  336. text-transform:uppercase;
  337. text-align: right;
  338. text-decoration: none;
  339. -webkit-transition: color 0.5s ease-out;
  340. -moz-transition: color 0.5s ease-out;
  341. border-top: 1px solid #ddd;
  342. }
  343.  
  344.  
  345.  
  346.  
  347. #border{
  348. background-color:{color:Background};
  349. background-attachment: fixed;
  350. background-image: repeat;
  351. background-image:url({image:Left Border Image});
  352. position: fixed;
  353. height:100%;
  354. right:240px;
  355. z-index:99999999;
  356. width: 400px;
  357.  
  358. }
  359. @font-face{font-family:'sb';src:url('http://static.tumblr.com/hcocigh/1wBm85vn6/sweetly_broken.ttf');}
  360.  
  361.  
  362.  
  363. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/zncos8d/0yDmd37fv/neou-thin.ttf');}
  364.  
  365.  
  366.  
  367.  
  368.  
  369. #border{
  370. background-color:{color:Background};
  371. background-attachment: fixed;
  372. background-image: repeat;
  373. background-image:url({image:Border});
  374. width: 254px;
  375. padding:4px;
  376. position: fixed;
  377. height:100%;
  378. top:-5px;
  379. left:93px;
  380. z-index:99999999;
  381. }
  382.  
  383.  
  384. div#sidebar{
  385. position:fixed !important;
  386. left:140px;
  387. width: 230px;
  388. top:0px;
  389.  
  390. background-color:transparent;
  391. border-right:1px solid {color:Borders};
  392. letter-spacing:0px;
  393. padding: 3px;
  394. padding-right:10px;
  395. opacity:1;
  396. border-radius:2px;
  397. -webkit-transition: all 0.5s linear;
  398. -moz-transition: all 0.5s linear;
  399. transition: all 0.5s linear;
  400. position: fixed;
  401. text-align:center;
  402. overflow: hidden;
  403. text-align:right;
  404. height:100%;
  405.  
  406.  
  407.  
  408.  
  409. }
  410.  
  411.  
  412.  
  413. #posts {
  414. width: 700px;margin-left:110px;
  415.  
  416.  
  417. margin-top: 5px;;
  418. float:left;
  419. background:transparent;
  420. text-decoration: none !important;
  421. {block:PermalinkPage}
  422. width:500px;
  423. {/block:PermalinkPage}
  424. }
  425.  
  426. .entry .permalinks{
  427. opacity:0;
  428. width:170px;
  429. height: 20px;
  430. top:-12px;
  431. position: absolute;
  432. text-transform: uppercase;
  433. font-family: calibri;
  434. font-size: 8px;
  435. color:#333333;
  436. line-height:20px;
  437. overflow:hidden;
  438. letter-spacing: 1px;
  439. text-align:center;
  440. background:#f1f1f1;
  441. border-bottom: 2px solid {color:Link};
  442. transition: all 0.7s ease-out;
  443. -o-transition-transition: all 0.7s ease-out;
  444. -webkit-transition: all 0.7s ease-out;
  445. -moz-transition: all 0.7s ease-out;
  446. }
  447.  
  448. .entry:hover .permalinks{
  449. opacity: .85;
  450. top:12px;
  451. transition: all 0.7s ease-out;
  452. -o-transition-transition: all 0.7s ease-out;
  453. -webkit-transition: all 0.7s ease-out;
  454. -moz-transition: all 0.7s ease-out;
  455. }
  456.  
  457.  
  458.  
  459.  
  460. .entry:hover .details {
  461. opacity: 1.0;
  462. margin:12px 0px 0px 0px;
  463. filter: alpha(opacity = 100);
  464. -webkit-transition: all .25s ease-in-out;
  465. -moz-transition: all .25s ease-in-out;
  466. -o-transition: all .25s ease-in-out;
  467. transition: all .25s ease-in-out;
  468. }
  469.  
  470.  
  471. .permahover {
  472. text-align: right;
  473. opacity:1;
  474. filter: alpha(opacity = 0);
  475. font-size: 9px;
  476. line-height: 9px;-webkit-transition: all .25s ease-in-out;
  477. -moz-transition: all .25s ease-in-out;
  478. -o-transition: all .25s ease-in-out;
  479. transition: all .25s ease-in-out;
  480. text-transform: uppercase;
  481. border-top:1px solid {color:Link};
  482. font-family:calibri;
  483. letter-spacing:2px;
  484. font-size:8px;
  485. margin-left:0px;
  486. }
  487.  
  488. .entry:hover .permahover{opacity:1}
  489.  
  490.  
  491.  
  492.  
  493. .text {
  494. padding: 0px;
  495. }
  496. .bubble a{color:white;}
  497.  
  498. .bubble {align:right;background: {color:Link}; margin:7px 0px 5px 62px;padding:10px;position: relative;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6x; color:#fff; }
  499.  
  500. .bubble p {margin:1px 0px;}
  501.  
  502. .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 {color:Link};}
  503.  
  504. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background:{color:Link};}
  505.  
  506.  
  507. .entry:hover .textperma {
  508. opacity: 1;
  509. filter: alpha(opacity = 100);
  510. -webkit-transition: all ease-in 250ms;
  511. -moz-transition: all ease-in 250ms;
  512. -o-transition: all ease-in 250ms;
  513. -ms-transition: all ease-in 250ms;
  514. transition: all ease-in 250ms;
  515. }
  516.  
  517.  
  518. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/zncos8d/0yDmd37fv/neou-thin.ttf');}
  519.  
  520. @font-face {
  521. font-family:undefined;
  522. src: url('http://static.tumblr.com/ejm8w78/JDllviajb/marketingscript.ttf');,
  523. }
  524.  
  525.  
  526. @font-face{
  527. font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');
  528. }
  529.  
  530.  
  531. .blogtitle a {color:{color:Link};}
  532. .blogtitle{
  533. font-family:quicksandlight;
  534. border-bottom:1px solid {color:Borders};
  535. font-size:{text:Blogtitle size}px;
  536. text-transform:uppercase;
  537. text-decoration: none !important; }
  538.  
  539. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  540.  
  541.  
  542.  
  543.  
  544. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  545.  
  546. .title{
  547. font-family: quicksandlight;
  548. font-size: 20px;
  549. line-height:100%;
  550. color: {color:Font};
  551. text-decoration: none !important;
  552. }
  553.  
  554.  
  555.  
  556. blockquote{
  557. padding:0px 0px 2px 5px;
  558. margin:0px 0px 2px 10px;
  559. border-left: 1px dotted #555555;
  560. }
  561.  
  562.  
  563. .bubble {align:right;background: #eee; margin:7px 0px 5px 62px;padding:10px;position: relative;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  564. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  565. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);}
  566.  
  567. .bubble p {margin:1px 0px;}
  568.  
  569. .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;}
  570.  
  571. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee;}
  572.  
  573.  
  574.  
  575. #rate{opacity:0px;-webkit-transition: all 0.5s linear;
  576. -moz-transition: all 0.5s linear;
  577. transition: all 0.5s linear;opacity:0;}
  578. #sidebar:hover #rate{opacity:1;}
  579.  
  580.  
  581. #border1{
  582. position:fixed !important;
  583. width: 100%;
  584. height:25px;
  585. top: 0px;
  586. font-family:cambria;
  587. font-style:italic;
  588. opacity:1;
  589. left:200px;
  590. background:#fff;
  591. background-image:url({image:Left Border Image});
  592. background-attachment:fixed;
  593.  
  594. margin-left:-200px;
  595.  
  596. }
  597.  
  598. #help {
  599. position:fixed;
  600. background:#fafafa;
  601. width:200px;
  602. height:auto;
  603. overflow-y: hidden;
  604. margin-top: 35px;
  605. opacity: .6;
  606. text-align:center;
  607. padding:10px;
  608. border: 1px solid #a7cdec;
  609.  
  610. right:10px;
  611. font-size:11px;
  612. font-family:calibri;
  613. text-transform:uppercase;
  614. letter-spacing:1px;
  615. color:#aaa;
  616.  
  617. }
  618.  
  619. #help:hover {
  620. opacity: .9;
  621. height:auto;
  622. }
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629. .linkss {
  630. letter-spacing:2px;
  631. font-size:9px;font-style:normal;
  632.  
  633. text-transform:uppercase;
  634. line-height:270%;
  635. margin:4px;
  636. font-family:calibri;
  637.  
  638. -webkit-transition: all 0.3s ease;
  639. -moz-transition: all 0.3s ease;
  640. transition: all 0.3s ease;
  641. -o-transition: all 0.3s ease;
  642. padding-left:5px;
  643. padding-top:3px;
  644. padding-bottom:3px;
  645. padding-right:3px;
  646. border-bottom:1px solid #fff;
  647.  
  648. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  649.  
  650.  
  651. }
  652. .linkss:hover {
  653. border-bottom:1px solid {color:Borders};
  654.  
  655. border-radius:3px;
  656. color:white;}
  657.  
  658.  
  659.  
  660.  
  661. .bubble a{color:white;}
  662.  
  663. .bubble {align:right;background: {color:Link}; margin:7px 0px 5px 62px;padding:10px;position: relative;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6x; color:#fff; }
  664.  
  665. .bubble p {margin:1px 0px;}
  666.  
  667. .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 {color:Link};}
  668.  
  669. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background:{color:Link};}
  670.  
  671. {CustomCSS}
  672.  
  673. </style>
  674.  
  675. {block:IndexPage}
  676. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/QDcmcmi8j/infinitescrolling.txt"></script><script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  677.  
  678. <script type="text/javascript">
  679. $(window).load(function () {
  680. var $content = $('#posts');
  681. $content.masonry({itemSelector: '.entry'}),
  682. $content.infinitescroll({
  683. navSelector : 'div#pagination',
  684. nextSelector : 'div#pagination a#nextPage',
  685. itemSelector : '.entry',
  686. loading: {
  687. finishedMsg: '',
  688. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  689. },
  690. bufferPx : 600,
  691. debug : false,
  692. },
  693. // call masonry as a callback.
  694. function( newElements ) {
  695. var $newElems = $( newElements );
  696. $newElems.hide();
  697. // ensure that images load before adding to masonry layout
  698. $newElems.imagesLoaded(function(){
  699. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  700.  
  701.  
  702. });
  703. });
  704. });
  705. </script>
  706.  
  707. {/block:IndexPage}
  708.  
  709. <title>{title}</title>
  710.  
  711. <link rel="shortcut icon" href="{Favicon}">
  712. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  713. <meta name="viewport" content="width=820" />
  714.  
  715.  
  716. </head>
  717.  
  718.  
  719. <body>
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729.  
  730. <div class="wrapper">
  731. <div class="header">
  732. <div id="sidebar"><br><br><br><br><br><br><div class="blogtitle"><a href="/">{title}</a></div>
  733. {block:ifshowsidebarphoto}<Br><a title="" href="/"><img style=""><img src="{image:Sidebar Image}" width=230px
  734. ></a>{/block:ifshowsidebarphoto}
  735. <div style="font-style:italic;">{Description}</div>
  736. <select onchange='location=this.options[this.selectedIndex].value;' style='
  737. line-height:90%;
  738. font-size:10px;
  739. color:{color:Link};
  740. width:160px;
  741. background-color:#fff;
  742. border:1px solid #eee;
  743. height:18px;
  744. font-style:italic;
  745. font-family:calibri;
  746. margin-top:3px;
  747. padding:1px;
  748. -moz-border-radius:3px;
  749. -webkit-border-radius:3px;
  750. border-radius:3px;
  751. '>
  752. <option>n a v i g a t i o n</option>
  753.  
  754. <option value="/">home</option>
  755.  
  756. {block:AskEnabled}<option value="/ask">ask</option>
  757. {/block:AskEnabled}
  758.  
  759. {block:ifLinkOneTitle}<option value="{text:Link One}">{text:Link One Title}</option> {/block:ifLinkOneTitle}
  760.  
  761. {block:ifLinkTwoTitle}<option value="{text:Link Two}">{text:Link Two Title}</option> {/block:ifLinkTwoTitle}
  762.  
  763. {block:ifLinkThreeTitle}<option value="{text:Link Three}">{text:Link Three Title}</option> {/block:ifLinkThreeTitle}
  764.  
  765. {block:ifLinkFourTitle}<option value="{text:Link Four}">{text:Link Four Title}</option> {/block:ifLinkFourTitle}
  766.  
  767. {block:ifLinkFiveTitle}<option value="{text:Link Five}">{text:Link Five Title}</option> {/block:ifLinkFiveTitle}
  768.  
  769. {block:HasPages}{block:Pages}<option value="{URL}">{Label}</option> {/block:Pages} {/block:HasPages}
  770.  
  771.  
  772. <option value="http://wildthemes.tumblr.com/">theme credit</option>
  773.  
  774.  
  775.  
  776. </select>
  777.  
  778.  
  779. </div>
  780.  
  781.  
  782.  
  783. <div class="left">
  784.  
  785. <div id="posts">
  786.  
  787. {block:Posts}
  788. <div class="entry">
  789.  
  790. {block:Text}
  791. <div class="text">
  792. {block:Title}
  793. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  794. {/block:Title}
  795. {Body}
  796. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  797. </a>
  798. </div>
  799.  
  800. {block:IndexPage}
  801.  
  802. {/block:IndexPage}
  803. </div>
  804. {/block:Text}
  805. {block:Link}
  806. <div class="text">
  807. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  808. {block:Description}
  809. <div class="description">{Description}</div>
  810. {/block:Description}
  811. <p>
  812. {block:IndexPage}
  813. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  814. </a>
  815. </div>
  816.  
  817. {/block:IndexPage}
  818.  
  819. </div>{/block:Link}
  820.  
  821.  
  822. {block:Photo}
  823. {block:indexpage}
  824. <div class="perma"> <a href="{ReblogURL}" title="reblog this post">reblog</a> <br>
  825. <a href="{Permalink}" title="note count"> {notecountwithlabel}
  826. </a>
  827. <br>
  828. {timeago}
  829. </div>
  830.  
  831.  
  832.  
  833. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="100%"/></a>
  834. {/block:indexpage}
  835. {block:permalinkpage}
  836. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  837. {/block:permalinkpage}
  838. {/block:Photo}
  839.  
  840.  
  841. {block:Answer}<img src="{AskerPortraitURL-48}" align="right" class="askborder"><div class="bubble"><span></span>{Asker} said : {Question}&nbsp;</div>{Answer} {block:indexpage}
  842. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  843. </a>
  844. </div>
  845.  
  846. {/block:indexpage}{/block:Answer}
  847.  
  848.  
  849.  
  850. {block:Photoset}
  851. {block:IndexPage}
  852.  
  853. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="100%" style="padding:3px;"/></a>
  854. {/block:Photos}
  855. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  856. </a>
  857. </div>
  858.  
  859. {/block:IndexPage}
  860.  
  861. {block:permalinkpage}
  862. {Photoset-500}
  863. {/block:permalinkpage}
  864. {/block:Photoset}
  865.  
  866.  
  867. {block:Quote}
  868. <div class="text">
  869. <div class="title"> "{Quote}" </div>
  870. {block:Source}
  871. <div style="text-align:right; line-height:12px;">- {Source}</div>
  872. {/block:Source}
  873. {block:IndexPage}
  874. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  875. </a>
  876. </div>
  877.  
  878. {/block:IndexPage}
  879. </div>{/block:Quote}
  880.  
  881. {block:Chat}
  882. <div class="text">
  883. {block:Title}
  884. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  885. {/block:Title}
  886. <ul class="chat">
  887. {block:Lines}
  888. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  889. {Line} </li>
  890. {/block:Lines}
  891. </ul>
  892. {block:IndexPage}
  893. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  894. </a>
  895. </div>
  896.  
  897. {/block:IndexPage}
  898. </div>{/block:Chat}
  899.  
  900.  
  901. {block:Audio}
  902. <div class="text">{AudioPlayerGrey}
  903. {block:Caption}{Caption}{/block:Caption}</div>{block:IndexPage}
  904. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  905. </a>
  906. </div>
  907.  
  908. {/block:IndexPage}
  909. {/block:Audio}
  910.  
  911.  
  912. {block:Video}
  913. {block:IndexPage}
  914. <center>
  915. {Video-250}</center>
  916. {/block:IndexPage}
  917. {block:PermalinkPage}
  918. <center>
  919. {Video-500}</center>
  920. {/block:PermalinkPage}
  921. <div class="perma"><a href="{ReblogURL}" title="reblog this post">reblog</a> with <a href="{Permalink}" title="note count"> {notecountwithlabel}
  922. </a>
  923. </div>
  924.  
  925. {block:Video}
  926.  
  927. {block:PermalinkPage}
  928. <center>
  929. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  930.  
  931. {block:PostNotes}{PostNotes}
  932. {/block:PostNotes}
  933. {/block:PermalinkPage}
  934.  
  935.  
  936.  
  937. </div>
  938.  
  939.  
  940. {/block:Posts}
  941. </div>
  942. </div>
  943. {block:IndexPage}
  944. {block:Pagination}
  945. <div id="pagination">
  946. {block:NextPage}
  947. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  948. {/block:NextPage}
  949. {block:PreviousPage}
  950. <a href="{PreviousPage}">&larr;&nbsp;</a>
  951. {/block:PreviousPage}
  952. </div>
  953. {/block:Pagination}
  954. {/block:IndexPage}
  955. </div>
  956.  
  957.  
  958. </body>
  959.  
  960.  
  961.  
  962. </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!