API tools faq
paste
Advertisement
luhans

happy birhtday

luhans
Oct 29th, 2014
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---------------------------------------
  4.  
  5.  
  6. ----------------------------------------->
  7.  
  8. <html><head>
  9.  
  10. <meta name="color:background" content="#000">
  11. <meta name="color:backgroundpost" content="#000">
  12. <meta name="color:posts background" content="#222222">
  13. <meta name="color:links" content="#96a1cc">
  14. <meta name="color:sidebarbg" content="#222222">
  15. <meta name="color:sidetitle" content="#444444">
  16. <meta name="color:links hover" content="#e2e2e2">
  17. <meta name="color:text" content="#8b8b8b">
  18. <meta name="color:navigation links" content="#f5f5f5">
  19. <meta name="color:header and sidebar background" content="#ededed">
  20.  
  21. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | {Tag}{/block:TagPage}{block:SearchPage} | {SearchQuery}{/block:SearchPage}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}" />
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28.  
  29. <!-- FONTS -->
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
  32.  
  33. <!-- SCRIPTS -->
  34.  
  35. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  36.  
  37. <script type="text/javascript" src="http://static.tumblr.com/3driglx/QOTluqy52/rotate.js"></script>
  38.  
  39. <script type="text/javascript" src="http://static.tumblr.com/3driglx/tOilur21w/theme.js"></script>
  40.  
  41. <link rel="stylesheet" href="http://static.tumblr.com/3driglx/1VBlpk1wi/reset.css" type="text/css">
  42.  
  43. <link rel="stylesheet" href="http://static.tumblr.com/mbgashn/lgNn4t58c/fyzth.css" type="text/css">
  44.  
  45. <link rel="stylesheet" href="http://static.tumblr.com/mbgashn/KfCn4tluj/blueberry.css" />
  46.  
  47. <script src="http://static.tumblr.com/lpwnghu/Ajznamtz3/dw.js"></script>
  48.  
  49. <script language="JavaScript" src="http://static.tumblr.com/1023xue/FH1n3b2dd/qtip.js" type="text/JavaScript"></script>
  50.  
  51. <!-- JQUERY -->
  52.  
  53. <script type="text/javascript">
  54. $(document).ready(function() {
  55. $('#wrapper').fadeIn(1000);
  56. });
  57. </script>
  58.  
  59. <script>
  60. $(document).ready(function() {
  61. $('a[href=#top]').click(function() {
  62. $('#top').animate({scrollTop: 0},600);
  63. return false;
  64. });
  65. });
  66. </script>
  67.  
  68. <script>
  69. $(document).ready(function(){
  70. var divs = $('#backtotop');
  71. $(window).on('scroll', function() {
  72. var st = $(this).scrollTop();
  73. divs.css({ 'opacity' : (st/2000) });
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  80.  
  81. <script>
  82. $(function(){
  83. var $container = $('#posts');
  84. $container.imagesLoaded(function(){
  85. $container.masonry({
  86. itemSelector: '.entry',
  87. isAnimated: true,
  88. });
  89. });
  90. // trigger Masonry as a callback
  91. function( newElements ) {
  92. var $newElems = $( newElements ).css({ opacity: 0 });
  93. // ensure that images load before adding to masonry layout
  94. $newElems.imagesLoaded(function(){
  95. $newElems.animate({ opacity: 1 });
  96. $container.masonry( 'appended', $newElems, true );
  97. });
  98. }
  99. );
  100. });
  101. </script>
  102.  
  103. <style type="text/css">
  104.  
  105. @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
  106.  
  107. /*-------------------- WEBKIT AND STUFFS --------------------*/
  108.  
  109. ::selection{ background-color:#b52323; color: #fff; }
  110. ::-moz-selection{ background-color:#b52323; color: #fff;}
  111. ::-webkit-scrollbar { width: 10px; }
  112. ::-webkit-scrollbar-track { background-color:#7f7f7f; }
  113. ::-webkit-scrollbar-thumb { background-color:#222222}
  114. ::-webkit-scrollbar-thumb:horizontal { background-color:#7f7f7f; }
  115. ::-webkit-scrollbar-track:horizontal { background-color:#7f7f7f; }
  116.  
  117. /*-------------------- GENEREAL --------------------*/
  118.  
  119. body { background:{color:background}; color:{color:text}; padding:0;margin:0; height:100%; overflow-x:hidden; font-family:'PT Sans', sans-serif; font-size:11px; text-transform:normal; line-height:15px; word-wrap:break-word; letter-spacing:1px;}
  120.  
  121. b, strong {font-weight: bold; color:#96a1cc;}
  122.  
  123. a:link, a:active, a:visited {color:{color:links}; text-decoration:none; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  124. a:hover {color:{color:Links Hover}; text-decoration:none;}
  125.  
  126. h2 { font-size:20px; font-weight:bold; color:{color:text}; text-align:Center; text-transform:uppercase; line-height:20px; padding:5px; } h2 img { border:10px solid {color:navigation links}; max-width:450px; }
  127.  
  128. blockquote { border-left:5px solid {color:text}; padding-left:15px; margin-left:15px; padding-top:2px; padding-bottom:2px; } blockquote img { max-width:450px; border:10px solid {color:navigation links}; }
  129.  
  130. sub { font-size:10px; } sup { font-size:10px; } small { font-size:10px; }
  131. pre { background-color:#f2f2f2; padding:6px; }
  132.  
  133. h1 { font-size:25px; font-weight:bold; font-style:normal; letter-spacing:-1px; line-height:100%; text-align:left; display:inline-block; } h1 a{ color:{color:text}; } h1 a:hover { color:{color:links}; } .texta {margin:0}
  134.  
  135. ol { list-style:normal; margin-left:22px;} ul { margin-bottom:4px; margin-top:4px; list-style:square; margin-left:22px;}
  136.  
  137.  
  138. /*-------------------- CONTENT --------------------*/
  139.  
  140. #sticky.stick { position: fixed; top:0%; width:100%; left:0%; z-index: 10000; background-color:#fff} .wrapper {width:1000px;margin:0 auto;overflow:hidden; }
  141.  
  142. #navigation {background-color: rgba(255, 255, 255, 0.5); position:relative; height: 15px; text-align: center; margin:0 0 0 -10px; width: 100%; padding-top: 15px; z-index: 9999999999999; text-transform: uppercase; margin-bottom: 12px;font-weight:bold; color: #50525e; }
  143.  
  144. #navigation a { text-transform: uppercase; margin-left:40px; color: #50525e; font-size: 11px; letter-spacing: 0px; margin-right: 10px; text-align: center; font-family:'PT Sans', sans-serif; font-weight:bold; }
  145.  
  146. #navigation a:hover {color: #cccccc; border-bottom:5px solid #96a1cc;}
  147.  
  148. #header { position:relative; width:100%; height: 335px; margin-bottom: 0px; background-image:url(http://i.imgur.com/zIcqQFy.png); z-index: 999; padding-top: 0px; margin-top: 40px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  149. }
  150.  
  151. #content {width:900px; margin:auto; margin-top:40px;}
  152.  
  153. #posts {padding:0px;width:70%; margin:auto; margin-top:50px; }
  154.  
  155. .entry {width:500px; padding:5px; margin-left:10px; margin-top:10px; float:left; background-color:{color:links};}
  156.  
  157. /*-------------------- SIDEBAR --------------------*/
  158.  
  159. #side { margin-bottom:90px; width:auto; position:relative; padding:0px 10px 10px 10px; margin-left:-50px; margin-bottom:50px;}
  160.  
  161. #sidetitle { margin-top:0px; width:190px; background-color:#a2a2a2; color:#fff; padding:5px 5px 5px 5px; text-transform:uppercase; letter-spacing:6px; margin-bottom:10px; font-size:10px; text-align:center; line-height:140%;}
  162.  
  163. #sidetext {width:200px; height:200px; padding:10px;background-color:{color:sidebarbg}; margin-top:15px; font-size:11px; letter-spacing:1px; margin-right:;}
  164.  
  165. #sidetext2 {width:200px; height:200px;padding:10px;background-color:{color:sidebarbg}; margin-top:-220px; font-size:11px; letter-spacing:1px;margin-left:250px; }
  166.  
  167. #sidetext3 {width:200px;height:200px; padding:10px;background-color:{color:sidebarbg}; margin-top:-220px; font-size:11px; letter-spacing:1px; margin-left:500px;}
  168.  
  169. #sidetext4 {width:200px; height:200px; padding:10px;background-color:{color:sidebarbg}; margin-top:-220px; font-size:11px; letter-spacing:1px; margin-left:750px;}
  170.  
  171. .members1 {padding:5px 5px; text-align: center; text-justify:}
  172.  
  173. .members1 li a{padding: 2px 2px 4px 2px; text-transform:uppercase; color: #666666; letter-spacing:2px; text-decoration: none; display: inline-block; inter-word;border-bottom:1px solid #e8e9eb ;width:180px; font-size:9px;}
  174.  
  175. .members1 li a:hover {color: #fff;} n1{list-style-type: none;}
  176.  
  177.  
  178. .members2 {padding:5px 5px; text-align: center; text-justify:}
  179.  
  180. .members2 li a{padding: 5px 5px 7px 5px; text-transform:uppercase; color: #666666; letter-spacing:2px; text-decoration: none; display: inline-block; inter-word;border-bottom:1px solid #e8e9eb ;width:180px; font-size:9px;}
  181.  
  182. .members2 li a:hover {color: #fff;} n1{list-style-type: none;}
  183.  
  184.  
  185. /* -------------------- AUDIO ---------------------*/
  186.  
  187. #audio { background-color:{color:navigation links}; height:100px; padding:12px; display:table; width:475px }
  188.  
  189. #audioinfo { display:table-cell; vertical-align:middle; padding-left:110px; padding-right:10px; line-height:120%; text-align:left; font-size:12px; }
  190.  
  191. #audioinfo li{ list-style:none; padding:5px; margin-left:-20px; }
  192.  
  193. #audioinfo li:nth-of-type(even) { background-color:{color:header and sidebar background}; }
  194.  
  195. #albumart { position:absolute; } #albumart img { width:100px; height:100px; z-index:901; }
  196.  
  197. #player { position:absolute; border:37px solid #fff; border-right:36px solid #fff; border-bottom:36px solid #fff; margin:0px 0px 0px 0px; height:27px; width:27px; overflow:hidden; opacity:0.6; z-index:903; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
  198.  
  199. #player:hover { opacity:1; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s }
  200.  
  201.  
  202. /*-------------------- POST INFO --------------------*/
  203.  
  204. .postinfo {margin-top:15px; color:{color:links}; width:520px;margin-left:-10px; text-align:left; border-bottom:1px solid #e8e9eb; padding-left:5px;}
  205.  
  206. .postinfo a { color:{color:text}; text-transform:lowercase; font-size:9px; letter-spacing:0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  207.  
  208. .postinfo a:hover { color:{color:links}; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  209.  
  210. .dates { display:inline-block; font-size:14px; font-weight:bold; letter-spacing:0px; letter-spacing:-1px; }
  211.  
  212. .dates a:hover { text-decoration:none; color:{color:links hover}; }
  213.  
  214. .notesetc { margin-top:8px; text-transform:lowercase; display:inline-block; max-width:330px; font-size:9px;}
  215.  
  216. .tags {text-align:left; padding:5px;font-size:10px; width:495px; margin-top:-5px;} .tag a, .tags a {color:#50525e;} .tag:after {content: ",";} .tag:last-child:after { content: " ";}
  217.  
  218. .tags a { text-transform: uppercase; color: #50525e; font-size: 11px; letter-spacing: 0px;font-family:'PT Sans', sans-serif; font-weight:bold; }
  219.  
  220. .tags a:hover { color:{color:links}; }
  221.  
  222. /*-------------------- QUESTIONS --------------------*/
  223.  
  224. .question { background-color:{color:navigation links}; padding: 20px; padding-left:65px; width:415px; min-height:20px; }
  225.  
  226. .questionimg { position: absolute; border: 10px solid {color:navigation links}; width: 40px; margin-top: 0px; display: block; }
  227.  
  228. /*-------------------- OTHER --------------------*/
  229.  
  230. .caption { width:500px; text-align:justify; line-height:120%; } .caption img { border:10px solid {color:navigation links}; }
  231.  
  232. .chat ol { margin-top:0px; line-height:170%; list-style:none; width:500px; margin-left:0px; }
  233.  
  234. .line.odd { background:{color:header and sidebar background}; margin-bottom:2px; padding:4px; } .line.even { background:{color:navigation links}; margin-bottom:2px; padding:4px; }
  235.  
  236. .label { padding-right:2px; text-transform:normal; font-weight:bold; color:{color:link}; }
  237.  
  238. .note {normal; letter-spacing:0px; font-size: 11px; text-align:left; line-height:100%; margin-left:-80px; } .note img { border:5px solid {color:navigation links}; margin:0px 2px 2px 0px; vertical-align:middle; } .note li { margin:0px; list-style-type:none; text-align:left }
  239.  
  240. #titleandstuff { padding:0px 20px 20px 20px; margin:-4px 0px 0px 0px; background-color:{color:header and sidebar background}; }
  241.  
  242. #description { margin-top:5px; text-align:justify; font-size:11px; letter-spacing:0px; }
  243.  
  244. .note { opacity:1; display:inline; text-transform:none; font-style}
  245.  
  246. #top {} #backtotop { position:fixed; padding:10px 15px 10px 15px; background-color:{color:sidebarbg}; letter-spacing:-1px; font-size:15px; bottom:50px; right:35px; opacity:0; z-index:9999 }
  247.  
  248. {CustomCSS}
  249.  
  250. .sharepost { background-color:#fff; }
  251.  
  252. .sharepost a { border-bottom:3px solid {color:navigation links}; border-top:3px solid {color:navigation links}; display:inline-block; float:right; padding:5px 8px 5px 8px; color:#cccccc; background-color:#fff; }
  253.  
  254.  
  255.  
  256. {Custom CSS}
  257.  
  258.  
  259. </style>
  260.  
  261. <script>
  262. function sticky_relocate() {
  263. var window_top = $(window).scrollTop();
  264. var div_top = $('#sticky-anchor').offset().top;
  265. if (window_top > div_top) {
  266. $('#sticky').addClass('stick');
  267. } else {
  268. $('#sticky').removeClass('stick');
  269. }
  270. }
  271.  
  272. $(function() {
  273. $(window).scroll(sticky_relocate);
  274. sticky_relocate();
  275. });
  276. </script>
  277.  
  278.  
  279. </head>
  280.  
  281. <body>
  282. <div id="sticky-anchor"></div>
  283. <div id="sticky">
  284. <div id="navigation">
  285. <div class="wrapper">
  286. <table width="100%"><tr valign="top">
  287. <td>
  288. <a href="/">home</a>
  289. <a href="/message">message</a>
  290. <a href="/got7">about</a>
  291. <a href="/tags">tags</a>
  292. <a href="/links">links</a>
  293. <a href="/events">events</a>
  294. <a href="/archive">archive</a>
  295.  
  296. </td>
  297. </tr></table>
  298. </div>
  299. </div></div>
  300.  
  301.  
  302. <div id="header" style="margin-top: 0px;">
  303. </div>
  304.  
  305.  
  306. <div id="theme">
  307.  
  308. <div id="content">
  309.  
  310. <div id="side">
  311.  
  312. <div id="sidetext">
  313. <div id="sidetitle">DAILYGOT7</div>
  314. <small><u>Established:</u> 2014/01/05 <br>
  315. <u>Online User/s:</u> <script language="JavaScript">
  316. var ref = (''+document.referrer+'');
  317. var w_h = window.screen.width + " x " + window.screen.height;
  318. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3584323&e1&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  319. </script>I GOT7's<br>
  320. <u>Page Visits:</u> <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2390617"></script><br><br>
  321. <center>
  322. Welcome to your daily source of GOT7! A blog dedicated to JYP's boy group GOT7. Our goal is to bring you all the latest news, photos, and videos of the boys. Feel free to follow us!</center></small>
  323.  
  324. </div>
  325.  
  326.  
  327. <div id="sidetext2"><div id="sidetitle">MEMBERS</div>
  328. <div class="members1">
  329. <n1><li><a href="/tagged/jb">JB</a></li>
  330. <li><a href="/tagged/Jr">Jr.</a></li>
  331. <li><a href="/tagged/mark">Mark</a></li>
  332. <li><a href="/tagged/jackson">Jackson</a></li>
  333. <li><a href="/tagged/youngjae">Youngjae</a></li>
  334. <li><a href="/tagged/bambam">BamBam</a></li>
  335. <li><a href="/tagged/yugyeom">Yugyeom</a></li>
  336. </n1>
  337. </div>
  338. </div>
  339.  
  340. <div id="sidetext3"><div id="sidetitle">LINKS</div>
  341. <div class="members2">
  342. <n1><li><a href="/tagged/t: info">news</a></li>
  343. <li><a href="/tagged/t: schdule">schedule</a></li>
  344. <li><a href="/tagged/t: tutorial">tutorials</a></li>
  345. <li><a href="/fansites">fansites list</a></li>
  346. <li><a href="/videos">video masterpost</a></li>
  347. </n1>
  348. </div>
  349. </div>
  350.  
  351. <div id="sidetext4">
  352. <div id="sidetitle">DISCLAIMER</div>
  353. <center><small>We are in no way affiliated, associated, authorized, or in any way connected to GOT7 themselves. Content posted onto this blog belong to their rightful owners and will be credited. <br><br><b>DO NOT</b> edit, crop, or remove the logo of fantaken pictures.<br><br>
  354. </small></center>
  355. </div>
  356.  
  357.  
  358. </div>
  359. </div>
  360. <center>
  361. <div id="posts">
  362.  
  363. {block:TagPage}<h2 style="width:500px; padding:10px 20px 30px 20px;">{lang:Posts tagged Tag 3}</h2>{/block:TagPage}
  364.  
  365. {block:SearchPage}<h2 style="width:500px; padding:10px 20px 30px 20px;">{lang:SearchResultCount results for SearchQuery 2}</h2>
  366. {block:NoSearchResults}<h2 style="width:500px; padding:10px 20px 30px 20px;">{lang:Sorry no posts found}</h2>{/block:NoSearchResults}
  367. {/block:SearchPage}
  368.  
  369. {block:Posts}
  370. <div class="entry">
  371.  
  372. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="texta">{Body}</div>{/block:Text}
  373.  
  374. {block:Quote}<h2><b>❝</b>{Quote}<b>❞</b></h2><h2 style="font-size:13px;">— {Source}</h2>{/block:Quote}
  375.  
  376. {block:Link}<a href="{URL}"><h2>⇒ {Name} ⇐</h2></a>
  377. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  378.  
  379. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  380.  
  381. {block:Panorama}
  382. {LinkOpenTag}
  383. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" style="width:500px;"/>
  384. {LinkCloseTag}
  385. {block:Caption}{Caption}{/block:Caption}
  386. {/block:Panorama}
  387.  
  388. {block:Photoset}<center>{Photoset-500}</center>
  389. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  390.  
  391. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol> {block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  392.  
  393. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  394.  
  395. {block:Answer}
  396. <img src="{AskerPortraitURL-40}" class="questionimg"><div class="question"><b>{lang:Asker asked 2}:</b> {Question}</div>
  397. {Answer}
  398. {/block:Answer}
  399.  
  400. {block:Audio}<div id="audio">{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  401. <div id="player">{AudioPlayerBlack}</div>
  402. <div id="audioinfo"><ul>
  403. {block:TrackName}
  404. <li><b>Track:</b> {TrackName}</li>
  405. {/block:TrackName}
  406. {block:Artist}
  407. <li><b>Artist:</b> {Artist}</li>
  408. {/block:Artist}
  409. {block:PlayCount}<li>{PlayCountWithLabel}</li>{/block:PlayCount}</ul>
  410. </div>
  411. </div>
  412. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  413.  
  414.  
  415.  
  416. <div class="postinfo">
  417. <div class="notesetc">
  418. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</a>
  419. <a href="{Permalink}">({TimeAgo})</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}
  420. {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} {block:ContentSource} • • <a href="{SourceURL}">&copy;</a> {/block:ContentSource}
  421. </div>
  422. </div>
  423.  
  424. {block:HasTags}<div class="tags"><i class="fa fa-tag" style="font-size:13px;"></i>
  425. {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  426.  
  427. <div class="note">
  428. {block:PostNotes}
  429. {PostNotes}{/block:PostNotes}</div>
  430.  
  431. </div>
  432.  
  433.  
  434.  
  435. {/block:posts}
  436.  
  437.  
  438.  
  439.  
  440. </div>
  441. </div>
  442.  
  443.  
  444. </div>
  445.  
  446. </div>
  447.  
  448.  
  449. </center>
  450.  
  451. </body>
  452.  
  453. </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!