API tools faq
paste
Advertisement
hermionemessi

Theme 08

hermionemessi
Jan 31st, 2016
1,238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html lang="en" class="no-js">
  3. <!--THEME 08 Hands To Myself by hermionegrangcr (hermionejean.co.vu)
  4.  
  5. THEME BLOG: grangersdesigns (granger.cf)
  6.  
  7.  
  8. ♛ ♛ ♛
  9. ♛♛♛ ♛♛♛ ♛♛♛
  10. ♛ ♛ ♛ ♛ ♛ ♛ ♛ ♛
  11. ♛♛♛ ♥ G♚D ♥ ♛♛♛
  12. ♛ ♛ ♛ ♛ ♛ ♛ ♛ ♛
  13. ♛ ♛ ♛ ♛ ♛ ♛ ♛ © hermionegrangcr (hermionejean.co.vu)
  14.  
  15.  
  16. TERMS OF USE:
  17.  
  18. ♚ BASIC RULES (see http://hermionejean.co.vu/rules) APPLY
  19.  
  20. ♚ PLEASE RESPECT THEM IF USING! ANY FORMS OF THEFTS WILL BE HUNTED DOWN.
  21.  
  22. ♚ PLEASE DO NOT ALTER OR COVER THE CREDIT
  23.  
  24. ♚ FAILURE TO ABIDE TO THE RULES WILL LEAD TO AN IMMEDIATE BLOCK & REPORT & A PERMANENT PLACE ON HTTP://HERMIONEJEAN.CO.VU/WOS
  25.  
  26. THAT'S IT! ENJOY USING MY CODE AND DON'T BE AFRAID TO ASK ME IF YOU ENCOUNTER ANY PROBLEMS c:
  27.  
  28. -->
  29. <head>
  30.  
  31. <meta charset="UTF-8" />
  32. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  33. <meta name="viewport" content="width=device-width, initial-scale=1">
  34.  
  35. <title>{Title}</title>
  36.  
  37. {block:Description}
  38. <meta name="description" content="{MetaDescription}"/>
  39. {/block:Description}
  40.  
  41. <meta name="image:header" content="http://static.tumblr.com/d0969d484613dddeaa37858ff409d517/xbvpdcx/5dHo1k18h/tumblr_static_2cevhqn6pl34ggs8k8wg0g848.jpg">
  42. <meta name="image:fullscreen bg" content="http://static.tumblr.com/a9986351fcfa95c8483ef6d67bbbdae6/xbvpdcx/Zi2ntp45i/tumblr_static_5e2qtth58jokow4wo8448cwcs.jpg">
  43. <meta name="image:grid bg" content="https://41.media.tumblr.com/bf8dfe2e6ff97f506306344fe021504e/tumblr_ndpupoDTro1rnmh3no2_250.png">
  44.  
  45. <meta name="color:accent" content="#000">
  46. <meta name="color:lightbox" content="#fff">
  47. <meta name="color:links" content="#ababab">
  48. <meta name="color:hover" content="#fafafa">
  49. <meta name="color:navi" content="#000">
  50. <meta name="color:popup" content="#fff">
  51. <meta name="color:topbar links" content="#fff">
  52. <meta name="color:background" content="#fff">
  53. <meta name="color:grad1" content="#fefefe">
  54. <meta name="color:grad2" content="#ababab">
  55. <meta name="color:pagination" content="#000">
  56.  
  57. <meta name="if:narrow photoset gutter" content="">
  58. <meta name="if:light navi" content="">
  59. <meta name="if:dark popup" content="">
  60. <meta name="if:show tags" content="">
  61. <meta name="if:white post bg" content="">
  62. <meta name="if:manual load" content="">
  63. <meta name="if:thin scrollbar" content="">
  64.  
  65.  
  66. <meta name="select:post width"content="post500"title="500px"/>
  67. <meta name="select:post width"content="post400"title="400px"/>
  68. <meta name="select:post width"content="post350"title="350px"/>
  69. <meta name="select:post width"content="post300"title="300px"/>
  70. <meta name="select:post width"content="post250"title="250px"/>
  71.  
  72. <meta name="select:background"content="simple_bg"title="simple">
  73. <meta name="select:background"content="gradient_bg"title="gradient">
  74. <meta name="select:background"content="colour_bg"title="colour">
  75. <meta name="select:background"content="img_bg"title="fullscreen image">
  76. <meta name="select:background"content="r_bg"title="repeated background">
  77.  
  78. <meta name="select:header photo"content="15%"title="soft edges"/>
  79. <meta name="select:header photo"content="50%"title="circular"/>
  80. <meta name="select:header photo"content="0%"title="square"/>
  81.  
  82. <meta name="text:Link1" content="Link1">
  83. <meta name="text:link1 URL" content="/">
  84. <meta name="text:Link2" content="Link2">
  85. <meta name="text:link2 URL" content="/">
  86. <meta name="text:Link3" content="Link3">
  87. <meta name="text:link3 URL" content="/">
  88. <meta name="text:Link4" content="">
  89. <meta name="text:link4 URL" content="/">
  90. <meta name="text:Link5" content="">
  91. <meta name="text:link5 URL" content="/">
  92. <meta name="text:Link6" content="">
  93. <meta name="text:link6 URL" content="/">
  94. <meta name="text:Link7" content="">
  95. <meta name="text:link7 URL" content="/">
  96. <meta name="text:Link8" content="">
  97. <meta name="text:link8 URL" content="/">
  98. <meta name="text:Link9" content="">
  99. <meta name="text:link9 URL" content="/">
  100.  
  101. <link rel="shortcut icon" href="{Favicon}">
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
  104. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
  105.  
  106. <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.js"></script>
  107.  
  108.  
  109. {block:posts}
  110. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  111. <script>
  112. $(document).ready(function(){
  113. $('a.togglet.{PostID}').click(function(e){
  114. e.preventDefault();
  115. $('div.tags.{PostID}').slideToggle();
  116. $(this).text( $(this).text() == 'Hide' ? "Show" : "Hide");
  117. });
  118. });
  119. </script>
  120. {/block:posts}
  121.  
  122.  
  123. <style type="text/css">
  124.  
  125.  
  126. ::selection {background:#000; color:#fff;}
  127. ::-moz-selection {background:#000;color:#fff;}
  128. ::-webkit-selection {background:#000;color:#fff;}
  129.  
  130.  
  131. ::-webkit-scrollbar {
  132. {block:ifnotthinscrollbar}
  133. width: 5px;
  134. {/block:ifnotthinscrollbar}
  135. {block:ifthinscrollbar}
  136. width:2px;
  137. {/block:ifthinscrollbar}
  138. background:transparent;
  139. }
  140.  
  141.  
  142. ::-webkit-scrollbar-thumb { background-color: {color:accent}; }
  143.  
  144.  
  145. /*Tooltip*/
  146. #s-m-t-tooltip{
  147. position:absolute;
  148. margin-top: 10px;
  149. z-index:9999999999;
  150. padding:5px;
  151. color:#333;
  152. font-weight:300;
  153. background: #fff;
  154. border:1px solid #eaeaea;
  155. font-size:12px;
  156. text-transform:uppercase;
  157.  
  158. }
  159.  
  160. .post300 #s-m-t-tooltip, .post250 #s-m-t-tooltip {font-size:10px;}
  161.  
  162. body {
  163. color: #333;
  164. font-size:12px;
  165. line-height:140%;
  166. font-family: 'Open Sans', Arial, sans-serif;
  167. overflow-y: scroll;
  168. overflow-x: hidden;
  169. margin:0;
  170. }
  171.  
  172. body.post300, body.post250 {font-size:10px;}
  173.  
  174. a {
  175. text-decoration:none;
  176. color:{color:links};
  177. cursor:crosshair;
  178. transition: all 0.3s ease-in-out;
  179. -webkit-transition: all 0.3s ease-in-out;
  180. -moz-transition: all 0.3s ease-in-out;
  181. -o-transition: all 0.3s ease-in-out;
  182. }
  183.  
  184. a:hover {
  185. color:{color:hover};
  186. transition: all 0.3s ease-in-out;
  187. -webkit-transition: all 0.3s ease-in-out;
  188. -moz-transition: all 0.3s ease-in-out;
  189. -o-transition: all 0.3s ease-in-out;
  190. }
  191.  
  192. i:not(.posts a), em:not(.posts a) {font-style:italic;color:{color:accent};}
  193. b:not(.posts a), strong:not(.posts a) {font-weight:bold;color:{color:accent};}
  194.  
  195. pre {
  196. white-space: pre-wrap;
  197. white-space: -moz-pre-wrap;
  198. white-space: -pre-wrap;
  199. white-space: -o-pre-wrap;
  200. word-wrap: break-word;
  201. }
  202.  
  203. blockquote {
  204. border-left: 1px #eaeaea solid;
  205. padding-left: 10px;
  206. margin-left: 10px;
  207. max-width: 100%;
  208. }
  209.  
  210. .post350 blockquote, .post300 blackquote, .post250 blockquote {width:calc(100% - 20px);}
  211.  
  212. .post400 blockquote {width:calc(100% - 30px);}
  213.  
  214. blockquote blockquote {
  215. padding: 0 0 0 10px;
  216. margin: 0 0 0 10px;
  217.  
  218. }
  219.  
  220. iframe, img:not(.lightbox-image), embed, object, video, pre, li, blockquote {max-width: 100% !important;}
  221.  
  222. .simple_bg, .simple_bg .container {background:#fff;}
  223.  
  224. .colour_bg, .colour_bg .container {
  225. background:{color:background};
  226. }
  227.  
  228. .img_bg, .img_bg .container {
  229. background-image: url('{image:fullscreen bg}');
  230. background-repeat: no-repeat;
  231. background-attachment: fixed;
  232. background-position: center;
  233. background-size:cover;
  234. }
  235.  
  236. .gradient_bg, .gradient_bg .container {
  237. background: -webkit-linear-gradient(90deg, {color:grad1}; 10%, {color:grad2} 90%); /* Chrome 10+, Saf5.1+ */
  238. background: -moz-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* FF3.6+ */
  239. background: -ms-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* IE10 */
  240. background: -o-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* Opera 11.10+ */
  241. background: linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* W3C */
  242. background-attachment:fixed;
  243. }
  244.  
  245. .r_bg, .r_bg .container {
  246. background:url('{image:grid bg}');
  247. background-attachment: fixed;
  248. background-size: 150px;
  249. }
  250.  
  251.  
  252. /*Topbar*/
  253.  
  254. .barca {
  255. position:fixed;
  256. overflow: hidden;
  257. left: 0;
  258. top:-50px;
  259. z-index:600;
  260. width: 100%;
  261. height:40px;
  262. overflow:visible;
  263. display:flex;
  264. display:-webkit-flex;
  265. display:-moz-flex;
  266. display:-ms-flex;
  267. display: -webkit-box;
  268. align-items:center;
  269. -webkit-align-items:center;
  270. -moz-align-items:center;
  271. -ms-align-items:center;
  272. -webkit-box-align: center;
  273. background:{color:accent};
  274. -webkit-transition: all 0.3s;
  275. -moz-transition: all 0.3s;
  276. transition: all 0.3s;
  277. }
  278.  
  279. .barca.midget {
  280. top:0;
  281. -webkit-transition: all 0.3s;
  282. -moz-transition: all 0.3s;
  283. transition: all 0.3s;
  284.  
  285. }
  286.  
  287. .barca nav *,
  288. .barca nav *:after,
  289. .barca nav *:before {
  290. -webkit-box-sizing: border-box;
  291. -moz-box-sizing: border-box;
  292. box-sizing: border-box;
  293. }
  294.  
  295. .barca nav a {
  296. position: relative;
  297. display: inline-block;
  298. margin: 0 auto;
  299. outline: none;
  300. text-decoration: none;
  301. text-transform: uppercase;
  302. letter-spacing: 1.5px;
  303. font-weight: 400;
  304. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  305. font-size: 1.3em;
  306. }
  307.  
  308. .post300 .barca nav a, .post250 .barca nav a {font-size:1.5em;margin-top:2px;}
  309.  
  310. .barca nav a:hover,
  311. .barca nav a:focus {
  312. outline: none;
  313. }
  314.  
  315. nav.cl-effect-5 {
  316. width:100%;
  317. text-align:center;
  318. line-height:1.5em;
  319. }
  320.  
  321. .cl-effect-5 > a, a.droplink{
  322. overflow: hidden;
  323. padding: 0 4px;
  324. height: 1em;
  325. }
  326.  
  327. nav.cl-effect-5 a {margin:0 15px 0 15px;}
  328.  
  329. .cl-effect-5 > a span, a.droplink span {
  330. color:{color:topbar links};
  331. position: relative;
  332. display: inline-block;
  333. -webkit-transition: -webkit-transform 0.3s;
  334. -moz-transition: -moz-transform 0.3s;
  335. transition: transform 0.3s;
  336. }
  337.  
  338. .cl-effect-5 > a span::before, a.droplink span::before {
  339. position: absolute;
  340. top: 100%;
  341. content: attr(data-hover);
  342. color:{color:topbar links};
  343. font-weight: 700;
  344. -webkit-transform: translate3d(0,0,0);
  345. -moz-transform: translate3d(0,0,0);
  346. transform: translate3d(0,0,0);
  347. }
  348.  
  349. .cl-effect-5 a:hover span,.cl-effect-5 a:focus span, a.droplink a:focus span, a.droplink a:hover span{
  350. -webkit-transform: translateY(-100%);
  351. -moz-transform: translateY(-100%);
  352. transform: translateY(-100%);
  353. }
  354.  
  355. /*dropdown*/
  356. .dropdown {
  357. position: relative;
  358. display: inline-block;
  359. }
  360.  
  361. .dropdown-content {
  362. visibility:hidden;
  363. opacity:0;
  364. position: absolute;
  365. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  366. z-index:700;
  367. padding-top:9.5px;
  368. -webkit-box-sizing: content-box;
  369. -moz-box-sizing: content-box;
  370. box-sizing: content-box;
  371. transition: all 0.3s ease-in-out;
  372. -webkit-transition: all 0.3s ease-in-out;
  373. -moz-transition: all 0.3s ease-in-out;
  374. -o-transition: all 0.3s ease-in-out;
  375. }
  376.  
  377. .post300 .dropdown-content, .post250 .dropdown-content {padding-top:9px;}
  378.  
  379.  
  380. .dropdown-content a {
  381. width:100%;
  382. text-align:center;
  383. background-color: #fafafa;
  384. font-size:12px !important;
  385. color: #000;
  386. padding: 10px;
  387. text-decoration: none;
  388. display: block;
  389. margin:0 !important;
  390. transition: all 0.3s ease-in-out;
  391. -webkit-transition: all 0.3s ease-in-out;
  392. -moz-transition: all 0.3s ease-in-out;
  393. -o-transition: all 0.3s ease-in-out;
  394. }
  395.  
  396. .dropdown-content a:hover {
  397. background-color:#000;
  398. color:#fff;
  399. transition: all 0.3s ease-in-out;
  400. -webkit-transition: all 0.3s ease-in-out;
  401. -moz-transition: all 0.3s ease-in-out;
  402. -o-transition: all 0.3s ease-in-out;
  403. }
  404.  
  405. .dropdown-content a:empty {display:none;}
  406.  
  407. .dropdown:hover .dropdown-content {
  408. visibility:visible;
  409. opacity:1;
  410. transition: all 0.3s ease-in-out;
  411. -webkit-transition: all 0.3s ease-in-out;
  412. -moz-transition: all 0.3s ease-in-out;
  413. -o-transition: all 0.3s ease-in-out;
  414. }
  415.  
  416.  
  417. /*Tumblr Controls*/
  418. .tmblr-iframe.tmblr-iframe--controls.iframe-controls--desktop, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop, #tumblr_controls {
  419. z-index:601 !important;
  420. right:-30px!important;
  421. transform: scale(0.85);
  422. -webkit-transform: scale(0.85);
  423. -moz-transform: scale(0.85);
  424. -o-transform: scale(0.85);
  425. -ms-transform: scale(0.85);
  426. }
  427.  
  428. @media screen and (max-width: 1100px) {
  429. nav.cl-effect-5 a {margin:0 12px 0 12px;}
  430.  
  431. .tmblr-iframe.tmblr-iframe--controls.iframe-controls--desktop, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop, #tumblr_controls {
  432. right:-52px!important;
  433. transform: scale(0.75);
  434. -webkit-transform: scale(0.75);
  435. -moz-transform: scale(0.75);
  436. -o-transform: scale(0.75);
  437. -ms-transform: scale(0.75);
  438. }
  439.  
  440. }
  441.  
  442. /*header*/
  443.  
  444. #header {
  445. position:relative;
  446. {block:ifwhitepostbg}
  447. background:#fff;
  448. {/block:ifwhitepostbg}
  449. margin:50px auto;
  450. padding:10px;
  451. }
  452.  
  453. .post500 #header {width:520px;}
  454. .post400 #header {width:420px;}
  455. .post350 #header {width:370px;}
  456. .post300 #header {width:314px;}
  457. .post250 #header {width:264px;}
  458.  
  459. .post300 #header, .post250 #header {padding:8px;}
  460.  
  461. #h_cont {
  462. width:100%;
  463. height:100px;
  464. display:flex;
  465. display:-webkit-flex;
  466. display:-moz-flex;
  467. display:-ms-flex;
  468. display: -webkit-box;
  469. -webkit-box-sizing: border-box;
  470. -moz-box-sizing: border-box;
  471. box-sizing: border-box;
  472. }
  473. .post350 #h_cont {height:80px;}
  474. .post300 #h_cont, .post250 #h_cont {height:60px;}
  475.  
  476. .h_img {
  477. width:100px;
  478. line-height:0;
  479. padding:5px;
  480. padding-right:0;
  481. opacity:1;
  482. position:relative;
  483. transition: all 0.3s ease-in-out;
  484. -webkit-transition: all 0.3s ease-in-out;
  485. -moz-transition: all 0.3s ease-in-out;
  486. -o-transition: all 0.3s ease-in-out;
  487. }
  488.  
  489. .h_img:hover {
  490. opacity:0.7;
  491. transition: all 0.3s ease-in-out;
  492. -webkit-transition: all 0.3s ease-in-out;
  493. -moz-transition: all 0.3s ease-in-out;
  494. -o-transition: all 0.3s ease-in-out;
  495. }
  496.  
  497. .h_img a {font-size:0;width:100%;height:100%;top:0;left:0;position:absolute;}
  498.  
  499. .post350 .h_img {width:80px;}
  500. .post300 .h_img, .post250 .h_img {width:60px;}
  501. .h_img img {width:90px;height:90px;border-radius:{select:header photo}; -moz-border-radius:{select:header photo}; -webkit-border-radius:{select:header photo};}
  502. .post350 .h_img img {width:70px;height:70px;}
  503. .post300 .h_img img, .post250 .h_img img {width:50px;height:50px;}
  504.  
  505. .h_tit {
  506. display:flex;
  507. display:-webkit-flex;
  508. display:-moz-flex;
  509. display:-ms-flex;
  510. align-items:center;
  511. -webkit-align-items:center;
  512. -moz-align-items:center;
  513. -ms-align-items:center;
  514. justify-content:center;
  515. -webkit-justify-content:center;
  516. -moz-justify-content:center;
  517. -ms-justify-content:center;
  518. display: -webkit-box;
  519. -webkit-box-align: center;
  520. -webkit-box-pack:center;
  521. width:calc(100% - 105px);
  522. height:100px;
  523. text-transform:uppercase;
  524. font-size:2.8em;
  525. letter-spacing:3px;
  526. text-align:center;
  527. line-height:100%;
  528. white-space:nowrap;
  529. overflow:hidden;
  530. text-overflow:ellipsis;
  531.  
  532. }
  533. .post400 .h_tit {font-size:2.2em;letter-spacing:2px;}
  534. .post350 .h_tit {height:80px;width:calc(100% - 85px);font-size:2em;letter-spacing:1.5px;}
  535. .post300 .h_tit, .post250 .h_tit {height:60px;width:calc(100% - 65px);}
  536.  
  537. .post300 .h_tit {font-size:1.8em;letter-spacing:1.5px;}
  538. .post250 .h_tit {font-size:1.5em;letter-spacing:1.2px;}
  539.  
  540. .h_tit > a {
  541. color:{color:accent};
  542. font-family:'Lato',arial,sans-serif;
  543. font-weight:normal;
  544. position:relative;
  545.  
  546. }
  547.  
  548. .h_tit > a:after {
  549. display: block;
  550. position: absolute;
  551. left: 0;
  552. bottom: -5px;
  553. width: 0;
  554. height: 2px;
  555. background-color: {color:accent};
  556. content: "";
  557. transition: width 0.2s;
  558. }
  559.  
  560. .h_tit > a:hover {
  561. color:{color:accent};
  562. }
  563.  
  564. .h_tit > a:hover:after {
  565. width:100%;
  566. }
  567.  
  568.  
  569. #h_info {
  570. width:100%;
  571. margin-top:10px;
  572. padding:10px;
  573. -webkit-box-sizing: border-box;
  574. -moz-box-sizing: border-box;
  575. box-sizing: border-box;
  576. }
  577.  
  578. .post300 #h_info, .post250 #h_info {padding:5px 10px;}
  579.  
  580. #h_bttn {text-align:center;width:100%;}
  581.  
  582. #h_desc {width:100%;margin-top:20px;color:#777;line-height:160%;}
  583.  
  584. .post300 #h_desc, .post250 #h_desc {margin-top:15px;}
  585.  
  586. #h_desc a {
  587. color:{color:accent};
  588. border-bottom:1px solid {color:accent};
  589. transition: all 0.3s ease-in-out;
  590. -webkit-transition: all 0.3s ease-in-out;
  591. -moz-transition: all 0.3s ease-in-out;
  592. -o-transition: all 0.3s ease-in-out;
  593. }
  594.  
  595. #h_desc a:hover {
  596. color:{color:hover};
  597. border-bottom:1px solid {color:hover};
  598. transition: all 0.3s ease-in-out;
  599. -webkit-transition: all 0.3s ease-in-out;
  600. -moz-transition: all 0.3s ease-in-out;
  601. -o-transition: all 0.3s ease-in-out;
  602. }
  603.  
  604. button.button {cursor:help;}
  605.  
  606. .button {
  607. min-width: 100px;
  608. max-width: 200px;
  609. display: inline;
  610. margin:0 10px 0 10px;
  611. padding: 1em 2em;
  612. border: none;
  613. background: none;
  614. color: inherit;
  615. vertical-align: middle;
  616. position: relative;
  617. -webkit-backface-visibility: hidden;
  618. -moz-osx-font-smoothing: grayscale;
  619. }
  620.  
  621. .post250 .button {min-width:80px;max-width:180px;}
  622.  
  623. .button:focus {
  624. outline: none;
  625. }
  626. .button > span {
  627. vertical-align: middle;
  628. }
  629.  
  630.  
  631. .button--nina {
  632. letter-spacing: 2px;
  633. text-transform: uppercase;
  634. font-size: 12px;
  635. font-weight:300;
  636. padding: 0 2em;
  637. background: #fafafa;
  638. color: #000;
  639. overflow: hidden;
  640. -webkit-transition: background-color 0.3s;
  641. transition: background-color 0.3s;
  642. }
  643.  
  644. .post300 .button--nina, .post250 .button--nina {font-size:10px;padding:0 1em;}
  645.  
  646. .post250 .button--nina {height:20px;}
  647.  
  648. .button--nina > span {
  649. display: inline-block;
  650. padding: 1em 0;
  651. opacity: 0;
  652. color: #000;
  653. -webkit-transform: translate3d(0, -10px, 0);
  654. transform: translate3d(0, -10px, 0);
  655. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  656. transition: transform 0.3s, opacity 0.3s;
  657. -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  658. transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  659. }
  660.  
  661. .post250 .button--nina > span {padding:5px 0;}
  662. .post250 .button--nina::before {padding:5px 0;}
  663. .button--nina::before {
  664. content: attr(data-text);
  665. position: absolute;
  666. top: 0;
  667. left: 0;
  668. width: 100%;
  669. height: 100%;
  670. padding: 1em 0;
  671. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  672. transition: transform 0.3s, opacity 0.3s;
  673. -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  674. transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  675. }
  676. .button--nina:hover {
  677. background-color: #fafafa;
  678. }
  679. .button--nina:hover::before {
  680. opacity: 0;
  681. -webkit-transform: translate3d(0, 100%, 0);
  682. transform: translate3d(0, 100%, 0);
  683. }
  684. .button--nina:hover > span {
  685. opacity: 1;
  686. -webkit-transform: translate3d(0, 0, 0);
  687. transform: translate3d(0, 0, 0);
  688. }
  689. .button--nina:hover > span:nth-child(1) {
  690. -webkit-transition-delay: 0.045s;
  691. transition-delay: 0.045s;
  692. }
  693. .button--nina:hover > span:nth-child(2) {
  694. -webkit-transition-delay: 0.09s;
  695. transition-delay: 0.09s;
  696. }
  697. .button--nina:hover > span:nth-child(3) {
  698. -webkit-transition-delay: 0.135s;
  699. transition-delay: 0.135s;
  700. }
  701. .button--nina:hover > span:nth-child(4) {
  702. -webkit-transition-delay: 0.18s;
  703. transition-delay: 0.18s;
  704. }
  705. .button--nina:hover > span:nth-child(5) {
  706. -webkit-transition-delay: 0.225s;
  707. transition-delay: 0.225s;
  708. }
  709. .button--nina:hover > span:nth-child(6) {
  710. -webkit-transition-delay: 0.27s;
  711. transition-delay: 0.27s;
  712. }
  713. .button--nina:hover > span:nth-child(7) {
  714. -webkit-transition-delay: 0.315s;
  715. transition-delay: 0.315s;
  716. }
  717. .button--nina:hover > span:nth-child(8) {
  718. -webkit-transition-delay: 0.36s;
  719. transition-delay: 0.36s;
  720. }
  721. .button--nina:hover > span:nth-child(9) {
  722. -webkit-transition-delay: 0.405s;
  723. transition-delay: 0.405s;
  724. }
  725. .button--nina:hover > span:nth-child(10) {
  726. -webkit-transition-delay: 0.45s;
  727. transition-delay: 0.45s;
  728. }
  729.  
  730. /*Askbox*/
  731. .overlay {
  732. position: fixed;
  733. width: 100%;
  734. height: 100%;
  735. top: 0;
  736. left: 0;
  737. z-index:1000;
  738. {block:ifnotdarkpopup}
  739. background: rgba({RGBcolor:popup},0.95);
  740. {block:ifnotdarkpopup}
  741.  
  742. {block:ifdarkpopup}
  743. background: rgba({RGBcolor:popup},0.9);
  744. {block:ifdarkpopup}
  745.  
  746. backdrop-filter: blur(2px);
  747. -webkit-backdrop-filter: blur(2px);
  748. }
  749.  
  750. .overlay .overlay-close {
  751. width: 60px;
  752. height: 60px;
  753. position: absolute;
  754. right: 15px;
  755. top: 10px;
  756. overflow: hidden;
  757. border: none;
  758. {block:ifnotdarkpopup}
  759. background: url(http://static.tumblr.com/xbvpdcx/BgGo0spgw/basics-22-128.png) no-repeat center center;
  760. {/block:ifnotdarkpopup}
  761.  
  762. {block:ifdarkpopup}
  763. background: url(http://static.tumblr.com/xbvpdcx/Svho0y4p3/basics-22-128_copy.png) no-repeat center center;
  764. {/block:ifdarkpopup}
  765.  
  766. background-size:60px;
  767. text-indent: 200%;
  768. color: transparent;
  769. outline: none;
  770. cursor:pointer;
  771. z-index: 1000;
  772. transition: all 0.3s ease-in-out;
  773. -webkit-transition: all 0.3s ease-in-out;
  774. -moz-transition: all 0.3s ease-in-out;
  775. -o-transition: all 0.3s ease-in-out;
  776. }
  777.  
  778. .overlay .overlay-close:hover {
  779. width:75px;
  780. height:75px;
  781. background-size:75px;
  782. transition: all 0.3s ease-in-out;
  783. -webkit-transition: all 0.3s ease-in-out;
  784. -moz-transition: all 0.3s ease-in-out;
  785. -o-transition: all 0.3s ease-in-out;
  786. }
  787.  
  788. /* Menu style */
  789. .overlay nav {
  790. text-align: center;
  791. position: relative;
  792. top: 50%;
  793. height: 60%;
  794. -webkit-transform: translateY(-50%);
  795. transform: translateY(-50%);
  796. {block:ifnotdarkpopup}
  797. color:#000;
  798. {/block:ifnotdarkpopup}
  799. {block:ifdarkpopup}
  800. color:#fff;
  801. {/block:ifdarkpopup}
  802. }
  803.  
  804. div.labe {
  805. width:500;
  806. margin:0 auto 30px auto;
  807. font-family:'Lato',Arial, Sans-serif;
  808. font-size:2.5em;
  809. text-transform:uppercase;
  810. padding:10px;
  811. white-space:nowrap;
  812. overflow:hidden;
  813. text-overflow:ellipsis;
  814. -webkit-box-sizing: border-box;
  815. -moz-box-sizing: border-box;
  816. box-sizing: border-box;
  817.  
  818. }
  819.  
  820. .overlay-scale {
  821. visibility: hidden;
  822. opacity: 0;
  823. -webkit-transform: scale(0.9);
  824. transform: scale(0.9);
  825. -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  826. transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  827. }
  828.  
  829. .overlay-scale.open {
  830. visibility: visible;
  831. opacity: 1;
  832. -webkit-transform: scale(1);
  833. transform: scale(1);
  834. -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  835. transition: transform 0.4s, opacity 0.4s;
  836. }
  837.  
  838.  
  839. /*Navi*/
  840. html, body, .perspective {
  841. width: 100%;
  842. height: 100%;
  843. }
  844.  
  845.  
  846.  
  847. .perspective {
  848. background: #aaa;
  849. position: relative;
  850. }
  851.  
  852. .container {
  853. min-height: 100%;
  854. position: relative;
  855. outline: 1px solid rgba(0,0,0,0);
  856. z-index: 10;
  857. -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); /* reset transforms (Chrome bug) */
  858. transform: translateZ(0) translateX(0) rotateY(0deg);
  859. }
  860.  
  861. .container::after {
  862. content: '';
  863. position: absolute;
  864. top: 0;
  865. left: 0;
  866. width: 100%;
  867. height: 0px;
  868. opacity: 0;
  869. background: rgba(0,0,0,0.2);
  870. /* the transition delay of the height needs to be synced with the container transition time */
  871. -webkit-transition: opacity 0.4s, height 0s 0.4s;
  872. transition: opacity 0.4s, height 0s 0.4s;
  873. }
  874.  
  875. .wrapper {
  876. position: relative;
  877. }
  878.  
  879.  
  880.  
  881. /* Modal view */
  882. .perspective.modalview {
  883. position: fixed;
  884. -webkit-perspective: 1500px;
  885. perspective: 1500px;
  886. }
  887.  
  888. .modalview .container {
  889. position: absolute;
  890. overflow: hidden;
  891. width: 100%;
  892. height: 100%;
  893. cursor: help;
  894. -webkit-backface-visibility: hidden;
  895. backface-visibility: hidden;
  896. }
  897.  
  898. .modalview .wrapper {
  899. -webkit-transform: translateZ(-1px); /* solves a rendering bug in Chrome on Windows */
  900. }
  901.  
  902. .animate .container::after {
  903. opacity: 1;
  904. height: 101%;
  905. -webkit-transition: opacity 0.3s;
  906. transition: opacity 0.3s;
  907. }
  908.  
  909. /* Outer Nav */
  910. .outer-nav {
  911. position: absolute;
  912. height: auto;
  913. font-size: 2em;
  914. }
  915.  
  916.  
  917. .outer-nav.horizontal {
  918. left: 50%;
  919. width: 75%;
  920. max-width: 1000px;
  921. text-align: center;
  922. -webkit-transform: translateX(-50%);
  923. transform: translateX(-50%);
  924. }
  925.  
  926.  
  927. .outer-nav.top {
  928. top: 15%;
  929. }
  930.  
  931.  
  932.  
  933. .outer-nav a {
  934. display: inline-block;
  935. white-space: nowrap;
  936. font-weight: 300;
  937. text-align:center;
  938. width:24%;
  939. margin: 0 0 30px 0;
  940. padding:20px;
  941. {block:ifnotlightnavi}
  942. color: #fff;
  943. {/block:ifnotlightnavi}
  944. {block:iflightnavi}
  945. color:#000;
  946. {/block:iflightnavi}
  947. text-overflow: ellipsis;
  948. white-space: nowrap;
  949. overflow:hidden;
  950. font-family:'lato',arial,sans-serif;
  951. text-transform:uppercase;
  952. -webkit-transform-style: preserve-3d;
  953. transform-style: preserve-3d;
  954. }
  955.  
  956. .outer-nav a:hover {
  957. color: {color:hover};
  958. }
  959.  
  960.  
  961. .outer-nav.horizontal a {
  962. margin: 15px;
  963. }
  964.  
  965.  
  966. @media screen and (max-width: 1100px) {
  967.  
  968. .outer-nav.top {
  969. top: 12%;
  970. }
  971.  
  972. .outer-nav {font-size:1.5em;}
  973.  
  974. .outer-nav.horizontal {
  975. max-width:100%;
  976. width:100%;
  977. }
  978.  
  979. .outer-nav a {
  980. width:20%;
  981. padding:15px;
  982. }
  983.  
  984. .outer-nav.horizontal a {margin:10px;}
  985. }
  986.  
  987. .effect-movedown {
  988.  
  989. background: {color:navi};
  990.  
  991. }
  992.  
  993. .effect-movedown .container {
  994. -webkit-transition: -webkit-transform 0.4s;
  995. transition: transform 0.4s;
  996. -webkit-transform-origin: 50% 50%;
  997. transform-origin: 50% 50%;
  998. }
  999.  
  1000. .effect-movedown .container::after {
  1001. {/block:ifnotlightnavi}
  1002. background: rgba(50,50,50, 0.5);
  1003. {/block:ifnotlightnavi}
  1004.  
  1005. {block:iflightnavi}
  1006. background:rgba(200,200,200,0.5);
  1007. {/block:iflightnavi}
  1008.  
  1009. backdrop-filter: blur(2px);
  1010. -webkit-backdrop-filter: blur(2px);
  1011. }
  1012.  
  1013. .effect-movedown.animate .container {
  1014. -webkit-transform: translateY(100%) translateZ(-1500px);
  1015. transform: translateY(100%) translateZ(-1500px);
  1016. }
  1017.  
  1018. .no-csstransforms3d .effect-movedown.animate .container {
  1019. top: 75%;
  1020. }
  1021.  
  1022. .effect-movedown .outer-nav a {
  1023. opacity: 0;
  1024. {block:ifnotlightnavi}
  1025. background:{color:navi};
  1026. {/block:ifnotlightnavi}
  1027.  
  1028. {block:iflightnavi}
  1029. background:#fafafa;
  1030. {/block:iflightnavi}
  1031. -webkit-transform: translateY(-20px);
  1032. transform: translateY(-20px);
  1033. -webkit-transition: -webkit-transform 0.4s, opacity 0.4s,color 0.4s,background 0.4s;
  1034. transition: transform 0.4s, opacity 0.4s, color 0.4s, background 0.4s;
  1035.  
  1036. }
  1037.  
  1038. .effect-movedown .outer-nav a:empty {display:none;}
  1039.  
  1040. .effect-movedown .outer-nav a:hover {
  1041. {block:ifnotlightnavi}
  1042. color: #000;
  1043. background:#fff;
  1044. {/block:ifnotlightnavi}
  1045.  
  1046. {block:iflightnavi}
  1047. color:#fff;
  1048. background:#000;
  1049. {/block:iflightnavi}
  1050.  
  1051. transition: color 0.4s, background 0.4s;
  1052. -webkit-transition: color 0.4s, background 0.4s;
  1053. }
  1054.  
  1055. .effect-movedown.animate .outer-nav a {
  1056. opacity: 1;
  1057. -webkit-transform: translateY(0);
  1058. transform: translateY(0);
  1059. }
  1060.  
  1061. .effect-movedown.animate .outer-nav a:nth-child(2) {
  1062. -webkit-transition-delay: 0.06s;
  1063. transition-delay: 0.06s;
  1064. }
  1065.  
  1066. .effect-movedown.animate .outer-nav a:nth-child(3) {
  1067. -webkit-transition-delay: 0.12s;
  1068. transition-delay: 0.12s;
  1069. }
  1070.  
  1071. .effect-movedown.animate .outer-nav a:nth-child(4) {
  1072. -webkit-transition-delay: 0.18s;
  1073. transition-delay: 0.18s;
  1074. }
  1075.  
  1076. .effect-movedown.animate .outer-nav a:nth-child(5) {
  1077. -webkit-transition-delay: 0.24s;
  1078. transition-delay: 0.24s;
  1079. }
  1080.  
  1081. .effect-movedown.animate .outer-nav a:nth-child(6) {
  1082. -webkit-transition-delay: 0.3s;
  1083. transition-delay: 0.3s;
  1084. }
  1085.  
  1086. .effect-movedown.animate .outer-nav a:nth-child(7) {
  1087. -webkit-transition-delay: 0.36s;
  1088. transition-delay: 0.36s;
  1089. }
  1090.  
  1091. .effect-movedown.animate .outer-nav a:nth-child(8) {
  1092. -webkit-transition-delay: 0.42s;
  1093. transition-delay: 0.42s;
  1094. }
  1095.  
  1096. .effect-movedown.animate .outer-nav a:nth-child(9) {
  1097. -webkit-transition-delay: 0.48s;
  1098. transition-delay: 0.48s;
  1099. }
  1100.  
  1101. /*Posts*/
  1102. #entries {
  1103. position:relative;
  1104. margin:20px auto;
  1105. width:540px;
  1106. }
  1107.  
  1108. .post300 #entries, .post250 #entries {width:330px;}
  1109.  
  1110. .posts {
  1111. position:relative;
  1112. margin:40px auto;
  1113. padding:20px;
  1114. {block:ifwhitepostbg}
  1115. background:#fff;
  1116. {/block:ifwhitepostbg}
  1117. overflow-x:hidden;
  1118.  
  1119. }
  1120.  
  1121. .post500 .posts {width:500px;}
  1122.  
  1123. .post400 .posts {width:400px;}
  1124.  
  1125. .post350 .posts {width:350px;}
  1126.  
  1127. .post300 .posts {width:300px;padding:15px;}
  1128.  
  1129. .post250 .posts {width:250px;padding:15px;}
  1130.  
  1131. .posts video, .posts .tumblr_video_container {
  1132. width: 100% !important;
  1133. height: auto !important;
  1134. }
  1135.  
  1136.  
  1137. .posts img {
  1138. max-width:100%;
  1139. height:auto;
  1140. }
  1141.  
  1142. .post400 .posts #ask_form, .post350 .posts #ask_form, .post300 .posts #ask_form, .post250 .posts #ask_form {height:250px !important;}
  1143.  
  1144. .posts > p a, .posts ol a, .posts ul a, .posts blockquote a, .answers a, .speaker a, a.tumblr_blog {
  1145. border-bottom:1px solid {color:links};
  1146. transition: all 0.3s ease-in-out;
  1147. -webkit-transition: all 0.3s ease-in-out;
  1148. -moz-transition: all 0.3s ease-in-out;
  1149. -o-transition: all 0.3s ease-in-out;
  1150. }
  1151.  
  1152. .posts > p a:hover,.posts ol a:hover, .posts ul a:hover, .posts blockquote a:hover, .answers a:hover, .speaker a:hover, a:hover.tumblr_blog {
  1153. border-bottom:1px solid {color:hover};
  1154. transition: all 0.3s ease-in-out;
  1155. -webkit-transition: all 0.3s ease-in-out;
  1156. -moz-transition: all 0.3s ease-in-out;
  1157. -o-transition: all 0.3s ease-in-out;
  1158. }
  1159.  
  1160. .posts ul {padding-left:0;}
  1161. .posts ol {padding-left:20px;}
  1162. .posts ul li {list-style:none; padding:2px;text-indent:8px;}
  1163. .posts ol li {padding:2px;}
  1164. .posts ul li:before {content:"―"; position:relative; left:-8px;}
  1165.  
  1166. /*t*/
  1167.  
  1168. .titre {
  1169. font-size:2em;
  1170. color:#000;
  1171. letter-spacing:1.2px;
  1172. margin-bottom:15px;
  1173. line-height:160%;
  1174. text-transform:uppercase;
  1175. font-family:'lato',arial,sans-serif;
  1176. }
  1177.  
  1178. .post300 .titre, .post250 .titre {
  1179. font-size:1.5em;
  1180. margin-bottom:10px;
  1181. }
  1182.  
  1183. .posts h2 {font-weight:400 !important;font-size:110%;line-height:160%;color:#000;}
  1184.  
  1185. /*lightbox*/
  1186. #tumblr_lightbox,.tmblr-lightbox {background:rgba({RGBcolor:lightbox}, 0.95)!important;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); }
  1187.  
  1188.  
  1189. #tumblr_lightbox img,.tmblr-lightbox .vignette {
  1190. opacity:0;
  1191. border-radius:0!important;
  1192. -moz-border-radius: 0!important;
  1193. -webkit-border-radius: 0!important;
  1194. -o-border-radius: 0!important;
  1195. -webkit-box-shadow:none!important;
  1196. box-shadow:none!important;
  1197. }
  1198.  
  1199. #tumblr_lightbox_center_image {
  1200. opacity: 1!important;
  1201. background-color: #fff!important;
  1202. }
  1203.  
  1204. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:0.5!important;
  1205. transition: opacity 0.3s ease-in-out;
  1206. -webkit-transition: opacity 0.3s ease-in-out;
  1207. -moz-transition: opacity 0.3s ease-in-out;
  1208. -o-transition: opacity 0.3s ease-in-out;
  1209. }
  1210.  
  1211. #tumblr_lightbox_left_image:hover, #tumblr_lightbox_right_image:hover {
  1212. opacity:1!important;
  1213. transition: opacity 0.3s ease-in-out;
  1214. -webkit-transition: opacity 0.3s ease-in-out;
  1215. -moz-transition: opacity 0.3s ease-in-out;
  1216. -o-transition: opacity 0.3s ease-in-out;
  1217. }
  1218.  
  1219. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  1220. margin-top:-1%!important;
  1221. padding: 2px!important;
  1222. box-shadow: 0 0 0 transparent !important;
  1223. border-radius: 0!important;
  1224. -moz-border-radius: 0!important;
  1225. -webkit-border-radius: 0!important;
  1226. -o-border-radius: 0!important;
  1227.  
  1228.  
  1229. }
  1230.  
  1231. .tmblr-lightbox .lightbox-image {
  1232. box-shadow: 0 0 0 transparent !important;
  1233. border-radius: 0!important;
  1234. -moz-border-radius: 0!important;
  1235. -webkit-border-radius: 0!important;
  1236. -o-border-radius: 0!important;
  1237.  
  1238. }
  1239.  
  1240.  
  1241.  
  1242. #tumblr_lightbox_caption,.tmblr-lightbox .lightbox-caption { visibility: hidden; }
  1243.  
  1244.  
  1245. .tumblr-box {cursor:help;}
  1246.  
  1247. #tumblr_lightbox_center_link, #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {cursor:pointer;}
  1248.  
  1249. /*audio posts*/
  1250. .flitwick {
  1251. width:100%;
  1252. display:flex;
  1253. display:-webkit-flex;
  1254. display:-moz-flex;
  1255. display:-ms-flex;
  1256. align-items:center;
  1257. -webkit-align-items:center;
  1258. -moz-align-items:center;
  1259. -ms-align-items:center;
  1260. position:relative;
  1261. display: -webkit-box;
  1262. -webkit-box-align: center;
  1263. }
  1264.  
  1265. .grammy {
  1266. position:relative;
  1267. margin-left:0;
  1268. }
  1269.  
  1270. .post500 .grammy {
  1271. width:100px;
  1272. height:100px;
  1273. }
  1274.  
  1275. .post400 .grammy, .post350 .grammy,.post300 .grammy {
  1276. width:80px;
  1277. height:80px;
  1278. }
  1279.  
  1280. .post250 .grammy {
  1281. width:50px;
  1282. height:50px;
  1283. }
  1284.  
  1285.  
  1286. .mariah {
  1287. position:absolute;
  1288. background:#fff;
  1289. z-index:10;
  1290. opacity:0;
  1291. text-align:center;
  1292. transition: all 0.3s ease-in-out;
  1293. -webkit-transition: all 0.3s ease-in-out;
  1294. -moz-transition: all 0.3s ease-in-out;
  1295. -o-transition: all 0.3s ease-in-out;
  1296. }
  1297.  
  1298. .post500 .mariah {
  1299. width:80px;
  1300. height:80px;
  1301. margin-top:10px;
  1302. margin-left:10px;
  1303. }
  1304.  
  1305. .post400 .mariah, .post350 .mariah,.post300 .mariah {
  1306. width:60px;
  1307. height:60px;
  1308. margin-top:10px;
  1309. margin-left:10px;
  1310. }
  1311.  
  1312. .post250 .mariah {
  1313. width:40px;
  1314. height:40px;
  1315. margin-top:5px;
  1316. margin-left:5px;
  1317. }
  1318.  
  1319. .mariah:hover {
  1320. opacity:0.8;
  1321. transition: all 0.3s ease-in-out;
  1322. -webkit-transition: all 0.3s ease-in-out;
  1323. -moz-transition: all 0.3s ease-in-out;
  1324. -o-transition: all 0.3s ease-in-out;
  1325. }
  1326.  
  1327. .playbox {
  1328. overflow:hidden;
  1329. }
  1330.  
  1331. .post500 .playbox {
  1332. width:40px;
  1333. height:40px;
  1334. margin-top:25px;
  1335. margin-left:20px;
  1336. }
  1337.  
  1338. .post400 .playbox, .post350 .playbox,.post300 .playbox {
  1339. width:40px;
  1340. height:40px;
  1341. margin-top:15px;
  1342. margin-left:12px;
  1343. }
  1344.  
  1345. .post250 .playbox {
  1346. width:25px;
  1347. height:25px;
  1348. margin-top:5px;
  1349. margin-left:8px;
  1350. }
  1351.  
  1352.  
  1353.  
  1354. .taylor {
  1355. padding:0;
  1356. margin-left:0px;
  1357. background:#fafafa;
  1358. display:flex;
  1359. display:-webkit-flex;
  1360. display:-moz-flex;
  1361. display:-ms-flex;
  1362. align-items:center;
  1363. -webkit-align-items:center;
  1364. -moz-align-items:center;
  1365. -ms-align-items:center;
  1366. justify-content:center;
  1367. -webkit-justify-content:center;
  1368. -moz-justify-content:center;
  1369. -ms-justify-content:center;
  1370. display: -webkit-box;
  1371. -webkit-box-align: center;
  1372. -webkit-box-pack:center;
  1373.  
  1374. }
  1375.  
  1376. .post500 .taylor {
  1377. width:calc(100% - 100px);
  1378. height:100px;
  1379. }
  1380.  
  1381. .post400 .taylor, .post350 .taylor,.post300 .taylor {
  1382. width:calc(100% - 80px);
  1383. height:80px;
  1384. }
  1385.  
  1386. .post250 .taylor {
  1387. width:calc(100% - 50px);
  1388. height:50px;
  1389. }
  1390.  
  1391. .swift {
  1392. color:#000;
  1393. font-weight:normal;
  1394. text-overflow: ellipsis;
  1395. white-space: nowrap;
  1396. overflow:hidden;
  1397. }
  1398.  
  1399. .post500 .swift {
  1400. max-width:calc(100% - 50px);
  1401. }
  1402.  
  1403. .post400 .swift, .post350 .swift,.post300 .swift {
  1404. max-width:calc(100% - 50px);
  1405. font-size:10px;
  1406. }
  1407.  
  1408. .post250 .swift {
  1409. max-width:calc(100% - 30px);
  1410. font-size:8px;
  1411. line-height:12px;
  1412. }
  1413.  
  1414. .swift b {
  1415. font-family:'lato', arial,sans-serif;
  1416. font-weight:bold;
  1417. text-transform:uppercase;
  1418. color:#000;
  1419. }
  1420.  
  1421. /*Ask*/
  1422.  
  1423. /*asker*/
  1424.  
  1425. .asker_cont, .ans_cont {
  1426. width:100%;
  1427. height:40px;
  1428. border-bottom:1px solid #efefef;
  1429. display:flex;
  1430. display:-webkit-flex;
  1431. display:-moz-flex;
  1432. display:-ms-flex;
  1433. display: -webkit-box;
  1434. align-items:center;
  1435. padding-bottom:15px;
  1436. -webkit-align-items:center;
  1437. -moz-align-items:center;
  1438. -ms-align-items:center;
  1439. -webkit-box-align: center;
  1440. }
  1441.  
  1442. .ans_cont {
  1443. border-top:1px solid #efefef;
  1444. margin-top:10px;
  1445. padding-top:10px;
  1446. padding-bottom:10px;
  1447. }
  1448.  
  1449. .post300 .asker_cont, .post250 .asker_cont {padding-bottom:15px;}
  1450.  
  1451. .post300 .asker_cont, .post250 .asker_cont, .post300 .ans_cont, .post250 .ans_cont {height:30px;}
  1452.  
  1453. .asker_img, .ans_img {
  1454. width:40px;
  1455. height:100%;
  1456. line-height:0;
  1457. padding-right:15px;
  1458. }
  1459.  
  1460. .post300 .asker_img, .post250 .asker_img,.post300 .ans_img, .post250 .ans_img {padding-right:15px; width:30px;}
  1461.  
  1462. .asker_img img, .ans_img img{
  1463. width:100%;
  1464. height:100%;
  1465. opacity:1;
  1466. border-radius: 25%;
  1467. -moz-border-radius: 25%;
  1468. -webkit-border-radius: 25%;
  1469. transition: all 0.3s ease-in-out;
  1470. -webkit-transition: all 0.3s ease-in-out;
  1471. -moz-transition: all 0.3s ease-in-out;
  1472. -o-transition: all 0.3s ease-in-out;
  1473. }
  1474.  
  1475.  
  1476. .asker_img img:hover, .ans_img img:hover {
  1477. opacity:0.7;
  1478. transition: all 0.3s ease-in-out;
  1479. -webkit-transition: all 0.3s ease-in-out;
  1480. -moz-transition: all 0.3s ease-in-out;
  1481. -o-transition: all 0.3s ease-in-out;
  1482. }
  1483.  
  1484. .asker_line, .ans_line {
  1485. width:calc(100% - 68px);
  1486. height:100%;
  1487. display:flex;
  1488. display:-webkit-flex;
  1489. display:-moz-flex;
  1490. display:-ms-flex;
  1491. display: -webkit-box;
  1492. align-items:center;
  1493. -webkit-align-items:center;
  1494. -moz-align-items:center;
  1495. -ms-align-items:center;
  1496. -webkit-box-align: center;
  1497. -webkit-box-sizing: border-box;
  1498. -moz-box-sizing: border-box;
  1499. box-sizing: border-box;
  1500. padding-left:5px;
  1501. font-size:1.2em;
  1502. font-style:italic;
  1503. font-weight:bold;
  1504. font-family:'lato',arial,sans-serif;
  1505. }
  1506.  
  1507. .post300 .asker_line, .post300 .ans_line, .post250 .asker_line, .post250 .ans_line {font-size:1em;}
  1508.  
  1509. .asker_line a.asker, .ans_line a.answerer {
  1510. letter-spacing:1.2px;
  1511. }
  1512.  
  1513. .questions {margin-top:10px;}
  1514.  
  1515. .questions, .rbans {
  1516. width:100%;
  1517. padding:10px;
  1518. font-style:italic;
  1519. font-family:'lato',arial,sans-serif;
  1520. -webkit-box-sizing: border-box;
  1521. -moz-box-sizing: border-box;
  1522. box-sizing: border-box;
  1523. }
  1524.  
  1525.  
  1526. .answers {
  1527. width:100%;
  1528. padding:10px;
  1529. -webkit-box-sizing: border-box;
  1530. -moz-box-sizing: border-box;
  1531. box-sizing: border-box;
  1532. }
  1533.  
  1534. .answers.rbans {padding-bottom:5px;margin-bottom:-5px;}
  1535.  
  1536.  
  1537. .post300 .answers, .post250 .answers, .post300 .questions, .post250 .questions,.post300 .rbans, .post250 .rbans {padding:5px;}
  1538.  
  1539. .answers:not(.rbans) {
  1540. margin-top:10px;
  1541. border-top:1px solid #efefef;
  1542. padding-bottom:5px;
  1543. margin-bottom:-5px;
  1544. }
  1545.  
  1546. /*links*/
  1547.  
  1548. .posts nav *,
  1549. .posts nav *:after,
  1550. .posts nav *:before {
  1551. -webkit-box-sizing: border-box;
  1552. -moz-box-sizing: border-box;
  1553. box-sizing: border-box;
  1554. }
  1555.  
  1556. .posts nav a {
  1557. position: relative;
  1558. display: inline-block;
  1559. margin: 0 auto;
  1560. outline: none;
  1561. text-decoration: none;
  1562. text-transform: uppercase;
  1563. letter-spacing: 1.5px;
  1564. font-weight: 400;
  1565. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  1566. font-size: 1.2em;
  1567. }
  1568.  
  1569. .posts nav a:hover,
  1570. .posts nav a:focus {
  1571. outline: none;
  1572. }
  1573.  
  1574. .remus a {
  1575. color: #000;
  1576. text-shadow: 0 0 1px rgba(111,134,134,0.3);
  1577. width:100%;
  1578. text-align:center;
  1579. font-size:1.5em;
  1580. background:#fafafa;
  1581. padding:15px;
  1582. margin-top:0;
  1583. margin-bottom:0;
  1584. white-space:nowrap;
  1585. overflow:hidden;
  1586. }
  1587. .post400 .remus a {font-size:1.8em;}
  1588. .post500 .remus a {font-size:2em;}
  1589.  
  1590. .remus a::before {
  1591. color: #000;
  1592. content: attr(data-hover);
  1593. position: absolute;
  1594. opacity: 0;
  1595. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  1596. -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  1597. -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  1598. transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  1599. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  1600. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  1601. transition: transform 0.3s, opacity 0.3s;
  1602. pointer-events: none;
  1603. }
  1604.  
  1605. .remus a:hover::before,
  1606. .remus a:focus::before {
  1607. -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  1608. -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  1609. transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  1610. opacity: 1;
  1611. }
  1612.  
  1613. /*chat*/
  1614.  
  1615. .chats {
  1616. line-height:22px;
  1617. padding:5px;
  1618. }
  1619.  
  1620. .chats strong {
  1621. font-family:'Lato', arial, sans-serif;
  1622. text-transform:uppercase;
  1623. color:#000;
  1624. }
  1625.  
  1626. .post250 .chats, .post350 .chats, .post300 .chats {
  1627. font-size:10px;
  1628. padding:3px;
  1629. }
  1630.  
  1631. /*quotes*/
  1632.  
  1633. .quotes {
  1634. font-style:italic;
  1635. font-size:1.2em;
  1636. display:inline;
  1637. line-height:140%;
  1638. }
  1639.  
  1640. .post400 .quotes, .post500 .quotes {font-size:1.5em;}
  1641.  
  1642. .speaker {
  1643. margin-top:12px;
  1644. margin-bottom:12px;
  1645. text-align:right;
  1646. }
  1647.  
  1648. .post250 .speaker,.post300 .speaker, .post350 .speaker {margin-top:8px;margin-bottom:8px;}
  1649.  
  1650. /*post info*/
  1651.  
  1652. .footer {
  1653. text-transform:uppercase;
  1654. font-family:'lato',arial,sans-serif;
  1655. margin-top:10px;
  1656. font-size:90%;
  1657. width:100%;
  1658. color:#cdcdcd;
  1659. }
  1660.  
  1661. .footer span {float:right;}
  1662.  
  1663. .footer > a:first-of-type {margin-left:0;}
  1664.  
  1665. .footer > a, .footer span a {
  1666. color:#555;
  1667. margin:0 3px 0 3px;
  1668. border-bottom:1px solid #eaeaea;
  1669. transition: all 0.3s ease-in-out;
  1670. -webkit-transition: all 0.3s ease-in-out;
  1671. -moz-transition: all 0.3s ease-in-out;
  1672. -o-transition: all 0.3s ease-in-out;
  1673. }
  1674.  
  1675. .footer > a:hover, .footer span a:hover {
  1676. color:{color:accent};
  1677. border-bottom:1px solid {color:accent};
  1678. transition: all 0.3s ease-in-out;
  1679. -webkit-transition: all 0.3s ease-in-out;
  1680. -moz-transition: all 0.3s ease-in-out;
  1681. -o-transition: all 0.3s ease-in-out;
  1682. }
  1683.  
  1684. .tags {
  1685. {block:ifnotshowtags}
  1686. display:none;
  1687. {/block:ifnotshowtags}
  1688. font-weight:300;
  1689. font-size:90%;
  1690. width:100%;
  1691. margin-top:5px;
  1692. {block:permalinkpage}
  1693. font-style:italic;
  1694. {/block:permalinkpage}
  1695. }
  1696.  
  1697. .tags a {
  1698. color:#666;
  1699. display:inline;
  1700. margin-left:5px;
  1701. }
  1702.  
  1703. .tags a:first-of-type {margin-left:0;}
  1704.  
  1705. span.comma {color:#dedede;}
  1706. span.comma:last-child{display:none;}
  1707.  
  1708. .viasrc {width:100%;margin-top:5px;font-size:90%;text-transform:uppercase;}
  1709.  
  1710. .viasrc a {
  1711. color:{color:links};
  1712. border-bottom:1px solid #eaeaea;
  1713. transition: all 0.3s ease-in-out;
  1714. -webkit-transition: all 0.3s ease-in-out;
  1715. -moz-transition: all 0.3s ease-in-out;
  1716. -o-transition: all 0.3s ease-in-out;
  1717. }
  1718.  
  1719. .viasrc a:hover {
  1720. color:{color:accent};
  1721. border-bottom:1px solid {color:accent};
  1722. transition: all 0.3s ease-in-out;
  1723. -webkit-transition: all 0.3s ease-in-out;
  1724. -moz-transition: all 0.3s ease-in-out;
  1725. -o-transition: all 0.3s ease-in-out;
  1726. }
  1727.  
  1728. /*Notes*/
  1729.  
  1730. div.notes {
  1731.  
  1732. text-align:left;
  1733. margin:0 auto 0 auto;
  1734. font-weight:300;
  1735. }
  1736.  
  1737.  
  1738. .notes h1 {font-weight:400;text-transform:uppercase;font-size:1em; text-align:left;color:#999;letter-spacing:1.5px;}
  1739.  
  1740.  
  1741. ol.notes {
  1742. width:100%;
  1743. padding: 0px;
  1744. margin: 0px;
  1745. list-style-type: none;
  1746. }
  1747.  
  1748. ol.notes li.note {padding: 8px;padding-left:0; text-indent:10px; line-height:150%;}
  1749.  
  1750. .post250 ol.notes li.note, .post300 ol.notes li.note {padding: 5px;padding-left:0; line-height:150%; font-size:10px;letter-spacing:1px;}
  1751.  
  1752. ol.notes li.note .action a {
  1753. border-bottom:1px solid #eaeaea;
  1754. color:#555;
  1755. transition: all 0.3s ease-in-out;
  1756. -webkit-transition: all 0.3s ease-in-out;
  1757. -moz-transition: all 0.3s ease-in-out;
  1758. -o-transition: all 0.3s ease-in-out;
  1759. }
  1760.  
  1761. ol.notes li.note .action a:hover {
  1762. border-bottom: 1px solid {color:accent};
  1763. color:{color:accent};
  1764. transition: all 0.3s ease-in-out;
  1765. -webkit-transition: all 0.3s ease-in-out;
  1766. -moz-transition: all 0.3s ease-in-out;
  1767. -o-transition: all 0.3s ease-in-out;
  1768. }
  1769.  
  1770.  
  1771.  
  1772. .post500 ol.notes li.note:before, .post400 ol.notes li.note:before {content:"―"; position:relative; left:-10px;color:#dedede;}
  1773.  
  1774. .post350 ol.notes li.note:before, .post300 ol.notes li.note:before, .post250 ol.notes li.note:before {display:none;}
  1775.  
  1776. ol.notes li.note img.avatar {display:none;}
  1777.  
  1778. li.more_notes_link_container:before {display:none;}
  1779.  
  1780. li.more_notes_link_container {text-indent:0; text-transform:uppercase; font-size:14px; margin-top:10px; margin-bottom:-5px;}
  1781.  
  1782. .post250 li.more_notes_link_container, .post300 li.more_notes_link_container {font-size:12px;padding:0;}
  1783.  
  1784. li.more_notes_link_container a {
  1785. color:{color:accent};
  1786. border-bottom:1px solid #eaeaea;
  1787. transition: all 0.3s ease-in-out;
  1788. -webkit-transition: all 0.3s ease-in-out;
  1789. -moz-transition: all 0.3s ease-in-out;
  1790. -o-transition: all 0.3s ease-in-out;
  1791. }
  1792.  
  1793. li.more_notes_link_container a:hover {
  1794. border-bottom:1px solid {color:accent};
  1795. transition: all 0.3s ease-in-out;
  1796. -webkit-transition: all 0.3s ease-in-out;
  1797. -moz-transition: all 0.3s ease-in-out;
  1798. -o-transition: all 0.3s ease-in-out;
  1799. }
  1800.  
  1801.  
  1802. ol.notes li.note blockquote {
  1803. border-color: #eaeaea;
  1804. padding: 4px 10px;
  1805. margin: 10px 0px 0px 25px;
  1806. }
  1807. with_commentary.blockquote {max-width:100%;}
  1808.  
  1809. ol.notes li.note blockquote a {
  1810. text-decoration: none;
  1811. border-bottom:none;
  1812. }
  1813.  
  1814. /*pagination*/
  1815.  
  1816. footer {
  1817. margin:0px auto 10px auto;
  1818. width:540px;
  1819. }
  1820.  
  1821. .post300 footer, .post250 footer {width:330px;}
  1822.  
  1823. .pg {
  1824.  
  1825. margin:auto;
  1826. font-size:1.5em;
  1827. line-height:1.6em;
  1828. width:100%;
  1829. z-index:10;
  1830. color:{color:accent};
  1831. text-transform:uppercase;
  1832. letter-spacing:1.5px;
  1833. background:transparent;
  1834. text-align:center;
  1835. word-spacing:20px;
  1836. {block:ifmanualload}
  1837. display:none;
  1838. {/block:ifmanualload}
  1839. }
  1840.  
  1841. .pg a {
  1842. display:inline-block
  1843. margin-left:15px;
  1844. color:{color:pagination};
  1845. font-weight:400;
  1846. transition: all 0.3s ease-in-out;
  1847. -webkit-transition: all 0.3s ease-in-out;
  1848. -moz-transition: all 0.3s ease-in-out;
  1849. -o-transition: all 0.3s ease-in-out;
  1850. }
  1851.  
  1852.  
  1853. .pg a:hover {
  1854. color:{color:hover};
  1855. transition: all 0.3s ease-in-out;
  1856. -webkit-transition: all 0.3s ease-in-out;
  1857. -moz-transition: all 0.3s ease-in-out;
  1858. -o-transition: all 0.3s ease-in-out;
  1859. }
  1860.  
  1861. span.current {font-weight:300;}
  1862.  
  1863.  
  1864. /*Manual scroll loading*/
  1865. #infscr-loading {display:none !important;}
  1866. .bottom {display:block;text-align:center;text-transform:uppercase;}
  1867. a.append {
  1868. padding-bottom:2px;
  1869. font-size:1.1em;
  1870. cursor:help;
  1871. letter-spacing:1.2px;
  1872. color:#555;
  1873. border-bottom:1px solid #eaeaea;
  1874. transition: all 0.3s ease-in-out;
  1875. -webkit-transition: all 0.3s ease-in-out;
  1876. -moz-transition: all 0.3s ease-in-out;
  1877. -o-transition: all 0.3s ease-in-out;
  1878. }
  1879.  
  1880. a.append:hover {
  1881. color:{color:pagination};
  1882. border-bottom:1px solid {color:pagination};
  1883. transition: all 0.3s ease-in-out;
  1884. -webkit-transition: all 0.3s ease-in-out;
  1885. -moz-transition: all 0.3s ease-in-out;
  1886. -o-transition: all 0.3s ease-in-out;
  1887. }
  1888.  
  1889. .img_bg a.append, .r_bg a.append, .gradient_bg a.append, .colour_bg a.append {
  1890. background:#fff;
  1891. padding:5px;
  1892. color:{color:accent};
  1893. border:none;
  1894. transition: all 0.3s ease-in-out;
  1895. -webkit-transition: all 0.3s ease-in-out;
  1896. -moz-transition: all 0.3s ease-in-out;
  1897. -o-transition: all 0.3s ease-in-out;
  1898. }
  1899.  
  1900. .img_bg a.append:hover, .r_bg a.append:hover, .gradient_bg a.append:hover, .colour_bg a.append:hover {
  1901. background:{color:accent};
  1902. color:#fff;
  1903. border:none;
  1904. transition: all 0.3s ease-in-out;
  1905. -webkit-transition: all 0.3s ease-in-out;
  1906. -moz-transition: all 0.3s ease-in-out;
  1907. -o-transition: all 0.3s ease-in-out;
  1908. }
  1909.  
  1910. /*PLEASE DO NOT ALTER OR COVER THE CREDIT, THANKS! C: */
  1911. #leo {
  1912.  
  1913. font-family: Arial, Sans-Serif;
  1914. text-transform:uppercase;
  1915. text-align:center;
  1916. z-index:99;
  1917. box-sizing:content-box;
  1918. -webkit-box-sizing:content-box;
  1919. -moz-box-sizing:content-box;
  1920. position:fixed;
  1921.  
  1922. }
  1923.  
  1924. #leo a {
  1925. position:fixed;
  1926. font-size:12px;
  1927. line-height:16px;
  1928. width:18px;
  1929. height:18px;
  1930. font-weight:300;
  1931. bottom:10px;
  1932. right:10px;
  1933. color:#000;
  1934. background:rgba(255,255,255,0.4);
  1935. padding:5px;
  1936. transition: all 1s ease-in-out;
  1937. -webkit-transition: all 1s ease-in-out;
  1938. -o-transition: all 1s ease-in-out;
  1939. -moz-transition: all 1s ease-in-out;
  1940. box-sizing:content-box;
  1941. -webkit-box-sizing:content-box;
  1942. -moz-box-sizing:content-box;
  1943. }
  1944.  
  1945. #leo a:hover {
  1946. background-color:rgba(0,0,0,1);
  1947. color:#fff;
  1948. border-radius:50%;
  1949. -webkit-animation: hermione 1s; /* Chrome, Safari, Opera */
  1950. -moz-animation: hermione 1s;
  1951. -o-animation: hermione 1s;
  1952. animation: hermione 1s;
  1953. animation-timing-function: ease-in-out;
  1954. -webkit-animation-timing-function: ease-in-out;
  1955. -moz-animation-timing-function: ease-in-out;
  1956. -o-animation-timing-function: ease-in-out;
  1957.  
  1958. -moz-transform: rotate(720deg); /* IE 9 */
  1959. -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
  1960. transform: rotate(720deg);
  1961.  
  1962. transition: all 1s ease-in-out;
  1963. -webkit-transition: all 1s ease-in-out;
  1964. -o-transition: all 1s ease-in-out;
  1965. -moz-transition: all 1s ease-in-out;
  1966.  
  1967.  
  1968. }
  1969.  
  1970. @-webkit-keyframes hermione {
  1971. 0% {color:#000;}
  1972. 25% {color:#ACE4EA;}
  1973. 50% {color:#FFFBDD;}
  1974. 75% {color:#ACE4EA;}
  1975. 100% {color:#fff;}
  1976. }
  1977. @-moz-keyframes hermione {
  1978. 0% {color:#000;}
  1979. 25% {color:#ACE4EA;}
  1980. 50% {color:#FFFBDD;}
  1981. 75% {color:#ACE4EA;}
  1982. 100% {color:#fff;}
  1983. }
  1984. @-o-keyframes hermione {
  1985. 0% {color:#000;}
  1986. 25% {color:#ACE4EA;}
  1987. 50% {color:#FFFBDD;}
  1988. 75% {color:#ACE4EA;}
  1989. 100% {color:#fff;}
  1990. }
  1991.  
  1992. @keyframes hermione {
  1993. 0% {color:#000;}
  1994. 25% {color:#ACE4EA;}
  1995. 50% {color:#FFFBDD;}
  1996. 75% {color:#ACE4EA;}
  1997. 100% {color:#fff;}
  1998. }
  1999. /*END OF CREDIT*/
  2000.  
  2001. </style>
  2002.  
  2003.  
  2004. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2005.  
  2006. {block:ifnarrowphotosetgutter}
  2007. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2008. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2009. {/block:ifnarrowphotosetgutter}
  2010.  
  2011. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  2012.  
  2013. <script>
  2014. // Tooltip
  2015.  
  2016. (function($){
  2017.  
  2018. $(document).ready(function(){
  2019.  
  2020. $("a[title],img[title],[title]").style_my_tooltips({
  2021.  
  2022. tip_follows_cursor:true,
  2023.  
  2024. tip_delay_time:30,
  2025.  
  2026. tip_fade_speed:300,
  2027.  
  2028. attribute:"title"
  2029.  
  2030. });
  2031.  
  2032. });
  2033.  
  2034. })(jQuery);
  2035.  
  2036. // minimal soundcloud player © shythemes.tumblr
  2037. $(document).ready(function(){
  2038. var color = '{color:navi}'; // color of play button (hex)
  2039. $('.soundcloud_audio_player').each(function(){
  2040. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  2041. });
  2042. // Back To Top
  2043. $(function () {
  2044.  
  2045. $(".totop").click(function(){
  2046. $('body,html').animate({scrollTop:0},600);
  2047. return false;
  2048.  
  2049. });
  2050. });
  2051. {block:ifnarrowphotosetgutter}
  2052. // Pixel Union
  2053. $('.photo-slideshow').pxuPhotoset({
  2054. lightbox: true,
  2055. rounded: true,
  2056. gutter: '2px',
  2057. borderRadius: '0px',
  2058. photoset: '.photo-slideshow',
  2059. photoWrap: '.photo-data',
  2060. photo: '.pxu-photo'
  2061. });
  2062. {/block:ifnarrowphotosetgutter}
  2063.  
  2064. });
  2065. </script>
  2066.  
  2067. {block:indexpage}
  2068. {block:ifmanualload}
  2069. <script src="http://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>
  2070.  
  2071. <script>
  2072.  
  2073. // Infinite Scroll
  2074. $(function() {
  2075.  
  2076. var $container = $('section.postc');
  2077. $container.infinitescroll({
  2078.  
  2079. loading: {
  2080. finishedMsg: "<em>No more posts</em>",
  2081. img: null,
  2082. msg: null,
  2083. msgText: "<em>Loading posts...</em>",
  2084. finished: function () {$('.append').text('Load More'); },
  2085.  
  2086. },
  2087.  
  2088. navSelector : '.pg',
  2089. nextSelector : '.pg a',
  2090. itemSelector : '.posts',
  2091. errorCallback: function () {$('.append').fadeOut();},
  2092. bufferPx : 400,
  2093.  
  2094. },
  2095.  
  2096. function( newElements ) {
  2097. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  2098. lightbox: true,
  2099. rounded: true,
  2100. gutter: '2px',
  2101. borderRadius: '0px',
  2102. photoset: '.photo-slideshow',
  2103. photoWrap: '.photo-data',
  2104. photo: '.pxu-photo'
  2105. });
  2106.  
  2107. });
  2108.  
  2109. $container.infinitescroll('unbind');
  2110. $('.append').on('click', function(e) {
  2111. e.preventDefault();
  2112. $container.infinitescroll('retrieve');
  2113. });
  2114. });
  2115. </script>
  2116. {/block:ifmanualload}
  2117. {/block:indexpage}
  2118.  
  2119. </head>
  2120. <body class="{select:background} {select:post width}">
  2121.  
  2122. <div class="barca">
  2123. <nav class="cl-effect-5" id="cl-effect-5">
  2124. <a href="/"><span data-hover="Index">Index</span></a>
  2125. <a href="/ask"><span data-hover="Ask">Ask</span></a>
  2126. <div class="dropdown">
  2127. <a class="droplink"><span data-hover="Navigation">Navigation</span></a>
  2128. <div class="dropdown-content">
  2129. <a href="{text:Link1 URL}">{text:Link1}</a>
  2130. <a href="{text:Link2 URL}">{text:Link2}</a>
  2131. <a href="{text:Link3 URL}">{text:Link3}</a>
  2132. <a href="{text:Link4 URL}">{text:Link4}</a>
  2133. <a href="{text:Link5 URL}">{text:Link5}</a>
  2134. <a href="{text:Link6 URL}">{text:Link6}</a>
  2135. <a href="{text:Link7 URL}">{text:Link7}</a>
  2136. <a href="{text:Link8 URL}">{text:Link8}</a>
  2137. <a href="{text:Link9 URL}">{text:Link9}</a>
  2138. </div>
  2139. </div>
  2140.  
  2141. <a class="totop" href="#"><span data-hover="Top">Top</span></a>
  2142. </nav>
  2143. </div>
  2144.  
  2145. <div id="perspective" class="perspective effect-movedown">
  2146.  
  2147. <div class="container">
  2148. <div class="wrapper">
  2149.  
  2150. <div id="header">
  2151. <div id="h_cont">
  2152. <div class="h_img">
  2153. <img src="{image:header}">
  2154. <a href="/"></a>
  2155. </div>
  2156. <div class="h_tit">
  2157. <a href="/">{Title}</a>
  2158. </div>
  2159. </div>
  2160. <div id="h_info">
  2161. <div id="h_bttn">
  2162. <button class="button button--nina" id="trigger-overlay" type="button" data-text="Message">
  2163. <span>M</span><span>E</span><span>S</span><span>S</span><span>A</span><span>G</span><span>E</span>
  2164. </button>
  2165.  
  2166. <button class="button button--nina" id="showMenu" data-text="Explore">
  2167. <span>E</span><span>X</span><span>P</span><span>L</span><span>O</span><span>R</span><span>E</span>
  2168. </button>
  2169. </div>
  2170.  
  2171. <div id="h_desc">
  2172. {block:description}
  2173. {Description}
  2174. {/block:description}
  2175. </div>
  2176.  
  2177. </div>
  2178. </div>
  2179.  
  2180.  
  2181. <div id="entries">
  2182. <section class="postc">
  2183. {block:Posts}
  2184. <div class="posts">
  2185.  
  2186. {block:Photo}
  2187. {LinkOpenTag}<img src="{PhotoURL-500}" width="100%" height="auto"/>{LinkCloseTag}
  2188. {block:Caption}{Caption}{/block:Caption}
  2189. {/block:Photo}
  2190.  
  2191. {block:Photoset}
  2192. {block:ifnotnarrowphotosetgutter}
  2193. {Photoset}
  2194. {/block:ifnotnarrowphotosetgutter}
  2195.  
  2196. {block:ifnarrowphotosetgutter}
  2197. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  2198. {/block:ifnarrowphotosetgutter}
  2199.  
  2200. {block:Caption}{Caption}{/block:Caption}
  2201. {/block:Photoset}
  2202.  
  2203. {block:Video}
  2204. <div class="video">{Video-500}</div>
  2205. {block:Caption}{Caption}{/block:Caption}
  2206. {/block:Video}
  2207.  
  2208. {block:Audio}
  2209. <div class="flitwick">
  2210.  
  2211. <div class="mariah">
  2212. <div class="playbox">{AudioPlayerWhite}</div>
  2213. </div>
  2214.  
  2215. <div class="grammy">
  2216. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" style="position:absolute;" width="100" height="100" />
  2217. {block:AlbumArt}
  2218. <img src="{AlbumArtURL}" style="position:absolute;">
  2219. {/block:AlbumArt}
  2220. </div>
  2221.  
  2222.  
  2223. <div class="taylor">
  2224. <div class="swift">
  2225. {block:TrackName}
  2226. <b>Song:</b> {TrackName}
  2227. {/block:TrackName}<br>
  2228.  
  2229. {block:Artist}
  2230. <b>Artist:</b> {Artist}
  2231. {/block:Artist}<br>
  2232.  
  2233. {block:Album}
  2234. <b>Album:</b> {Album}
  2235. {/block:Album}
  2236.  
  2237. </div>
  2238. </div>
  2239.  
  2240. </div>
  2241. {block:Caption}{Caption}{/block:Caption}
  2242. {/block:Audio}
  2243.  
  2244. {block:Quote}
  2245. <div class="quotes">"{Quote}"</div>
  2246.  
  2247. {block:Source}
  2248. <div class="speaker">
  2249. ― {Source}
  2250. </div>
  2251. {/block:Source}
  2252. {/block:Quote}
  2253.  
  2254. {block:Text}
  2255. {block:Title}<div class="titre">{Title}</div>{/block:Title}
  2256. {Body}
  2257. {/block:Text}
  2258.  
  2259. {block:Answer}
  2260. <div class="asker_cont">
  2261. <div class="asker_img">
  2262. <a href="{AskerURL}"><img src="{AskerPortraitURL-48}"></a>
  2263. </div>
  2264. <div class="asker_line">
  2265. {Asker} asked:
  2266. </div>
  2267. </div>
  2268.  
  2269. <div class="questions">
  2270. {Question}
  2271. </div>
  2272.  
  2273. {block:Answerer}
  2274. <div class="ans_cont">
  2275.  
  2276. <div class="ans_img">
  2277. <a href="{AnswererURL}"><img src="{AnswererPortraitURL-48}"></a>
  2278. </div>
  2279.  
  2280. <div class="ans_line">
  2281. {Answerer} replied:
  2282. </div>
  2283. </div>
  2284. {/block:Answerer}
  2285.  
  2286. <div class="answers{block:Answerer} rbans{/block:Answerer}">
  2287. {Answer}
  2288. </div>
  2289.  
  2290. {/block:Answer}
  2291.  
  2292. {block:Chat}
  2293. {block:Title}<div class="titre">{Title}</div>{/block:Title}
  2294. {block:Lines}
  2295. <div class="chats">
  2296. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}
  2297. </div>
  2298. {/block:Lines}
  2299. {/block:Chat}
  2300.  
  2301. {block:Link}
  2302. <nav class="remus" id="remus">
  2303. <a href="{URL}" data-hover="{Name}">{Name}</a>
  2304.  
  2305. </nav>
  2306. {block:Description}{Description}{/block:Description}
  2307.  
  2308. {/block:Link}
  2309.  
  2310.  
  2311. {block:Date}
  2312.  
  2313. <div class="footer">
  2314. <a href="{Permalink}" target="_blank">{ShortMonth}. {DayOfMonth}{DayOfMonthSuffix}</a>
  2315.  
  2316. {block:NoteCount}| <a href="{Permalink}" target="_blank">{NoteCount}N</a>{/block:NoteCount}
  2317.  
  2318. {block:indexpage}
  2319. <!-- {block:NoRebloggedFrom}
  2320. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2321. {/block:NoRebloggedFrom} -->
  2322.  
  2323. {block:ContentSource}<!-- {SourceURL}
  2324. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2325. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2326. {/block:ContentSource}
  2327. {/block:indexpage}
  2328.  
  2329. {block:ifnotshowtags}
  2330.  
  2331. {block:indexpage}
  2332. {block:HasTags}
  2333. | <a class="togglet {PostID}" href="javascript:;">tags</a>
  2334. {/block:HasTags}
  2335. {/block:indexpage}
  2336.  
  2337.  
  2338. {/block:ifnotshowtags}
  2339.  
  2340. <span><a href="{ReblogURL}">Reblog</a></span>
  2341. </div>
  2342.  
  2343. {block:permalinkpage}
  2344. {block:RebloggedFrom}
  2345. <div class="viasrc">
  2346. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  2347. {block:ContentSource}
  2348. , by <a href="{SourceURL}">{ReblogRootName}</a>
  2349. {/block:ContentSource}
  2350. </div>
  2351. {/block:RebloggedFrom}
  2352. {/block:permalinkpage}
  2353.  
  2354. {block:HasTags}
  2355. <div class="tags {PostID}">
  2356. {block:Tags}
  2357. <a href="{TagURL}">#{Tag}</a>
  2358. {/block:Tags}
  2359. </div>
  2360. {/block:HasTags}
  2361.  
  2362.  
  2363. {block:ifnotshowtags}
  2364.  
  2365.  
  2366. {block:permalinkpage}
  2367. {block:HasTags}
  2368. <div class="tags {PostID}"style="display:block;">
  2369. {block:Tags}
  2370. <a href="{TagURL}">#{Tag}</a>
  2371. {/block:Tags}
  2372. </div>
  2373. {/block:HasTags}
  2374. {/block:permalinkpage}
  2375.  
  2376. {/block:ifnotshowtags}
  2377.  
  2378.  
  2379.  
  2380. {/block:Date}
  2381.  
  2382. </div>
  2383.  
  2384. {block:Date}
  2385. {block:permalinkpage}
  2386. {block:NoteCount}
  2387. <div class="posts notes">
  2388. <h1>{NoteCountwithLabel}</h1>
  2389. {block:PostNotes}
  2390. {PostNotes}
  2391. {/block:PostNotes}
  2392. </div>
  2393. {/block:NoteCount}
  2394. {/block:permalinkpage}
  2395. {/block:Date}
  2396.  
  2397. {/block:Posts}
  2398.  
  2399. </section>
  2400.  
  2401. {block:ifnotmanualload}
  2402. {block:IndexPage}{block:Pagination}
  2403. <div class="pg">
  2404. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  2405. {block:JumpPagination length="5"}
  2406. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  2407. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  2408. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  2409. </div> {/block:Pagination}{/block:IndexPage}
  2410. {/block:ifnotmanualload}
  2411.  
  2412. {block:ifmanualload}
  2413. {block:IndexPage}
  2414. {block:Pagination}
  2415.  
  2416. <footer>
  2417. <div class="pg">
  2418. {block:NextPage}<a href="{NextPage}">Forth</a>{/block:NextPage}
  2419. </div>
  2420. <div class="bottom"><a class="append">Load More</a></div>
  2421. </footer>
  2422. {/block:Pagination}
  2423. {/block:IndexPage}
  2424. {/block:ifmanualload}
  2425.  
  2426. </div><!--entries-->
  2427. </div>
  2428. </div>
  2429.  
  2430. <!--PLEASE DO NOT ALTER OR COVER THE CREDIT-->
  2431. <div id="leo">
  2432. <a href="http://hermionejean.co.vu">♚</a>
  2433. </div>
  2434. <!--END OF CREDIT-->
  2435.  
  2436. <nav class="outer-nav top horizontal">
  2437. <a href="{text:Link1 URL}">{text:Link1}</a>
  2438. <a href="{text:Link2 URL}">{text:Link2}</a>
  2439. <a href="{text:Link3 URL}">{text:Link3}</a>
  2440. <a href="{text:Link4 URL}">{text:Link4}</a>
  2441. <a href="{text:Link5 URL}">{text:Link5}</a>
  2442. <a href="{text:Link6 URL}">{text:Link6}</a>
  2443. <a href="{text:Link7 URL}">{text:Link7}</a>
  2444. <a href="{text:Link8 URL}">{text:Link8}</a>
  2445. <a href="{text:Link9 URL}">{text:Link9}</a>
  2446. </nav>
  2447.  
  2448. </div>
  2449.  
  2450. <div class="overlay overlay-scale">
  2451. <button type="button" class="overlay-close">Close</button>
  2452. <nav>
  2453. <div class="labe">{AskLabel}</div>
  2454. <iframe frameborder="0" scrolling="no" width="500" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:auto;" id="ask_form"></iframe>
  2455. </nav>
  2456. </div>
  2457.  
  2458.  
  2459. <!--Top Bar-->
  2460. <script src="http://static.tumblr.com/xbvpdcx/8a7nkqvai/classie.js" ></script>
  2461. <script>
  2462. /**
  2463. * cbpAnimatedHeader.min.js v1.0.0
  2464. * http://www.codrops.com
  2465. *
  2466. * Licensed under the MIT license.
  2467. * http://www.opensource.org/licenses/mit-license.php
  2468. *
  2469. * Copyright 2013, Codrops
  2470. * http://www.codrops.com
  2471. */
  2472. // Fixed topbar on scroll
  2473. var cbpAnimatedHeader=(function(){
  2474.  
  2475. var b=document.documentElement,g=document.querySelector(".barca"),
  2476. e=false,a=250;function f(){window.addEventListener("scroll",function(h){if(!e){e=true;setTimeout(d,250)}},false)}function d(){var h=c();if(h>=a){classie.add(g,"midget")}else{classie.remove(g,"midget")}e=false}function c(){return window.pageYOffset||b.scrollTop}f()})();
  2477.  
  2478. //Pop-up ask
  2479. (function() {
  2480. var triggerBttn = document.getElementById( 'trigger-overlay' ),
  2481. overlay = document.querySelector( 'div.overlay' ),
  2482. closeBttn = overlay.querySelector( 'button.overlay-close' );
  2483. transEndEventNames = {
  2484. 'WebkitTransition': 'webkitTransitionEnd',
  2485. 'MozTransition': 'transitionend',
  2486. 'OTransition': 'oTransitionEnd',
  2487. 'msTransition': 'MSTransitionEnd',
  2488. 'transition': 'transitionend'
  2489. },
  2490. transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ],
  2491. support = { transitions : Modernizr.csstransitions };
  2492.  
  2493. function toggleOverlay() {
  2494. if( classie.has( overlay, 'open' ) ) {
  2495. classie.remove( overlay, 'open' );
  2496. classie.add( overlay, 'close' );
  2497. var onEndTransitionFn = function( ev ) {
  2498. if( support.transitions ) {
  2499. if( ev.propertyName !== 'visibility' ) return;
  2500. this.removeEventListener( transEndEventName, onEndTransitionFn );
  2501. }
  2502. classie.remove( overlay, 'close' );
  2503. };
  2504. if( support.transitions ) {
  2505. overlay.addEventListener( transEndEventName, onEndTransitionFn );
  2506. }
  2507. else {
  2508. onEndTransitionFn();
  2509. }
  2510. }
  2511. else if( !classie.has( overlay, 'close' ) ) {
  2512. classie.add( overlay, 'open' );
  2513. }
  2514. }
  2515.  
  2516. triggerBttn.addEventListener( 'click', toggleOverlay );
  2517. closeBttn.addEventListener( 'click', toggleOverlay );
  2518. })();
  2519.  
  2520. // Navigation
  2521. (function() {
  2522.  
  2523. function scrollY() {
  2524. return window.pageYOffset || docElem.scrollTop;
  2525. }
  2526.  
  2527. var docElem = window.document.documentElement,
  2528. // support transitions
  2529. support = Modernizr.csstransitions,
  2530. // transition end event name
  2531. transEndEventNames = {
  2532. 'WebkitTransition': 'webkitTransitionEnd',
  2533. 'MozTransition': 'transitionend',
  2534. 'OTransition': 'oTransitionEnd',
  2535. 'msTransition': 'MSTransitionEnd',
  2536. 'transition': 'transitionend'
  2537. },
  2538. transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ],
  2539. docscroll = 0,
  2540. // click event (if mobile use touchstart)
  2541. clickevent = mobilecheck() ? 'touchstart' : 'click';
  2542.  
  2543. function init() {
  2544. var showMenu = document.getElementById( 'showMenu' ),
  2545. perspectiveWrapper = document.getElementById( 'perspective' ),
  2546. container = perspectiveWrapper.querySelector( '.container' ),
  2547. contentWrapper = container.querySelector( '.wrapper' );
  2548.  
  2549. showMenu.addEventListener( clickevent, function( ev ) {
  2550. ev.stopPropagation();
  2551. ev.preventDefault();
  2552. docscroll = scrollY();
  2553. // change top of contentWrapper
  2554. contentWrapper.style.top = docscroll * -1 + 'px';
  2555. // mac chrome issue:
  2556. document.body.scrollTop = document.documentElement.scrollTop = 0;
  2557. // add modalview class
  2558. classie.add( perspectiveWrapper, 'modalview' );
  2559. // animate..
  2560. setTimeout( function() { classie.add( perspectiveWrapper, 'animate' ); }, 25 );
  2561. });
  2562.  
  2563. container.addEventListener( clickevent, function( ev ) {
  2564. if( classie.has( perspectiveWrapper, 'animate') ) {
  2565. var onEndTransFn = function( ev ) {
  2566. if( support && ( ev.target.className !== 'container' || ev.propertyName.indexOf( 'transform' ) == -1 ) ) return;
  2567. this.removeEventListener( transEndEventName, onEndTransFn );
  2568. classie.remove( perspectiveWrapper, 'modalview' );
  2569. // mac chrome issue:
  2570. document.body.scrollTop = document.documentElement.scrollTop = docscroll;
  2571. // change top of contentWrapper
  2572. contentWrapper.style.top = '0px';
  2573. };
  2574. if( support ) {
  2575. perspectiveWrapper.addEventListener( transEndEventName, onEndTransFn );
  2576. }
  2577. else {
  2578. onEndTransFn.call();
  2579. }
  2580. classie.remove( perspectiveWrapper, 'animate' );
  2581. }
  2582. });
  2583.  
  2584. perspectiveWrapper.addEventListener( clickevent, function( ev ) { return false; } );
  2585. }
  2586.  
  2587. init();
  2588.  
  2589. })();
  2590.  
  2591. // Detects Mobile browsers: http://stackoverflow.com/a/11381730/989439
  2592. function mobilecheck() {
  2593. var check = false;
  2594. (function(a){if(/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);
  2595. return check;
  2596. }
  2597. </script>
  2598.  
  2599. </body>
  2600. </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!