API tools faq
paste
Advertisement
neothm

#05 CHROME

neothm
Apr 14th, 2015
6,949
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <!--
  4. #05 CHROME
  5. ©NEO: @NEOTHM/@NEOVAK
  6.  
  7. If you need help/spotted a glitch, feel free to message me!
  8. Thank you for taking an interest in this code. Enjoy. ♡
  9. -->
  10. <head>
  11. <meta charset="utf-8">
  12. <title>{block:PostTitle}{PostTitle} | {/block:PostTitle}{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  14. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  17. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/jSmnqcghc/normalizer.css">
  18. <link href="//fonts.googleapis.com/css?family=Lato:300,700,300italic|Montserrat:400,700" rel="stylesheet" type="text/css">
  19. <meta name="if:ContainedLayout" content="0">
  20. <meta name="if:FullSizeBackground" content="0">
  21. <meta name="if:Gmail" content="1">
  22. <meta name="if:PopupArchive" content="1">
  23. <meta name="if:GoogleMaps" content="1">
  24. <meta name="if:GoogleDrive" content="1">
  25. <meta name="if:ShowTags" content="1">
  26. <meta name="if:ShowCaptions" content="1">
  27. <meta name="if:HiddenSidebar" content="1">
  28. <meta name="if:GrayscaleImages" content="0">
  29. <meta name="if:FadedImages" content="0">
  30. <meta name="if:Shadows" content="0">
  31. <meta name="if:RoundBorders" content="0">
  32. <meta name="select:NextPage" content="pagination" title="Pagination">
  33. <meta name="select:NextPage" content="ifntscroll" title="Infinite scroll">
  34. <meta name="text:SearchBar" content="http://">
  35. <meta name="image:PageBackground" content="">
  36. <meta name="image:Sidebar" content="">
  37. <meta name="color:PageBackground" content="#fff">
  38. <meta name="color:ChromeBrowserBackground" content="#f6f6f6">
  39. <meta name="color:Scrollbar" content="#d4d4d4">
  40. <meta name="color:Links" content="#000">
  41. <meta name="color:Hover" content="#aaa">
  42. <meta name="color:Text" content="#777">
  43. <meta name="if:ChromeLink1" content="1">
  44. <meta name="if:ChromeLink2" content="0">
  45. <meta name="if:ChromeLink3" content="0">
  46. <meta name="text:ChromeLink1Name" content="">
  47. <meta name="text:ChromeLink1URL" content="">
  48. <meta name="text:ChromeLink2Name" content="">
  49. <meta name="text:ChromeLink2URL" content="">
  50. <meta name="text:ChromeLink3Name" content="">
  51. <meta name="text:ChromeLink3URL" content="">
  52. <meta name="if:GmailAnswerTag" content="1">
  53. <meta name="text:YourAnswerTag" content="/tagged/replies">
  54. <meta name="if:GmailFAQ" content="1">
  55. <meta name="text:GmailFAQQuestion1" content="">
  56. <meta name="text:GmailFAQAnswer1" content="">
  57. <meta name="text:GmailFAQQuestion2" content="">
  58. <meta name="text:GmailFAQAnswer2" content="">
  59. <meta name="text:GmailFAQQuestion3" content="">
  60. <meta name="text:GmailFAQAnswer3" content="">
  61. <meta name="if:MapsPointer2" content="1">
  62. <meta name="if:MapsPointer3" content="1">
  63. <meta name="if:MapsPointer4" content="1">
  64. <meta name="if:MapsPointer5" content="1">
  65. <meta name="if:MapsPointer6" content="1">
  66. <meta name="if:MapsPointer7" content="1">
  67. <meta name="if:MapsPointer8" content="1">
  68. <meta name="if:MapsPointer9" content="1">
  69. <meta name="if:MapsPointer10" content="1">
  70. <meta name="text:MapsLink1URL" content="">
  71. <meta name="text:MapsLink1Name" content="">
  72. <meta name="text:MapsLink2URL" content="">
  73. <meta name="text:MapsLink2Name" content="">
  74. <meta name="text:MapsLink3URL" content="">
  75. <meta name="text:MapsLink3Name" content="">
  76. <meta name="text:MapsLink4URL" content="">
  77. <meta name="text:MapsLink4Name" content="">
  78. <meta name="text:MapsLink5URL" content="">
  79. <meta name="text:MapsLink5Name" content="">
  80. <meta name="text:MapsLink6URL" content="">
  81. <meta name="text:MapsLink6Name" content="">
  82. <meta name="text:MapsLink7URL" content="">
  83. <meta name="text:MapsLink7Name" content="">
  84. <meta name="text:MapsLink8URL" content="">
  85. <meta name="text:MapsLink8Name" content="">
  86. <meta name="text:MapsLink9URL" content="">
  87. <meta name="text:MapsLink9Name" content="">
  88. <meta name="text:MapsLink10URL" content="">
  89. <meta name="text:MapsLink10Name" content="">
  90. <meta name="text:DriveContainer1Name" content="">
  91. <meta name="text:DriveContainer2Name" content="">
  92. <meta name="text:DriveContainer3Name" content="">
  93. <meta name="text:DriveC1Link1Name" content="">
  94. <meta name="text:DriveC1Link1URL" content="">
  95. <meta name="text:DriveC1Link2Name" content="">
  96. <meta name="text:DriveC1Link2URL" content="">
  97. <meta name="text:DriveC1Link3Name" content="">
  98. <meta name="text:DriveC1Link3URL" content="">
  99. <meta name="text:DriveC2Link1Name" content="">
  100. <meta name="text:DriveC2Link1URL" content="">
  101. <meta name="text:DriveC2Link2Name" content="">
  102. <meta name="text:DriveC2Link2URL" content="">
  103. <meta name="text:DriveC2Link3Name" content="">
  104. <meta name="text:DriveC2Link3URL" content="">
  105. <meta name="text:DriveC3Link1Name" content="">
  106. <meta name="text:DriveC3Link1URL" content="">
  107. <meta name="text:DriveC3Link2Name" content="">
  108. <meta name="text:DriveC3Link2URL" content="">
  109. <meta name="text:DriveC3Link3Name" content="">
  110. <meta name="text:DriveC3Link3URL" content="">
  111.  
  112. <style type="text/css">
  113. /*
  114. DEFAULT
  115. */
  116.  
  117. *{
  118. padding:0;
  119. margin:0;
  120. }
  121.  
  122. html, body{
  123. height:100%;
  124. text-align:justify;
  125. color:{color:Text};
  126. font:300 12px 'Lato', sans-serif;
  127. background:{color:PageBackground} url('{image:PageBackground}');
  128. {block:ifFullSizeBackground}
  129. background-size:cover;
  130. background-attachment:fixed;
  131. {/block:ifFullSizeBackground}
  132. }
  133.  
  134. a{
  135. color:{color:Links};
  136. text-decoration:none;
  137. outline:none;
  138. -webkit-transition-duration:.3s;
  139. -moz-transition-duration:.3s;
  140. -ms-transition-duration:.3s;
  141. -o-transition-duration:.3s;
  142. transition-duration:.3s;
  143. }
  144.  
  145. a:hover, a:hover i{
  146. color:{color:Hover};
  147. -webkit-transition-duration:.3s;
  148. -moz-transition-duration:.3s;
  149. -ms-transition-duration:.3s;
  150. -o-transition-duration:.3s;
  151. transition-duration:.3s;
  152. }
  153.  
  154. #s-m-t-tooltip{
  155. line-height:100%;
  156. font-size:7px;
  157. text-transform:uppercase;
  158. text-align:center;
  159. word-wrap:break-word;
  160. letter-spacing:1px;
  161. max-width:100px;
  162. z-index:9999!important;
  163. padding:5px;
  164. margin:15px;
  165. background:#fff;
  166. border:1px solid #f2f2f2;
  167. color:#aaa;
  168. border-radius:5px;
  169. }
  170.  
  171.  
  172. ::-webkit-scrollbar-thumb {
  173. z-index:9999999;
  174. position:relative;
  175. height:auto;
  176. background-color:{color:Scrollbar};
  177. }
  178.  
  179. ::-webkit-scrollbar {
  180. height:2px;
  181. width:2px;
  182. background-color:#fff;
  183. }
  184.  
  185. ::selection{
  186. background-color:#000;
  187. color:#fff;
  188. }
  189.  
  190. ::-moz-selection{
  191. background-color:#000;
  192. color:#fff;
  193. }
  194.  
  195. .tmblr-iframe.iframe-controls--desktop{
  196. top:10px;
  197. right:10px;
  198. width:80px;
  199. opacity:.3;
  200. -webkit-filter:invert(100%);
  201. -moz-filter:invert(100%);
  202. -o-filter:invert(100%);
  203. -ms-filter:invert(100%);
  204. filter:invert(100%);
  205. -webkit-transition-duration:.3s;
  206. -moz-transition-duration:.3s;
  207. -ms-transition-duration:.3s;
  208. -o-transition-duration:.3s;
  209. transition-duration:.3s;
  210. }
  211.  
  212. .tmblr-iframe.iframe-controls--desktop:hover{
  213. opacity:.5;
  214. -webkit-transition-duration:.3s;
  215. -moz-transition-duration:.3s;
  216. -ms-transition-duration:.3s;
  217. -o-transition-duration:.3s;
  218. transition-duration:.3s;
  219. }
  220.  
  221. /*
  222. LAYOUT
  223. */
  224. {block:IfContainedLayout}
  225. main{
  226. width:650px;
  227. height:500px;
  228. position:fixed;
  229. top:50%;
  230. left:50%;
  231. margin-left:-325px;
  232. margin-top:-250px;
  233. overflow:hidden;
  234. border:1px solid #eee;
  235. border-radius:15px;
  236. box-shadow:10px 15px 1px rgba(200,200,200,.2);
  237. }
  238. {/block:IfContainedLayout}
  239. header{
  240. {block:IfContainedLayout}
  241. position:relative;
  242. border-top-left-radius:15px;
  243. border-top-right-radius:15px;
  244. {/block:IfContainedLayout}
  245. {block:IfNotContainedLayout}
  246. position:fixed;
  247. top:0;
  248. left:0;
  249. {/block:IfNotContainedLayout}
  250. width:100%;
  251. height:45px;
  252. background-color:#fff;
  253. z-index:1;
  254. line-height:20px;
  255. }
  256. header a{
  257. width:40px;
  258. margin-left:30px;
  259. display:block;
  260. float:left;
  261. padding:10px;
  262. {block:IfNotContainedLayout}margin-top:3px;{/block:IfNotContainedLayout}
  263. }
  264. header span{
  265. display:inline-block;
  266. width:10px;
  267. height:10px;
  268. border-radius:5px;
  269. background-color:#f39c12;
  270. }
  271. header span:first-child{
  272. background-color:#e74c3c;
  273. }
  274. header span:last-child{
  275. background-color:#2ecc71;
  276. }
  277. header form{
  278. display:block;
  279. float:left;
  280.  
  281. {block:IfContainedLayout}width:532px;{/block:IfContainedLayout}
  282. {block:IfNotContainedLayout}width:80%;{/block:IfNotContainedLayout}
  283. padding:10px;
  284. }
  285. header input[type="text"]{
  286. outline:none;
  287. font:10px 'Courier New', Courier;
  288. letter-spacing:1px;
  289. background-color:#f6f6f6;
  290. border:1px solid #f2f2f2;
  291. {block:IfContainedLayout}width:440px;{/block:IfContainedLayout}
  292. {block:IfNotContainedLayout}width:85%;{/block:IfNotContainedLayout}
  293. border-radius:7.5px;
  294. line-height:15px;
  295. margin-right:10px;
  296. padding:2px 20px;
  297. }
  298. header input[type="submit"]{
  299. display:none;
  300. }
  301. header label{
  302. font-size:15px;
  303. vertical-align:-1px;
  304. }
  305.  
  306. .popup, #chrome{
  307. width:100%;
  308. {block:IfContainedLayout}
  309. position:relative;
  310. height:460px;
  311. {/block:IfContainedLayout}
  312. background-color:#f6f6f6;
  313. overflow:auto;
  314. {block:IfNotContainedLayout}
  315. top:0;
  316. bottom:0;
  317. position:absolute;
  318. {/block:IfNotContainedLayout}
  319. }
  320.  
  321. #chrome{
  322. background-color:{color:ChromeBrowserBackground};
  323. {block:IfNotContainedLayout}
  324. background-image:url('{image:PageBackground}');
  325. {block:ifFullSizeBackground}
  326. background-size:cover;
  327. {/block:ifFullSizeBackground}
  328. {/block:IfNotContainedLayout}
  329. {block:IfContainedLayout}
  330. background-image:none;
  331. {/block:IfContainedLayout}
  332. }
  333. aside{
  334. position:fixed;
  335. text-align:left;
  336. width:210px;
  337. {block:IfContainedLayout}
  338. margin-top:120px;
  339. margin-left:30px;
  340. {/block:IfContainedLayout}
  341. {block:IfNotContainedLayout}
  342. margin-top:10%;
  343. margin-left:10%;
  344. {/block:IfNotContainedLayout}
  345. }
  346. h1{
  347. color:#000;
  348. display:block;
  349. font:700 10px 'Montserrat', sans-serif;
  350. text-align:center;
  351. background-color:#fff;
  352. border:1px solid #f2f2f2;
  353. padding:10px;
  354. text-transform:uppercase;
  355. letter-spacing:1px;
  356. margin-bottom:10px;
  357. line-height:15px;
  358. {block:ifShadows}
  359. box-shadow:5px 5px 1px rgba(200,200,200,.2);
  360. {/block:ifShadows}
  361. {block:ifRoundBorders}
  362. border-radius:5px;
  363. {/block:ifRoundBorders}
  364. {block:IfHiddenSidebar}
  365. margin-top:30px;
  366. {/block:IfHiddenSidebar}
  367. }
  368. #desc{
  369. font-size:11px;
  370. float:left;
  371. width:118px;
  372. height:38px;
  373. background-color:#fff;
  374. border:1px solid #f2f2f2;
  375. padding:10px;
  376. overflow-y:auto;
  377. margin-bottom:10px;
  378. {block:ifShadows}
  379. box-shadow:5px 5px 1px rgba(200,200,200,.2);
  380. {/block:ifShadows}
  381. {block:ifRoundBorders}
  382. border-radius:5px;
  383. {/block:ifRoundBorders}
  384. {block:IfHiddenSidebar}
  385. margin-top:30px;
  386. opacity:0;
  387. {/block:IfHiddenSidebar}
  388. }
  389. aside img{
  390. display:block;
  391. background-color:#fff;
  392. border:1px solid #f2f2f2;
  393. padding:10px;
  394. width:38px;
  395. height:38px;
  396. float:left;
  397. margin-right:10px;
  398. {block:ifShadows}
  399. box-shadow:5px 5px 1px rgba(200,200,200,.2);
  400. {/block:ifShadows}
  401. {block:ifRoundBorders}
  402. border-radius:5px;
  403. {/block:ifRoundBorders}
  404. {block:IfHiddenSidebar}
  405. margin-top:30px;
  406. opacity:0;
  407. {/block:IfHiddenSidebar}
  408. }
  409. aside nav, aside #pagination{
  410. text-align:center;
  411. clear:both;
  412. background-color:#fff;
  413. border:1px solid #f2f2f2;
  414. padding:10px;
  415. line-height:15px;
  416. {block:ifShadows}
  417. box-shadow:5px 5px 1px rgba(200,200,200,.2);
  418. {/block:ifShadows}
  419. {block:ifRoundBorders}
  420. border-radius:5px;
  421. {/block:ifRoundBorders}
  422. {block:IfHiddenSidebar}
  423. margin-top:30px;
  424. opacity:0;
  425. {/block:IfHiddenSidebar}
  426. margin-bottom:10px;
  427. }
  428. aside #pagination{
  429. font-size:8px;
  430. text-transform:uppercase;
  431. letter-spacing:1px;
  432. }
  433. aside #pagination a{
  434. margin:0 10px;
  435. color:#aaa;
  436. }
  437. aside #pagination a:hover{
  438. color:#777;
  439. }
  440. aside nav a{
  441. color:#aaa;
  442. display:inline-block;
  443. margin:0 5px;
  444. }
  445. aside nav a:hover{
  446. color:#555;
  447. }
  448.  
  449. section{
  450. padding:40px;
  451. {block:IfContainedLayout}
  452. width:292px;
  453. float:right;
  454. {/block:IfContainedLayout}
  455. {block:IfNotContainedLayout}
  456. padding-top:10%;
  457. width:442px;
  458. margin:0 auto;
  459. {/block:IfNotContainedLayout}
  460.  
  461. }
  462. article{
  463. line-height:170%;
  464. margin-bottom:120px;
  465. }
  466. article pre{
  467. white-space:initial;
  468. }
  469. {block:IndexPage}
  470. article img, iframe.photoset{
  471. {block:IfFadedImages}opacity:.7;{/block:IfFadedImages}
  472. {block:IfGrayscaleImages}
  473. -webkit-filter: grayscale(100%);
  474. -moz-filter: grayscale(100%);
  475. -o-filter: grayscale(100%);
  476. -ms-filter: grayscale(100%);
  477. filter: grayscale(100%);
  478. {/block:IfGrayscaleImages}
  479. transition-duration:.3s;
  480. -webkit-transition-duration:.3s;
  481. -moz-transition-duration:.3s;
  482. -ms-transition-duration:.3s;
  483. -o-transition-duration:.3s;
  484. }
  485. article:hover img, article:hover iframe.photoset{
  486. {block:IfFadedImages}opacity:1;{/block:IfFadedImages}
  487. {block:IfGrayscaleImages}
  488. -webkit-filter: grayscale(0%);
  489. -moz-filter: grayscale(0%);
  490. -o-filter: grayscale(0%);
  491. -ms-filter: grayscale(0%);
  492. filter: grayscale(0%);
  493. {/block:IfGrayscaleImages}
  494. transition-duration:.3s;
  495. -webkit-transition-duration:.3s;
  496. -moz-transition-duration:.3s;
  497. -ms-transition-duration:.3s;
  498. -o-transition-duration:.3s;
  499. }
  500. {/block:IndexPage}
  501. .post{
  502. overflow:hidden;
  503. {block:IfContainedLayout}
  504. width:250px;
  505. {/block:IfContainedLayout}
  506. {block:IfNotContainedLayout}
  507. width:400px;
  508. {/block:IfNotContainedLayout}
  509. background-color:#fff;
  510. border:1px solid #f2f2f2;
  511. padding:20px;
  512. {block:ifRoundBorders}
  513. border-radius:15px;
  514. {/block:ifRoundBorders}
  515. {block:ifShadows}
  516. box-shadow:5px 10px 1px rgba(200,200,200,.2);
  517. {/block:ifShadows}
  518. }
  519. .caption{
  520. padding:10px;
  521. }
  522. {block:IndexPage}
  523. {block:IfNotShowCaptions}
  524. .pcap{
  525. display:none;
  526. }
  527. {/block:IfNotShowCaptions}
  528. {/block:IndexPage}
  529. a#reblogged{
  530. z-index:9999;
  531. }
  532. .perma{
  533. font:400 7px 'Montserrat', sans-serif;
  534.  
  535. text-transform:uppercase;
  536. letter-spacing:2px;
  537. {block:IndexPage}
  538. margin-left:15px;
  539. opacity:0;
  540. {/block:IndexPage}
  541. {block:PermalinkPage}
  542. margin-left:0px;
  543. opacity:.5;
  544. {/block:PermalinkPage}
  545. margin-top:10px;
  546. color:#aaa;
  547. -webkit-transition-duration:.7s;
  548. -moz-transition-duration:.7s;
  549. -ms-transition-duration:.7s;
  550. -o-transition-duration:.7s;
  551. transition-duration:.7s;
  552. }
  553. {block:IndexPage}
  554. article:hover .perma{
  555. margin-left:0px;
  556. opacity:.5;
  557. -webkit-transition-duration:.7s;
  558. -moz-transition-duration:.7s;
  559. -ms-transition-duration:.7s;
  560. -o-transition-duration:.7s;
  561. transition-duration:.7s;
  562. }
  563. {/block:IndexPage}
  564. .perma > p{
  565. text-align:center;
  566. display:block;
  567. {block:IndexPage}
  568. {block:IfNotShowTags}display:none;{/block:IfNotShowTags}
  569. {/block:IndexPage}
  570. clear:both;
  571. margin-top:5px;
  572. font-style:italic;
  573. letter-spacing:1px;
  574. line-height:180%;
  575. }
  576. .perma > p a:before{
  577. content:"#";
  578. font-size:5px;
  579. vertical-align:1px;
  580. }
  581. .perma > p a{
  582. margin-right:5px;
  583. }
  584. .perma > span{
  585. float:right;
  586. }
  587. article *{
  588. max-width:100%;
  589. }
  590. article img{
  591. height:auto;
  592. }
  593. #notes{
  594. margin-top:40px;
  595. opacity:.4;
  596. text-align:center;
  597. font:400 7px 'Montserrat', sans-serif;
  598. text-transform:uppercase;
  599. letter-spacing:1px;
  600. }
  601. #notes > a{
  602. font-weight:700;
  603. font-size:10px;
  604. display:block;
  605. margin-bottom:20px;
  606. }
  607. #notes ol{
  608. display:none;
  609. }
  610. #notes li{
  611. list-style-type:none;
  612. padding:10px;
  613. }
  614. #notes img{
  615. display:none;
  616. }
  617. .answer, .audio{
  618. padding:10px;
  619. border:1px solid #eee;
  620. }
  621.  
  622. .answer img, .audio img{
  623. display:inline-block;
  624. width:40px;
  625. padding:5px 15px 5px 5px;
  626. border-right:1px solid #eee;
  627. margin-right:10px;
  628. vertical-align:middle;
  629. }
  630. .answer > p > span{
  631. text-transform:none;
  632. font-size:11px;
  633. }
  634. .answer p, .audio p{
  635. text-transform:uppercase;
  636. letter-spacing:1px;
  637. font-size:10px;
  638. display:inline-block;
  639. vertical-align:middle;
  640. {block:IfContainedLayout}width:150px;{/block:IfContainedLayout}
  641. {block:IfNotContainedLayout}width:300px;{/block:IfNotContainedLayout}
  642. }
  643. .answer b{
  644. display:block;
  645. font:400 10px 'Montserrat', sans-serif;
  646. letter-spacing:1.5px;
  647. margin-right:10px;
  648. }
  649. .audio img{
  650. margin-right:0;
  651. width:30px;
  652. height:30px;
  653. }
  654. .audio p{
  655. font:400 9px 'Montserrat', sans-serif;
  656. text-align:center;
  657. }
  658. .player{
  659. position:relative;
  660. width:55px;
  661. display:inline-block;
  662. margin-right:5px;
  663. }
  664. .audio_player{
  665. opacity:.3;
  666. top:5px;
  667. left:5px;
  668. position:absolute;
  669. display:block;
  670. width:30px!important;
  671. height:30px!important;
  672. overflow:hidden;
  673. background-color:#fff;
  674. transition-duration:.8s;
  675. -webkit-transition-duration:.8s;
  676. -moz-transition-duration:.8s;
  677. -ms-transition-duration:.8s;
  678. -o-transition-duration:.8s;
  679. }
  680. iframe.tumblr_audio_player{
  681. position:absolute;
  682. width:30px;
  683. height:30px;
  684. top:0;
  685. left:0;
  686. right:0;
  687. bottom:0;
  688. margin:auto;
  689. background-color:transparent!important;
  690. }
  691. .audio:hover .audio_player{
  692. opacity:1;
  693. transition-duration:.8s;
  694. -webkit-transition-duration:.8s;
  695. -moz-transition-duration:.8s;
  696. -ms-transition-duration:.8s;
  697. -o-transition-duration:.8s;
  698. }
  699. article h3{
  700. display:block;
  701. text-align:center;
  702. font:700 12px 'Montserrat', sans-serif;
  703. text-transform:uppercase;
  704. letter-spacing:2px;
  705. padding:10px;
  706. }
  707. .chat li{
  708. list-style-type:none;
  709. padding:10px 0;
  710. }
  711. .chat .label{
  712. font:700 10px 'Montserrat', sans-serif;
  713. text-transform:uppercase;
  714. letter-spacing:1px;
  715. }
  716.  
  717. .caption blockquote{
  718. margin:10px 0;
  719. padding-left:20px;
  720. border-left:1px solid #eee;
  721. }
  722. .caption ul{
  723. padding-left:30px;
  724. margin:10px 0;
  725. }
  726.  
  727.  
  728. .popup{
  729. z-index:5;
  730. display:none;
  731. border:1px solid #eee;
  732. background-color:#fff;
  733. overflow-y:auto;
  734. position:fixed;
  735. {block:IfContainedLayout}
  736. width:650px;
  737. height:455px;
  738. top:50%;
  739. left:50%;
  740. margin-left:-325px;
  741. margin-top:-205px;
  742. border-bottom-left-radius:15px;
  743. border-bottom-right-radius:15px;
  744. {/block:IfContainedLayout}
  745. {block:IfNotContainedLayout}
  746. top:45px;
  747. left:0;
  748. width:100%;
  749. height:100%;
  750. {/block:IfNotContainedLayout}
  751. }
  752. {block:IfGmail}
  753. #gmail nav{
  754. width:200px;
  755. margin-top:100px;
  756. text-transform:uppercase;
  757. letter-spacing:1px;
  758. float:left;
  759. }
  760. #gmail nav > a{
  761. display:block;
  762. padding:5px 20px;
  763. font:400 10px 'Montserrat', sans-serif;
  764.  
  765. margin:10px;
  766. }
  767. #gmail nav > a:hover{
  768. background-color:#f6f6f6;
  769. }
  770. #gmail a.select{
  771. font-weight:700;
  772. margin:20px 0;
  773. border-left:10px solid #e74c3c;
  774. }
  775. #gmail section{
  776. float:none;
  777. {block:IfNotContainedLayout}
  778. padding-top:100px;
  779. width:500px;
  780. left:0;
  781. margin:auto;
  782. {/block:IfNotContainedLayout}
  783. {block:IfContainedLayout}
  784. width:350px;
  785. {/block:IfContainedLayout}
  786. position:absolute;
  787. right:0;
  788. top:0;
  789. bottom:0;
  790. background-color:#fff;
  791. }
  792. {block:IfGmailFAQ}
  793. #gmail section:last-child{
  794. display:none;
  795. }
  796. {/block:IfGmailFAQ}
  797. #gmail h2, #gmail blockquote{
  798. display:block;
  799. padding:15px;
  800. font:700 10px 'Montserrat', sans-serif;
  801. text-transform:uppercase;
  802. letter-spacing:2px;
  803. background-color:#f6f6f6;
  804. border:1px solid #f2f2f2;
  805. padding:10px 20px;
  806. margin-bottom:30px;
  807. }
  808. #gmail h2 span{
  809. width:15px;
  810. height:10px;
  811. background-color:#ffd76e;
  812. display:inline-block;
  813. margin-right:10px;
  814. position:relative;
  815. box-shadow:-1px 1px rgba(255,182,5,.5);
  816. }
  817. #gmail h2 span:after{
  818. width:0;
  819. height:0;
  820. display:block;
  821. content:"";
  822. position:absolute;
  823. top:0;
  824. right:-5px;
  825. border-top:5px solid transparent;
  826. border-bottom:5px solid transparent;
  827. border-left:5px solid #ffd76e;
  828. }
  829.  
  830. #gmail section blockquote{
  831. margin-bottom:10px;
  832. border-bottom:1px solid #e74c3c;
  833. }
  834. #gmail section p{
  835. line-height:150%;
  836. padding:10px;
  837. margin-bottom:30px;
  838. }
  839. {/block:IfGmail}
  840. a.close{
  841. display:block;
  842. float:none;
  843. text-align:left;
  844. z-index:9;
  845. position:absolute;
  846. margin:30px;
  847. font-size:16px;
  848. }
  849. {block:IfGoogleMaps}
  850. #globe{
  851. position:fixed;
  852. top:50%;
  853. left:50%;
  854. margin-left:-165px;
  855. margin-top:-165px;
  856. width:330px;
  857. height:330px;
  858. background-image:url('http://static.tumblr.com/wgg6svp/zB6ni2yr4/world.png');
  859. background-size:cover;
  860. }
  861. #globe a{
  862. position:absolute;
  863. display:block;
  864. width:10px;
  865. height:10px;
  866. background-color:#000;
  867. border:5px solid #e74c3c;
  868. border-radius:10px;
  869. }
  870. #globe a:after{
  871. display:block;
  872. content:"";
  873. width:0;
  874. height:0;
  875. position:absolute;
  876. border-top:10px solid #e74c3c;
  877. border-left:6px solid transparent;
  878. border-right:6px solid transparent;
  879. bottom:-12px;
  880. left:-1px;
  881. -webkit-transition-duration:.3s;
  882. -moz-transition-duration:.3s;
  883. -ms-transition-duration:.3s;
  884. -o-transition-duration:.3s;
  885. transition-duration:.3s;
  886. }
  887. #globe a:hover{
  888. width:15px;
  889. height:15px;
  890. border-width:10px;
  891. border-radius:25px;
  892. margin-top:-13px;
  893. margin-left:-7px;
  894. }
  895. #globe a:hover:after, #globe a.open{
  896. bottom:-17px;
  897. left:-3px;
  898. border-bottom-width:25px;
  899. border-left-width:10px;
  900. border-right-width:10px;
  901. -webkit-transition-duration:.3s;
  902. -moz-transition-duration:.3s;
  903. -ms-transition-duration:.3s;
  904. -o-transition-duration:.3s;
  905. transition-duration:.3s;
  906. }
  907. #globe a:first-child{
  908. top:30px;
  909. left:100px;
  910. }
  911. {block:IfMapsPointer2}
  912. #globe a:nth-child(2){
  913. top:100px;
  914. left:80px;
  915. }
  916. {/block:IfMapsPointer2}
  917. {block:IfMapsPointer3}
  918. #globe a:nth-child(3){
  919. top:130px;
  920. left:180px;
  921. }
  922. {/block:IfMapsPointer3}
  923. {block:IfMapsPointer4}
  924. #globe a:nth-child(4){
  925. top:180px;
  926. left:220px;
  927. }
  928. {/block:IfMapsPointer4}
  929. {block:IfMapsPointer5}
  930. #globe a:nth-child(5){
  931. top:220px;
  932. left:110px;
  933. }
  934. {/block:IfMapsPointer5}
  935. {block:IfMapsPointer6}
  936. #globe a:nth-child(6){
  937. top:70px;
  938. left:260px;
  939. }
  940. {/block:IfMapsPointer6}
  941. {block:IfMapsPointer7}
  942. #globe a:nth-child(7){
  943. top:105px;
  944. left:200px;
  945. }
  946. {/block:IfMapsPointer7}
  947. {block:IfMapsPointer8}
  948. #globe a:nth-child(8){
  949. top:135px;
  950. left:290px;
  951. }
  952. {/block:IfMapsPointer8}
  953. {block:IfMapsPointer9}
  954. #globe a:nth-child(9){
  955. top:110px;
  956. left:240px;
  957. }
  958. {/block:IfMapsPointer9}
  959. {block:IfMapsPointer10}
  960. #globe a:last-child{
  961. top:60px;
  962. left:150px;
  963. }
  964. {/block:IfMapsPointer10}
  965. {/block:IfGoogleMaps}
  966. {block:ifGoogleDrive}
  967. #drive{
  968. text-align:center;
  969. }
  970. .part{
  971. margin:20px 15px;
  972. width:293px;
  973. position:relative;
  974. {block:IfContainedLayout}float:left;{/block:IfContainedLayout}
  975. {block:IfNotContainedLayout}display:inline-block;vertical-align:top;{/block:IfNotContainedLayout}
  976. }
  977. .part h2{
  978. display:block;
  979. font:400 13px 'Montserrat', sans-serif;
  980. text-transform:uppercase;
  981. letter-spacing:2px;
  982. padding:10px 20px;
  983. margin-bottom:20px;
  984. background-color:#f6f6f6;
  985. border:1px solid #f2f2F2;
  986. }
  987. .part h2 i{
  988. margin-right:20px;
  989. }
  990. .part a{
  991. font:400 10px 'Montserrat', sans-serif;
  992. text-transform:uppercase;
  993. letter-spacing:1px;
  994. display:inline-block;
  995. margin:5px 7px;
  996. border:1px solid #f2f2F2;
  997. padding:5px;
  998. line-height:100%;
  999. }
  1000. .part a:hover{
  1001. background-color:#f2f2F2;
  1002. }
  1003. {/block:ifGoogleDrive}
  1004. {block:IfPopupArchive}
  1005. #pst{
  1006. overflow:hidden;
  1007. }
  1008. #pst > div{
  1009. {block:IfContainedLayout}margin-top:-55px;{/block:IfContainedLayout}
  1010. {block:IfNotContainedLayout}
  1011. margin-top:-20px;
  1012. position:relative;
  1013. height:100%;
  1014. {/block:IfNotContainedLayout}
  1015. }
  1016. {block:IfNotContainedLayout}
  1017. #pst > div iframe{
  1018. display:block;
  1019. position:absolute;
  1020. top:0;left:0;right:0;bottom:0;margin:auto;
  1021. }
  1022. {/block:IfNotContainedLayout}
  1023. {/block:IfPopupArchive}
  1024.  
  1025.  
  1026.  
  1027. #chrome.ifntscroll #pagination,
  1028. #infscr-loading{
  1029. display:none!important;
  1030. }
  1031. </style>
  1032. </head>
  1033. <body>
  1034.  
  1035. {block:IfContainedLayout}<main>{/block:IfContainedLayout}
  1036.  
  1037. <header>
  1038. <a href="/" title="refresh">
  1039. <span></span>
  1040. <span></span>
  1041. <span></span>
  1042. </a>
  1043. <form onsubmit="return search(this)">
  1044. <input type="text" name="searchvalue" autocomplete="off" placeholder="{text:SearchBar}">
  1045. <input type="submit" id="submit"><label for="submit"><i class="icon ion-ios-search"></i></label>
  1046. </form>
  1047. </header>
  1048.  
  1049. <div id="chrome" class="{select:NextPage}">
  1050. <aside>
  1051. <h1 {block:IfHiddenSidebar}title="click me"{/block:IfHiddenSidebar}>{Title}</h1>
  1052. <img src="{image:Sidebar}">
  1053. <div id="desc">
  1054. {Description}
  1055. </div>
  1056. <nav>
  1057. <a {block:IfNotGmail}href="/ask"{/block:IfNotGmail} {block:IfGmail}class="gmail"{/block:IfGmail} title="mail"><i class="icon ion-ios-chatboxes-outline"></i></a>
  1058. <a {block:IfNotPopUpArchive}href="/archive"{/block:IfNotPopUpArchive} {block:IfPopUpArchive}class="pst"{/block:IfPopUpArchive} title="archive"><i class="icon ion-ios-calendar-outline"></i></a>
  1059. {block:IfGoogleMaps}
  1060. <a class="maps" title="map">
  1061. <i class="icon ion-ios-location-outline"></i>
  1062. </a>
  1063. {/block:IfGoogleMaps}
  1064. {block:ifGoogleDrive}
  1065. <a class="drive" title="docs">
  1066. <i class="icon ion-ios-download-outline"></i>
  1067. </a>
  1068. {/block:ifGoogleDrive}
  1069. {block:ifChromeLink1}
  1070. <a href="{text:ChromeLink1URL}" title="{text:ChromeLink1Name}">
  1071. <i class="icon ion-ios-person-outline"></i>
  1072. </a>
  1073. {/block:ifChromeLink1}
  1074. {block:ifChromeLink2}
  1075. <a href="{text:ChromeLink2URL}" title="{text:ChromeLink2Name}">
  1076. <i class="icon ion-ios-list-outline"></i>
  1077. </a>
  1078. {/block:ifChromeLink2}
  1079. {block:ifChromeLink3}
  1080. <a href="{text:ChromeLink3URL}" title="{text:ChromeLink3Name}">
  1081. <i class="icon ion-ios-eye-outline"></i>
  1082. </a>
  1083. {/block:ifChromeLink3}
  1084. </nav>
  1085. {block:Pagination}
  1086. <div id="pagination">
  1087. {block:PreviousPage}<a href="{PreviousPage}">back</a> || {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1088. </div>
  1089. {/block:Pagination}
  1090. </aside>
  1091. <section>
  1092. {block:Posts}
  1093. <article>
  1094. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1095. <div class="post">
  1096. {block:Photo}
  1097. {LinkOpenTag}
  1098. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="min-width:100%;">
  1099. {LinkCloseTag}
  1100. {block:Caption}
  1101. <div class="caption pcap">
  1102. {Caption}
  1103. </div>
  1104. {/block:Caption}
  1105. {/block:Photo}
  1106. {block:Photoset}
  1107. {block:IfNotContainedLayout}
  1108. {Photoset-400}
  1109. {/block:IfNotContainedLayout}
  1110. {block:IfContainedLayout}
  1111. {Photoset-250}
  1112. {/block:IfContainedLayout}
  1113. {block:Caption}
  1114. <div class="caption pcap">
  1115. {Caption}
  1116. </div>
  1117. {/block:Caption}
  1118. {/block:Photoset}
  1119. {block:Video}
  1120. {block:IfNotContainedLayout}
  1121. {Video-400}
  1122. {/block:IfNotContainedLayout}
  1123. {block:IfContainedLayout}
  1124. {Video-250}
  1125. {/block:IfContainedLayout}
  1126. {block:Caption}
  1127. <div class="caption pcap">
  1128. {Caption}
  1129. </div>
  1130. {/block:Caption}
  1131. {/block:Video}
  1132. {block:Text}
  1133. {block:Title}
  1134. <a href="{Permalink}"><h3>{Title}</h3></a>
  1135. {/block:Title}
  1136. <div class="caption">
  1137. {Body}
  1138. </div>
  1139. {/block:Text}
  1140. {block:Link}
  1141. <h3><a href="{URL}" target="{Target}">{Name}</a></h3>
  1142. {block:Description}
  1143. <div class="caption pcap">
  1144. {Description}
  1145. </div>
  1146. {/block:Description}
  1147. {/block:Link}
  1148. {block:Quote}
  1149. <h3>{Quote}</h3>
  1150. {block:Source}
  1151. <div class="caption">
  1152. <i>— {Source}</i>
  1153. </div>
  1154. {/block:Source}
  1155. {/block:Quote}
  1156.  
  1157. {block:Audio}
  1158. <div class="audio">
  1159. <div class="player">
  1160. {block:AlbumArt}
  1161. <img src="{AlbumArtURL}">
  1162. {/block:AlbumArt}
  1163. <span>{block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}</span>
  1164. </div>
  1165. <p>
  1166. {block:Artist}
  1167. <b>{Artist}</b> <br>
  1168. {/block:Artist}
  1169. {block:TrackName}
  1170. {TrackName}
  1171. {/block:TrackName}
  1172. </p>
  1173. </div>
  1174. {block:Caption}
  1175. <div class="caption pcap">{Caption}</div>
  1176. {/block:Caption}
  1177. {/block:Audio}
  1178. {block:Answer}
  1179. <div class="answer">
  1180. <img src="{AskerPortraitURL-96}">
  1181. <p>
  1182. <b>{Asker}</b>
  1183. <span>
  1184. {Question}
  1185. </span>
  1186. </p>
  1187. </div>
  1188. <div class="caption">
  1189. {Answer}
  1190. </div>
  1191. {/block:Answer}
  1192. {block:Chat}
  1193. {block:Title}
  1194. <h3><a href="{Permalink}">{Title}</a></h3>
  1195. {/block:Title}
  1196. <ul class="chat">
  1197. {block:Lines}
  1198. <li class="{Alt}">
  1199. {block:Label}
  1200. <span class="label">{Label}</span>
  1201. {/block:Label}
  1202. {Line}
  1203. </li>
  1204. {/block:Lines}
  1205. </ul>
  1206. {/block:Chat}
  1207. </div>
  1208. {block:Date}
  1209. <div class="perma">
  1210. {block:RebloggedFrom}<i class="ion-arrow-return-right"> </i> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom} <span>{block:RebloggedFrom}||  {/block:RebloggedFrom}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount}, +{NoteCountWithLabel}{/block:NoteCount}</a></span>
  1211. {block:HasTags}<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  1212. </div>
  1213. {/block:Date}
  1214. {block:PostNotes}
  1215. <div id="notes">
  1216. <a id="show">show notes</a>
  1217. {PostNotes}
  1218. </div>
  1219. {/block:PostNotes}
  1220. </article>
  1221. {/block:Posts}
  1222. </section>
  1223. </div>
  1224. {block:IfPopUpArchive}
  1225. <div class="popup" id="pst">
  1226. <a class="close" title="close archive"><i class="icon ion-ios-close-outline"> </i></a>
  1227. <div>
  1228. <iframe frameborder="0" scrolling="yes" width="100%" {block:IfContainedLayout}height="510"{/block:IfContainedLayout}{block:IfNotContainedLayout}height="110%"{/block:IfNotContainedLayout} src="http://{Name}.tumblr.com/archive" style="background-color:transparent;overflow:scroll;"></iframe></div>
  1229. </div>
  1230. {/block:IfPopUpArchive}
  1231. {block:IfGmail}
  1232. <div class="popup" id="gmail">
  1233. <a class="close" title="close gmail"><i class="icon ion-ios-close-outline"> </i></a>
  1234. <nav>
  1235. <a class="select">compose</a>
  1236. {block:IfGmailFAQ}<a class="faq">f.a.q</a>{/block:IfGmailFAQ}
  1237. {block:IfGmailAnswerTag}
  1238. <a href="{text:YourAnswerTag}">sent</a>
  1239. {/block:IfGmailAnswerTag}
  1240. </nav>
  1241. <section>
  1242. <h2><span></span> {AskLabel}</h2>
  1243. <iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1244. </section>
  1245. {block:IfGmailFAQ}
  1246. <section>
  1247. <blockquote>{text:GmailFAQQuestion1}</blockquote>
  1248. <p>{text:GmailFAQAnswer1}</p>
  1249. <blockquote>{text:GmailFAQQuestion2}</blockquote>
  1250. <p>{text:GmailFAQAnswer2}</p>
  1251. <blockquote>{text:GmailFAQQuestion3}</blockquote>
  1252. <p>{text:GmailFAQAnswer3}</p>
  1253. </section>
  1254. {/block:IfGmailFAQ}
  1255. </div>
  1256. {/block:IfGmail}
  1257. {block:IfGoogleMaps}
  1258. <div class="popup" id="maps">
  1259. <a class="close" title="close maps"><i class="icon ion-ios-close-outline"> </i></a>
  1260. <div id="globe">
  1261. <a href="{text:MapsLink1URL}" title="{text:MapsLink1Name}"></a>
  1262. {block:ifMapsPointer2}<a href="{text:MapsLink2URL}" title="{text:MapsLink2Name}"></a>{/block:ifMapsPointer2}
  1263. {block:ifMapsPointer3}<a href="{text:MapsLink3URL}" title="{text:MapsLink3Name}"></a>{/block:ifMapsPointer3}
  1264. {block:ifMapsPointer4}<a href="{text:MapsLink4URL}" title="{text:MapsLink4Name}"></a>{/block:ifMapsPointer4}
  1265. {block:ifMapsPointer5}<a href="{text:MapsLink5URL}" title="{text:MapsLink5Name}"></a>{/block:ifMapsPointer5}
  1266. {block:ifMapsPointer6}<a href="{text:MapsLink6URL}" title="{text:MapsLink6Name}"></a>{/block:ifMapsPointer6}
  1267. {block:ifMapsPointer7}<a href="{text:MapsLink7URL}" title="{text:MapsLink7Name}"></a>{/block:ifMapsPointer7}
  1268. {block:ifMapsPointer8}<a href="{text:MapsLink8URL}" title="{text:MapsLink8Name}"></a>{/block:ifMapsPointer8}
  1269. {block:ifMapsPointer9}<a href="{text:MapsLink9URL}" title="{text:MapsLink9Name}"></a>{/block:ifMapsPointer9}
  1270. {block:ifMapsPointer10}<a href="{text:MapsLink10URL}" title="{text:MapsLink10Name}"></a>{/block:ifMapsPointer10}
  1271. </div>
  1272. </div>
  1273. {/block:IfGoogleMaps}
  1274. {block:ifGoogleDrive}
  1275. <div class="popup" id="drive">
  1276. <a class="close" title="close drive"><i class="icon ion-ios-close-outline"> </i></a>
  1277. <div class="part">
  1278. <h2><i class="icon ion-ios-folder-outline"></i> {text:DriveContainer1Name}</h2>
  1279. <a href="{text:DriveC1Link1URL}">{text:DriveC1Link1Name}</a>
  1280. <a href="{text:DriveC1Link2URL}">{text:DriveC1Link2Name}</a>
  1281. <a href="{text:DriveC1Link3URL}">{text:DriveC1Link3Name}</a>
  1282. </div>
  1283. <div class="part">
  1284. <h2><i class="icon ion-ios-folder-outline"></i> {text:DriveContainer2Name}</h2>
  1285. <a href="{text:DriveC2Link1URL}">{text:DriveC2Link1Name}</a>
  1286. <a href="{text:DriveC2Link2URL}">{text:DriveC2Link2Name}</a>
  1287. <a href="{text:DriveC2Link3URL}">{text:DriveC2Link3Name}</a>
  1288. </div>
  1289. <div class="part">
  1290. <h2><i class="icon ion-ios-folder-outline"></i> {text:DriveContainer3Name}</h2>
  1291. <a href="{text:DriveC3Link1URL}">{text:DriveC3Link1Name}</a>
  1292. <a href="{text:DriveC3Link2URL}">{text:DriveC3Link2Name}</a>
  1293. <a href="{text:DriveC3Link3URL}">{text:DriveC3Link3Name}</a>
  1294. </div>
  1295. </div>
  1296. {/block:ifGoogleDrive}
  1297. {block:IfContainedLayout}</main>{/block:IfContainedLayout}
  1298. </body>
  1299. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  1300. <script src="http://static.tumblr.com/wgg6svp/sDinmsq3x/jquery.style-my-tooltips.js"></script>
  1301. <script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.min.js"></script>
  1302. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1303. <script>
  1304. {block:IndexPage}
  1305. (function() {
  1306. if($('#chrome').hasClass('ifntscroll')){
  1307. var $tumblelog = $('#chrome section');
  1308. $tumblelog.infinitescroll({
  1309. binder: $('#chrome'),
  1310. navSelector : "#pagination",
  1311. nextSelector : "#pagination a:last-child",
  1312. itemSelector : "article",
  1313. bufferPx : 50,
  1314. done : "",
  1315. loading: {
  1316. img : "",
  1317. msgText: "",
  1318. finishedMsg:""
  1319. },
  1320. },
  1321. function( newElements ) {
  1322. var $newElems = $( newElements ).css({ opacity: 0 });
  1323. $newElems.imagesLoaded(function(){
  1324. $newElems.animate({ opacity: 1 });
  1325. });
  1326. });
  1327. }
  1328. })();
  1329. {/block:IndexPage}
  1330. function search(form){window.location="http://{Name}.tumblr.com/tagged/"+form.searchvalue.value+""; return false;}
  1331. $(function(){
  1332. $("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:500});
  1333. $('a#show').click(function(){$('#notes ol').show(700);$(this).hide(700);});
  1334.  
  1335. {block:IfHiddenSidebar}
  1336. $('aside h1').click(function(){if($('aside img').css('opacity') == '0'){$('aside h1, aside img, #desc, aside nav, aside #pagination').animate({'margin-top':0,'opacity':1}, 300);}else{$('aside img, #desc, aside nav, aside #pagination').animate({'margin-top':'30px','opacity':0}, 300);$('aside h1').animate({'margin-top':'30px'}, 300);}});
  1337. {/block:IfHiddenSidebar}
  1338. {block:IfGmail}$('a.gmail').click(function(){$('#gmail').fadeIn(700);});{/block:IfGmail}
  1339. {block:IfGoogleMaps}$('a.maps').click(function(){$('#maps').fadeIn(700);});{/block:IfGoogleMaps}
  1340. {block:ifGoogleDrive}$('a.drive').click(function(){$('#drive').fadeIn(700);});{/block:ifGoogleDrive}
  1341. {block:IfPopupArchive}$('a.pst').click(function(){$('#pst').fadeIn(700);});{/block:IfPopupArchive}
  1342. $('a.close').click(function(){$('.popup').fadeOut(300);});
  1343. {block:IfGmail}
  1344. {block:IfGmailFAQ}$('#gmail nav a').click(function(){
  1345. if($(this).hasClass('faq')){$('#gmail section:last').fadeIn(300);}else{$('#gmail section:last').fadeOut(300);}
  1346. $('#gmail nav a').removeClass('select');
  1347. $(this).addClass('select');
  1348. });{/block:IfGmailFAQ}{/block:IfGmail}
  1349. });
  1350. </script>
  1351. <script src="http://static.tumblr.com/emvnqzg/NOVo0fisl/scripts.js"></script>
  1352. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!