API tools faq
paste
Advertisement
kingdap

Let's Survive

kingdap
Feb 1st, 2015
2,948
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.48 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Let's Survive by mfe-themes
  3.  
  4. Credits:
  5. Q&A Posts: excolo
  6. Icons: weloveicons
  7.  
  8. Please keep the credits intact! You're free to make changes to the theme, but only for personal use.
  9.  
  10. -------------------------------------------------------------------------->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <meta name= "image:Background" content="http://static.tumblr.com/363537587fe8e0c3cdacb5400db9d15f/fp8s385/RQqnj2ld0/tumblr_static_cdihcuqz7hsskocws4s4w8kco.png">
  23. <meta name= "image:Music Player Gif" content="http://media.tumblr.com/tumblr_m1zdobeFFY1r3we0y.gif">
  24. <meta name= "image:Sidebar" content="http://static.tumblr.com/8b153904694fb8adbe10013419400ef2/fp8s385/hr9nj3zbd/tumblr_static_9jawsb3eo3s4ooscs4oww8s0o.png">
  25. <meta name= "image:NavBar BG" content="">
  26.  
  27. <meta name= "color:Background" content="#000000">
  28. <meta name= "color:Post Background" content="#363636">
  29.  
  30. <meta name= "color:Sidebar" content="#000000">
  31. <meta name= "color:Music Tab BG" content="">
  32. <meta name= "color:Description" content="#aaaaaa">
  33. <meta name= "color:Description Link" content="#e74f59">
  34. <meta name= "color:Description Link Hover" content="#dfbec3">
  35. <meta name= "color:Sidebar Icon" content="#b63737">
  36. <meta name= "color:Sidebar Icon Shadow" content="#490d06">
  37. <meta name= "color:Sidebar Link" content="#7e0e0e">
  38. <meta name= "color:Sidebar Link Hover" content="#eee9e9">
  39. <meta name= "color:Title" content="#d13e19">
  40. <meta name= "color:Title Hover" content="#edc6c6">
  41.  
  42. <meta name= "color:NavBar BG" content="#000000">
  43. <meta name= "color:NavBar Link" content="#fcfcfc">
  44. <meta name= "color:NavBar Link Underline" content="#fcfcfc">
  45. <meta name= "color:NavBar Link Hover" content="#b9b8b8">
  46.  
  47. <meta name= "color:Text" content="#bdbbbb">
  48. <meta name= "color:Emphasis Text" content="#d95e40">
  49. <meta name= "color:Link Post" content="#d76666">
  50. <meta name= "color:Link Post Hover" content="#e7cdcd">
  51. <meta name= "color:Links" content="#e56262">
  52. <meta name= "color:Links Hover" content="#c5c5c5">
  53. <meta name= "color:Pagination" content="#bbb">
  54. <meta name= "color:Pagination Current Page" content="#ffb3b3">
  55. <meta name= "color:Pagination Hover" content="#eee">
  56. <meta name= "color:Permalink Icon" content="#b0acac">
  57. <meta name= "color:Permalink Icon Hover" content="#8f9091">
  58. <meta name= "color:Tags" content="#df6464">
  59. <meta name= "color:Tags Hover" content="#888787">
  60. <meta name= "color:Permalink Tag" content="#dc4d4d">
  61. <meta name= "color:Permalink Tag Hover" content="#888787">
  62. <meta name= "color:Audio Post BG" content="#4e4c4c">
  63. <meta name= "color:Audio Post Label" content="#da5a63">
  64. <meta name= "color:Audio Post Text" content="#aaa">
  65. <meta name= "color:Ask BG" content="#4e4c4c">
  66. <meta name= "color:Ask Text" content="#c7c4c4">
  67.  
  68. <meta name= "color:Chat BG 1" content="#797777">
  69. <meta name= "color:Chat Text 1" content="#000000">
  70. <meta name= "color:Chat BG 2" content="#b8b6b6">
  71. <meta name= "color:Chat Text 2" content="#5e5a5a">
  72.  
  73. <meta name= "color:Scrollbar" content="#e54141">
  74. <meta name= "color:Scrollbar Background" content="#111">
  75.  
  76. <meta name="if:400 Post" content="0">
  77. <meta name="if:Show Tags" content="1">
  78. <meta name="if:Right Sidebar" content="0">
  79. <meta name="if:Infinite Scroll" content="0">
  80. <meta name="if:Captions" content="1">
  81. <meta name="if:Dark Theme" content="0">
  82. <meta name="if:Music Player" content="1">
  83. <meta name="if:Month Day Year" content="0">
  84. <meta name="if:Day Month Year" content="0">
  85. <meta name="if:Year Month Day" content="1">
  86. <meta name="if:12 Hour Time" content="0">
  87.  
  88. <meta name="text:Link 1" content="Link 1"/>
  89. <meta name="text:Link 1 URL" content="/"/>
  90. <meta name="text:Link 2" content="Link 2"/>
  91. <meta name="text:Link 2 URL" content="/"/>
  92. <meta name="text:Link 3" content="Link 3"/>
  93. <meta name="text:Link 3 URL" content="/"/>
  94. <meta name="text:Link 4" content="Link 4"/>
  95. <meta name="text:Link 4 URL" content="/"/>
  96. <meta name="text:Link 5" content="Link 5"/>
  97. <meta name="text:Link 5 URL" content="/"/>
  98. <meta name="text:Link 6" content="Link 6"/>
  99. <meta name="text:Link 6 URL" content="/"/>
  100. <meta name="text:Link 7" content="Link 7"/>
  101. <meta name="text:Link 7 URL" content="/"/>
  102. <meta name="text:Music Code" content="/"/>
  103.  
  104. <meta name="font:Body Font" content="Century Gothic">
  105. <meta name="font:Description Font" content="Century Gothic">
  106.  
  107. <title>{Title}</title>
  108.  
  109. <link rel="shortcut icon" href="{Favicon}" />
  110.  
  111. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  112.  
  113. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:250, tip_fade_speed:350, attribute:"title"}); }); })(jQuery); </script>
  114.  
  115. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  116.  
  117. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  118.  
  119. <style type= "text/css">
  120. ::-webkit-scrollbar-thumb:vertical {
  121. background-color:{color:Scrollbar};
  122. height: 2px;
  123. }
  124.  
  125. ::-webkit-scrollbar {
  126. background-color:{color:Scrollbar Background};
  127. height:4px;
  128. width: 5px;
  129. }
  130.  
  131. body {
  132. background-attachment: fixed;
  133. background-image: url('{image:Background}');
  134. background-color: {color:Background};
  135. font-family: {font:Body Font};
  136. margin-left: 0px;
  137. margin-top: 0px;
  138. margin-bottom: 66px;
  139. }
  140.  
  141. a:link, a:active, a:visited {
  142. text-decoration:none;
  143. color: {color:Links};
  144. -webkit-transition: all 0.6s ease-out;
  145. -moz-transition: all 0.6s ease-out;
  146. -o-transition: all 0.6s ease-out;
  147. }
  148.  
  149. a:hover {
  150. color: {color:Links Hover};
  151. }
  152.  
  153. #s-m-t-tooltip {
  154. display: block;
  155. font-family: calibri;
  156. text-transform: UPPERCASE;
  157. background: {color:Post Background};
  158. font-size: 8px;
  159. line-height: 10px;
  160. letter-spacing: 2px;
  161. border: 0px solid transparent;
  162. color:{color:Text};
  163. max-width: 250px;
  164. word-wrap: break-word;
  165. padding:3px 5px ;
  166. margin: 21px 1px 1px 15px;
  167. z-index: 9999999999999999;
  168. text-align:left;
  169. }
  170.  
  171. b, strong, .strong, i, em, .em {
  172. color:{color:Emphasis Text};
  173. }
  174.  
  175. blockquote {
  176. border-left: 2px solid {color:Text};
  177. padding: 3px 10px;
  178. margin: 0;
  179. margin-left: 15px;
  180. margin-top: 10px;
  181. margin-bottom: 10px;
  182. word-wrap: break-word;
  183. }
  184.  
  185. #tumblr_controls{
  186. position: fixed;
  187. right: 0px;
  188. top: 0px;
  189. }
  190.  
  191. #s-m-t-tooltip {
  192. display: block;
  193. font-family: calibri;
  194. text-transform: UPPERCASE;
  195. background: {color:Post Background};
  196. font-size: 8px;
  197. border 0px solid transparent;
  198. line-height: 10px;
  199. letter-spacing: 1px;
  200. color: {color:Text};
  201. max-width: 250px;
  202. word-wrap: break-word;
  203. padding:3px 5px ;
  204. margin: 21px 1px 1px 15px;
  205. z-index: 9999999999999999;
  206. text-align:left;
  207. }
  208.  
  209. /*HELP*/
  210.  
  211. /*TITLE*/
  212. .title {
  213. width: 175px;
  214. font-family: Montserrat;
  215. font-weight: 600;
  216. letter-spacing: 0px;
  217. text-align: center;
  218. font-size: 21px;
  219. margin-top: -7px;
  220. padding: 7px 7px 0px 7px;
  221. }
  222.  
  223. .title a {
  224. color: {color:Title};
  225. -webkit-transition: all 0.6s ease-out;
  226. -moz-transition: all 0.6s ease-out;
  227. -o-transition: all 0.6s ease-out;
  228. }
  229.  
  230. .title a:hover {
  231. letter-spacing: 2px;
  232. color: {color:Title Hover};
  233. }
  234.  
  235. /*SIDEBAR*/
  236. #sidebar {
  237. {block:ifnotRightSidebar}
  238. left: 120px;
  239. {/block:ifnotRightSidebar}
  240. {block:ifRightSidebar}
  241. right: 120px;
  242. {/block:ifRightSidebar}
  243. margin-top: 0px;
  244. position: fixed;
  245. z-index: 99;
  246. }
  247.  
  248. #sideimg {
  249. width: 175px;
  250. margin-top: 0px;
  251. height: auto;
  252. z-index: 99;
  253. }
  254.  
  255. #sideimg img {
  256. border: 7px solid {color:Sidebar};
  257. background-color: {color:Sidebar};
  258. }
  259.  
  260. /*DESCRIPTION*/
  261. .desc {
  262. font-family: {font:Description Font};
  263. overflow: auto;
  264. font-size: 11px;
  265. color: {color:Description};
  266. width: 175px;
  267. margin-top: -3px;
  268. padding: 0px 7px 7px 7px;
  269. text-align: center;
  270. height: 125px;
  271. }
  272.  
  273. .desc a {
  274. color: {color:Description Link};
  275. -webkit-transition: all 0.6s ease-out;
  276. -moz-transition: all 0.6s ease-out;
  277. -o-transition: all 0.6s ease-out;
  278. }
  279.  
  280. .desc a:hover {
  281. color: {color:Description Link Hover};
  282. }
  283.  
  284. /*LINKS*/
  285. #slink {
  286. position: absolute;
  287. margin-top: 4px;
  288. }
  289.  
  290. .sidelink {
  291. text-align: center;
  292. max-height: 16px;
  293. overflow-y: auto;
  294. font-family: {font:Body Font};
  295. font-size: 12px;
  296. margin-top: -15px;
  297. {block:ifnotRightSidebar}
  298. margin-left: 47px;
  299. {/block:ifnotRightSidebar}
  300. {block:ifRightSidebar}
  301. margin-left: -177px;
  302. {/block:ifRightSidebar}
  303. position: absolute;
  304. line-height: 12px;
  305. {block:ifnotDarkTheme}
  306. background: rgba(255, 255, 255, 0.7);
  307. {block:ifnotDarkTheme}
  308. {block:ifDarkTheme}
  309. background: rgba(0, 0, 0, 0.7);
  310. {block:ifDarkTheme}
  311. width: 149px;
  312. padding: 2px 3px;
  313. z-index: 999999999;
  314. opacity: 0;
  315. -webkit-transition: all 0.6s ease-out;
  316. -moz-transition: all 0.6s ease-out;
  317. -o-transition: all 0.6s ease-out;
  318. }
  319.  
  320. .link:hover .sidelink {
  321. opacity: 1;
  322. }
  323.  
  324. #linkcont {
  325. height: 20px;
  326. {block:ifnotRightSidebar}
  327. margin-left: -37px;
  328. {/block:ifnotRightSidebar}
  329. {block:ifRightSidebar}
  330. margin-left: 187px;
  331. {/block:ifRightSidebar}
  332. margin-top: 17px;
  333. width: 30px;
  334. padding: 0px 7px;
  335. }
  336.  
  337. .link {
  338. font-family: FontAwesome;
  339. display: block;
  340. font-size: 25px;
  341. line-height: 13px;
  342. }
  343.  
  344. .link a {
  345. text-decoration:none;
  346. color: {color:Sidebar Icon};
  347. text-shadow: 0px 0px {color:Sidebar Icon Shadow}, 0px 0px {color:Sidebar Icon};
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -moz-transition: all 0.5s ease-in-out;
  350. -o-transition: all 0.5s ease-in-out;
  351. }
  352.  
  353. .link a:hover {
  354. text-shadow: 10px 0px transparent, -10px 0px transparent;
  355. }
  356.  
  357. .sidelink a {
  358. color: {color:Sidebar Link};
  359. text-shadow: 0px 0px transparent, 0px 0px transparent;
  360. }
  361.  
  362. .sidelink a:hover {
  363. color: {color:Sidebar Link Hover};
  364. text-shadow: 0px 0px transparent, 0px 0px transparent;
  365. }
  366.  
  367. /*NAVBAR*/
  368. .navbar {
  369. top: 0px;
  370. width: 100%;
  371. padding: 2px 0px 7px 0px;
  372. position: fixed;
  373. background-image: url('{image:NavBar BG}');
  374. background-color: {color:NavBar BG};
  375. z-index: 99;
  376. -webkit-transition: all 0.6s ease-out;
  377. -moz-transition: all 0.6s ease-out;
  378. -o-transition: all 0.6s ease-out;
  379. }
  380.  
  381. .navlink {
  382. padding: 1px;
  383. width: 100px;
  384. text-transform: uppercase;
  385. letter-spacing: 1px;
  386. font-size: 10px;
  387. text-align: center;
  388. height: 13px;
  389. margin-top: 2px;
  390. background-color: transparent;
  391. display: inline-block;
  392. margin-right: 10px;
  393. -webkit-transition: all 0.6s ease-out;
  394. -moz-transition: all 0.6s ease-out;
  395. -o-transition: all 0.6s ease-out;
  396. }
  397.  
  398. .underline {
  399. width: 0px;
  400. margin-top: 2px;
  401. border-bottom: 1px solid {color:NavBar Link Underline};
  402. -webkit-transition: all 0.4s ease-out;
  403. -moz-transition: all 0.4s ease-out;
  404. -o-transition: all 0.4s ease-out;
  405. }
  406.  
  407. .navlink:hover .underline {
  408. width: 100%;
  409. }
  410.  
  411. .navlink a {
  412. color: {color:NavBar Link};
  413. }
  414.  
  415. .navlink a:hover {
  416. color:{color:NavBar Link Hover};
  417. }
  418.  
  419. /*POST*/
  420. #content {
  421. width: 100%;
  422. margin-top: 100px;
  423. margin-bottom: 17px;
  424. z-index: 9999;
  425. }
  426.  
  427. .post {
  428. {block:if400Post}
  429. width: 400px;
  430. {/block:if400Post}
  431. {block:ifnot400Post}
  432. width: 500px;
  433. {/block:ifnot400Post}
  434. margin-bottom: 30px;
  435. padding: 10px;
  436. font-family: {font:Body Font};
  437. font-size: 11px;
  438. text-align: left;
  439. letter-spacing: 1px;
  440. line-height: 15px;
  441. color: {color:Text};
  442. z-index: 90;
  443. background-color: {color:Post Background};
  444. overflow: visible;
  445. }
  446.  
  447. /*TEXT*/
  448. .ttitle {
  449. font-family: Montserrat;
  450. font-size: 18px;
  451. text-align: center;
  452. color: {color:Text};
  453. }
  454.  
  455. /*CAPTIONS*/
  456. .caption {
  457. margin-top: -5px;
  458. margin-bottom:-10px;
  459. }
  460.  
  461. /*LINK*/
  462. .ltitle {
  463. font-family: Montserrat;
  464. font-size: 18px;
  465. text-align: center;
  466. color: {color:Link Post};
  467. margin-bottom: -3px;
  468. -webkit-transition: all 0.7s linear;
  469. -moz-transition: all 0.7s linear;
  470. -o-transition: all 0.7s linear;
  471. }
  472.  
  473. .ltitle a {
  474. color: {color:Link Post};
  475. }
  476.  
  477. .ltitle a:hover {
  478. color: {color:Link Post Hover};
  479. }
  480.  
  481. .lline {
  482. width: 0px;
  483. margin-top: 6px;
  484. border-bottom: 1px solid {color:Link Post};
  485. -webkit-transition: all 0.4s ease-out;
  486. -moz-transition: all 0.4s ease-out;
  487. -o-transition: all 0.4s ease-out;
  488. }
  489.  
  490. .ltitle:hover .lline {
  491. width: 100%;
  492. }
  493.  
  494. /*CHAT*/
  495. .line.even {
  496. background-color: {color:Chat BG 2};
  497. padding: 1px 0px 1px 4px;
  498. color: {color:Chat Text 2};
  499. }
  500.  
  501. .line.even b {
  502. color: {color:Chat Text 2};
  503. }
  504.  
  505. .line.odd {
  506. background-color: {color:Chat BG 1};
  507. padding:1px 0px 1px 4px;
  508. color: {color:Chat Text 1};
  509. }
  510.  
  511. .line.odd b {
  512. color: {color:Chat Text 1};
  513. }
  514.  
  515. /*QUOTE*/
  516. .quote {
  517. font-family: Montserrat;
  518. line-height: 18px;
  519. font-size: 15px;
  520. text-align: center;
  521. text-transform: none;
  522. }
  523.  
  524. .source {
  525. text-align: right;
  526. }
  527.  
  528. /*AUDIO*/
  529. .album {
  530. background-repeat: no-repeat;
  531. background-position: center;
  532. width: 100px;
  533. height: 100px;
  534. background-color: {color:Audio Post BG};
  535. background-size: 75px;
  536. background-image: url('https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/high_volume-128.png');
  537. overflow: hidden;
  538. }
  539.  
  540. .album img {
  541. width: 100px;
  542. height: 100px;
  543. overflow: hidden;
  544. }
  545.  
  546. .player {
  547. width: 20px;
  548. height: 27px;
  549. overflow: hidden;
  550. position: absolute;
  551. padding: 28px 34px 26px 26px;
  552. margin-left: 10px;
  553. margin-top: 10px;
  554. {block:ifnotDarkTheme}
  555. background-color: #fff;
  556. {/block:ifnotDarkTheme}
  557. {block:ifDarkTheme}
  558. background-color: #000;
  559. {/block:ifDarkTheme}
  560. opacity: 0.3;
  561. z-index: 10;
  562. -webkit-transition: all 0.4s;
  563. -moz-transition: all 0.4s;
  564. -o-transition: all 0.4s;
  565. }
  566.  
  567. .album:hover .player {
  568. opacity: 0.9;
  569. }
  570.  
  571. .track {
  572. float: left;
  573. position: absolute;
  574. margin-left: 110px;
  575. margin-top: -98px;
  576. text-align: left;
  577. line-height: 17px;
  578. z-index: 1;
  579. }
  580.  
  581. .info {
  582. margin-bottom: -15px;
  583. padding: 0px 5px;
  584. line-height: 30px;
  585. max-height: 30px;
  586. margin-top: 0px;
  587. color: {color:Audio Post Text};
  588. background: {color:Audio Post BG};
  589. overflow-y: auto;
  590. {block:if400Post}
  591. width: 280px;
  592. {/block:if400Post}
  593. {block:ifnot400Post}
  594. width: 380px;
  595. {/block:ifnot400Post}
  596. }
  597.  
  598. .info b {
  599. color: {color:Audio Post Label};
  600. text-decoration: underline;
  601. }
  602.  
  603. /*ASK*/
  604. #ask {
  605. {block:if400Post}
  606. width: 310px;
  607. height: auto;
  608. padding: 5px;
  609. {/block:if400Post}
  610. {block:ifnot400Post}
  611. width: 410px;
  612. height: auto;
  613. padding: 5px;
  614. {/block:ifnot400Post}
  615. background-color: {color:Ask BG};
  616. color: {color:Ask Text};
  617. }
  618.  
  619. .portrait {
  620. float: left;
  621. }
  622.  
  623. .portrait img {
  624. border: 3px solid {color:Ask BG};
  625. }
  626.  
  627. .triangle {
  628. margin-top: -3px;
  629. position: absolute;
  630. margin-left: 30px;
  631. font-family: Arial;
  632. font-size: 30px;
  633. color: {color:Ask BG};
  634. }
  635.  
  636. .asker {
  637. position: static;
  638. margin-left: 60px;
  639. }
  640.  
  641. .asker a {
  642. margin-left: 0px;
  643. }
  644.  
  645. .answer {
  646. margin-top:-5px;
  647. margin-bottom: -10px;
  648. position: relative;
  649. height: auto;
  650. {block:if400Post}
  651. width: 300px;
  652. {/block:if400Post}
  653. {block:ifnot400Post}
  654. width: 500px;
  655. {/block:ifnot400Post}
  656. }
  657.  
  658. /*PERMALINK*/
  659. .permalink {
  660. max-width: 100px;
  661. word-wrap: break-word;
  662. line-height: 12px;
  663. position: absolute;
  664. padding-right: 10px;
  665. padding-top:2px;
  666. padding-left: 10px;
  667. padding-bottom: 20px;
  668. {block:ifRightSidebar}
  669. margin-left: -37px;
  670. {/block:ifRightSidebar}
  671. {block:ifnotRightSidebar}
  672. {block:if400Post}
  673. margin-left: 407px;
  674. {/block:if400Post}
  675. {block:ifnot400Post}
  676. margin-left: 507px;
  677. {/block:ifnot400Post}
  678. {/block:ifnotRightSidebar}
  679. float: top;
  680. opacity: 0;
  681. margin-top:-10px;
  682. text-align:left;
  683. z-index: 5;
  684. display: inline;
  685. -webkit-transition: all 0.4s linear;
  686. -moz-transition: all 0.4s linear;
  687. -o-transition: all 0.4s linear;
  688. }
  689.  
  690. .post:hover .permalink {
  691. opacity: 1;
  692. }
  693.  
  694. .permalink a {
  695. color: {color:Permalink Icon};
  696. -webkit-transition: all 0.6s ease-out;
  697. -moz-transition: all 0.6s ease-out;
  698. -o-transition: all 0.6s ease-out;
  699. }
  700.  
  701. .permalink a:hover {
  702. color: {color:Permalink Icon Hover};
  703. }
  704.  
  705. .perma {
  706. opacity: 0;
  707. margin-top: -8px;
  708. display: block;
  709. z-index: 10;
  710. -webkit-transition: all 0.4s linear;
  711. -moz-transition: all 0.4s linear;
  712. -o-transition: all 0.4s linear;
  713. }
  714.  
  715. .post:hover .perma {
  716. opacity: 1;
  717. margin-top: 10px;
  718. }
  719.  
  720. .perm {
  721. opacity: 0;
  722. color: {color:Permalink};
  723. margin-top: -8px;
  724. display: block;
  725. z-index: 10;
  726. -webkit-transition: all 0.4s linear;
  727. -moz-transition: all 0.4s linear;
  728. -o-transition: all 0.4s linear;
  729. }
  730.  
  731. .post:hover .perm {
  732. opacity: 1;
  733. margin-top: 8px;
  734. -o-transition-delay: 0.3s;
  735. -moz-transition-delay: 0.3s;
  736. -webkit-transition-delay: 0.3s;
  737. transition-delay: 0.3s;
  738. }
  739.  
  740. /*TAGS*/
  741. .tags {
  742. margin-left: 2px;
  743. opacity: 0;
  744. text-transform: none;
  745. font-size: 9px;
  746. line-height:10px;
  747. margin-top: -5px;
  748. letter-spacing: 1px;
  749. color:{color:Tags};
  750. z-index:1000;
  751. display: block;
  752. {block:ifRightSidebar}
  753. text-align: right;
  754. {/block:ifRightSidebar}
  755. -webkit-transition: all 0.4s linear;
  756. -moz-transition: all 0.4s linear;
  757. -o-transition: all 0.4s linear;
  758. }
  759.  
  760. .tagcont {
  761. margin-top: -12px;
  762. line-height: 12px;
  763. opacity: 0;
  764. {block:ifnotRightSidebar}
  765. margin-left: 17px;
  766. {/block:ifnotRightSidebar}
  767. {block:ifRightSidebar}
  768. margin-left: -102px;
  769. margin-right: 3px;
  770. {/block:ifRightSidebar}
  771. -webkit-transition: all 0.4s linear;
  772. -moz-transition: all 0.4s linear;
  773. -o-transition: all 0.4s linear;
  774. }
  775.  
  776. .tagicon {
  777. font-family: FontAwesome;
  778. font-size: 12px;
  779. font-weight: 100;
  780. }
  781.  
  782. .tagu {
  783. width: 100px;
  784. word-wrap: break-word;
  785. -webkit-transition: all 0.4s linear;
  786. -moz-transition: all 0.4s linear;
  787. -o-transition: all 0.4s linear;
  788. }
  789.  
  790. .tagu a {
  791. color:{color:Tags};
  792. }
  793.  
  794. .tagu a:hover {
  795. color:{color:Tags Hover};
  796. }
  797.  
  798. .tags:hover .tagcont {
  799. -o-transition-delay: 0.3s;
  800. -moz-transition-delay: 0.3s;
  801. -webkit-transition-delay: 0.3s;
  802. transition-delay: 0.3s;
  803. opacity: 1;
  804. }
  805.  
  806. .post:hover .tags {
  807. opacity: 1;
  808. margin-top: 12px;
  809. -o-transition-delay: 0.7s;
  810. -moz-transition-delay: 0.7s;
  811. -webkit-transition-delay: 0.7s;
  812. transition-delay: 0.7s;
  813. }
  814.  
  815. /*PAGINATION*/
  816. #pag {
  817. border-top: 1px solid {color:Description};
  818. margin-top: 5px;
  819. font-family: Calibri;
  820. font-size: 10px;
  821. line-height: 12px;
  822. color: {color:Pagination Current Page};
  823. }
  824.  
  825. .pagi {
  826. width: 11px;
  827. margin-right: 3px;
  828. display: inline-block;
  829. height: 11px;
  830. padding: 2px 0px 0px 5px;
  831. }
  832.  
  833. .pagi a {
  834. color: {color:Pagination};
  835. -webkit-transition: all 0.5s ease-out;
  836. -moz-transition: all 0.5s ease-out;
  837. -o-transition: all 0.5s ease-out;
  838. }
  839.  
  840. .pagi a:hover {
  841. color: {color:Pagination Hover};
  842. }
  843.  
  844. /*PERMALINK PAGE*/
  845. #permtag {
  846. text-align: center;
  847. line-height: 10px;
  848. font-size: 10px;
  849. margin-top: -15px;
  850. color: {color:Text};
  851. border: 10px solid {color:Post Background};
  852. background: {color:Post Background};
  853. margin-bottom: 15px;
  854. {block:if400Post}
  855. width: 400px;
  856. {/block:if400Post}
  857. {block:ifnot400Post}
  858. width: 500px;
  859. {/block:ifnot400Post}
  860. }
  861.  
  862. #permtag a {
  863. color: {color:Permalink Tag};
  864. -webkit-transition: all 0.5s ease-out;
  865. -moz-transition: all 0.5s ease-out;
  866. -o-transition: all 0.5s ease-out;
  867. }
  868.  
  869. #permtag a {
  870. color: {color:Permalink Tag Hover};
  871. }
  872.  
  873. .notess {
  874. font-family: {font:Body Font};
  875. text-align: left;
  876. font-size: 11px;
  877. border: 10px solid {color:Post Background};
  878. background-color: {color:Post Background};
  879. color: {color:Text};
  880. {block:if400Post}
  881. width: 400px;
  882. {/block:if400Post}
  883. {block:ifnot400Post}
  884. width:500px;
  885. {/block:ifnot400Post}
  886. }
  887.  
  888. ol.notes {
  889. font-size: 9px;
  890. font-family: {font:Body Font};
  891. letter-spacing: 1px;
  892. text-transform: UPPERCASE;
  893. padding: 0px;
  894. margin: 5px 0px;
  895. list-style-type: none;
  896. border-bottom: solid 1px {color:Post Border};
  897. }
  898.  
  899. ol.notes li.note {
  900. border-top: solid 1px {color:Post Border};
  901. padding: 5px;
  902. }
  903.  
  904. ol.notes li.note img.avatar {
  905. vertical-align: -4px;
  906. margin-right: 10px;
  907. width: 16px;
  908. height: 16px;
  909. }
  910.  
  911. ol.notes li.note span.action {
  912. font-weight: normal;
  913. }
  914.  
  915. ol.notes li.note .answer_content {
  916. font-weight: normal;
  917. }
  918.  
  919. ol.notes li.note blockquote {
  920. border-color: {color:Post Border};
  921. padding: 3px 10px;
  922. margin: 10px 0px 0px 25px;
  923. }
  924.  
  925. ol.notes li.note blockquote a {
  926. text-decoration: none;
  927. }
  928.  
  929. /*MUSIC PLAYER*/
  930. #musiccont {
  931. width: 49px;
  932. padding: 0px 0px;
  933. position: absolute;
  934. overflow: hidden;
  935. margin-left: 70px;
  936. margin-top: -30px;
  937. -webkit-transition: all 0.6s linear;
  938. -moz-transition: all 0.6s linear;
  939. -o-transition: all 0.6s linear;
  940. -ms-transition: all 0.6s linear;
  941. transition: all 0.6s linear;
  942. }
  943.  
  944. .musicplayer {
  945. width: 50px;
  946. }
  947.  
  948. .musicplayer img {
  949. z-index: 9;
  950. -webkit-transition: all 0.6s ease-out;
  951. -moz-transition: all 0.6s ease-out;
  952. -o-transition: all 0.6s ease-out;
  953. -ms-transition: all 0.6s ease-out;
  954. transition: all 0.6s ease-out;
  955. }
  956.  
  957. .billy {
  958. width: 49px;
  959. height: 20px;
  960. padding: 2px 0px;
  961. background: {color:Music Tab BG};
  962. margin-top: -10px;
  963. opacity: 0;
  964. border-top-left-radius: 5px;
  965. border-top-right-radius: 5px;
  966. -webkit-transition: all 0.4s linear;
  967. -moz-transition: all 0.4s linear;
  968. -o-transition: all 0.4s linear;
  969. -ms-transition: all 0.4s linear;
  970. transition: all 0.4s linear;
  971. }
  972.  
  973. .billyplayer {
  974. width: 49px;
  975. height: 20px;
  976. overflow: hidden;
  977. margin-top: -5px;
  978. margin-left: -13px;
  979. position: absolute;
  980. z-index:99999;
  981. }
  982.  
  983. #musiccont:hover .billy {
  984. margin-top: -27px;
  985. opacity: 1;
  986. }
  987.  
  988. #musiccont:hover .musicplayer img {
  989. opacity: 0;
  990. }
  991.  
  992. </style>
  993.  
  994.  
  995. </head>
  996.  
  997. <body>
  998.  
  999. <div class="navbar">
  1000. <center>
  1001. <div class="navlink">
  1002. <a href="/">HOME</a>
  1003. <div class="underline"></div>
  1004. </div>
  1005.  
  1006. <div class="navlink">
  1007. <a href="/ask">MAIL</a>
  1008. <div class="underline"></div>
  1009. </div>
  1010.  
  1011. <div class="navlink">
  1012. <a href="/archive">PAST</a>
  1013. <div class="underline"></div>
  1014. </div>
  1015.  
  1016. <div class="navlink">
  1017. <a href="http://mfe-themes.tumblr.com/">THEME</a>
  1018. <div class="underline"></div>
  1019. </div>
  1020.  
  1021. </center>
  1022. </div>
  1023.  
  1024. <div id="sidebar">
  1025. <div id="slink">
  1026. <div id="linkcont">
  1027. {block:ifLink1}
  1028. <div class="link"><a href="{text:Link 1 URL}">&#xf192;</a>
  1029. <div class="sidelink">
  1030. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  1031. </div>
  1032. </div><br>
  1033. {/block:ifLink1}
  1034. {block:ifLink2}
  1035. <div class="link"><a href="{text:Link 2 URL}">&#xf192;</a>
  1036. <div class="sidelink">
  1037. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  1038. </div>
  1039. </div><br>
  1040. {/block:ifLink2}
  1041. {block:ifLink3}
  1042. <div class="link"><a href="{text:Link 3 URL}">&#xf192;</a>
  1043. <div class="sidelink">
  1044. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  1045. </div>
  1046. </div><br>
  1047. {/block:ifLink3}
  1048. {block:ifLink4}
  1049. <div class="link"><a href="{text:Link 4 URL}">&#xf192;</a>
  1050. <div class="sidelink">
  1051. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  1052. </div>
  1053. </div><br>
  1054. {/block:ifLink4}
  1055. {block:ifLink5}
  1056. <div class="link"><a href="{text:Link 5 URL}">&#xf192;</a>
  1057. <div class="sidelink">
  1058. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  1059. </div>
  1060. </div><br>
  1061. {/block:ifLink5}
  1062. {block:ifLink6}
  1063. <div class="link"><a href="{text:Link 6 URL}">&#xf192;</a>
  1064. <div class="sidelink">
  1065. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  1066. </div>
  1067. </div><br>
  1068. {/block:ifLink6}
  1069. {block:ifLink7}
  1070. <div class="link"><a href="{text:Link 7 URL}">&#xf192;</a>
  1071. <div class="sidelink">
  1072. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  1073. </div>
  1074. </div><br>
  1075. {/block:ifLink7}
  1076. </div>
  1077. </div>
  1078. {block:ifMusicPlayer}
  1079. <center>
  1080. <div id="musiccont">
  1081. <div class="musicplayer"><img src="{image:Music Player Gif}"/></div>
  1082.  
  1083. <div class="billy">
  1084. <div class="billyplayer">
  1085. {text:Music Code}
  1086. </div>
  1087. </div>
  1088. </div>
  1089. </center>
  1090. {/block:ifMusicPlayer}
  1091.  
  1092. <div id="sideimg">
  1093. <img src="{image:Sidebar}" width="175px"/>
  1094. </div>
  1095.  
  1096. <div class="title"><a href="/">{Title}</a></div>
  1097. <div class="desc">
  1098. {block:Description}
  1099. {Description}
  1100. {/block:Description}
  1101. {block:IfNotInfiniteScroll}
  1102. {block:IndexPage}
  1103. <div id="pag">
  1104. {block:Pagination}
  1105. {block:PreviousPage}
  1106. <div class="pagi">
  1107. <a class="jump_page" href="{PreviousPage}">«</a>
  1108. </div>
  1109. {/block:PreviousPage}
  1110.  
  1111. {block:JumpPagination length="3"}
  1112. {block:CurrentPage}
  1113. <div class="pagi">
  1114. <span class="current_page"> {PageNumber}</span>
  1115. </div>
  1116. {/block:CurrentPage}
  1117.  
  1118. {block:JumpPage}
  1119. <div class="pagi">
  1120. <a class="jump_page" href="{URL}"> {PageNumber}</a>
  1121. </div>
  1122. {/block:JumpPage}
  1123. {/block:JumpPagination}
  1124.  
  1125. {block:NextPage}
  1126. <div class="pagi">
  1127. <a class="jump_page" href="{NextPage}">»</a>
  1128. </div>
  1129. {/block:NextPage}
  1130. {/block:Pagination}
  1131. </div>
  1132. {/block:IndexPage}
  1133. {/block:IfNotInfiniteScroll}
  1134. </div>
  1135. </div>
  1136.  
  1137. </div>
  1138.  
  1139. <div id="content">
  1140. <center>
  1141.  
  1142. {block:Posts}
  1143.  
  1144. {block:IfInfiniteScroll}
  1145. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1146. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  1147. {/block:IfInfiniteScroll}
  1148.  
  1149. <div class="post">
  1150.  
  1151. {block:IndexPage}
  1152. <div class="permalink">
  1153. <div class="perma">
  1154. <a href="{Permalink}" title="{NoteCount} notes">
  1155. <div class="tagicon">&#xf0c1;</div>
  1156. </a>
  1157. </div>
  1158. <div class="perm">
  1159. <a href="{ReblogURL}" title="REBLOG?">
  1160. <div class="tagicon">&#xf079;</div>
  1161. </a>
  1162. </div>
  1163. {block:IfShowTags}{block:HasTags}
  1164. <div class="tags">
  1165. <a title="tags"><div class="tagicon">&#xf02b;</div></a>
  1166. <div class="tagcont">
  1167. {block:Tags}
  1168. <div class="tagu"><a href="{TagURL}">{Tag}</a>;&nbsp</div>
  1169. {/block:Tags}
  1170. </div>
  1171. </div>
  1172. {/block:HasTags}{/block:IfShowTags}
  1173. </div>
  1174. {/block:IndexPage}
  1175.  
  1176. {block:Text}
  1177. {block:Title}<div class="ttitle">{Title}</div>{/block:Title}
  1178. {Body}
  1179. {/block:Text}
  1180.  
  1181. {block:Photo}
  1182. <center>
  1183. {block:if400Post}
  1184. <img src="{PhotoURL-400}">
  1185. {/block:if400Post}
  1186. {block:ifnot400Post}
  1187. <img src="{PhotoURL-500}">
  1188. {/block:ifnot400Post}
  1189. </center>
  1190.  
  1191. {block:IndexPage}
  1192. {block:ifCaptions}
  1193. {block:Caption}
  1194. <div class="caption">
  1195. {Caption}
  1196. </div>
  1197. {/block:Caption}
  1198. {/block:ifCaptions}
  1199. {/block:IndexPage}
  1200.  
  1201. {block:PermalinkPage}
  1202. {block:Caption}
  1203. <div class="caption">
  1204. {Caption}
  1205. </div>
  1206. {/block:Caption}
  1207. {/block:PermalinkPage}
  1208. {/block:Photo}
  1209.  
  1210. {block:Photoset}
  1211. {block:if400Post}
  1212. {Photoset-400}
  1213. {/block:if400Post}
  1214. {block:ifnot400Post}
  1215. {Photoset-500}
  1216. {/block:ifnot400Post}
  1217.  
  1218. {block:IndexPage}
  1219. {block:ifCaptions}
  1220. {block:Caption}
  1221. <div class="caption">
  1222. {Caption}
  1223. </div>
  1224. {/block:Caption}
  1225. {/block:ifCaptions}
  1226. {/block:IndexPage}
  1227.  
  1228. {block:PermalinkPage}
  1229. {block:Caption}
  1230. <div class="caption">
  1231. {Caption}
  1232. </div>
  1233. {/block:Caption}
  1234. {/block:PermalinkPage}
  1235.  
  1236. {/block:Photoset}
  1237.  
  1238. {block:Quote}
  1239.  
  1240. <div class="quote">
  1241. {Quote}
  1242. </div>
  1243. <br>
  1244. <div class="source">— {Source}</div>
  1245. {/block:Quote}
  1246.  
  1247. {block:Link}
  1248. <div class="ltitle">
  1249. <a href="{URL}">{Name}</a>
  1250. <div class="lline"></div>
  1251. </div>
  1252. {block:Description}{Description}{/block:Description}
  1253. {/block:Link}
  1254.  
  1255. {block:Chat}
  1256. {block:Title}
  1257. <div class="ttitle">{Title}</div>
  1258. <div style="margin-bottom: 5px"></div>
  1259. {/block:Title}
  1260. {block:Lines}
  1261. <div class="line {Alt}">
  1262. {block:Label}<b>{Label}</b>{/block:Label}
  1263. {Line}<br>
  1264. </div>
  1265. {/block:Lines}
  1266. {/block:Chat}
  1267.  
  1268. {block:Video}
  1269.  
  1270. {block:if400Post}
  1271. {Video-400}
  1272. {/block:if400Post}
  1273. {block:ifnot400Post}
  1274. {Video-500}
  1275. {/block:ifnot400Post}
  1276.  
  1277. {block:IndexPage}
  1278. {block:ifCaptions}
  1279. {block:Caption}
  1280. <div class="caption">
  1281. {Caption}
  1282. </div>
  1283. {/block:Caption}
  1284. {/block:ifCaptions}
  1285. {/block:IndexPage}
  1286.  
  1287. {block:PermalinkPage}
  1288. {block:Caption}
  1289. <div class="caption">
  1290. {Caption}
  1291. </div>
  1292. {/block:Caption}
  1293. {/block:PermalinkPage}
  1294.  
  1295. {/block:Video}
  1296.  
  1297. {block:Audio}
  1298.  
  1299. <div class="album">
  1300. {block:ifDarkTheme}
  1301. {block:AudioPlayer}
  1302. <div class="player">{AudioPlayerBlack}</div>
  1303. {/block:AudioPlayer}
  1304. {/block:ifDarkTheme}
  1305. {block:ifnotDarkTheme}
  1306. {block:AudioPlayer}
  1307. <div class="player">{AudioPlayerWhite}</div>
  1308. {/block:AudioPlayer}
  1309. {/block:ifnotDarkTheme}
  1310. {block:AlbumArt}
  1311. <img src="{AlbumArtURL}">
  1312. {/block:AlbumArt}
  1313. </div>
  1314.  
  1315. <div class="track">
  1316. {block:TrackName}
  1317. <div class="info">
  1318. <b>Track</b> {TrackName}
  1319. </div>
  1320. {/block:TrackName}
  1321. <br/>
  1322. {block:Artist}
  1323. <div class="info">
  1324. <b>Artist</b> {Artist}
  1325. </div>
  1326. {/block:Artist}
  1327. <br/>
  1328. {block:Album}
  1329. <div class="info">
  1330. <b>Album</b> {Album}
  1331. </div>
  1332. {/block:Album}
  1333. </div>
  1334.  
  1335. {block:IndexPage}
  1336. {block:ifCaptions}
  1337. {block:Caption}
  1338. <div class="caption">
  1339. {Caption}
  1340. </div>
  1341. {/block:Caption}
  1342. {/block:ifCaptions}
  1343. {/block:IndexPage}
  1344.  
  1345. {block:PermalinkPage}
  1346. {block:Caption}
  1347. <div class="caption">
  1348. {Caption}
  1349. </div>
  1350. {/block:Caption}
  1351. {/block:PermalinkPage}
  1352.  
  1353. {/block:Audio}
  1354.  
  1355. {block:Answer}
  1356.  
  1357. <table style="margin-top: -3px;margin-left:-3px;padding-bottom:0px;margin-bottom:5px;">
  1358. <tr>
  1359. <td style="vertical-align:top;padding-right:7px;">
  1360. <div class="portrait"><img src="{AskerPortraitURL-64}"></div></td>
  1361. <td style="vertical-align:top;">
  1362. <div id="ask">
  1363. {Question}
  1364. </div>
  1365. <div class="triangle">◥</div><div class="asker">{Asker}</div>
  1366. </td>
  1367. </tr>
  1368. </table>
  1369. <div style ="margin-top: -3px;">
  1370. {Answer}
  1371. </div>
  1372. {/block:Answer}
  1373.  
  1374. {block:PermalinkPage}
  1375. <div style="padding-top: 5px;"></div>
  1376.  
  1377. <div style="padding-bottom: 5px; margin-bottom: 3px; margin-top: 3px; border-top: 1px solid {color:Text};"></div>
  1378.  
  1379. {block:RebloggedFrom}
  1380. <center>
  1381. <a href="{ReblogRootURL}">origin</a> |
  1382. <a href="{ReblogParentURL}">via</a>
  1383. </center>
  1384. {/block:RebloggedFrom}
  1385.  
  1386. {block:ContentSource}
  1387. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1388. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1389. {/block:SourceLogo}
  1390. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1391. {/block:ContentSource}
  1392.  
  1393. {block:Date}
  1394. <center>
  1395. {block:if12HourTime}
  1396. posted {12Hour}:{Minutes}{AmPm}
  1397. {block:if12HourTime}
  1398.  
  1399. {block:ifnot12HourTime}
  1400. posted {24Hour}:{Minutes}
  1401. {/block:ifnot12HourTime}
  1402. on
  1403. {block:ifMonthDayYear}
  1404. {MonthNumber}.{DayOfMonth}.{Year}
  1405. {/block:ifMonthDayYear}
  1406. {block:ifDayMonthYear}
  1407. {DayOfMonth}.{MonthNumber}.{Year}
  1408. {/block:ifDayMonthYear}
  1409. {block:ifYearMonthDay}
  1410. {Year}.{MonthNumber}.{DayOfMonth}
  1411. {/block:ifYearMonthDay}
  1412. </center>
  1413. {/block:Date}
  1414.  
  1415. <div style="margin-bottom: -3px;"></div>
  1416.  
  1417. {/block:PermalinkPage}
  1418.  
  1419. </div>
  1420.  
  1421. {block:PermalinkPage}
  1422.  
  1423. {block:HasTags}
  1424. <div id="permtag">
  1425. Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp&nbsp{/block:Tags}
  1426. </div>
  1427. {/block:HasTags}
  1428.  
  1429. {block:PostNotes}
  1430. <div class="notess">
  1431. <div style="text-align: center;">{NoteCount} notes</div>
  1432. <div style="margin-top:-5px;"></div>
  1433. {PostNotes}
  1434. </div>
  1435. {/block:PostNotes}
  1436. {/block:PermalinkPage}
  1437.  
  1438. {/block:Posts}
  1439. </center>
  1440. </div>
  1441.  
  1442. </body>
  1443.  
  1444. </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!