API tools faq
paste
Advertisement
wildthemes

Logan theme

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