Advertisement
Guest User

fuf k df

a guest
Jul 4th, 2015
174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.63 KB | None | 0 0
  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" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{image:Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!------------------------------------------------------------------------
  9.  
  10. ✿ UNRAVEL THEME by karasunogf.tumblr.com ✿
  11. ✿ Feel free to ask me any questions; I'll be glad to help!! ✿
  12. ✿ Please do not remove credit or claim theme as your own. ✿
  13. ✿✿✿ Enjoy!! ✿✿✿
  14.  
  15. --------------------------------------------------------------------------
  16.  
  17. ✿✿✿ UPDATES ✿✿✿
  18. OCTOBER 19, 2014:
  19. Added: infinite scroll option, search box option, & post border option
  20. Fixed: text post/blockquote issues, ask post issue, & post title layout
  21.  
  22. ------------------------------------------------------------------------->
  23.  
  24.  
  25. <!-- start of script tooltip -->
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  27.  
  28. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  29.  
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("a[title]").style_my_tooltips({
  34. tip_follows_cursor:true,
  35. tip_delay_time:90,
  36. tip_fade_speed:600,
  37. attribute:"title"
  38. });
  39. });
  40. })(jQuery);
  41. </script>
  42.  
  43. <!-- end of script tooltip -->
  44.  
  45. <!---- options --->
  46. <!-- Battery Code Options Start -->
  47. <meta name="select:Battery" content="https://41.media.tumblr.com/0f99ca11eb89c387b136dfcbc8f48a03/tumblr_nig5kfxbMv1u8c3r7o1_75sq.png" title="0%">
  48.  
  49. <meta name="select:Battery" content="https://40.media.tumblr.com/625be76b0a7309eae0dc720ed6a6366c/tumblr_nig5kfxbMv1u8c3r7o2_75sq.png" title="25%">
  50.  
  51. <meta name="select:Battery" content="https://40.media.tumblr.com/6a121b32b8df6ef61f485422bd2f3480/tumblr_nig5kfxbMv1u8c3r7o3_75sq.png" title="50%">
  52.  
  53. <meta name="select:Battery" content="https://40.media.tumblr.com/d55b8711c7eb5c2f7e930aef637500d1/tumblr_nig5kfxbMv1u8c3r7o4_75sq.png" title="75%">
  54.  
  55. <meta name="select:Battery" content="https://41.media.tumblr.com/821796cbedcc95ad59f4d5cc0608615a/tumblr_nig5kfxbMv1u8c3r7o5_75sq.png" title="100%">
  56.  
  57. <meta name="select:Battery" content="https://36.media.tumblr.com/3382fe8cf26261cf4675eb75e131c47e/tumblr_nig5kfxbMv1u8c3r7o7_75sq.png" title="Recharge">
  58.  
  59. <meta name="select:Battery" content="https://36.media.tumblr.com/394e82fd45751da80f2e2e8c5566df55/tumblr_nig5kfxbMv1u8c3r7o6_75sq.png" title="Recharge Error">
  60. <!-- Battery Code Options End -->
  61.  
  62. <meta name="color:Background" content="#ffffff"/>
  63. <meta name="color:Sidebar Color" content="#ffffff"/>
  64. <meta name="color:Title Color" content="#aaaaaa"/>
  65. <meta name="color:Text" content="#838282"/>
  66. <meta name="color:Link" content="#b8b8b8"/>
  67. <meta name="color:Hover" content="#eee"/>
  68. <meta name="color:Border" content="#aaa"/>
  69. <meta name="color:Posts" content="#fff"/>
  70. <meta name="color:Footer" content="#eee"/>
  71. <meta name="color:Nav Menu Border" content="#eee"/>
  72. <meta name="color:Nav Menu Bg" content="#eee"/>
  73. <meta name="color:Scrollbar" content="#eee"/>
  74. <meta name="color:Scrollbar Background" content="#eee"/>
  75. <meta name="color:Selection Color" content="#eee"/>
  76. <meta name="color:Selection Text" content="#aaa"/>
  77.  
  78.  
  79. <meta name="image:Favicon" content="" />
  80. <meta name="image:Sidebar" content=""/>
  81. <meta name="image:Background" content=""/>
  82. <meta name="image:Right Image" content=""/>
  83. <meta name="image:Left Image" content=""/>
  84.  
  85. <meta name="select:Font" content="Arial" title="Arial">
  86. <meta name="select:Font" content="Consolas" title="Consolas">
  87. <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
  88. <meta name="select:Font" content="Calibri" title="Calibri">
  89. <meta name="select:Font" content="Verdana" title="Verdana">
  90.  
  91.  
  92. <meta name="text:FontSize" content="12" />
  93. <meta name="text:Sidebar Margin Top" content="" />
  94.  
  95.  
  96. <meta name="text:navigation title" content="navigation"/>
  97. <meta name="text:sidepic title" content=""/>
  98.  
  99. <meta name="text:link 1 url" content=""/>
  100. <meta name="text:link 1 title" content=""/>
  101.  
  102. <meta name="text:link 2 url" content=""/>
  103. <meta name="text:link 2 title" content=""/>
  104.  
  105. <meta name="text:link 3 url" content=""/>
  106. <meta name="text:link 3 title" content=""/>
  107.  
  108. <meta name="text:link 4 url" content=""/>
  109. <meta name="text:link 4 title" content=""/>
  110.  
  111. <meta name="text:link 5 url" content=""/>
  112. <meta name="text:link 5 title" content=""/>
  113.  
  114. <meta name="text:link 6 url" content=""/>
  115. <meta name="text:link 6 title" content=""/>
  116.  
  117. <meta name="text:link 7 url" content=""/>
  118. <meta name="text:link 7 title" content=""/>
  119.  
  120. <meta name="text:link 8 url" content=""/>
  121. <meta name="text:link 8 title" content=""/>
  122.  
  123. <meta name="if:Sidebar Right" content="0" />
  124.  
  125.  
  126. <meta name="text:Right Image Width" content=""/>
  127. <meta name="text:Left Image Width" content=""/>
  128. <meta name="text:Right Image Margin Left" content="0"/>
  129. <meta name="text:Right Image Margin Bottom" content="0"/>
  130. <meta name="text:Left Image Margin Left" content="0"/>
  131. <meta name="text:Left Image Margin Bottom" content="0"/>
  132.  
  133.  
  134. <meta name="if:Sidebar Pic" content="1" />
  135. <meta name="if:Background Repeat" content="0" />
  136. <meta name="if:500px Post" content="0"/>
  137. <meta name="if:Short Footer" content="0" />
  138. <meta name="if:Drop Down Nav" content="1" />
  139. <meta name="if:Show Tags" content="1" />
  140. <meta name="if:Post Shadow" content="0"/>
  141. <meta name="if:Infinite Scroll" content="0" />
  142. <meta name="if:Search Bar" content="0" />
  143.  
  144. <!--- links --->
  145. <meta name="if:Link 1" content="1" />
  146. <meta name="if:Link 2" content="1" />
  147. <meta name="if:Link 3" content="1" />
  148. <meta name="if:Link 4" content="1" />
  149. <meta name="if:Link 5" content="0" />
  150. <meta name="if:Link 6" content="0" />
  151. <meta name="if:Link 7" content="0" />
  152. <meta name="if:Link 8" content="0" />
  153.  
  154. <!---- options --->
  155.  
  156. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  157.  
  158. <style type="text/css">
  159.  
  160. ::selection {
  161. background: {color:selection color};
  162. color: {color:selection Text};
  163. }
  164. ::-moz-selection {
  165. background: {color:selection color};
  166. color: {color:selection Text};
  167. }
  168. ::-webkit-selection {
  169. background: {color:selection color};
  170. color: {color:selection Text};
  171. }
  172.  
  173. #s-m-t-tooltip {
  174. max-width:300px;
  175. background-color: #fff;
  176. border:1px solid {color:border};
  177. font-size:10px;
  178. color: #6d6d6d;
  179. letter-spacing:10px;
  180. text-transform:lowercase;
  181. padding:3px;
  182. margin:15px 0px 0px 15px;
  183. z-index:999;
  184. border-radius:5px;
  185. -moz-border-radius:5px;
  186. -webkit-border-radius: 5px;
  187. }
  188.  
  189. ::-webkit-scrollbar-thumb:vertical {
  190. background-color: {color:Scrollbar};
  191. height: 50px;
  192. }
  193.  
  194. ::-webkit-scrollbar {
  195. height: 10px;
  196. width: 8px;
  197. background-color: {color:Scrollbar Background};
  198. }
  199.  
  200.  
  201. body {
  202.  
  203. background:{color:background};
  204. background-image:url(http://25.media.tumblr.com/tumblr_mcd43aet5j1rdvzeho1_1280.jpg);
  205. background-attachment: fixed;
  206. {block:ifnotBackgroundRepeat}
  207. background-size: 100% 100%;
  208. {/block:ifnotBackgroundRepeat}
  209. {block:ifBackgroundRepeat}
  210. background-repeat: repeat;
  211. {/block:ifBackgroundRepeat};
  212. margin:10px;
  213. color:{color:text};
  214. font-family: {select:font};
  215. font-size:{text:fontsize}px;
  216. line-height: 18px;
  217. }
  218.  
  219. a {
  220. text-decoration:none;
  221. outline:none;
  222. -moz-outline-style:none;
  223. color:{color:link};
  224. -webkit-transition: all 0.3s;
  225. -moz-transition: all 0.3s ;
  226. -o-transition: all 0.3s ;
  227. -ms-transition: all 0.3s ;
  228. transition: all 0.3s ;
  229. }
  230.  
  231. a:hover {
  232. color:{color:hover};
  233. -webkit-transition: all 0.3s;
  234. -moz-transition: all 0.3s ;
  235. -o-transition: all 0.3s ;
  236. -ms-transition: all 0.3s ;
  237. transition: all 0.3s ;
  238. }
  239.  
  240. #wrapper{
  241. width: 1200px;
  242. margin:auto;
  243. }
  244.  
  245. #content{
  246. width: 418px;
  247. margin: auto;
  248. margin-top: 30px;
  249. }
  250.  
  251. #post{
  252. position: relative;
  253. background-color: {color:posts};
  254. width:500px;
  255. {block:ifsidebarright}margin-left: -100px;{/block:ifsidebarright}
  256. {block:ifnot500pxpost}width: 400px;{/block:ifnot500pxpost}
  257. margin-bottom: 40px;
  258. margin-top: 2px;
  259. padding: 8px;
  260. border: 1px solid {color:border};
  261. {block:IfPostShadow}
  262. box-shadow:rgba(0,0,0,0.2)6px 6px;
  263. {/block:IfPostShadow}
  264.  
  265. }
  266.  
  267. img {
  268. border: 0;
  269. max-width: 100%;
  270. }
  271.  
  272.  
  273. #posttitle {
  274. width: auto;
  275. height: auto;
  276. text-align: center;
  277. font-size:16px;
  278. font-family: {select:font};
  279. color:{color:title color};
  280. padding: 5px;
  281. border-bottom: 1px solid {color:border};
  282. }
  283.  
  284.  
  285. blockquote {margin:10px 0px; display:block; position:relative; border-left: 2px solid #aaa;margin-left: 10px;
  286. padding-left:10px;
  287.  
  288. }
  289.  
  290. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
  291. margin-left: 10px;
  292. padding-left:10px;
  293. border-left:2px solid #ccc;
  294.  
  295. }
  296.  
  297. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
  298. margin-left: 10px;
  299. padding-left:10px;
  300. border-left:2px solid #ddd;
  301.  
  302. }
  303.  
  304. blockquote img {
  305. max-width:100%;
  306. }
  307.  
  308. #side{
  309. position: fixed;
  310. z-index: 999;
  311. background-color: transparent;
  312. margin-left:380px;
  313. width: 222px;
  314. margin-top:{text:sidebar margin top}px;
  315. {block:if500pxpost}margin-left: 480px;{/block:if500pxpost}
  316. {block:ifnotsidebarright}
  317. margin-left:-280px;
  318. {/block:ifnotsidebarright}
  319. }
  320.  
  321. #sidebar{
  322. position: relative;
  323. z-index: 999;
  324. border: 1px solid {color:border};
  325. padding: 5px;
  326. padding-top: 5px;
  327. width: 193px;
  328. margin-left: 5px;
  329. margin-top: 150px;
  330. min-height: 50px;
  331. background-color: #fff;
  332. font-size: 11px;
  333. font-family: {select:font};
  334. text-align: center;
  335.  
  336. {block:ifnotsidebarpic}
  337. margin-top: 100px;
  338. {/block:ifnotsidebarpic}
  339. }
  340.  
  341. #pagination {
  342. position:relative;
  343. margin-left: 5px;
  344. width: 203px;
  345. min-height: 20px;
  346. margin-top: 10px;
  347. text-align:center;
  348. background-color: {color:posts};
  349. border: 1px solid {color:border};
  350. padding-top: 5px;
  351. }
  352.  
  353. #pagination: a {
  354. font-size: 12px;
  355. text-align:center;
  356. padding:2px;
  357. }
  358.  
  359. #strip{
  360. position: relative;
  361. z-index: 1;
  362. background-color: transparent;
  363. letter-spacing: 10px;
  364. text-align: right;
  365. width: 193px;
  366. margin-top:-30px;
  367. margin-left: px;
  368. padding-bottom: 3px;
  369. font-size: 11px;
  370. border-bottom: 1px solid {color:border};
  371.  
  372. {block:ifsidebarpic}
  373. display: block;
  374. position: absolute;
  375. z-index: -1;
  376. width: 106px;
  377. margin-left: 110px;
  378. margin-top:40px;
  379. height: 100px;
  380. letter-spacing: 0px;
  381. border-bottom: 0px;
  382. {/block:ifsidebarpic}
  383.  
  384. {block:ifsidebarright}
  385. margin-left:0px;
  386. {/block:ifsidebarright}
  387. }
  388.  
  389. #lonk {
  390.  
  391. background-color: white;
  392. margin:auto;
  393. padding-top: 5px;
  394. }
  395.  
  396. #lonk a{
  397. display: block;
  398. font-size: 13px;
  399. height:20px;
  400. text-align: center;
  401. }
  402.  
  403. #pic{
  404. position: absolute;
  405. z-index: 100;
  406. margin-left:5px;
  407. margin-top: 40px;
  408. height: 100px;
  409. width: 100px;
  410. background-color: white;
  411. border: 1px solid {color:border};
  412. {block:ifsidebarright}
  413. margin-left:108px;
  414. {/block:ifsidebarright}
  415.  
  416.  
  417. }
  418.  
  419. #pic img{
  420.  
  421. position: absolute;
  422. z-index: 100;
  423. margin:auto;
  424. height: 100px;
  425. width: 100px;
  426. }
  427.  
  428. #footie {
  429. position: relative;
  430. min-height:15px;
  431. padding:3px;
  432. width: 507px;
  433. {block:ifnot500pxpost}width:407px;{/block:ifnot500pxpost}
  434. {block:ifsidebarright}margin-left: -100px;{/block:ifsidebarright}
  435. background-color: {color:footer};
  436. border-bottom: 1px solid #ccc;
  437. text-align:right;
  438. padding-right: 8px;
  439. font-size: 11px;
  440. }
  441.  
  442. #footie2 {
  443. position: absolute;
  444. {block:ifnotsidebarright}
  445. {block:ifnot500pxpost}margin-left:421px;
  446. {block:ifpostshadow}
  447. margin-left:428px;
  448. {/block:ifpostshadow}
  449. {/block:ifnot500pxpost}
  450. {block:if500pxpost}
  451. margin-left:521px;
  452. {block:ifpostshadow}
  453. margin-left:528px;
  454. {/block:ifpostshadow}
  455. {/block:if500pxpost}
  456.  
  457. {/block:ifnotsidebarright}
  458.  
  459. height:20px;
  460. padding-right:5px;
  461. padding-top: 7px;
  462. vertical-align: middle;
  463. width: 18px;
  464. background-color: {color:footer};
  465. border-left: 2px solid #aaa;
  466. text-align: center;
  467. border-radius:0px 5px 5px 0px;
  468.  
  469. {block:ifsidebarright}
  470. margin-left: 0px;
  471. border-radius:5px 0px 0px 5px;
  472. border-right: 2px solid #aaa;
  473. border-left: 0px solid {color:border};
  474. margin-left:-128px;
  475. {/block:ifsidebarright}
  476. }
  477.  
  478. #footie3 {
  479. position: absolute;
  480. {block:ifnotsidebarright}
  481. {block:ifnot500pxpost}margin-left:421px;
  482. {block:ifpostshadow}
  483. margin-left:428px;
  484. {/block:ifpostshadow}
  485. {/block:ifnot500pxpost}
  486. {block:if500pxpost}
  487. margin-left:521px;
  488. {block:ifpostshadow}
  489. margin-left:528px;
  490. {/block:ifpostshadow}
  491. {/block:if500pxpost}
  492.  
  493. {/block:ifnotsidebarright}
  494. height:20px;
  495. padding-right:5px;
  496. padding-top: 7px;
  497. margin-top: 40px;
  498. vertical-align: middle;
  499. width: 18px;
  500. background-color: {color:footer};
  501. border-left: 2px solid #aaa;
  502. text-align: center;
  503. border-radius:0px 5px 5px 0px;
  504.  
  505. {block:ifsidebarright}
  506. margin-left: 0px;
  507. border-radius:5px 0px 0px 5px;
  508. border-right: 2px solid #aaa;
  509. border-left: 0px solid {color:border};
  510. margin-left:-128px;
  511. {/block:ifsidebarright}
  512. }
  513.  
  514. #info {
  515. position:relative;
  516. width: auto;
  517. height: auto;
  518. padding: 5px;
  519. margin-top:15px;
  520. border-top: 1px solid {color:border};
  521. background-color: {color:footer background};
  522. text-align:center;
  523. }
  524. #text {
  525. position:relative;
  526. display:block;
  527. background-color: transparent;
  528. word-wrap: break-word;
  529. }
  530.  
  531. #tags {
  532.  
  533. position:relative;
  534. display:block;
  535. min-height:15px;
  536. padding:3px;
  537. background-color: {color:posts};
  538. border-top: 1px solid #ccc;
  539. text-align: left;
  540. font-size: 11px;
  541. }
  542.  
  543. #quote {
  544. text-size: 20px;
  545. padding: 10px 10px 5px 10px;
  546. font-family: georgia;
  547. text-align: center;
  548. }
  549.  
  550. #open {
  551. position: absolute;
  552. font-size:70px;
  553. margin-top: 10px;
  554. margin-left: -10px;
  555. font-family:georgia;
  556. text-align: left;
  557. opacity: 0.5;
  558. }
  559.  
  560. #close {
  561. position: absolute;
  562. font-size: 70px;
  563. font-family:georgia;
  564. opacity: 0.5;
  565. padding-top: 5px;
  566. margin-left: 360px;
  567. {block:if500pxpost}
  568. margin-left:460px;
  569. {/block:if500pxpost}
  570. }
  571.  
  572. #source {
  573. text-align: right;
  574. padding-top: 5px;
  575. padding-right: 10px;
  576. }
  577.  
  578. .tumblr_audio_player {
  579. border: 1px solid {color:border};
  580. height: 40px;
  581. margin-left: 125px;
  582. width: 375px;
  583. {block:ifnot500pxpost}width:275px;{block:ifnot500pxpost}
  584. }
  585.  
  586.  
  587.  
  588. .audioimgwrapper {
  589. position: absolute;
  590. left: 0px;
  591. top: 0px;
  592. border: 1px solid {color:border};
  593. overflow: hidden;
  594. width: 115px;
  595. height: 115px;
  596. }
  597.  
  598. .audioimgwrapper img {
  599. width: 100%;
  600. height: auto;
  601. }
  602.  
  603. .trackdetails {
  604. width: auto;
  605. display:inline-block;
  606. padding-top:10px;
  607. margin-left: 125px;
  608. min-height: 75px;
  609. }
  610.  
  611. .audiowrapper {
  612. position: relative;
  613. display:inline-block;
  614. }
  615.  
  616. select {
  617. -webkit-appearance: none;
  618. -moz-appearance: none;
  619. appearance: none;
  620. padding: 2px;
  621. height: auto;
  622. border: none;
  623. font-family:{select:font};
  624. font-size:11px;
  625. color: {color:text};
  626. width: 175px;
  627. border:1px solid {color:nav menu border};
  628. background-color: {color:nav menu bg};
  629. }
  630.  
  631. .bubble {
  632.  
  633. font-size: 12px;
  634. line-height: 20px;
  635. padding: 8px 10px;
  636. position: relative;
  637. display:block;
  638. margin-bottom: 1em;
  639. min-height: 45px;
  640. }
  641.  
  642. .portrait {
  643. display:inline;
  644. border: 1px solid {color:border};
  645. border-radius: 20px 20px 0px 20px;
  646. }
  647.  
  648. #asker {
  649. position:relative;
  650. background-color: #000;
  651. font-weight:bold;
  652. font-size: 12px;
  653. text-align:left;
  654. width: 300px;
  655. float: right;
  656. }
  657.  
  658. #answerer {
  659. font-weight:bold;
  660. font-size: 12px;
  661. text-align:left;
  662. padding-left:25px;
  663. }
  664.  
  665. #question {
  666.  
  667. font-size: 12px;
  668. text-align:left;
  669. margin-left: 50px;
  670. }
  671.  
  672. #answer {
  673.  
  674. font-size: 12px;
  675. text-align:left;
  676. margin-left: 50px;
  677. }
  678.  
  679. #notes {
  680. padding:10px;
  681. background-color: {color:posts color};
  682. font-size: 11px;
  683. max-height: 400px;
  684. overflow-y:auto;
  685. border-top: 1px solid {color:border};
  686. }
  687. ol.notes {
  688.  
  689. list-style: none;
  690. padding: 0px 0px 10px 0px;
  691. }
  692.  
  693. ol.notes img {
  694. width: 16px;
  695. height: 16px;
  696. border: 1px solid {color:border};
  697. margin-right: 5px; width: 16px; height: 16px;
  698. }
  699.  
  700. #nextp {
  701. width: 125px;
  702. display:block;
  703. float:right;
  704. padding-right:5px;
  705. text-align:right;
  706. }
  707.  
  708. #previousp {
  709. width: 125px;
  710. display:block;
  711. margin-left: 5px;
  712. float:left;
  713. padding-right:5px;
  714. text-align:left;
  715. }
  716.  
  717. #search {
  718. position:relative;
  719. margin: 5px;
  720. width: 203px;
  721. margin-top: 15px;
  722. }
  723.  
  724. .sfm input {
  725. font-size: 11px;
  726. border: 0px;
  727. text-transform: lowercase;
  728. height: 20px;
  729. margin-top: 0px;
  730. color: {color:font};
  731. letter-spacing: 1px;
  732. padding: 4px 8px;
  733. font-family: {select:font}
  734. }
  735.  
  736. #sf {
  737. height: 15px; vertical-align: top; width: 149px;
  738. }
  739.  
  740. #sb {
  741. height: 15px; vertical-align: top;
  742. background-color: white;
  743. }
  744.  
  745.  
  746.  
  747.  
  748. {CustomCSS}
  749.  
  750. </style>
  751.  
  752.  
  753. </head>
  754. <body>
  755. <!-- SCM Music Player http://scmplayer.net -->
  756. <script type="text/javascript" src="http://scmplayer.net/script.js"
  757. data-config="{'skin':'http://static.tumblr.com/mky4cgu/hQTmbhphi/simplespretafalsa-moral.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Depeche Mode - Never Let Me Down','url':'https://www.youtube.com/watch?v=iY9pIO8mlgg'},{'title':'Ratatat - Bilar','url':'https://www.youtube.com/watch?v=7FyfVIpczgo'},{'title':'edIT - If You Crump Stand Up','url':'https://www.youtube.com/watch?v=cAn4lQyTJfI'},{'title':'Hip 2-2','url':'https://www.youtube.com/watch?v=gv4A6XzTCSs'},{'title':'Fever The Ghost - Source','url':'https://www.youtube.com/watch?v=9RHFFeQ2tu4'},{'title':'Rob Cantor - I%27m Gonna Win','url':'https://www.youtube.com/watch?v=p_AY5pAAbQY'},{'title':'Timber Timbre - Bad Ritual','url':'https://www.youtube.com/watch?v=20hFaQVXjNw'},{'title':'IAMX - Volatile Times','url':'https://www.youtube.com/watch?v=bLiKtMJaJoY'},{'title':'IAMX - Music People','url':'https://www.youtube.com/watch?v=FQGazjCYgjs'},{'title':'Crystal Castles - Wrath of God (slowed)','url':'https://www.youtube.com/watch?v=S-IftG1DX-I'}]}" ></script>
  758. <!-- SCM Music Player script end -->
  759. <div id="wrapper">
  760. <div id="content">
  761. <div id="side">
  762. {block:ifsidebarpic}<div id="pic"><a href="/" title="{text:sidepic title}"><img src="{image:sidebar}"/></a></div>
  763.  
  764. <div id="strip">
  765. <table style="margin:auto;border-collapse: separate;border-spacing: 6px 6px;">
  766. <tr style="height: 40px;">
  767. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  768. <div id="lonk">
  769. <a href="/" title="home"><i class="refresh"></i></a>
  770. </td></div>
  771. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  772. <div id="lonk">
  773. <a href="/ask" title="inbox"><i class="envelope"></i></a>
  774. </td></div>
  775. </tr>
  776.  
  777. <tr style="height: 40px;">
  778. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  779. <div id="lonk">
  780. <a href="/archive" title="archive"><i class=""></i></a>
  781. </td></div>
  782. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  783. <div id="lonk">
  784. <a href="http://karasunogf.tumblr.com" title="theme"><i class="circle-thin"></i></a>
  785. </td></div>
  786. </tr>
  787. </table>
  788.  
  789. </div>
  790. {/block:ifsidebarpic}
  791. <div id="sidebar">
  792. {block:ifnotsidebarpic}
  793.  
  794. <div id="strip">
  795. </div>
  796. {/block:ifnotsidebarpic}
  797. <br>
  798. {Description}
  799. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  800. <p>{block:ifdropdownnav}
  801. <form action="">
  802. <select onChange="location.href=this.options[this.selectedIndex].value;">
  803. <option value="">{text:navigation title}</option>
  804. {block:ifLink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:ifLink1}
  805. {block:ifLink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:ifLink2}
  806. {block:ifLink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:ifLink3}
  807. {block:ifLink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:ifLink4}
  808. {block:ifLink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:ifLink5}
  809. {block:ifLink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:ifLink6}
  810. {block:ifLink7}<option value="{text:link 7 url}">{text:link 7 title}</option>{/block:ifLink7}
  811. {block:ifLink8}<option value="{text:link 8 url}">{text:link 8 title}</option>{/block:ifLink8}
  812. </select>
  813. </form>
  814. {/block:ifdropdownnav}</div>
  815.  
  816. {block:ifnotinfinitescroll}{block:Pagination}
  817. <div id="pagination">
  818.  
  819. {block:PreviousPage}<a class="jump_page" href="{PreviousPage}"><i class="fa fa-chevron-left" title="previous page"></i></a>{/block:PreviousPage}
  820. {block:JumpPagination length="5"}
  821. {block:CurrentPage}<span class="current_page" style="padding:5px">{PageNumber}</span>{/block:CurrentPage}
  822. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  823. {/block:JumpPagination}
  824. {block:NextPage}<a class="jump_page" href="{NextPage}"><i class="fa fa-chevron-right" title="next page"></i></a>{/block:NextPage}
  825. </div>
  826. {/block:Pagination}
  827. {/block:ifnotinfinitescroll}
  828.  
  829. {block:ifsearchbar}
  830. <div id="search">
  831. <form action="/search" method="get" class="sfm">
  832. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  833. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb" title="search"/>
  834. </form>
  835. </div>
  836. {/block:ifsearchbar}
  837. </div>
  838.  
  839. {block:Posts}
  840.  
  841. <!-- {block:NoRebloggedFrom}
  842. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  843. {/block:NoRebloggedFrom} -->
  844.  
  845. {block:ContentSource}<!-- {SourceURL}
  846. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849.  
  850. {block:IndexPage}
  851.  
  852. {block:ifnotshortfooter}
  853. <div id="footie"><a href="{permalink}" title="permalink"> {block:Date}{TimeAgo}{/block:Date}</a> ✖ <a href="{permalink}" title="{NoteCountWithLabel}">{block:NoteCount}{NoteCount} {/block:NoteCount}</a> ✖ <a href="{ReblogURL}" title="reblog">reblog</a>
  854. </div>
  855. {/block:ifnotshortfooter}
  856.  
  857. {block:ifshortfooter}
  858. <div id="footie2"><a href="{permalink}" title="{block:Date}{TimeAgo}{/block:Date} with {NoteCountWithLabel}"><i class="fa fa-plus"></i></a></div>
  859. <div id="footie3"><a href="{ReblogURL}" title="reblog"><i class="fa fa-refresh"></i></a></div>
  860. {/block:ifshortfooter}
  861.  
  862. {/block:IndexPage}
  863.  
  864.  
  865. {block:ifinfinitescroll}<div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  866. <div id="post">
  867.  
  868. {block:Text}
  869. <div id="text">
  870. {block:Title}
  871. <div class="posttitle">{Title}</div>
  872. {/block:Title}
  873. {Body}
  874. </div>
  875. {/block:Text}
  876.  
  877. {block:Photo}
  878. <div class="photo">
  879. {LinkOpenTag}<a href="{Permalink}">{block:if500pxpost}<img src="{PhotoURL-500}">{/block:if500pxpost}
  880. {block:ifnot500pxpost}<img src="{PhotoURL-400}">{/block:ifnot500pxpost}{LinkCloseTag}
  881. {block:Caption}
  882. <div id="text">{Caption}</div>
  883. {/block:Caption}
  884. </div>
  885. {/block:Photo}
  886.  
  887. {block:Panorama}
  888. <div class="post panorama">
  889. {LinkOpenTag}
  890. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  891. {LinkCloseTag}{block:Caption}
  892. <div id="text">{Caption}</div>
  893. {/block:Caption}
  894. </div>
  895. {/block:Panorama}
  896.  
  897. {block:Photoset}
  898. <div class="post photoset">
  899. {block:if500pxpost}{Photoset-500}{/block:if500pxpost}
  900. {block:ifnot500pxpost}{Photoset-400}{block:ifnot500pxpost}{block:Caption}
  901. <div id="text">{Caption}</div>
  902. {/block:Caption}
  903. </div>
  904. {/block:Photoset}
  905.  
  906. {block:Link}
  907. <div class="post link">
  908. <a href="{URL}" class="link" {Target}>{Name}</a>
  909. </div>
  910.  
  911. {block:Description}
  912. <div class="description">{Description}</div>
  913. {/block:Description}
  914. </li>
  915. {/block:Link}
  916.  
  917. {block:Quote}<div id="quote"><div id="open">“</div>{Quote}<div id="close">”</div></div><br><div id="source">{block:Source}— {Source}{/block:Source}</div>{/block:Quote}
  918.  
  919. {block:Chat}<div id="posttitle">{Title}</div>{/block:Title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  920.  
  921. {block:Video}
  922. <div class="post video">
  923. {Video-400}{block:Caption}
  924. <div id="text">{Caption}</div>
  925. {/block:Caption}
  926. </div>
  927. {/block:Video}
  928.  
  929. {block:AudioPlayer}
  930. <div class="audiowrapper">
  931. {block:AlbumArt}
  932. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  933. {/block:AlbumArt}
  934.  
  935. {AudioPlayerWhite}
  936. <div class="trackdetails">
  937. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  938. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  939. {block:Album}Album: {Album}{/block:Album}<br/>
  940. </div>
  941. </div>
  942. {block:permalinkpage}
  943. {block:Caption}{Caption}{/block:Caption}
  944. {/block:permalinkpage}
  945.  
  946. {/block:AudioPlayer}
  947.  
  948. {block:Answer}
  949. <table style="border-bottom:1px solid {color:border};padding-bottom:5px;margin-bottom:5px;width: {block:ifnot500pxpost}400px{/block:ifnot500pxpost}{block:if500pxpost}500px{/block:if500pxpost}; min-height: 50px; background-color: #fff; border-bottom: 1px line {color:border}">
  950. <tr>
  951. <td style="vertical-align:top;width:45px; padding-top: 5px"><a href="{AskerURL}" title="{AskerName}"><img class="portrait" src="{AskerPortraitURL-40}" alt=""></a></td>
  952.  
  953. <td style="vertical-align:top;padding: 10px; padding-left:5px"><strong><a href="{AskerURL}">{Asker}</a> said:</strong> <br>{Question}</td>
  954. </tr>
  955. </table>
  956.  
  957. <table style="padding-bottom:5px;margin-bottom:5px;width: 400px; min-height: 50px; background-color: #fff;">
  958. <tr>
  959. <td style="vertical-align:top; margin-left: -10px; padding: 10px;">{Answer}</td>
  960. </tr>
  961. </table>
  962.  
  963. {/block:Answer}
  964.  
  965. {block:permalinkpage}
  966. {block:Date}
  967. <div id="info">
  968. {Month} {DayOfMonth}, {Year} &mdash; {12Hour}:{Minutes}{AmPm}{block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}
  969. <br>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  970. </a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  971. {/block:RebloggedFrom}
  972. <p>
  973. {block:HasTags}<div id="tags">tagged:{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  974. <p>
  975.  
  976. {block:PermalinkPagination}
  977. <div id="nextp">{block:NextPost}<a href="{NextPost}">next post →</a>{/block:NextPost}</div>
  978. <div id="previousp">{block:PreviousPost}<a href="{PreviousPost}">← previous post</a>{/block:PreviousPost}</div>
  979. {/block:PermalinkPagination}
  980. <br><br>
  981. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  982. {/block:Date}
  983. {/block:permalinkpage}
  984.  
  985. {block:indexpage}
  986. {block:ifshowtags}{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}
  987. {/block:indexpage}
  988. </div>
  989.  
  990.  
  991. {/block:Posts}
  992. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  993.  
  994.  
  995.  
  996. <div id="imageright" style="position:fixed; bottom:{text:right image margin bottom}px; right:{text:right image margin left}px; z-index:-1;"><img src="{image:Right Image}"width="{text:right image width}"></div>
  997.  
  998. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  999. <!-- Start of StatCounter Code for Tumblr -->
  1000. <script type="text/javascript">
  1001. var sc_project=10418913;
  1002. var sc_invisible=1;
  1003. var sc_security="10639f38";
  1004. var scJsHost = (("https:" == document.location.protocol) ?
  1005. "https://secure." : "http://www.");
  1006. document.write("<sc"+"ript type='text/javascript' src='" +
  1007. scJsHost+
  1008. "statcounter.com/counter/counter.js'></"+"script>");
  1009. </script>
  1010. <noscript><div class="statcounter"><a title="tumblr visitor"
  1011. href="http://statcounter.com/tumblr/" target="_blank"><img
  1012. class="statcounter"
  1013. src="http://c.statcounter.com/10418913/0/10639f38/1/"
  1014. alt="tumblr visitor"></a></div></noscript>
  1015. <!-- End of StatCounter Code for Tumblr -->
  1016.  
  1017. </body>
  1018. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement