Isandria

Simple Beauty Theme

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