API tools faq
paste
Advertisement
wildthemes

Mikayla theme

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