API tools faq
paste
txrpe

[07] MILK.OSX

txrpe
Jul 31st, 2016
417
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.96 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 07 [MILK.OSX] by saisei-themes @ tumblr
  4.  
  5. - do not repost
  6. - do not claim as your own
  7. - do not use as base
  8. - enjoy !
  9.  
  10. -->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. <script src="https://use.fontawesome.com/257106a2c1.js"></script>
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <meta name="color:bg" content="#fbfbfb" />
  31. <meta name="color:box1" content="#fff" />
  32. <meta name="color:links" content="#eaeaea" />
  33. <meta name="color:links hover" content="#c9c9c9" />
  34. <meta name="color:text" content="#cccccc" />
  35. <meta name="color:border" content="#ebebeb" />
  36. <meta name="color:border2" content="#eaeaea" />
  37. <meta name="color:windowtop" content="#fafafa" />
  38. <meta name="color:button1" content="#ffdbdb" />
  39. <meta name="color:button2" content="#fff0c3" />
  40. <meta name="color:button3" content="#cfeef8" />
  41. <meta name="color:blogt" content="#dadada" />
  42. <meta name="color:box shadow" content="#ccd6dc" />
  43. <meta name="color:bold" content="#dee9ed" />
  44.  
  45. <meta name="text:text size" content="9" />
  46. <meta name="text:desc" content="" />
  47. <meta name="text:blogtitle" content="" />
  48. <meta name="image:icon" content="" />
  49. <meta name="image:background" content="http://i.imgur.com/sRuUho4.jpg" />
  50.  
  51. <meta name="if:show captions" content="0" />
  52. <meta name="if:photo fade" content="1" />
  53. <meta name="if:grayscale posts" content="0" />
  54. <meta name="if:medium posts" content="0" />
  55. <meta name="if:large posts" content="0" />
  56.  
  57. <meta name="if:link1" content="1" />
  58. <meta name="if:link2" content="1" />
  59. <meta name="if:link3" content="1" />
  60. <meta name="if:link4" content="0" />
  61. <meta name="if:link5" content="0" />
  62. <meta name="if:link6" content="0" />
  63. <meta name="text:link 1 url" content="" />
  64. <meta name="text:link 1 title" content="" />
  65. <meta name="text:link 2 url" content="" />
  66. <meta name="text:link 2 title" content="" />
  67. <meta name="text:link 3 url" content="" />
  68. <meta name="text:link 3 title" content="" />
  69. <meta name="text:link 4 url" content="" />
  70. <meta name="text:link 4 title" content="" />
  71. <meta name="text:link 5 url" content="" />
  72. <meta name="text:link 5 title" content="" />
  73. <meta name="text:link 6 url" content="" />
  74. <meta name="text:link 6 title" content="" />
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("a[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:90,
  84. tip_fade_speed:600,
  85. attribute:"title"
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. body, a, #con {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  95.  
  96. ::-webkit-scrollbar{ width: 10px; }
  97.  
  98. #entries::-webkit-scrollbar-thumb{ background-color: {color:border}; border-radius: 100px 100px 100px 100px;
  99. -moz-border-radius: 100px 100px 10px 100px;
  100. -webkit-border-radius: 100px 100px 100px 100px; }
  101.  
  102. #entries::-webkit-scrollbar-track { background-color: {color:windowtop}; border-radius: 100px 100px 100px 100px;
  103. -moz-border-radius: 100px 100px 10px 100px;
  104. -webkit-border-radius: 100px 100px 100px 100px;}
  105.  
  106. #box2content::-webkit-scrollbar-thumb{ background-color: {color:border}; border-radius: 100px 100px 100px 100px;
  107. -moz-border-radius: 100px 100px 10px 100px;
  108. -webkit-border-radius: 100px 100px 100px 100px; }
  109.  
  110. #box2content::-webkit-scrollbar-track { background-color: {color:windowtop}; border-radius: 100px 100px 100px 100px;
  111. -moz-border-radius: 100px 100px 10px 100px;
  112. -webkit-border-radius: 100px 100px 100px 100px;}
  113.  
  114. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/s/0sdd8pywjeng50w/caviardreams.ttf?dl=1'); format(“truetype”);}
  115.  
  116. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/s/swqjp2tlc6l94cj/muli-light.ttf?dl=1'); format(“truetype”);}
  117.  
  118. @-webkit-keyframes fadeInDown {
  119. from {
  120. opacity: 0;
  121. -webkit-transform: translate3d(0, -100%, 0);
  122. transform: translate3d(0, -100%, 0);
  123. }
  124.  
  125. to {
  126. opacity: 1;
  127. -webkit-transform: none;
  128. transform: none;
  129. }
  130. }
  131.  
  132. @-webkit-keyframes fadeInLeft {
  133. from {
  134. opacity: 0;
  135. -webkit-transform: translate3d(-100%, 0, 0);
  136. transform: translate3d(-100%, 0, 0);
  137. }
  138.  
  139. to {
  140. opacity: 1;
  141. -webkit-transform: none;
  142. transform: none;
  143. }
  144. }
  145.  
  146. #s-m-t-tooltip{
  147. position:absolute;
  148. margin-top: 10px;
  149. margin-left: 20px;
  150. text-transform:uppercase;
  151. z-index:999999;
  152. font-family: 'muli', sans-serif;
  153. font-size: 8px;
  154. color: {color:text}; !important;
  155. border: 1px solid {color:border};
  156. background-color: {color:box1};
  157. -moz-transition-duration:.80s;
  158. -webkit-transition-duration:.80s;
  159. -o-transition-duration:.80s;
  160. padding: 5px;
  161. letter-spacing: 1px;
  162.  
  163. }
  164.  
  165. .tmblr-iframe {
  166. top: 3px !important;
  167. right: 3px !important;
  168. position: fixed !important;
  169. z-index: 999999 !important;
  170. white-space: nowrap;
  171. opacity: 0.2;
  172. -webkit-filter: invert(100%);
  173. -moz-filter: invert(100%);
  174. -o-filter: invert(100%);
  175. -ms-filter: invert(100%);
  176. filter: invert(100%);
  177. -webkit-transition: all 0.1s ease-in-out;
  178. -moz-transition: all 0.1s ease-in-out;
  179. -o-transition: all 0.1s ease-in-out;
  180. transition: all 0.1s ease-in-out;
  181. }
  182.  
  183.  
  184. blockquote {
  185. padding: 0px 0px 0px 10px !important;
  186. border-left: 1px solid {color:border};
  187. margin-left: -1px;
  188. margin-right: 0px;
  189. }
  190.  
  191. body {
  192. background:url('{image:Background}') no-repeat center center fixed;
  193. -webkit-background-size: cover;
  194. -moz-background-size: cover;
  195. -o-background-size: cover;
  196. background-size: cover;
  197. background-color: {color:bg};
  198. color:{color:text};
  199. font-family: 'muli', serif;
  200. overflow-x: hidden;
  201. font-size: {text:text size}px;
  202. margin: 0px;
  203. padding: 0px;
  204. }
  205.  
  206. small, sub {
  207. font-size: {text:text size}px;
  208. }
  209.  
  210. a {
  211. text-decoration: none;
  212. font-family: 'muli';
  213. -moz-transition-duration:0.8s;
  214. -webkit-transition-duration:0.8s;
  215. -o-transition-duration:0.8s;
  216. color:{color:links};
  217. text-transform: uppercase;
  218. }
  219.  
  220. a:hover {
  221. -moz-transition-duration:0.8s;
  222. -webkit-transition-duration:0.8s;
  223. -o-transition-duration:0.8s;
  224. color:{color:links hover};
  225. }
  226.  
  227. b, strong {
  228. color: {color:bold};
  229. font-size: calc({text:text size}px + 1px);
  230. }
  231.  
  232. em, i { color: {color:links};
  233. -moz-transition-duration:0.8s;
  234. -webkit-transition-duration:0.8s;
  235. -o-transition-duration:0.8s;
  236. }
  237.  
  238. pre { white-space: pre-wrap;
  239. white-space: -moz-pre-wrap;
  240. white-space: -pre-wrap;
  241. white-space: -o-pre-wrap;
  242. word-wrap: break-word;
  243. background-color: {color:border};
  244. padding: 5px;
  245. font-family: 'muli';
  246. font-size: 8px;
  247. }
  248.  
  249. hr {
  250. border: 1px solid {color:border};
  251. }
  252.  
  253. h1,h2 {font-family: 'caviardreams';
  254. font-size: 25px !important;
  255. line-height: 20px;
  256. color: {color:links}; !important;
  257. letter-spacing: 1px;
  258. margin-bottom: 2px;
  259. }
  260.  
  261. h1 a, h2 a, h1 b, h2 b, h1 strong, h2 strong { font-size: 25px !important;
  262. font-family: 'caviardreams';
  263. }
  264.  
  265. #con {
  266. height: 100%;
  267. margin-left: 30%;
  268. margin-right: 30%;
  269. margin-top: 5%;
  270. overflow: hidden;
  271. width: 100%;
  272. }
  273.  
  274.  
  275. #topbar {
  276. width: 100%;
  277. height: 30px;
  278. margin: 0px;
  279. background-color: {color:box1};
  280. position: absolute;
  281. opacity: 1;
  282. margin-top: -5%;
  283. box-shadow: 0px 5px 20px {color:box shadow};
  284. border-bottom: 1px solid {color:border2};
  285. z-index: 9999;
  286. }
  287.  
  288. #topbarn {
  289. margin-top: 5px;
  290. font-size: 15px;
  291. margin-left: 10px;
  292. z-index: 100;
  293. width: 100%;
  294. display: relative;
  295. }
  296.  
  297. #topbarn a, #topbarn i, #dropbtn {
  298. color: {color:links};
  299. display: inline-block;
  300. margin-right: 10px;
  301. font-size: 15px;
  302. }
  303.  
  304. #topbarn a {
  305. font-size: 12px !important;
  306. }
  307.  
  308. #topbarn a:hover, #topbarn i:hover, #dropbtn:hover {
  309. color: {color:links hover};
  310. }
  311.  
  312.  
  313. #dropdown {
  314. display: inline;
  315. z-index: 100;
  316. }
  317.  
  318. #dropdown-content, #dropdown-content2 {
  319. opacity: 0;
  320. visibility: hidden;
  321. position: absolute;
  322. background: {color:box1};
  323. width: 100px;
  324. display: inline;
  325. margin-top: 25px;
  326. margin-left: -40px;
  327. border-left: 1px solid {color:border};
  328. border-right: 1px solid {color:border};
  329. border-bottom: 1px solid {color:border};
  330. z-index: 100;
  331. border-radius: 0px 0px 5px 5px;
  332. -moz-border-radius: 0px 0px 5px 5px;
  333. -webkit-border-radius: 0px 0px 5px 5px;
  334. }
  335.  
  336. #dropdown-content2 {
  337. font-size: 10px;
  338. min-height: 50px;
  339. padding: 10px;
  340. z-index: 100;
  341. text-align: justify;
  342. color: {color:text};
  343. letter-spacing: .5px;
  344. line-height: 13px;
  345. width: 150px;
  346. }
  347.  
  348. #dropdown-content a {
  349. padding: 5px;
  350. text-decoration: none;
  351. display: block;
  352. font-family: 'muli';
  353. font-size: 8px !important;
  354. text-transform: uppercase;
  355. border-bottom: 1px solid {color:windowtop};
  356. text-align:center;
  357. margin-right: 0px;
  358. }
  359.  
  360. #dropdown-content a:hover {background-color:{color:windowtop}; color:{color:text}; }
  361.  
  362. #dropdown:hover #dropdown-content {
  363. opacity: 1;
  364. visibility: visible;
  365. animation-name: fadeInDown;
  366. animation-duration: 1s;
  367. z-index: 100;
  368. }
  369.  
  370. #dropdown:hover #dropdown-content2 {
  371. opacity: 1;
  372. visibility: visible;
  373. animation-name: fadeInDown;
  374. animation-duration: 1s;
  375. z-index: 100;
  376. }
  377.  
  378. #icon {
  379. height: 80px;
  380. width: 80px;
  381. border-radius: 100px 100px 100px 100px;
  382. -moz-border-radius: 100px 100px 10px 100px;
  383. -webkit-border-radius: 100px 100px 100px 100px;
  384. border: 5px solid {color:windowtop};
  385. margin-left: auto;
  386. margin-right: auto;
  387. margin-bottom: 10px;
  388. }
  389.  
  390. #iconimg {
  391. background: url('{image:icon}') center;
  392. background-size: cover;
  393. height: 80px;
  394. width: 80px;
  395. border-radius: 100px 100px 100px 100px;
  396. -moz-border-radius: 100px 100px 10px 100px;
  397. -webkit-border-radius: 100px 100px 100px 100px;
  398. }
  399.  
  400. #box1 {
  401. height: 420px;
  402. {block:ifLargePosts}width: 535px;{/block:ifLargePosts}
  403. {block:ifMediumPosts}width: 435px;{/block:ifMediumPosts}
  404. background-color: {color:box1};
  405. padding: 5px;
  406. border-radius: 10px 10px 10px 10px;
  407. -moz-border-radius: 10px 10px 10px 10px;
  408. -webkit-border-radius: 10px 10px 10px 10px;
  409. border-top: 1px solid {color:border2};
  410. border-left: 1px solid {color:border2};
  411. border-right: 1px solid {color:border2};
  412. border-bottom: 1px solid {color:border2};
  413. box-shadow: 0px 5px 20px {color:box shadow};
  414. margin-top: 50px;
  415. z-index: 5;
  416. position: fixed;
  417. }
  418.  
  419. #windowtop {
  420. height: 30px;
  421. background-color: {color:windowtop};
  422. border-radius: 10px 10px 0px 0px;
  423. -moz-border-radius: 10px 10px 0px 0px;
  424. -webkit-border-radius: 10px 10px 0px 0px;
  425. position: relative;
  426. width: auto;
  427. margin: -5px -5px 0px -5px;
  428. z-index: 0;
  429. }
  430.  
  431. #blogt {
  432. font-family:'caviardreams';
  433. font-size:13px;
  434. text-transform: uppercase;
  435. top: 8px;
  436. position: absolute;
  437. padding-left: 10px;
  438. letter-spacing: 1px;
  439. color: {color:blogt};
  440. }
  441.  
  442. #windowtopbuttons {
  443. width: 300px;
  444. float: right;
  445. margin-top: 7px;
  446. margin-right: -190px;
  447. font-size: 15px;
  448. }
  449.  
  450. #windowtopbuttons i {
  451. font-size: 15px;
  452. display: inline;
  453. margin-left: 15px;
  454. }
  455.  
  456. #button1 {
  457. color: {color:button1};
  458. }
  459.  
  460. #button2 {
  461. color:{color:button2};
  462. }
  463.  
  464. #button3 {
  465. color: {color:button3};
  466. }
  467.  
  468. #box2 {
  469. height: 150px;
  470. width: 200px;
  471. background-color: {color:box1};
  472. padding: 5px;
  473. border-radius: 10px 10px 10px 10px;
  474. -moz-border-radius: 10px 10px 10px 10px;
  475. -webkit-border-radius: 10px 10px 10px 10px;
  476. border-top: 1px solid {color:border2};
  477. border-left: 1px solid {color:border2};
  478. border-right: 1px solid {color:border2};
  479. border-bottom: 1px solid {color:border2};
  480. box-shadow: 0px 5px 20px {color:box shadow};
  481. {block:ifLargePosts}margin: 0px 0px 0px 410px; {/block:ifLargePosts}
  482. {block:ifMediumPosts}margin: 0px 0px 0px 340px;{/block:ifMediumPosts}
  483. z-index: 999;
  484. position: fixed;
  485. margin-top:425px;
  486. }
  487.  
  488. #windowtopsecond {
  489. height: 30px;
  490. background-color: {color:windowtop};
  491. border-radius: 10px 10px 0px 0px;
  492. -moz-border-radius: 10px 10px 0px 0px;
  493. -webkit-border-radius: 10px 10px 0px 0px;
  494. position: relative;
  495. width: auto;
  496. margin: -5px -5px 0px -5px;
  497. }
  498.  
  499. #box2content {
  500. padding: 10px 20px 10px 10px;
  501. font-size: {text:text size}px;
  502. z-index: 999;
  503. background-color: {color:box1};
  504. text-align: justify;
  505. height: 95px;
  506. width: 170px;
  507. overflow-y:scroll;
  508. overflow-x: hidden;
  509. margin-top: 5px;
  510. }
  511.  
  512. #entries {
  513. top: 5px;
  514. padding: 0px 20px 0px 0px;
  515. height: 380px;
  516. overflow-y: scroll;
  517. overflow-x: hidden;
  518. background-color: {color:box1};
  519. {block:ifMediumPosts}width:415px;
  520. {/block:ifMediumPosts}
  521. {block:ifLargePosts}width:515px;
  522. {/block:ifLargePosts}
  523. position: relative;
  524. }
  525.  
  526. #posts {
  527. {block:ifMediumPosts}width:400px;{/block:ifMediumPosts}
  528. {block:ifLargePosts}width:500px;{/block:ifLargePosts}
  529. padding: 10px;
  530. background-color: {color:posts};
  531. margin-bottom: 35px;
  532. line-height: 15px;
  533. text-align: justify;
  534. word-wrap: break-word;
  535. font-size: {text:text size}px;
  536. letter-spacing: .5px;
  537. z-index: 0;
  538. }
  539.  
  540. #posts img, #posts li, border img {
  541. max-width: 500px;
  542. height: auto;
  543. {block:ifPhotoFade}opacity: .5;
  544. -moz-transition-duration:0.8s;
  545. -webkit-transition-duration:0.8s;
  546. -o-transition-duration:0.8s;{/block:ifPhotoFade}
  547. z-index: 0;
  548. {block:ifGrayscalePosts} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  549. filter: grayscale(100%);
  550. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  551. }
  552.  
  553.  
  554. iframe.photoset {
  555. max-width: 500px;
  556. {block:ifPhotoFade}opacity: .5;
  557. -moz-transition-duration:1s;
  558. -webkit-transition-duration:1s;
  559. -o-transition-duration:1s;{/block:ifPhotoFade}
  560. z-index: 0;
  561. {block:ifGrayscalePosts} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  562. filter: grayscale(100%);
  563. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  564. }
  565.  
  566. #posts img:hover, #posts li:hover, border img:hover, iframe.photoset:hover {
  567. {block:ifPhotoFade}opacity: 1.0;
  568. -moz-transition-duration:1s;
  569. -webkit-transition-duration:1s;
  570. -o-transition-duration:1;{/block:ifPhotoFade}
  571. {block:ifGrayscalePosts} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  572. filter: grayscale(0%);
  573. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  574. }
  575.  
  576. #title {
  577. font-family: 'caviardreams';
  578. font-size: 25px;
  579. padding: 5px 5px 10px 5px;
  580. text-transform: uppercase;
  581. color: {color:links};
  582. border-bottom: 1px solid {color:windowtop};
  583. text-align: center;
  584. letter-spacing: 1px;
  585. }
  586.  
  587.  
  588. #permalink {
  589. text-align: center;
  590. margin-top: 20px;
  591. border-top: 1px solid {color:windowtop};
  592. border-bottom: 1px solid {color:windowtop};
  593. color: {color:links};
  594. padding-top: 10px;
  595. padding-bottom: 10px;
  596. width: auto;
  597. }
  598.  
  599. #permalink a, #permalink i {
  600. padding-left:10px;
  601. color: {color:links};
  602. font-size: 10px;
  603. text-transform:uppercase;
  604. text-align: center;
  605. display: inline;
  606. }
  607.  
  608. #permalink a:hover, #permalink i:hover {
  609. color: {color:links hover};
  610. font-size: 10px;
  611. }
  612.  
  613. #tags {
  614. word-break:break-all;
  615. padding-bottom: 5px;
  616. padding-top:3px;
  617. text-align: center;
  618. visibility: hidden;
  619. opacity: 0;
  620. }
  621.  
  622. #posts:hover #tags {
  623. visibility: visible;
  624. opacity: 1;
  625. animation-name: fadeInDown;
  626. animation-duration: 1s;
  627. }
  628.  
  629. #tags a {
  630. font-size:9px !important;
  631. margin-right: 2px;
  632. text-shadow: none;
  633. font-family: 'muli';
  634. text-transform:uppercase;
  635. color: {color:text};
  636. margin-right: 5px;
  637. }
  638.  
  639. #tags a:hover {
  640. color:{color:text} !important;
  641. }
  642.  
  643. /*asks*/
  644. #question {margin-bottom:10px;
  645. letter-spacing: .5px;
  646. background:{color:windowtop};
  647. color: {color:text};
  648. padding: 10px;
  649. min-height: 40px;
  650. }
  651. #asker {
  652. font-weight:bold;
  653. }
  654.  
  655. #answer {
  656. margin-top:10px;
  657. }
  658.  
  659.  
  660. .chat ol {
  661. padding:0;
  662. list-style:none;
  663. }
  664. .line {padding:5px 0;}
  665.  
  666. .label {font-weight:bold;
  667. }
  668.  
  669. #pagination {
  670. font-family:'silkscreen';
  671. margin-top: 20px;
  672. text-align: center;
  673. font-size: 8px;
  674. position: relative;
  675. text-transform: uppercase;
  676. display:inline;
  677. }
  678.  
  679. #pagination a {
  680. padding:0px;
  681. color: {color:links} !important;
  682. font-size: 10px;
  683. }
  684.  
  685. #pagination a:hover {
  686. color: {color:links hover} !important;
  687. }
  688.  
  689.  
  690. .audio
  691. {padding: 0;}
  692.  
  693. .audio_container
  694. { overflow: hidden;
  695. position: relative;
  696. width: 100px;}
  697.  
  698. .soundcloud_audio_player
  699. {width: 100%;}
  700.  
  701. .tumblr_audio_player
  702. {width: 100%;
  703. opacity: .5;
  704. }
  705.  
  706. #quote{text-align:left;
  707. font-size:25px;
  708. line-height:21px;
  709. color: {color:bold};
  710. font-family: 'caviardreams';
  711. text-transform:uppercase;
  712. letter-spacing: 1px;
  713. }
  714.  
  715. #source {
  716. margin-top:15px;
  717. text-align: right;
  718. }
  719.  
  720.  
  721. /* PAGE NOTES AND CAPTIONS */
  722.  
  723. .pagenotes {
  724. {block:IndexPage}
  725. display: none!important;
  726. {/block:IndexPage}
  727. {block:ifMediumPosts}width:400px;{/block:ifMediumPosts}
  728. {block:ifLargePosts}width:500px;{/block:ifLargePosts}
  729. text-align:left;
  730.  
  731. }
  732. .pagenotes img {
  733. display:none!important;}
  734.  
  735. .pagenotes li {
  736. list-style-type:none;
  737. padding:5px 0px;
  738. text-align:left;
  739. margin:0 0 0 -40px;
  740. }
  741.  
  742. #caption {
  743. width:100%;
  744. margin-top:15px;
  745. margin-bottom: -10px;
  746. }
  747.  
  748. </style>
  749. </head>
  750.  
  751. <body>
  752.  
  753.  
  754. <div id="topbar">
  755. <div id="topbarn"><div id="dropdown">
  756. <a href="#" id="dropbtn"><i class="fa fa-apple" aria-hidden="true"></i></a>
  757. <div id="dropdown-content2">
  758. <div id="icon"><div id="iconimg"></div></div>
  759. {Description}
  760. </div>
  761. </div>
  762.  
  763. <a href="/">FILE</a>
  764. <a href="/archive">VIEW</a>
  765. <div id="dropdown">
  766. <a href="#" id="dropbtn">GO</a>
  767. <div id="dropdown-content">
  768. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifLink2}
  769. {block:ifLink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifLink2}
  770. {block:ifLink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{block:ifLink3}
  771. {block:ifLink4}<a href="{text:link 4 url}">{text:link 4 title}</a>{block:ifLink4}
  772. {block:ifLink5}<a href="{text:link 5 url}">{text:link 5 title}</a>{block:ifLink5}
  773. {block:ifLink6}<a href="{text:link 6 url}">{text:link 6 title}</a>{block:ifLink6}
  774. </div>
  775. </div>
  776. <a href="/ask">HELP</a>
  777. <a href="http://saisei-themes.tumblr.com">VIEW</a>
  778. <div id="pagination">
  779. {block:Pagination}
  780. {block:PreviousPage}
  781. <a href="{PreviousPage}">PREVIOUS</a>
  782. {/block:PreviousPage}
  783. {block:NextPage}
  784. <a href="{NextPage}">NEXT</a>
  785. {/block:NextPage}
  786. {/block:Pagination}
  787. </div>
  788. </div>
  789. </div>
  790.  
  791. <div id="con">
  792.  
  793.  
  794. <div id="box1">
  795.  
  796. <div id="windowtop">
  797. <div id="blogt">{text:blogtitle}</div>
  798. <div id="windowtopbuttons">
  799.  
  800. <i class="fa fa-circle" aria-hidden="true" id="button1"></i>
  801. <i class="fa fa-circle" aria-hidden="true" id="button2"></i>
  802. <i class="fa fa-circle" aria-hidden="true" id="button3"></i>
  803.  
  804. </div>
  805. </div>
  806.  
  807. <div id="entries">
  808. {block:Posts}
  809. <div id="posts">
  810.  
  811. {block:Text}
  812. {block:Title}<div id="title">{Title}</div>{/block:Title}
  813. {Body}
  814. {/block:Text}
  815.  
  816. {block:Link}
  817. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  818. {/block:Link}
  819.  
  820. {block:Chat}
  821. {block:Title}<div class="title">{Title}</div>{/block:Title}
  822. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  823. {Line}</div>{/block:Lines}</div>
  824. {/block:Chat}
  825.  
  826. {block:Answer}
  827. <div id="question">
  828. <div id="asker"><img src="{AskerPortraitURL-30}" style="float: left; margin-left:5px;margin-right:15px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 3px solid {color:border}"></div><div id="asker">{Asker} asked: </div>{Question}</div>
  829. <div id="answer">{Answer}</div>
  830. {/block:Answer}
  831.  
  832.  
  833. {block:Quote}
  834. <div id="quote"><font color="{color:links}">❝</font> {Quote} <font color="{color:links}">❞</font></div>
  835. {block:Source}<div id="source"><font color="{color:links}">— </font> {Source}</div>{/block:Source}
  836. {/block:Quote}
  837.  
  838. {block:Photo}
  839. {block:ifSmallPosts}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifSmallPosts}
  840. {block:ifMediumPosts}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifMediumPosts}
  841. {block:ifLargePosts}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifLargePosts}
  842. {/block:Photo}
  843.  
  844.  
  845. {block:Photoset}
  846. {block:ifSmallPosts}{Photoset-250}{/block:ifSmallPosts}
  847. {block:ifMediumPosts}{Photoset-400}{/block:ifMediumPosts}
  848. {block:ifLargePosts}{Photoset-500}{/block:ifLargePosts}
  849. {/block:Photoset}
  850.  
  851.  
  852. {block:Video}
  853. {block:ifSmallPosts}{Video-250}{/block:ifSmallPosts}
  854. {block:ifMediumPosts}{Video-400}{/block:ifMediumPosts}
  855. {block:ifLargePosts}{Video-500}{/block:ifLargePosts}
  856. {/block:Video}
  857.  
  858. {block:Audio}
  859. <div class="audioContainer">
  860. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  861. </div>
  862. {/block:Audio}
  863.  
  864.  
  865. {block:IfShowCaptions}
  866. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  867. {/block:IfShowCaptions}
  868.  
  869. {block:Date}
  870. <div id="permalink">
  871. <a href="{Permalink}" title="{Month} {DayOfMonthWithZero}, {Year}"><i class="fa fa-calendar" aria-hidden="true"></i>︎</a>
  872.  
  873. {block:NoteCount}<a href="{Permalink}" title="{NoteCount}"><i class="fa fa-heart" aria-hidden="true"></i></a>{/block:NoteCount}
  874.  
  875. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><i class="fa fa-refresh" aria-hidden="true"></i></a>
  876.  
  877. <a href="{ReblogRootURL}" title="{ReblogRootName}"><i class="fa fa-star" aria-hidden="true"></i></a>{/block:ContentSource}{/block:RebloggedFrom}
  878. </div>
  879. <div id="tags">{block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}"><i class="fa fa-tag" aria-hidden="true"></i> {Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  880. {/block:Date}
  881.  
  882. </div>
  883. {/block:Posts}
  884. {block:PostNotes}
  885. <div class="pagenotes">
  886. {PostNotes}
  887. </div>
  888. {/block:PostNotes}
  889. </div>
  890.  
  891. </div>
  892.  
  893. <div id="box2">
  894.  
  895. <div id="windowtopsecond">
  896. <div id="windowtopbuttons">
  897.  
  898. <i class="fa fa-circle" aria-hidden="true" id="button1"></i>
  899. <i class="fa fa-circle" aria-hidden="true" id="button2"></i>
  900. <i class="fa fa-circle" aria-hidden="true" id="button3"></i>
  901.  
  902. </div>
  903. </div>
  904. <div id="box2content">
  905. {text:desc}
  906. </div>
  907. </div>
  908.  
  909. </div>
  910.  
  911. {block:ContentSource}
  912. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  913. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  914. {/block:SourceLogo}
  915. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  916. {/block:ContentSource}
  917.  
  918. </body>
  919. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!