API tools faq
paste
caffeous

wafture theme

caffeous
Apr 27th, 2020
349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.13 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">
  3.  
  4. <!--don't delete please.
  5. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭╮╭╮
  6. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭╯╰┫┃
  7. ╭╮╭┳━━┳━┳┳━━┳━╮╱╰╮╭┫╰━┳━━┳╮╭┳━━┳━━╮
  8. ┃╰╯┃╭╮┃╭╋┫╭╮┃╭╮╮╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  9. ┃┃┃┃╭╮┃┃┃┃╭╮┃┃┃┃╱┃╰┫┃┃┃┃━┫┃┃┃┃━╋━━┃
  10. ╰┻┻┻╯╰┻╯╰┻╯╰┻╯╰╯╱╰━┻╯╰┻━━┻┻┻┻━━┻━━╯
  11. theme 42: wafture (noun) the act of waving or a wavelike motion
  12. by caffeous [#5 of The Dictionary Series]
  13.  
  14. menu tutorial from Javascript Kit
  15. video resizing by shythemes
  16. Do not delete the credit link, please! I've worked hard for this, and if you do and I saw it, I'll block you, sorry!
  17. don't delete please-->
  18.  
  19. <head>
  20.  
  21. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  22.  
  23. <script src="https://use.fonticons.com/303cf3d6.js"></script>
  24.  
  25. <title>{title}</title>
  26. <link rel="shortcut icon" href="{Favicon}"/>
  27.  
  28. <link rel="alternate" type="application/rss+xml" href="https://caffeous.tumblr.com/rss">
  29.  
  30. <meta name="description" content="{metadescription}" />
  31.  
  32. <meta name="color:Body" content="#ffffff"/>
  33. <meta name="color:Title" content="#000000"/>
  34. <meta name="color:Sidebar Border" content="#ffdab9"/>
  35. <meta name="color:Main Buttons" content="#000000"/>
  36. <meta name="color:Text" content="#000000"/>
  37. <meta name="color:Description Lines" content="#000000"/>
  38. <meta name="color:Photo Border" content="#000000"/>
  39. <meta name="color:Link" content="#000000"/>
  40. <meta name="color:Link Hover" content="#000000"/>
  41. <meta name="color:Permalink Link" content="#000000"/>
  42. <meta name="color:Permalink Background" content="#ffffff"/>
  43. <meta name="color:Highlight" content="#ffdab9"/>
  44. <meta name="color:Scrollbar" content="#000000"/>
  45. <meta name="color:Blockquote" content="#000000"/>
  46. <meta name="color:Tooltip Background" content="#ffffff"/>
  47. <meta name="color:Tooltip Border" content="#000000"/>
  48. <meta name="color:Tooltip Shadow" content="#000000"/>
  49.  
  50. <meta name="text:Posts Horizontal Placement Three Columns" content="385"/>
  51. <meta name="text:Posts Horizontal Placement Two Columns" content="300"/>
  52. <meta name="text:Description Width" content="370"/>
  53. <meta name="text:Description Title" content="YOUR TITLE HERE"/>
  54. <meta name="text:Home Link" content="/"/>
  55. <meta name="text:Ask Link" content="/ask"/>
  56. <meta name="text:Submit Link" content="/submit"/>
  57. <meta name="text:Custom Link" content="https://"/>
  58. <meta name="text:Etcetera Link" content="https://"/>
  59. <meta name="text:Side Image Width" content="380"/>
  60. <meta name="text:Side Image from Bottom" content="0"/>
  61. <meta name="text:Side Image from Left" content="0"/>
  62. <meta name="text:Reblog Name" content="REBLOG"/>
  63.  
  64. <meta name="font:Title" content="Didot"/>
  65. <meta name="font:Description Title" content="Didot"/>
  66. <meta name="font:Body" content="Calibri"/>
  67.  
  68. <meta name="image:Side Image" content="https://static.tumblr.com/65f4f99495f65506f22452e98fd11b42/1ltg5is/o1Dn6jybb/tumblr_static_746ai2g0gwsg4800kosow04gc.png"/>
  69. <meta name="image:Background" content=""/>
  70.  
  71. <meta name="if:Three Columns" content="1"/>
  72. <meta name="if:No Background Repeat" content="1"/>
  73. <meta name="if:Sidebar Border" content="1"/>
  74. <meta name="if:Crosshair Cursor On Description Lines" content="1"/>
  75. <meta name="if:Tooltip On Main Links" content="0"/>
  76. <meta name="if:Small Main Buttons" content="1"/>
  77. <meta name="if:Home Button" content="1"/>
  78. <meta name="if:Ask Button" content="1"/>
  79. <meta name="if:Submit Button" content="1"/>
  80. <meta name="if:Custom Button" content="1"/>
  81. <meta name="if:Etcetera Button" content="1"/>
  82. <meta name="if:Solid Photo Border" content="1"/>
  83. <meta name="if:Photo Border" content="1"/>
  84. <meta name="if:Permalink Border" content="1"/>
  85. <meta name="if:Solid Permalink Border" content="1"/>
  86. <meta name="if:Rounded Permalink Border" content="1"/>
  87. <meta name="if:Black and White Photo Hover" content="1"/>
  88. <meta name="if:Underlined Link on Hover" content="0"/>
  89. <meta name="if:Italic Link on Hover" content="1"/>
  90.  
  91. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93.  
  94. <style type="text/css">
  95.  
  96. */CSS*/
  97.  
  98. .content{
  99. width:150px;
  100.  
  101. }
  102.  
  103. /**Scrollbar**/
  104. ::-webkit-scrollbar-thumb{
  105. background-color: {color:Scrollbar};
  106. border: 1px solid {color:Body};
  107. height: 6px;
  108. -moz-border-radius: 15px;
  109. border-radius: 15px;
  110. }
  111.  
  112. ::-webkit-scrollbar {
  113. background-color: {color:Scrollbar};
  114. border: 2px solid {color:Body};
  115. height: 6px;
  116. width: 5px;
  117. }
  118.  
  119.  
  120. ::-webkit-scrollbar:horizontal {
  121. display: none;
  122. }
  123.  
  124. #tumblr_controls{
  125. position:fixed !important;
  126. }
  127.  
  128. #tumblr_controls{
  129. top: 1px !important;
  130. margin: 0 0 0 0;
  131. right: 6px !important;
  132. position: fixed !important;
  133. -webkit-filter: invert(100%) ;important;
  134.  
  135. }
  136.  
  137. .left{
  138. width: auto;
  139. left: 50%;
  140. {block:IfThreeColumns}
  141. margin-left: {text:Posts Horizontal Placement Three Columns}px;
  142. {/block:IfThreeColumns}
  143. {block:IfNotThreeColumns}
  144. margin-left: {text:Posts Horizontal Placement Two Columns}px;
  145. {/block:IfNotThreeColumns}
  146. }
  147.  
  148. body {
  149. padding: 7px;
  150. margin: 7px;
  151. color: {color:Text};
  152. float: center;
  153. font-family: {font:Body};
  154. font-size: 11px;
  155. line-height:15px;
  156. background-color: {color:Body};
  157. background-image: url({image:Background});
  158. background-attachment: fixed;
  159. {block:IfNoBackgroundRepeat}
  160. background-size: cover;
  161. {/block:IfNoBackgroundRepeat}
  162. }
  163.  
  164. #ydob {
  165. position: relative;
  166. width: 100%;
  167. transform: translate3d(0,0,0); /* no shifting of DIV to start */
  168. transition: transform 0.5s; /* transition the transform property over 0.5s*/
  169. }
  170.  
  171. .assailant{
  172. {block:IfRoundedPermalinkBorder}
  173. border-top-left-radius: 5px;
  174. border-top-right-radius: 5px;
  175. {/block:IfRoundedPermalinkBorder}
  176. {block:IfPermalinkBorder}
  177. border-top: 1px {block:IfSolidPermalinkBorder}solid{/block:IfSolidPermalinkBorder} {block:IfNotSolidPermalinkBorder}dotted{/block:IfNotSolidPermalinkBorder} #000;
  178. border-left: 1px {block:IfSolidPermalinkBorder}solid{/block:IfSolidPermalinkBorder} {block:IfNotSolidPermalinkBorder}dotted{/block:IfNotSolidPermalinkBorder} #000;
  179. border-right: 1px {block:IfSolidPermalinkBorder}solid{/block:IfSolidPermalinkBorder} {block:IfNotSolidPermalinkBorder}dotted{/block:IfNotSolidPermalinkBorder} #000;
  180. {block:IfNotPhotoBorder}
  181. border-bottom: 1px {block:IfSolidPermalinkBorder}solid{/block:IfSolidPermalinkBorder} {block:IfNotSolidPermalinkBorder}dotted{/block:IfNotSolidPermalinkBorder} #000;
  182. {/block:IfNotPhotoBorder}
  183. {/block:IfPermalinkBorder}
  184. {block:IfThreeColumns}
  185. {block:IfPhotoBorder}
  186. width: 180px;
  187. {/block:IfPhotoBorder}
  188. {block:IfNotPhotoBorder}
  189. width: 178px;
  190. {/block:IfNotPhotoBorder}
  191. {/block:IfThreeColumns}
  192. {block:IfNotThreeColumns}
  193. {block:IfPhotoBorder}
  194. width: 220px;
  195. {/block:IfPhotoBorder}
  196. {block:IfNotPhotoBorder}
  197. width: 218px;
  198. {/block:IfNotPhotoBorder}
  199. {/block:IfNotThreeColumns}
  200. padding-left:10px;
  201. padding-bottom: 10px;
  202. padding-top: 10px;
  203. z-index: 1;
  204. background: transparent;
  205. padding-right:10px;
  206. overflow:hidden;
  207. font-size:11px;
  208. opacity: 1.0;
  209. background-color: {color:Permalink Background};
  210. margin-top:0px;
  211. }
  212.  
  213. .assailant a {
  214. color: {color:Permalink Link};
  215. }
  216.  
  217. .lovely img {
  218. {block:IndexPage}
  219. width:230px;
  220. height: auto;
  221. overflow-y:auto;
  222. {/block:IndexPage}
  223. }
  224.  
  225. .pagination {
  226. display: none;}
  227.  
  228. #infscr-loading {
  229. bottom: 10px;
  230. position: absolute;
  231. left: 50%;
  232. margin-left:-5px;
  233. width:30px;
  234. height:35px;
  235. overflow:hidden;
  236. margin-bottom: -5px;
  237. }
  238.  
  239. a {
  240. color: {color:Link};
  241. text-decoration: none;
  242. -webkit-transition: color 0.4s ease-out;
  243. -moz-transition: color 0.4s ease-out;
  244. -webkit-transition: all 0.2s ease-in-out;
  245. }
  246.  
  247. a:hover {
  248. color: {color:Link Hover};
  249. {block:IfItalicLinkOnHover}
  250. font-style: italic;
  251. {/block:IfItalicLinkOnHover}
  252. {block:IfUnderlinedLinkOnHover}
  253. text-decoration: underline;
  254. {/block:IfUnderlinedLinkOnHover}
  255. -webkit-transition: color 0.2s ease-out;
  256. -moz-transition: color 0.2s ease-out;
  257. }
  258.  
  259. .entry {
  260. float: left;
  261. position: relative;
  262. {block:PermalinkPage}
  263. width: 495px;
  264. margin-left: -90px;
  265. {/block:PermalinkPage}
  266. {block:IndexPage}
  267. {block:IfThreeColumns}
  268. width: 200px;
  269. {/block:IfThreeColumns}
  270. {block:IfNotThreeColumns}
  271. width: 240px;
  272. {/block:IfNotThreeColumns}
  273. margin: 30px;
  274. word-wrap: break-word;
  275. line-height: 1;
  276. overflow: hidden;
  277. padding: 5px;
  278. -moz-transition: all .5s;
  279. -webkit-transition: all .5s;
  280. -o-transition: all .5s;
  281. transition: all .5;
  282. {/block:IndexPage}
  283. }
  284.  
  285. #audio {
  286. width:200px;
  287. height:auto;
  288. min-height:60px;
  289. padding-bottom:0px;
  290. }
  291. .cover {
  292. position:absolute;
  293. z-index:1;
  294. width:60px;
  295. height:60px;
  296. }
  297. .cover img {
  298. float:left;
  299. width:60px;
  300. height:60px;
  301. }
  302. .playbox {
  303. opacity:0.6;
  304. width:27px;
  305. height:30px;
  306. overflow:hidden;
  307. position:absolute;
  308. z-index:1;
  309. margin-left:17px;
  310. margin-top:17px;
  311. text-align:center;
  312. }
  313. .info {
  314. margin-left:73px;
  315. margin-top:4px;
  316. line-height:14px;
  317. }
  318.  
  319. .size {
  320. width: {text:Description Width}px;
  321. text-align: justify;
  322. z-index:9999;
  323. }
  324.  
  325. .size tight {
  326. font-size: 25px;
  327. line-height: 30px;
  328. font-family: {font:Description Title};
  329. }
  330.  
  331. #navmenu {
  332. width: 40px;
  333. height: 20px;
  334. {block:IfCrosshairCursorOnDescriptionLines}
  335. cursor: crosshair;
  336. {/block:IfCrosshairCursorOnDescriptionLines}
  337. }
  338.  
  339. #navmenu div {
  340. width: 100%;
  341. height: 3px;
  342. background: {color:Description Lines};
  343. margin: 4px auto;
  344. border-radius: 10px;
  345. -webkit-border-radius: 10px;
  346. -moz-border-radius: 10px;
  347. transition: all 0.2s linear;
  348. -webkit-transition: all 0.2s linear;
  349. -moz-transition: all 0.2s linear;
  350. }
  351.  
  352. #navmenu.click .line {
  353. height: 2px;
  354. margin-left: -15px;
  355. width: 30px;
  356. transform: rotate(45deg) translate(12px, 5px);
  357. }
  358.  
  359. #navmenu.click .lines {
  360. opacity: 0;
  361. }
  362.  
  363. #navmenu.click .lined {
  364. margin-left: -15px;
  365. width: 30px;
  366. height: 2px;
  367. transform: rotate(-45deg) translate(20px, 17px);
  368. }
  369.  
  370. #position {
  371. position: fixed;
  372. bottom: 354px;
  373. margin-left: 25px;
  374. z-index: 6;
  375. -webkit-animation: fadeInUp 1s;
  376. -moz-animation: fadeInUp 1s;
  377. -ms-animation: fadeInUp 1s;
  378. }
  379.  
  380. #menu {
  381. position: absolute;
  382. display: none;
  383. {block:IfSmallMainButtons}
  384. margin-top: 27px;
  385. {/block:IfSmallMainButtons}
  386. {block:IfNotSmallMainButtons}
  387. margin-top: 37px;
  388. {/block:IfNotSmallMainButtons}
  389. z-index: 9999;
  390. }
  391.  
  392.  
  393. .entry li {
  394. margin-left: 20px;
  395. list-style-type: square;
  396. }
  397.  
  398. .permal {
  399. {block:Indexpage}padding-top: 5px;padding-bottom: 2px;opacity: 1.0;text-align:center;
  400. width: auto; line-height: 0; vertical-align:bottom;
  401. text-align:right;padding-top: -1px;padding-bottom: 0px;
  402. {/block:IndexPage}
  403. }
  404.  
  405. .permal a {
  406. color: {color:Permalink Link};
  407. }
  408.  
  409. ::selection {
  410. color: {color:Highlight};
  411. background-color: transparent;
  412. }
  413.  
  414. ::-moz-selection {
  415. color: {color:Highlight};
  416. background-color: transparent;
  417. }
  418.  
  419. ::-webkit-selection {
  420. color: {color:Highlight};
  421. background-color: transparent;
  422. }
  423.  
  424. #posts {
  425. -webkit-animation:fadeIn 1.5s;
  426. -moz-animation:fadeIn 1.5s;
  427. -ms-animation:fadeIn 1.5s;
  428. opacity: 1;
  429. float: center;
  430. {block:PermalinkPage}padding-bottom: 50px;width: 550px;padding-top: 20px;{/block:PermalinkPage}
  431. margin: auto;
  432. background: transparent;
  433. {block:indexpage}{block:IfThreeColumns}width: 810px;{/block:IfThreeColumns}{block:IfNotThreeColumns}width: 620px;{/block:IfNotThreeColumns}padding-top: 0px; margin-top: 10px; padding-bottom: 40px;{/block:indexpage}
  434. }
  435.  
  436. .textperma{
  437. font-style: none;
  438. display: block;
  439. font-size: 13px;
  440. line-height:11px;
  441. text-align: right;
  442. padding: 0px;
  443. margin: 2px;
  444. }
  445.  
  446. .title{
  447. font-size: 17px;
  448. font-weight: none;
  449. font-style: italic;
  450. font-family: {font:Title};
  451. }
  452.  
  453. @-webkit-keyframes fadeIn {
  454. 0% {
  455. opacity: 0;
  456. }
  457.  
  458. 100% {
  459. opacity: 1;
  460. }
  461. }
  462.  
  463. @keyframes fadeIn {
  464. 0% {
  465. opacity: 0;
  466. }
  467.  
  468. 100% {
  469. opacity: 1;
  470. }
  471. }
  472.  
  473. @-webkit-keyframes fadeInUp {
  474. 0% {
  475. opacity: 0;
  476. -webkit-transform: translateY(-50px);
  477. }
  478. 100% {
  479. opacity: 1;
  480. -webkit-transform: translateY(0%);
  481. }
  482. }
  483.  
  484. @-moz-keyframes fadeInUp {
  485. 0% {
  486. opacity: 0;
  487. -moz-transform: translateY(-50px);
  488. }
  489. 100% {
  490. opacity: 1;
  491. -moz-transform: translateY(0%);
  492. }
  493. }
  494.  
  495. @-o-keyframes fadeInUp {
  496. 0% {
  497. opacity: 0;
  498. -o-transform: translateY(-50px);
  499. }
  500. 100% {
  501. opacity: 1;
  502. -o-transform: translateY(0%);
  503. }
  504. }
  505.  
  506. @keyframes fadeInUp {
  507. 0% {
  508. opacity: 0;
  509. transform: translateY(-50px);
  510. }
  511. 100% {
  512. opacity: 1;
  513. transform: translateY(0%);
  514. }
  515. }
  516.  
  517.  
  518. .main {
  519. float: left;
  520. {block:IfSmallMainButtons}
  521. bottom: 342px;
  522. {/block:IfSmallMainButtons}
  523. {block:IfNotSmallMainButtons}
  524. bottom: 332px;
  525. {/block:IfNotSmallMainButtons}
  526. position: fixed;
  527. width: auto;
  528. left: 90px;
  529. height: auto;
  530. text-align: right;
  531. z-index: 5;
  532. line-height: 12px;
  533. -webkit-animation: fadeInUp 1.5s;
  534. -moz-animation: fadeInUp 1.5s;
  535. -ms-animation: fadeInUp 1.5s;
  536. }
  537.  
  538. .main links a {
  539. {block:IfSmallMainButtons}
  540. padding-left: 8px;
  541. {/block:IfSmallMainButtons}
  542. {block:IfNotSmallMainButtons}
  543. padding-left: 15px;
  544. {/block:IfNotSmallMainButtons}
  545. opacity: 1.0;
  546. color: {color:Main Buttons};
  547. -webkit-transition: 0.4s ease-out;
  548. -moz-transition: 0.4s ease-out;
  549. -webkit-transition: all 0.4s ease-in-out;
  550. }
  551.  
  552. .main links a:hover {
  553. opacity: 0.5;
  554. }
  555.  
  556. .main te {font-family: {font:Title}; font-size: 35px;padding-top: 5px;{block:IfSidebarBorder}line-height: 70px;{/block:IfSidebarBorder}{block:IfNotSidebarBorder}line-height: 34px;{/block:IfNotSidebarBorder} color: {color:Title}; font-style: italic;{block:IfSidebarBorder}border-bottom: 7px solid {color:Sidebar Border};{/block:IfSidebarBorder}}
  557.  
  558.  
  559. .side {
  560. position: fixed;
  561. height: auto;
  562. bottom: {text:Side Image from Bottom}px;
  563. left: {text:Side Image from Left}px;
  564. z-index: 0;
  565. }
  566.  
  567. .side img {
  568. max-width: {text:Side Image Width}px;
  569. max-height: auto;
  570. }
  571.  
  572. blockquote{
  573. padding:0px 0px 0px 5px;
  574. margin: 5px 0px 2px 10px;
  575. border-left: 1px solid {color:Blockquote};
  576. }
  577. blockquote p, ul{
  578. margin:0px;
  579. padding:0px;
  580. }
  581.  
  582. .parol a{border-bottom: 0px solid transparent; background: transparent;}
  583.  
  584. .parol {{block:IfThreeColumns}
  585. width: 200px;
  586. {/block:IfThreeColumns}
  587. {block:IfNotThreeColumns}
  588. width: 240px;
  589. {/block:IfNotThreeColumns}vertical-align: bottom; line-height: 0; {block:IndexPage}{block:IfPhotoBorder}border: 1px {block:IfSolidPhotoBorder}solid{/block:IfSolidPhotoBorder} {block:IfNotSolidPhotoBorder}dotted{/block:IfNotSolidPhotoBorder} {color:Photo Border};{/block:IfPhotoBorder}{/block:IndexPage} -webkit-filter: grayscale(0%);
  590. -webkit-transition: all 0.9s ease-in-out;
  591. -moz-transition: all 0.9s ease-in-out;
  592. -o-transition: all 0.9s ease-in-out;
  593. -ms-transition: all 0.9s ease-in-out;
  594. transition: all 0.9s ease-in-out;}
  595.  
  596. .entry:hover .parol {{block:IndexPage}{block:IfBlackAndWhitePhotoHover}-webkit-filter: grayscale(100%);{/block:IfBlackAndWhitePhotoHover}{/block:IndexPage}}
  597.  
  598.  
  599.  
  600. .video {
  601. vertical-align: bottom;line-height: 0;
  602. {block:IfThreeColumns}
  603. width: 202px;
  604. {/block:IfThreeColumns}
  605. {block:IfNotThreeColumns}
  606. width: 242px;
  607. {/block:IfNotThreeColumns}
  608. }
  609.  
  610. ol.notes {
  611. padding: 0px;
  612. margin: 25px 0px;
  613. list-style-type: none;
  614. border-bottom: solid 1px #ccc;
  615. }
  616.  
  617. ol.notes li.note {
  618. border-top: solid 1px #ccc;
  619. padding: 6px;
  620. }
  621. .clear {
  622. display: none;
  623. }
  624.  
  625. ol.notes {
  626. padding: 0px;
  627. margin: 25px 0px;
  628. list-style-type: none;
  629. border-bottom: solid 1px #ccc;
  630. }
  631.  
  632. ol.notes li.note {
  633. border-top: solid 1px #ccc;
  634. padding: 6px;
  635. }
  636.  
  637. .pagina {
  638. border-top:0px solid {color:bordering};
  639. padding-top:10px;
  640. font-size:12px;
  641. font-family:courier new;
  642. z-index:-1;
  643. margin-top:-4px;
  644. display:none;
  645. }
  646.  
  647. .noties li {
  648. list-style-type: none;
  649. }
  650.  
  651. .noties a { font-style: italic;
  652. }
  653.  
  654. .noties { margin-left: -20px;}
  655.  
  656. #s-m-t-tooltip {
  657. margin: 20px 20px 0 0; /*space between cursor and tooltip*/
  658. padding: 3px; /*how much space inside tooltip*/
  659. box-shadow: 3px 3px {color:Tooltip Shadow}; /*shadow width and color; set #000 to transparent to "deactivate"*/
  660. border: 1px solid {color:Tooltip Border}; /*border width and color; can change solid to dashed or dotted*/
  661. font-family: Arial; /*font*/
  662. color: #000; /*font color*/
  663. font-size: 9px; /*font size*/
  664. background-color: {color:Tooltip Background}; /*background color*/
  665. text-transform: uppercase; /*options: uppercase lowercase normal*/
  666. letter-spacing: 2px; /*space between letters*/
  667. z-index: 999999999999;
  668. max-width: 250px;
  669. }
  670. /*edited by caffeous from html-tutorials*/
  671.  
  672. </style>
  673.  
  674. <title>{title}</title>
  675. <meta name="viewport" content="width=820" />
  676. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  677. <script>
  678. $(document).ready(function(){
  679. $('.video iframe').each(function(){
  680. var scale = $(this).parents('.entry').width() / 500;
  681. $(this).attr({
  682. width: Math.floor($(this).attr('width') * scale),
  683. height: Math.floor($(this).attr('height') * scale)
  684. });
  685. });
  686. });
  687. </script>
  688.  
  689.  
  690. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  691.  
  692. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  693.  
  694. <script>
  695.  
  696. (function($){
  697.  
  698. $(document).ready(function(){
  699.  
  700. $("a[title]").style_my_tooltips({
  701.  
  702. tip_follows_cursor:true,
  703.  
  704. tip_delay_time:90,
  705.  
  706. tip_fade_speed:600,
  707.  
  708. attribute:"title"
  709.  
  710. });
  711.  
  712. });
  713.  
  714. })(jQuery);
  715.  
  716. </script>
  717.  
  718. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  719.  
  720. {block:indexpage}
  721. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  722. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  723. <script type="text/javascript" src="https://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  724. <script type="text/javascript">
  725. $(window).load(function(){
  726. var $wall = $('#posts');
  727. $wall.imagesLoaded(function(){
  728. $wall.masonry({
  729. itemSelector: '.entry',
  730. isAnimated : false
  731. });
  732. });
  733.  
  734. $wall.infinitescroll({
  735. navSelector : '#page-nav',
  736. nextSelector : '#page-nav a',
  737. itemSelector : '.entry',
  738. bufferPx : 2000,
  739. debug : false,
  740. loadingImg : "https://static.tumblr.com/ey6clvb/b2enrff1v/caffeous.gif",
  741. loadingText : "<em></em>",
  742. errorCallback: function() {
  743. $('#infscr-loading').fadeOut('normal');
  744. }},
  745. function( newElements ) {
  746. var $newElems = $( newElements );
  747. $newElems.hide();
  748. $newElems.imagesLoaded(function(){
  749. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  750. });
  751. }); $('#content').show(500);
  752. });
  753. $container.infinitescroll({
  754. // your options
  755. }, function(){
  756. resizeVideos();
  757. });
  758. </script>
  759.  
  760. {/block:indexpage}
  761.  
  762. </head>
  763. <body>
  764.  
  765. <div id="position">
  766. <div id="navmenu">
  767. {block:IfNotCrosshairCursorOnDescriptionLines}
  768. <span title="click for description">
  769. {/block:IfNotCrosshairCursorOnDescriptionLines}
  770. <div class="line"></div>
  771. <div class="lines"></div>
  772. <div class="lined"></div>
  773. {block:IfNotCrosshairCursorOnDescriptionLines}
  774. </span>
  775. {/block:IfNotCrosshairCursorOnDescriptionLines}
  776. </div>
  777.  
  778. <div class="size">
  779.  
  780. <div id="menu">
  781. <tight>{text:Description Title}</tight></br>{Description}
  782. </div>
  783. </div>
  784.  
  785. </div>
  786. </div>
  787.  
  788. <div class="main"><te>{Title}</te> </p>{block:IfSmallMainButtons}{block:IfTooltipOnMainLinks}<links>{block:IfHomeButton}<a href="{text:Home Link}" title="refresh"><span class="caff caff-refresh caff-lg"></span></a>{/block:IfHomeButton} {block:IfAskButton}<a href="{text:Ask Link}" title="message"><span class="caff caff-comments-o caff-lg"></span></a>{/block:IfAskButton} {block:IfSubmitButton}<a href="{text:Submit Link}" title="submit"><span class="caff caff-paper-plane caff-lg"></span></a>{/block:IfSubmitButton} {block:IfCustomButton}<a href="{text:Custom Link}" title="custom link"><span class="caff caff-link caff-lg"></span></a>{/block:IfCustomButton} {block:IfEtceteraButton}<a href="{text:Etcetera Link}" title="etcetera"><span class="caff caff-folder-open caff-lg"></span></a>{/block:IfEtceteraButton} <a href="https://caffeous.tumblr.com/" title="caffeous"><span class="caff caff-eye caff-lg"></span></a></links>{/block:IfTooltipOnMainLinks}{block:IfNotTooltipOnMainLinks}<links>{block:IfHomeButton}<a href="{text:Home Link}"><span class="caff caff-refresh caff-lg"></span></a>{/block:IfHomeButton} {block:IfAskButton}<a href="{text:Ask Link}"><span class="caff caff-comments-o caff-lg"></span></a>{/block:IfAskButton} {block:IfSubmitButton}<a href="{text:Submit Link}"><span class="caff caff-paper-plane caff-lg"></span></a>{/block:IfSubmitButton} {block:IfCustomButton}<a href="{text:Custom Link}"><span class="caff caff-link caff-lg"></span></a>{/block:IfCustomButton} {block:IfEtceteraButton}<a href="{text:Etcetera Link}"><span class="caff caff-folder-open caff-lg"></span></a>{/block:IfEtceteraButton} <a href="https://caffeous.tumblr.com/"><span class="caff caff-eye caff-lg"></span></a></links>{/block:IfNotTooltipOnMainLinks}{/block:IfSmallMainButtons}{block:IfNotSmallMainButtons}{block:IfTooltipOnMainLinks}<links>{block:IfHomeButton}<a href="{text:Home Link}" title="refresh"><span class="caff caff-refresh caff-2x"></span></a>{/block:IfHomeButton} {block:IfAskButton}<a href="{text:Ask Link}"><span class="caff caff-comments-o caff-2x" title="message"></span></a>{/block:IfAskButton} {block:IfSubmitButton}<a href="{text:Submit Link}" title="submit"><span class="caff caff-paper-plane caff-2x"></span></a>{/block:IfSubmitButton} {block:IfCustomButton}<a href="{text:Custom Link}" title="custom link"><span class="caff caff-link caff-2x"></span></a>{/block:IfCustomButton} {block:IfEtceteraButton}<a href="{text:Etcetera Link}" title="etcetera"><span class="caff caff-folder-open caff-2x"></span></a>{/block:IfEtceteraButton} <a href="https://caffeous.tumblr.com/" title="caffeous"><span class="caff caff-eye caff-2x"></span></a></links>{/block:IfTooltipOnMainLinks}{block:IfNotTooltipOnMainLinks}<links>{block:IfHomeButton}<a href="{text:Home Link}"><span class="caff caff-refresh caff-2x"></span></a>{/block:IfHomeButton} {block:IfAskButton}<a href="{text:Ask Link}"><span class="caff caff-comments-o caff-2x"></span></a>{/block:IfAskButton} {block:IfSubmitButton}<a href="{text:Submit Link}"><span class="caff caff-paper-plane caff-2x"></span></a>{/block:IfSubmitButton} {block:IfCustomButton}<a href="{text:Custom Link}"><span class="caff caff-link caff-2x"></span></a>{/block:IfCustomButton} {block:IfEtceteraButton}<a href="{text:Etcetera Link}"><span class="caff caff-folder-open caff-2x"></span></a>{/block:IfEtceteraButton} <a href="https://caffeous.tumblr.com/"><span class="caff caff-eye caff-2x"></span></a></links>{/block:IfNotTooltipOnMainLinks}{/block:IfNotSmallMainButtons}</div>
  789.  
  790. <div class="side"><img src="{image:Side Image}"></div>
  791.  
  792. <div class="content">
  793.  
  794. <div class="left">
  795.  
  796. <div id="posts">
  797. {block:Posts}
  798.  
  799. <div class="entry">
  800. {block:Text}
  801. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  802. <div class="lovely">{Body}</div></a>
  803. {block:IndexPage}<div class="permal"><a href="{ReblogURL}">{Text:Reblog Name}</a> &middot; <a href="{Permalink}">PERMALINK</a></div>{/block:IndexPage}
  804. {/block:Text}
  805.  
  806.  
  807. {block:Link}
  808. <a href="{URL}" class="title">&rarr;&nbsp;{Name}</a>
  809. <div class="lovely">{block:Description}{Description}{/block:Description}</div>
  810.  
  811. {block:IndexPage}<div class="permal"><a href="{ReblogURL}">{Text:Reblog Name}</a> &middot; <a href="{Permalink}">PERMALINK</a></div>{/block:IndexPage}
  812. {block:Link}
  813.  
  814. {block:Photo}
  815. {block:IndexPage}<div class="assailant">
  816. <span style="float:left;"><span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></span>&nbsp;<span style="float:right;"><span class="countreblog"><a href="{ReblogURL}">{Text:Reblog Name}</a></span></span></div>
  817. {/block:indexpage}
  818. <div class="parol">
  819. {block:IndexPage}<img class="photo"
  820. src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  821. width="100%"/>{/block:IndexPage}
  822. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="495"/>{LinkCloseTag}
  823. {/block:PermalinkPage}
  824. </div>
  825. </p>
  826. {/block:Photo}
  827.  
  828. {block:Photoset}
  829. {block:IndexPage}<div class="assailant">
  830. <span style="float:left;"><span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></span>&nbsp;<span style="float:right;"><span class="countreblog"><a href="{ReblogURL}">{Text:Reblog Name}</a></span></span></div>
  831. {/block:indexpage}
  832. {block:IndexPage}
  833. <div class="parol"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>
  834. {/block:IndexPage}
  835. {block:PermalinkPage}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:PermalinkPage}
  836. {/block:Photoset}
  837.  
  838.  
  839. {block:Quote}
  840. <span class="title">{Quote}</span><br />
  841. {block:Source}{Source}{/block:Source}<br />
  842.  
  843. {block:IndexPage}<div class="permal"><a href="{ReblogURL}">{Text:Reblog Name}</a> &middot; <a href="{Permalink}">PERMALINK</a></div>{/block:IndexPage}
  844. {/block:Quote}
  845.  
  846.  
  847. {block:Chat}
  848. {block:Title}<span class="title">{Title}</span>{/block:Title}
  849. <play><ul class="chat">
  850. {block:Lines}
  851. <li class="user_{UserNumber}">
  852. {block:Label}
  853. <span class="label">{Label}</span>
  854. {/block:Label}
  855.  
  856. {Line}
  857. </li>
  858. {/block:Lines}
  859. </ul></play>
  860.  
  861. {block:IndexPage}<div class="permal"><a href="{ReblogURL}">{Text:Reblog Name}</a> &middot; <a href="{Permalink}">PERMALINK</a></div>{/block:IndexPage}
  862.  
  863. {/block:Chat}
  864.  
  865.  
  866. {block:Audio}
  867.  
  868. <div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  869.  
  870. {block:IndexPage}<div class="permal"><a href="{ReblogURL}">{Text:Reblog Name}</a> &middot; <a href="{Permalink}">PERMALINK</a></div>{/block:IndexPage}
  871. {/block:Audio}
  872.  
  873. {block:Video}
  874. {block:IndexPage}<div class="assailant">
  875. <span style="float:left;"><span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></span>&nbsp;<span style="float:right;"><span class="countreblog"><a href="{ReblogURL}">{Text:Reblog Name}</a></span></span></div>
  876. {/block:indexpage}
  877. {block:IndexPage}
  878. <div class="video">{Video-500}</div>{/block:IndexPage}
  879. {block:PermalinkPage}
  880. {Video-500}
  881. {/block:PermalinkPage}
  882. {block:Video}
  883.  
  884. {block:Answer}<b>Q:</b> <i>{Question}</i> – asked by <b>{Asker}</b></p><div class="lovely">{Answer}</div>
  885. {block:IndexPage}<div class="permal"><a href="{ReblogURL}">{Text:Reblog Name}</a> &middot; <a href="{Permalink}">PERMALINK</a></div>{/block:IndexPage}
  886. {/block:Answer}
  887.  
  888. {block:PermalinkPage}
  889. <center>
  890. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}<div style="text-transform: uppercase; color: #5d5d5d;">POSTED {TimeAgo} with {NoteCount} NOTES</div>{/block:NoteCount}{block:HasTags}<br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</center>
  891.  
  892. {/block:PermalinkPage}
  893.  
  894. {block:PostNotes}<div class="noties">{PostNotes}</div>
  895. {/block:PostNotes}
  896. </div>
  897. {/block:Posts}
  898.  
  899. </div>
  900. </div>
  901. <div class="navigation">
  902. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"></a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  903. </div>
  904.  
  905. <script>
  906. $("#navmenu").click(function() {
  907. $(this).toggleClass("click");
  908. $("#menu").fadeToggle(300);
  909. });
  910. </script>
  911. </body>
  912.  
  913. <yo ondragstart="return false;"><div style="color: #000;display:block;top:47px;text-align: right;right:10px;position:fixed;line-height: 5px;background: transparent;opacity:1;z-index: 212;!important;" title="theme by caffeous"><a href="https://caffeous.tumblr.com/"><img width="23" src="https://33.media.tumblr.com/tumblr_m3k64jSlRf1qfjy56.gif"></a></div></yo>
  914.  
  915.  
  916. </div></div>
  917.  
  918.  
  919. </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!