API tools faq
paste
thetruththemes

Wayfinder - Ventus

thetruththemes
Nov 8th, 2016 (edited)
672
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.06 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---------------------------------------------------------------------------
  3.  
  4. ,,
  5. ,GG,
  6. GIIG
  7. Gl''lG
  8. ;G' 'G;
  9. GP YG
  10. oQ' 'Qo -Wᴀʏғɪɴᴅᴇʀ ᴛʜᴇᴍᴇ ʙʏ
  11. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  12. *TGo, '* *' ,oGP*
  13. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  14. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  15. ;GGT' 'TGG:
  16. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  17. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  18. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  19. oG* oGG* *GGo. *Go
  20. ;GG;oGG* *GGo;GG;
  21. ,GGGT* *TGGG,
  22. ""' '""
  23.  
  24. ---------------------------------------------------------------------------->
  25.  
  26. <!-- hover title 1/2 -->
  27. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  29.  
  30. <head>
  31.  
  32. <!-- website necessities -->
  33. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
  34. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  35.  
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  37. <title>{Title}</title>
  38. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  39.  
  40. <!-------------------------------- IMAGES ---------------------------------->
  41. <meta name="image:Background" content="http://static.tumblr.com/u5vz4xb/MDTogai7c/delete.png"/>
  42. <meta name="image:Side Image" content="http://static.tumblr.com/u5vz4xb/QEaogai7i/08.png"/>
  43. <meta name="image:Wayfinder Center" content="http://static.tumblr.com/u5vz4xb/LBhogaidw/09.png"/>
  44. <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/z2Bo0mgvw/21a.png"/>
  45. <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/QDZo0mgw0/21b.png"/>
  46. <meta name="image:Favicon" content="https://31.media.tumblr.com/737050b0f6aaac1cb88f77e4cec723ba/tumblr_inline_njkpggXPLR1rg1lxe.png"/>
  47. <meta name="image:Default Audio Pic" content="http://static.tumblr.com/u5vz4xb/cXaog6ktc/audio2.png"/>
  48.  
  49. <!-------------------------------- COLORS ---------------------------------->
  50. <!-- Full Body -->
  51. <meta name="color:Background" content="#b9e9e8"/>
  52. <meta name="color:Scroll BG" content="#a6d4d3"/>
  53. <meta name="color:Scroll Thumb Top Gradient" content="#ffffff"/>
  54. <meta name="color:Scroll Thumb Bottom Gradient" content="#ffffff"/>
  55. <!-- Sidebar -->
  56. <meta name="color:Side BGs" content="#ffffff"/>
  57. <meta name="color:Side Shadows" content="#a6d4d3"/>
  58. <meta name="color:Side Title" content="#ffffff"/>
  59. <meta name="color:Description Text" content="#a4d2e5"/>
  60. <meta name="color:Description Links" content="#ff9278"/>
  61. <meta name="color:Description Links Hover" content="#e5d1a6"/>
  62. <meta name="color:Description Scrollbar" content="#e5d1a6"/>
  63. <meta name="color:Sidelinks" content="#695c86"/>
  64. <meta name="color:Sidelinks Hover" content="#8bce95"/>
  65. <meta name="color:Sidelinks Hover BG" content="#ffffff"/>
  66. <meta name="color:Wayfinder Outer" content="#6cbe8c"/>
  67. <meta name="color:Wayfinder Inner" content="#8bce95"/>
  68. <meta name="color:Wayfinder Tips" content="#695c86"/>
  69. <meta name="color:Wayfinder Ring" content="#ffffff"/>
  70. <!-- Posts -->
  71. <meta name="color:Posts BG" content="#ffffff"/>
  72. <meta name="color:Posts 2nd BG" content="#f5f5f5"/>
  73. <meta name="color:Posts Title" content="#70c18e"/>
  74. <meta name="color:Posts Text" content="#a4d2e5"/>
  75. <meta name="color:Posts Bold" content="#8fc3cc"/>
  76. <meta name="color:Posts Italic" content="#8fcad4"/>
  77. <meta name="color:Posts Code" content="#b6b6b6"/>
  78. <meta name="color:Posts Code BG" content="#d4d4d4"/>
  79. <meta name="color:Posts Links" content="#6cbe8c"/>
  80. <meta name="color:Posts Links Hover" content="#8bce95"/>
  81. <meta name="color:Posts Blockquote" content="#f5d4a9"/>
  82. <meta name="color:Audio Player" content="#0084ff"/>
  83. <!-- Post Endings -->
  84. <meta name="color:Postending Text" content="#695c86"/>
  85. <meta name="color:Postending Text Hover" content="#8bce95"/>
  86. <meta name="color:Postending Text Hover BG" content="#ffffff"/>
  87. <!-- Permalink -->
  88. <meta name="color:Permalink Text" content="#cfb4a0"/>
  89. <meta name="color:Permalink Links" content="#82af91"/>
  90. <meta name="color:Permalink Links Hover" content="#ffffff"/>
  91. <meta name="color:Permalink Blockquote" content="#c3edec"/>
  92. <meta name="color:Permalink Scroll Thumb" content="#ffffff"/>
  93. <!-- Misc. -->
  94. <meta name="color:Link Hover BG" content="#695c86"/>
  95. <meta name="color:Link Hover Text" content="#ffffff"/>
  96. <meta name="color:Selection BG" content="#b0f0c0"/>
  97. <meta name="color:Selection Text" content="#ffffff"/>
  98. <meta name="color:Selection Links" content="#ffffff"/>
  99.  
  100. <!------------------------------- OPTIONS ---------------------------------->
  101. <meta name="if:Patterned Background" content="0"/>
  102. <meta name="if:Custom Cursor" content="1"/>
  103. <meta name="if:Custom Favicon" content="1"/>
  104. <meta name="if:White Tumblr Controls" content="1"/>
  105. <meta name="if:Small Tumblr Controls" content="0"/>
  106. <meta name="if:Framed Side Image" content="0"/>
  107. <meta name="if:Side Title Bottom Corner" content="0"/>
  108. <meta name="if:Side Title Left Corner" content="0"/>
  109. <meta name="if:Monochrome Photos" content="0"/>
  110. <meta name="if:Fade Photos" content="1"/>
  111. <meta name="if:2nd Chat Post Format" content="1"/>
  112. <meta name="if:Dark Audio Player" content="0"/>
  113. <meta name="if:Credit on the Right" content="1"/>
  114.  
  115. <!-------------------------------- TEXTS ----------------------------------->
  116. <meta name="text:Side Title" content="" />
  117. <meta name="text:Link 1 URL" content="/" />
  118. <meta name="text:Link 1 Hover" content="Link 1" />
  119. <meta name="text:Link 2 URL" content="/" />
  120. <meta name="text:Link 2 Hover" content="Link 2" />
  121. <meta name="text:Link 3 URL" content="/" />
  122. <meta name="text:Link 3 Hover" content="Link 3" />
  123. <meta name="text:Link 4 URL" content="/" />
  124. <meta name="text:Link 4 Hover" content="Link 4" />
  125. <meta name="text:Link 5 URL" content="/" />
  126. <meta name="text:Link 5 Hover" content="Link 5" />
  127. <meta name="text:Ask Verb" content="wondered" />
  128.  
  129. <!-- symbol font (like the credit) -->
  130. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  131. <!-- custom font 1/2 -->
  132. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Fredoka+One' rel='stylesheet' type='text/css'>
  133.  
  134. </head>
  135.  
  136. <style type="text/css">
  137.  
  138. /* custom font 2/2 */
  139. @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Fredoka+One);
  140.  
  141. /* ------------------------------ DECORATION ---------------------------- */
  142.  
  143. /* body */
  144. body {
  145. color:{color:Posts Text};
  146. background: {color:Background} url('{image:background}') fixed
  147. {block:IfNotPatternedBackground}
  148. center/cover{/block:IfNotPatternedBackground};
  149. font: normal normal normal 11px/17px 'Montserrat', sans-serif;
  150. text-align:justify;}
  151.  
  152. /* ------------------------- CREDIT; DON'T REMOVE ------------------------ */
  153.  
  154. #credit {
  155. z-index:99999; position:fixed;
  156. bottom:10px; font-size:25px;
  157. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  158. {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
  159. color:{color:Wayfinder Outer};}
  160. #credit:hover {
  161. color:{color:Wayfinder Inner};
  162. transform: rotate(72deg);
  163. -webkit-transform: rotate(72deg);
  164. -moz-transform: rotate(72deg);
  165. -o-transform: rotate(72deg);
  166. -ms-transform: rotate(72deg);}
  167.  
  168. /* ------------------------------ MINOR STUFF ---------------------------- */
  169.  
  170. /* tumblr controls */
  171. .tmblr-iframe {
  172. z-index:9999 !important;
  173. {block:IfWhiteTumblrControls}
  174. -webkit-filter: invert(100%) hue-rotate(180deg) !important;
  175. -moz-filter: invert(100%) hue-rotate(180deg) !important;
  176. -ms-filter: invert(100%) hue-rotate(180deg) !important;
  177. -o-filter: invert(100%) hue-rotate(180deg) !important;
  178. filter: invert(100%) hue-rotate(180deg) !important;
  179. {/block:IfWhiteTumblrControls}
  180. {block:IfSmallTumblrControls}
  181. transform: scale(0.8) !important;
  182. -webkit-transform: scale(0.8) !important;
  183. -moz-transform: scale(0.8) !important;
  184. -o-transform: scale(0.8) !important;
  185. -ms-transform: scale(0.8) !important;
  186. transform-origin:right;
  187. webkit-transform-origin:right;
  188. -moz-transform-origin:right;
  189. -o-transform-origin:right;
  190. -ms-transform-origin:right;
  191. {/block:IfSmallTumblrControls}}
  192.  
  193. /* hover text */
  194. #s-m-t-tooltip {
  195. z-index: 99999; display: block;
  196. margin-left: 25px; margin-top: -5px;
  197. max-width:150px;
  198. padding: 4px 5px 4px 6px;
  199. font-size:9px; text-transform:uppercase;
  200. letter-spacing:.5px; text-align:center;
  201. line-height:10px;
  202. color: {color:Link Hover Text};
  203. background: {color:Link Hover BG};}
  204.  
  205. /* scrollbar */
  206. ::-webkit-scrollbar {
  207. height:14px; width:14px;
  208. background: {color:Scroll BG};}
  209. ::-webkit-scrollbar-thumb {
  210. background:{color:Scroll Thumb Top Gradient};
  211. background: -webkit-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
  212. background: -o-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
  213. background: -moz-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
  214. background: linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
  215. border:4px solid {color:Scroll BG};
  216. border-radius:5px;}
  217.  
  218. /* drag n' click selection */
  219. ::selection {
  220. background: {color:Selection BG};
  221. color: {color:Selection Text};}
  222. ::-moz-selection {
  223. background: {color:Selection BG};
  224. color: {color:Selection Text};}
  225. a::selection {
  226. background: {color:Selection BG};
  227. color: {color:Selection Links};}
  228. a::-moz-selection {
  229. background: {color:Selection BG};
  230. color: {color:Selection Links};}
  231.  
  232. /* ----------------------------- FONT STUFF ------------------------------ */
  233.  
  234. /* main font decorations */
  235. .posts p:last-child {
  236. margin-bottom:0px;}
  237. .posts p:first-child {
  238. margin-top:0px;}
  239. b, strong {color:{color:Posts Bold};}
  240. i, em {color:{color:Posts Italic};}
  241.  
  242. /* links */
  243. a:link, a:active, a:visited{
  244. text-decoration:none;
  245. color:{color:Posts Links};
  246. -webkit-transition: all 0.35s linear;
  247. -moz-transition: all 0.35s linear;
  248. transition: all 0.35s linear;}
  249. a:hover {
  250. color:{color:Posts Links Hover};}
  251. a i, i a, a em, em a, a b, b a, a strong, strong a {
  252. color:{color:Posts Links} !important;
  253. -webkit-transition: all 0.35s linear;
  254. -moz-transition: all 0.35s linear;
  255. transition: all 0.35s linear;}
  256. a i:hover, i a:hover, a em:hover, em a:hover, a b:hover, b a:hover, a strong:hover, strong a:hover {
  257. color:{color:Posts Links Hover} !important;}
  258.  
  259. pre {
  260. padding: 6px 9px;
  261. color:{color:Posts Code};
  262. font-size:10px; max-width:100%;
  263. font-family:consolas;
  264. background:{color:Posts Code BG};
  265. border-left: 7px solid {color:posts blockquote};
  266. white-space: pre-wrap;
  267. white-space: -moz-pre-wrap;
  268. white-space: -pre-wrap;
  269. white-space: -o-pre-wrap;
  270. word-wrap: break-word;}
  271. code {
  272. color:{color:Posts Code};
  273. font-size:10px;
  274. font-family:consolas;
  275. background:{color:Posts Code BG};
  276. padding:1px 2px;}
  277.  
  278. /* text and link post titles */
  279. h1 {font: normal normal normal 20px/20px 'Fredoka One', cursive;
  280. text-transform:uppercase;
  281. color:{color:Posts Title};
  282. text-align:center;
  283. letter-spacing:1px;}
  284. /* quote and ask post titles */
  285. h2 {font: normal normal normal 16px/16px 'Fredoka One', cursive;
  286. text-transform:uppercase;
  287. color:{color:Posts Bold};
  288. text-align:center;
  289. letter-spacing:0px;}
  290. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  291.  
  292. /* -------------------------------- SIDEBAR ------------------------------ */
  293.  
  294. /* side image */
  295. #side-image {
  296. position:fixed;
  297. left:40%; bottom:40px;
  298. width:200px; height:266px;
  299. background: url('{image:Side Image}') center/cover;
  300. {block:IfFramedSideImage}
  301. margin-left:-400px;
  302. border:7px solid {color:Side BGs};
  303. {/block:IfFramedSideImage}
  304. {block:IfNotFramedSideImage}
  305. margin-left:-390px;
  306. {/block:IfNotFramedSideImage}
  307. -webkit-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
  308. -moz-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
  309. -ms-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
  310. -o-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
  311. filter: drop-shadow(3px 3px 0px {color:Side Shadows});}
  312.  
  313. /* side image */
  314. #side-image h1 {
  315. {block:IfSideTitleBottomCorner}
  316. position:absolute; bottom:-7px;
  317. {/block:IfSideTitleBottomCorner}
  318. {block:IfNotSideTitleBottomCorner}
  319. position:relative; top:-7px;
  320. {/block:IfNotSideTitleBottomCorner}
  321. {block:IfSideTitleLeftCorner}
  322. text-align:left;
  323. {/block:IfSideTitleLeftCorner}
  324. {block:IfNotSideTitleLeftCorner}
  325. text-align:right;
  326. {/block:IfNotSideTitleLeftCorner}
  327. width:196px; padding:2px;
  328. font: normal normal normal 11px/12px 'Montserrat', cursive;
  329. text-transform:uppercase;
  330. color:{color:Side Title};
  331. letter-spacing:1.5px;}
  332.  
  333. /* right side container */
  334. #side-right {
  335. position:fixed;
  336. left:40%; bottom:40px;
  337. margin-left:-179px;
  338. height:auto; width:186px;}
  339.  
  340. #wayfinder {
  341. height:120px; width:120px;
  342. margin:0 auto 20px auto;
  343. -webkit-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
  344. -moz-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
  345. -ms-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
  346. -o-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
  347. filter: drop-shadow(2px 2px 0px {color:Side Shadows});}
  348. #wayfinder-connector {
  349. z-index:-1; position:relative;
  350. top:-115px; left:30px;
  351. width:45px; height:45px;
  352. border-radius:50%;
  353. border:3px solid {color:Wayfinder Ring};}
  354. #wayfinder-center {
  355. z-index:1; position:relative;
  356. display:block;
  357. top:-160px; left:35px;
  358. width:40px; height:40px;
  359. background: url({image:Wayfinder Center}) center no-repeat;
  360. transform-origin: 50% 50%;
  361. -ms-transform: rotate(15deg);
  362. -webkit-transform: rotate(15deg);
  363. transform: rotate(15deg);}
  364.  
  365. .wayfinder-point {
  366. position:relative; display:block;
  367. transform-origin: 50% 100%;
  368. width: 26px; height: 30px;
  369. background: {color:Wayfinder Inner};
  370. background: -webkit-linear-gradient({color:Wayfinder Outer} 30%, {color:Wayfinder Inner} 80%);
  371. background: -o-linear-gradient({color:Wayfinder Outer} 30%, {color:Wayfinder Inner} 80%);
  372. background: -moz-linear-gradient({color:Wayfinder Outer} 30%,{color:Wayfinder Inner} 80%);
  373. background: linear-gradient({color:Wayfinder Outer} 30%, {color:Wayfinder Inner} 80%);
  374. border-radius: 50% 50% 50% 50% / 70% 70% 30% 30%;
  375. /*box-shadow:0px 1px 0px 1px {color:Wayfinder Tips};*/
  376. -webkit-transition: all 0.5s ease-in-out;
  377. -moz-transition: all 0.5s ease-in-out;
  378. transition: all 0.5s ease-in-out;}
  379. .wayfinder-point::before {
  380. content:"";
  381. display:block;
  382. position:relative;
  383. top:-12px; left:1px;
  384. width:4px; height:0px;
  385. background: transparent;
  386. border: 0px solid {color:Wayfinder Outer};
  387. border-width: 0px 10px 25px 10px;
  388. border-color:transparent transparent {color:Wayfinder Outer} transparent;
  389. border-radius: 50% 50% 40% 40%;
  390. -webkit-transition: all 0.5s ease-in-out;
  391. -moz-transition: all 0.5s ease-in-out;
  392. transition: all 0.5s ease-in-out;}
  393. .wayfinder-point::after {
  394. content: "\f0f3";
  395. display:block;
  396. font-size:12px;
  397. margin:-30px 0px 0px 19px;
  398. font-family:'FontAwesome';
  399. color:{color:Wayfinder Tips};
  400. transform-origin: 0% 0%;
  401. -ms-transform: rotate(180deg);
  402. -webkit-transform: rotate(180deg);
  403. transform: rotate(180deg);}
  404.  
  405. .point1 {
  406. top:18px; left:45px;
  407. -ms-transform: rotate(15deg);
  408. -webkit-transform: rotate(15deg);
  409. transform: rotate(15deg);}
  410. .point1:hover {
  411. -ms-transform: rotate(15deg) translateY(-6px);
  412. -webkit-transform: rotate(15deg) translateY(-6px);
  413. transform: rotate(15deg) translateY(-6px);}
  414. .point2 {
  415. top:-1px; left:56px;
  416. -ms-transform: rotate(85deg);
  417. -webkit-transform: rotate(85deg);
  418. transform: rotate(85deg);}
  419. .point2:hover {
  420. -ms-transform: rotate(85deg) translateY(-6px);
  421. -webkit-transform: rotate(85deg) translateY(-6px);
  422. transform: rotate(85deg) translateY(-6px);}
  423. .point3 {
  424. top:-19px; left:48px;
  425. -ms-transform: rotate(160deg);
  426. -webkit-transform: rotate(160deg);
  427. transform: rotate(160deg);}
  428. .point3:hover {
  429. -ms-transform: rotate(160deg) translateY(-6px);
  430. -webkit-transform: rotate(160deg) translateY(-6px);
  431. transform: rotate(160deg) translateY(-6px);}
  432. .point4 {
  433. top:-52px; left:33px;
  434. -ms-transform: rotate(-130deg);
  435. -webkit-transform: rotate(-130deg);
  436. transform: rotate(-130deg);}
  437. .point4:hover {
  438. -ms-transform: rotate(-130deg) translateY(-6px);
  439. -webkit-transform: rotate(-130deg) translateY(-6px);
  440. transform: rotate(-130deg) translateY(-6px);}
  441. .point5 {
  442. top:-96px; left:31px;
  443. -ms-transform: rotate(-55deg);
  444. -webkit-transform: rotate(-55deg);
  445. transform: rotate(-55deg);}
  446. .point5:hover {
  447. -ms-transform: rotate(-55deg) translateY(-6px);
  448. -webkit-transform: rotate(-55deg) translateY(-6px);
  449. transform: rotate(-55deg) translateY(-6px);}
  450.  
  451. /* sidebar links */
  452. #sidelinks {
  453. text-align:center;}
  454. #sidelinks a {
  455. font: normal normal bold 11px/12px 'Montserrat', cursive;
  456. text-transform:uppercase;
  457. letter-spacing:2px;
  458. display:inline-block;
  459. margin:0px 2px 0px 0px;
  460. width:58px; padding:8px 0px 8px 0px;
  461. color:{color:Sidelinks};
  462. background:transparent;
  463. text-shadow:2px 2px 0px {color:Side Shadows};
  464. box-shadow:3px 0px 0px transparent;
  465. -webkit-transition: all 0.2s linear;
  466. -moz-transition: all 0.2s linear;
  467. transition: all 0.2s linear;}
  468. #sidelinks a:hover {
  469. color:{color:Sidelinks Hover};
  470. background:{color:Sidelinks Hover BG};
  471. text-shadow:2px 2px 0px transparent;
  472. box-shadow: 3px 0px 0px {color:Side Shadows};}
  473.  
  474. /* description */
  475. #description {
  476. padding-right:5px;
  477. font-size:10px; line-height:13px;
  478. text-align:justify; letter-spacing:0px;
  479. width:165px; max-height:100px;
  480. border:7px solid {color:Side BGs};
  481. overflow:scroll;
  482. color:{color:Description Text};
  483. background: {color:Side BGs};
  484. box-shadow:3px 3px 0px {color:Side Shadows};}
  485. #description b, #description strong, #description i, #description em {
  486. color:{color:Description Text};}
  487. #description a {
  488. color:{color:Description Links};}
  489. #description a:hover {
  490. color:{color:Description Links Hover};}
  491.  
  492. #description::-webkit-scrollbar {
  493. height:1px; width:1px;
  494. background: transparent;}
  495. #description::-webkit-scrollbar-thumb {
  496. background: {color:description scrollbar};
  497. border:none;}
  498.  
  499. /* pagination */
  500. #pagination {
  501. z-index: 9; position:fixed;
  502. top:0px; left:50%;
  503. margin-left:-57px;
  504. width:550px; padding:10px 1px;
  505. letter-spacing:1px; text-align:center;
  506. background: {color:Background} url('{image:background}') fixed
  507. {block:IfNotPatternedBackground}
  508. center/cover{/block:IfNotPatternedBackground};
  509. color:{color:Side Shadows};}
  510. .active {
  511. font-weight:bold;
  512. display:inline-block;
  513. min-width:18px;
  514. line-height:10px;
  515. padding:7px 2px 7px 2px;}
  516. #pagination a .active {
  517. color:{color:Sidelinks};
  518. background:transparent;
  519. text-shadow:2px 2px 0px {color:Side Shadows};
  520. box-shadow:3px 3px 0px transparent;
  521. -webkit-transition: all 0.3s linear;
  522. -moz-transition: all 0.3s linear;
  523. transition: all 0.3s linear;}
  524. #pagination a .active:hover {
  525. color:{color:Sidelinks Hover};
  526. background:{color:Sidelinks Hover BG};
  527. text-shadow:2px 2px 0px transparent;
  528. box-shadow:3px 3px 0px {color:Side Shadows};}
  529.  
  530. /* ------------------------------- POSTS --------------------------------- */
  531.  
  532. /* posts position */
  533. #entries {
  534. margin-top:70px;
  535. margin-left:50%;}
  536. /* posts themselves */
  537. .posts {
  538. margin:0 0 80px -50px;
  539. overflow:hidden;
  540. width: 500px; padding:20px;
  541. background: {color:Posts BG} url('');
  542. box-shadow:3px 3px 0px {color:Side Shadows};}
  543.  
  544. /* ----------------------------- POST TYPES ------------------------------ */
  545.  
  546. /* text post */
  547. blockquote {
  548. padding:0px;
  549. padding-left:6px;
  550. margin:-3px 0 -1px 6px;
  551. border-left:3px solid {color:posts blockquote};}
  552. hr {display: block;
  553. margin: 30px 80px;
  554. border:1px solid {color:posts blockquote};}
  555.  
  556. /* bullet lists */
  557. ol {margin-left:-8px;
  558. list-style-type:decimal;}
  559. ul {margin-left:-20px;
  560. list-style-type:none;}
  561. ul li::before {
  562. content:"";
  563. margin:0px 10px 2px 0px;
  564. display:inline-block;
  565. height:4px; width:4px;
  566. border-radius:50%;
  567. background:{color:posts blockquote};}
  568. li {margin-bottom:3px;}
  569.  
  570. /* text-images */
  571. .posts img {
  572. vertical-align:middle;
  573. max-width:100%;}
  574. /* the credit below images that are from other people */
  575. .tmblr-full {margin:0;}
  576. .tmblr-attribution {
  577. opacity:.8;
  578. margin-top:0px;
  579. font-family:Calibri;
  580. font-size:8px; line-height:8px;
  581. text-transform:uppercase;
  582. letter-spacing:1px;}
  583. .tmblr-attribution::after {content: " >";}
  584.  
  585. /* link posts */
  586. .link-posts a {
  587. background: {color:Posts Links};
  588. display:inline-block;
  589. width: 480px;
  590. padding:10px;
  591. color:{color:Posts BG};}
  592. .link-posts a:hover {
  593. background: {color:Posts Links Hover}}
  594.  
  595. /* ask posts */
  596. .ask-posts img {
  597. vertical-align:middle;
  598. display:inline-block;
  599. margin-right:7px;
  600. max-width:64px;}
  601. .ask-posts .question {
  602. vertical-align:middle;
  603. display:inline-block;
  604. min-height:44px; width:406px;
  605. padding: 10px;
  606. background: {color:Posts 2nd BG};}
  607. .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
  608.  
  609. /* quote posts */
  610. .quote-posts {
  611. padding:10px 0px;
  612. text-align:center}
  613. .quote {
  614. vertical-align:middle;
  615. width:430px;
  616. display:inline-block;}
  617. .quote-posts .fa {
  618. font-size:20px;
  619. vertical-align:middle;
  620. display:inline-block;
  621. color:{color:Posts Blockquote}}
  622.  
  623. /* chat posts */
  624. .chat {margin:0px; padding:0px; line-height:14px;}
  625. .chat li {text-align:left;}
  626. .chat li::before {display:none;}
  627.  
  628. {block:IfNot2ndChatPostFormat}
  629. .chat li {
  630. padding:0px 0px 4px 4px;
  631. border-bottom:2px solid {color:Posts Blockquote};}
  632. .chat li:first-of-type {
  633. padding-top:4px;
  634. border-top:2px solid {color:Posts Blockquote};}
  635. {/block:IfNot2ndChatPostFormat}
  636. {block:If2ndChatPostFormat}
  637. .chat li {
  638. padding:5px 8px;
  639. margin-bottom:4px;
  640. background: {color:Posts 2nd BG};}
  641. {/block:If2ndChatPostFormat}
  642.  
  643. /* photo posts */
  644. .posts img, .posts .html_photoset, .posts #audio-pic {
  645. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  646. {block:IfMonochromePhotos}
  647. -webkit-filter: grayscale(100%);
  648. -moz-filter: grayscale(100%);
  649. -ms-filter: grayscale(100%);
  650. -o-filter: grayscale(100%);
  651. filter: grayscale(100%);{/block:IfMonochromePhotos}
  652. -webkit-transition-duration: 0.5s;
  653. -moz-transition-duration:0.5s;
  654. -o-transition-duration:0.5s;
  655. transition-duration:0.5s;}
  656. .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
  657. opacity:1;
  658. -webkit-filter: grayscale(0%);
  659. -moz-filter: grayscale(0%);
  660. -ms-filter: grayscale(0%);
  661. -o-filter: grayscale(0%);
  662. filter: grayscale(0%);
  663. -webkit-transition-duration: 0.5s;
  664. -moz-transition-duration:0.5s;
  665. -o-transition-duration:0.5s;
  666. transition-duration:0.5s;}
  667.  
  668. /* photoset focused image background */
  669. .tmblr-lightbox {
  670. background-color:transparent !important;}
  671. .vignette {
  672. z-index:99998! important;
  673. opacity:.75 !important;
  674. background-color:{color:background} !important;
  675. background-image:none !important;}
  676. .tmblr-lightbox .lightbox-image {
  677. z-index:99999! important;
  678. border-radius:0px !important;
  679. background:{color:background} !important;
  680. box-shadow:0px 0px 0px 30px {color:background} !important;}
  681. .tmblr-lightbox .lightbox-caption {
  682. z-index:99999! important;
  683. font-family:consolas !important;
  684. font-size:10px !important;
  685. font-size: 15px !important;
  686. font-weight: bold !important;
  687. color: {color:posts title} !important;
  688. text-shadow: 0 4px 30px {color:background} !important;}
  689.  
  690. /* video posts */
  691. #youtube_iframe, .tumblr_video_container {
  692. margin-bottom:5px; max-width:100%;}
  693. .caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
  694. margin:5px 0px; max-width:100%;}
  695.  
  696. /* audio posts */
  697. #audio-pic {
  698. display:inline-block;
  699. vertical-align:middle;
  700. margin-right:2px;
  701. width:135px; height:135px;
  702. background: url('{image:Default Audio Pic}');
  703. background-size:cover;}
  704. #info-container {
  705. display:inline-block;
  706. vertical-align:middle;
  707. text-align:left;
  708. font-size:8px; line-height:15px;
  709. width:355px;
  710. text-transform:uppercase;
  711. letter-spacing:1px;}
  712. #info-container li {
  713. display:block;
  714. padding:4px 7px;
  715. margin:0px; margin-top:4px;
  716. background:{color:Posts 2nd BG};}
  717. .posts .audio_player {
  718. max-width:355px; max-height:27px;
  719. margin:0px;
  720. background:{color:Audio Player};
  721. {block:IfMonochromePhotos}
  722. -webkit-filter: grayscale(100%);
  723. -moz-filter: grayscale(100%);
  724. -ms-filter: grayscale(100%);
  725. -o-filter: grayscale(100%);
  726. filter: grayscale(100%);{/block:IfMonochromePhotos}
  727. -webkit-transition: all 0.2s linear;
  728. -moz-transition: all 0.2s linear;
  729. transition: all 0.2s linear;}
  730. .posts:hover .audio_player {
  731. {block:IfMonochromePhotos}
  732. -webkit-filter: grayscale(0%);
  733. -moz-filter: grayscale(0%);
  734. -ms-filter: grayscale(0%);
  735. -o-filter: grayscale(0%);
  736. filter: grayscale(0%);{/block:IfMonochromePhotos}}
  737. .tumblr_audio_player {
  738. width:355px; opacity:.66;}
  739.  
  740. /* ----------------------------- POSTS INFO ------------------------------ */
  741.  
  742. /* container */
  743. #postinfo {
  744. margin-top:20px;
  745. position:absolute;
  746. text-align:center;
  747. margin-left:-20px;
  748. width:540px;
  749. font: normal normal bold 11px/12px 'Montserrat', cursive;}
  750. /* individual links */
  751. #other a {
  752. text-transform:uppercase;
  753. letter-spacing:2px;
  754. display:inline-block;
  755. padding:8px; margin:0px 2px;
  756. color:{color:Postending Text};
  757. text-shadow:2px 2px 0px {color:Side Shadows};
  758. background:transparent;
  759. box-shadow:3px 3px 0px transparent;}
  760. #other a:hover {
  761. color:{color:Postending Text Hover};
  762. text-shadow:2px 2px 0px transparent;
  763. background:{color:Postending Text Hover BG};
  764. box-shadow:3px 3px 0px {color:Side Shadows};}
  765. #tags {margin:10px 0px 5px 0px;}
  766. #tags a {
  767. text-transform:lowercase;
  768. letter-spacing:1px;
  769. display:inline-block;
  770. margin:0px 5px;
  771. color:{color:Postending Text};
  772. text-shadow:2px 2px 0px {color:Side Shadows};}
  773. #tags a:hover {
  774. color:{color:Postending Text Hover};}
  775.  
  776. /* ---------------------------- PERMALINK -------------------------------- */
  777.  
  778. /* permalink position */
  779. #permalink {
  780. background:;/* if you want the post-notes to have a non-transparent bg */
  781. margin:-40px 0px 0px -50px;
  782. width: 500px; padding: 20px;}
  783.  
  784. /* post notes container */
  785. .notes {
  786. max-height:600px;
  787. overflow: auto; letter-spacing:0px;
  788. text-align:center; color:transparent;
  789. line-height:0px; font-size:0px;}
  790. .notes a {
  791. display:inline-block;
  792. letter-spacing:1px;
  793. font: normal normal normal 10px/15px 'Montserrat', non-serif;
  794. color:{color:Permalink Links};}
  795. .notes a:hover {
  796. color:{color:Permalink Links Hover};}
  797. .notes blockquote, .notes .answer_content {
  798. font: normal normal normal 10px/15px 'Montserrat', non-serif;
  799. letter-spacing:1px;
  800. max-width:350px;
  801. margin:3px auto; border:none;
  802. color:{color:Permalink Links};
  803. background:{color:Permalink Blockquote};}
  804. .notes blockquote {
  805. display:inline-block;
  806. padding:1px 10px 0px 10px;}
  807. .notes .answer_content {
  808. display:block;
  809. padding:2px 10px 1px 10px;}
  810. .notes img {display:none;}
  811. .notes li {margin-left:-10px;}
  812.  
  813. /* replaced regular sentences with fa symbols */
  814. .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
  815. font-weight:normal;
  816. vertical-align:middle;
  817. content:"";
  818. font-family:'FontAwesome';
  819. display:inline-block; margin:0px 5px;
  820. font-size:10px;
  821. color:{color:Permalink Text};}
  822. .notes .like span a::after {content:"\f004";}
  823. .notes .reblog .tumblelog::after {content: "\f079";}
  824. .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
  825. .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
  826. .notes .reply .action a::after {content: "\f063";}
  827.  
  828. /* permalink scrollbar */
  829. #permalink ::-webkit-scrollbar {
  830. height:5px; width:5px;
  831. background: transparent;}
  832. #permalink ::-webkit-scrollbar-thumb:vertical {
  833. background: {color:Permalink Scroll Thumb};
  834. border:none;}
  835.  
  836. </style>
  837. <body>
  838.  
  839. <!-------------------------------- CURSOR ---------------------------------->
  840. {block:IfCustomCursor}
  841. <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  842. </style>
  843. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  844. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
  845.  
  846. <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
  847. <a href="https://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit">
  848. <l class="fa fa-star"></l>
  849. </a>
  850.  
  851. <!-------------------------------- SIDEBAR --------------------------------->
  852.  
  853. <!-- Page navigation -->
  854. {block:Pagination}<div id="pagination">
  855. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div class="active">◀</div>{block:PreviousPage}</a>{/block:PreviousPage}
  856. {block:JumpPagination length="5"}
  857. {block:CurrentPage}
  858. <div class="active">{PageNumber}</div>
  859. {/block:CurrentPage}
  860. {block:JumpPage}
  861. <a href="{URL}"><div class="active">{PageNumber}</div></a>
  862. {/block:JumpPage}
  863. {/block:JumpPagination}
  864. {block:NextPage}<a href="{NextPage}">{/block:NextPage}<div class="active">▶</div>{block:NextPage}</a>{/block:NextPage}
  865. </div>{/block:Pagination}
  866.  
  867. <!-- sidebar -->
  868. <div id="side-image">
  869. <h1>{text:Side Title}</h1>
  870. </div>
  871. <div id="side-right">
  872. <!-- wayfinder - minor links -->
  873. <div id="wayfinder">
  874. <a href="{text:link 1 URL}" title="{text:link 1 hover}" class="wayfinder-point point1"></a>
  875. <a href="{text:link 2 URL}" title="{text:link 2 hover}" class="wayfinder-point point2"></a>
  876. <a href="{text:link 3 URL}" title="{text:link 3 hover}" class="wayfinder-point point3"></a>
  877. <a href="{text:link 4 URL}" title="{text:link 4 hover}" class="wayfinder-point point4"></a>
  878. <a href="{text:link 5 URL}" title="{text:link 5 hover}" class="wayfinder-point point5"></a>
  879. <div id="wayfinder-connector"></div>
  880. <div id="wayfinder-center"></div>
  881. </div>
  882. <!-- main - links -->
  883. <div id="sidelinks">
  884. <a href="/">Home</a>
  885. <a href="/ask">Ask</a>
  886. <a href="/archive">Past</a>
  887. </div>
  888. <!-- description -->
  889. <div id="description">{description}</div>
  890.  
  891. </div>
  892.  
  893. <!--------------------------------- POSTS ---------------------------------->
  894. <div id="entries">
  895. {block:posts}
  896.  
  897. <div class="posts">
  898.  
  899. <!-- text posts -->
  900. {block:Text}
  901. {block:Title}<h1>{Title}</h1>{/block:Title}
  902. <div class="caption">{Body}</div>
  903. {/block:Text}
  904.  
  905. <!-- link posts -->
  906. {block:Link}
  907. {block:Thumbnail}<center>
  908. <a href="{Thumbnail-HighRes}">
  909. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;">
  910. </a>
  911. </center>{/block:Thumbnail}
  912. <div class="link-posts"><h1><a href="{URL}">
  913. {Name}&nbsp;<l class="fa fa-arrow-right" style="font-size:16px; position:relative; top:-2px;"></l>
  914. </a></h1></div>
  915. {block:Description}<div class="caption">
  916. <p>{Description}</p>
  917. </div>{/block:Description}
  918. {/block:Link}
  919.  
  920. <!-- ask posts -->
  921. {block:Answer}
  922. <div class="ask-posts">
  923. <img src="{AskerPortraitURL-64}">
  924. <div class="question">
  925. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  926. </div></div><br>
  927. <div id="caption">{Answer}</div>
  928. {/block:Answer}
  929.  
  930. <!-- quote posts -->
  931. {block:Quote}
  932. <h2 class="quote-posts">
  933. <l class="fa fa-quote-left"></l>
  934. <div class="quote">{Quote}</div>
  935. <l class="fa fa-quote-right"></l>
  936. </h2>
  937. <div style="text-align:right; margin-right:20px">
  938. {block:Source}<b>- {Source}</b>{/block:Source}
  939. </div>
  940. {/block:Quote}
  941.  
  942. <!-- chat posts -->
  943. {block:Chat}
  944. {block:Title}<h1>{Title}</h1>{/block:Title}
  945. <ul class="chat">{block:Lines}
  946. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  947. {/block:Lines}</ul>
  948. {/block:Chat}
  949.  
  950. <!-- photo posts -->
  951. {block:Photo}
  952. <center>
  953. {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  954. </center>
  955. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  956.  
  957. {block:Photoset}
  958. <div style="width:540px; margin-left:-20px; text-align:middle">
  959. {Photoset}
  960. </div>
  961. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  962.  
  963. <!-- video post -->
  964. {block:Video}
  965. {Video-500}
  966. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  967. {/block:Video}
  968.  
  969. <!-- audio posts -->
  970. {block:Audio}
  971. <!--image-->
  972. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  973. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  974. </div>{block:IndexPage}</a>{/block:IndexPage}
  975. <div id="info-container">
  976. <!--player-->
  977. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  978. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
  979. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  980. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  981. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  982. {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
  983. </div>
  984. {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}
  985.  
  986. <!------------------------------ POST ENDING ------------------------------->
  987.  
  988. <!------------- Index Page ------------->
  989. {block:IndexPage}
  990. <div id="postinfo">
  991.  
  992. <!-- tags -->
  993. {block:HasTags}<div id="tags">
  994. {block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}
  995. </div>{/block:HasTags}
  996. <!-- date posted -->
  997. <div id="other">
  998. {block:Date}
  999. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}">Date</a>
  1000. {/block:Date}
  1001. <!-- notes counter -->
  1002. {block:NoteCount}
  1003. <a href="{Permalink}" title="{NoteCountWithLabel}">Notes</a>
  1004. {/block:NoteCount}
  1005. <!-- original poster -->
  1006. {block:ContentSource}
  1007. <a href="{SourceURL}" title="{SourceTitle}">Source</a>
  1008. {/block:ContentSource}
  1009. <!-- reblogged from -->
  1010. {block:RebloggedFrom}
  1011. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  1012. {/block:RebloggedFrom}
  1013. <!-- reblog -->
  1014. <a href="{ReblogURL}">Reblog</a>
  1015. </div>
  1016. </div>
  1017. {/block:IndexPage}
  1018.  
  1019. <!------------- Permalink Page ------------->
  1020. {block:PermalinkPage}{block:Date}
  1021. <div id="postinfo">
  1022.  
  1023. <!-- tags -->
  1024. {block:HasTags}<div id="tags">
  1025. {block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}
  1026. </div>{/block:HasTags}
  1027. <!-- date posted -->
  1028. <div id="other">
  1029. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}">Date</a>
  1030. <!-- notes counter -->
  1031. {block:NoteCount}
  1032. <a href="#permalink" title="{NoteCountWithLabel}">Notes</a>
  1033. {/block:NoteCount}
  1034. <!-- original poster -->
  1035. {block:ContentSource}
  1036. <a href="{SourceURL}" title="{SourceTitle}">Source</a>
  1037. {/block:ContentSource}
  1038. <!-- reblogged from -->
  1039. {block:RebloggedFrom}
  1040. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  1041. {/block:RebloggedFrom}
  1042. <!-- reblog -->
  1043. <a href="{ReblogURL}">Reblog</a>
  1044. </div>
  1045. </div>
  1046.  
  1047. {/block:Date}{/block:PermalinkPage}
  1048.  
  1049. </div> <!-- ending div tag for "posts" -->
  1050.  
  1051. {/block:Posts}
  1052.  
  1053. <!------------------------------- PERMALINK -------------------------------->
  1054.  
  1055. {block:PostNotes}
  1056. <div id="permalink">{PostNotes}
  1057. </div>
  1058. {/block:PostNotes}
  1059.  
  1060. </div> <!-- ending div tag for "entries" -->
  1061.  
  1062. <script>
  1063. /* questions? ask oddhour.tumblr.com */
  1064. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_1 { margin-top:5px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_2 { margin-top:5px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row.photoset_row_3 { margin-top:5px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset .photoset_row .photoset_photo {margin-left:4px;} .photoset { width: 540px; }</style>";
  1065. function updatePhotoset() {
  1066.  
  1067. $(".photoset").each( function (i, e) {
  1068. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  1069. $(this.contentDocument).find("head").append(updatePhotosetCss);
  1070. var photoset = $(this.contentDocument).find(".photoset");
  1071. var photosetRows = photoset.find(".photoset_row");
  1072. photoset.find(".photoset_photo")
  1073. .each(function () {
  1074. var hiResSrc = $(this).attr("href");
  1075. var img = $(this).find('img');
  1076. img.attr("src", hiResSrc );
  1077. img.attr("style", "");
  1078. });
  1079. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  1080. photoset.attr("style","");
  1081.  
  1082. $(this).height($(this.contentDocument.body).height());
  1083. });
  1084. }
  1085.  
  1086. updatePhotoset();
  1087.  
  1088. var photosetTimer = setInterval(updatePhotoset, 1500);
  1089. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  1090. </script>
  1091.  
  1092. </body>
  1093. </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!