globalthemes

Theme6 - Beijing

Jun 30th, 2015
3,200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.82 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  9.  
  10. <title>{title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  14. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  15.  
  16. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  17.  
  18. <meta name="if:250px posts" content="0"/>
  19. <meta name="if:300px posts" content="1"/>
  20. <meta name="if:400px posts" content="0"/>
  21. <meta name="if:500px posts" content="0"/>
  22. <meta name="if:Right sidebar" content="0"/>
  23. <meta name="if:Sidebar Effect" content="0"/>
  24. <meta name="if:Permalink Effect" content="1"/>
  25. <meta name="if:Transparent Posts" content="0"/>
  26. <meta name="if:Use Title" content="1"/>
  27. <meta name="if:Use Picture" content="0"/>
  28. <meta name="if:Cover Background" content="0"/>
  29. <meta name="if:Tiny Scrollbar" content="0"/>
  30. <meta name="if:Tiny Cursor" content="1"/>
  31. <meta name="if:Inverted Tumblr Controls" content="0"/>
  32. <meta name="color:Background" content="#FFFFFF"/>
  33. <meta name="color:Posts" content="#FFFFFF"/>
  34. <meta name="color:Blogtitle" content="#000000"/>
  35. <meta name="color:Lines" content="#888888"/>
  36. <meta name="color:Text" content="#130C11"/>
  37. <meta name="color:Title" content="#130C11"/>
  38. <meta name="color:Links" content="#000000"/>
  39. <meta name="color:Links Hover" content="#130C11"/>
  40. <meta name="color:Scrollbar" content="#000000"/>
  41. <meta name="color:Scrollbar Background" content="#FFFFFF"/>
  42. <meta name="image:Background" content="1"/>
  43. <meta name="image:Sidebar" content="1"/>
  44. <meta name="select:Font" content="Roboto" title="Roboto"/>
  45. <meta name="select:Font" content="Lora" title="Lora"/>
  46. <meta name="select:Font" content="Inconsolata" title="Inconsolata"/>
  47. <meta name="text:Opacity" content="0.9"/>
  48. <meta name="text:Link One" content="" />
  49. <meta name="text:Link One Title" content="" />
  50. <meta name="text:Link Two" content="" />
  51. <meta name="text:Link Two Title" content="" />
  52. <meta name="text:Link Three" content="" />
  53. <meta name="text:Link Three Title" content="" />
  54. <meta name="text:Link Four" content="" />
  55. <meta name="text:Link Four Title" content="" />
  56. <meta name="text:Link Five" content="" />
  57. <meta name="text:Link Five Title" content="" />
  58. <meta name="text:Link Six" content="" />
  59. <meta name="text:Link Six Title" content="" />
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  66.  
  67. <style type="text/css">
  68.  
  69. {block:iftinyscrollbar}
  70. ::-webkit-scrollbar {
  71. width: 4px;
  72. height:auto;
  73. background:{color:scrollbar background}
  74. }
  75.  
  76. ::-webkit-scrollbar-corner {
  77. background:{color:scrollbar};
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb:vertical {
  81. background:{color:scrollbar};
  82. };
  83.  
  84. {/block:iftinyscrollbar}
  85.  
  86. ::selection {
  87. background: #EEEEEE; /* Safari */
  88. }
  89. ::-moz-selection {
  90. background: #EEEEEE; /* Firefox */
  91. }
  92.  
  93. .wrapper {
  94. margin: 0px auto;
  95. {block:indexpage}
  96. width:650px;
  97. {block:if250pxposts}
  98. width:600px;
  99. {/block:if250pxposts}
  100. {block:if300pxposts}
  101. width:650px;
  102. {/block:if300pxposts}
  103. {block:if400pxposts}
  104. width:750px;
  105. {/block:if400pxposts}
  106. {block:if500pxposts}
  107. width:850px;
  108. {/block:if500pxposts}
  109. {/block:indexpage}
  110. {block:permalinkpage}
  111. width:850px;
  112. {/block:permalinkpage}
  113. }
  114.  
  115. .tmblr-iframe{
  116. z-index:9999999999999999999!important;
  117. position:fixed !important;
  118. top: 3px;
  119. right: 3px;
  120. {block:ifInvertedTumblrControls}
  121. white-space :nowrap;
  122. -webkit-filter: invert(100%);
  123. -moz-filter: invert(100%);
  124. -o-filter: invert(100%);
  125. -ms-filter: invert(100%);
  126. filter: invert(100%);
  127. opacity:0.9;
  128. {/block:ifInvertedTumblrControls}
  129.  
  130. }
  131.  
  132. body {
  133. margin: 0px;
  134. padding: 0px;
  135. color:{color:text};
  136. background-color: {color:Background};
  137. background-image:url({image:background});
  138. background-attachment: fixed !important;
  139. {block:ifNotCoverBackground}
  140. background-size: repeat;
  141. {/block:ifNotCoverBackground}
  142. {block:ifCoverBackground}
  143. background-size:cover;
  144. {/block:ifCoverBackground}
  145. font-family:{select:Font};
  146. font-size: 10px;
  147. line-height:120%;
  148. color:{color:text};
  149. {block:iftinycursor}
  150. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),auto;
  151. {/block:iftinycursor}
  152. }
  153.  
  154. a:link, a:active, a:visited {
  155. color: {color:Links};
  156. text-decoration: none;
  157. -webkit-transition: color 0.5s ease-out;
  158. -moz-transition: color 0.5s ease-out;
  159. {block:iftinycursor}
  160. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  161. {/block:iftinycursor}
  162. }
  163.  
  164. a:hover {
  165. color:{color:Links Hover};
  166. text-decoration: none;
  167. -webkit-transition: color 0.3s ease-out;
  168. -moz-transition: color 0.3s ease-out;
  169. {block:iftinycursor}
  170. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  171. {/block:iftinycursor}
  172. }
  173.  
  174. .entry {
  175. width:300px;
  176. {block:if250pxposts}
  177. width:250px;
  178. {/block:if250pxposts}
  179. {block:if300pxposts}
  180. width:300px;
  181. {/block:if300pxposts}
  182. {block:if400pxposts}
  183. width:400px;
  184. {/block:if400pxposts}
  185. {block:if500pxposts}
  186. width:500px;
  187. {/block:if500pxposts}
  188. margin:25px;
  189. float:left;
  190. font-size: 12px;
  191. z-index:9;
  192. {block:iftransparentposts}
  193. background-color:transparent;
  194. {/block:iftransparentposts}
  195. {block:ifnottransparentposts}
  196. background-color:{color:posts};
  197. {/block:ifnottransparentposts}
  198. {block:indexpage}
  199. {/block:indexpage}
  200. {block:permalinkpage}
  201. width:500px;
  202. {/block:permalinkpage}
  203. }
  204.  
  205. .entry .photo {
  206. opacity:{text:opacity};
  207. -webkit-transition:all .5s ease-in-out;
  208. -moz-transition:all .5s ease-in-out;
  209. -o-transition:all .5s ease-in-out;
  210. transition:all .5s ease-in-out;
  211. }
  212.  
  213. .entry:hover .photo {
  214. opacity:1;
  215. -webkit-transition:all .5s ease-in-out;
  216. -moz-transition:all .5s ease-in-out;
  217. -o-transition:all .5s ease-in-out;
  218. transition:all .5s ease-in-out;
  219. }
  220.  
  221. .entry .photoset {
  222. opacity:{text:opacity};
  223. -webkit-transition:all .5s ease-in-out;
  224. -moz-transition:all .5s ease-in-out;
  225. -o-transition:all .5s ease-in-out;
  226. transition:all .5s ease-in-out;
  227. }
  228.  
  229. .entry:hover .photoset {
  230. opacity:1;
  231. -webkit-transition:all .5s ease-in-out;
  232. -moz-transition:all .5s ease-in-out;
  233. -o-transition:all .5s ease-in-out;
  234. transition:all .5s ease-in-out;
  235. }
  236.  
  237. #pagination {
  238. display:none;
  239. }
  240.  
  241. #posts {
  242. position:relative;
  243. {block:ifrightsidebar}
  244. margin-left:5px;
  245. {/block:ifrightsidebar}
  246. {block:ifnotrightsidebar}
  247. margin-left:250px;
  248. {/block:ifnotrightsidebar}
  249. width:350px;
  250. z-index:99;
  251. }
  252.  
  253. {block:ifsidebareffect}
  254. #picture .blogtitle {
  255. position:absolute;
  256. top:5px;
  257. left:5px;
  258. width:160px;
  259. padding:5px;
  260. height:14px;
  261. font-size:14px;
  262. line-height:14px;
  263. color: {color:blogtitle};
  264. z-index: 9999999;
  265. letter-spacing:2px;
  266. font-family:roboto;
  267. text-align:center;
  268. background:rgba(255,255,255,.7);
  269. opacity:0;
  270. -webkit-transition:all .5s ease-in-out;
  271. -moz-transition:all .5s ease-in-out;
  272. -o-transition:all .5s ease-in-out;
  273. transition:all .5s ease-in-out;
  274. }
  275.  
  276. #picture:hover .blogtitle {
  277. opacity:1;
  278. -webkit-transition:all .5s ease-in-out;
  279. -moz-transition:all .5s ease-in-out;
  280. -o-transition:all .5s ease-in-out;
  281. transition:all .5s ease-in-out;
  282. }
  283.  
  284. #picture .description {
  285. position:absolute;
  286. line-height:110%;
  287. font-size:11px;
  288. letter-spacing:1px;
  289. left:5px;
  290. {block:ifusetitle}
  291. top:34px;
  292. {/block:ifusetitle}
  293. {block:ifnotusetitle}
  294. top:5px;
  295. {/block:ifnotusetitle}
  296. padding:5px;
  297. width:160px;
  298. text-align:center;
  299. background:rgba(255,255,255,.7);
  300. opacity:0;
  301. -webkit-transition:all .5s ease-in-out;
  302. -moz-transition:all .5s ease-in-out;
  303. -o-transition:all .5s ease-in-out;
  304. transition:all .5s ease-in-out;
  305. }
  306.  
  307. #picture:hover .description {
  308. opacity:1;
  309. -webkit-transition:all .7s ease-in-out;
  310. -moz-transition:all .7s ease-in-out;
  311. -o-transition:all .7s ease-in-out;
  312. transition:all .7s ease-in-out;
  313. }
  314.  
  315. #picture {
  316. position:fixed;
  317. width:180px;
  318. top:10%;
  319. {block:indexpage}
  320. {block:ifrightsidebar}
  321. margin-left:380px;
  322. {block:if250pxposts}
  323. margin-left:330px;
  324. {/block:if250pxposts}
  325. {block:if300pxposts}
  326. margin-left:380px;
  327. {/block:if300pxposts}
  328. {block:if400pxposts}
  329. margin-left:480px;
  330. {/block:if400pxposts}
  331. {block:if500pxposts}
  332. margin-left:580px;
  333. {/block:if500pxposts}
  334. {/block:ifrightsidebar}
  335. {block:ifnotrightsidebar}
  336. margin-left:35px;
  337. {/block:ifnotrightsidebar}
  338. {/block:indexpage}
  339. {block:permalinkpage}
  340. {block:ifrightsidebar}
  341. margin-left:580px;
  342. {/block:ifrightsidebar}
  343. {block:ifnotrightsidebar}
  344. margin-left:35px;
  345. {/block:ifnotrightsidebar}
  346. {/block:permalinkpage}
  347. }
  348. #picture img {
  349. width:180px;
  350. height:auto;
  351. opacity:0.9;
  352. }
  353.  
  354. #picture:hover #what {
  355. opacity:1;
  356. }
  357. {/block:ifsidebareffect}
  358. {block:ifnotsidebareffect}
  359. #sidebar {
  360. position:fixed;
  361. width:180px;
  362. margin-top:10%;
  363. {block:indexpage}
  364. {block:ifrightsidebar}
  365. margin-left:380px;
  366. {block:if250pxposts}
  367. margin-left:330px;
  368. {/block:if250pxposts}
  369. {block:if300pxposts}
  370. margin-left:380px;
  371. {/block:if300pxposts}
  372. {block:if400pxposts}
  373. margin-left:480px;
  374. {/block:if400pxposts}
  375. {block:if500pxposts}
  376. margin-left:580px;
  377. {/block:if500pxposts}
  378. {/block:ifrightsidebar}
  379. {block:ifnotrightsidebar}
  380. margin-left:35px;
  381. {/block:ifnotrightsidebar}
  382. {/block:indexpage}
  383. {block:permalinkpage}
  384. {block:ifrightsidebar}
  385. margin-left:580px;
  386. {/block:ifrightsidebar}
  387. {block:ifnotrightsidebar}
  388. margin-left:35px;
  389. {/block:ifnotrightsidebar}
  390. {/block:permalinkpage}
  391. }
  392.  
  393. .blogtitle {
  394. font-size:14px;
  395. text-align:center;
  396. letter-spacing:1px;
  397. }
  398.  
  399. #picture img {
  400. width:180px;
  401. opacity:0.9;
  402. margin-top:10px;
  403. }
  404.  
  405. .description {
  406. letter-spacing:1px;
  407. line-height:110%;
  408. text-align:center;
  409. margin-top:10px;
  410. }
  411.  
  412. {/block:ifnotsidebareffect}
  413.  
  414. .blogtitle a {
  415. color: {color:blogtitle};
  416. }
  417.  
  418. .dontremovethispls {
  419. position:fixed;
  420. bottom:0px;
  421. right:2px;
  422. z-index:99999999999;
  423. }
  424. .dontremovethispls img {
  425. width:25px;
  426. }
  427.  
  428. #what {
  429. position:absolute;
  430. font-size: 12px;
  431. padding:0px;
  432. height:auto;
  433. width:30px;
  434. text-align:center;
  435. line-height:8px;
  436. {block:ifrightsidebar}
  437. right:-30px;
  438. {/block:ifrightsidebar}
  439. {block:ifnotrightsidebar}
  440. left:-30px;
  441. {/block:ifnotrightsidebar}
  442. {block:ifsidebareffect}
  443. opacity:0;
  444. top:0px;
  445. {/block:ifsidebareffect}
  446. {block:ifnotsidebareffect}
  447. {block:ifusepicture}
  448. top:20px;
  449. {/block:ifusepicture}
  450. {block:ifnotusepicture}
  451. top:0px;
  452. {/block:ifnotusepicture}
  453. {/block:ifnotsidebareffect}
  454. -webkit-transition:all .5s ease-in-out;
  455. -moz-transition:all .5s ease-in-out;
  456. -o-transition:all .5s ease-in-out;
  457. transition:all .5s ease-in-out;
  458. }
  459.  
  460. #infscr-loading {
  461. bottom: -70px;
  462. position: absolute;
  463. left: 50%;
  464. margin-left:-8px;
  465. width:16px;
  466. height:11px;
  467. overflow:hidden;
  468. margin-bottom: 50px;
  469. -webkit-transition:all .5s ease-in-out;
  470. -moz-transition:all .5s ease-in-out;
  471. -o-transition:all .5s ease-in-out;
  472. transition:all .5s ease-in-out;
  473. }
  474.  
  475. .links {
  476. font-size:12px;
  477. width:auto;
  478. display:block;
  479. line-height:100%;
  480. margin:8px;
  481. -webkit-transition: all 0.3s linear;
  482. -webkit-transition: all 0.3s linear;
  483. -moz-transition: all 0.3s linear;
  484. transition: all 0.3s linear;
  485. }
  486.  
  487. .links a {
  488. color:{color:navigation};
  489. }
  490.  
  491. .links a:hover {
  492. color:{color:navigation hover};
  493. }
  494. .block {
  495. width:8px;
  496. height:8px;
  497. margin:4px 4px 5px 4px;
  498. line-height:8px;
  499. background:transparent;
  500. border:1px solid black;
  501. display:inline-block;
  502. -webkit-transition: all 0.3s linear;
  503. -webkit-transition: all 0.3s linear;
  504. -moz-transition: all 0.3s linear;
  505. transition: all 0.3s linear;
  506. }
  507.  
  508. .block:hover {
  509. background:black;
  510. -webkit-transition: all 0.3s linear;
  511. -webkit-transition: all 0.3s linear;
  512. -moz-transition: all 0.3s linear;
  513. transition: all 0.3s linear;
  514. }
  515.  
  516. .title{
  517. font-size: 12px;
  518. line-height:10px;
  519. color: {color:Title};
  520. font-weight: normal;
  521. padding:0px 0px 0px 0px;
  522. }
  523.  
  524. #s-m-t-tooltip {
  525. max-width:200px;
  526. z-index:99999999999999;
  527. padding:3px;
  528. font-size:11px;
  529. color:{color:text};
  530. line-height:10px;
  531. margin:10px 14px 7px 17px;
  532. background:white;
  533. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255 ,0.3);
  534. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255 ,255,0.3);
  535. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3 );
  536. }
  537.  
  538. .audioplayer {
  539. {block:indexpage}
  540. width:300px;
  541. height:300px;
  542. {block:if250pxposts}
  543. width:250px;
  544. height:250px;
  545. {/block:if250pxposts}
  546. {block:if300pxposts}
  547. width:300px;
  548. height:300px;
  549. {/block:if300pxposts}
  550. {block:if400pxposts}
  551. width:400px;
  552. height:400px;
  553. {/block:if400pxposts}
  554. {block:if500pxposts}
  555. width:500px;
  556. height:500px;
  557. {/block:if500pxposts}
  558. {/block:indexpage}
  559. {block:permalinkpage}
  560. width:500px;
  561. height:500px;
  562. {/block:permalinkpage}
  563. }
  564.  
  565. .album {
  566. position:absolute;
  567. z-index:4;
  568. {block:indexpage}
  569. width:300px;
  570. height:300px;
  571. {block:if250pxposts}
  572. width:250px;
  573. height:250px;
  574. {/block:if250pxposts}
  575. {block:if300pxposts}
  576. width:300px;
  577. height:300px;
  578. {/block:if300pxposts}
  579. {block:if400pxposts}
  580. width:400px;
  581. height:400px;
  582. {/block:if400pxposts}
  583. {block:if500pxposts}
  584. width:500px;
  585. height:500px;
  586. {/block:if500pxposts}
  587. {/block:indexpage}
  588. {block:permalinkpage}
  589. width:500px;
  590. height:500px;
  591. {/block:permalinkpage}
  592. }
  593.  
  594. .yh {
  595. position:absolute;
  596. width:100%;
  597. top:0px;
  598. padding-bottom:5px;
  599. opacity:0;
  600. z-index:999999;
  601. background:white;
  602. -webkit-transition: all 0.5s linear;
  603. -webkit-transition: all 0.5s linear;
  604. -moz-transition: all 0.5s linear;
  605. transition: all 0.5s linear;
  606. }
  607.  
  608. .audioplayer:hover .yh {
  609. position:absolute;
  610. opacity:.9;
  611. -webkit-transition: all 0.5s linear;
  612. -webkit-transition: all 0.5s linear;
  613. -moz-transition: all 0.5s linear;
  614. transition: all 0.5s linear;
  615. }
  616.  
  617. .album img {
  618. float:left;
  619. {block:indexpage}
  620. width:300px;
  621. height:300px;
  622. {block:if250pxposts}
  623. width:250px;
  624. height:250px;
  625. {/block:if250pxposts}
  626. {block:if300pxposts}
  627. width:300px;
  628. height:300px;
  629. {/block:if300pxposts}
  630. {block:if400pxposts}
  631. width:400px;
  632. height:400px;
  633. {/block:if400pxposts}
  634. {block:if500pxposts}
  635. width:500px;
  636. height:500px;
  637. {/block:if500pxposts}
  638. {/block:indexpage}
  639. {block:permalinkpage}
  640. width:500px;
  641. height:500px;
  642. {/block:permalinkpage}
  643. opacity:.9;
  644. }
  645.  
  646. .playbutton {
  647. top:50%;
  648. left:50%;
  649. margin:-13px;
  650. opacity:0.5;
  651. width:26px;
  652. height:28px;
  653. overflow:hidden;
  654. position:absolute;
  655. z-index:999999;
  656. }
  657.  
  658. .song {
  659. position:relative;
  660. text-transform:capitalize;
  661. letter-spacing:1px;
  662. margin-left:5px;
  663. margin-top:5px;
  664. line-height:13px;
  665. font-size:10px;
  666. }
  667.  
  668. blockquote {
  669. padding:2px 2px 2px 5px;
  670. margin:4px 4px 4px 7px;
  671. border-left: 4px solid #dddddd;
  672. }
  673.  
  674. ul, ol, li {
  675. list-style:none;
  676. margin:0px;
  677. padding:0px;
  678. }
  679.  
  680. .caption2 {
  681. color:{color:text};
  682. float:left;
  683. clear:left;
  684. }
  685.  
  686. .caption {
  687. color:{color:text};
  688. float:left;
  689. clear:left;
  690. width:100%;
  691. }
  692.  
  693. .caption img {
  694. width:100%;
  695. }
  696.  
  697. .question {
  698. padding:5px;
  699. letter-spacing:1px;
  700. line-height:110%;
  701. border-bottom:1px dashed {color:lines};
  702. }
  703.  
  704. #answer {
  705. padding:5px;
  706. letter-spacing:1px;
  707. line-height:110%;
  708. }
  709.  
  710. #answer img {
  711. width:100%;
  712. }
  713.  
  714. .notez {
  715. text-align:center;
  716. margin-top:5px;
  717. letter-spacing:1px;
  718. font-size:10px;
  719. line-height:110%;
  720. padding-bottom:1px;
  721. text-transform:capitalize;
  722. clear:both;
  723. }
  724.  
  725. .box {
  726. position:relative;
  727. height:auto;
  728. max-height:200px;
  729. overflow-x:hidden;
  730. overflow-y:scroll;
  731. border:1px solid {color:lines};
  732. }
  733.  
  734. .shit {
  735. width:100%;
  736. padding:5px 0px 5px 0px;
  737. bottom:0px;
  738. font-size:20px;
  739. text-align:right;
  740. word-spacing:5px;
  741. }
  742.  
  743. .line {
  744. position:absolute;
  745. {block:ifpermalinkeffect}
  746. width:20%;
  747. border-top:1px solid transparent;
  748. {/block:ifpermalinkeffect}
  749. {block:ifnotpermalinkeffect}
  750. width:100%;
  751. border-top:1px solid {color:lines};
  752. {/block:ifnotpermalinkeffect}
  753. bottom:-15px;
  754. z-index:999;
  755. -webkit-transition: all 0.7s linear;
  756. -webkit-transition: all 0.7s linear;
  757. -moz-transition: all 0.7s linear;
  758. transition: all 0.7s linear;
  759. }
  760. {block:ifpermalinkeffect}
  761. .entry:hover .line {
  762. width:100%;
  763. border-top:1px solid {color:lines};
  764. -webkit-transition: all 0.7s linear;
  765. -webkit-transition: all 0.7s linear;
  766. -moz-transition: all 0.7s linear;
  767. transition: all 0.7s linear;
  768. }
  769. {/block:ifpermalinkeffect}
  770. .perm {
  771. position:absolute;
  772. {block:ifpermalinkeffect}
  773. margin-left:-10px;
  774. opacity:0;
  775. {/block:ifpermalinkeffect}
  776. -webkit-transition: all 0.5s linear;
  777. -webkit-transition: all 0.5s linear;
  778. -moz-transition: all 0.5s linear;
  779. transition: all 0.5s linear;
  780. }
  781.  
  782. .entry:hover .perm {
  783. margin-left:0px;
  784. opacity:1;
  785. -webkit-transition: all 0.5s linear;
  786. -webkit-transition: all 0.5s linear;
  787. -moz-transition: all 0.5s linear;
  788. transition: all 0.5s linear;
  789. }
  790.  
  791. .perm a {
  792. background:{color:background};
  793. height:12px;
  794. font-size:12px;
  795. margin:0 5px 0 5px;
  796. }
  797.  
  798. .lin {
  799. position:absolute;
  800. width:100%;
  801. border-top:1px solid {color:lines};
  802. bottom:-10px;
  803. z-index:999;
  804. }
  805.  
  806. .per {
  807. position:absolute;
  808. bottom:-5px;
  809. }
  810.  
  811. .per a {
  812. background:{color:background};
  813. height:12px;
  814. font-size:12px;
  815. margin:0 5px 0 5px;
  816. }
  817.  
  818. {CustomCSS}
  819.  
  820. </style>
  821.  
  822.  
  823. {block:IndexPage}
  824.  
  825. <script type="text/javascript">
  826. (function($){
  827. $(document).ready(function(){
  828. $("[title],a[title],img[title]").style_my_tooltips({
  829. tip_follows_cursor:true,
  830. tip_delay_time:100,
  831. tip_fade_speed:300,
  832. attribute:"title"
  833. });
  834. });
  835. })(jQuery);
  836. </script>
  837.  
  838. {block:ifUseScrollToTop}
  839. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  840. {/block:ifUseScrollToTop}
  841.  
  842. <script src="http://static.tumblr.com/7u4rsen/ty1mywnp2/jquery.style-my-tooltips.js"></script>
  843. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  844. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  845.  
  846. <script type="text/javascript">
  847. $(window).load(function () {
  848. var $content = $('#posts');
  849. $content.masonry({itemSelector: '.entry'}),
  850. $content.infinitescroll({
  851. navSelector : 'div#pagination',
  852. nextSelector : 'div#pagination a#nextPage',
  853. itemSelector : '.entry',
  854. loading: {
  855. finishedMsg: '',
  856. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  857. },
  858. bufferPx : 600,
  859. debug : false,
  860. },
  861. // call masonry as a callback.
  862. function( newElements ) {
  863. var $newElems = $( newElements );
  864. $newElems.hide();
  865. // ensure that images load before adding to masonry layout
  866. $newElems.imagesLoaded(function(){
  867. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  868.  
  869.  
  870. });
  871. });
  872. });
  873. </script>
  874.  
  875. {/block:IndexPage}
  876.  
  877. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><div class="dontremovethispls"><a href="http://aliensfromhell.tumblr.com/" target="_blank" title="Global Themes"><img src="http://static.tumblr.com/xnjw13b/Q0Ennw1f7/5e9d5cab.png"></a></div>
  878.  
  879. <script type="text/javascript">
  880. $(document).ready(function(){
  881. $(".credit").hide();
  882. $(".finder").click(function(){
  883. $(this).next(".credit").slideToggle('slow');
  884. }); }); </script>
  885.  
  886. </style>
  887.  
  888. </head>
  889.  
  890. <body onselectstart="return false;" ondragstart="return false;">
  891.  
  892. <div class="wrapper">
  893. {block:ifsidebareffect}
  894. <div id="picture"><img src="{image:sidebar}">{block:ifusetitle}<div class="blogtitle"><a href="/">{title}</a></div>{/block:ifusetitle}<div class="description">{description}</div><div id="what">
  895. {block:iflinkonetitle}<div class="links"><a href="{text:link one}" title="{text:link one title}">零</a></div>{/block:iflinkonetitle}
  896. {block:iflinktwotitle}<div class="links"><a href="{text:link two}" title="{text:link two title}">壹</a></div>{/block:iflinktwotitle}
  897. {block:iflinkthreetitle}<div class="links"><a href="{text:link three}" title="{text:link three title}">贰</a></div>{/block:iflinkthreetitle}
  898. {block:iflinkfourtitle}<div class="links"><a href="{text:link four}" title="{text:link four title}">叁</a></div>{/block:iflinkfourtitle}
  899. {block:iflinkfivetitle}<div class="links"><a href="{text:link five}" title="{text:link five title}">肆</a></a></div>{/block:iflinkfivetitle}
  900. {block:iflinksixtitle}<div class="links"><a href="{text:link six}" title="{text:link six title}">伍</a></div>{/block:iflinksixtitle}
  901. <div class="links"><a href="http://aliensfromhell.tumblr.com/" title="Credit">陆</a></div>
  902. </div></div>
  903. {/block:ifsidebareffect}
  904. {block:ifnotsidebareffect}
  905. <div id="sidebar">
  906. {block:ifusetitle}<div class="blogtitle"><a href="/">{title}</a></div>{/block:ifusetitle}
  907. {block:ifusepicture}<div id="picture"><img src="{image:sidebar}"></div>{/block:ifusepicture}<div class="description">{description}</div>
  908. <div id="what">
  909. {block:iflinkonetitle}<div class="links"><a href="{text:link one}" title="{text:link one title}">零</a></div>{/block:iflinkonetitle}
  910. {block:iflinktwotitle}<div class="links"><a href="{text:link two}" title="{text:link two title}">壹</a></div>{/block:iflinktwotitle}
  911. {block:iflinkthreetitle}<div class="links"><a href="{text:link three}" title="{text:link three title}">贰</a></div>{/block:iflinkthreetitle}
  912. {block:iflinkfourtitle}<div class="links"><a href="{text:link four}" title="{text:link four title}">叁</a></div>{/block:iflinkfourtitle}
  913. {block:iflinkfivetitle}<div class="links"><a href="{text:link five}" title="{text:link five title}">肆</a></a></div>{/block:iflinkfivetitle}
  914. {block:iflinksixtitle}<div class="links"><a href="{text:link six}" title="{text:link six title}">伍</a></div>{/block:iflinksixtitle}
  915. <div class="links"><a href="http://aliensfromhell.tumblr.com/" title="Credit">陆</a></div>
  916. </div>
  917. </div>
  918. {/block:ifnotsidebareffect}
  919.  
  920. <div id="posts">
  921.  
  922. {block:Posts}
  923. <div class="entry">
  924.  
  925. {block:Text}
  926. {block:Title}<span class="title">{Title}</span>{/block:Title}
  927. <div class="caption"><span>{Body}</span></div>
  928. {block:indexpage}<div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>{/block:indexpage}
  929. {/block:Text}
  930.  
  931. {block:Link}
  932. <div style="border:1px solid {color:lines}; padding:5px"><center><a href="{URL}" class="title"><b>{Name}</b></a></center></div>
  933. {block:Description}<div class="caption">{Description}</div>{/block:Description}{block:indexpage}<div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>{/block:indexpage}
  934. {block:Link}
  935.  
  936. {block:Photo}
  937. {block:IndexPage}
  938. <div class="photo" style="line-height:0px;">
  939. <div class="line"><div class="perm"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>
  940. <!--<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>-->
  941. <div class="photo">{LinkOpenTag}<a href="{permalink}"><img width="100%" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>
  942. </div>
  943. {/block:IndexPage}
  944. {block:PermalinkPage}
  945. {LinkOpenTag}
  946. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  947. {/block:Photo}
  948.  
  949. {block:Photoset}
  950. {block:IndexPage}
  951. <div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>
  952. <div style="width=100%; line-height:0px; overflow-x:hidden; overflow-y:hidden;"><center>{block:if250pxposts}{Photoset-250}{/block:if250pxposts}{block:if300pxposts}{photoset-250}{/block:if300pxposts}{block:if400pxposts}{photoset-400}{/block:if400pxposts}{block:if500pxposts}{photoset-500}{/block:if500pxposts}</center></div>{/block:IndexPage}
  953. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  954. {/block:Photoset}
  955.  
  956. {block:Quote}
  957. <span style="letter-spacing:1px; font-style:italic; color:{color:Text}">{Quote}</span>{block:Source}<div style="text-align:right;font-weight:bold;margin:5px; text-transform:capitalize;">{Source}</div>{/block:Source}{block:indexpage}<div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>{/block:indexpage}
  958. {/block:Quote}
  959.  
  960. {block:Chat}
  961. {block:Title}<span class="title">{Title}</span><p>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  962. </ul><br>{block:indexpage}<div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>{/block:indexpage}
  963. {/block:Chat}
  964.  
  965. {block:Audio}
  966. <div class="audioplayer">
  967. {block:indexpage}<div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>{/block:indexpage}
  968. <div class="album">
  969. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  970. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  971. {block:indexpage}<div class="yh">
  972. <div class="song"><strong>Artist:</strong><span {block:Artist} style="display:none;" {/block:Artist}> Unknown</span>
  973. {block:Artist}{Artist}{/block:Artist}<br><strong>Title:</strong><span {block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><strong>Album:</strong> <span {block:Album} style="display:none;"{/block:Album}> Unknown </span>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}<strong>Plays:</strong> {FormattedPlayCount}{/block:PlayCount}</div>{/block:indexpage}
  974.  
  975. </div></div>
  976. {/block:Audio}
  977.  
  978. {block:Video}
  979. {block:indexpage}<div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>
  980. <div style="overflow-x:hidden; overflow-y:hidden;"><center>{block:if250pxposts}{video-250}{/block:if250pxposts}{block:if300pxposts}{video-250}{/block:if300pxposts}{block:if400pxposts}{video-400}{/block:if400pxposts}{block:if500pxposts}{video-500}{/block:if500pxposts}</center></div>{/block:indexpage}
  981. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  982. {block:Video}
  983.  
  984. {block:Answer}
  985. <div class="question">{asker}: {Question}</div>
  986. <div id="answer">{Answer}</div>
  987. {block:indexpage}<div class="lin"><div class="per"><a href="{permalink}">{notecount}</a> <a href="{reblogurl}">Reblog</a></div></div>{/block:indexpage}
  988. {/block:Answer}
  989.  
  990. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  991.  
  992. {block:PermalinkPage}
  993. <div style="padding:5px;">
  994. {block:Date}
  995. {block:Caption}{Caption}{/block:Caption}<br>
  996. Posted on {month} {DayOfMonth}{DayOfMonthSuffix}, {year} at {formattedtime} <br>
  997. {block:NoteCount}This post has {NoteCount} Notes{/block:NoteCount}<br>
  998. {/block:Date}
  999. {block:RebloggedFrom}
  1000. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1001. Orginally by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1002. {/block:RebloggedFrom}
  1003.  
  1004. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  1005. {/block:Date}
  1006. </div><br>
  1007. {/block:PermalinkPage}
  1008.  
  1009. {block:PostNotes}
  1010. <div class="box">{PostNotes}</div>
  1011. {/block:PostNotes}
  1012. </div>
  1013.  
  1014. {/block:Posts}
  1015. </div>
  1016. </div>
  1017. {block:IndexPage}<br>
  1018. {block:Pagination}
  1019. <div id="pagination">
  1020. {block:NextPage}
  1021. <a id="nextPage" href="{NextPage}">next</a>
  1022. {/block:NextPage}
  1023. {block:PreviousPage}
  1024. <a href="{PreviousPage}">back</a>
  1025. {/block:PreviousPage}
  1026. </div>
  1027. {/block:Pagination}
  1028. {/block:IndexPage}
  1029. </div>
  1030.  
  1031. </body>
  1032.  
  1033. </html>
Advertisement
Add Comment
Please, Sign In to add comment