API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: Sherlocked

b0rn-to-be-wild
Jan 19th, 2014
451
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | Theme: Sherlocked
  7.  
  8. + Please do not redistribute this theme or remove credits
  9. + You are allowed to make changes as long as you keep our credits
  10. + If you have any questions or concerns, just contact us
  11. + Thanks for using our theme! We hope that you enjoy it!
  12.  
  13. ---->
  14.  
  15. <html>
  16.  
  17.  
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22.  
  23. <!--Google fonts-->
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  34.  
  35.  
  36. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  37.  
  38. <meta name="viewport" content="width=device-width, initial-scale=1">
  39.  
  40. <!--DEFAULT VARIABLES-->
  41. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  42.  
  43. <meta name="image:Background" content="1"/>
  44. <meta name="image:Sidebar" content="1"/>
  45. <meta name="image:Sidebar2" content="0"/>
  46. <meta name="image:Sidebar3" content="0"/>
  47.  
  48. <meta name="color:Background" content="#fff"/>
  49. <meta name="color:Icon" content="#000"/>
  50. <meta name="color:Link" content="#777"/>
  51. <meta name="color:Link background" content="#777"/>
  52. <meta name="color:Post background" content="#fff"/>
  53. <meta name="color:Container background" content="#fff"/>
  54. <meta name="color:Text" content="#777"/>
  55. <meta name="color:Hover" content="#fff"/>
  56. <meta name="color:Scrollbar" content="#fff"/>
  57. <meta name="color:Borders" content="#A4A4A4"/>
  58.  
  59. <meta name="color:Sidebar" content="#A4A4A4"/>
  60. <meta name="color:Sidebar Image Border" content="#A4A4A4"/>
  61. <meta name="color:Description" content="#000000"/>
  62. <meta name="color:Title" content="#333"/>
  63. <meta name="color:Blog Title" content="#000000"/>
  64.  
  65. <meta name="select:Title Font" content="Play" title="Play">
  66. <meta name="select:Title Font" content="Baumans" title="Baumans">
  67. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  68. <meta name="select:Title Font" content="Marvel" title="Marvel">
  69. <meta name="select:Title Font" content="Julius Sans One" title="Julius Sans One">
  70. <meta name="font:Body font" content=""/>
  71.  
  72. <meta name="if:Show Captions" content="1" />
  73. <meta name="if:Show Tags" content="1" />
  74.  
  75. <meta name="text:Link1" content="link1"/>
  76. <meta name="text:Link2" content="link2"/>
  77. <meta name="text:Link3" content="link3"/>
  78. <meta name="text:Link4" content="link4"/>
  79. <meta name="text:Link5" content="link5"/>
  80.  
  81. <meta name="text:Link1 url" content="link1 url"/>
  82. <meta name="text:Link2 url" content="link2 url"/>
  83. <meta name="text:Link3 url" content="link3 url"/>
  84. <meta name="text:Link4 url" content="link4 url"/>
  85. <meta name="text:Link5 url" content="link5 url"/>
  86.  
  87. <style type="text/css">
  88.  
  89. /*Body*/
  90.  
  91. body {
  92. padding: 0px;
  93. margin: 0px;
  94. color:{color:text};
  95. font-family:{font:Body font};
  96. line-height:16px;
  97. font-size:14px;
  98. background-color: {color:Background};
  99. background-image:url({image:Background});
  100. background-attachment: fixed;
  101. background-repeat: repeat;
  102. }
  103.  
  104. h1{
  105. color:{color:Title};
  106. font-size:20px;
  107. line-height:25px;
  108. border-bottom:1px solid {color:Borders};
  109. font-family:{select:Title Font};
  110. }
  111.  
  112. h2{
  113. font-family:{font:Body font};
  114. line-height:20px;
  115. font-size:15px;
  116. }
  117.  
  118. a:link, a:active, a:visited{
  119. -webkit-transition: color 0.3s ease-out;
  120. -moz-transition: color 0.3s ease-out;
  121. transition: color 0.3s ease-out;
  122. color:{color:link};
  123. text-decoration:none;
  124. }
  125.  
  126. a:hover {
  127. color: {color:Hover};
  128. }
  129.  
  130. blockquote{
  131. padding:0px 0px 2px 5px;
  132. margin:0px 0px 2px 10px;
  133. border-left: 1px dotted #555555;
  134. }
  135.  
  136. blockquote p, ul{
  137. margin:0px;
  138. padding:0px;
  139. }
  140.  
  141. a img{border: 0px;}
  142.  
  143.  
  144. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  145.  
  146. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  147. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  148.  
  149.  
  150. /* Webkit scrollbar */
  151.  
  152. ::-webkit-scrollbar-thumb {
  153. background: {color:Scrollbar};
  154. height: auto;
  155. border: 2px solid {color:Borders};
  156. }
  157.  
  158. ::-webkit-scrollbar {
  159. height:10px;
  160. width:8px;
  161. background: {color:Scrollbar};
  162. height: auto;
  163. border: 3.5px solid {color:Borders};
  164. }
  165.  
  166.  
  167. /*Posts and entries*/
  168.  
  169. div#center{
  170. margin:auto;
  171. position:relative;
  172. width:1000px;
  173. margin-left:0px;
  174. overflow:auto;
  175. }
  176.  
  177. #blogtitle{
  178. position:fixed;
  179. margin-left:101px;
  180. margin-top:237px;
  181. text-align:center;
  182. font-family:{select:Title Font};
  183. font-size:25px;
  184. color:{color:Blog Title};
  185. letter-spacing:2px;
  186. line-height:100px;
  187. height:100px;
  188. width:210px;
  189. text-shadow: 1px 0px {color:borders},
  190. -webkit-transition: opacity .3s linear;
  191. -webkit-transition: all .3s ease-in-out;
  192. -moz-transition: all .3s ease-in-out;
  193. -o-transition: all .3s ease-in-out;
  194. -ms-transform:rotate(145deg);
  195. -moz-transform:rotate(45deg);
  196. -webkit-transform:rotate(315deg);
  197. -o-transform:rotate(45deg);
  198. }
  199.  
  200. #blogtitle:hover{
  201. font-size:23px;
  202. color: {color:hover};
  203.  
  204. }
  205.  
  206. .entry {
  207. float:left;
  208. display: block;
  209. margin:10px;
  210. overflow:hidden;
  211. width:400px;
  212. padding:15px;
  213. border:5px solid {color:borders};
  214. {block:PermalinkPage}
  215. text-align:left;
  216. line-height:10px;
  217. {/block:PermalinkPage}
  218. background:{color:Post background};
  219. }
  220.  
  221. #posts {
  222. width:460px;
  223. margin-top:0px;
  224. z-index:99;
  225. margin-left:270px;
  226. min-height:800px;
  227. right:auto;
  228. height:auto;
  229. padding:10px;
  230. margin-right:auto;
  231. {block:PermalinkPage}
  232. text-align:left;
  233. line-height:10px;
  234. background:transparent;
  235. {/block:PermalinkPage}
  236. position:relative;
  237.  
  238. }
  239.  
  240. /*Sidebar*/
  241.  
  242. #sidebar{
  243. position:fixed; !important;
  244. width:120px;
  245. z-index:99999;
  246. height:150px;
  247. margin-top:40px;
  248. margin-left:30px;
  249. }
  250.  
  251. #sidebarimage {
  252. position:fixed;
  253. margin:5px 5px;
  254. width:100px;
  255. height:100px;
  256. border:5px solid black;
  257. background-color:{color:Sidebar Image Border};
  258. transform:rotate(45deg);
  259. -ms-transform:rotate(45deg);
  260. -moz-transform:rotate(45deg);
  261. -webkit-transform:rotate(45deg);
  262. -o-transform:rotate(45deg);
  263. }
  264.  
  265. #sidebarimage img {
  266. width:100px;
  267. height:100px;
  268. z-index:-10;
  269. }
  270.  
  271. #sidebarimage2 {
  272. position:absolute;
  273. margin:155px 5px;
  274. width:100px;
  275. height:100px;
  276. border:5px solid black;
  277. background-color:{color:Sidebar Image Border};
  278. transform:rotate(45deg);
  279. -ms-transform:rotate(45deg);
  280. -moz-transform:rotate(45deg);
  281. -webkit-transform:rotate(45deg);
  282. -o-transform:rotate(45deg);
  283. }
  284.  
  285. #sidebarimage2 img {
  286. width:100px;
  287. height:100px;
  288. }
  289.  
  290. #sidebarimage3 {
  291. position:fixed;
  292. margin:305px 5px;
  293. width:100px;
  294. height:100px;
  295. border:5px solid black;
  296. background-color:{color:Sidebar Image Border};
  297. transform:rotate(45deg);
  298. -ms-transform:rotate(45deg);
  299. -moz-transform:rotate(45deg);
  300. -webkit-transform:rotate(45deg);
  301. -o-transform:rotate(45deg);}
  302.  
  303. #sidebarimage3 img {
  304. width:100px;
  305. height:100px;
  306. }
  307.  
  308. #sidebar2{
  309. position:fixed;
  310. width:220px;
  311. height:100%;
  312. margin-top:0;
  313. margin-left:780px;
  314. }
  315.  
  316. #sidebar2image{
  317. position:fixed;
  318. bottom:180px;
  319. width:225px;
  320. height:400px;
  321. z-index:10000;
  322. }
  323.  
  324. #sidebar2image img{
  325. max-height:400px;
  326. max-width:225px;
  327. z-index:1000;
  328. margin-bottom:0;
  329. margin-left:0;
  330. }
  331.  
  332. #desc{
  333. position:fixed;
  334. width:220px;
  335. background:{color:Description};
  336. height:120px;
  337. padding:5px;
  338. bottom:50px;
  339. font-size:14px;
  340. line-height:16px;
  341. text-align:justify;
  342. border-top:5px solid {color:Borders};
  343. }
  344.  
  345. #desc:first-letter {
  346. color:{color:Link};
  347. background:{color:Link background};
  348. font-size:22px;
  349. padding:5px;
  350. border:5px double{color:Borders};
  351. outline:1px solid #aaa;
  352. margin-right: 10px; /* adjust margin right of fisrt letter in the about me section*/
  353. margin-bottom: 2px; /* adjust margin bottom of fisrt letter in the about me section*/
  354. float:left;
  355. }
  356.  
  357. .sidebarbackground{
  358. position:fixed;
  359. margin:120px 120px;
  360. width:100px;
  361. height:100px;
  362. border:2px solid transparent;
  363. transform:rotate(45deg);
  364. -ms-transform:rotate(45deg);
  365. -moz-transform:rotate(45deg);
  366. -webkit-transform:rotate(45deg);
  367. -o-transform:rotate(45deg);}
  368.  
  369. }
  370.  
  371. .sidebarbackground2{
  372. position:fixed !important;
  373. float:left;
  374. margin-left:150px;
  375. top:70px;
  376. opacity:1;
  377. background-color:{color:Sidebar background2};
  378. background-size:cover;
  379. height:390px;
  380. opacity:1;
  381. width:190px;
  382. transition: all 0.3s ease-out;
  383. -o-transition-transition: all 0.3s ease-out;
  384. -webkit-transition: all 0.3s ease-out;
  385. -moz-transition: all 0.3s ease-out;
  386. }
  387.  
  388. .pagbar{
  389. position:fixed !important;
  390. width:220px;
  391. background:{color:Description};
  392. height:18px;
  393. padding:5px;
  394. bottom:10px;
  395. font-size:15px;
  396. text-align:center;
  397. border-top:5px solid {color:Borders};
  398. }
  399.  
  400.  
  401. /*Links*/
  402.  
  403.  
  404. #link1{
  405. position:fixed;
  406. width:90px;
  407. background:{color:Link background};
  408. margin-left:0px;
  409. height:10px;
  410. padding:5px;
  411. margin-top:5px;
  412. font-size:15px;
  413. line-height:10px;
  414. text-align:center;
  415. }
  416.  
  417. #link2{
  418. position:fixed;
  419. width:90px;
  420. background:{color:Link background};
  421. margin-left:0px;
  422. height:10px;
  423. padding:5px;
  424. margin-top:25px;
  425. font-size:15px;
  426. line-height:10px;
  427. text-align:center;
  428. }
  429.  
  430. #link3{
  431. position:fixed;
  432. width:90px;
  433. background:{color:Link background};
  434. margin-left:0px;
  435. height:10px;
  436. padding:5px;
  437. margin-top:45px;
  438. font-size:15px;
  439. line-height:10px;
  440. text-align:center;
  441. }
  442.  
  443. #link4{
  444. position:fixed;
  445. width:90px;
  446. background:{color:Link background};
  447. margin-left:0px;
  448. height:10px;
  449. padding:5px;
  450. margin-top:65px;
  451. font-size:15px;
  452. line-height:10px;
  453. text-align:center;
  454. }
  455.  
  456. #link5{
  457. position:fixed;
  458. width:90px;
  459. background:{color:Link background};
  460. margin-left:0px;
  461. height:10px;
  462. padding:5px;
  463. margin-top:85px;
  464. font-size:15px;
  465. line-height:10px;
  466. text-align:center;
  467. }
  468.  
  469. #link1:hover, #link2:hover, #link3:hover #link4:hover, #link5:hover{
  470. font-size:17px;
  471. background:{color:Link background};
  472. -webkit-transition: all .7s ease;
  473. -moz-transition: all .7s ease;
  474. -o-transition: all .7s ease;
  475. transition: all .7s ease;
  476. }
  477.  
  478. #linkOne i{
  479. position:fixed;
  480. width:30px;
  481. margin-left:0px;
  482. height:30px;
  483. padding:5px;
  484. margin-top:140px;
  485. font-size:20px;
  486. color:{color:Icon};
  487. z-index:10000;
  488. }
  489.  
  490. #linkTwo i{
  491. position:fixed;
  492. width:30px;
  493. margin-left:2px;
  494. height:30px;
  495. padding:5px;
  496. margin-top:180px;
  497. font-size:15px;
  498. color:{color:Icon};
  499. z-index:10000;
  500. }
  501.  
  502. #linkThree i{
  503. position:fixed;
  504. width:30px;
  505. margin-left:2px;
  506. height:30px;
  507. padding:5px;
  508. margin-top:290px;
  509. font-size:19px;
  510. color:{color:Icon};
  511. z-index:10000;
  512. }
  513.  
  514. #linkFour i{
  515. position:fixed;
  516. width:30px;
  517. margin-left:0px;
  518. height:30px;
  519. padding:5px;
  520. margin-top:330px;
  521. font-size:20px;
  522. color:{color:Icon};
  523. z-index:10000;
  524. }
  525.  
  526.  
  527. #linkOne:hover{
  528. -webkit-transition: all .7s ease;
  529. -moz-transition: all .7s ease;
  530. -o-transition: all .7s ease;
  531. transition: all .7s ease;
  532.  
  533. }
  534.  
  535. #linkTwo:hover{
  536. -webkit-transition: all .7s ease;
  537. -moz-transition: all .7s ease;
  538. -o-transition: all .7s ease;
  539. transition: all .7s ease;
  540. }
  541.  
  542. #linkThree:hover{
  543. -webkit-transition: all .7s ease;
  544. -moz-transition: all .7s ease;
  545. -o-transition: all .7s ease;
  546. transition: all .7s ease;
  547. }
  548.  
  549. #linkFour:hover{
  550. -webkit-transition: all .7s ease;
  551. -moz-transition: all .7s ease;
  552. -o-transition: all .7s ease;
  553. transition: all .7s ease;
  554. }
  555.  
  556.  
  557. #line{
  558. position:absolute;
  559. margin-top:140px;
  560. margin-left:150px;
  561. width:20px;
  562. height:35px;
  563. border: 5px {color:Borders};
  564. }
  565.  
  566. /*Audio*/
  567.  
  568. .album img{
  569. max-width:65px;
  570. margin-left:5px;
  571. float:left;
  572. margin-top:0px;
  573. z-index:10;
  574. border: 5px solid {color:Borders};
  575. }
  576.  
  577. .audio{
  578. position:absolute;
  579. width:185px;
  580. min-height:90px;
  581. margin-left:80px;
  582. float:left;
  583. padding:5px;
  584. margin-top:-5px;
  585. z-index:10;
  586. font-size:12px;
  587. overflow:hidden;
  588. }
  589.  
  590. .play{
  591. position:absolute;
  592. margin:30px;
  593. max-width:25px;
  594. max-height:25px;
  595. overflow:hidden;
  596. opacity:0.7;
  597. }
  598.  
  599. /* Quote */
  600.  
  601. .quote {
  602. font-family:{select:Title Font};
  603. font-size:25px;
  604. line-height:35px;
  605. color:{color:Italic};
  606. height:auto;
  607. margin:10px;
  608. padding:5px;
  609. text-align:center;
  610. letter-spacing:1px;
  611. }
  612.  
  613. .source {
  614. font-size:15px;
  615. line-height:25px;
  616. color:{color:Italic};
  617. height:auto;
  618. margin-top:10px;
  619. margin-left:10px;
  620. margin-right:10px;
  621. margin-bottom:5px;
  622. padding:5px;
  623. text-align:right;
  624. letter-spacing:1px;
  625. }
  626.  
  627. /* Chat */
  628.  
  629. .chat .line{
  630. margin:0 0 -1px;
  631. font-color: {color:Text};
  632. padding:2px;
  633. border-top:1px dotted {color:Borders};
  634. border-bottom:1px dotted {color:Borders};
  635. }
  636.  
  637. .label {
  638. font-weight:none;
  639. color:{color:Bold};
  640. font-size:10px;
  641. }
  642.  
  643. /* Link*/
  644.  
  645. #linktitle {width:250px;}
  646.  
  647. .linktexttitle {
  648. font-family:'Verdana';
  649. text-transform:uppercase;
  650. font-size:13px;
  651. line-height:20px;
  652. text-align:center;
  653. background-color:transparent;
  654. border:2px {color:Borders} dotted;
  655. -webkit-transition: all 1s ease-in-out;
  656. -moz-transition: all 1s ease-in-out;
  657. transition: all 1s ease-in-out;
  658. padding:1px 1px;
  659. opacity:1;
  660. }
  661. .linktexttitle a {color:{color:Posts};}
  662. .linkdescription {
  663. padding:5px;
  664. margin:0px;
  665. text-align:left;}
  666.  
  667.  
  668.  
  669. /*Ask Posts*/
  670.  
  671. .bubble {
  672. position: relative;
  673. align:right;
  674. background: #eee;
  675. margin:5px 0px 5px 66px;
  676. padding:5px;
  677. -moz-border-radius:5px;
  678. -webkit-border-radius:5px;
  679. border-radius:5px;
  680. }
  681.  
  682. .bubble p {
  683. margin:1px 0px;
  684. }
  685.  
  686. .bubble span {
  687. display:block;
  688. position:absolute;
  689. width:1px;
  690. height:1px;
  691. font-size: 0;
  692. line-height: 1px;
  693. margin-left:-10px;
  694. margin-top:0px;
  695. border-top:7px solid transparent;
  696. border-bottom:7px solid transparent;
  697. border-right:10px solid #eee;}
  698.  
  699. .askborder {float: left;
  700. margin: 1px 4px 0 0;
  701. padding: 2px;
  702. background: #eee;}
  703.  
  704.  
  705. /* EXTRAS */
  706.  
  707. .tagss {
  708. padding: 5px 5px 5px 5px;
  709. margin: 0!important;
  710. text-align:center;
  711. font-size:9px;
  712. display: block;
  713. position: absolute;
  714. color:{color:Text};
  715. bottom:0;
  716. border-top-right-radius:5px;
  717. height:20px;
  718. width:290px;
  719. opacity:1;
  720. left:65px;
  721. }
  722.  
  723. .like_and_reblog_buttons {
  724. position:absolute;
  725. float:right;
  726. background:{color:Link background};
  727. margin-left:355px;
  728. margin-bottom:0px;
  729. z-index:200000;
  730. height:30px;
  731. width:50px
  732. overflow:hidden;
  733. border: 0px solid #e8e8e8;
  734. list-style: none;
  735. }
  736.  
  737. .like_and_reblog_buttons li {
  738. float:right;
  739. margin: 5px 5px;
  740. height: 15px;
  741. }
  742.  
  743. .like_and_reblog_buttons li:first-child {
  744. border-right: 0px solid #e8e8e8;
  745. }
  746.  
  747. .infoo {
  748. height:15px;
  749. width:400px;
  750. float:center;
  751. padding-top:6px;
  752. margin-top:10px;
  753. margin-left:0px;
  754. padding:2px;
  755. font-size:15px;
  756. letter-spacing:1px;
  757. line-height:22px;
  758. color:{color:Link};
  759. border-top:3px solid {color:Borders};
  760. text-transform:lowercase;
  761. }
  762.  
  763. .info i{
  764. color:{color:Icon};
  765. }
  766.  
  767. .infoo a:hover {
  768. color:{color:Hover};
  769. font-size:17px; }
  770.  
  771. .jump_page {
  772. padding: 4px 8px;
  773. border: 2px solid {color:Borders};
  774. background:{color:Link background};
  775. color: {color:Link};
  776. font-size:11px;
  777. text-decoration:none;
  778. }
  779.  
  780. .current_page, .jump_page:hover {
  781. padding: 4px 8px;
  782. border: 2px solid {color:Borders};
  783. background:{color:Link background};
  784. color: {color:Link};
  785. font-size:11px;
  786. text-decoration:none;
  787. }
  788.  
  789. /* Tooltips */
  790.  
  791. #s-m-t-tooltip {
  792. max-width:300px;
  793. z-index:100000;
  794. margin:24px 14px 7px 12px;
  795. padding:8px;
  796. color:{color:Link};
  797. background:{color:Link background};
  798. border:1px solid {color:Borders};
  799. font-size:13px;
  800. line-height:16px;
  801. color:#fff;
  802. }
  803.  
  804. /* Credits */
  805.  
  806. #credits {
  807. position:fixed;
  808. right:10px;
  809. top:40px;
  810. border:1px solid {color:Borders};
  811. opacity:0.9;
  812. z-index:100000;
  813. }
  814.  
  815. {CustomCSS}
  816.  
  817.  
  818. </style>
  819.  
  820. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  821. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  822. <script src="jquery.style-my-tooltips.js"></script>
  823.  
  824. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  825.  
  826. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  827. <script>
  828. (function($){
  829. $(document).ready(function(){
  830. $("[title]").style_my_tooltips({
  831. tip_follows_cursor:true,
  832. tip_delay_time:200,
  833. tip_fade_speed:300
  834. }
  835. );
  836. });
  837. })(jQuery);
  838. </script>
  839.  
  840. {block:IndexPage}
  841. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  842. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  843.  
  844. <script type="text/javascript">
  845. $(window).load(function(){
  846. var $wall = $('#posts');
  847. $wall.imagesLoaded(function(){
  848. $wall.masonry({
  849. itemSelector: '.entry, .entry_photo',
  850. isAnimated : false
  851. });
  852. });
  853.  
  854. $wall.infinitescroll({
  855. navSelector : '#pagination',
  856. nextSelector : '#pagination a',
  857. itemSelector : '.entry, .entry_photo',
  858. bufferPx : 2000,
  859. debug : false,
  860. errorCallback: function() {
  861. $('#infscr-loading').fadeOut('normal');
  862. }},
  863. function( newElements ) {
  864. var $newElems = $( newElements );
  865. $newElems.hide();
  866. $newElems.imagesLoaded(function(){
  867. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  868. });
  869. }); $('#posts').show(500);
  870. });
  871. </script>
  872.  
  873.  
  874. {/block:IndexPage}
  875.  
  876.  
  877. <title>{title}</title>
  878.  
  879. <link rel="shortcut icon" href="{Favicon}" />
  880. <meta name="viewport" content="width=820" />
  881. </head>
  882.  
  883. <body>
  884.  
  885.  
  886. <div class="sidebarbackground">
  887.  
  888. <div id="link1"><a href="{text:Link1 url}">{text:Link1}</a> </div>
  889. <div id="link2"><a href="{text:Link2 url}">{text:Link2}</a> </div>
  890. <div id="link3"><a href="{text:Link3 url}">{text:Link3}</a> </div>
  891. <div id="link4"><a href="{text:Link4 url}">{text:Link4}</a> </div>
  892. <div id="link5"><a href="{text:Link5 url}">{text:Link5}</a> </div>
  893.  
  894. </div>
  895.  
  896. <div id="linkOne"><a href="/" title="Index"><i class="fa fa-home fa-2x"></i></a></div>
  897. <div id="linkTwo"><a href="/ask" title="Ask"><i class="fa fa-envelope fa-2x"></i></a></div>
  898. <div id="linkThree"><a href="/submit" title="Submit"><i class="fa fa-pencil fa-2x"></i></a></div>
  899. <div id="linkFour"><a href="/archive" title="Archive"><i class="fa fa-clock-o fa-2x"></i></a></div>
  900.  
  901. <div id="center">
  902. <div id="sidebar">
  903. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  904. <div id="sidebarimage2"><img src="{image:Sidebar2}"></div>
  905. <div id="sidebarimage3"><img src="{image:Sidebar3}"></div>
  906. </div>
  907.  
  908. <div id="sidebar2">
  909.  
  910. <div id="sidebar2image">
  911.  
  912. <!----
  913.  
  914. Here you can change the Sherlock image on the right. Just replace http://i42.tinypic.com/io1cut.jpg with the url of the image you want.
  915. ---->
  916.  
  917. <center><img src="http://i57.tinypic.com/sze5fp.jpg"></center>
  918. </div>
  919.  
  920. <div id="desc">{description}</div>
  921.  
  922. <div class="pagbar">
  923.  
  924. {block:Pagination}
  925. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  926. {block:JumpPagination length="5"}
  927. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  928. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  929. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  930. {/block:Pagination}
  931.  
  932. </div>
  933.  
  934.  
  935. </div>
  936.  
  937.  
  938. <div id="blogtitle">{Title}</div>
  939.  
  940.  
  941. </div>
  942.  
  943. <div id="posts">
  944. {block:Posts}
  945. <div class="entry">
  946.  
  947. <div class="content">
  948.  
  949. {block:Text}
  950. {block:Title}
  951. <a href="{Permalink}">
  952. <h1>{Title}</h1></a>
  953. {/block:Title}
  954. {Body}
  955. {/block:Text}
  956.  
  957. {block:Photo}
  958. <img src="{PhotoURL-400}"/>
  959. {/block:Photo}
  960.  
  961. {block:Photoset}
  962. {Photoset-400}
  963. {/block:Photoset}
  964.  
  965. {block:Quote}
  966. <div class="quote">
  967. "{Quote}"
  968. {block:Source}
  969. <div class="source">-{Source}
  970. </div>{/block:Source}</div>
  971. {/block:Quote}
  972.  
  973. {block:Link}
  974. <a href="{URL}"
  975. class="linkpost"
  976. target="_blank">
  977. <h1><i class="fa fa-link"></i>
  978. {Name} &raquo;</h1></a>
  979. {block:Description}
  980. {Description}
  981. {/block:Description}
  982. {/block:Link}
  983.  
  984. {block:Chat}
  985. {block:Title}
  986. <h1>{Title}</h1>{/block:Title}
  987. <div class="chat">
  988. {block:Lines}<div class="chat"><div class="line {Alt}">
  989. <div class="{Alt} user_{UserNumber}">
  990. {block:Label}
  991. <span class="label">
  992. <span style="text-transform:uppercase;
  993. letter-spacing:1px"><font face="learningcurves">
  994. {Label}</font></span></span>
  995. {/block:Label}
  996. {Line}</div>
  997. </div></div>
  998. {/block:Lines}
  999. </div>
  1000. {/block:Chat}
  1001.  
  1002. {/block:Lines}
  1003. {/block:Chat}
  1004.  
  1005. {block:Audio}
  1006. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  1007. {block:AlbumArt}
  1008. <div class="play">
  1009. {AudioPlayerWhite}
  1010. </div>
  1011. </div>
  1012. <div class="audio">
  1013. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  1014. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  1015. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  1016. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}</div>
  1017. <br><br><br><br><br>
  1018. {/block:Audio}
  1019.  
  1020. {block:Video}
  1021. {VideEmbed-400}
  1022. {/block:Video}
  1023.  
  1024. {block:Answer}
  1025. <img src="{AskerPortraitURL-48}"
  1026. align="left"
  1027. class="askborder">
  1028. <div class="bubble"><span></span>
  1029. {Asker}:
  1030. {Question}&nbsp;
  1031. </div><br>
  1032. {Answer}{/block:Answer}
  1033.  
  1034. {block:IndexPage}
  1035. {block:IfShowCaptions}
  1036. {block:Caption}
  1037. <h2>{Caption}</h2>
  1038. {/block:Caption}
  1039. {/block:IfShowCaptions}
  1040. {/block:IndexPage}
  1041.  
  1042. {block:IfShowTags}
  1043. {block:HasTags}
  1044. {block:Tags}&nbsp;#
  1045. <a href="{TagURL}">
  1046. {Tag}</a>,&nbsp;
  1047. {/block:Tags}
  1048. {/block:HasTags}
  1049. {/block:IfShowTags}
  1050.  
  1051. <div class="infoo">
  1052. {block:Date}
  1053. <a href="{Permalink}">
  1054. <i class="fa fa-clock-o"></i>
  1055. {TimeAgo}</a>
  1056. {block:NoteCount}
  1057. <i class="fa fa-heart-o"></i>
  1058. {NoteCountWithLabel}
  1059. {/block:NoteCount}
  1060. </div>
  1061. <br>
  1062.  
  1063. <ul class="like_and_reblog_buttons">
  1064. <li>{ReblogButton}</li>
  1065. <li>{LikeButton}</li>
  1066. </ul>
  1067. <br>
  1068. </div>
  1069.  
  1070.  
  1071. {/block:Date}
  1072.  
  1073. {block:PermalinkPage}
  1074. {block:ContentSource}
  1075. Source: <a href="{SourceURL}"
  1076. target="_blank">{SourceTitle}
  1077. </a>{/block:ContentSource}<p>
  1078. {block:PostNotes}
  1079. {PostNotes}
  1080. {/block:PostNotes}
  1081. {/block:PermalinkPage}
  1082. </div>
  1083.  
  1084.  
  1085. {/block:Posts} </div>
  1086. </body>
  1087.  
  1088. <a href="http://borntobewildthemes.tumblr.com" title="Theme SHERLOCKED by borntobewildthemes"><div id="credits">
  1089. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1090.  
  1091.  
  1092. </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!