API tools faq
paste
Advertisement
luhans

adsads

luhans
May 16th, 2015
282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <!--
  5.  
  6. -->
  7. <head> <!-- DEFAULT VARIABLES -->
  8. <title>{Title}</title>
  9. <meta name="color:background" content="#fafafa" />
  10. <meta name="color:postbg" content="#fafafa" />
  11. <meta name="color:border" content="#fafafa" />
  12. <meta name="color:text" content="#443b3b" />
  13. <meta name="color:title" content="#443b3b" />
  14. <meta name="color:link" content="#555252" />
  15. <meta name="color:desc" content="#ffffff" />
  16. <meta name="color:highlight" content="#555252" />
  17. <meta name="color:Top" content="#fafafa" />
  18. <meta name="color:top background" content="#1f1f1f" />
  19. <meta name="color:entry hover" content="#1f1f1f" />
  20. <meta name="color:entries" content="#FFFFFC"/>
  21.  
  22.  
  23. <meta name="color:tradeShow" content="#fafafa" />
  24. <meta name="color:holiday" content="#1f1f1f" />
  25. <meta name="color:meeting" content="#1f1f1f" />
  26. <meta name="color:birthday" content="#FFFFFC"/>
  27.  
  28. <meta name="image:slide 1" content="#FFFFFC"/>
  29. <meta name="image:slide 2" content="#FFFFFC"/>
  30. <meta name="image:slide 3" content="#FFFFFC"/>
  31. <meta name="image:slide 4" content="#FFFFFC"/>
  32. <meta name="image:slide 5" content="#FFFFFC"/>
  33.  
  34. <meta name="text:tag 1" content="Awards">
  35. <meta name="text:PhotoURL 1" content="http://40.media.tumblr.com/c1d24e5417fa3be38ae41f65712d5613/tumblr_njthlyftRj1tg80flo1_1280.jpg">
  36. <meta name="text:Type 1" content="awards">
  37. <meta name="text:Title 1" content="121314 jhope awards">
  38.  
  39.  
  40.  
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <title>{Title}</title>
  45. <link rel="shortcut icon" href="{Favicon}">
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47.  
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}" />
  50. {/block:Description}
  51.  
  52.  
  53.  
  54. <!--Fonts-->
  55. <link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
  56. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  57. <link href='http://fonts.googleapis.com/css?family=Montserrat+Alternates|Righteous|Montserrat|Open+Sans' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,700italic,900,900italic|Roboto+Condensed' rel='stylesheet' type='text/css'>
  60.  
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  62.  
  63. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  64.  
  65. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  66.  
  67.  
  68. <script>
  69. $('a.nextDay').click(function() {
  70. $('li.current').next().addClass('current').prev().removeClass('current');
  71. });
  72. $('a.prevDay').click(function() {
  73. $('li.current').prev().addClass('current').next().removeClass('current');
  74. });
  75. $('a.today').click(function(){
  76. $('li.current').removeClass('current');
  77. $('li.today').addClass('current');
  78. });
  79. $('a.expand').click(function(){
  80. $(this).parent().toggleClass('open');
  81. $(this).toggleClass('open');
  82. });
  83. </script>
  84. <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
  85. <script type="text/javascript">
  86.  
  87. var $nv4wp = jQuery.noConflict();
  88.  
  89. $nv4wp(window).load(function() {
  90.  
  91. $nv4wp('#slider').nivoSlider({
  92.  
  93. effect:'random',
  94.  
  95. slices:15, // For slice animations
  96.  
  97. boxCols: 4, // For box animations
  98.  
  99. boxRows: 2, // For box animations
  100.  
  101. animSpeed:500, // Slide transition speed
  102.  
  103. pauseTime:3000, // How long each slide will show
  104.  
  105. startSlide:0, // Set starting Slide (0 index)
  106.  
  107. directionNav:true, //Next & Prev
  108.  
  109. directionNavHide:true, //Only show on hover
  110.  
  111. controlNav:true, // 1,2,3... navigation
  112.  
  113. controlNavThumbs:false, // Use thumbnails for Control Nav
  114.  
  115. controlNavThumbsFromRel:false, // Use image rel for thumbs
  116.  
  117. controlNavThumbsSearch: '.jpg', // Replace this with...
  118.  
  119. controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  120.  
  121.  
  122. keyboardNav:true, //Use left & right arrows
  123.  
  124. pauseOnHover:true, //Stop animation while hovering
  125.  
  126. manualAdvance:false, //Force manual transitions
  127.  
  128. captionOpacity:0.8, //Universal caption opacity
  129.  
  130. prevText: '', // Prev directionNav text
  131.  
  132. nextText: '', // Next directionNav text
  133.  
  134. beforeChange: function(){}, // Triggers before a slide transition
  135.  
  136. afterChange: function(){}, // Triggers after a slide transition
  137.  
  138. slideshowEnd: function(){}, // Triggers after all slides have been shown
  139.  
  140. lastSlide: function(){}, // Triggers when last slide is shown
  141.  
  142. afterLoad: function(){} // Triggers when slider has loaded
  143.  
  144. });
  145.  
  146. });
  147.  
  148. </script>
  149.  
  150.  
  151. <script type="text/javascript">
  152. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  153. </script>
  154.  
  155. <style type="text/css">
  156. body{
  157. background:{color:Background};
  158. background-image:url('');
  159. background-repeat:repeat;
  160. background-attachment:fixed;
  161. background-position:bottom right;
  162. line-height:110%;
  163. font-family: 'roboto';
  164. font-size: 12px;
  165. letter-spacing: px;
  166. color:{color:text};
  167. height: 100%;
  168.  
  169. }
  170.  
  171. a:link, a:visited, a:active{
  172. color:{color:link};
  173. outline: none;
  174. -moz-outline-style: none;
  175. text-decoration:none;
  176. }
  177.  
  178. a img{
  179. border:none;
  180. }
  181.  
  182. blockquote{
  183. padding:0px;
  184. padding-left:5px;
  185. margin:5px;
  186. border-left:1px dotted #288992;
  187. }
  188.  
  189. blockquote img{
  190. display:block;
  191. }
  192.  
  193. blockquote p{
  194. padding:0px;
  195. margin:0px;
  196. }
  197.  
  198. blockquote blockquote{
  199. position:relative;
  200. left:-5px;
  201. margin-top:0px;
  202. margin-right:0px;
  203. padding-right:0px;
  204. }
  205.  
  206. ul.chat, .chat ol, .chat li {
  207. list-style:none;
  208. margin:0px;
  209. padding:0px;
  210. }
  211.  
  212. #content {
  213. width:1100px;
  214. margin: 0px auto;
  215. }
  216.  
  217. .cont {
  218. margin:auto;
  219. padding:0;
  220. display: -webkit-flex;
  221. display: -moz-flex;
  222. display: -ms-flex;
  223. display: flex;
  224. -webkit-flex-flow: row wrap;
  225. -moz-flex-flow: row wrap;
  226. -ms-flex-flow: row wrap;
  227. flex-flow: row wrap;
  228. -webkit-justify-content: space-around;
  229. -moz-justify-content: space-around;
  230. -ms-justify-content: space-around;
  231. justify-content: space-around;
  232. -webkit-align-items: stretch;
  233. -moz-align-items: stretch;
  234. -ms-align-items: stretch;
  235. align-items: stretch;
  236. width:100%;
  237. height:auto;
  238. background-color:{color:content};
  239. }
  240.  
  241.  
  242. .infobox{
  243. background-color:{color:content};
  244. margin:10px;
  245. position:relative;
  246. z-index:9999!important;
  247. -webkit-flex: 2 500px;
  248. -moz-flex: 2 500px;
  249. -ms-flex: 2 500px;
  250. flex: 2 500px;
  251. }
  252.  
  253.  
  254. .entryinfo{
  255.  
  256. {block:IndexPage}
  257. {/block:IndexPage}
  258. {block:PermalinkPage}
  259. Width:500px;
  260. {/block:PermalinkPage}
  261. background-color:transparent;
  262. overflow:hidden;
  263. }
  264.  
  265. .photo {
  266. border:20px solid {color:entries};
  267. }
  268. .entry{
  269. {block:IndexPage}
  270. margin:70px 10px 90px 10px;
  271. position:relative;
  272. -webkit-flex: 3 300px;
  273. -moz-flex: 3 300px;
  274. -ms-flex: 3 300px;
  275. flex: 3 300px;
  276. {/block:IndexPage}
  277.  
  278. {block:PermalinkPage}
  279. width:500px;
  280. margin-left:-50px;
  281. margin-top:50px;
  282. {/block:PermalinkPage}
  283. }
  284.  
  285.  
  286. /* The Nivo Slider styles */
  287. #slider {position:relative;z-index:50;}
  288. #slider img {position:absolute; top:0px; left:0px; display:none;}
  289. #slider a {border:0; display:block;}
  290. .nivoSlider {position:relative; width: 1100px; height:350px;}
  291. .nivoSlider img {position:absolute; top:0px; left:0px;}
  292. /* If an image is wrapped in a link */
  293. .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0;
  294. padding:0;margin:0; z-index:6; display:none;}
  295. /* The slices and boxes in the Slider */
  296. .nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
  297. .nivo-box {display:block;position:absolute;z-index:5;}
  298. /* Caption styles */
  299. .nivo-caption {display:none}
  300. .nivo-caption p {padding:0 20px;margin:0;font-size:14px;}
  301. .nivo-caption a {display:inline !important;}
  302. .nivo-html-caption {display:none;}
  303. /* Direction nav styles (e.g. Next & Prev) */
  304. .nivo-directionNav a {display:none;}
  305. .nivo-prevNav {display:none;}
  306. .nivo-nextNav {display:none;}
  307. /*============================*/
  308. /*=== Custom Slider Styles ===*/
  309. /*============================*/
  310. .slider {width:100%;}
  311. .slider img {position:absolute;top:0px;left:0px;display:none;}
  312. .slider a {border:0;display:block;}
  313. .nivo-controlNav {display:none;}
  314. .nivo-directionNav a {display:none;}
  315. a.nivo-nextNav {display:none;}
  316. a.nivo-prevNav {display:none;}
  317. .nivo-caption {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
  318. .nivo-caption a {color:#efe9d1; text-decoration:underline;}
  319.  
  320. /*Top Bar*/
  321.  
  322. .topbar {
  323. padding:40px 0px 20px 0px;
  324. }
  325.  
  326. .topbar h1{
  327. font-family: 'Pacifico', cursive;
  328. color:{color:title};
  329. font-size:44px;
  330. }
  331.  
  332. body {
  333.  
  334. -webkit-font-smoothing: antialiased !important;
  335. webkit-text-stroke: 1px rgba(0,0,0,0.1);
  336. }
  337.  
  338. .type {
  339. width:400px;
  340. text-align:;
  341. color: {color:title};
  342. line-height:0.65;
  343. font-family: 'Montserrat';
  344. font-weight: bold;
  345. }
  346.  
  347. .type span:nth-child(1) {
  348. font-size: 70px;
  349. }
  350.  
  351. .type span:nth-child(2) {
  352. font-family: 'Roboto', sans-serif;
  353. text-transform:uppercase;
  354. font-weight: 400;
  355. line-height:.95;
  356. font-size: 15px;
  357. letter-spacing:2px;
  358. position: relative;
  359. font-weight:bold;
  360. z-index: 1;
  361.  
  362.  
  363. }
  364.  
  365. .type span:nth-child(3) {
  366. font-size: 70px;
  367. margin-top:-12px;
  368. }
  369.  
  370. /* POSTS/DATA TITLE*/
  371.  
  372. .bar {
  373. width:1090;
  374. padding:10px 0px 0px 20px;
  375. border-left:1px solid {color:border};
  376. border-top:1px solid {color:border};
  377. font-family: 'Montserrat';
  378. font-weight:700;
  379. margin-top:0px;
  380. }
  381. .recent {
  382. width:35%;
  383. height:400px;
  384. display:inline-block;
  385. }
  386.  
  387. .recent1 {
  388. width:500px;
  389. height:400px;
  390.  
  391. position:absolute;
  392. margin-left:50px;
  393. display:inline-block;
  394. }
  395. .iconimg {
  396. width:80px;
  397. height:55px;
  398. display:inline-block;
  399. overflow:hidden;
  400. margin:5px 5px 0px 0px;
  401. }
  402. .iconimg img{
  403. width:100px;
  404. }
  405.  
  406. h1{
  407. font-family: 'Montserrat';
  408. font-weight:bold;
  409. font-size:13px;
  410. }
  411.  
  412. /* Google fonts - Open Sans */
  413.  
  414.  
  415. /* links */
  416.  
  417. /* wrapper */
  418. .wrapper {
  419. width: 400px;
  420. margin: 0px auto 100px auto;
  421. padding: 0;
  422. overflow: hidden;
  423. position: relative;
  424. }
  425.  
  426. /* lists */
  427. .row ul {
  428. margin: 0;
  429. padding: 0;
  430. }
  431.  
  432. .row ul li {
  433. margin: 0;
  434. font-size: 12px;
  435. font-weight: normal;
  436. list-style: none;
  437. display: inline-block;
  438. width: 33%;
  439. box-sizing: border-box;
  440. }
  441. @media only screen and (max-width: 767px) and (min-width: 480px) {
  442. .row ul li {
  443. font-size: 13px;
  444. }
  445. }
  446. @media only screen and (max-width: 479px) {
  447. .row ul li {
  448. font-size: 13px;
  449. }
  450. }
  451.  
  452. .title ul li {
  453. padding: 15px 13px;
  454. }
  455.  
  456. .row ul li {
  457. padding: 5px 10px;
  458. }
  459.  
  460. /* rows */
  461. .row {
  462. padding: 10px 0;
  463. height: 30px;
  464. font-size: 0;
  465. position: relative;
  466. overflow: hidden;
  467. -webkit-transition: all 0.2s ease-out;
  468. transition: all 0.2s ease-out;
  469. border-top: 1px solid rgba(0, 0, 0, 0.1);
  470. }
  471.  
  472. .row:hover {
  473. background:#fafafa;
  474. height: 65px;
  475. }
  476. @media only screen and (max-width: 767px) {
  477. .row:hover {
  478. height: 85px;
  479. }
  480. }
  481. @media only screen and (max-width: 359px) {
  482. .row:hover {
  483. height: 105px;
  484. }
  485. }0
  486. .title {
  487. padding: 15px 0 0px 0;
  488. height: 45px;
  489. font-size: 0;
  490. background-color: rgba(255, 255, 255, 0.1);
  491. border-left: 3px solid rgba(255, 255, 255, 0.1);
  492. }
  493.  
  494. .title:hover {
  495. height: 45px;
  496. background-color: rgba(255, 255, 255, 0.1);
  497. border-left: 3px solid rgba(255, 255, 255, 0.1);
  498. }
  499.  
  500. @media only screen and (max-width: 767px) {
  501. .title-hide {
  502. display: none;
  503. }
  504. }
  505.  
  506. .nfl {
  507. }
  508.  
  509. .nfl:hover {
  510. border-left: 3px solid #4fc0d2;
  511. }
  512.  
  513. .mlb {
  514. border-left: 3px solid #1d6e4b;
  515. }
  516.  
  517. .mlb:hover {
  518. border-left: 3px solid #52d29a;
  519. }
  520.  
  521. .nhl {
  522. border-left: 3px solid rgba(157, 121, 25, 0.7);
  523. }
  524.  
  525. .nhl:hover {
  526. border-left: 3px solid rgba(231, 196, 104, 0.7);
  527. }
  528.  
  529. .pga {
  530. border-left: 3px solid #952f12;
  531. }
  532.  
  533. .pga:hover {
  534. border-left: 3px solid #eb7655;
  535. }
  536.  
  537. /* row one - fadeIn */
  538. .row-fadeIn-wrapper {
  539. opacity: 0;
  540. font-size: 0;
  541. height: 0;
  542. overflow: hidden;
  543. position: relative;
  544. -webkit-transition: all 0.2s ease-out;
  545. transition: all 0.2s ease-out;
  546. -webkit-animation: fadeIn 0.4s ease-out 2s 1 alternate;
  547. animation: fadeIn 0.4s ease-out 2s 1 alternate;
  548. -webkit-animation-fill-mode: forwards;
  549. animation-fill-mode: forwards;
  550. }
  551.  
  552. .row-fadeIn-wrapper:hover {
  553. height: 35px;
  554. }
  555. @media only screen and (max-width: 767px) {
  556. .row-fadeIn-wrapper:hover {
  557. height: 55px;
  558. }
  559. }
  560. @media only screen and (max-width: 359px) {
  561. .row-fadeIn-wrapper:hover {
  562. height: 75px;
  563. }
  564. }
  565.  
  566. .fadeIn {
  567. padding: 20px 0;
  568. font-size: 0;
  569. position: absolute;
  570. -webkit-transition: all 0.2s ease-out;
  571. transition: all 0.2s ease-out;
  572. width: 100%;
  573. }
  574.  
  575. .fadeIn:hover {
  576. }
  577.  
  578. /* row two - fadeOut */
  579. .row-fadeOut-wrapper {
  580. font-size: 0;
  581. overflow: hidden;
  582. position: relative;
  583. -webkit-transition: all 0.2s ease-out;
  584. transition: all 0.2s ease-out;
  585. -webkit-animation: fadeOut 0.4s ease-out 8s 1 alternate;
  586. animation: fadeOut 0.4s ease-out 8s 1 alternate;
  587. -webkit-animation-fill-mode: forwards;
  588. animation-fill-mode: forwards;
  589. opacity: 1;
  590. height: 65px;
  591. }
  592.  
  593. .row-fadeOut-wrapper:hover {
  594. height: 100px;
  595. }
  596.  
  597. /* update content */
  598. .update-row {
  599. -webkit-animation: update 0.5s ease-out 12s 1 alternate;
  600. animation: update 0.5s ease-out 12s 1 alternate;
  601. }
  602.  
  603. .update1 {
  604. position: absolute;
  605. top: 25px;
  606. display: inline-block;
  607. opacity: 1;
  608. -webkit-animation: update1 1s ease-out 12s 1 alternate;
  609. animation: update1 1s ease-out 12s 1 alternate;
  610. -webkit-animation-fill-mode: forwards;
  611. animation-fill-mode: forwards;
  612. }
  613.  
  614. .update2 {
  615. position: absolute;
  616. top: 25px;
  617. display: inline-block;
  618. opacity: 0;
  619. -webkit-animation: update2 4s ease-out 13s 1 alternate;
  620. animation: update2 4s ease-out 13s 1 alternate;
  621. -webkit-animation-fill-mode: forwards;
  622. animation-fill-mode: forwards;
  623. }
  624.  
  625. /* more content */
  626. ul.more-content li {
  627. position: relative;
  628. top: 8px;
  629. font-size: 13px;
  630. margin: 0;
  631. padding: 10px 13px;
  632. display: block;
  633. height: 50px;
  634. width: 100%;
  635.  
  636. color: rgba(128, 128, 128, 0.9);
  637. }
  638. @media only screen and (max-width: 767px) {
  639. ul.more-content li {
  640. font-size: 11px;
  641. }
  642. }
  643.  
  644. /* small content */
  645. .small {
  646. color: rgba(102, 102, 102, 0.9);
  647. font-size: 10px;
  648. padding: 0 10px;
  649. margin: 0;
  650. }
  651. @media only screen and (max-width: 767px) {
  652. .small {
  653. display: none;
  654. }
  655. }
  656.  
  657. /* keyframe animations */
  658. @-webkit-keyframes fadeIn {
  659. from {
  660. opacity: 0;
  661. padding: 0;
  662. }
  663. to {
  664. opacity: 1;
  665. padding: 0 0 65px 0;
  666. }
  667. }
  668. @keyframes fadeIn {
  669. from {
  670. background: rgba(255, 255, 255, 0.1);
  671. opacity: 0;
  672. padding: 0;
  673. }
  674. to {
  675. background:#fafafa;
  676. opacity: 1;
  677. padding: 0 0 65px 0;
  678. }
  679. }
  680. @-webkit-keyframes fadeOut {
  681. from {
  682. background: rgba(51, 51, 51, 0.1);
  683. opacity: 1;
  684. height: 65px;
  685. }
  686. to {
  687. background: rgba(255, 255, 255, 0.1);
  688. opacity: 0;
  689. height: 0;
  690. }
  691. }
  692. @keyframes fadeOut {
  693. from {
  694. background:#fafafa;
  695. opacity: 1;
  696. height: 65px;
  697. }
  698. to {background:#fafafa;
  699. opacity: 0;
  700. height: 0;
  701. }
  702. }
  703. @-webkit-keyframes update {
  704. 0% {
  705. background: rgba(51, 51, 51, 0.1);
  706. }
  707. 50% {
  708. background: rgba(255, 255, 255, 0.1);
  709. }
  710. 100% {
  711. background: rgba(51, 51, 51, 0.1);
  712. }
  713. }
  714. @keyframes update {
  715. 0% {
  716. background: rgba(51, 51, 51, 0.1);
  717. }
  718. 50% {
  719. background: rgba(255, 255, 255, 0.1);
  720. }
  721. 100% {
  722. background: rgba(51, 51, 51, 0.1);
  723. }
  724. }
  725. @-webkit-keyframes update1 {
  726. 0% {
  727. opacity: 0;
  728. }
  729. 0% {
  730. opacity: 1;
  731. }
  732. 100% {
  733. opacity: 0;
  734. }
  735. }
  736. @keyframes update1 {
  737. 0% {
  738. opacity: 0;
  739. }
  740. 0% {
  741. opacity: 1;
  742. }
  743. 100% {
  744. opacity: 0;
  745. }
  746. }
  747. @-webkit-keyframes update2 {
  748. 0% {
  749. opacity: 0;
  750. color: rgba(255, 255, 255, 0.9);
  751. }
  752. 20% {
  753. opacity: 1;
  754. color: #52d29a;
  755. }
  756. 100% {
  757. opacity: 1;
  758. color: rgba(255, 255, 255, 0.9);
  759. }
  760. }
  761. @keyframes update2 {
  762. 0% {
  763. opacity: 0;
  764. color: rgba(255, 255, 255, 0.9);
  765. }
  766. 20% {
  767. opacity: 1;
  768. color: #52d29a;
  769. }
  770. 100% {
  771. opacity: 1;
  772. color: rgba(255, 255, 255, 0.9);
  773. }
  774. }
  775.  
  776. /* Tooltip http://codepen.io/chinchang/pen/lICaq */
  777.  
  778. .hint { position: relative; display: inline-block; }
  779.  
  780. .hint:before, .hint:after {
  781. position: absolute;
  782. opacity: 0;
  783. z-index: 1000000;
  784. -webkit-transition: 0.3s ease;
  785. -moz-transition: 0.3s ease;
  786. pointer-events: none;
  787. }
  788.  
  789.  
  790. .hint:hover:before, .hint:hover:after {
  791. opacity: 1;
  792. }
  793.  
  794. .hint:before {
  795. content: '';
  796. position: absolute;
  797. background: transparent;
  798. border: 6px solid transparent;
  799. position: absolute;
  800. }
  801.  
  802. .hint:after {
  803. content: attr(data-hint);
  804. background: rgba(0, 0, 0, 0.8);
  805. color: white;
  806. padding: 8px 20px;
  807. font-size: 12px;
  808. white-space: nowrap;
  809. }
  810.  
  811.  
  812. /* top */
  813.  
  814. .hint--top:before {
  815. bottom: 100%;
  816. left: 37%;
  817. margin: 0 0 -18px 0;
  818. border-top-color: rgba(0, 0, 0, 0.8);
  819. }
  820.  
  821. .hint--top:after {
  822. bottom: 100%;
  823. left: 12%;
  824. margin: 0 0 -6px -10px;
  825. }
  826.  
  827. .hint--top:hover:before {
  828. margin-bottom: -10px;
  829. }
  830.  
  831. .hint--top:hover:after {
  832. margin-bottom: 2px;
  833. }
  834.  
  835. /* default: bottom */
  836.  
  837. .hint--bottom:before {
  838. top: 100%;
  839. left: 37%;
  840. margin: -14px 0 0 0;
  841. border-bottom-color: rgba(0, 0, 0, 0.8);
  842. }
  843.  
  844. .hint--bottom:after {
  845. top: 100%;
  846. left: 12%;
  847. margin: -2px 0 0 -10px;
  848. }
  849.  
  850. .hint--bottom:hover:before {
  851. margin-top: -6px;
  852. }
  853.  
  854. .hint--bottom:hover:after {
  855. margin-top: 6px;
  856. }
  857.  
  858. /*AUDIO*/
  859.  
  860. #acont{
  861. z-index:2;
  862. display:block;
  863. width: 100px;
  864. height:100px;
  865. background-color:#ffffff;
  866. opacity:0.7;
  867. position:absolute;
  868. }
  869.  
  870. #acont:hover{
  871. -webkit-transition: all 0.2s ease-in-out;
  872. -moz-transition: all 0.2s ease-in-out;
  873. -o-transition: all 0.2s ease-in-out;
  874. transition: all 0.2s ease-in-out;
  875. opacity:0.6;}
  876.  
  877. #audioplayer{
  878. width:20px;
  879. height:20px;
  880. overflow:hidden;
  881. margin: 38px 0px 0px 35px;
  882. background-color:transparent;}
  883.  
  884. .atext {
  885. background-color:{color:audio info};
  886. font-family: {font:body}!important;
  887. font-size: 8px;
  888. line-height: 7px;
  889. letter-spacing: 2px;
  890. color: {color:link}!important;
  891. margin-top:-5px;
  892. margin-left: 101px;
  893. text-transform:;
  894. height:18px;
  895. text-decoration: none;
  896. display: block;
  897. padding: 25px 5px 41px 6px;
  898. width:390px;
  899. text-align:center;}
  900.  
  901. .atext:hover {
  902. color:{color:link};
  903. background-color:{color:entries};
  904. -webkit-transition: opacity 0.7s linear;
  905. opacity: 0.9s;
  906. -webkit-transition: all 0.6s ease-out;
  907. -moz-transition: all 0.6s ease-out;
  908. transition: all 0.6s ease-out;
  909. }
  910.  
  911. .audio{
  912. position:absolute;
  913. width:40px;
  914. height:40px;}
  915.  
  916. .aimg{
  917. width:330px;
  918. height:100px;
  919. overflow:hidden;
  920. position:absolute;}
  921.  
  922. .aimg img{
  923. float:left;
  924. opacity:0.6;
  925. margin-top:-30px;
  926. width:350px;
  927. margin-left:-10px;
  928. -webkit-filter: blur(3px); filter: blur(3px);
  929. }
  930. .audpost {
  931. display:block;
  932. width:100%;
  933. }
  934.  
  935. h1 {font-family: sans-serif; font-size: 40px; color: #DB485E; text-align: center; opacity: 0.3; margin-top: 20px;}
  936.  
  937. /*Drop down: http://cssmenumaker.com/blog/stunning-free-jquery-dropdown-menus*/
  938. span.dropBottom,span.dropRight {
  939. display: block;
  940. box-shadow:inset 2px 0px 0px #FF9;
  941. position: absolute;
  942. left: 0px;
  943. width:100%;
  944. height: 100%;
  945. top: 0px;
  946. }
  947. span.dropBottom {
  948. box-shadow:inset 0px 2px 0px #FF9;
  949. position: absolute;
  950. width: 100%;
  951. bottom: 0px;
  952. }
  953.  
  954. .pagnav {
  955. float:right;
  956. margin-top:-20px;
  957. z-index:9999!important;
  958.  
  959. }
  960. .pagnav ul {
  961. margin:0;
  962.  
  963. padding:0;
  964. z-index:9999;
  965. list-style:none;
  966. }
  967.  
  968. .pagnav ul ul {
  969.  
  970. opacity:0;
  971. position:absolute;
  972. top:160%;
  973. visibility:hidden;
  974. transition:all .4s ease;
  975. -webkit-transition:all .4s ease;
  976. }
  977. .pagnav ul ul ul {
  978. top:0%;
  979. left:160%;
  980. }
  981. .pagnav ul ul li:hover > ul {
  982. top:0%;
  983. left:100%;
  984. opacity:1;
  985. visibility:visible;
  986. }
  987. .pagnav ul li:hover > ul {
  988. opacity:1;
  989. top:100%;
  990. visibility:visible;
  991. }
  992. .pagnav ul li {
  993. background:rgba(255,255,255,0.6);
  994. float:left;
  995. position:relative;
  996. }
  997. .pagnav ul ul li {
  998. float:none;
  999. }
  1000. .pagnav ul li {
  1001. cursor: pointer;
  1002. }
  1003. .pagnav ul a {
  1004. text-transform:uppercase;
  1005. font-family: 'Questrial', sans-serif;
  1006. text-decoration:none;
  1007. display:block;
  1008. font-size:12px;
  1009. color:#FF9;
  1010. letter-spacing:1px;
  1011. padding:10px 15px;
  1012. width:6em;
  1013. text-align:center;
  1014. }
  1015. .pagnav ul li:hover {
  1016. background:rgba(255,255,255,0.9);
  1017. }
  1018. .pagnav ul li a:hover {
  1019. }
  1020.  
  1021. /* Pagination http://tympanus.net/codrops/2014/05/28/arrow-navigation-styles/*/
  1022.  
  1023. nav a {
  1024. position: fixed;
  1025. top: 50%;
  1026. display: block;
  1027. outline: none;
  1028. text-align: left;
  1029. z-index: 1000;
  1030. -webkit-transform: translateY(-50%);
  1031. transform: translateY(-50%);
  1032. }
  1033.  
  1034. nav a.prev {
  1035. left: 0;
  1036. }
  1037.  
  1038. nav a.next {
  1039. right: 0;
  1040. }
  1041.  
  1042. nav a svg {
  1043. display: block;
  1044. margin: 0 auto;
  1045. padding: 0;
  1046. }
  1047.  
  1048.  
  1049.  
  1050. /*--------------------*/
  1051. /* Fillpath (http://www.nizuka.fr/)*/
  1052. /*--------------------*/
  1053. .color-10 { background: #f3cf3f; }
  1054.  
  1055. .nav-fillpath a {
  1056. width: 100px;
  1057. height: 100px;
  1058. }
  1059.  
  1060. .nav-fillpath .icon-wrap {
  1061. position: relative;
  1062. display: block;
  1063. width: 100%;
  1064. height: 100%;
  1065. }
  1066.  
  1067. .nav-fillpath a::before,
  1068. .nav-fillpath a::after,
  1069. .nav-fillpath .icon-wrap::before,
  1070. .nav-fillpath .icon-wrap::after {
  1071. position: absolute;
  1072. left: 50%;
  1073. width: 1px;
  1074. height: 50%;
  1075. background: #000;
  1076. content: '';
  1077. -webkit-transition: -webkit-transform 0.3s;
  1078. transition: transform 0.3s;
  1079. -webkit-backface-visibility: hidden;
  1080. backface-visibility: hidden;
  1081. }
  1082.  
  1083. .nav-fillpath .icon-wrap::before,
  1084. .nav-fillpath .icon-wrap::after {
  1085. z-index: 100;
  1086. height: 0;
  1087. background: #fff;
  1088. -webkit-transition: height 0.3s, -webkit-transform 0.3s;
  1089. transition: height 0.3s, transform 0.3s;
  1090. }
  1091.  
  1092. .nav-fillpath a::before,
  1093. .nav-fillpath .icon-wrap::before {
  1094. top: 50%;
  1095. -webkit-transform: translateX(-50%) rotate(-135deg);
  1096. transform: translateX(-50%) rotate(-135deg);
  1097. -webkit-transform-origin: 50% 0%;
  1098. transform-origin: 50% 0%;
  1099. }
  1100.  
  1101. .nav-fillpath a.next::before,
  1102. .nav-fillpath a.next .icon-wrap::before {
  1103. -webkit-transform: translateX(-50%) rotate(135deg);
  1104. transform: translateX(-50%) rotate(135deg);
  1105. -webkit-transform-origin: 50% 0%;
  1106. transform-origin: 50% 0%;
  1107. }
  1108.  
  1109. .nav-fillpath a::after,
  1110. .nav-fillpath .icon-wrap::after {
  1111. top: 50%;
  1112. -webkit-transform: translateX(-50%) rotate(-45deg);
  1113. transform: translateX(-50%) rotate(-45deg);
  1114. -webkit-transform-origin: 0 0;
  1115. transform-origin: 0 0;
  1116. }
  1117.  
  1118. .nav-fillpath a.next::after,
  1119. .nav-fillpath a.next .icon-wrap::after {
  1120. -webkit-transform: translateX(-50%) rotate(45deg);
  1121. transform: translateX(-50%) rotate(45deg);
  1122. -webkit-transform-origin: 100% 0%;
  1123. transform-origin: 100% 0%;
  1124. }
  1125.  
  1126. .nav-fillpath h3 {
  1127. position: absolute;
  1128. top: 50%;
  1129. margin: 0;
  1130. color: #000;
  1131. text-transform: uppercase;
  1132. font-weight: 300;
  1133. font-size: 0.85em;
  1134. opacity: 0;
  1135. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  1136. transition: transform 0.3s, opacity 0.3s;
  1137. }
  1138.  
  1139. .nav-fillpath a.prev h3 {
  1140. left: 100%;
  1141. -webkit-transform: translateY(-50%) translateX(-50%);
  1142. transform: translateY(-50%) translateX(-50%);
  1143. }
  1144.  
  1145. .nav-fillpath a.next h3 {
  1146. right: 100%;
  1147. text-align: right;
  1148. -webkit-transform: translateY(-50%) translateX(50%);
  1149. transform: translateY(-50%) translateX(50%);
  1150. }
  1151.  
  1152. .nav-fillpath a:hover .icon-wrap::before,
  1153. .nav-fillpath a:hover .icon-wrap::after {
  1154. height: 50%;
  1155. }
  1156.  
  1157. .nav-fillpath a:hover::before,
  1158. .nav-fillpath a:hover .icon-wrap::before {
  1159. -webkit-transform: translateX(-50%) rotate(-125deg);
  1160. transform: translateX(-50%) rotate(-125deg);
  1161. }
  1162.  
  1163. .nav-fillpath a.next:hover::before,
  1164. .nav-fillpath a.next:hover .icon-wrap::before {
  1165. -webkit-transform: translateX(-50%) rotate(125deg);
  1166. transform: translateX(-50%) rotate(125deg);
  1167. }
  1168.  
  1169. .nav-fillpath a:hover::after,
  1170. .nav-fillpath a:hover .icon-wrap::after {
  1171. -webkit-transform: translateX(-50%) rotate(-55deg);
  1172. transform: translateX(-50%) rotate(-55deg);
  1173. }
  1174.  
  1175. .nav-fillpath a.next:hover::after,
  1176. .nav-fillpath a.next:hover .icon-wrap::after {
  1177. -webkit-transform: translateX(-50%) rotate(55deg);
  1178. transform: translateX(-50%) rotate(55deg);
  1179. }
  1180.  
  1181. .nav-fillpath a:hover h3 {
  1182. opacity: 1;
  1183. -webkit-transform: translateY(-50%) translateX(0);
  1184. transform: translateY(-50%) translateX(0);
  1185. }
  1186.  
  1187. #pagibar {
  1188. width:100%;
  1189. background-color:white;
  1190. height:10px;
  1191. font-family:arial;
  1192. padding:15px;
  1193. margin-left:px;
  1194. left:0px;
  1195. bottom:0px;
  1196. }
  1197.  
  1198.  
  1199.  
  1200. #pagina a:link{
  1201. font-weight: bold;
  1202.  
  1203. font-family:inconsolata;
  1204. background-color:{color:entries};
  1205. padding:10px;
  1206. margin-left:2px;
  1207. margin-right:2px;
  1208. }
  1209.  
  1210. #pagina a:visited {
  1211. padding:5px;}
  1212.  
  1213. #pagina a:active {
  1214. color: #fff;}
  1215.  
  1216. #pagina:hover{
  1217. background:;}
  1218.  
  1219.  
  1220. .day {
  1221. width:200px!important;
  1222. padding:10px;
  1223. border-top: 1px solid rgba(0, 0, 0, 0.1);
  1224. border-left: 5px solid #fff;
  1225. display: table-cell;
  1226. line-height:10px;
  1227. }
  1228.  
  1229. .day:hover{
  1230. background:#fafafa;
  1231. }
  1232.  
  1233. .calendar{
  1234. font-size:15px;
  1235. float:left;
  1236. padding:15px;
  1237. margin-left:-10px;
  1238. background-color:#fafafa;
  1239. }
  1240.  
  1241.  
  1242. .schedtext {
  1243. margin-top:10px;
  1244. padding-left:40px;
  1245. position:absolute;
  1246.  
  1247. }
  1248.  
  1249. .sched big {
  1250. text-transform:uppercase;
  1251. font-size:15px;
  1252. font-weight:bold;
  1253. }
  1254.  
  1255. .sched small {
  1256. text-transform:uppercase;
  1257. font-size:12px;
  1258. }
  1259. .schedcont{
  1260. margin-top:-20px;
  1261. }*/
  1262.  
  1263. .disc {
  1264. font-size:8px;
  1265. background-color:#fafafa;
  1266. font-family: 'Questrial', sans-serif;
  1267. }
  1268. .asker {
  1269. width:100%;
  1270. padding:10px;
  1271. background-color:#fafafa;
  1272. color:;
  1273. height:50px;
  1274. background-image:url('');
  1275. }
  1276.  
  1277. .asktitle {
  1278. text-transform:uppercase;
  1279. font-size:20px;
  1280. }
  1281. .port{
  1282. margin:auto;
  1283. }
  1284. .port img {
  1285. padding:2px;
  1286. margin-right:5px;
  1287. float:left;
  1288. border:1px solid rgba(0,0,0,0.2);
  1289. }
  1290.  
  1291. </style>
  1292. </head>
  1293.  
  1294. <body>
  1295. <div id="content">
  1296. <div class="topbar">
  1297. <div class="type">
  1298. <span></span>
  1299. <span>hello, <span style="font-family:'Pacifico'; font-weight:bold;font-size:25px; text-transform:none;margin-top:9px;">Chen!</span></span>
  1300. <span></span>
  1301. </div>
  1302.  
  1303.  
  1304. <div class="pagnav">
  1305. <ul>
  1306. <li><a href="#">Home</a></li>
  1307. <li><a href="#">Tutorials</a><span class="dropBottom"></span>
  1308. <ul>
  1309. <li><a href="#">Design</a><span class="dropRight"></span>
  1310. <ul>
  1311. <li><a href="#">Photoshop</a></li>
  1312. <li><a href="#">Illustrator</a></li>
  1313. <li><a href="#">Web Design</a><span class="dropRight"></span>
  1314.  
  1315. </li>
  1316. </ul>
  1317. </li>
  1318. <li><a href="#">Articles</a></li>
  1319. <li><a href="#">Interviews</a></li>
  1320. </ul>
  1321. </li>
  1322. <li><a href="#">About</a></li>
  1323. <li><a href="#">Contact</a></li>
  1324. </ul>
  1325. </div>
  1326.  
  1327. </div>
  1328.  
  1329.  
  1330. <div id="slide"><div id="slider">
  1331. <a href="link" target="_blank"><img src="{image:slide 1}" width="351" height="156" /></a>
  1332. <a href="link" target="_blank"><img src="{image:slide 2}"width="351" height="156" /></a>
  1333. <a href="link" target="_blank"><img src="{image:slide 3}"width="351" height="156" /></a>
  1334. <a href="link" target="_blank"><img src="{image:slide 4}"width="351" height="156" /></a>
  1335. </div></div>
  1336. <br><br>
  1337. <!--HR/POSTS-->
  1338. <div class="bar">POSTS
  1339. </div>
  1340.  
  1341. <div class="cont">
  1342.  
  1343.  
  1344. <!-- Text -->
  1345. {block:Posts}
  1346.  
  1347. {block:Text}
  1348. <div class="entry">
  1349.  
  1350.  
  1351. <div class="entryinfo">
  1352. {block:Title}<font style="text-align:right; FONT-WEIGHT: normal; COLOR: {color:title}; font:bold 25px 'montserrat', serif; text-transform:uppercase; letter-spacing:5px;">{Title}</font><br>{/block:Title}
  1353.  
  1354. {block:IndexPage}{Body}{/block:IndexPage}
  1355.  
  1356. {block:PermalinkPage}{Body}{/block:PermalinkPage}</div>
  1357.  
  1358.  
  1359.  
  1360.  
  1361. </div>
  1362. {/block:Text}
  1363.  
  1364. <!-- Photo -->
  1365. {block:Photo}
  1366.  
  1367. <div class="entry">
  1368.  
  1369. <div class="entryinfo photo">
  1370.  
  1371. <center>{LinkOpenTag}
  1372. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%">
  1373. {LinkCloseTag}</center>
  1374. </div>
  1375. {block:Caption}
  1376. <div class="caption">
  1377. {caption}
  1378. </div>{/block:Caption}
  1379. </div>
  1380.  
  1381. {/block:Photo}
  1382.  
  1383. <!-- Photoset -->
  1384. {block:Photoset}
  1385. <div class="entry">
  1386. <div class="entryinfo">
  1387. <center>{Photoset}</center>
  1388.  
  1389. {block:Caption}
  1390. <div class="caption">
  1391. {caption}
  1392. </div>{/block:Caption}
  1393.  
  1394. </div>
  1395. </div>
  1396. {/block:Photoset}
  1397.  
  1398.  
  1399. <!-- Quote -->
  1400. {block:Quote}
  1401. <div class="entry">
  1402. <div class="entryinfo">
  1403. <div class="quotesymbol"></div>
  1404. <div style="border-left:1px solid #F1F1F1; margin-left:37px; padding:9px;"><span class="quote"><font style="text-align:right; FONT-WEIGHT: normal; COLOR: {color:links}; font:normal 15px 'arial', serif; text-transform:uppercase; letter-spacing:5px;">{quote}</font><br>
  1405. {block:Source}— <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 3pt; text-transform:;">{Source}</font>{/block:Source}
  1406. </div>
  1407.  
  1408.  
  1409. {block:Caption}
  1410. <div class="caption">
  1411. {caption}
  1412. </div>{/block:Caption}
  1413.  
  1414. </div>
  1415.  
  1416. </div>
  1417. {/block:Quote}
  1418.  
  1419. <!-- Link -->
  1420. {block:Link}
  1421. <div class="entry">
  1422.  
  1423.  
  1424. <div class="entryinfo">
  1425. <a href="{URL}" target="_blank"><font style="text-align:justify; FONT-WEIGHT: normal; COLOR: {color:links}; font:normal 20px 'montserrat', serif; text-transform:uppercase; letter-spacing:5px;">{Name}</font></a>
  1426. {block:Description}<p>{Description}</p>{/block:Description}
  1427.  
  1428.  
  1429. {block:Caption}
  1430. <div class="caption">
  1431. {caption}
  1432. </div>{/block:Caption}
  1433. </div>
  1434.  
  1435.  
  1436. </div>
  1437. {/block:Link}
  1438.  
  1439.  
  1440.  
  1441. <!-- Chat -->
  1442. {block:Chat}
  1443. <div class="entry">
  1444.  
  1445.  
  1446.  
  1447. <div class="entryinfo">
  1448. {block:Title}<font style="text-align:justify; FONT-WEIGHT: normal; COLOR: {color:links}; font:normal 15px 'arial', serif; text-transform:uppercase; letter-spacing:5px;">{title}</font>{/block:Title}
  1449. {block:Lines}
  1450. {block:Label}{Label}{/block:Label} {Line}</br>
  1451. {/block:Lines}
  1452.  
  1453. <br>
  1454. {block:Caption}
  1455. <div class="caption">
  1456. {caption}
  1457. </div>{/block:Caption}
  1458.  
  1459. </div>
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466. </div>
  1467. {/block:Chat}
  1468.  
  1469. {block:Audio}
  1470.  
  1471. <div class="entry">
  1472.  
  1473.  
  1474. <div class="entryinfo">
  1475. <div class="audpost">
  1476. <div class="audio"><div id="acont"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  1477. <div class="aimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="aimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  1478. </div>
  1479. <br><br><br><br><br>
  1480.  
  1481. {block:Caption}
  1482.  
  1483. <div class="caption">
  1484. {caption}
  1485. </div>{/block:Caption}
  1486.  
  1487. </div>
  1488.  
  1489.  
  1490.  
  1491.  
  1492. </div>
  1493. {/block:Audio}
  1494.  
  1495.  
  1496. <!-- Video -->
  1497. {block:Video}
  1498. <div class="entry">
  1499.  
  1500.  
  1501. <div class="entryinfo">
  1502. <div class="videoWrapper">
  1503. {block:IndexPage}<center>{VideoEmbed-400}</center> {/block:IndexPage}
  1504.  
  1505. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  1506. </div>
  1507.  
  1508.  
  1509. {block:Caption}
  1510. <div class="caption">
  1511. {caption}
  1512. </div>{/block:Caption}
  1513.  
  1514. </div>
  1515.  
  1516.  
  1517.  
  1518. </div>
  1519. {/block:Video}
  1520.  
  1521. <!-- Message -->
  1522. {block:Answer}
  1523. <div class="entry">
  1524.  
  1525. <div class="entryinfo">
  1526.  
  1527. <div class="asker"><div class="port"><img src="{AskerPortraitURL-40}"><div class="asktitle">{Asker} asked:</div></div>
  1528. </div>
  1529. <div class="question">{Question}</div>
  1530.  
  1531. <div class="answer">{Answer}</div>
  1532.  
  1533. {block:Caption}
  1534. <div class="caption">
  1535. {caption}
  1536. </div>{/block:Caption}
  1537. </div>
  1538.  
  1539.  
  1540.  
  1541.  
  1542. </div>
  1543. {/block:Answer}
  1544.  
  1545.  
  1546. <!-- Permalink page -->
  1547.  
  1548. {block:PermalinkPage}
  1549. <div style="margin-left:-60px; margin-top:-10px;
  1550. font-family:inconsolata; font-family:"><div class="entry">
  1551. POST NOTES:<br>
  1552. {block:PostNotes}
  1553. {PostNotes}</div></div>
  1554. {/block:PostNotes}
  1555.  
  1556. {/block:PermalinkPage}
  1557.  
  1558. <!-- Other -->
  1559. {block:ContentSource}
  1560. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1561. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1562. {/block:SourceLogo}
  1563. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1564. {/block:ContentSource}
  1565. {/block:Posts}
  1566. </div>
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572. <!--HR/POSTS-->
  1573. <div class="bar">OTHER
  1574. </div>
  1575.  
  1576. <br>
  1577.  
  1578.  
  1579. <div class="recent">
  1580. <main class="row title">
  1581. <ul>
  1582. <li>RECENT</li>
  1583.  
  1584. </ul>
  1585. </main>
  1586.  
  1587.  
  1588. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1589. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1590. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1591. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1592. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1593. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1594. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1595. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1596. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1597. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1598. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1599. <a href="#" class="hint hint--top" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1600. <a href="#" class="hint hint--bottom" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1601. <a href="#" class="hint hint--bottom" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1602. <a href="#" class="hint hint--bottom" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1603. <a href="#" class="hint hint--bottom" data-hint="150509"><div class="iconimg"><img src="http://41.media.tumblr.com/72640104646ad56fe78885f9a3b5dcf1/tumblr_nluo2xAjIc1rup1hro1_1280.jpg" title="title"></div></a>
  1604.  
  1605. </div>
  1606.  
  1607.  
  1608. <div class="recent1">
  1609. <main class="row title">
  1610. <ul>
  1611. <li>RECENT</li>
  1612.  
  1613. </ul>
  1614. </main>
  1615. <div class="sched">
  1616.  
  1617. <div class="day">
  1618. <a href="/">
  1619. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1620. <div class="schedtext"><big>INKIGAYO</big><br>
  1621. <small> 150410 / MUSIC SHOW
  1622. </small>
  1623. </div>
  1624. </a>
  1625. </div>
  1626.  
  1627. <div class="day">
  1628. <a href="/">
  1629. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1630. <div class="schedtext"><big>ICN <i class="fa fa-plane"></i> SFO</big><br>
  1631. <small> 150410 / AIRPORT
  1632. </small>
  1633. </div>
  1634. </a>
  1635. </div>
  1636.  
  1637. <div></div>
  1638.  
  1639. <div class="day">
  1640. <a href="/">
  1641. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1642. <div class="schedtext"><big>INKIGAYO</big><br>
  1643. <small> 150410 / MUSIC SHOW
  1644. </small>
  1645. </div>
  1646. </a>
  1647. </div>
  1648.  
  1649. <div class="day">
  1650. <a href="/">
  1651. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1652. <div class="schedtext"><big>ICN <i class="fa fa-plane"></i> SFO</big><br>
  1653. <small> 150410 / AIRPORT
  1654. </small>
  1655. </div>
  1656. </a>
  1657. </div>
  1658.  
  1659. <div></div>
  1660.  
  1661. <div class="day">
  1662. <a href="/">
  1663. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1664. <div class="schedtext"><big>INKIGAYO</big><br>
  1665. <small> 150410 / MUSIC SHOW
  1666. </small>
  1667. </div>
  1668. </a>
  1669. </div>
  1670.  
  1671. <div class="day">
  1672. <a href="/">
  1673. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1674. <div class="schedtext"><big>ICN <i class="fa fa-plane"></i> SFO</big><br>
  1675. <small> 150410 / AIRPORT
  1676. </small>
  1677. </div>
  1678. </a>
  1679. </div>
  1680.  
  1681. <div></div>
  1682. <div class="day">
  1683. <a href="/">
  1684. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1685. <div class="schedtext"><big>INKIGAYO</big><br>
  1686. <small> 150410 / MUSIC SHOW
  1687. </small>
  1688. </div>
  1689. </a>
  1690. </div>
  1691.  
  1692. <div class="day">
  1693. <a href="/">
  1694. <div class="calendar"><i class="fa fa-calendar"></i></div>
  1695. <div class="schedtext"><big>ICN <i class="fa fa-plane"></i> SFO</big><br>
  1696. <small> 150410 / AIRPORT
  1697. </small>
  1698. </div>
  1699. </a>
  1700. </div>
  1701.  
  1702. </div>
  1703.  
  1704. </div>
  1705.  
  1706. </div>
  1707.  
  1708.  
  1709. </div>
  1710.  
  1711. {block:Pagination}
  1712. <nav class="nav-fillpath">
  1713.  
  1714. {block:PreviousPage}
  1715. <a class="prev" href="{PreviousPage}">
  1716. <span class="icon-wrap"></span>
  1717. <h3><strong>PREV</strong> PAGE</h3>
  1718. </a>
  1719. {/block:PreviousPage}
  1720.  
  1721. {block:NextPage}
  1722. <a class="next" href="{NextPage}">
  1723. <span class="icon-wrap"></span>
  1724. <h3><strong>NEXT</strong> PAGE</h3>
  1725. </a>
  1726. </nav>
  1727.  
  1728.  
  1729. {/block:NextPage}
  1730.  
  1731. <div id="pagibar">
  1732.  
  1733.  
  1734.  
  1735.  
  1736.  
  1737. <div style="margin-top:-5px;"> <div id="pagina"><center>
  1738.  
  1739. <b>{CurrentPage}</b> OUT OF <b>{TotalPages}</b>
  1740. </center>
  1741.  
  1742.  
  1743. </div></div>
  1744.  
  1745. </div> {block:Pagination}
  1746.  
  1747. <br>
  1748. <br>
  1749. <br>
  1750.  
  1751.  
  1752. </body>
  1753. </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!