API tools faq
paste
vya

header+boxes

vya
Jun 30th, 2015
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.18 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. <!--
  4.  
  5. THEME by @POHRORO
  6. Customized by @jjangkiyong
  7. Also, thanks to
  8.  
  9. /*
  10. Side Navigation Menu V2, RWD
  11. ===================
  12. License:
  13. http://goo.gl/805sas
  14. ===================
  15. Author: @PableraShow
  16.  
  17. */
  18. -->
  19.  
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  24. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  25. <script type="text/javascript" charset="utf-8">
  26. var $j = jQuery.noConflict();
  27. $j(function() {
  28. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  29. $j("img").lazyload({
  30. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  31. effect: "fadeIn",
  32. });
  33. });
  34. </script>
  35.  
  36. <head>
  37.  
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41. <script>
  42. $(document).ready(function() {
  43. //
  44. $('a.poplight[href^=#]').click(function() {
  45. var popID = $(this).attr('rel'); //Get Popup Name
  46. var popURL = $(this).attr('href'); //Get Popup href to define size
  47. var query= popURL.split('?');
  48. var dim= query[1].split('&');
  49. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  50. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  51. var popMargTop = ($('#' + popID).height() + 80) / 2;
  52. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  53. //Apply Margin to Popup
  54. $('#' + popID).css({
  55. 'margin-top' : -popMargTop,
  56. 'margin-left' : -popMargLeft
  57. });
  58. $('body').append('<div id="fade"></div>');
  59. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  60. return false;
  61. });
  62. $('a.close, #fade').live('click', function() {
  63. $('#fade , .popup_block').fadeOut(function() {
  64. $('#fade, a.close').remove(); //fade them both out
  65. });
  66. return false;
  67. });
  68. });
  69.  
  70. $(document).ready(function() {
  71. //
  72. $('a.poplight[href^=#]').click(function() {
  73. var popID = $(this).attr('rel'); //Get Popup Name
  74. var popURL = $(this).attr('href'); //Get Popup href to define size
  75. var query= popURL.split('?');
  76. var dim= query[1].split('&');
  77. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  78. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  79. var popMargTop = ($('#' + popID).height() + 80) / 2;
  80. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  81. //Apply Margin to Popup
  82. $('#' + popID).css({
  83. 'margin-top' : -popMargTop,
  84. 'margin-left' : -popMargLeft
  85. });
  86. $('body').append('<div id="fade"></div>');
  87. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  88. return false;
  89. });
  90. $('a.close, #fade').live('click', function() {
  91. $('#fade , .popup_block2').fadeOut(function() {
  92. $('#fade, a.close').remove(); //fade them both out
  93. });
  94. return false;
  95. });
  96. });
  97. </script>
  98.  
  99. <title>{Title}</title>
  100. <link rel="shortcut icon" href="http://static.tumblr.com/9svpram/xdHnql5kk/jky1.jpg">
  101. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  102.  
  103. <!--{block:ifInfiniteScrolling}-->
  104. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  105. <!-- {/block:ifInfiniteScrolling} -->
  106.  
  107. <link href="http://fonts.googleapis.com/css?family=Droid+Sans:400,400italic,700,700italic|Montserrat:400,700" rel="stylesheet" type="text/css">
  108.  
  109. <link href='http://fonts.googeleapis.com/css?family=Raleway:400,700,900' rel='stylesheet' type='text/css'>
  110. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  111. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:700,300' rel='stylesheet' type='text/css'>
  112.  
  113. <meta name="color:Body Font" content="#FFFFFF" />
  114. <meta name="color:Background" content="#FFFFFF" />
  115. <meta name="color:Content Background" content="" />
  116. <meta name="color:Link" content="#D40000" />
  117. <meta name="color:Hover Link" content="#D3D3D3" />
  118. <meta name="color:Info One" content="#000000" />
  119. <meta name="color:Info Two" content="#000000" />
  120. <meta name="color:Info Three" content="#000000" />
  121. <meta name="color:Top Bar" content="#000000" />
  122. <meta name="color:Navigation Number" content="#D40000" />
  123. <meta name="color:Navigation Link" content="#FFFFFF" />
  124. <meta name="color:Hover Navigation Link" content="#000000" />
  125. <meta name="color:Hover Navigation Link Glow" content="#FFFFFF" />
  126. <meta name="color:Border" content="#909090" />
  127. <meta name="color:Title" content="#000000" />
  128. <meta name="color:Title First Letter" content="#D40000" />
  129. <meta name="color:Sidebar Title" content="#FFFFFF" />
  130. <meta name="color:Sidebar Title Underline" content="#D40000" />
  131. <meta name="color:Permalink Background" content="#FFFFFF" />
  132. <meta name="color:Extra Link Font" content="#D40000" />
  133. <meta name="color:Extra Link Hover Font" content="#FFFFFF" />
  134. <meta name="color:Extra Link Background" content="#FFFFFF" />
  135. <meta name="color:Extra Link Hover Background" content="#D40000" />
  136. <meta name="color:Scrollbar" content="#000000" />
  137.  
  138. <meta name="if:Show Captions" content="1" />
  139. <meta name="if:Infinite Scrolling" content="0" />
  140.  
  141. <meta name="if:Box One" content="1" />
  142. <meta name="if:Box Two" content="1" />
  143. <meta name="if:Box Three" content="1" />
  144. <meta name="if:Box Four" content="1" />
  145. <meta name="if:Box Five" content="1" />
  146.  
  147. <meta name="if:Extra Link Box" content="1" />
  148. <meta name="if:Extra Link One" content="1" />
  149. <meta name="if:Extra Link Two" content="1" />
  150. <meta name="if:Extra Link Three" content="1" />
  151. <meta name="if:Extra Link Four" content="1" />
  152. <meta name="if:Extra Link Five" content="1" />
  153. <meta name="if:Extra Link Six" content="1" />
  154. <meta name="if:Extra Link Seven" content="1" />
  155. <meta name="if:Extra Link Eight" content="1" />
  156. <meta name="if:Extra Link Nine" content="1" />
  157. <meta name="if:Extra Link Ten" content="1" />
  158.  
  159. <meta name="if:Member Box" content="1" />
  160. <meta name="if:Member One" content="1" />
  161. <meta name="if:Member Two" content="1" />
  162. <meta name="if:Member Three" content="1" />
  163. <meta name="if:Member Four" content="1" />
  164. <meta name="if:Member Five" content="1" />
  165. <meta name="if:Member Six" content="1" />
  166.  
  167. <meta name="if:Site Info Box" content="1" />
  168. <meta name="if:Stat One" content="1" />
  169. <meta name="if:Stat Two" content="1" />
  170. <meta name="if:Stat Three" content="1" />
  171. <meta name="if:Stat Four" content="1" />
  172. <meta name="if:Stat Five" content="1" />
  173. <meta name="if:Stat Six" content="1" />
  174. <meta name="if:Stat Seven" content="1" />
  175. <meta name="if:Stat Eight" content="1" />
  176.  
  177. <meta name="image:header" content="http://static.tumblr.com/e24bae9dcd9bfe7e5c95353f41c47c12/pgx0hf5/Qyenju3vo/tumblr_static_a1kseaiz5dkwg8w8084ogkwg0.jpg"/>
  178. <meta name="image:Background" content="" />
  179. <meta name="image:Content Background" content="http://i.imgur.com/TjKU5af.png" />
  180. <meta name="image:Member One Avatar" content="http://i.imgur.com/g4zLtB2.jpg" />
  181. <meta name="image:Member Two Avatar" content="http://i.imgur.com/g4zLtB2.jpg" />
  182. <meta name="image:Member Three Avatar" content="http://i.imgur.com/g4zLtB2.jpg" />
  183. <meta name="image:Member Four Avatar" content="http://i.imgur.com/g4zLtB2.jpg" />
  184. <meta name="image:Member Five Avatar" content="http://i.imgur.com/g4zLtB2.jpg" />
  185. <meta name="image:Member Six Avatar" content="http://i.imgur.com/g4zLtB2.jpg" />
  186.  
  187. <meta name="text:Title" content="Nicotine" />
  188.  
  189. <meta name="text:Link One" content="Index" />
  190. <meta name="text:Link One URL" content="/" />
  191. <meta name="text:Link Two" content="Message" />
  192. <meta name="text:Link Two URL" content="/ask" />
  193. <meta name="text:Link Three" content="Archive" />
  194. <meta name="text:Link Three URL" content="/archive" />
  195. <meta name="text:Link Four" content="Link Four" />
  196. <meta name="text:Link Four URL" content="Link Four URL" />
  197. <meta name="text:Link Five" content="Link Five" />
  198. <meta name="text:Link Five URL" content="Link Five URL" />
  199. <meta name="text:Link Six" content="Link Six" />
  200. <meta name="text:Link Six URL" content="Link Six URL" />
  201.  
  202. <meta name="text:Box One Title" content="Box One" />
  203. <meta name="text:Box One Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia." />
  204. <meta name="text:Box Two Title" content="Box Two" />
  205. <meta name="text:Box Two Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia." />
  206. <meta name="text:Box Three Title" content="Box Three" />
  207. <meta name="text:Box Three Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia." />
  208. <meta name="text:Box Four Title" content="Box Four" />
  209. <meta name="text:Box Four Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia." />
  210. <meta name="text:Box Five Title" content="Box Five" />
  211. <meta name="text:Box Five Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia." />
  212.  
  213. <meta name="text:Extra Link One" content="Extra Link One" />
  214. <meta name="text:Extra Link One URL" content="Extra Link One URL" />
  215. <meta name="text:Extra Link Two" content="Extra Link Two" />
  216. <meta name="text:Extra Link Two URL" content="Extra Link Two URL" />
  217. <meta name="text:Extra Link Three" content="Extra Link Three" />
  218. <meta name="text:Extra Link Three URL" content="Extra Link Three URL" />
  219. <meta name="text:Extra Link Four" content="Extra Link Four" />
  220. <meta name="text:Extra Link Four URL" content="Extra Link Four URL" />
  221. <meta name="text:Extra Link Five" content="Extra Link Five" />
  222. <meta name="text:Extra Link Five URL" content="Extra Link Five URL" />
  223. <meta name="text:Extra Link Six" content="Extra Link Six" />
  224. <meta name="text:Extra Link Six URL" content="Extra Link Six URL" />
  225. <meta name="text:Extra Link Seven" content="Extra Link Seven" />
  226. <meta name="text:Extra Link Seven URL" content="Extra Link Seven URL" />
  227. <meta name="text:Extra Link Eight" content="Extra Link Eight" />
  228. <meta name="text:Extra Link Eight URL" content="Extra Link Eight URL" />
  229. <meta name="text:Extra Link Nine" content="Extra Link Nine" />
  230. <meta name="text:Extra Link Nine URL" content="Extra Link Nine URL" />
  231. <meta name="text:Extra Link Ten" content="Extra Link Ten" />
  232. <meta name="text:Extra Link Ten URL" content="Extra Link Ten URL" />
  233.  
  234. <meta name="text:Stat One" content="Stat One" />
  235. <meta name="text:Information One" content="Information One" />
  236. <meta name="text:Stat Two" content="Stat Two" />
  237. <meta name="text:Information Two" content="Information Two" />
  238. <meta name="text:Stat Three" content="Stat Three" />
  239. <meta name="text:Information Three" content="Information Three" />
  240. <meta name="text:Stat Four" content="Stat Four" />
  241. <meta name="text:Information Four" content="Information Four" />
  242. <meta name="text:Stat Five" content="Stat Five" />
  243. <meta name="text:Information Five" content="Information Five" />
  244. <meta name="text:Stat Six" content="Stat Six" />
  245. <meta name="text:Information Six" content="Information Six" />
  246. <meta name="text:Stat Seven" content="Stat Seven" />
  247. <meta name="text:Information Seven" content="Information Seven" />
  248. <meta name="text:Stat Eight" content="Stat Eight" />
  249. <meta name="text:Information Eight" content="Information Eight" />
  250.  
  251.  
  252. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  253.  
  254. <style type="text/css">
  255.  
  256. /* text selection block color */
  257. ::-moz-selection {
  258. background-color:#88271b;
  259. color:#FFF;
  260. }
  261.  
  262. ::selection {
  263. background-color:#88271b;
  264. color:#FFF;
  265. }
  266.  
  267.  
  268. html, body {
  269. margin: 0;
  270. padding: 0;
  271. height: 100%;
  272. width: 100%;
  273. background-image:url({image:header});
  274. background-repeat:no-repeat;
  275. background-position: top;
  276. background-attachment: fixed;
  277. -webkit-background-size: cover;
  278. -moz-background-size: cover;
  279. -o-background-size: cover;
  280. background-size: cover;
  281. font:300 11px 'Lato', Arial, sans-serif;
  282. color: {color:Body Font};
  283. text-align: justify;
  284. word-wrap: break-word;
  285. letter-spacing: 1px;
  286. line-height: 16px;
  287. }
  288.  
  289.  
  290. a {
  291. color: {color:Link};
  292. text-decoration: none;
  293. text-shadow:0px 2px 2px #000 -2px;
  294. -webkit-transition: all 0.5s ease;
  295. -moz-transition: all 0.5s ease;
  296. transition: all 0.5s ease;
  297. }
  298.  
  299.  
  300. a:hover {
  301. color: {color:Hover Link};
  302. -webkit-transition: all 0.5s ease;
  303. -moz-transition: all 0.5s ease;
  304. transition: all 0.5s ease;
  305. }
  306.  
  307.  
  308. #leftbox {
  309. width: 160px;
  310. height: 80px;
  311. background: {color:Top Bar};
  312. left: 0px;
  313. position: absolute;
  314. top: 60px;
  315. }
  316.  
  317. #rightbox {
  318. width: 160px;
  319. height: 80px;
  320. background: {color:Top Bar};
  321. position: absolute;
  322. right: 0px;
  323. top: 60px;
  324. }
  325.  
  326. #s-m-t-tooltip {
  327. font-size:8px;
  328. text-align:justify;
  329. text-transform:uppercase;
  330. letter-spacing:1px;
  331. color:#f7f7f7;
  332. max-width:150px;
  333. z-index:999999999!important;
  334. word-wrap:break-word;
  335. margin:24px 14px 7px 12px;
  336. padding:8px;
  337. background-color:#0b0b0b;
  338. border:1px solid rgba(200,200,200,.8);
  339. }
  340.  
  341.  
  342. nav a {
  343. position: fixed;
  344. top: 50%;
  345. display: block;
  346. outline: none;
  347. text-align: left;
  348. z-index: 1000;
  349. -webkit-transform: translateY(-50%);
  350. transform: translateY(-50%);
  351. }
  352.  
  353. nav a.prev {
  354. left: 0;
  355. }
  356.  
  357. nav a.next {
  358. right: 0;
  359. }
  360.  
  361. nav a svg {
  362. display: block;
  363. margin: 0 auto;
  364. padding: 0;
  365. }
  366.  
  367. /*--------------------*/
  368. /* Fillpath (http://www.nizuka.fr/)*/
  369. /*--------------------*/
  370. .color-10 { background: #000000; }
  371.  
  372. .nav-fillpath a {
  373. width: 100px;
  374. height: 100px;
  375. }
  376.  
  377. .nav-fillpath .icon-wrap {
  378. position: relative;
  379. display: block;
  380. width: 100%;
  381. height: 100%;
  382. }
  383.  
  384. .nav-fillpath a::before,
  385. .nav-fillpath a::after,
  386. .nav-fillpath .icon-wrap::before,
  387. .nav-fillpath .icon-wrap::after {
  388. position: absolute;
  389. left: 50%;
  390. width: 3px;
  391. height: 50%;
  392. background: #000000;
  393. content: '';
  394. -webkit-transition: -webkit-transform 0.3s;
  395. transition: transform 0.3s;
  396. -webkit-backface-visibility: hidden;
  397. backface-visibility: hidden;
  398. }
  399.  
  400. .nav-fillpath .icon-wrap::before,
  401. .nav-fillpath .icon-wrap::after {
  402. z-index: 100;
  403. height: 0;
  404. background: #fff;
  405. -webkit-transition: height 0.3s, -webkit-transform 0.3s;
  406. transition: height 0.3s, transform 0.3s;
  407. }
  408.  
  409. .nav-fillpath a::before,
  410. .nav-fillpath .icon-wrap::before {
  411. top: 50%;
  412. -webkit-transform: translateX(-50%) rotate(-135deg);
  413. transform: translateX(-50%) rotate(-135deg);
  414. -webkit-transform-origin: 50% 0%;
  415. transform-origin: 50% 0%;
  416. }
  417.  
  418. .nav-fillpath a.next::before,
  419. .nav-fillpath a.next .icon-wrap::before {
  420. -webkit-transform: translateX(-50%) rotate(135deg);
  421. transform: translateX(-50%) rotate(135deg);
  422. -webkit-transform-origin: 50% 0%;
  423. transform-origin: 50% 0%;
  424. }
  425.  
  426. .nav-fillpath a::after,
  427. .nav-fillpath .icon-wrap::after {
  428. top: 50%;
  429. -webkit-transform: translateX(-50%) rotate(-45deg);
  430. transform: translateX(-50%) rotate(-45deg);
  431. -webkit-transform-origin: 0 0;
  432. transform-origin: 0 0;
  433. }
  434.  
  435. .nav-fillpath a.next::after,
  436. .nav-fillpath a.next .icon-wrap::after {
  437. -webkit-transform: translateX(-50%) rotate(45deg);
  438. transform: translateX(-50%) rotate(45deg);
  439. -webkit-transform-origin: 100% 0%;
  440. transform-origin: 100% 0%;
  441. }
  442.  
  443. .nav-fillpath h3 {
  444. position: absolute;
  445. top: 50%;
  446. margin: 0;
  447. color: {color:text};
  448. text-transform: uppercase;
  449. font-weight: 300;
  450. font-size: 0.85em;
  451. opacity: 0;
  452. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  453. transition: transform 0.3s, opacity 0.3s;
  454. }
  455.  
  456. .nav-fillpath a.prev h3 {
  457. left: 100%;
  458. -webkit-transform: translateY(-50%) translateX(-50%);
  459. transform: translateY(-50%) translateX(-50%);
  460. }
  461.  
  462. .nav-fillpath a.next h3 {
  463. right: 100%;
  464. text-align: right;
  465. -webkit-transform: translateY(-50%) translateX(50%);
  466. transform: translateY(-50%) translateX(50%);
  467. }
  468.  
  469. .nav-fillpath a:hover .icon-wrap::before,
  470. .nav-fillpath a:hover .icon-wrap::after {
  471. height: 50%;
  472. }
  473.  
  474. .nav-fillpath a:hover::before,
  475. .nav-fillpath a:hover .icon-wrap::before {
  476. -webkit-transform: translateX(-50%) rotate(-125deg);
  477. transform: translateX(-50%) rotate(-125deg);
  478. }
  479.  
  480. .nav-fillpath a.next:hover::before,
  481. .nav-fillpath a.next:hover .icon-wrap::before {
  482. -webkit-transform: translateX(-50%) rotate(125deg);
  483. transform: translateX(-50%) rotate(125deg);
  484. }
  485.  
  486. .nav-fillpath a:hover::after,
  487. .nav-fillpath a:hover .icon-wrap::after {
  488. -webkit-transform: translateX(-50%) rotate(-55deg);
  489. transform: translateX(-50%) rotate(-55deg);
  490. }
  491.  
  492. .nav-fillpath a.next:hover::after,
  493. .nav-fillpath a.next:hover .icon-wrap::after {
  494. -webkit-transform: translateX(-50%) rotate(55deg);
  495. transform: translateX(-50%) rotate(55deg);
  496. }
  497.  
  498. .nav-fillpath a:hover h3 {
  499. opacity: 1;
  500. -webkit-transform: translateY(-50%) translateX(0);
  501. transform: translateY(-50%) translateX(0);
  502. }
  503.  
  504. @media screen and (max-width: 520px) {
  505. .nav-slide a.prev,
  506. .nav-reveal a.prev,
  507. .nav-doubleflip a.prev,
  508. .nav-fillslide a.prev,
  509. .nav-growpop a.prev {
  510. -webkit-transform-origin: 0% 50%;
  511. transform-origin: 0% 50%;
  512. }
  513.  
  514. .nav-slide a.next,
  515. .nav-reveal a.next,
  516. .nav-doubleflip a.next,
  517. .nav-fillslide a.next,
  518. .nav-growpop a.next {
  519. -webkit-transform-origin: 100% 50%;
  520. transform-origin: 100% 50%;
  521. }
  522.  
  523. .nav-slide a,
  524. .nav-reveal a,
  525. .nav-doubleflip a,
  526. .nav-fillslide a {
  527. -webkit-transform: scale(0.6);
  528. transform: scale(0.6);
  529. }
  530.  
  531. .nav-growpop a {
  532. -webkit-transform: translateY(-50%) scale(0.6);
  533. transform: translateY(-50%) scale(0.6);
  534. }
  535. }
  536.  
  537.  
  538. #container {
  539. width: 1000px;
  540. top: 60px;
  541. margin: 0 auto;
  542. left: 0;
  543. right: 0;
  544. position: absolute;
  545. }
  546.  
  547. /*container*/
  548. #container1 {min-width:600px; margin-top:620px; float:center; left: 30%;
  549. }
  550.  
  551.  
  552. /*info*/
  553. #info {
  554. width:1020px;
  555. height:auto;
  556. position:absolute;
  557. font-size:14px;
  558. float:center;
  559. right: 0%;
  560. left: 0%;
  561. margin: 0 auto;
  562. margin-top: 20px;
  563. }
  564.  
  565. #tester {
  566. position: relative;
  567. width: 100%;
  568. height: 100%;
  569. top: 0;
  570. left: 0;
  571. margin: 0 auto;
  572. background: #FAFAFA;
  573. background: url('http://static.tumblr.com/abdbf1b91e2a1276abf21901127dfe59/whx9ghv/073mq4lw1/tumblr_static_06.jpg') no-repeat center center fixed;
  574. -webkit-background-size: cover;
  575. -moz-background-size: cover;
  576. -o-background-size: cover;
  577. background-size: cover;
  578. }
  579.  
  580.  
  581. .intro {
  582. width:0px;
  583. height:0px;
  584. bottom:0%;
  585. left: 0%;
  586. right: 0%;
  587. margin: 0 auto;
  588. position:absolute;
  589. z-index:99999999;
  590. background: transparent;
  591. animation: fadein 2s;
  592. -moz-animation: fadein 2s;
  593. -webkit-animation: fadein 2s;
  594.  
  595. }
  596.  
  597. .welcome {
  598. width:910px;
  599. height:70px;
  600. padding:60px 50px 30px 50px;
  601. background-image:url('http://static.tumblr.com/9svpram/WUNnqrc4t/untitled-1.jpg') ;
  602. color:#e7e7e7;
  603. font:300 12px 'Lato', Arial, sans-serif;
  604. letter-spacing: 1px;
  605. line-height: 18px;
  606. text-transform:uppercase;
  607. text-align:justify;
  608. margin-left:0px;}
  609.  
  610. .welcome h1 {
  611. font-size:18px;
  612. color:#fff;
  613. line-height:20px;
  614. text-transform:uppercase;
  615. font-family: 'PT sans 27px', serif;
  616. border-bottom: 0px solid #fff;}
  617.  
  618. .welcome a {color:#e14d43;}
  619.  
  620. .project {
  621. width:900px;
  622. height:170px;
  623. margin-left:0px;
  624. padding:26px 60px 60px 50px;
  625. background-image:url('http://static.tumblr.com/9svpram/49onqrc97/untitled-2.jpg') ;
  626. font:300 12px 'Lato', Arial, sans-serif;
  627. letter-spacing: 1px;
  628. line-height: 16px;
  629. color:#ebebeb;}
  630.  
  631. .project h1 {
  632. font-size:15px;
  633. font-family: 'Inherit', sans-serif;
  634. line-height:30px;
  635. letter-spacing: 1px;
  636. color:#fff;
  637. text-align:left;
  638. text-transform:uppercase;
  639. border-bottom: 1px solid rgba(200,200,200,.8)}
  640.  
  641. .project b {color:#e14d43; line-height:25px;}
  642.  
  643. .project a {margin-right:5px; color:#d4d4d4; margin-top: 15px; font-weight:bold; border:1px solid #d4d4d4; padding:8px; float:right;}
  644.  
  645. .project a:hover {margin-right:5px; margin-top:15px; border:1px solid #fff;
  646. background:#d4d4d4; color:#000; padding:8px; float:right;}
  647.  
  648.  
  649. .media {
  650. width:230px;
  651. height:201px;
  652. padding:15px 30px 30px 30px;
  653. background-image:url('http://static.tumblr.com/9svpram/IyGnqrct4/untitled-3.jpg') ;
  654. color:#e7e7e7;
  655. font:300 12px 'Lato', Arial, sans-serif;
  656. line-height: 18px;
  657. text-transform:uppercase;
  658. text-align:justify
  659. margin-left:0px;
  660. }
  661.  
  662. .media {
  663. font-size:18px;
  664. line-height:20px;
  665. text-transform:uppercase;
  666. color:#f2992e;
  667. }
  668.  
  669. .top_square {
  670. width:70px;
  671. height:70px;
  672. margin-top:55px;
  673. margin-left:60px;
  674. float:center;
  675. }
  676.  
  677. .top_cross_1 {
  678. width:0px;
  679. height:160px;
  680. margin-top:-25px;
  681. margin-left:43px;
  682. position:absolute;
  683. border-left:1px dashed #fff;
  684. background:transparent;
  685. -webkit-transform: rotate(45deg);
  686. -moz-transform: rotate(45deg);
  687. -ms-transform: rotate(45deg);
  688. -o-transform: rotate(45deg);
  689. }
  690.  
  691. .top_cross_2 {
  692. width:0px;
  693. height:160px;
  694. margin-top:-25px;
  695. margin-left:43px;
  696. position:absolute;
  697. border-left:1px dashed #fff;
  698. background:transparent;
  699. -webkit-transform: rotate(-45deg);
  700. -moz-transform: rotate(-45deg);
  701. -ms-transform: rotate(-45deg);
  702. -o-transform: rotate(-45deg);
  703. }
  704.  
  705. /* Navigation icons */
  706.  
  707. .nav_ar, .nav_h {
  708. width:26px;
  709. opacity:{text:Icon opacity};
  710. position:absolute;
  711. transition-duration: 0.6s;
  712. -moz-transition-duration: 0.6s;
  713. -webkit-transition-duration: 0.6s;
  714. -o-transition-duration: 0.6s;
  715. }
  716. .nav_as {
  717. width:23px;
  718. opacity:{text:Icon opacity};
  719. position:absolute;
  720. transition-duration: 0.6s;
  721. -moz-transition-duration: 0.6s;
  722. -webkit-transition-duration: 0.6s;
  723. -o-transition-duration: 0.6s;
  724. }
  725.  
  726. .nav_l{
  727. width:38px;
  728. opacity:{text:Icon opacity};
  729. position:absolute;
  730. transition-duration: 0.6s;
  731. -moz-transition-duration: 0.6s;
  732. -webkit-transition-duration: 0.6s;
  733. -o-transition-duration: 0.6s;
  734. }
  735.  
  736.  
  737. .nav_h { margin-left:30px; margin-top:-2px;}
  738. .nav_l { margin-left:25px; margin-top:82px; }
  739. .nav_as { margin-left:-14px;margin-top:40px; }
  740. .nav_ar { margin-left:75px; margin-top:40px; }
  741.  
  742. #title {
  743. font-size: 42px;
  744. line-height: 40px;
  745. letter-spacing: -3px;
  746. margin-right: 30px;
  747. text-transform: uppercase;
  748. font-family: Raleway;
  749. font-weight: 900;
  750. border-right: 1px solid {color:Border};
  751. padding: 25px;
  752. padding-right: 35px;
  753. padding-left: 35px;
  754. color: {color:Title};
  755. float: left;
  756. }
  757.  
  758. .extras {
  759. width:610px;
  760. height:160px;
  761. padding:26px 60px 60px 50px;
  762. background-image:url('http://static.tumblr.com/9svpram/Rxunqrdht/untitled-4.jpg') ;
  763. font:300 12px 'Lato', Arial, sans-serif;
  764. letter-spacing: 1px;
  765. line-height: 16px;
  766. color:#ebebeb;}
  767.  
  768. .icon {
  769. font-size: 40px;
  770. }
  771.  
  772. .nav_link {
  773. margin: 6px;
  774. display:inline-block;
  775. text-align:center;
  776. opacity:1;
  777. color:#fff;
  778. }
  779.  
  780. .nav_link p {
  781. margin:0;
  782. padding:0;
  783. opacity:0;
  784. color:#ffffff;
  785. font-family: arial, sans-serif;
  786. font-size:8px;
  787. letter-spacing:2px;
  788. line-height:10px;
  789. text-transform:uppercase;
  790. }
  791.  
  792.  
  793. #navigation {
  794. position: relative;
  795. float:center;
  796. font-size: 11px;
  797. font-family: Raleway;
  798. font-weight: 900;
  799. letter-spacing: 2px;
  800. text-transform: uppercase;
  801. line-height: 20px;
  802. }
  803.  
  804. #navigation a {
  805. display: inline-block;
  806. width: 121px;
  807. padding: 10px 5px;
  808. margin-top: 15px;
  809. color: {color:Navigation Link};
  810. }
  811.  
  812. #navigation a:hover {
  813. color: {color:Hover Navigation Link};
  814. text-shadow: 0 0 3px {color:Hover Navigation Link Glow},
  815. 0 0 3px {color:Hover Navigation Link Glow},
  816. 0 0 3px {color:Hover Navigation Link Glow},
  817. 0 0 3px {color:Hover Navigation Link Glow};
  818. }
  819.  
  820. .number {
  821. color: {color:Navigation Number};
  822. letter-spacing: 1px;
  823. text-shadow: none;
  824. }
  825.  
  826. .number a:hover {
  827. color: {color:Navigation Number};
  828. text-shadow: none;
  829. }
  830.  
  831. #content {
  832. right: 0%;
  833. margin: 0 auto;
  834. left: 0%;
  835. width: 1010px;
  836. min-height: 3000px;
  837. margin-top: 100px;
  838. padding-top: 550px;
  839. background: #000;
  840. }
  841.  
  842. #sidebar {
  843. width: 235px;
  844. height: auto;
  845. position: absolute;
  846. text-align: justify;
  847. margin-top: 80px;
  848. padding-right: 30px;
  849. padding-left: 20px;
  850. padding-bottom: 20px;
  851. margin-left: 25px;
  852. border-right:1px solid rgba(200,200,200,.3);
  853. }
  854.  
  855. #entries {
  856. position: relative;
  857. width: 500px;
  858. margin-left: 405px;
  859. margin-top: 30px;
  860. }
  861.  
  862. .subtitle {
  863. font-family: Raleway;
  864. font-size: 11px;
  865. letter-spacing: 2px;
  866. text-align: right;
  867. font-weight: 900;
  868. width: 220px;
  869. padding-bottom: 6px;
  870. border-bottom:1px solid rgba(200,200,200,.3);
  871. padding-top: 25px;
  872. text-transform: uppercase;
  873. color: {color:Sidebar Title};
  874. }
  875.  
  876. .small {
  877. font-size: 12px;
  878. }
  879.  
  880. .subcontent {
  881. margin-bottom: 40px;
  882. padding-top: 10px;
  883. text-align: justify;
  884. width:220px;
  885. }
  886.  
  887. .subcontent c{
  888. float:right;
  889. text-transform:uppercase;
  890. }
  891.  
  892. p#spelnks{
  893. overflow:hidden;
  894. }
  895. p#spelnks a,p#upds a {
  896. margin:0 0 5px 0;
  897. background: #000;
  898. padding:10px 60px;
  899. padding-right:0;
  900. font-size: 9px;
  901. color:#fff;
  902. letter-spacing:2px;
  903. display:block;
  904. letter-spacing:1px;
  905. text-transform:uppercase;
  906. text-align:center;
  907. overflow:hidden;
  908. position:relative;
  909. margin-left:-42px;
  910. }
  911. p#spelnks a:hover{
  912. margin-left:0;
  913. background: {color:Extra Link Hover Background};
  914. }
  915. p#spelnks a > i{
  916. font-size:20px;
  917. display:block;
  918. width:18px;
  919. text-align:center;
  920. position:absolute;
  921. top:0;
  922. left:0;
  923. padding:10px;
  924. }
  925. #spelnks i[class*="youtube"]{
  926. background-color: {color:Extra Link Hover Background};
  927. }
  928. #spelnks i[class*="twitter"]{
  929. background-color: {color:Extra Link Hover Background};
  930. }
  931.  
  932. #spelnks i[class*="facebook"]{
  933. background-color: {color:Extra Link Hover Background};
  934. }
  935. #spelnks i[class*="world"]{
  936. background-color: {color:Extra Link Hover Background};
  937. }
  938. #spelnks i[class*="instagram"]{
  939. background-color: {color:Extra Link Hover Background};
  940. }
  941.  
  942. #links {
  943. margin-top: 10px;
  944. }
  945.  
  946. #links a {
  947. width: 230px;
  948. display: block;
  949. height: 35px;
  950. font-size: 9px;
  951. line-height: 30px;
  952. text-align: center;
  953. text-transform: uppercase;
  954. background: {color:Extra Link Background};
  955. color: {color:Extra Link Font};
  956. letter-spacing: 1px;
  957. margin-bottom: 5px;
  958. }
  959.  
  960. #links a:hover {
  961. background: {color:Extra Link Hover Background};
  962. }
  963.  
  964. #members {
  965. font-size: 9px;
  966. text-transform: uppercase;
  967. margin-top: 10px;
  968. }
  969.  
  970. #members img {
  971. border: 4px solid {color:Border};
  972. border-radius: 100%;
  973. width: 46px;
  974. height: 46px;
  975. margin-bottom: 5px;
  976. }
  977.  
  978. #members .name a {
  979. width: 175px;
  980. height: 15px;
  981. font-size: 9px;
  982. display: block;
  983. line-height: 15px;
  984. border-bottom: 1px solid {color:Border};
  985. color: {color:Sidebar Title};
  986. margin-left: -6px;
  987. font-weight: bold;
  988. letter-spacing: 2px;
  989. padding-left: 6px;
  990. margin-bottom: 2px;
  991. }
  992.  
  993. .post {
  994. width: 500px;
  995. margin-bottom: 100px;
  996. }
  997.  
  998. .post a {
  999. color: {color:Link};
  1000. }
  1001.  
  1002. .post img {
  1003. max-width: 100%;
  1004. -webkit-transition: all 0.5s ease;
  1005. -moz-transition: all 0.5s ease;
  1006. transition: all 0.5s ease;
  1007. }
  1008.  
  1009.  
  1010. #tag {
  1011. font-size: 8px;
  1012. letter-spacing: 1px;
  1013. font-weight: normal;
  1014. }
  1015.  
  1016. .quote {
  1017. font-size: 22px;
  1018. text-transform: lowercase;
  1019. font-style: italic;
  1020. letter-spacing: -2px;
  1021. }
  1022.  
  1023. iframe.tumblr_audio_player{
  1024. width:45px;
  1025. height:45px;
  1026. top:27.5px;
  1027. left:27.5px;
  1028. position:absolute;
  1029. }
  1030. .audio{
  1031. position:relative;
  1032. width:100%;
  1033. height:100px;
  1034. overflow:auto;
  1035. }
  1036. .audio > img{
  1037. width:100px;
  1038. height:100px;
  1039. position:absolute;
  1040. left:0;
  1041. left:0;
  1042. opacity:.8;
  1043. }
  1044. .audio > span{
  1045. display:block;
  1046. float:left;
  1047. text-align:left;
  1048. margin-left:120px;
  1049. line-height:250%;
  1050. text-transform:uppercase;
  1051. font-size:9px;
  1052. letter-spacing:1px;
  1053. }
  1054.  
  1055.  
  1056.  
  1057. #ask {
  1058. width: 460px;
  1059. border-bottom: 0px solid {color:Border};
  1060. text-align: justify;
  1061. margin-bottom: 20px;
  1062. padding: 0px 20px 20px 7px;
  1063. }
  1064.  
  1065. #ask a {
  1066. color: {color:Permalink};
  1067. }
  1068.  
  1069. #notes *{
  1070. margin:0;
  1071. padding:0;
  1072. }
  1073. #notes{
  1074. clear:both;
  1075. margin-top:30px;
  1076. padding-bottom:50px;
  1077. text-align:center;
  1078. }
  1079. #notes li{
  1080. padding:0;
  1081. margin:0;
  1082. list-style-type:none;
  1083. display:inline-block;
  1084. width:25px;
  1085. height:25px;
  1086. margin:7px;
  1087. overflow:hidden;
  1088. }
  1089. #notes img{
  1090. width:35px;
  1091. height:35px;
  1092. }
  1093.  
  1094. article{
  1095. width:500px;
  1096. padding:50px 20px 0px 0px;
  1097. margin-bottom:90px;
  1098. position:relative;
  1099. }
  1100. article img, article iframe, article embed{
  1101. max-width:100%;
  1102. }
  1103. article pre{
  1104. white-space:normal;
  1105. }
  1106.  
  1107. blockquote{ background-color:{color:Caption Background}; padding:5px; padding-left:0px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px;}
  1108.  
  1109. .photoquote { background-color:transparent; border-left:0px solid rgba(200,200,200,.3); margin-top:0px; -moz-border-radius:0px 0px 10px 0px; -webkit-border-radius:0px 0px 10px 0px;}
  1110.  
  1111. article h1{
  1112. padding:0px;
  1113. line-height:150%;
  1114. font-family: 'Inherit', sans-serif;
  1115. text-align:center;
  1116. text-transform:uppercase;
  1117. background-color:{color:DarkAccentColor};
  1118. color:#fff;
  1119. }
  1120. article h2{
  1121. line-height:150%;
  1122. font-size:15px;
  1123. }
  1124. article h1:hover a,
  1125. article h1 a:hover{
  1126. color:#fff!important;
  1127. }
  1128.  
  1129. .perma{
  1130. display:block;
  1131. width:500px;
  1132. height:auto;
  1133. text-transform:uppercase;
  1134. font-size:11px;
  1135. position:relative;
  1136. left:0px;
  1137. margin-top:5px;
  1138. }
  1139. .tags a{
  1140. color:#e0e0e0;
  1141. background-color:fff;
  1142. letter-spacing:0px;
  1143. word-spacing:1px;
  1144. margin-right:7px;
  1145. font-size:11px;
  1146. padding:2px;
  1147. }
  1148. .tags a:hover{
  1149. color:#e0e0e0;
  1150. font-style:italic;
  1151. }
  1152.  
  1153. .dateperm{
  1154. text-align:center;
  1155. position:relative;
  1156. display:table-cell;
  1157. {block:PermalinkPage}width:500px;line-height:30px;font-size:11px; background:#000; {/block:PermalinkPage}
  1158. {block:IndexPage}width:80px;line-height:20px;{/block:IndexPage}
  1159. border-top:0px solid {color:Sidebar Title Underline};
  1160. background:{color:Extra Link Hover Background};
  1161. color:#fff;
  1162. padding:0;
  1163. margin-left:40px;
  1164. }
  1165. {block:IndexPage}
  1166. .dateperm a{
  1167. display:block;
  1168. width:80px;
  1169. height:20px;
  1170. position:absolute;
  1171. top:0;right:0;
  1172. left:0;bottom:0;
  1173. margin:auto;
  1174. color:#fff;
  1175. }
  1176. {/block:IndexPage}
  1177. .dateperm a:hover{color:#fff;}
  1178. .notecount a:hover{color:#fff;}
  1179. .tags{
  1180. {block:PermalinkPage}
  1181. display:block;
  1182. clear:both;
  1183. width:500px;
  1184. {/block:PermalinkPage}
  1185. {block:IndexPage}
  1186. display:table-cell;
  1187. width:400px;
  1188. border-top:1px solid rgba(200,200,200,.3);
  1189. {/block:IndexPage}
  1190. padding:10px;
  1191. background-color:transparent;
  1192. text-transform:uppercase;
  1193. font-size:8.5px;
  1194. text-align:justify;
  1195. color:#fff;
  1196. font-family:'Helvetica Neue', 'Arial', sans-serif;
  1197. }
  1198.  
  1199. article:hover .button{
  1200. opacity:1;
  1201. transition-duration:.3s;
  1202. -webkit-transition-duration:.3s;
  1203. -moz-transition-duration:.3s;
  1204. -ms-transition-duration:.3s;
  1205. -o-transition-duration:.3s;
  1206. }
  1207.  
  1208. .button{
  1209. z-index:9;
  1210. opacity:0;
  1211. width:142.5px;
  1212. position:absolute;
  1213. top:80px;
  1214. right:40px;
  1215. transition-duration:.3s;
  1216. -webkit-transition-duration:.3s;
  1217. -moz-transition-duration:.3s;
  1218. -ms-transition-duration:.3s;
  1219. -o-transition-duration:.3s;
  1220. }
  1221. .button span{
  1222. display:block;
  1223. float:right;
  1224. background-color:rgba(0,0,0,.5);
  1225. padding:10px;
  1226. margin-right:10px;
  1227. width:15px;
  1228. height:15px;
  1229. border-radius:100%;
  1230. transition-duration:.3s;
  1231. -webkit-transition-duration:.3s;
  1232. -moz-transition-duration:.3s;
  1233. -ms-transition-duration:.3s;
  1234. -o-transition-duration:.3s;
  1235. }
  1236. .button span > *{
  1237. max-width:15px;
  1238. margin-top:-3px;
  1239. }
  1240. .button span img{
  1241. width:16px;
  1242. -webkit-filter: invert(100%);
  1243. filter: invert(100%);
  1244. }
  1245. .button span:hover{
  1246. background-color:#000;
  1247.  
  1248. transition-duration:.3s;
  1249. -webkit-transition-duration:.3s;
  1250. -moz-transition-duration:.3s;
  1251. -ms-transition-duration:.3s;
  1252. -o-transition-duration:.3s;
  1253. }
  1254. .button i{
  1255. margin-top:-5px;
  1256. }
  1257.  
  1258. #pagination {
  1259. text-align: center;
  1260. margin: 0 auto;
  1261. font-size: 20px;
  1262. bottom: 0px;
  1263. height: 35px;
  1264. line-height: 26px;
  1265. background: {color:Top Bar};
  1266. width: 950px;
  1267. }
  1268.  
  1269. #pagination a {
  1270. color: {color:Body Font};
  1271. padding: 0px 5px;
  1272. }
  1273.  
  1274.  
  1275. /* Pagination
  1276. -------------------------------------------------------------*/
  1277.  
  1278. #back-top {
  1279. position: fixed;
  1280. text-align: center;
  1281. text-transform: uppercase;
  1282. z-index: 9999;
  1283. }
  1284.  
  1285. .hidden {display: none;}
  1286.  
  1287. ::-webkit-scrollbar {
  1288. height: 10px;
  1289. width: 2px;
  1290. background: rgba(0,0,0,.75);
  1291. }
  1292.  
  1293. ::-webkit-scrollbar-thumb:vertical {
  1294. background: {color:Scrollbar};
  1295. }
  1296.  
  1297. /* Icom on top*/
  1298.  
  1299. #d {
  1300. width: 540px;
  1301. top: 640px;
  1302. margin: 0 auto;
  1303. left: 0;
  1304. right: 0;
  1305. position: absolute;
  1306. float:center;
  1307. font-size: 16px;
  1308. line-height: 4px;
  1309. letter-spacing:3px;
  1310. display: block;
  1311. height:60px;
  1312. }
  1313.  
  1314. .popup_block{
  1315. display:none;
  1316. background:#000;
  1317. width: 700px;
  1318. height: 500px;
  1319. overflow-y:scroll;
  1320. overflow-x:hidden;
  1321. padding:20px;
  1322. float:left;
  1323. position:fixed;
  1324. top:50%;left:50%;
  1325. z-index: 99999;
  1326. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  1327. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  1328. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  1329. }
  1330. .popup_block2{
  1331. display:none;
  1332. background:#000;
  1333. width: 500px;
  1334. padding:20px;
  1335. float:left;
  1336. position:fixed;
  1337. top:50%;left:50%;
  1338. z-index: 99999;
  1339. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  1340. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  1341. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  1342. }
  1343.  
  1344. *html #fade {position: absolute;}
  1345. *html .popup_block {position: absolute;}
  1346. #fade {
  1347. display:none;
  1348. position:fixed;
  1349. left:0px;
  1350. top:0px;
  1351. width:100%;
  1352. height:100%;
  1353. z-index:9999;
  1354. background:#000; /* change to #fff for solid white */
  1355. opacity:0.5; /* change to opacity:1; */
  1356. }
  1357.  
  1358.  
  1359. #tagcontainer{
  1360. margin-left:auto;
  1361. margin-right:auto;
  1362. margin-top:0px;
  1363. width:540px;
  1364. height:auto;
  1365. text-align:center;
  1366. color:#3a6453;
  1367. margin-bottom:80px;
  1368. }
  1369.  
  1370. #tagtitle{
  1371. text-transform:uppercase;
  1372. height:15px;
  1373. padding:15px;
  1374. padding-bottom:3px;
  1375. text-align:left;
  1376. font-size:30px;
  1377. letter-spacing:1px;
  1378. color:{color:Title First Letter};
  1379. }
  1380.  
  1381. #tagnavlinks{
  1382. position:relative;
  1383. margin-top:3px
  1384. }
  1385.  
  1386. .tagnavlink{
  1387. background:#fff;
  1388. padding:4px;
  1389. padding-left:8px;
  1390. padding-right:8px;
  1391. font-size:11px;
  1392. letter-spacing:1px;
  1393. color:#fff;
  1394. position:relative;
  1395. display:inline-block;
  1396. text-transform:uppercase;
  1397. }
  1398.  
  1399. .tagsectiontitle{
  1400. border-bottom:2px solid #fff;
  1401. font-size:14px;
  1402. padding:8px;
  1403. margin-top:5px;
  1404. color:#fff;
  1405. text-align:left;
  1406. text-transform:uppercase;
  1407. font-weight:bold;
  1408. letter-spacing:1px;
  1409. }
  1410.  
  1411. .tagtagcontainer{
  1412. border: 0px solid #afe0cc;
  1413. padding:3px;
  1414. }
  1415.  
  1416. .tagtag{
  1417. font-size:11px;
  1418. font-family:arial;
  1419. letter-spacing:1px;
  1420. margin-bottom:1px;
  1421. padding:5px;
  1422. -webkit-transition: background .5s;
  1423. border-bottom:1px dotted rgba(200,200,200,.5);
  1424. text-align:left;
  1425. text-transform:none;
  1426. }
  1427. .tagtag:hover{
  1428. color:{color:Title First Letter};
  1429. -webkit-transition: background .5s;
  1430. }
  1431. iframe#tumblr_controls {
  1432.  
  1433. top: 0% !important;
  1434. right:0% !important;
  1435. display:none !important;
  1436. }
  1437. </style>
  1438. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  1439. </head>
  1440. <body>
  1441.  
  1442.  
  1443. <div id="tester">
  1444. <div class="intro"></div></div>
  1445.  
  1446. <div id="container">
  1447.  
  1448. </div>
  1449.  
  1450.  
  1451. <div id="info">
  1452. <table border="0" cellspacing="0" cellpadding="0">
  1453. <tr>
  1454. <div class="welcome"></div>
  1455. </tr>
  1456.  
  1457. <tr>
  1458. <div class="project">
  1459. </div>
  1460. </tr>
  1461. <tr><td>
  1462. <div class="media"></div>
  1463. </td>
  1464. <td>
  1465. <div class="extras"></div>
  1466. </tr>
  1467. </table>
  1468. </div>
  1469.  
  1470. <div id="content">
  1471. <div id="sidebar">
  1472.  
  1473. {block:ifBoxOne}
  1474. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">{text:Box One Title}</span></div>
  1475. <div class="subcontent">{text:Box One Content}</div>
  1476. {/block:ifBoxOne}
  1477.  
  1478. {block:ifBoxTwo}
  1479. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">{text:Box Two Title}</span></div>
  1480. <div class="subcontent">{text:Box Two Content}</div>
  1481. {/block:ifBoxTwo}
  1482.  
  1483. {block:ifBoxThree}
  1484. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">{text:Box Three Title}</span></div>
  1485. <div class="subcontent">{text:Box Three Content}</div>
  1486. {/block:ifBoxThree}
  1487.  
  1488. {block:ifBoxFour}
  1489. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">{text:Box Four Title}</span></div>
  1490. <div class="subcontent"><center>{text:Box Four Content}</center></div>
  1491. {/block:ifBoxFour}
  1492.  
  1493. {block:ifBoxFive}
  1494. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">{text:Box Five Title}</span></div>
  1495. <div class="subcontent"><center>{text:Box Five Content}</center></div>
  1496. {/block:ifBoxFive}
  1497.  
  1498. {block:ifExtraLinkBox}
  1499. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">CAMPAIGNS</span></div>
  1500. <div class="subcontent"><center><div id="links">
  1501.  
  1502. <a href="/tagged/le-coq-sportif">Le Coq Sportif</a>
  1503. <a href="/tagged/jambangee">Jambangee Jeans</a>
  1504. <a href="/tagged/gxg-jeans">GXG Jeans</a>
  1505.  
  1506. </div></center></div>
  1507. {/block:ifExtraLinkBox}
  1508.  
  1509.  
  1510. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">EXPLORE</span></span></div>
  1511. <div class="subcontent">
  1512. <p id="spelnks">
  1513. <a href="http://ygkplus.com"><i class="icon ion-ios-world-outline"> </i> ygkplus website</a>
  1514. <a href="http://facebook.com/KplusModelManagement"><i class="icon ion-social-facebook"> </i> ygkplus facebook</a>
  1515. <a href="http://instagram.com/yg_kplus"><i class="icon ion-social-instagram-outline"> </i> ygkplus instagram</a>
  1516. <a href="http://youtube.com/ygkplustv"><i class="icon ion-social-youtube-outline"> </i> ygkplus youtube</a>
  1517. </p>
  1518. </div></center>
  1519.  
  1520.  
  1521.  
  1522.  
  1523. {block:ifSiteInfoBox}
  1524. <div class="subtitle"><span style="border-bottom: 2px solid {color:Sidebar Title Underline}; padding-bottom: 7px; padding-left: 7px; padding-right: 5px;">STATISTICS</span></div>
  1525. <div class="subcontent">
  1526. <small>
  1527. {block:ifStatOne}<b>{text:Stat One}:</b>
  1528. <c>{text:Information One}</c><br />{/block:ifStatOne}
  1529. {block:ifStatTwo}<b>{text:Stat Two}:</b>
  1530. <b><c>{text:Information Two}</c></b><br />{/block:ifStatTwo}
  1531. {block:ifStatThree}<b>{text:Stat Three}:</b>
  1532. <b><c>{text:Information Three}</c></b><br />{/block:ifStatThree}
  1533. {block:ifStatFour}<b>{text:Stat Four}:</b>
  1534. <b><c>{text:Information Four}</c></b></b><br />{/block:ifStatFour}
  1535. {block:ifStatFive}<b>{text:Stat Five}:</b>
  1536. <c>{text:Information Five}</c><br />{/block:ifStatFive}
  1537. {block:ifStatSix}<b>{text:Stat Six}:</b>
  1538. {text:Information Six}<br />{/block:ifStatSix}
  1539. {block:ifStatSeven}<b>{text:Stat Seven}:</b>
  1540. {text:Information Seven}<br />{/block:ifStatSeven}
  1541. {block:ifStatEight}<b>{text:Stat Eight}:</b></b>
  1542. {text:Information Eight}<br />{/block:ifStatEight}
  1543. </small>
  1544. </div>
  1545. {/block:ifSiteInfoBox}
  1546.  
  1547. </div>
  1548.  
  1549.  
  1550. <div id="entries">
  1551. <div class=""autopagerize_page_element">
  1552. {block:Posts}
  1553. <article>
  1554. {block:ContentSource}
  1555. <!-- {SourceURL}{block:SourceLogo}
  1556. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1557. {/block:SourceLogo}
  1558. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1559. {/block:ContentSource}{block:RebloggedFrom}
  1560. <!--<br><strong>Reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  1561. <br><strong>Originally by:</strong> <a href="{ReblogRootURL}">
  1562. {ReblogRootName}</a></span>-->
  1563. {/block:RebloggedFrom}
  1564.  
  1565.  
  1566.  
  1567. {block:Photo}
  1568. {block:IndexPage}
  1569. <div class="button">
  1570. <span>{ReblogButton color="white"}</span>
  1571. <span><i>{LikeButton size="15" color="white"}</i></span>
  1572. {block:HighRes} <span><a href="{PhotoURL-HighRes}" download><img src="http://static.tumblr.com/9svpram/cmtnnrnph/icondl.png"></a></span>{/block:HighRes}
  1573. </div>
  1574. {/block:IndexPage}
  1575.  
  1576. {LinkOpenTag}
  1577. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1578. {LinkCloseTag}
  1579.  
  1580.  
  1581. <div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>
  1582.  
  1583. {/block:Photo}
  1584.  
  1585.  
  1586. {block:Photoset}
  1587. {block:IndexPage}
  1588. <div class="button">
  1589. <span>{ReblogButton}</span>
  1590. <span><i>{LikeButton size="15" color="white"}</i></span>
  1591. </div>
  1592. {/block:IndexPage}
  1593. {Photoset}
  1594.  
  1595.  
  1596. <div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>
  1597.  
  1598. {/block:Photoset}
  1599.  
  1600. {block:Video}
  1601.  
  1602. {Video-500}
  1603.  
  1604.  
  1605. <div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>
  1606.  
  1607. {/block:Video}
  1608.  
  1609.  
  1610. {block:Text}
  1611.  
  1612. {block:Title}
  1613. <h1>
  1614. <a href="{Permalink}">
  1615. {Title}
  1616. </a>
  1617. </h1>
  1618. {/block:Title}
  1619.  
  1620. {Body}
  1621.  
  1622. {/block:Text}
  1623.  
  1624.  
  1625. {block:Link}
  1626.  
  1627. <h1>
  1628. <a href="{URL}">
  1629. {Name} »
  1630. </a>
  1631. </h1>
  1632.  
  1633. {block:Description}{Description}{/block:Description}
  1634.  
  1635. {/block:Link}
  1636.  
  1637.  
  1638. {block:Quote}
  1639.  
  1640. <a href="{Permalink}">
  1641. <h1>
  1642. “{Quote}”
  1643. </h1>
  1644. </a>
  1645.  
  1646. {block:Source}
  1647. <cite>— {Source}</cite>
  1648. {/block:Source}
  1649.  
  1650. {/block:Quote}
  1651.  
  1652. {block:Chat}
  1653. <div class="chat">
  1654. {block:Lines}
  1655. <li class="{Alt}">
  1656. {block:Label}
  1657. <b>{Label}</b>
  1658. {/block:Label}
  1659. {Line}
  1660. </li>
  1661. {/block:Lines}
  1662. </div>
  1663. {/block:Chat}
  1664.  
  1665.  
  1666. {block:Answer}
  1667. <div id="ask">
  1668. <img src="{AskerPortraitURL-48}" style="margin: 7px 10px 5px 0px; float: left; border-radius: 100%;">
  1669. <div style="font-size: 11px; font-weight: bold;">
  1670. <span style="text-transform: uppercase; font-weight: bold; letter-spacing: 2px;">{Asker}:</span></div>
  1671. {Question}
  1672. </div>
  1673. {Answer}
  1674. {/block:Answer}
  1675.  
  1676. {/block:Answer}
  1677.  
  1678. {block:Audio}
  1679. <div class="audio">
  1680. {block:AlbumArt}
  1681. <img src="{AlbumArtURL}">
  1682. {/block:AlbumArt}
  1683. <span>
  1684. {block:TrackName}
  1685. <b>song: </b>{TrackName}
  1686. {/block:TrackName}
  1687. {block:Artist}
  1688. <br><b>artist: </b>{Artist}
  1689. {/block:Artist}
  1690. {block:Album}
  1691. <br><b>album: </b>{Album}
  1692. {/block:Album}
  1693. {block:PlayCount}
  1694. <br><b>plays: </b>{FormattedPlayCount}
  1695. {/block:PlayCount}
  1696. </span>
  1697. {AudioPlayer}
  1698. </div>
  1699. {block:Caption}{Caption}{/block:Caption}
  1700.  
  1701. {/block:Audio}
  1702.  
  1703.  
  1704. {block:Date}
  1705. <div class="perma">
  1706. <div class="dateperm">
  1707.  
  1708. {block:PermalinkPage}
  1709. posted <a href="{Permalink}">{TimeAgo}</a>
  1710. with <a><b>{NoteCountWithLabel}</b></a> / <a href="{ReblogURL}" target="_blank">Reblog</a>
  1711. {block:RebloggedFrom}
  1712. <a href="{ReblogRootURL}" title="{ReblogRootName}: {ReblogRootTitle}"> / source</a></div>
  1713. {/block:RebloggedFrom}
  1714. {/block:PermalinkPage}
  1715. {block:IndexPage}
  1716. <a href="{Permalink}">
  1717. <b>{ShortMonth} {DayOfMonthWithZero}
  1718. </a></b>
  1719. {/block:IndexPage}
  1720. </div>
  1721.  
  1722. <div class="tags">
  1723. {block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}
  1724. </div>
  1725. </div>
  1726. {/block:Date}
  1727.  
  1728. {block:PostNotes}
  1729. <div id="notes">
  1730. {PostNotes-64}
  1731. </div>
  1732. {/block:PostNotes}
  1733.  
  1734. </article>
  1735. {/block:Posts}
  1736. </div>
  1737. </div>
  1738.  
  1739. {block:Pagination}
  1740. <div id="pagination">
  1741.  
  1742. <span style="font-size: 14px; line-height: 0px;">{CurrentPage} OF {TotalPages}</span>
  1743.  
  1744. </div>
  1745.  
  1746. {/block:Pagination}
  1747. </div>
  1748. </div>
  1749.  
  1750.  
  1751.  
  1752. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  1753. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/wgg6svp/75pnfplip/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  1754. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  1755. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1756. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1757.  
  1758.  
  1759. <script>
  1760. $(document).ready(function(){
  1761.  
  1762. // hide #back-top first
  1763. $("#back-top").hide();
  1764.  
  1765. // fade in #back-top
  1766. $(function () {
  1767. $(window).scroll(function () {
  1768. if ($(this).scrollTop() > 850) {
  1769. $('#back-top').fadeIn();
  1770. } else {
  1771. $('#back-top').fadeOut();
  1772. }
  1773. });
  1774.  
  1775. // scroll body to 0px on click
  1776. $('#top a').click(function () {
  1777. $('body,html').animate({
  1778. scrollTop: 0
  1779. }, 800);
  1780. return false;
  1781. });
  1782. });
  1783.  
  1784. });
  1785. </script>
  1786.  
  1787. </body>
  1788. <div id="back-top">
  1789. <nav class="nav-fillpath">
  1790.  
  1791. {block:PreviousPage}
  1792. <a class="prev" href="{PreviousPage}">
  1793. <span class="icon-wrap"></span>
  1794. <h3><strong>PREV</strong> PAGE</h3>
  1795. </a>
  1796. {block:PreviousPage}
  1797.  
  1798.  
  1799. {block:NextPage}
  1800. <a class="next" href="{NextPage}">
  1801. <span class="icon-wrap"></span>
  1802. <h3><strong>NEXT</strong> PAGE</h3>
  1803. </a>
  1804. {/block:NextPage}
  1805. </nav>
  1806. </div>
  1807.  
  1808. <div id="askbox" class="popup_block2">
  1809. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/jjangkiyong.tumblr.com" width="100%"></iframe>
  1810. </div>
  1811. <div id="navibox" class="popup_block">
  1812. <div id="tagcontainer">
  1813. <div id="tagtitle">UNDER CONSTRUCTION</div>
  1814. <br>
  1815. <table width="550px" border="0" cellpadding="20">
  1816. <tr>
  1817. <td width="280px" valign="top">
  1818. <div class="tagsectiontitle">PHOTOS</div>
  1819. <div class="tagtagcontainer">
  1820. <a href="/tagged/runway"><div class="tagtag">Runway</div></a>
  1821. <a href="/tagged/backstage"><div class="tagtag">Backstage</div></a>
  1822. <a href="/tagged/magazine"><div class="tagtag">Magazine</div></a>
  1823. <a href="/tagged/potrait"><div class="tagtag">Potrait</div></a>
  1824. <a href="/tagged/photoshoot"><div class="tagtag">Photoshoot</div></a>
  1825. <a href="/tagged/endorsement"><div class="tagtag">Endorsement</div></a>
  1826. <a href="/tagged/streetstyle"><div class="tagtag">Street Style</div></a>
  1827. <a href="/tagged/p:event"><div class="tagtag">Event</div></a>
  1828. <a href="/tagged/p:interview"><div class="tagtag">Interview</div></a>
  1829. <a href="/tagged/p:news"><div class="tagtag">News</div></a>
  1830. <a href="/tagged/p:sns"><div class="tagtag">SNS</div></a>
  1831. <a href="/tagged/p:other"><div class="tagtag">Other</div></a>
  1832. </div>
  1833.  
  1834. <div class="tagsectiontitle">ACTING</div>
  1835. <div class="tagtagcontainer">
  1836. <a href="/tagged/d:bts"><div class="tagtag">Stills</div></a>
  1837. <a href="/tagged/d:video"><div class="tagtag">Video</div></a><br>
  1838. <a href="/tagged/magazine"><div class="tagtag"> It's Okay That's Love</div></a>
  1839. <a href="/tagged/potrait"><div class="tagtag"> Surplus Princess</div></a>
  1840. <a href="/tagged/photoshoot"><div class="tagtag"> Greatest Marriage</div></a>
  1841. <a href="/tagged/endorsement"><div class="tagtag"> Sunam Girls</div></a>
  1842. <a href="/tagged/streetstyle"><div class="tagtag"> We Broke Up</div></a> </div>
  1843.  
  1844.  
  1845. </td>
  1846. <td width="280px" valign="top">
  1847. <div class="tagsectiontitle">TEXTS</div>
  1848. <div class="tagtagcontainer">
  1849. <a href="/tagged/interview"><div class="tagtag">Eng Interview</div></a>
  1850. <a href="/tagged/article"><div class="tagtag">Article</div></a>
  1851. <a href="/tagged/t:info"><div class="tagtag">Information</div></a>
  1852. <a href="/tagged/txt"><div class="tagtag">Admin's Note</div></a>
  1853.  
  1854. </div>
  1855.  
  1856. <div class="tagsectiontitle">COLLECTIONS</div>
  1857. <div class="tagtagcontainer">
  1858. <a href="/tagged/d:bts"><div class="tagtag">Adidas</div></a>
  1859. <a href="/tagged/d:video"><div class="tagtag">Andy & Debb</div></a>
  1860. <a href="/tagged/beyond-closet"><div class="tagtag">Beyond Closet</div></a>
  1861. <a href="/tagged/caruso"><div class="tagtag">Caruso</div></a>
  1862. <a href="/tagged/cheol-doong"><div class="tagtag">Cheol Dong</div></a>
  1863. <a href="/tagged/d.gnak"><div class="tagtag">D.GNAK</div></a>
  1864. <a href="/tagged/g-by-guess"><div class="tagtag">G by Guess</div></a>
  1865. <a href="/tagged/general-idea"><div class="tagtag">General Idea</div></a>
  1866. <a href="/tagged/groundwave"><div class="tagtag">Groundwave</div></a>
  1867. <a href="/tagged/gunt"><div class="tagtag">Gunt</div></a>
  1868. <a href="/tagged/gxg-jeans"><div class="tagtag">GXG Jeans</div></a>
  1869. <a href="/tagged/jayhoo"><div class="tagtag">Jayho</div></a>
  1870. <a href="/tagged/jill-by-jill-stuart"><div class="tagtag">Jill by Jill Stuart</div></a>
  1871. <a href="/tagged/kai-aakman"><div class="tagtag">Kai-aakman</div></a>
  1872. <a href="/tagged/kim-seo-ryong"><div class="tagtag">Kim Seo Ryong</div></a>
  1873. <a href="/tagged/lacoste-live"><div class="tagtag">Lacoste Live</div></a>
  1874. <a href="/tagged/leigh"><div class="tagtag">Leigh</div></a>
  1875. <a href="/tagged/le-coq-sportif"><div class="tagtag">Le Coq Sportif</div></a>
  1876. <a href="/tagged/mag & logan"><div class="tagtag">Mag & Logan</div></a>
  1877. <a href="/tagged/metrocity"><div class="tagtag">Metrocity</div></a>
  1878. <a href="/tagged/mlb"><div class="tagtag">MLB</div></a>
  1879. <a href="/tagged/mngu"><div class="tagtag">MNGU</div></a>
  1880. <a href="/tagged/monkids"><div class="tagtag">Monkids</div></a>
  1881. <a href="/tagged/munsoo-kwon"><div class="tagtag">Munsoo Kwon</div></a>
  1882. <a href="/tagged/nobis"><div class="tagtag">Nobis</div></a>
  1883. <a href="/tagged/ordinary-people"><div class="tagtag">Ordinary People</div></a>
  1884. <a href="/tagged/pushbutton"><div class="tagtag">pushBUTTON</div></a>
  1885. <a href="/tagged/pearly-gates"><div class="tagtag">Pearly Gates</div></a>
  1886. <a href="/tagged/plac-jeans"><div class="tagtag">PLAC Jeans</div></a>
  1887. <a href="/tagged/reebook"><div class="tagtag">Reebok</div></a>
  1888. <a href="/tagged/resurrection"><div class="tagtag">Resurrection</div></a>
  1889. <a href="/tagged/roliat"><div class="tagtag">Roliat</div></a>
  1890. <a href="/tagged/songzio"><div class="tagtag">Songzio</div></a>
  1891. <a href="/tagged/steve j & yoni p"><div class="tagtag">Steve J & Yoni P</div></a>
  1892. <a href="/tagged/tbj-nearby"><div class="tagtag">TBJ</div></a>
  1893. <a href="/tagged/the-studio-k"><div class="tagtag">The Studio K</div></a>
  1894. <a href="/tagged/thursday-island"><div class="tagtag">Thursday Island</div></a>
  1895. <a href="/tagged/xess"><div class="tagtag">XESS</div></a>
  1896.  
  1897. </div>
  1898.  
  1899.  
  1900.  
  1901. </td>
  1902. <td width="200px" valign="top">
  1903. <div class="tagsectiontitle">VIDEOS</div>
  1904. <div class="tagtagcontainer">
  1905. <a href="/tagged/v:runway"><div class="tagtag">Runway</div></a>
  1906. <a href="/tagged/v:magazine"><div class="tagtag">Magazine</div></a>
  1907. <a href="/tagged/v:photoshoot"><div class="tagtag">Photoshoot</div></a>
  1908. <a href="/tagged/music-video"><div class="tagtag">Music Video</div></a>
  1909. <a href="/tagged/v:tv-show"><div class="tagtag">TV/Webisodes</div></a>
  1910. <a href="/tagged/v:ad"><div class="tagtag">Advertisement</div></a>
  1911. <a href="/tagged/v:fancam"><div class="tagtag">Fancam</div></a>
  1912. <a href="/tagged/v:other"><div class="tagtag">Other</div></a>
  1913.  
  1914.  
  1915.  
  1916.  
  1917. </td>
  1918. </tr>
  1919. </table>
  1920. </div><!-- end div="container" -->
  1921.  
  1922. </div>
  1923.  
  1924.  
  1925.  
  1926. </div></div></div></div></div></div></div></div></div></div>
  1927.  
  1928. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!