API tools faq
paste
Advertisement
Jessicakim

Muzukashi - theme #017

Jessicakim
Jan 28th, 2016
1,830
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.10 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2. MUZUKASHI theme made by MADARA☁THEMES
  3.  
  4. ATTENTION!
  5. KEEP THE CREDITS
  6. DO NOT USE THIS THEME AS A BASE TO MAKE YOUR OWN
  7. DO NOT CLAIM AS YOURS
  8. DO NOT STEAL PARTS OF THE CODE
  9.  
  10. I hope you like this theme and make good use of it!
  11. Any complaints, doubts or suggestions send me an ask: madarathemes.tumblr.com/ask
  12. ---->
  13.  
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18. <link href='https://fonts.googleapis.com/css?family=Brawler' rel='stylesheet' type='text/css'>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <link href='https://fonts.googleapis.com/css?family=Crimson+Text:700italic' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='https://fonts.googleapis.com/css?family=Noticia+Text' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  31.  
  32. <!-----FONT SIZE----->
  33. <meta name="text:Blog Title Size" content="48"/>
  34.  
  35. <!-- COLORS -->
  36. <meta name="color:Background" content="#fff"/>
  37. <meta name="color:Scrollbar" content="#8ec5a3"/>
  38. <meta name="color:Text" content="#444"/>
  39. <meta name="color:Link" content="#8ec5a3"/>
  40. <meta name="color:Link Hover" content="#a78468"/>
  41. <meta name="color:Blockquote" content="#bda99c"/>
  42. <meta name="color:Posts" content="#fefefe"/>
  43. <meta name="color:Title" content="#7c5d48"/>
  44. <meta name="color:ChatnAudio" content="#f2f2f2"/>
  45. <meta name="color:Sidebar BG" content="#eee"/>
  46. <meta name="color:Sidebar Borders" content="#fff"/>
  47. <meta name="color:Description Box" content="#fff"/>
  48. <meta name="color:Description" content="#726852"/>
  49. <meta name="color:Blog Name" content="#554c3c"/>
  50. <meta name="color:Pagination" content="#000"/>
  51. <meta name="color:Menu BG" content="#8ec5a3"/>
  52. <meta name="color:Menu BG hover" content="#554c3c"/>
  53. <meta name="color:Custom Links" content="#bda99c"/>
  54. <meta name="color:Custom Links BG hover" content="#8ec5a3"/>
  55.  
  56. <!------ CUSTOM ------->
  57. <meta name="if:Show Icon" content="1"/>
  58. <meta name="if:Infinite Scrolling" content="0"/>
  59. <meta name="if:500px Posts" content="1"/>
  60. <meta name="if:400px Posts" content="0"/>
  61. <meta name="if:Fade Hover" content="0"/>
  62. <meta name="if:Gray Scale" content="0"/>
  63. <meta name="if:Caption" content="1"/>
  64. <meta name="if:Tags" content="1"/>
  65.  
  66. <!---- LINKS ----->
  67. <meta name="text:URL 01" content="http://"/>
  68. <meta name="text:Link 01" content="Link 01"/>
  69. <meta name="text:URL 02" content="/"/>
  70. <meta name="text:Link 02" content="Link 02"/>
  71. <meta name="text:URL 03" content="http://"/>
  72. <meta name="text:Link 03" content="Link 03"/>
  73. <meta name="text:URL 04" content="/"/>
  74. <meta name="text:Link 04" content="Link 04"/>
  75. <meta name="text:URL 05" content="http://"/>
  76. <meta name="text:Link 05" content="Link 05"/>
  77. <meta name="text:URL 06" content="/"/>
  78. <meta name="text:Link 06" content="Link 06"/>
  79.  
  80. <!------ IMAGES ---->
  81. <meta name="image:Background" content="http://static.tumblr.com/uobboj6/XnFo1h0qs/white_wall_hash.png"/>
  82. <meta name="image:Sidebar BG" content="http://static.tumblr.com/z9nrs6q/Hrto1ouif/untitled-1.png"/>
  83. <meta name="image:Icon" content="http://static.tumblr.com/z9nrs6q/kSGo1ouiy/yyg.png"/>
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88. /***** tumblr controls ******/
  89. iframe#tumblr_controls {
  90. right:3px !important;
  91. position: fixed !important;
  92. -webkit-transition: opacity 0.7s linear;
  93. opacity: 0.2;
  94. -webkit-transition: all 0.8s ease-out;
  95. -moz-transition: all 0.8s ease-out;
  96. transition: all 0.8s ease-out;
  97. }
  98.  
  99. iframe#tumblr_controls:hover{
  100. -webkit-transition: opacity 0.7s linear;
  101. opacity: 1;
  102. -webkit-transition: all 0.5s ease-out;
  103. -moz-transition: all 0.5s ease-out;
  104. transition: all 0.5s ease-out;
  105. }
  106. /***** tumblr controls ******/
  107.  
  108. /***** scrollbar*****/
  109. ::-webkit-scrollbar-thumb{
  110. background-color: {color:Scrollbar};
  111. height:100px;
  112. }
  113.  
  114. ::-webkit-scrollbar{
  115. height:10px;
  116. width:5px;
  117. background-color: {color:Background};
  118. }
  119. /***** scrollbar*****/
  120.  
  121.  
  122. body{
  123. font-family: 'tahoma';
  124. font-size:11px;
  125. letter-spacing:1px;
  126. background-color:{color:Background};
  127. color: {color:Text};
  128. background-image:url('{image:Background}');
  129. background-position: fixed;
  130. background-attachment:fixed;
  131. background-repeat:repeat;
  132. }
  133.  
  134. a{
  135. text-decoration:none;
  136. color: {color:Link};
  137. -webkit-transition: all 0.5s ease-out;
  138. -moz-transition: all 0.5s ease-out;
  139. -o-transition: all 0.5s ease-out;
  140. }
  141.  
  142. a:hover{
  143. color: {color:Link Hover};
  144. -webkit-transition: all 0.5s ease-out;
  145. -moz-transition: all 0.5s ease-out;
  146. -o-transition: all 0.5s ease-out;
  147. }
  148.  
  149. /******* posts ******/
  150. blockquote{
  151. margin:0px 10px 0px 20px;
  152. border-left:5px solid {color:Blockquote};
  153. padding:0px 5px 0px 8px;
  154. }
  155.  
  156. #entry{
  157. margin-top:30px;
  158. margin-left:600px;
  159. width:680px;
  160. z-index:2;
  161. float:left;
  162. overflow:hidden;
  163. }
  164.  
  165. .entry{
  166. {block:If500pxposts}width: 500px; {/block:If500pxposts}
  167. {block:If400pxposts}width: 400px; {/block:If400pxposts}
  168. padding: 25px;
  169. color: {color:Text};
  170. word-wrap:break-word;
  171. background-color:{color:Posts};
  172. margin-bottom:35px;
  173. }
  174.  
  175. .entry img{
  176. {block:If500pxposts}max-width:500px; {/block:If500pxposts}
  177. {block:If400pxposts}max-width:400px;{/block:If400pxposts}
  178.  
  179. {block:IfGrayScale}
  180. {block:IndexPage}
  181. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  182. filter: gray; /* IE6-9 */
  183. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  184. -webkit-transition: all 0.5s ease-in;
  185. -moz-transition: all 0.5s ease-in;
  186. -o-transition: all 0.5s ease-in;
  187. {/block:IndexPage}
  188. {/block:IfGrayScale}
  189.  
  190. {block:IfFadeHover}
  191. {block:IndexPage}
  192. opacity:0.75;
  193. -webkit-transition: all 0.5s ease-in;
  194. -moz-transition: all 0.5s ease-in;
  195. -o-transition: all 0.5s ease-in;
  196. {/block:IndexPage}
  197. {/block:IfFadeHover}
  198. }
  199.  
  200. .entry img:hover{
  201. filter: none;
  202. opacity:1;
  203. -webkit-filter: grayscale(0%);
  204. -webkit-transition: all 0.5s ease-in;
  205. -moz-transition: all 0.5s ease-in;
  206. -o-transition: all 0.5s ease-in;
  207. }
  208.  
  209. .entry blockquote img{
  210. {block:If500pxposts}max-width:450px; {/block:If500pxposts}
  211. {block:If400pxposts}max-width:350px;{/block:If400pxposts}
  212. }
  213.  
  214. .setphoto{
  215. {block:IfGrayScale}
  216. {block:IndexPage}
  217. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  218. filter: gray; /* IE6-9 */
  219. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  220. -webkit-transition: all 0.5s ease-in;
  221. -moz-transition: all 0.5s ease-in;
  222. -o-transition: all 0.5s ease-in;
  223. {/block:IndexPage}
  224. {/block:IfGrayScale}
  225.  
  226. {block:IfFadeHover}
  227. {block:IndexPage}
  228. opacity:0.75;
  229. -webkit-transition: all 0.5s ease-in;
  230. -moz-transition: all 0.5s ease-in;
  231. -o-transition: all 0.5s ease-in;
  232. {/block:IndexPage}
  233. {/block:IfFadeHover}
  234. }
  235.  
  236. .setphoto:hover{
  237. filter: none;
  238. opacity:1;
  239. -webkit-filter: grayscale(0%);
  240. -webkit-transition: all 0.5s ease-in;
  241. -moz-transition: all 0.5s ease-in;
  242. -o-transition: all 0.5s ease-in;
  243. }
  244.  
  245. .permalink{
  246. display:block;
  247. {block:If500pxposts}width:450px; {/block:If500pxposts}
  248. {block:If400pxposts}width:350px;{/block:If400pxposts}
  249. position:absolute;
  250. padding:0px 25px;
  251. font:10px 'consolas';
  252. color: {color:Text};
  253. opacity:0;
  254. background-color: {color:Posts};
  255. z-index:999999999;
  256. text-align:center;
  257. text-transform:uppercase;
  258. -webkit-transition: all 0.5s ease-out;
  259. -moz-transition: all 0.5s ease-out;
  260. -o-transition: all 0.5s ease-out;
  261. }
  262.  
  263. .entry:hover .permalink{
  264. opacity:0.9;
  265. padding:10px 25px;
  266. -webkit-transition: all 0.5s ease-out;
  267. -moz-transition: all 0.5s ease-out;
  268. -o-transition: all 0.5s ease-out;
  269. }
  270.  
  271. .title{
  272. font-family: 'Oswald', serif;
  273. font-size:24px;
  274. color: {color:Title};
  275. text-transform:uppercase;
  276. letter-spacing:-1px;
  277. margin:0px 5px 10px 0px;
  278. }
  279.  
  280. .title a{
  281. color: {color:Title};
  282. padding:0px 3px;
  283. }
  284.  
  285.  
  286. .quoting{
  287. font-family: 'crimson text', serif;
  288. font-size:24px;
  289. color: {color:Text};
  290. letter-spacing:1px;
  291. font-style:italic;
  292. margin:0px 0px 10px 0px;
  293. text-align:left;
  294. }
  295.  
  296. .aspas{
  297. background-color: {color:Blockquote};
  298. color: {color:Posts};
  299. width:30px;
  300. padding:10px 15px 0px 15px;
  301. font-size:32px;
  302. float:left;
  303. font-style:normal;
  304. margin:0px 10px 0px 0px;
  305. text-align:center;
  306. }
  307.  
  308. .link{
  309. font-family: 'Noticia Text', serif;
  310. font-size:20px;
  311. color: {color:Link Hover};
  312. letter-spacing:-1px;
  313. }
  314.  
  315. .link a{
  316. border-bottom:1px solid {color:Link Hover};
  317. color: {color:Link Hover};
  318. }
  319.  
  320. .chat {
  321. background-color: transparent;
  322. margin: 0px;
  323. font-size: 11px;
  324. }
  325.  
  326. .chat .lines {
  327. margin-left: 0px;
  328. }
  329.  
  330. .chat .lines .line {
  331. background-color: {color:Posts};
  332. margin-bottom: 2px;
  333. padding: 5px 7px;
  334.  
  335. }
  336.  
  337. .chat .lines .line.even {
  338. background-color: {color:chatnaudio};
  339. }
  340.  
  341. .audiopic{
  342. border:8px solid {color:chatnaudio};
  343. margin-left:10px;
  344. float:left;
  345. background-image:url('http://data.whicdn.com/images/70749254/original.png');
  346. width:80px;
  347. height:80px;
  348. }
  349.  
  350.  
  351. .audioplay{
  352. width:30px;
  353. height:30px;
  354. padding:33px;
  355. overflow:hidden;
  356. background:#e5e5e5;
  357. overflow:hidden;
  358. float:left;
  359. }
  360.  
  361. .audioinfo{
  362. height:90px;
  363. margin-left:215px;
  364. color: {color:Text};
  365. font:10px 'calibri';
  366. text-transform:uppercase;
  367. }
  368.  
  369. .lining{
  370. background-color: {color:chatnaudio};
  371. margin-bottom: 5px;
  372. border-left:5px solid #e5e5e5;
  373. padding:3px 5px;
  374. }
  375.  
  376. .ask{
  377. background-color:{color:chatnaudio};
  378. color:#444
  379. font:12px 'tahoma';
  380. padding:10px;
  381. margin: 0px 0px 20px 75px;
  382. text-align:left;
  383. }
  384.  
  385. .askerpic{
  386. width:48px;
  387. height:48px;
  388. border:7px solid {color:chatnaudio};
  389. margin-bottom:10px;
  390. position:absolute;
  391. }
  392.  
  393. .asker{
  394. font:11px 'calibri';
  395. text-transform:uppercase;
  396. letter-spacing:1px;
  397. }
  398.  
  399. .asker a{
  400. font-weight:bold;
  401. }
  402.  
  403. .info{
  404. width:530px;
  405. background-color: {color:Posts};
  406. font:10px 'calibri';
  407. color:#666;
  408. text-transform:uppercase;
  409. text-align:center;
  410. float:left;
  411. padding:10px;
  412. letter-spacing:1px;
  413. margin-bottom:15px;
  414. }
  415.  
  416. .data{
  417. background-color:transparent;
  418. border-bottom:2px solid {color:chatnaudio};
  419. color:#666;
  420. font:16px 'calibri';
  421. padding: 5px;
  422. text-transform:uppercase;
  423. letter-spacing:1px;
  424. text-align:center;
  425. margin-bottom:10px;
  426. }
  427.  
  428. #history{
  429. float:left;
  430. width:500px;
  431. padding-left:30px;
  432. text-transform:uppercase;
  433. text-align:left;
  434. font-size:10px;
  435. }
  436.  
  437. ol.notes{
  438. padding: 0px;
  439. margin: 5px 0px 20px;
  440. list-style-type: decimal;
  441. }
  442. /******* posts ******/
  443.  
  444. #sidebar{
  445. position:fixed;
  446. top:0px;
  447. left:0px;
  448. width:520px;
  449. height:100%;
  450. background-image:url('{image:Sidebar BG}');
  451. background-position: fixed;
  452. background-attachment:fixed;
  453. background-repeat:repeat;
  454. background-color: {color:Sidebar BG};
  455. border-right:15px solid rgba({RGBcolor:Sidebar Borders}, 0.8);
  456. }
  457.  
  458. .sideone{
  459. width:114px;
  460. padding:20px;
  461. {block:Ifshowicon}padding-top:20px;{/block:Ifshowicon}
  462. {block:IfNotshowicon}padding-top:160px;{/block:IfNotshowicon}
  463. height:100%;
  464. position:fixed;
  465. top:0px;
  466. background-color: rgba({RGBcolor:Sidebar Borders}, 0.8);
  467. left: 0px;
  468. }
  469.  
  470. .portrait{
  471. width:80px;
  472. height:80px;
  473. padding:7px;
  474. background-color:transparent;
  475. border:10px solid {color:Sidebar Borders};
  476. margin: 70px 0px 30px 0px;
  477. }
  478.  
  479. .nav a{
  480. display:block;
  481. float:center;
  482. margin: 15px 15px 20px;
  483. background-color:transparent;
  484. border-bottom:1px solid {color:Custom Links};
  485. padding: 1px;
  486. font: 10px 'calibri';
  487. text-transform:uppercase;
  488. color: {color:Custom Links};
  489. letter-spacing:2px;
  490. -webkit-transition: all 0.5s ease-out;
  491. -moz-transition: all 0.5s ease-out;
  492. -o-transition: all 0.5s ease-out;
  493. transition: all 0.5s ease-out;
  494. text-align:center;
  495.  
  496. }
  497.  
  498. .nav a:hover{
  499. color: {color:Sidebar Borders};
  500. box-shadow: inset 90px 0px {color:Custom Links BG hover};
  501. -webkit-transition: all 0.5s ease-out;
  502. -moz-transition: all 0.5s ease-out;
  503. -o-transition: all 0.5s ease-out;
  504. transition: all 0.5s ease-out;
  505. }
  506.  
  507. .pagination{
  508. float:left;
  509. text-transform:uppercase;
  510. text-align:left;
  511. }
  512.  
  513. .pagination a{
  514. float:left;
  515. font: 10px 'courier new';
  516. padding: 1px 3px;
  517. color: {color:Pagination};
  518. background: transparent;
  519. margin-right:4px;
  520. margin-left: 4px;
  521. letter-spacing:1px;
  522. -webkit-transition: all 0.3s ease-out;
  523. -moz-transition: all 0.3s ease-out;
  524. -o-transition: all 0.3s ease-out;
  525. transition: all 0.3s ease-out;
  526. }
  527.  
  528. .pagination a:hover{
  529. padding-bottom:7px;
  530. margin-top:-6px;
  531. -webkit-transition: all 0.3s ease-out;
  532. -moz-transition: all 0.3s ease-out;
  533. -o-transition: all 0.3s ease-out;
  534. transition: all 0.3s ease-out;
  535. }
  536.  
  537.  
  538. #sidetwo{
  539. position:fixed;
  540. width:330px;
  541. bottom:110px;
  542. left: 195px;
  543. }
  544.  
  545. .btitle{
  546. font-size: {text:Blog Title Size}px;
  547. font-family:'crimson text', serif;
  548. color: {color:Blog Name};
  549. letter-spacing:-7px;
  550. font-weight:bold;
  551. margin-bottom:-20px;
  552. margin-left:-10px;
  553. width:250px;
  554. line-height:40px;
  555. font-weight:bold;
  556. text-align:justify;
  557. }
  558.  
  559. .boxes{
  560. width:200px;
  561. height:130px;
  562. padding:0px 10px 0px 5px;
  563. border-top:28px solid {color:Description Box};
  564. border-left:15px solid {color:Description Box};
  565. border-right:8px solid {color:Description Box};
  566. border-bottom:17px solid {color:Description Box};
  567. border-radius:4px;
  568. color: {color:Description};
  569. background-color: {color:Description Box};
  570. text-align:center;
  571. font: 10px 'calibri';
  572. text-transform:uppercase;
  573. float:left;
  574. margin-right:5px;
  575. }
  576.  
  577. #menu{
  578. width:70px;
  579. overflow:hidden;
  580. }
  581.  
  582. .menu a{
  583. width:45px;
  584. height:32px;
  585. padding:18px 5px 5px 5px;
  586. background-color: {color:Menu BG};
  587. color:#fff;
  588. margin-bottom:2px;
  589. margin-top:2px;
  590. float:left;
  591. border-radius:3px;
  592. text-align:center;
  593. -webkit-transition: all 0.3s ease-out;
  594. -moz-transition: all 0.3s ease-out;
  595. -o-transition: all 0.3s ease-out;
  596. transition: all 0.3s ease-out;
  597. }
  598.  
  599. .menu a:hover{
  600. box-shadow: inset 0px 55px {color:Menu BG hover};
  601. -webkit-transition: all 0.6s ease-out;
  602. -moz-transition: all 0.6s ease-out;
  603. -o-transition: all 0.6s ease-out;
  604. transition: all 0.6s ease-out;
  605. }
  606.  
  607. .likbut {
  608. height:15px;
  609. width:15px;
  610. cursor:pointer;
  611. display:inline-block;
  612. vertical-align:top;
  613. margin-left:5px;
  614. }
  615.  
  616. /*********helpdesigns' menu tooltip******/
  617.  
  618. #s-m-t-tooltip {
  619. max-width:300px;
  620. -webkit-border-radius: 3px;
  621. border-radius: 3px;
  622. padding:3px 4px 5px 4px;
  623. margin:15px 20px;
  624. background-color:{color:Blog Name};
  625. font-family:calibri;
  626. font-size:8px;
  627. letter-spacing:2px;
  628. text-transform:uppercase;
  629. color:{color:Description Box};
  630. z-index:99999;
  631. }
  632.  
  633. /*********helpdesigns' menu tooltip******/
  634.  
  635. {CustomCSS}
  636.  
  637. </style>
  638.  
  639. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfInfiniteScrolling}
  640.  
  641. <script type="text/javascript"
  642. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  643. </script>
  644. <script type="text/javascript" language="javascript">
  645. $(function () {
  646. $('#scrlBotm').click(function () {
  647. $('html, body').animate({
  648. scrollTop: $(document).height()
  649. },
  650. 1500);
  651. return false;
  652. });
  653.  
  654. $('#scrlTop').click(function () {
  655. $('html, body').animate({
  656. scrollTop: '0px'
  657. },
  658. 1500);
  659. return false;
  660. });
  661. });
  662. </script>
  663.  
  664. <script type="text/javascript"
  665. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  666. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  667. <script>
  668. (function($){
  669.  
  670. $(document).ready(function(){
  671. $("[title]").style_my_tooltips();
  672. });
  673. })(jQuery);
  674. </script>
  675.  
  676.  
  677. </head>
  678.  
  679. <body>
  680.  
  681. <div id="sidebar"><img src="{image:Sidebar BG}" width='520'></div>
  682.  
  683. <div class="sideone">
  684. {block:Ifshowicon}
  685. <div class="portrait">
  686. <img src="{image:Icon}" width='80' height='80'>
  687. </div>
  688. {/block:Ifshowicon}
  689.  
  690. <div class="nav">
  691. <a href="{text:URL 01}">{text:Link 01}</a>
  692. <a href="{text:URL 02}">{text:Link 02}</a>
  693. <a href="{text:URL 03}">{text:Link 03}</a>
  694. <a href="{text:URL 04}">{text:Link 04}</a>
  695. <a href="{text:URL 05}">{text:Link 05}</a>
  696. <a href="{text:URL 06}">{text:Link 06}</a>
  697. <!-------------- DO NOT DELETE THIS ------------>
  698. <a href="http://madarathemes.tumblr.com/">theme</a>
  699. </div>
  700.  
  701. {block:IfNotInfiniteScrolling}
  702. <div style="margin:35px 10px;">
  703. {block:Pagination}
  704. <div class="pagination">
  705. {block:PreviousPage}
  706. <a href="{PreviousPage}">
  707. prev
  708. </a>
  709. {/block:PreviousPage}<b> / </b>
  710. </div>
  711. <div class="pagination">
  712. {block:NextPage}
  713. <a href="{NextPage}">
  714. next
  715. </a>
  716. {/block:NextPage}
  717. </div>
  718. {/block:Pagination}
  719. </div>
  720. {/block:IfNotInfiniteScrolling}
  721. </div>
  722.  
  723. <div id="sidetwo">
  724.  
  725. <div class="btitle">
  726. {Title}
  727. </div>
  728.  
  729. <div class="boxes" style="overflow:auto; line-height:130%">
  730. {block:Description}
  731. {Description}
  732. {/block:Description}
  733. </div>
  734.  
  735. <div id="menu" class="menu">
  736. <a title="home" href="/"><img src="http://static.tumblr.com/uobboj6/oeuo15zx1/home.png"></a>
  737. <a title="ask" href="/ask"><img src="http://static.tumblr.com/uobboj6/tVNo15zy6/mail.png"></a>
  738. <a title="archive" href="/archive"><img src="http://static.tumblr.com/uobboj6/NoSo15zye/document.png"></a>
  739. </div>
  740. </div>
  741.  
  742.  
  743. <div id="entry">
  744. {block:IfInfiniteScrolling}
  745. <div class = "autopagerize_page_element" >
  746. {/block:IfInfiniteScrolling}
  747.  
  748. {block:Posts}
  749. <div class="entry">
  750. {block:IndexPage}
  751. <div class="permalink">
  752. <a style="font-size:11px; font-weight:bold; color: {color:Text};" href="{Permalink}">
  753. posted {TimeAgo}
  754. </a>
  755. - {NoteCount} -
  756. <div class="likbut">
  757. {LikeButton size="14"}
  758. </div>
  759. -
  760. <div class="likbut" style="margin-top:-1px; margin-bottom:7px;">
  761. {ReblogButton size="15"}
  762. </div>
  763. {block:IfTags}
  764. {block:HasTags}
  765. <br>
  766. {block:Tags}
  767. #<a style="color: {color:Text};" href="{TagURL}">{Tag}</a>
  768. {/block:Tags}
  769. {/block:HasTags}
  770. {/block:IfTags}
  771. </div>
  772. {/block:IndexPage}
  773.  
  774. {block:Text}
  775. {block:Title}
  776. <div class="title">
  777. <a href="{Permalink}">
  778. {Title}
  779. </a>
  780. </div>
  781. {/block:Title}
  782. {Body}
  783. {/block:Text}
  784.  
  785.  
  786. {block:Photo}
  787. {block:IndexPage}
  788. <a href="{Permalink}">
  789. <img src="{PhotoURL-500}" width='500px'/>
  790. </a>
  791. {/block:IndexPage}
  792.  
  793. {block:PermalinkPage}
  794. {LinkOpenTag}
  795. <img src="{PhotoURL-500}" width="500px"/>
  796. {LinkCloseTag}
  797. {block:PermalinkPage}
  798.  
  799. {block:IfCaption}
  800. {block:Caption}
  801. {Caption}
  802. {/block:Caption}
  803. {/block:IfCaption}
  804. {/block:Photo}
  805.  
  806.  
  807. {block:Panorama}
  808. {block:IndexPage}
  809. <a href="{Permalink}">
  810. <img src="{PhotoURL-Panorama}" width='500px'/>
  811. </a>
  812. {/block:IndexPage}
  813.  
  814. {block:PermalinkPage}
  815. {LinkOpenTag}
  816. <img src="{PhotoURL-Panorama}" width="500px"/>
  817. {LinkCloseTag}
  818. {block:PermalinkPage}
  819.  
  820. {block:IfCaption}
  821. {block:Caption}
  822. {Caption}
  823. {/block:Caption}
  824. {/block:IfCaption}
  825. {/block:Panorama}
  826.  
  827.  
  828. {block:Photoset}
  829. {block:If500pxposts}<div class="setphoto">{Photoset-500}</div>{/block:If500pxposts}
  830. {block:If400pxposts}<div class="setphoto">{Photoset-400}</div>{/block:If400pxposts}
  831.  
  832. {block:IfCaption}
  833. {block:Caption}
  834. {Caption}
  835. {/block:Caption}
  836. {/block:IfCaption}
  837. {/block:Photoset}
  838.  
  839.  
  840. {block:Quote}
  841. <div class="quoting">
  842. <div class="aspas">❝</div> {Quote}
  843. </div>
  844.  
  845. <div align="right" style="font-size:10px;">
  846. - {Source}
  847. </div>
  848. {/block:Quote}
  849.  
  850.  
  851. {block:Link}
  852. <div class="link">
  853. <a href="{URL}" {Target}>
  854. {Name}➜
  855. </a>
  856. </div>
  857. {block:Description}
  858. {Description}
  859. {/block:Description}
  860. {/block:Link}
  861.  
  862.  
  863. {block:Chat}
  864. {block:Title}
  865. <div class="title">
  866. <a href="{Permalink}">
  867. {Title}
  868. </a>
  869. </div><br>
  870. {/block:Title}
  871.  
  872. <div class="chat">
  873. <div class="lines">
  874. {block:Lines}
  875. <div class="line {Alt}">
  876. {block:Label}
  877. <span style="font:10px 'calibri'; text-transform:uppercase; letter-spacing:1px; font-weight:bold;">
  878. {Label} </span>
  879. {/block:Label}
  880. {Line}
  881. </div>
  882. {/block:Lines}
  883. </div>
  884. </div>
  885. {/block:Chat}
  886.  
  887.  
  888. {block:Audio}
  889. <div class="audioplay">{AudioPlayerGrey}</div>
  890.  
  891. <div class="audiopic">
  892. {block:AlbumArt}
  893. <img src="{AlbumArtURL}" width="80">
  894. {/block:AlbumArt}
  895. </div>
  896.  
  897. <div class="audioinfo">
  898. {block:Artist}
  899. <div class="lining">
  900. <b>Artist:</b> {Artist}
  901. </div>
  902. {/block:Artist}
  903.  
  904. {block:TrackName}
  905. <div class="lining">
  906. <b>Track:</b> "{TrackName}"
  907. </div>
  908. {/block:TrackName}
  909.  
  910. <div class="lining">
  911. {PlayCountWithLabel}
  912. </div>
  913. </div>
  914.  
  915. {block:IfCaption}
  916. {block:Caption}
  917. {Caption}
  918. {/block:Caption}
  919. {/block:IfCaption}
  920. {/block:Audio}
  921.  
  922.  
  923. {block:Video}
  924. {block:If500pxposts}{Video-500}{/block:If500pxposts}
  925. {block:If400pxposts}{Video-400}{/block:If400pxposts}
  926.  
  927. {block:IfCaption}
  928. {block:Caption}
  929. {Caption}
  930. {/block:Caption}
  931. {/block:IfCaption}
  932. {/block:Video}
  933.  
  934.  
  935. {block:Answer}
  936. <div class="askerpic">
  937. <img src="{AskerPortraitURL-48}" width='48' />
  938. </div>
  939. <div class="ask">
  940. <div class="asker">{Asker} said:</div> {Question}
  941. </div>
  942. <div align="center">
  943. {Answer}
  944. </div>
  945. {/block:Answer}
  946.  
  947.  
  948.  
  949. </div>
  950.  
  951.  
  952. {block:PermalinkPage}
  953. {block:Date}
  954. <div class="info">
  955. <div class="data">
  956. {Month} {DayOfMonthWithZero}, {Year} - {24Hour}:{Minutes}{AmPm} {{TimeAgo}}
  957. </div>
  958. {NoteCountWithLabel} | {block:RebloggedFrom}
  959. <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> |
  960. <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br><br>{/block:RebloggedFrom}
  961. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  962. </div>
  963. {/block:Date}
  964.  
  965. {block:PostNotes}
  966. <div id="history">
  967. {PostNotes}
  968. </div>
  969. {/block:PostNotes}
  970.  
  971. {block:ContentSource}
  972. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  973. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  974. {/block:SourceLogo}
  975. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  976. {/block:ContentSource}
  977. {/block:PermalinkPage}
  978. {/block:Posts}
  979. </div>
  980.  
  981. {block:IfInfiniteScrolling}
  982. <a id="scrlTop" title="back to top" href="#" style="color:{color:Scrollbar}; font-size:64px; font-family: 'futura'; position: fixed; bottom: 50px; right: 30px;transform: rotate(90deg);">«</a>
  983. {block:IfInfiniteScrolling}
  984.  
  985. <!-------------DO NOT DELETE THIS----------->
  986. <a title="madara☁themes" href="http://madarathemes.tumblr.com/" style="position:fixed; bottom:0px; right:5px; font-size:16px; color: {color:Blockquote};">☁</a>
  987.  
  988. </body></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!