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

Theme 04 - Artsy

b0rn-to-be-wild
Mar 27th, 2014
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.76 KB | None | 0 0
raw download clone embed print report
  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. © btbwthemes.tumblr.com | Theme 04 - Artsy
  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. <!--Custom cursor-->
  22. <style type="text/css">body{ cursor: url('http://static.tumblr.com/xnillw6/3FBmt073j/cursor.cur'), auto;}</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=The+Girl+Next+Door' 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.  
  42. <script type="text/javascript"
  43. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44.  
  45.  
  46. <!--DEFAULT VARIABLES-->
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  48.  
  49. <meta name="image:Sidebar" content="1"/>
  50. <meta name="image:Sidebar 2" content="1"/>
  51. <meta name="image:Background" content="1"/>
  52.  
  53. <meta name="color:Background" content="#fff"/>
  54. <meta name="color:Icon" content="#99B0C2"/>
  55. <meta name="color:Link" content="#777"/>
  56. <meta name="color:Extra Link background" content="#eee"/>
  57. <meta name="color:Post background" content="#fff"/>
  58. <meta name="color:Text" content="#777"/>
  59. <meta name="color:Hover" content="#fff"/>
  60. <meta name="color:Borders" content="#99B0C2"/>
  61. <meta name="color:Description" content="#9DC5E0"/>
  62. <meta name="color:Description background" content="#fff"/>
  63. <meta name="color:Title" content="#9DC5E0"/>
  64. <meta name="color:Blog Title" content="#9DC5E0"/>
  65. <meta name="color:Scrollbar" content="#eee"/>
  66. <meta name="color:Music player background" content="#fff" />
  67. <meta name="color:Bold" content="#333"/>
  68. <meta name="color:Italic" content="#777"/>
  69.  
  70. <meta name="color:Link 1 hover background" content="#FFD6EF"/>
  71. <meta name="color:Link 2 hover background" content="#F1D3FF"/>
  72. <meta name="color:Link 3 hover background" content="#FFFDD9"/>
  73. <meta name="color:Link 4 hover background" content="#EFFFE5"/>
  74. <meta name="color:Link 5 hover background" content="#D7FFFF"/>
  75.  
  76. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  77. <meta name="select:Title Font" content="Rouge Script" title="Rouge Script">
  78. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  79. <meta name="select:Title Font" content="The Girl Next Door" title="The Girl Next Door">
  80. <meta name="select:Title Font" content="Alex Brush" title="Alex Brush">
  81.  
  82. <meta name="font:Body font" content="">
  83.  
  84. <meta name="if:Show Captions" content="1" />
  85. <meta name="if:Show Tags" content="1" />
  86. <meta name="if:Show Custom Cursor" content="1" />
  87. <meta name="if:Show Navigation" content="1" />
  88. <meta name="if:Show Music Player" content="1" />
  89.  
  90. <meta name="text:Link 1" content="Link 1"/>
  91. <meta name="text:Link 2" content="Link 2"/>
  92. <meta name="text:Link 3" content="Link 3"/>
  93. <meta name="text:Link 4" content="Link 4"/>
  94. <meta name="text:Link 5" content="Link 5"/>
  95.  
  96. <meta name="text:Link 1" content="Link 1 url"/>
  97. <meta name="text:Link 2" content="Link 2 url"/>
  98. <meta name="text:Link 3" content="Link 3 url"/>
  99. <meta name="text:Link 4" content="Link 4 url"/>
  100. <meta name="text:Link 5" content="Link 5 url"/>
  101.  
  102. <style type="text/css">
  103.  
  104.  
  105. /*Body*/
  106.  
  107. body {
  108. padding: 0px;
  109. margin: 0px;
  110. color:{color:text};
  111. font-family:{font:Body font};
  112. line-height:17px;
  113. font-size:13px;
  114. background-color: {color:Background};
  115. background-image:url({image:Background});
  116. background-attachment: fixed;
  117. background-repeat: repeat;
  118. }
  119.  
  120. h1{
  121. color:{color:Title};
  122. font-size:20px;
  123. line-height:25px;
  124. border-bottom:1px solid {color:Borders};
  125.  
  126. }
  127.  
  128. h2{
  129. font-family:{font:Body font};
  130. line-height:20px;
  131. font-size:15px;
  132. }
  133.  
  134. a:link, a:active, a:visited{
  135. -webkit-transition: color 0.3s ease-out;
  136. -moz-transition: color 0.3s ease-out;
  137. transition: color 0.3s ease-out;
  138. color:{color:link};
  139. text-decoration:none;
  140. }
  141.  
  142. a:hover {
  143. color: {color:Hover};
  144. }
  145.  
  146. b, strong {color:{color:Bold};}
  147.  
  148. i, em {color:{color:Italic};}
  149.  
  150. u {color:{color:Underline};}
  151.  
  152. #infscr-loading{
  153. bottom: -70px;
  154. position: absolute;
  155. left: 50%;
  156. margin-left:-8px;
  157. width:16px;
  158. height:11px;
  159. overflow:hidden;
  160. margin-bottom: 50px;
  161. }
  162.  
  163. blockquote{
  164. padding:0px 0px 2px 5px;
  165. margin:0px 0px 2px 10px;
  166. border-left: 1px dotted #555555;
  167. }
  168.  
  169. blockquote p, ul{
  170. margin:0px;
  171. padding:0px;
  172. }
  173.  
  174. a img{border: 0px;}
  175.  
  176.  
  177. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  178.  
  179. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  180. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  181.  
  182. .notes img{
  183. width:15px;
  184. position:relative;
  185. top:3px;
  186. margin-right:5px;
  187. border:1px solid {color:Borders};
  188. border-radius:60px;
  189. }
  190.  
  191. <--ses-->
  192. small{font-size: 90%;}
  193.  
  194. big{font-size: 110%;}
  195.  
  196. /* Webkit scrollbar */
  197.  
  198. ::-webkit-scrollbar-thumb {
  199. background: {color:Scrollbar};
  200. height: auto;
  201. border: 2px solid {color:Borders};
  202. }
  203.  
  204. ::-webkit-scrollbar {
  205. height:10px;
  206. width:10px;
  207. background: {color:Scrollbar};
  208. height: auto;
  209. border: 4px solid {color:Borders};
  210. }
  211.  
  212. /*Posts and entries*/
  213.  
  214. div#center{
  215. margin:auto;
  216. position:relative;
  217. width:1000px;
  218. margin-left:auto;
  219. margin-right:auto;
  220. }
  221.  
  222. .entry {
  223. float:left;
  224. display: block;
  225. margin-top:25px;
  226. overflow:hidden;
  227. width:400px;
  228. padding-left:0px;
  229. border-style: solid;
  230. border-width:35px;
  231. background:{color:Post background};
  232. -moz-border-image: url(http://i41.tinypic.com/14vnzhi.jpg) 170 170 100 170 fill stretch;
  233. -webkit-border-image: url(http://i41.tinypic.com/14vnzhi.jpg) 170 170 100 170 fill stretch;
  234. -o-border-image: url(http://i41.tinypic.com/14vnzhi.jpg) 170 170 100 170 fill stretch;
  235. border-image: url(http://i41.tinypic.com/14vnzhi.jpg) 170 170 100 170 fill stretch;
  236. }
  237.  
  238. #posts {
  239. width:480px;
  240. margin-top:-5px;
  241. z-index:99;
  242. margin-left:260px;
  243. min-height:800px;
  244. right:auto;
  245. border:1px solid {color:Borders};
  246. background:{color:Post background};
  247. padding-left:20px;
  248. }
  249.  
  250. /*Sidebar*/
  251.  
  252. #sidebar{
  253. position:fixed !important;
  254. width:280px;
  255. z-index:99999;
  256. height:506px;
  257. bottom:0px;
  258. margin-left:0px;
  259. background-image:url(http://i62.tinypic.com/25exjpc.jpg);
  260. }
  261.  
  262. #blogtitle{
  263. position:fixed;
  264. margin-left:0px;
  265. margin-top:-50px;
  266. font-size:35px;
  267. color:{color:Blog Title};
  268. font-family:{select:Title Font};
  269. letter-spacing:2px;
  270. line-height:40px;
  271. width:200px;
  272. text-align:center;
  273. text-shadow: -2px 0px 30px {color:Borders};
  274. }
  275.  
  276. #sidebarimage {
  277. position:absolute;
  278. margin:114px 11px;}
  279.  
  280. #sidebarimage img {width:260px; height:195px;}
  281.  
  282.  
  283. #desc{
  284. position:absolute;
  285. width:250px;
  286. font-family:{select:Title Font};
  287. color:{color:Description};
  288. background:{color:Description background};
  289. height:185px;
  290. overflow:auto;
  291. padding:5px;
  292. margin:114px 11px;
  293. font-size:22px;
  294. line-height:25px;
  295. text-align:center;
  296. overflow-y:auto;
  297. opacity:0;
  298. }
  299.  
  300. #sidebar:hover #desc{
  301. opacity:0.9;
  302. -webkit-transition: all .7s ease;
  303. -moz-transition: all .7s ease;
  304. -o-transition: all .7s ease;
  305. transition: all .7s ease;
  306. transform:rotate(360deg);
  307. -ms-transform:rotate(360deg);
  308. -webkit-transform:rotate(360deg);
  309. }
  310.  
  311. .sidebar1{
  312. position:fixed !important;
  313. margin-left:960px;
  314. top:0px;
  315. background-image:url(https://31.media.tumblr.com/2cb1ee17635058b5c7cd7b3c8c1f3336/tumblr_nf8jfr04Oz1secvrho1_1280.jpg);
  316. background-repeat:repeat;
  317. text-align:center;
  318. height:100%;
  319. width:55px;
  320. }
  321.  
  322. .sidebar2{
  323. position:fixed !important;
  324. margin-left:750px;
  325. top:520px;
  326. background-image:url(http://static.tumblr.com/80ba4781b292d50c47694bc72ad587bf/in3oyit/l9Sn06ib1/tumblr_static_images__4_.jpg);
  327. height:50px;;
  328. z-index:10000;
  329. width:350px;
  330. border-radius:25px;
  331. }
  332.  
  333. .sidebar3{
  334. position:fixed !important;
  335. margin-left:750px;
  336. top:80px;
  337. background-image:url(http://static.tumblr.com/80ba4781b292d50c47694bc72ad587bf/in3oyit/l9Sn06ib1/tumblr_static_images__4_.jpg);
  338. height:50px;
  339. z-index:10000;
  340. width:350px;
  341. border-radius:25px;
  342. }
  343.  
  344. #sidebarimage2 {
  345. position:absolute;
  346. background-image:url(http://i59.tinypic.com/ir8chg.jpg);
  347. margin-left:20px;
  348. margin-top:70px;
  349. width:180px;
  350. height:150px;
  351. z-index:10000000;
  352. }
  353.  
  354. #sidebarimage2 img {
  355. margin:23px;
  356. width:136px;
  357. height:106px;}
  358.  
  359. /*Links*/
  360.  
  361. #icons {
  362. position:fixed;
  363. margin:-150px 0px;
  364. width:280px
  365. text-align:center;
  366. }
  367.  
  368. #icon1 {
  369. position:absolute;
  370. margin-left:30px;
  371. margin-top:100px;
  372. max-height:55px;
  373. overflow:hidden;
  374. padding:0px 0px 7px 5px;
  375. vertical-align:middle;
  376. }
  377.  
  378. #icon2 {
  379. position:absolute;
  380. margin-left:75px;
  381. margin-top:100px;
  382. max-height:55px;
  383. overflow:hidden;
  384. padding:0px 0px 7px 5px;
  385. vertical-align:middle;
  386. }
  387.  
  388. #icon3 {
  389. position:absolute;
  390. margin-left:115px;
  391. margin-top:100px;
  392. max-height:55px;
  393. overflow:hidden;
  394. padding:0px 0px 7px 5px;
  395. vertical-align:middle;
  396. }
  397.  
  398. #icon4 {
  399. position:absolute;
  400. margin-left:155px;
  401. margin-top:100px;
  402. max-height:55px;
  403. overflow:hidden;
  404. padding:0px 0px 7px 5px;
  405. vertical-align:middle;
  406. }
  407.  
  408. #icon1:hover, #icon2:hover, #icon3:hover, #icon4:hover{
  409. max-height:160px;
  410. margin-top:-10px;
  411. -webkit-transition:all .5s ease-in-out;
  412. -moz-transition: all .5s ease-in-out;
  413. -o-transition: all .5s ease-in-out;
  414. }
  415.  
  416. #link1{
  417. width:30px;
  418. background:{color:Extra Link background};
  419. margin-left:5px;
  420. height:30px;
  421. padding:5px;
  422. margin-top:200px;
  423. font-size:17px;
  424. line-height:35px;
  425. border:3px solid {color:Borders};
  426. border-radius:100%;
  427. }
  428.  
  429. #link2{
  430. width:30px;
  431. background:{color:Extra Link background};
  432. margin-left:5px;
  433. height:30px;
  434. padding:5px;
  435. margin-top:10px;
  436. font-size:17px;
  437. line-height:35px;
  438. border:3px solid {color:Borders};
  439. border-radius:100%;
  440. }
  441.  
  442. #link3{
  443. width:30px;
  444. background:{color:Extra Link background};
  445. margin-left:5px;
  446. height:30px;
  447. padding:5px;
  448. margin-top:10px;
  449. font-size:17px;
  450. line-height:35px;
  451. border:3px solid {color:Borders};
  452. border-radius:100%;
  453. }
  454.  
  455. #link4{
  456. width:30px;
  457. background:{color:Extra Link background};
  458. margin-left:5px;
  459. height:30px;
  460. padding:5px;
  461. margin-top:10px;
  462. font-size:17px;
  463. line-height:35px;
  464. border:3px solid {color:Borders};
  465. border-radius:100%;
  466. }
  467.  
  468. #link5{
  469. width:30px;
  470. background:{color:Extra Link background};
  471. margin-left:5px;
  472. height:30px;
  473. padding:5px;
  474. margin-top:10px;
  475. font-size:17px;
  476. line-height:35px;
  477. border:3px solid {color:Borders};
  478. border-radius:100%;
  479. }
  480.  
  481. #link1:hover{
  482. background:{color:Link 1 hover background};
  483. -webkit-transition: all .7s ease;
  484. -moz-transition: all .7s ease;
  485. -o-transition: all .7s ease;
  486. transition: all .7s ease;
  487. transform:rotate(360deg);
  488. -ms-transform:rotate(360deg);
  489. -webkit-transform:rotate(360deg);
  490. }
  491.  
  492. #link2:hover{
  493. background:{color:Link 2 hover background};
  494. -webkit-transition: all .7s ease;
  495. -moz-transition: all .7s ease;
  496. -o-transition: all .7s ease;
  497. transition: all .7s ease;
  498. transform:rotate(360deg);
  499. -ms-transform:rotate(360deg);
  500. -webkit-transform:rotate(360deg);
  501. }
  502.  
  503. #link3:hover{
  504. background:{color:Link 3 hover background};
  505. -webkit-transition: all .7s ease;
  506. -moz-transition: all .7s ease;
  507. -o-transition: all .7s ease;
  508. transition: all .7s ease;
  509. transform:rotate(360deg);
  510. -ms-transform:rotate(360deg);
  511. -webkit-transform:rotate(360deg);
  512. }
  513. #link4:hover{
  514. background:{color:Link 4 hover background};
  515. -webkit-transition: all .7s ease;
  516. -moz-transition: all .7s ease;
  517. -o-transition: all .7s ease;
  518. transition: all .7s ease;
  519. transform:rotate(360deg);
  520. -ms-transform:rotate(360deg);
  521. -webkit-transform:rotate(360deg);
  522. }
  523.  
  524. #link5:hover{
  525. background:{color:Link 5 hover background};
  526. -webkit-transition: all .7s ease;
  527. -moz-transition: all .7s ease;
  528. -o-transition: all .7s ease;
  529. transition: all .7s ease;
  530. transform:rotate(360deg);
  531. -ms-transform:rotate(360deg);
  532. -webkit-transform:rotate(360deg);
  533. }
  534.  
  535. /* Music player */
  536.  
  537. #musicplayer {
  538. text-align:center;
  539. position:fixed;
  540. left:12%;
  541. top:-35px;
  542. z-index:300;
  543. }
  544.  
  545. #musicplayer:hover {
  546. top:-7px;
  547. -webkit-transition:all .5s ease-in-out;
  548. -moz-transition: all .5s ease-in-out;
  549. -o-transition: all .5s ease-in-out;
  550. }
  551.  
  552. #player{
  553. padding:10px 0 5px 0;
  554. background:{color:Music player background};
  555. width:140px;
  556. z-index: 9999;
  557. border:1px solid {color:Borders};
  558. }
  559.  
  560. #playericon {
  561. margin-top:-1px;
  562. height:20px;
  563. padding-top:5px;
  564. background:{color:Music player background};
  565. border:1px solid {color:Borders};
  566. border-bottom-left-radius: 25px;
  567. -moz-border-radius-bottomleft: 25px;
  568. -webkit-border-bottom-left-radius: 25px;
  569. border-bottom-right-radius: 25px;
  570. -moz-border-radius-bottomright: 25px;
  571. -webkit-border-bottom-right-radius: 25px;
  572. margin-left:45px;width: 50px;
  573. }
  574.  
  575. /*Audio*/
  576.  
  577. .album img{
  578. max-width:65px;
  579. margin-left:5px;
  580. float:left;
  581. margin-top:0px;
  582. z-index:10;
  583. border: 5px solid {color:Borders};
  584. }
  585.  
  586. .audio{
  587. position:absolute;
  588. width:185px;
  589. min-height:90px;
  590. margin-left:80px;
  591. float:left;
  592. padding:5px;
  593. margin-top:-5px;
  594. z-index:10;
  595. font-size:12px;
  596. overflow:hidden;
  597. }
  598.  
  599. .play{
  600. position:absolute;
  601. margin:30px;
  602. max-width:25px;
  603. max-height:25px;
  604. overflow:hidden;
  605. opacity:0.7;
  606. }
  607.  
  608. /* Quote */
  609.  
  610. .quote {
  611. font-size:30px;
  612. line-height:35px;
  613. color:{color:Italic};
  614. font-family:{select:Title Font};
  615. height:auto;
  616. margin-top:15px;
  617. margin-bottom:5px;
  618. padding:5px;
  619. text-align:center;
  620. letter-spacing:1px;}
  621.  
  622. .source{
  623. font-size:20px;
  624. line-height:25px;
  625. color:{color:Italic};
  626. height:auto;
  627. margin-top:15px;
  628. margin-bottom:5px;
  629. padding:5px;
  630. text-align:right;
  631. letter-spacing:1px;}
  632. }
  633.  
  634. /* Chat */
  635.  
  636. .chat .line{
  637. margin:0 0 -1px;
  638. font-color: {color:Text};
  639. padding:2px;
  640. border-top:1px dotted {color:Borders};
  641. border-bottom:1px dotted {color:Borders};
  642. }
  643.  
  644. .label {
  645. font-weight:none;
  646. color:{color:Bold};
  647. font-size:10px;
  648. }
  649.  
  650. /* Ask */
  651.  
  652. .question{
  653. width:100%;
  654. height:24px;
  655. line-height:24px;
  656. margin-bottom:4px;
  657. border-bottom:1px solid {color:Borders};
  658. }
  659.  
  660. .question img{
  661. border:3px solid {color:Borders};
  662. margin-right:4px;
  663. }
  664.  
  665. .answer{
  666. margin-top:15px;
  667. width:490px;
  668. padding:5px;
  669. background:{color:Borders};
  670. }
  671.  
  672. /* Extras */
  673.  
  674. .like_and_reblog_buttons {
  675. position:absolute;
  676. float:right;
  677. margin-left:350px;
  678. margin-bottom:5px;
  679. z-index:200000;
  680. border: 0px solid #e8e8e8;
  681. border-radius: 3px;
  682. list-style: none;
  683. }
  684.  
  685. .like_and_reblog_buttons li {
  686. float:right;
  687. margin: 5px 5px;
  688. height: 15px;
  689. }
  690.  
  691. .like_and_reblog_buttons li:first-child {
  692. border-right: 0px solid #e8e8e8;
  693. }
  694.  
  695. .infoo {
  696. height:15px;
  697. width:400px;
  698. float:center;
  699. padding-top:4px;
  700. margin-top:10px;
  701. text-align:center;
  702. font-size:13px;
  703. letter-spacing:1px;
  704. line-height:10px;
  705. color:{color:Link};
  706. border-top:1px solid {color:Borders};
  707. text-transform:lowercase;
  708. }
  709.  
  710. .infoo a {
  711. font-size:13px; }
  712.  
  713. .infoo i{
  714. color:{color:Icon};
  715. }
  716.  
  717. /* Credits */
  718.  
  719. #credits {
  720. position:fixed;
  721. right:10px;
  722. top:40px;
  723. z-index:100000;
  724. }
  725.  
  726. #credts img{
  727. border:3px solid {color:Borders};
  728. }
  729.  
  730. {CustomCSS}
  731.  
  732.  
  733. </style>
  734.  
  735. {block:IndexPage}
  736. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  737. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  738.  
  739. <script type="text/javascript">
  740. $(window).load(function(){
  741. var $wall = $('#posts');
  742. $wall.imagesLoaded(function(){
  743. $wall.masonry({
  744. itemSelector: '.entry, .entry_photo',
  745. isAnimated : false
  746. });
  747. });
  748.  
  749. $wall.infinitescroll({
  750. navSelector : '#pagination',
  751. nextSelector : '#pagination a',
  752. itemSelector : '.entry, .entry_photo',
  753. bufferPx : 2000,
  754. debug : false,
  755. errorCallback: function() {
  756. $('#infscr-loading').fadeOut('normal');
  757. }},
  758. function( newElements ) {
  759. var $newElems = $( newElements );
  760. $newElems.hide();
  761. $newElems.imagesLoaded(function(){
  762. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  763. });
  764. }); $('#posts').show(500);
  765. });
  766. </script>
  767.  
  768.  
  769. {/block:IndexPage}
  770.  
  771.  
  772. <title>{title}</title>
  773.  
  774. <link rel="shortcut icon" href="{Favicon}" />
  775. <meta name="viewport" content="width=820" />
  776. </head>
  777.  
  778. <body>
  779.  
  780. <div id="box">
  781. <div id="center">
  782.  
  783. {block:IfShowMusicPlayer}
  784. <div id="musicplayer">
  785.  
  786. <div id="player"><center>
  787.  
  788. <!--Replace this part with your billy music player code-->
  789. <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" />
  790. <!---->
  791.  
  792. </center>
  793. </div>
  794.  
  795. <!--Music player icon-->
  796. <div id="playericon">
  797. <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
  798. </div>
  799. </div>
  800. {/block:IfShowMusicPlayer}
  801.  
  802. <div id="sidebar">
  803. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  804. <div id="desc">{Description}</div>
  805. </div>
  806.  
  807. <div class="sidebar1">
  808. {block:IfShowNavigation}
  809. <div id="link1"><a href="{text:Link 1 url}" Title="{text:Link 1}">I</a> </div>
  810. <div id="link2"><a href="{text:Link 2 url}" Title="{text:Link 2}">II</a> </div>
  811. <div id="link3"><a href="{text:Link 3 url}" Title="{text:Link 3}">III</a> </div>
  812. <div id="link4"><a href="{text:Link 4 url}"Title="{text:Link 4}">IV</a> </div>
  813. <div id="link5"><a href="{text:Link 5 url}"Title="{text:Link 5}">V</a> </div>
  814. {/block:IfShowNavigation}
  815. </div>
  816.  
  817. <div class="sidebar2">
  818.  
  819. <div id="icons">
  820. <div id="icon1"><a href="/"><img src="http://i58.tinypic.com/foq0cp.jpg" Title="Home"></a></div>
  821. <div id="icon2"><a href="/ask"><img src="http://i57.tinypic.com/r89q86.jpgg" Title="Ask"></a></div>
  822. <div id="icon3"><a href="/submit"><img src="http://i58.tinypic.com/2rx6zps.jpg" Title="Submit"></a></div>
  823. <div id="icon4"><a href="/archive"><img src="http://i62.tinypic.com/2hocufm.jpg" Title="Archive"></a></div>
  824. </div>
  825.  
  826. </div>
  827. <div class="sidebar3">
  828. <div id="blogtitle">{Title}</div>
  829. <div id="sidebarimage2"><img src="{image:Sidebar 2}"></div>
  830.  
  831. </div>
  832.  
  833. <div id="posts">
  834.  
  835. {block:Posts}
  836. <div class="entry">
  837.  
  838. <div class="content">
  839.  
  840. {block:Text}
  841. {block:Title}
  842. <h1>{Title}</h1></a>
  843. {/block:Title}
  844. {Body}
  845. {/block:Text}
  846.  
  847. {block:Photo}
  848. <img src="{PhotoURL-400}"/>
  849. </a>
  850. {/block:Photo}
  851.  
  852. {block:Photoset}
  853. {Photoset-400}
  854. {/block:Photoset}
  855.  
  856. {block:Quote}
  857. <div class="quote">
  858. "{Quote}"
  859. {block:Source}
  860. <div class="source">-{Source}
  861. </div>{/block:Source}</div>
  862. {/block:Quote}
  863.  
  864. {block:Link}
  865. <a href="{URL}"
  866. class="linkpost"
  867. target="_blank">
  868. <h1><i class="fa fa-link"></i>
  869. {Name} &raquo;</h1></a>
  870. {block:Description}
  871. {Description}
  872. {/block:Description}
  873. {/block:Link}
  874.  
  875. {block:Chat}
  876. {block:Title}<h1>{Title}</h1>{/block:Title}
  877. {block:Lines}<div class="chat"><div class="line {Alt}">
  878. <div class="{Alt} user_{UserNumber}">
  879. {block:Label}
  880. <span class="label">
  881. <span style="text-transform:uppercase;
  882. letter-spacing:1px">
  883. <b>{Label}</b>
  884. </span></span>
  885. {/block:Label}
  886. {Line}</div>
  887. </div></div>
  888. {/block:Lines}
  889. {/block:Chat}
  890.  
  891. {block:Audio}
  892. <div class="album">
  893. {block:AlbumArt}<img src="{AlbumArtURL}">
  894. {block:AlbumArt}
  895. <div class="play">
  896. {AudioPlayerWhite}
  897. </div>
  898. </div>
  899. <div class="audio">
  900. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  901. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  902. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  903. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}</div>
  904. <br><br><br><br><br>
  905. {/block:Audio}
  906.  
  907. {block:Video}
  908. {Video-400}
  909. {/block:Video}
  910.  
  911. {block:Answer}
  912. <div class="question">
  913. <img src="{AskerPortraitURL-48}"
  914. align="left">
  915. {Asker}</div>
  916. {Question}&nbsp;
  917. <div class="answer">
  918. {Answer}</div>
  919. {/block:Answer}
  920.  
  921. {block:IndexPage}
  922. {block:IfShowCaptions}
  923. {block:Caption}
  924. <h2>{Caption}</h2>
  925. {/block:Caption}
  926. {/block:IfShowCaptions}
  927. {/block:IndexPage}
  928.  
  929. {block:IfShowTags}
  930. {block:HasTags}
  931. {block:Tags}&nbsp;#
  932. <a href="{TagURL}">
  933. {Tag}</a>,&nbsp;
  934. {/block:Tags}
  935. {/block:HasTags}
  936. {/block:IfShowTags}
  937.  
  938. {block:Date}
  939. <div class="infoo">
  940. <a href="{Permalink}">
  941. <i class="fa fa-clock-o"></i>
  942. {TimeAgo}</a>
  943. {block:NoteCount}
  944. <i class="fa fa-heart-o"></i>
  945. {NoteCountWithLabel}
  946. {/block:NoteCount}
  947. </div>
  948.  
  949. <ul class="like_and_reblog_buttons">
  950. <li>{ReblogButton size="15"}</li>
  951. <li>{LikeButton size="15"}</li>
  952. </ul>
  953. </div>
  954. <br><br>
  955. {/block:Date}
  956.  
  957. {block:PermalinkPage}
  958. {block:Caption}
  959. {Caption}
  960. {/block:Caption}
  961. <br>
  962. {block:PostNotes}
  963. {PostNotes}
  964. {/block:PostNotes}</div>
  965. {/block:PermalinkPage}
  966.  
  967. </div> <!-- END CONTENT -->
  968.  
  969. {/block:Posts}
  970.  
  971. </div>
  972.  
  973.  
  974. </body>
  975.  
  976. <a href="www.b0rn-to-be-wild--themes.tumblr.com"><div id="credits">
  977. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  978.  
  979.  
  980.  
  981.  
  982. </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!