API tools faq
paste
wcrmtails

Theme 15: In a Dream

wcrmtails
Sep 25th, 2018 (edited)
1,134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--theme 15 by arithemes/darthvcder. don't steal or use as base. thanks.
  5.  
  6. CREDITS:
  7.  
  8. tumblr control fix by cyantists
  9.  
  10. honeybee icon font by themehive
  11.  
  12. keyword search bar by themehive
  13.  
  14. you can find the unnested captions variables here: https://bychloethemes.tumblr.com/undocs
  15.  
  16. -->
  17.  
  18. <head>
  19.  
  20.  
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{FavIcon}" />
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Sidebar" content=""/>
  32.  
  33. <meta name="color:Ask Background" content="#fff" />
  34. <meta name="color:Ask Text" content="#797979"/>
  35. <meta name="color:Background" content="#fcfcfc" />
  36. <meta name="color:Blockquote" content="#fcfcfc"/>
  37. <meta name="color:Bold" content="#797979"/>
  38. <meta name="color:Border" content="#eee"/>
  39. <meta name="color:Chat Even Background" content="#fcfcfc"/>
  40. <meta name="color:Chat Even Text" content="#9c9c9c"/>
  41. <meta name="color:Chat Odd Background" content="#fff"/>
  42. <meta name="color:Chat Odd Text" content="#9c9c9c"/>
  43. <meta name="color:Credit" content="#000"/>
  44. <meta name="color:Custom Links" content="#9c9c9c"/>
  45. <meta name="color:Custom Links Background" content="#fff"/>
  46. <meta name="color:Custom Links Solid Background Hover" content="#9c9c9c"/>
  47. <meta name="color:Custom Links Solid Hover" content="#fcfcfc"/>
  48. <meta name="color:Date" content="#d1cccc"/>
  49. <meta name="color:Description Background" content="#fff"/>
  50. <meta name="color:Description Border" content="#eee"/>
  51. <meta name="color:Description Text" content="#9c9c9c"/>
  52. <meta name="color:Gradient 1" content="#a2e3e8"/>
  53. <meta name="color:Gradient 2" content="#e8a2b6"/>
  54. <meta name="color:Icon Border" content="#fff"/>
  55. <meta name="color:Italics" content="#797979"/>
  56. <meta name="color:Link" content="#797979"/>
  57. <meta name="color:Link Hover" content="#000"/>
  58. <meta name="color:Main Nav Links" content="#9c9c9c" />
  59. <meta name="color:Main Nav Links Background" content="#fff" />
  60. <meta name="color:Main Nav Links Solid Background Hover" content="#9c9c9c"/>
  61. <meta name="color:Main Nav Links Solid Hover" content="#fcfcfc"/>
  62. <meta name="color:Permalink" content="#d1cccc"/>
  63. <meta name="color:Post Background" content="#fff"/>
  64. <meta name="color:Reblog Button" content="#7bc780" />
  65. <meta name="color:Reblog Button Hover" content="#9c9c9c"/>
  66. <meta name="color:Searchbar Background" content="#fff"/>
  67. <meta name="color:Searchbar Text" content="#9c9c9c"/>
  68. <meta name="color:Solid Scrollbar" content="#797979"/>
  69. <meta name="color:Solid Sidebar Background" content="#fff"/>
  70. <meta name="color:Source" content="#7bc780" />
  71. <meta name="color:Tags" content="#797979"/>
  72. <meta name="color:Tags Background" content="#fff"/>
  73. <meta name="color:Tags Border" content="#eee"/>
  74. <meta name="color:Text" content="#9c9c9c"/>
  75. <meta name="color:Title" content="#d1cccc"/>
  76.  
  77.  
  78. <meta name="if:250 Posts" content="0"/>
  79. <meta name="if:400 Posts" content="1"/>
  80. <meta name="if:500 Posts" content="0"/>
  81. <meta name="if:Gradient" content="1"/>
  82.  
  83. <meta name="text:Link One Url" content="/"/>
  84. <meta name="text:Link One Title" content="link one"/>
  85. <meta name="text:Link Two Url" content="/"/>
  86. <meta name="text:Link Two Title" content="link two"/>
  87. <meta name="text:Link Three Url" content="/"/>
  88. <meta name="text:Link Three Title" content="link three"/>
  89. <meta name="text:Link Four Url" content="/"/>
  90. <meta name="text:Link Four Title" content="link four"/>
  91. <meta name="text:Link Five Url" content="/"/>
  92. <meta name="text:Link Five Title" content="link five"/>
  93. <meta name="text:Link Six Url" content="/"/>
  94. <meta name="text:Link Six Title" content="link six"/>
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  103.  
  104.  
  105. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  106.  
  107. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  108.  
  109. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  110.  
  111. <script src="https://use.fontawesome.com/8b31d30a04.js"></script>
  112.  
  113. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  114.  
  115. <script>
  116. $(document).ready(function(){
  117.  
  118. $("#dd").click(function(){
  119.  
  120.  
  121. $("#nav").slideToggle("slow");
  122. $("#dd").slideToggle("slow");
  123. $("#du").slideToggle("slow");
  124. });
  125.  
  126. $("#du").click(function(){
  127.  
  128.  
  129. $("#nav").slideToggle("slow");
  130. $("#dd").slideToggle("slow");
  131. $("#du").slideToggle("slow");
  132. });
  133.  
  134.  
  135.  
  136. });
  137. </script>
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144. <style type="text/css">
  145.  
  146. /*FIX BY CYANTISTS*/
  147. iframe.tmblr-iframe {
  148. z-index:99999999999999!important;
  149. top:0!important;
  150. right:0!important;
  151. opacity:0.4;
  152. /* delete from here */
  153. filter:invert(1);
  154. -webkit-filter:invert(1);
  155. -o-filter:invert(1);
  156. -moz-filter:invert(1);
  157. -ms-filter:invert(1);
  158. /* to here if your blog has a dark background */
  159. transform:scale(0.6);
  160. transform-origin:100% 0;
  161. -webkit-transform:scale(0.6);
  162. -webkit-transform-origin:100% 0;
  163. -o-transform:scale(0.6);
  164. -o-transform-origin:100% 0;
  165. -moz-transform:scale(0.6);
  166. -moz-transform-origin:100% 0;
  167. -ms-transform:scale(0.6);
  168. -ms-transform-origin:100% 0;}
  169.  
  170. iframe.tmblr-iframe:hover {
  171. opacity:0.6!important;}
  172.  
  173. body {
  174. color: {color:Text};
  175. font-family: 'Karla', sans-serif;
  176. line-height: 16px;
  177. background: url('{image:Background}') {color:Background};
  178. }
  179.  
  180. body img {
  181. max-width: 100%;
  182. height: auto;
  183. }
  184.  
  185. a {
  186. text-decoration: none;
  187. color: {color:Link};
  188. }
  189. a:hover {
  190. color: {color:Link Hover};
  191. }
  192.  
  193. i, em {
  194. color: {color:Italics};
  195. }
  196.  
  197. b, strong {
  198. color: {color:Bold};
  199. }
  200.  
  201.  
  202. h1 {
  203. text-align: center;
  204. font-size: 11px;
  205. letter-spacing: 3px;
  206. line-height: 120%;
  207. color: {color:Text};
  208. font-family: 'Karla', sans-serif;
  209. }
  210.  
  211. blockquote {
  212. border-left: 1px solid {color:Blockquote};
  213. margin-left: 6px;
  214. padding-left: 10px;
  215. }
  216.  
  217. blockquote img {
  218. max-width: 200px;
  219. height: auto;
  220. }
  221.  
  222. ::-webkit-scrollbar-thumb {
  223. height:auto;
  224. border-bottom:none;
  225.  
  226. {block:IfGradient}
  227. background: linear-gradient({color:Gradient 1}, {color:Gradient 2});
  228. {/block:IfGradient}
  229.  
  230. {block:IfNotGradient}
  231. background-color: {color:Solid Scrollbar};
  232. {/block:IfNotGradient}
  233. }
  234. ::-webkit-scrollbar {
  235. height:9px;
  236. width:5px;
  237. }
  238.  
  239. #title {
  240. font-family: 'Karla', sans-serif;
  241. font-size: 20px;
  242. position: fixed;
  243. font-weight: bold;
  244. margin-top: 50px;
  245. margin-left: 50px;
  246. letter-spacing: 1px;
  247. text-transform: uppercase;
  248.  
  249. {block:IfGradient}
  250. background: -webkit-linear-gradient({color:Gradient 1},{color:Gradient 2});
  251. -webkit-background-clip: text;
  252. -webkit-text-fill-color: transparent;
  253. {/block:IfGradient}
  254.  
  255. {block:IfNotGradient}
  256. color: {color:Title};
  257. {/block:IfNotGradient}
  258. }
  259.  
  260. /*topbar*/
  261.  
  262. #topbar {
  263. {block:If250Posts}
  264. width: 250px;
  265. {/block:If250Posts}
  266.  
  267. {block:If400Posts}
  268. width: 400px;
  269. {/block:If400Posts}
  270.  
  271. {block:If500Posts}
  272. width: 500px;
  273. {/block:If500Posts}
  274.  
  275. height: 200px;
  276. top: 0px;
  277. padding: 20px;
  278. border-radius: 0px 0px 5px 5px;
  279. margin-top: -10px;
  280.  
  281. {block:IfNotGradient}
  282. background-color: {color:Solid Sidebar Background};
  283. {/block:IfNotGradient}
  284.  
  285. {block:IfGradient}
  286. background: linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2});
  287. {/block:IfGradient}
  288. }
  289.  
  290. /*--------------------------------------------------------------------
  291.  
  292. KEYWORD SEARCH BAR
  293. by Saturn Themes | saturnthms.tumblr.com
  294.  
  295. © All Rights Reserved
  296. Terms of Use @ saturnthms.tumblr.com/info/terms apply
  297.  
  298. --------------------------------------------------------------------*/
  299. input:focus::-webkit-input-placeholder {color: transparent;}input:focus:-moz-placeholder {color: transparent;}input:focus::-moz-placeholder {color: transparent;}input:focus:-ms-input-placeholder { color: transparent;}.requiro input{outline:none;border:0;width:100%;margin:0;padding:0; background-color: {color:Searchbar Background};}
  300.  
  301. .requiro {
  302. background: {color:Searchbar Background};
  303. padding: 10px;
  304. border-radius: 5px;
  305.  
  306. {block:If250Posts}
  307. width: 125px;
  308. margin-left: 90px;
  309. {/block:If250Posts}
  310.  
  311. {block:If400Posts}
  312. width: 200px;
  313. margin-left: 170px;
  314. {/block:If400Posts}
  315.  
  316. {block:If500Posts}
  317. width: 250px;
  318. margin-left: 190px;
  319. {/block:If500Posts}
  320.  
  321. }
  322.  
  323. .requiro input[type=text] {
  324. color: {color:Searchbar Text};
  325. font-family: 'Karla', sans-serif;
  326. font-weight: bold;
  327. text-transform: uppercase;
  328. letter-spacing: 1px;
  329. }
  330.  
  331. input::-webkit-input-placeholder {
  332. color: {color:Searchbar Text};
  333. }
  334.  
  335. input::-moz-placeholder {
  336. color: {color:Searchbar Text};
  337. }
  338.  
  339. input:-moz-placeholder {
  340. color: {color:Searchbar Text};
  341. }
  342.  
  343. input:-ms-input-placeholder {
  344. color: {color:Searchbar Text};
  345. }
  346.  
  347. /*end searchbar*/
  348.  
  349. #links {
  350.  
  351. {block:If250Posts}
  352. width: 145px;
  353. margin-left: 90px;
  354. {/block:If250Posts}
  355.  
  356. {block:If400Posts}
  357. width: 220px;
  358. margin-left: 155px;
  359. {/block:If400Posts}
  360.  
  361. {block:If500Posts}
  362. width: 270px;
  363. margin-left: 125px;
  364. {/block:If500Posts}
  365.  
  366. margin-top: 10px;
  367. }
  368.  
  369. #links a {
  370. display: inline-block;
  371. background-color: {color:Custom Links Background};
  372. padding: 5px;
  373. border-radius: 5px;
  374. font-size: 12px;
  375. font-weight: bold;
  376. color: {color:Custom Links};
  377. margin-bottom: 10px;
  378. }
  379.  
  380. #links a:hover {
  381. {block:IfGradient}
  382. background: linear-gradient( {color:Gradient 1}, {color:Gradient 2});
  383. color: #fcfcfc;
  384. {/block:IfGradient}
  385.  
  386. {block:IfNotGradient}
  387. background-color: {color:Custom Links Solid Background Hover};
  388. color: {color:Custom Links Solid Hover};
  389. {/block:IfNotGradient}
  390.  
  391. -webkit-transition: all 0.3s ease;
  392. -moz-transition: all 0.3s ease;
  393. -o-transition: all 0.3s ease;
  394. }
  395.  
  396. #description {
  397. background: {color:Description Background};
  398. padding: 10px;
  399. border-radius: 5px;
  400. font-size: 12px;
  401. max-height: 100px;
  402. overflow-y: scroll;
  403. overflow-x: hidden;
  404.  
  405. {block:If250Posts}
  406. width: 125px;
  407. margin-left: 90px;
  408. {/block:If250Posts}
  409.  
  410. {block:If400Posts}
  411. width: 200px;
  412. margin-left: 170px;
  413. {/block:If400Posts}
  414.  
  415. {block:If500Posts}
  416. width: 250px;
  417. margin-left: 190px;
  418. {/block:If500Posts}
  419. }
  420.  
  421. #icon {
  422. border-radius: 5px;
  423. margin-top: -133px;
  424.  
  425. {block:If250Posts}
  426. width: 50px;
  427. height: 50px;
  428. border: 10px solid {color:Icon Border};
  429. margin-left: -170px;
  430. margin-top: -153px;
  431. {/block:If250Posts}
  432.  
  433. {block:If400Posts}
  434. width: 100px;
  435. height: 100px;
  436. border: 20px solid {color:Icon Border};
  437. margin-left: -250px;
  438. {/block:If400Posts}
  439.  
  440. {block:If500Posts}
  441. width: 100px;
  442. height: 100px;
  443. border: 20px solid {color:Icon Border};
  444. margin-left: -320px;
  445. {/block:If500Posts}
  446. }
  447.  
  448. #nav {
  449. margin-top: 10px;
  450.  
  451. {block:If250Posts}
  452. width: 70px;
  453. margin-left: -170px;
  454. {/block:If250Posts}
  455.  
  456. {block:If400Posts}
  457. width: 120px;
  458. margin-left: -250px;
  459. {/block:If400Posts}
  460.  
  461. {block:If500Posts}
  462. width: 120px;
  463. margin-left: -320px;
  464. {/block:If500Posts}
  465. }
  466.  
  467. #nav a {
  468. color: {color:Main Nav Links};
  469. background-color: {color:Main Nav Links Background};
  470. padding: 10px;
  471. border-radius: 5px;
  472. display: inline-block;
  473. font-size: 15px;
  474.  
  475. {block:If250Posts}
  476.  
  477. padding: 5px;
  478. border-radius: 5px;
  479. display: inline-block;
  480. font-size: 10px;
  481.  
  482. {/block:If250Posts}
  483. }
  484.  
  485. #nav a:hover {
  486. {block:IfGradient}
  487. background: linear-gradient( {color:Gradient 1}, {color:Gradient 2});
  488. color: #fcfcfc;
  489. {/block:IfGradient}
  490.  
  491. {block:IfNotGradient}
  492. background-color: {color:Main Nav Links Solid Background Hover};
  493. color: {color:Main Nav Links Solid Hover};
  494. {/block:IfNotGradient}
  495.  
  496. -webkit-transition: all 0.3s ease;
  497. -moz-transition: all 0.3s ease;
  498. -o-transition: all 0.3s ease;
  499. }
  500.  
  501. /*end topbar*/
  502.  
  503. #date {
  504. font-size: 10px;
  505. text-transform: lowercase;
  506. margin-top: 0px;
  507. color: {color:Date};
  508. border-bottom: .25px solid {color:Border};
  509. letter-spacing: 1px;
  510. position: absolute;
  511. left: 50%;
  512. transform: translate(-50%, -50%);
  513. padding-bottom: 2px;
  514.  
  515. {block:If250Posts}
  516. width: 250px;
  517. {/block:If250Posts}
  518.  
  519. {block:If400Posts}
  520. width: 400px;
  521. {/block:If400Posts}
  522.  
  523. {block:If500Posts}
  524. width: 500px;
  525. {/block:If500Posts}
  526. }
  527.  
  528. #date a {
  529. color: {color:Permalink};
  530. }
  531.  
  532. #date a:hover {
  533. color: {color:Text};
  534. -webkit-transition: all 0.8s ease;
  535. -moz-transition: all 0.8s ease;
  536. -o-transition: all 0.8s ease;
  537. }
  538.  
  539. #rb {
  540. font-size: 15px;
  541. margin-top: -20px;
  542. margin-left: -50px;
  543. position: absolute;
  544. }
  545.  
  546. #rb a {
  547. {block:IfGradient}
  548. background: -webkit-linear-gradient({color:Gradient 1},{color:Gradient 2});
  549. -webkit-background-clip: text;
  550. -webkit-text-fill-color: transparent;
  551. {/block:IfGradient}
  552.  
  553. {block:IfNotGradient}
  554. color: {color:Reblog Button};
  555. {/block:IfNotGradient}
  556. }
  557.  
  558. #rb a:hover {
  559. -webkit-transition: all 0.8s ease;
  560. -moz-transition: all 0.8s ease;
  561. -o-transition: all 0.8s ease;
  562.  
  563. color: {color:Link};
  564. }
  565.  
  566. #source {
  567. font-size: 10px;
  568. text-transform: lowercase;
  569. letter-spacing: 1px;
  570. color: {color:Reblog Button Hover};
  571. }
  572.  
  573. #source a {
  574. color: {color:Source};
  575. }
  576.  
  577.  
  578. #content {
  579. {block:If250Posts}
  580. width: 290px;
  581. {/block:If250Posts}
  582.  
  583. {block:If400Posts}
  584. width: 440px;
  585. {/block:If400Posts}
  586.  
  587. {block:If500Posts}
  588. width: 540px;
  589. {/block:If500Posts}
  590.  
  591. margin-top: 20px;
  592. text-align: left;
  593. font-size: 11px;
  594. height: 320px;
  595. position: relative;
  596. overflow-y: scroll;
  597. overflow-x: hidden;
  598. padding: 30px;
  599. }
  600.  
  601. .entry {
  602. font-size: 11px;
  603. background-color: {color:Post Background};
  604. padding: 20px;
  605. border: 1px solid {color:Border};
  606. border-radius: 5px;
  607. }
  608.  
  609.  
  610. #tags {
  611. margin-top: 10px;
  612. margin-bottom: 80px;
  613. font-size: 10px;
  614. display: inline-block;
  615.  
  616.  
  617. {block:If250Posts}
  618. width: 290px;
  619. {/block:If250Posts}
  620.  
  621. {block:If400Posts}
  622. width: 440px;
  623. {/block:If400Posts}
  624.  
  625. {block:If500Posts}
  626. width: 540px;
  627. {/block:If500Posts}
  628.  
  629.  
  630. text-align: right;
  631.  
  632. }
  633.  
  634. #tags a {
  635. color: {color:Tags};
  636. background-color: {color:Tags Background};
  637. border: 1px solid {color:Tags Border};
  638. border-radius: 5px;
  639. padding: 5px;
  640. display: inline-block;
  641. margin-top: 5px;
  642. }
  643.  
  644. #tags a:hover {
  645.  
  646. {block:IfGradient}
  647. background: linear-gradient( {color:Gradient 1}, {color:Gradient 2});
  648. color: #fcfcfc;
  649. {/block:IfGradient}
  650.  
  651. {block:IfNotGradient}
  652. color: {color:Tags Background};
  653. background-color: {color:Bold};
  654. {/block:IfNotGradient}
  655.  
  656. -webkit-transition: all 0.8s ease;
  657. -moz-transition: all 0.8s ease;
  658. -o-transition: all 0.8s ease;
  659. }
  660.  
  661. img.avatar {display:none; }
  662. ol.notes {
  663. margin-top: 20px;
  664. }
  665.  
  666. #ask {
  667. {block:If250Posts}
  668. width: 210px;
  669. {/block:If250Posts}
  670.  
  671. {block:If400Posts}
  672. width: 360px;
  673. {/block:If400Posts}
  674.  
  675. {block:If500Posts}
  676. width: 460px;
  677. {/block:If500Posts}
  678.  
  679. background-color: #fcfcfc;
  680. padding: 20px;
  681. border: 1px solid {color:Border};
  682. border-radius: 5px;
  683. }
  684.  
  685. #ask img {
  686. border-radius: 5px;
  687. margin-top: -20px;
  688.  
  689. {block:If250Posts}
  690. margin-left: 190px;
  691. {/block:If250Posts}
  692.  
  693. {block:If400Posts}
  694. margin-left: 340px;
  695. {/block:If400Posts}
  696.  
  697. {block:If500Posts}
  698. margin-left: 440px;
  699. {/block:If500Posts}
  700. }
  701.  
  702.  
  703.  
  704. .asker {
  705. font-size: 10px;
  706. width: 100%;
  707. text-transform: lowercase;
  708. text-align: left;
  709. letter-spacing: 1px;
  710. }
  711.  
  712.  
  713.  
  714. .songart{
  715. float:left;
  716. margin-right:10px;
  717. }
  718.  
  719. .songart img{
  720. width:80px;
  721. height:80px;
  722. }
  723.  
  724. .songtitle{
  725. margin-bottom:10px;
  726. margin-left:90px;
  727. }
  728.  
  729. .songauthor{
  730. margin-bottom:10px;
  731. font-size:8px;
  732. margin-left:90px;
  733. }
  734.  
  735. .tumblr_audio_player {
  736. height: 50px;
  737. }
  738.  
  739. #quote {
  740. font-size: 15px;
  741. font-style: italic;
  742. text-align: center;
  743. background-color: {color:Background};
  744. padding: 20px;
  745. border-radius: 5px;
  746. }
  747.  
  748.  
  749. #pagination {
  750. width: 440px;
  751. height: 100px;
  752. text-align: center;
  753. position: absolute;
  754. left: 50%;
  755. transform: translate(-50%, -50%);
  756. }
  757.  
  758. #pagination a {
  759. opacity: 1;
  760. width: 20px;
  761. height: 18px;
  762. padding: 7px 5px 5px 5px;
  763. border-radius: 50%;
  764. background-color: {color:Bold};
  765. color: {color:Post Background};
  766. display: inline-block;
  767. text-align: center;
  768. font-family: 'Karla', sans-serif;
  769. font-weight: bold;
  770. border: 1px solid {color:Background};
  771. }
  772.  
  773. #pagination a:hover {
  774. border: 1px solid {color:Border};
  775.  
  776. {block:IfGradient}
  777. background: linear-gradient( {color:Gradient 1}, {color:Gradient 2});
  778. color: #fcfcfc;
  779. {/block:IfGradient}
  780.  
  781. {block:IfNotGradient}
  782. background-color: {color:Post Background};
  783. border: 1px solid {color:Border};
  784. color: {color:Bold};
  785. {/block:IfNotGradient}
  786.  
  787. -webkit-transition: all 0.8s ease;
  788. -moz-transition: all 0.8s ease;
  789. -o-transition: all 0.8s ease;
  790. }
  791.  
  792. .current {
  793. width: 20px;
  794. height: 18px;
  795. padding: 7px 5px 5px 5px;
  796. border-radius: 50%;
  797. background-color: {color:Post Background};
  798. color: {color:Bold};
  799. border: 1px solid {color:Border};
  800. display: inline-block;
  801. text-align: center;
  802. font-family: 'Karla', sans-serif;
  803. font-weight: bold;
  804. }
  805.  
  806. .current:hover {
  807. background-color: {color:Bold};
  808. color: {color:Post Background};
  809. border: 1px solid {color:Background};
  810. -webkit-transition: all 0.8s ease;
  811. -moz-transition: all 0.8s ease;
  812. -o-transition: all 0.8s ease;
  813. }
  814.  
  815. .chatline {
  816. color: {color:Chat Even Text};
  817. background-color: {color:Chat Even Background};
  818. padding: 10px;
  819. border: 1px solid {color:Border};
  820. border-radius: 5px;
  821. margin-top: 10px;
  822. }
  823.  
  824. .chatline.odd {
  825. color: {color:Chat Odd Text};
  826. background-color: {color:Chat Odd Background};
  827. border: 1px solid {color:Border};
  828. border-radius: 5px;
  829. margin-bottom: 10px;
  830. }
  831.  
  832. {block:IfNot250Posts}
  833. #youtube_iframe {
  834. width: 320px;
  835. }
  836. {/block:IfNot250Posts}
  837.  
  838. {block:If250Posts}
  839. #youtube_iframe {
  840. width: 170px;
  841. }
  842. {/block:If250Posts}
  843.  
  844.  
  845. .username {
  846. margin-top: -20px;
  847. margin-left: 25px;
  848. margin-bottom: 20px;
  849. }
  850.  
  851. .username:hover .deactivated {
  852. opacity: .8;
  853. }
  854.  
  855. .deactivated {
  856. opacity: 0;
  857. color: {color:Text};
  858. }
  859.  
  860. .rbicon img {
  861. width: 20px;
  862. }
  863.  
  864. </style>
  865.  
  866. </head>
  867.  
  868. <body>
  869.  
  870. <div id="title">{Title}</div>
  871.  
  872. <center>
  873.  
  874. <!--topbar-->
  875.  
  876. <div id="topbar">
  877.  
  878. <!--------------------------------------------------------------------
  879.  
  880. KEYWORD SEARCH BAR
  881. by Saturn Themes | saturnthms.tumblr.com
  882.  
  883. © All Rights Reserved
  884. Terms of Use @ saturnthms.tumblr.com/info/terms apply
  885.  
  886. ---------------------------------------------------------------------->
  887.  
  888. <form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="Search..." value=""/></form>
  889.  
  890. <!--end searchbar-->
  891.  
  892. <div id="links">
  893.  
  894. <a href="{text:Link One Url}" title="{text:Link One Title}">one</a>
  895. <a href="{text:Link Two Url}" title="{text:Link Two Title}">two</a>
  896. <a href="{text:Link Three Url}" title="{text:Link Three Title}">three</a>
  897. <a href="{text:Link Four Url}" title="{text:Link Four Title}">four</a>
  898. <a href="{text:Link Five Url}" title="{text:Link Five Title}">five</a>
  899. <a href="{text:Link Six Url}" title="{text:Link Six Title}">six</a>
  900.  
  901. </div>
  902.  
  903. <div id="description">
  904. {Description}
  905. </div>
  906.  
  907. <div id="icon">
  908. <img src="{image:Sidebar}">
  909. </div>
  910.  
  911. <div id="nav">
  912. <a href="/" class="th th-home" title="home"></a>
  913. <a href="/ask" class="th th-paper-plane" title="ask"></a>
  914. <a href="/archive" class="th th-calendar-2" title="archive"></a>
  915. </div>
  916.  
  917. </div>
  918.  
  919.  
  920.  
  921. <div id="content">
  922.  
  923.  
  924.  
  925. <!--posts-->
  926.  
  927. {block:Posts}
  928.  
  929. <div class="entry">
  930.  
  931. <!--date/info-->
  932. {block:Date}
  933. <center>
  934. <div id="date">
  935.  
  936.  
  937.  
  938. <a href="{Permalink}">{TimeAgo}</a> /
  939.  
  940. <a href="{Permalink}">{block:NoteCount}{NoteCount} notes</a> /{/block:NoteCount}
  941.  
  942. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>
  943.  
  944.  
  945. </div>
  946. </center>
  947. {/block:Date}
  948. <!--end of date/info-->
  949.  
  950.  
  951.  
  952. <div id="rb">
  953.  
  954.  
  955. <a href="{ReblogURL}" class="th th-reblog" title="reblog"></a>
  956.  
  957.  
  958. </div>
  959.  
  960.  
  961. <br>
  962.  
  963. <!--photo-->
  964.  
  965. {block:Photo}
  966.  
  967. <a href="{permalink}">
  968. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  969. </a>
  970.  
  971. {block:Caption}
  972.  
  973. {block:NotReblog}
  974. {Caption}
  975. {/block:NotReblog}
  976.  
  977. {block:RebloggedFrom}
  978. <div class="reblog">
  979. {block:Reblogs}
  980.  
  981. <div class="rbicon"><img src="{PortraitUrl-64}"></div>
  982.  
  983. <div class="username">
  984. {block:HasPermalink}
  985. <a href="{Permalink}">
  986. {/block:HasPermalink}
  987. {Username}
  988. {block:HasPermalink}
  989. </a>
  990. {/block:HasPermalink}
  991. </div>
  992.  
  993. {block:IsDeactivated}
  994. <div class="deactivated">deactivated</div>
  995. {/block:IsDeactivated}
  996.  
  997. {Body}
  998. {/block:Reblogs}
  999. </div>
  1000. {/block:RebloggedFrom}
  1001. {/block:Caption}
  1002.  
  1003. {/block:Photo}
  1004.  
  1005. <!--end photo-->
  1006.  
  1007. <!--photoset-->
  1008.  
  1009. {block:Photoset}
  1010.  
  1011. {block:If250Posts}
  1012. {Photoset-250}
  1013. {/block:If250Posts}
  1014.  
  1015. {block:If400Posts}
  1016. {Photoset-400}
  1017. {/block:If400Posts}
  1018.  
  1019. {block:If500Posts}
  1020. {Photoset-500}
  1021. {/block:If500Posts}
  1022.  
  1023. {block:Caption}
  1024.  
  1025. {block:NotReblog}
  1026. {Caption}
  1027. {/block:NotReblog}
  1028.  
  1029. {block:RebloggedFrom}
  1030. <div class="reblog">
  1031. {block:Reblogs}
  1032.  
  1033. <div class="rbicon"><img src="{PortraitUrl-64}"></div>
  1034.  
  1035. <div class="username">
  1036. {block:HasPermalink}
  1037. <a href="{Permalink}">
  1038. {/block:HasPermalink}
  1039. {Username}
  1040. {block:HasPermalink}
  1041. </a>
  1042. {/block:HasPermalink}
  1043. </div>
  1044.  
  1045. {block:IsDeactivated}
  1046. <div class="deactivated">deactivated</div>
  1047. {/block:IsDeactivated}
  1048.  
  1049. {Body}
  1050. {/block:Reblogs}
  1051. </div>
  1052. {/block:RebloggedFrom}
  1053. {/block:Caption}
  1054.  
  1055. {/block:Photoset}
  1056.  
  1057. <!--end photoset-->
  1058.  
  1059.  
  1060. <!--text-->
  1061.  
  1062. {block:Text}
  1063.  
  1064. {block:Title}
  1065. <h1>{Title}</h1>
  1066. {/block:Title}
  1067.  
  1068.  
  1069. {block:NotReblog}
  1070. {Body}
  1071. {/block:NotReblog}
  1072.  
  1073. {block:RebloggedFrom}
  1074. <div class="reblog">
  1075. {block:Reblogs}
  1076.  
  1077. <div class="rbicon"><img src="{PortraitUrl-64}"></div>
  1078.  
  1079. <div class="username">
  1080. {block:HasPermalink}
  1081. <a href="{Permalink}">
  1082. {/block:HasPermalink}
  1083. {Username}
  1084.  
  1085. {block:HasPermalink}
  1086. </a>
  1087. {/block:HasPermalink}
  1088. </div>
  1089.  
  1090. {block:IsDeactivated}
  1091. <div class="deactivated">deactivated</div>
  1092. {/block:IsDeactivated}
  1093.  
  1094. {Body}
  1095. {/block:Reblogs}
  1096. </div>
  1097. {/block:RebloggedFrom}
  1098.  
  1099. {/block:Text}
  1100.  
  1101. <!--end text-->
  1102.  
  1103. <!--link-->
  1104.  
  1105. {block:Link}
  1106.  
  1107. <h1><a href="{URL}">{Name}</a></h1>
  1108.  
  1109. {block:Description}
  1110. {Description}
  1111. {/block:Description}
  1112.  
  1113. {/block:Link}
  1114.  
  1115. <!--end link-->
  1116.  
  1117.  
  1118. <!--quote-->
  1119.  
  1120. {block:Quote}
  1121.  
  1122. <div id="quote"><i>"{Quote}"</i></div>
  1123.  
  1124. {block:Source}
  1125. <br>- {Source}
  1126. {/block:Source}
  1127.  
  1128. {/block:Quote}
  1129.  
  1130. <!--end quote-->
  1131.  
  1132.  
  1133. <!--chat-->
  1134.  
  1135. {block:Chat}
  1136.  
  1137. {block:Title}
  1138. <h1>{Title}</h1>
  1139. {/block:Title}
  1140.  
  1141.  
  1142. {block:Lines}
  1143.  
  1144. <div class="chatline {Alt}">
  1145.  
  1146. {block:Label}
  1147. <b style="padding: 5px">{Label} </b>
  1148. {/block:Label}
  1149.  
  1150. <span>{Line}</span>
  1151. </div>
  1152.  
  1153. {/block:Lines}
  1154.  
  1155.  
  1156. {/block:Chat}
  1157.  
  1158. <!--end chat-->
  1159.  
  1160. <!--audio-->
  1161.  
  1162. {block:Audio}
  1163.  
  1164. {block:AlbumArt}
  1165. <div class="songart">
  1166. <img src="{AlbumArtURL}">
  1167. </div>
  1168. {/block:AlbumArt}
  1169.  
  1170. <div class="songtitle">
  1171. {block:TrackName}
  1172. {TrackName}
  1173. {/block:TrackName}
  1174. </div>
  1175.  
  1176. <div class="songauthor">
  1177. By
  1178. {block:Artist}
  1179. {Artist}
  1180. {/block:Artist}
  1181. </div>
  1182.  
  1183. {AudioPlayerWhite}
  1184.  
  1185. {/block:Audio}
  1186.  
  1187. <!--end audio-->
  1188.  
  1189.  
  1190.  
  1191.  
  1192. <!--video-->
  1193.  
  1194. {block:Video}
  1195.  
  1196. {block:If250Posts}
  1197. {Video-250}
  1198. {/block:If250Posts}
  1199.  
  1200. {block:If400Posts}
  1201. {Video-400}
  1202. {/block:If400Posts}
  1203.  
  1204. {block:If500Posts}
  1205. {Video-500}
  1206. {/block:If500Posts}
  1207.  
  1208. {block:Caption}
  1209.  
  1210. {block:NotReblog}
  1211. {Caption}
  1212. {/block:NotReblog}
  1213.  
  1214. {block:RebloggedFrom}
  1215. <div class="reblog">
  1216. {block:Reblogs}
  1217.  
  1218. <div class="rbicon"><img src="{PortraitUrl-64}"></div>
  1219.  
  1220. <div class="username">
  1221. {block:HasPermalink}
  1222. <a href="{Permalink}">
  1223. {/block:HasPermalink}
  1224. {Username}
  1225. {block:HasPermalink}
  1226. </a>
  1227. {/block:HasPermalink}
  1228. </div>
  1229.  
  1230. {block:IsDeactivated}
  1231. <div class="deactivated">deactivated</div>
  1232. {/block:IsDeactivated}
  1233.  
  1234. {Body}
  1235. {/block:Reblogs}
  1236. </div>
  1237. {/block:RebloggedFrom}
  1238. {/block:Caption}
  1239.  
  1240.  
  1241.  
  1242. {/block:Video}
  1243.  
  1244. <!--end video-->
  1245.  
  1246. <!--ask-->
  1247.  
  1248. {block:Answer}
  1249.  
  1250.  
  1251. <div id="ask">
  1252.  
  1253. <div class="asker">
  1254. <b>{Asker}</b> <i>asked:</i>
  1255. </div>
  1256.  
  1257. <img src="{AskerPortraitURL-24}">
  1258.  
  1259. <i style="color:{color:Ask Text}">{Question}</i>
  1260. </div>
  1261.  
  1262. {block:NotReblog}
  1263. {Replies}
  1264. {/block:NotReblog}
  1265.  
  1266. {block:RebloggedFrom}
  1267. <div class="reblog">
  1268. {block:Reblogs}
  1269.  
  1270. <div class="rbicon"><img src="{PortraitUrl-64}"></div>
  1271.  
  1272. <div class="username">
  1273. {block:HasPermalink}
  1274. <a href="{Permalink}">
  1275. {/block:HasPermalink}
  1276. {Username}
  1277. {block:HasPermalink}
  1278. </a>
  1279. {/block:HasPermalink}
  1280. </div>
  1281.  
  1282. {block:IsDeactivated}
  1283. <div class="deactivated">deactivated</div>
  1284. {/block:IsDeactivated}
  1285.  
  1286. {Replies}
  1287. {/block:Reblogs}
  1288. </div>
  1289. {/block:RebloggedFrom}
  1290.  
  1291.  
  1292.  
  1293. {/block:Answer}
  1294.  
  1295.  
  1296.  
  1297.  
  1298.  
  1299. <!--end ask-->
  1300.  
  1301. <!--source-->
  1302.  
  1303.  
  1304.  
  1305. <div id="source">
  1306.  
  1307. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> / {/block:RebloggedFrom}
  1308.  
  1309. {block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource}
  1310. </div>
  1311.  
  1312.  
  1313.  
  1314. <!--end source-->
  1315.  
  1316. </div>
  1317.  
  1318.  
  1319. <!--tags-->
  1320.  
  1321. <div id="tags">
  1322.  
  1323. {block:HasTags}
  1324. {block:Tags}
  1325. <a href="{TagURL}">#{Tag} </a>
  1326. {/block:Tags}
  1327. {/block:HasTags}
  1328.  
  1329. </div>
  1330.  
  1331. <!--end tags-->
  1332.  
  1333. <!--permalink page-->
  1334.  
  1335. {block:PermalinkPage}
  1336.  
  1337. {block:PostNotes}
  1338. {PostNotes}
  1339. {/block:PostNotes}
  1340.  
  1341. {/block:PermalinkPage}
  1342.  
  1343. <!--end permalink page-->
  1344.  
  1345. {/block:Posts}
  1346.  
  1347. <!--end posts-->
  1348.  
  1349. <!--pagination-->
  1350.  
  1351.  
  1352. <div id="pagination">
  1353.  
  1354. {block:Pagination}
  1355.  
  1356. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a >{/block:PreviousPage}
  1357. {block:JumpPagination length="5"}
  1358.  
  1359. {block:CurrentPage}<div class="current"><span class="current_page">{PageNumber}</span></div>{/block:CurrentPage}
  1360.  
  1361. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1362.  
  1363. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1364.  
  1365. {/block:Pagination}
  1366. </div>
  1367.  
  1368. <!--end pagination-->
  1369.  
  1370.  
  1371. </center>
  1372.  
  1373.  
  1374.  
  1375.  
  1376. <!--DO NOT EDIT THIS-->
  1377.  
  1378. <div style="position:fixed; bottom:8px; right:15px; font-size: 15px;"><a style="color:{color:Credit}; text-decoration:none; font-weight: bold" class= "th th-stars" href="https://arithemes.tumblr.com/"></a></center></div>
  1379.  
  1380.  
  1381.  
  1382.  
  1383. </body>
  1384.  
  1385. </html>
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!