API tools faq
paste
Advertisement
suhothemes

danny/neo theme v2 heidi

suhothemes
Feb 22nd, 2017
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #28 by Heidi @ladmilk
  7.  
  8.  
  9. Credit:
  10. Masonry: (masonry.desandro.com)
  11. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  12. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  13. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  14. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  15.  
  16. ---->
  17.  
  18. <head>
  19. <title>{Title}</title>
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  25.  
  26.  
  27. <meta name="color:Background" content="#f6f6f6" />
  28. <meta name="color:Posts" content="#ffffff" />
  29. <meta name="color:Post Title" content="#555555" />
  30. <meta name="color:Text" content="#999999" />
  31. <meta name="color:Links" content="#cccccc" />
  32. <meta name="color:Links Hover" content="#eabcd0" />
  33. <meta name="color:Bold" content="#666666" />
  34. <meta name="color:Italic" content="#bbbbbb"/>
  35. <meta name="color:Blockquote" content="#eeeeee" />
  36. <meta name="color:Borders" content="#eeeeee" />
  37.  
  38. <meta name="color:Ask Background" content="#eeeeee" />
  39. <meta name="color:Ask Text" content="#aaaaaa" />
  40.  
  41. <meta name="color:Perma Text" content="#999999" />
  42. <meta name="color:Perma Links" content="#eabcd0" />
  43. <meta name="color:Perma Links Hover" content="#666666" />
  44.  
  45. <meta name="color:Title" content="#555555" />
  46. <meta name="color:Header Background" content="#ffffff" />
  47. <meta name="color:Header Text" content="#999999" />
  48. <meta name="color:Header Borders" content="#eeeeee" />
  49. <meta name="color:Header Two Accent" content="#eacad8" />
  50. <meta name="color:Nav Hover Background" content="#eacad8" />
  51. <meta name="color:Nav Hover" content="#ffffff" />
  52.  
  53. <meta name="color:Scroll" content="#ffffff" />
  54. <meta name="color:Scrollbar" content="#dddddd" />
  55.  
  56.  
  57. <meta name="image:Background" content="" />
  58.  
  59.  
  60. <meta name="if:Image Fade" content="0" />
  61. <meta name="if:Hover Perma" content="0" />
  62.  
  63. <meta name="if:Show Captions" content="0" />
  64. <meta name="if:Show Tags" content="1" />
  65.  
  66. <meta name="if:Infinitescroll" content="0" />
  67. <meta name="if:Manual Load" content="0" />
  68.  
  69. <meta name="if:White Audio Player" content="1" />
  70. <meta name="if:Black Audio Player" content="0" />
  71.  
  72.  
  73. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  74. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  75. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  76.  
  77. <meta name="select:Header" content="one" title="One" />
  78. <meta name="select:Header" content="two" title="Two" />
  79.  
  80. <meta name="select:Description Width" content="50" title="50%" />
  81. <meta name="select:Description Width" content="60" title="60%" />
  82. <meta name="select:Description Width" content="70" title="70%" />
  83. <meta name="select:Description Width" content="80" title="80%" />
  84.  
  85. <meta name="select:Post Size" content="250" title="250px" />
  86. <meta name="select:Post Size" content="300" title="300px" />
  87. <meta name="select:Post Size" content="350" title="350px" />
  88. <meta name="select:Post Size" content="400" title="400px" />
  89. <meta name="select:Post Size" content="500" title="500px" />
  90.  
  91. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  92. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  93. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  94. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  95. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  96.  
  97. <meta name="select:Columns" content="1" title="1" />
  98. <meta name="select:Columns" content="2" title="2" />
  99. <meta name="select:Columns" content="3" title="3" />
  100. <meta name="select:Columns" content="4" title="4" />
  101.  
  102.  
  103. <meta name="text:Post Margin" content="20" />
  104. <meta name="text:Link1" content="" />
  105. <meta name="text:Title1" content="" />
  106. <meta name="text:Link2" content="" />
  107. <meta name="text:Title2" content="" />
  108. <meta name="text:Link3" content="" />
  109. <meta name="text:Title3" content="" />
  110. <meta name="text:Link4" content="" />
  111. <meta name="text:Title4" content="" />
  112.  
  113.  
  114. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  115.  
  116.  
  117. <!--- Fonts --->
  118.  
  119.  
  120. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  121. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  122. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  123. <meta name="select:Body Font" content="calibri" title="Calibri" />
  124. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  125. <meta name="select:Body Font" content="Lato" title="Lato" />
  126. <meta name="select:Body Font" content="cambria" title="Cambria" />
  127. <meta name="select:Body Font" content="georgia" title="Georgia" />
  128. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  129. <meta name="select:Body Font" content="Lora" title="Lora" />
  130. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  131. <meta name="select:Body Font" content="courier" title="Courier" />
  132. <meta name="select:Body Font" content="consolas" title="Consolas" />
  133. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  134. <meta name="select:Body Font" content="muli" title="muli">
  135.  
  136. <meta name="select:Body Font Size" content="8" title="8px" />
  137. <meta name="select:Body Font Size" content="9" title="9px" />
  138. <meta name="select:Body Font Size" content="10" title="10px" />
  139. <meta name="select:Body Font Size" content="11" title="11px" />
  140. <meta name="select:Body Font Size" content="12" title="12px" />
  141.  
  142.  
  143. <meta name="select:Header Font" content="Open Sans" title="Open Sans" />
  144. <meta name="select:Header Font" content="helvetica" title="Helvetica" />
  145. <meta name="select:Header Font" content="trebuchet ms" title="Trebuchet ms" />
  146. <meta name="select:Header Font" content="calibri" title="Calibri" />
  147. <meta name="select:Header Font" content="Roboto" title="Roboto" />
  148. <meta name="select:Header Font" content="Lato" title="Lato" />
  149. <meta name="select:Header Font" content="cambria" title="Cambria" />
  150. <meta name="select:Header Font" content="georgia" title="Georgia" />
  151. <meta name="select:Header Font" content="times new roman" title="Times New Roman" />
  152. <meta name="select:Header Font" content="Lora" title="Lora" />
  153. <meta name="select:Header Font" content="Droid Serif" title="Droid Serif" />
  154. <meta name="select:Header Font" content="courier" title="Courier" />
  155. <meta name="select:Header Font" content="consolas" title="Consolas" />
  156. <meta name="select:Header Font" content="lucida console" title="Lucida Console" />
  157. <meta name="select:Header Font" content="muli" title="muli">
  158.  
  159.  
  160. <meta name="select:Perma Font" content="Open Sans" title="Open Sans" />
  161. <meta name="select:Perma Font" content="helvetica" title="Helvetica" />
  162. <meta name="select:Perma Font" content="trebuchet ms" title="Trebuchet ms" />
  163. <meta name="select:Perma Font" content="calibri" title="Calibri" />
  164. <meta name="select:Perma Font" content="Roboto" title="Roboto" />
  165. <meta name="select:Perma Font" content="Lato" title="Lato" />
  166. <meta name="select:Perma Font" content="cambria" title="Cambria" />
  167. <meta name="select:Perma Font" content="georgia" title="Georgia" />
  168. <meta name="select:Perma Font" content="times new roman" title="Times New Roman" />
  169. <meta name="select:Perma Font" content="Lora" title="Lora" />
  170. <meta name="select:Perma Font" content="Droid Serif" title="Droid Serif" />
  171. <meta name="select:Perma Font" content="courier" title="Courier" />
  172. <meta name="select:Perma Font" content="consolas" title="Consolas" />
  173. <meta name="select:Perma Font" content="lucida console" title="Lucida Console" />
  174. <meta name="select:Perma Font" content="muli" title="muli">
  175.  
  176. <meta name="select:cursor hover" content="help" title="help">
  177. <meta name="select:cursor hover" content="pointer" title="pointer">
  178. <meta name="select:cursor hover" content="default" title="default">
  179. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  180.  
  181.  
  182. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Roboto:400,700,300|Lato:400,300,700|Lora:400,700|Droid+Serif:400,700' rel='stylesheet' type='text/css' />
  183. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Roboto:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Hind:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Roboto+Mono:300,400,500,700,300italic,400italic,500italic,700italic|Muli:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  184. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  185.  
  186.  
  187. <style type="text/css">
  188. @font-face
  189. {font-family: 'karla';
  190. src: url('https://dl.dropboxusercontent.com/s/uywb15dlebvumiu/Karla-Regular.ttf?dl=1'); format("truetype");}
  191. @font-face
  192. {font-family: 'bert';
  193. src: url('https://dl.dropboxusercontent.com/s/anla9u6zon1cp94/Berty%20Script.otf?dl=1'); format("truetype");}
  194. @font-face
  195. {font-family: 'pam';
  196. src: url('https://dl.dropboxusercontent.com/s/904xywc7eqmxgpp/Pamega%20demo.ttf?dl=1'); format("truetype");}
  197. @font-face
  198. {font-family: 'pot';
  199. src: url('https://dl.dropboxusercontent.com/s/edos3zmrz652uyb/Portobesto.ttf?dl=1'); format("truetype");}
  200. @font-face
  201. {font-family: 'may';
  202. src: url('https://dl.dropboxusercontent.com/s/8zrr09gdlcon0pv/Mayton.ttf?dl=1'); format("truetype");}
  203.  
  204. [class*=" oi-"]:before,[class^=oi-]:before {
  205. line-height:inherit;
  206. }
  207.  
  208.  
  209. /* Tumblr Controls */
  210.  
  211.  
  212. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  213. top:0%!important;
  214. right:0%!important;
  215. position:fixed!important;
  216. z-index:999999999!important;
  217. }
  218.  
  219. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  220. -webkit-filter:invert(0%);
  221. -moz-filter:invert(0%);
  222. -o-filter:invert(0%);
  223. -ms-filter:invert(0%);
  224. filter:invert(0%);
  225. opacity:0.9;
  226. }
  227.  
  228. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  229. -webkit-filter:invert(70%);
  230. -moz-filter:invert(70%);
  231. -o-filter:invert(70%);
  232. -ms-filter:invert(70%);
  233. filter:invert(70%);
  234. opacity:0.4;
  235. }
  236.  
  237.  
  238.  
  239. /* Scrollbar */
  240.  
  241.  
  242. ::-webkit-scrollbar { width:5px; height:5px; }
  243. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  244. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  245.  
  246.  
  247.  
  248. /* Body - General */
  249.  
  250.  
  251. body {
  252. margin:0;
  253. padding:0;
  254. border:0;
  255. background:url('{image:Background}');
  256. background-attachment:fixed;
  257. background-repeat:repeat;
  258. background-color:{color:Background};
  259. color:{color:Text};
  260. font-family:{select:Body Font}, sans-serif;
  261. font-size:{select:Body Font Size}px;
  262. line-height:140%;
  263. word-wrap:break-word;
  264. }
  265.  
  266. a {
  267. color:{color:Links};
  268. text-decoration:none;
  269. transition-duration: 0.6s;
  270. -moz-transition-duration: 0.6s;
  271. -webkit-transition-duration: 0.6s;
  272. -o-transition-duration: 0.6s;
  273. }
  274.  
  275. a:hover { color:{color:Links Hover}; cursor:{select:cursor hover}; }
  276.  
  277. b, strong { color:{color:Bold}; font-weight:bold; }
  278.  
  279. i, em { color:{color:Italic}; font-style:italic; }
  280.  
  281. h1, h2, h3, h4, h5 {
  282. margin:0;
  283. font-size:120%;
  284. font-weight:normal;
  285. line-height:120%;
  286. }
  287.  
  288. .posts > h2 {
  289. margin:0px 0px 5px 0px;
  290. display:block;
  291. color:{color:Post Title};
  292. font-size:14px;
  293. line-height:120%;
  294. letter-spacing:1.5px;
  295. text-transform:uppercase;
  296. }
  297.  
  298. .posts > h2:only-child { margin:0; }
  299.  
  300. .tags, #asker, #audio_text, footer {
  301. font-size:8px;
  302. letter-spacing:1.5px;
  303. text-transform:uppercase;
  304. }
  305.  
  306. nav a, ul.perma_p li p:nth-of-type(1) {
  307. font-size:8px;
  308. letter-spacing:2px;
  309. text-transform:uppercase;
  310. }
  311.  
  312. small, sub, sup { font-size:90%; }
  313.  
  314. big { font-size:110%; }
  315.  
  316. sub, sup, small, big { vertical-align:baseline; }
  317.  
  318. p { margin:5px 0; padding:0; }
  319.  
  320. p:first-of-type :not(.tags) { margin-top:0; }
  321.  
  322. p:last-of-type { margin-bottom:0; }
  323.  
  324. pre {
  325. margin:5px 0;
  326. padding:2px 4px;
  327. background:#f4f4f4;
  328. white-space:pre-wrap;
  329. word-wrap:break-word;
  330. }
  331.  
  332. blockquote {
  333. margin:5px 5px 5px 0px;
  334. padding:2px 0 2px 10px;
  335. border-left:1px solid {color:Blockquote};
  336. }
  337.  
  338. .cap { margin:10px 0 0 0; }
  339.  
  340. .cp { display:none; }
  341.  
  342. ul, ol { padding:0; margin:5px 15px; }
  343.  
  344. ul { list-style:circle; }
  345.  
  346.  
  347.  
  348. /* Center wrapper - Posts */
  349.  
  350.  
  351. #wrapper {
  352. {block:IndexPage}
  353. width:calc(({select:Post Size}px + 20px + {text:Post Margin}px*2)*{select:Columns});
  354. {/block:IndexPage}
  355. {block:PermalinkPage}
  356. width:calc({select:Post Size Permalinkpage}px + 45px);
  357. {/block:PermalinkPage}
  358. margin:80px auto;
  359. padding:0;
  360. position:relative;
  361. border:0;
  362. }
  363.  
  364. .posts {
  365. {block:IndexPage}
  366. width:{select:Post Size}px;
  367. margin:{text:Post Margin}px -50px;
  368. {/block:IndexPage}
  369. {block:PermalinkPage}
  370. width:{select:Post Size Permalinkpage}px;
  371. margin:{text:Post Margin}px -50px;
  372. {/block:PermalinkPage}
  373. height:auto;
  374. {block:ifHoverPerma}
  375. min-height:60px;
  376. {/block:ifHoverPerma}
  377. padding:10px;
  378. position:relative;
  379. background:{color:Posts};
  380. color:{color:Text};
  381. border:1px solid {color:borders};
  382. }
  383.  
  384.  
  385.  
  386. /* Image */
  387.  
  388.  
  389. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  390.  
  391. #photo img { width:100%; display:block;}
  392.  
  393.  
  394.  
  395. /* Photoset */
  396.  
  397.  
  398. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, .8)!important; }
  399.  
  400. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption { opacity:0!important; }
  401.  
  402. .lightbox-image, #tumblr_lightbox img {
  403. border-radius:0px!important;
  404. -webkit-border-radius:0px!important;
  405. -moz-border-radius:0px!important;
  406. box-shadow:none!important;
  407. -webkit-box-shadow:none!important;
  408. -moz-box-shadow:none!important;
  409. }
  410.  
  411.  
  412.  
  413. /* Video */
  414.  
  415.  
  416. #vid, #vid iframe { display:block; overflow:hidden; }
  417.  
  418.  
  419.  
  420. {block:IndexPage}
  421. {block:ifImageFade}
  422. #vid, .photo-data, #photo img {
  423. opacity:.7;
  424. -webkit-transition:all .7s ease;
  425. -moz-transition:all .7s ease;
  426. -o-transition:all .7s ease;
  427. transition:all .7s ease;
  428. }
  429.  
  430. .posts:hover #photo img, .posts:hover .photo-data, .posts:hover #vid { opacity:1; }
  431. {/block:ifImageFade}
  432. {/block:IndexPage}
  433.  
  434.  
  435.  
  436. /* Audio */
  437.  
  438.  
  439. iframe.tumblr_audio_player {
  440. width:26px;
  441. height:26px;
  442. display:block;
  443. overflow:hidden;
  444. border:17px solid
  445. {block:ifWhiteAudioPlayer}#fff{/block:ifWhiteAudioPlayer}
  446. {block:ifBlackAudioPlayer}#000{/block:ifBlackAudioPlayer};
  447. background:
  448. {block:ifWhiteAudioPlayer}#fff{/block:ifWhiteAudioPlayer}
  449. {block:ifBlackAudioPlayer}#000{/block:ifBlackAudioPlayer};
  450. }
  451.  
  452. #audio tr td { border:1px solid {color:Borders}; }
  453.  
  454. #audio tr td:first-of-type { border-right:none; }
  455. #audio tr td:last-of-type { border-left:none; }
  456.  
  457. #audio_text {
  458. padding:10px 15px 10px 10px;
  459. background:
  460. {block:ifWhiteAudioPlayer}#fff{/block:ifWhiteAudioPlayer}
  461. {block:ifBlackAudioPlayer}#000{/block:ifBlackAudioPlayer};
  462. color:#aaa;
  463. line-height:10px;
  464. text-align:right;
  465. }
  466.  
  467. iframe.soundcloud_audio_player {
  468. {block:IndexPage}
  469. width:{select:Post Size}px;
  470. {/block:IndexPage}
  471. {block:PermalinkPage}
  472. width:{select:Post Size Permalinkpage}px;
  473. {/block:PermalinkPage}
  474. height:auto!important;
  475. display:block;
  476. }
  477.  
  478. iframe.spotify_audio_player { height:80px!important; display:block; }
  479.  
  480.  
  481.  
  482. /* Ask */
  483.  
  484.  
  485. #question {
  486. margin-bottom:20px;
  487. padding:10px;
  488. background:{color:Ask Background};
  489. color:{color:Ask Text};
  490. }
  491.  
  492. #question:after {
  493. content:"";
  494. width:0;
  495. height:0;
  496. margin:10px 0 0 0;
  497. position:absolute;
  498. display:block;
  499. border-style:solid;
  500. border-width:0 15px 15px 0;
  501. border-color:transparent {color:Ask Background} transparent transparent;
  502. }
  503.  
  504. #asker {
  505. margin:-20px 0 0 35px;
  506. position:absolute;
  507. line-height:15px;
  508. }
  509.  
  510.  
  511.  
  512. /* Quote */
  513.  
  514.  
  515. #quote {
  516. padding:5px;
  517. font-size:120%;
  518. font-style:italic;
  519. line-height:120%;
  520. text-align:center;
  521. }
  522.  
  523. #source {
  524. margin-top:5px;
  525. font-size:{select:Body Font Size}px;
  526. font-style:normal;
  527. }
  528.  
  529.  
  530.  
  531. /* Chat */
  532.  
  533.  
  534. p#chat { margin:0 1px; padding:2px 0px }
  535.  
  536.  
  537.  
  538. /* Perma - Tags - Indexpage */
  539.  
  540.  
  541. ul.perma {
  542. margin:0;
  543. margin-bottom:10px;
  544. padding:10px 10px 10px 10px;
  545. {block:ifHoverPerma}
  546. width:{select:Post Size}px;
  547. position:absolute;
  548. opacity:0;
  549. z-index:99999;
  550. {/block:ifHoverPerma}
  551. list-style:none;
  552. text-transform:uppercase;
  553. display:-webkit-box;
  554. display:-moz-box;
  555. display:-ms-flexbox;
  556. display:-webkit-flex;
  557. display:flex;
  558. -webkit-flex-flow:row wrap;
  559. flex-flow:row nowrap;
  560. -webkit-justify-content:flex-start;
  561. justify-content:flex-start;
  562. box-sizing:border-box;
  563. background:#111;
  564. font-size:8px;
  565. letter-spacing:1px;
  566. color:{color:Perma Text};
  567. font-family:{select:Perma Font}, sans-serif;
  568. -webkit-transition:all .7s ease;
  569. -moz-transition:all .7s ease;
  570. -o-transition:all .7s ease;
  571. transition:all .7s ease;
  572. }
  573.  
  574. {block:ifHoverPerma}
  575. .posts:hover ul.perma { opacity:1; }
  576. {/block:ifHoverPerma}
  577.  
  578. ul.perma a { display:block; color:{color:Perma Links};font-weight:bold;margin-top:-2px; }
  579.  
  580. ul.perma a:hover { color:{color:Perma Links Hover}; }
  581.  
  582. ul.perma li:first-of-type {
  583. width:70px;
  584. border-right:1px solid {color:Borders};
  585. font-size:40px;
  586. font-weight:300;
  587. text-align:center;
  588. line-height:38px;
  589. }
  590.  
  591. ul.perma li:last-of-type { margin-left:10px; }
  592.  
  593. ul.perma li:last-of-type p:nth-of-type(1) {
  594. font-size:10px;
  595. line-height:14px;
  596. letter-spacing:2px;
  597. text-transform:uppercase;
  598. }
  599.  
  600. ul.perma li:last-of-type p:nth-of-type(3) {
  601. font-size:7px;
  602. letter-spacing:1px;
  603. text-transform:uppercase;
  604. }
  605.  
  606. .tags {
  607. margin-top:10px;
  608. padding-top:10px;
  609. overflow:hidden;
  610. border-top:1px solid {color:Borders};
  611. text-overflow:ellipsis;
  612. white-space:nowrap;
  613. text-transform:normal;
  614. }
  615.  
  616. .tags a { margin-right:7px; }
  617.  
  618.  
  619.  
  620. /* Post Information - Notes - Permalinkpage */
  621.  
  622.  
  623. ul.perma_p {
  624. margin:10px 0 0 0;
  625. padding:10px 0 0 0;
  626. list-style:none;
  627. display:-webkit-box;
  628. display:-moz-box;
  629. display:-ms-flexbox;
  630. display:-webkit-flex;
  631. display:flex;
  632. -webkit-flex-flow:row wrap;
  633. flex-flow:row nowrap;
  634. -webkit-justify-content:flex-start;
  635. justify-content:flex-start;
  636. border-top:1px solid {color:Borders};
  637. font-family:{select:Perma Font}, sans-serif;
  638. }
  639.  
  640. ul.perma_p li {
  641. width:calc(100% / (1
  642. {block:RebloggedFrom}+ 1 {/block:RebloggedFrom}
  643. {block:HasTags}+ 1{/block:HasTags}
  644. ));
  645. margin:0 5px;
  646. letter-spacing:.5px;
  647. text-transform:auto;
  648. }
  649.  
  650. ul.perma_p li:first-of-type { margin-left:0; }
  651. ul.perma_p li:last-of-type { margin-right:0; }
  652.  
  653. #tags {
  654. text-align:justify;
  655. word-break:break-all;
  656. word-wrap:break-word;
  657. }
  658.  
  659. #tags a { margin-right:5px; }
  660.  
  661. .not {
  662. padding:5px;
  663. background:{color:Posts};
  664. letter-spacing:.5px;
  665. text-align:center;
  666. cursor:help;
  667. margin-left:-50px;
  668. width:310px;
  669. border:1px solid {color:borders};
  670. }
  671.  
  672. ol.notes {
  673. margin-left:-45px;
  674. margin-top:0;
  675. padding:0;
  676. display:none;
  677. list-style-type:none;
  678. }
  679.  
  680. ol.notes li.note { padding:10px 0px; }
  681.  
  682. ol.notes li.note img.avatar { display:none; }
  683.  
  684.  
  685. ul.perma p, ul.perma_p li p { margin:0; }
  686.  
  687.  
  688. /* Header */
  689.  
  690.  
  691. .header {
  692. {block:IndexPage}
  693. width:{select:Post Size}px;
  694. margin:{text:Post Margin}px;
  695. {/block:IndexPage}
  696. {block:PermalinkPage}
  697. width:{select:Post Size Permalinkpage}px;
  698. margin:{text:Post Margin}px auto;
  699. {/block:PermalinkPage}
  700. height:auto;
  701. padding:10px;
  702. background:{color:Header Background};
  703. color:{color:Header Text};
  704. font-family:{select:Header Font}, sans-serif;
  705. }
  706.  
  707. .outline {
  708. height:100%;
  709. padding:10px;
  710. box-sizing: border-box;
  711. border:1px solid {color:Header Borders};
  712. }
  713.  
  714. .header h1 {
  715. margin:0 0 20px 0;
  716. color:{color:Title};
  717. font-weight:normal;
  718. letter-spacing:3px;
  719. text-transform:uppercase;
  720. }
  721.  
  722. .header h1.one { text-align:center; }
  723.  
  724. .header h1.two { text-align:left; }
  725.  
  726. .flex {
  727. margin:0;
  728. padding:0;
  729. display:-webkit-box;
  730. display:-moz-box;
  731. display:-ms-flexbox;
  732. display:-webkit-flex;
  733. display:flex;
  734. -webkit-flex-flow: row wrap;
  735. flex-flow:row nowrap;
  736. -webkit-justify-content: flex-start;
  737. justify-content: flex-start;
  738. }
  739.  
  740. {block:HideTitle}
  741. .flex.two { margin-top:5px; }
  742. {/block:HideTitle}
  743.  
  744. .desc {
  745. width:{select:Description Width}%;
  746. text-align:justify;
  747. word-break:break-all;
  748. word-wrap:break-word;
  749. }
  750.  
  751. .desc.one {
  752. padding-right:10px;
  753. border-right:1px solid {color:Header Borders};
  754. }
  755.  
  756. .desc.two { margin-right:10px; }
  757.  
  758. nav {
  759. width:calc(100% - {select:Description Width}%);
  760. {block:ShowDescription}
  761. margin-left:10px;
  762. {/block:ShowDescription}
  763. }
  764.  
  765. nav a {
  766. padding:3px 0;
  767. display:block;
  768. color:{color:Header Text};
  769. -webkit-transition:all .7s ease;
  770. -moz-transition:all .7s ease;
  771. -o-transition:all .7s ease;
  772. transition:all .7s ease;
  773. }
  774.  
  775. nav a:hover {
  776. padding-left:10px;
  777. background:{color:Nav Hover Background};
  778. color:{color:Nav Hover};
  779. font-style:italic;
  780. }
  781.  
  782. nav.two:before, .desc.two:before {
  783. content:"";
  784. width:30px;
  785. height:2px;
  786. top:-5px;
  787. left:0;
  788. position:relative;
  789. display:block;
  790. background:{color:Header Two Accent};
  791. }
  792.  
  793.  
  794.  
  795. /* Footer - Pagination - Manual Load */
  796.  
  797.  
  798. footer { margin:80px auto; text-align:center; }
  799.  
  800. .pagination, #load {
  801. padding:5px 10px;
  802. margin-left:-120px;
  803. position:relative;
  804. display:inline;
  805. background:{color:Posts};
  806. color:{color:Text};
  807. }
  808.  
  809. .pagination a, a#load { margin:0 5px; cursor:pointer; }
  810.  
  811.  
  812. {block:ifInfinitescroll}
  813. .pagination { display:none; }
  814.  
  815. #infscr-loading { display:none!important; }
  816. {/block:ifInfinitescroll}
  817.  
  818.  
  819.  
  820. /* Tooltips */
  821.  
  822.  
  823. #s-m-t-tooltip{
  824. max-width:300px;
  825. margin:25px 15px;
  826. padding:0 5px;
  827. z-index:999999;
  828. background:#000;
  829. color:#eee;
  830. text-transform:uppercase;
  831. font-size:7px;
  832. font-family:'karla';
  833. letter-spacing:1.5px;
  834. }
  835.  
  836. /*sb*/
  837. #cnt {
  838. position:fixed;
  839. display:;
  840. margin-top:100px;
  841. margin-left:300px;
  842. padding:2px;
  843. width:auto;
  844. height:auto;
  845. }
  846. .cnt {
  847. position:fixed;
  848. background:transparent;
  849. width:370px;
  850. height:400px;
  851. margin-left:auto;
  852. margin-top:auto;
  853. padding:4px;
  854. }
  855.  
  856. .dan {
  857. position:fixed;
  858. width:auto;
  859. height:auto;
  860. padding:none;
  861. margin-top:auto;
  862. margin-left:auto;
  863. }
  864. .dan img {
  865. width:100%;
  866. }
  867.  
  868. .eco {
  869. position:fixed;
  870. width:177px;
  871. height:auto;
  872. padding:none;
  873. margin-top:261px;
  874. margin-left:10px;
  875. border:4px solid #fff;
  876. }
  877. .eco img {
  878. width:100%;
  879. }
  880.  
  881. .links {
  882. position:fixed;
  883. width:auto;
  884. height:auto;
  885. margin-top:159px;
  886. margin-left:103px;
  887. }
  888. .links a {
  889. display:block;
  890. width:80px;
  891. height:auto;
  892. margin-top:1px;
  893. margin-bottom:1px;
  894. padding:2px 5px 2px 5px;
  895. background:transparent;
  896. border-left:4px solid #222;
  897. font-family:calibri;
  898. font-size:8px;
  899. color:#111;
  900. line-height:100%;
  901. letter-spacing:.5px;
  902. text-transform:uppercase;
  903. text-align:justify;
  904. }
  905. .links a:hover {
  906. color:#eee;
  907. box-shadow:inset 8px 0 #222;
  908. padding-left:15px;
  909. }
  910.  
  911. .links2 {
  912. position:fixed;
  913. width:auto;
  914. height:auto;
  915. margin-top:159px;
  916. margin-left:103px;
  917. }
  918. .links2 a {
  919. display:block;
  920. width:100px;
  921. height:auto;
  922. margin-top:1px;
  923. margin-bottom:1px;
  924. padding:2px 5px 2px 5px;
  925. background:#fff;
  926. border-left:4px solid #222;
  927. font-family:calibri;
  928. font-size:8px;
  929. color:#fff;
  930. line-height:100%;
  931. text-transform:uppercase;
  932. text-align:center;
  933. }
  934. .links2 a:hover {
  935. color:#fff;
  936. box-shadow:inset 0 50px #222;
  937. }
  938.  
  939. .desi {
  940. position:fixed;
  941. width:160px;
  942. height:49px;
  943. overflow:auto;
  944. padding:4px;
  945. background:transparent;
  946. margin-left:13px;
  947. font-family:karla;
  948. font-size:7px;
  949. line-height:100%;
  950. text-align:justify;
  951. text-transform:uppercase;
  952. color:#444;
  953. margin-top:94px;
  954. }
  955. .desi i {
  956. color:#444;
  957. }
  958. .desi2 {
  959. position:fixed;
  960. width:185px;
  961. height:44px;
  962. overflow:auto;
  963. padding:8px;
  964. background:#fff;
  965. margin-left:9px;
  966. font-family:karla;
  967. font-size:8px;
  968. line-height:100%;
  969. color:#777;
  970. text-transform:uppercase;
  971. margin-top:91px;
  972. }
  973.  
  974. .aim {
  975. position:fixed;
  976. width:185px;
  977. height:auto;
  978. padding:4px 4px 2px 4px;
  979. background:#000;
  980. margin-left:10px;
  981. font-family:'karla';
  982. font-size:7px;
  983. color:#fff;
  984. line-height:100%;
  985. letter-spacing:1px;
  986. text-transform:uppercase;
  987. margin-top:246px;
  988. }
  989.  
  990. .hovers {
  991. position:fixed;
  992. width:175px;
  993. height:auto;
  994. padding:3px 4px 3px 4px;
  995. background:#000;
  996. margin-left:10px;
  997. font-family:'karla';
  998. font-size:7px;
  999. color:#fff;
  1000. line-height:100%;
  1001. letter-spacing:1px;
  1002. text-align:center;
  1003. text-transform:uppercase;
  1004. margin-top:226px;
  1005. }
  1006. .hovers a {
  1007. color:#000;
  1008. }
  1009.  
  1010. .hovers2 {
  1011. position:fixed;
  1012. width:150px;
  1013. height:auto;
  1014. padding:4px 4px 2px 4px;
  1015. background:transparent;
  1016. margin-left:10px;
  1017. font-family:'karla';
  1018. font-size:7px;
  1019. color:#fff;
  1020. line-height:100%;
  1021. letter-spacing:1px;
  1022. text-align:center;
  1023. text-transform:uppercase;
  1024. margin-top:226px;
  1025. }
  1026.  
  1027. .hovers2 a {
  1028. color:#fff;
  1029. }
  1030.  
  1031. .hovers2 a:hover {
  1032. color:#000;
  1033. }
  1034.  
  1035. .line {
  1036. position:fixed;
  1037. width:185px;
  1038. height:1px;
  1039. background:#000;
  1040. margin-left:10px;
  1041. margin-top:240px;
  1042. }
  1043. .line2 {
  1044. position:fixed;
  1045. width:185px;
  1046. height:1px;
  1047. background:#000;
  1048. margin-left:10px;
  1049. margin-top:242px;
  1050. }
  1051.  
  1052. .line3 {
  1053. position:fixed;
  1054. width:185px;
  1055. height:1px;
  1056. background:#000;
  1057. margin-left:10px;
  1058. margin-top:244px;
  1059. }
  1060.  
  1061. .line4 {
  1062. position:fixed;
  1063. width:185px;
  1064. height:1px;
  1065. background:#000;
  1066. margin-left:10px;
  1067. margin-top:154px;
  1068. }
  1069.  
  1070. .line5 {
  1071. position:fixed;
  1072. width:185px;
  1073. height:1px;
  1074. background:#000;
  1075. margin-left:10px;
  1076. margin-top:157px;
  1077. }
  1078.  
  1079. .l {
  1080. position:fixed;
  1081. width:79px;
  1082. height:21px;
  1083. padding:5px 5px 5px 7px;
  1084. background:#000;
  1085. color:#fff;
  1086. font-family:'karla';
  1087. font-size:7px;
  1088. text-transform:uppercase;
  1089. text-align:left;
  1090. line-height:100%;
  1091. margin-left:10px;
  1092. margin-top:160px;
  1093. }
  1094.  
  1095. .l .fa {
  1096. color:#fff;
  1097. }
  1098.  
  1099. .d {
  1100. position:fixed;
  1101. width:79px;
  1102. height:21px;
  1103. padding:5px 5px 5px 7px;
  1104. background:#fff;
  1105. color:#000;
  1106. font-family:'karla';
  1107. font-size:7px;
  1108. text-transform:uppercase;
  1109. text-align:left;
  1110. line-height:100%;
  1111. margin-left:10px;
  1112. margin-top:193px;
  1113. }
  1114.  
  1115. .d .fa {
  1116. color:#000;
  1117. }
  1118.  
  1119. .stuff {
  1120. position:fixed;
  1121. width:auto;
  1122. height:auto;
  1123. font-family:'karla';
  1124. line-height:100%;
  1125. color:#fff;
  1126. text-transform:uppercase;
  1127. margin-left:20px;
  1128. margin-top:80px;
  1129. letter-spacing:.5px;
  1130. font-size:7px;
  1131. }
  1132.  
  1133. .eco2 {
  1134. position:fixed;
  1135. width:150px;
  1136. height:60px;
  1137. padding:2px;
  1138. background:transparent;
  1139. margin-top:263px;
  1140. margin-left:10px;
  1141. }
  1142.  
  1143. .black {
  1144. position:fixed;
  1145. width:100%;
  1146. height:100%;
  1147. background:#000;
  1148. margin-left:200px;top:0px;
  1149. }
  1150.  
  1151.  
  1152. /* thanks aubrey */
  1153.  
  1154. #box{
  1155. overflow:hidden;
  1156. position:fixed;
  1157. width:15px;
  1158. height:15px;
  1159. margin-top:307px;
  1160. margin-left:320px;
  1161. }
  1162.  
  1163. #icon{
  1164. margin-top:4px;
  1165. margin-left:5px;
  1166. -webkit-transition: all 0.5s linear;
  1167. -moz-transition: all 0.5s linear;
  1168. transition: all 0.5s linear;
  1169. }
  1170.  
  1171. #box:hover #icon{
  1172. margin-top:-20px;
  1173. -webkit-transition: all 0.5s linear;
  1174. -moz-transition: all 0.5s linear;
  1175. transition: all 0.5s linear;
  1176. }
  1177.  
  1178. #musicbox{
  1179. width:8px;
  1180. height:8px;
  1181. overflow:hidden;
  1182. background-color:transparent;
  1183. margin-top:12px;
  1184. margin-left:6px;
  1185. }
  1186.  
  1187. #music{
  1188. margin-top:-6px;
  1189. margin-left:-35px;
  1190. }
  1191.  
  1192. #popupbg {
  1193. position: fixed;
  1194. width: 100%;
  1195. height: 100%;
  1196. background-color: #000000;
  1197. z-index: 99999;
  1198. display: none;
  1199. opacity: 0.8;
  1200. }
  1201.  
  1202. .popup {
  1203. position: fixed;
  1204. width: 400px;
  1205. height: auto;
  1206. max-height: 550px;
  1207. top: 50%;
  1208. left: 17%;
  1209. transform: translate(-50%, -50%);
  1210. padding: 20px 0px 10px 10px;
  1211. background-color: #fff; /* popup background colour */
  1212. color: #000000; /* popup text colour */
  1213. z-index: 999999;
  1214. display: none;
  1215. font-family:'karla';
  1216. font-size:8px;
  1217. text-transform:auto;
  1218. overflow: hidden;
  1219. overflow-y: scroll;
  1220. border:1px solid {color:borders};
  1221. }
  1222. .popup ::-webkit-scrollbar { width:3px; height:5px; }
  1223.  
  1224. .popup span {
  1225. margin-top:3px;
  1226. margin-bottom:3px;
  1227. line-height:100%;
  1228. }
  1229. .popup span b {
  1230. color:#ddd;
  1231. margin-top:3px;
  1232. margin-bottom:3px;
  1233. line-height:100%;
  1234. font-size:8px;
  1235. font-family:calibri;
  1236. font-style:normal;
  1237. }
  1238.  
  1239. .popup h1 {
  1240. background:transparent;
  1241. font-family:'pot';
  1242. font-size:30px;
  1243. color:#000;
  1244. text-align:center;
  1245. text-transform:auto;
  1246. }
  1247.  
  1248. .popup::-webkit-scrollbar {
  1249. width:9px;
  1250. height:4px;
  1251. background: #FFFFFF; /* also popup background colour */
  1252. }
  1253.  
  1254. .popup::-webkit-scrollbar-thumb {
  1255. background-color: #333333; /* popup scrollbar colour */
  1256. }
  1257.  
  1258. .popup img {
  1259. width:100%;
  1260. height:auto;
  1261. }
  1262.  
  1263. .popupclosecont {
  1264. position: absolute;
  1265. top: -10px;
  1266. right: -15px;
  1267. width: 30px;
  1268. height: 25px;
  1269. overflow: hidden;
  1270. z-index: 9999999;
  1271. display: none;
  1272. }
  1273. .popupclose {
  1274. position: absolute;
  1275. top: -30px;
  1276. padding: 55px 35px 30px 30px;
  1277. border-radius: 50px;
  1278. font-size: 12pt;
  1279. color: #FFFFFF; /* popup close button x colour */
  1280. background-color: #333333; /* popup close button bg colour */
  1281. cursor: pointer;
  1282. }
  1283.  
  1284.  
  1285. #fade {
  1286. display: none;
  1287. background: #000;
  1288. position: fixed;
  1289. left: 0;
  1290. top: 0;
  1291. width: 100%;
  1292. height: 100%;
  1293. opacity: .80;
  1294. z-index: 9999;
  1295. }
  1296.  
  1297. .popup_block{
  1298. display: none;
  1299. background: #FFFFFF;
  1300. padding: 20px;
  1301. float: left;
  1302. position: fixed;
  1303. font-family:calibri;
  1304. font-size:8px;
  1305. top: 50%;
  1306. left: 50%;
  1307. z-index: 99999;
  1308. }
  1309.  
  1310. .popup_block ::-webkit-scrollbar {
  1311. width:3px;
  1312. height:4px;
  1313. background: #FFFFFF; /* also popup background colour */
  1314. }
  1315.  
  1316. img.btn_close {
  1317. float: right;
  1318. margin: -35px -35px 0 0;
  1319. }
  1320.  
  1321. *html #fade {
  1322. position: absolute;
  1323. }
  1324.  
  1325. *html .popup_block {
  1326. position: absolute;
  1327. }
  1328.  
  1329. .tml {
  1330. width:auto;
  1331. height:auto;
  1332. margin-left:-1px;
  1333. margin-top:0px;
  1334. padding:1px 7px 2px 7px;
  1335. background:transparent;
  1336. position:fixed;
  1337. z-index:10000000;
  1338. }
  1339. .tml a {
  1340. display:block;
  1341. width:110px;
  1342. height:auto;
  1343. margin-top:5px;
  1344. margin-bottom:5px;
  1345. padding:4px 4px 3px 4px;
  1346. background-color:#000;
  1347. border:1px solid #000;
  1348. color:#fff;
  1349. font-family:'karla';
  1350. font-size:7px;
  1351. text-align:center;
  1352. text-transform:uppercase;
  1353. line-height:100%;
  1354. }
  1355. .tml a:hover {
  1356. background-color:#fff;
  1357. color:#000;
  1358. }
  1359.  
  1360. /*updates from github @https://gist.github.com/Victa/1188194*/
  1361.  
  1362. #ticker {
  1363. background: #000;
  1364. height: 10px;
  1365. margin: 3px auto;
  1366. color:#fff;
  1367. min-width: 180px;
  1368. overflow: hidden;
  1369. padding: 1px 5px 10px 5px;
  1370. width: 90%;
  1371. }
  1372. #ticker p {
  1373. border-right: 1px solid #b6b6b6;
  1374. float: left;
  1375. font-weight: bold;
  1376. padding-right: 10px;
  1377. }
  1378. #ticker a {
  1379. color: #fff;
  1380. text-decoration: none;
  1381. }
  1382. #ticker ul {
  1383. float: left;
  1384. margin: 0;
  1385. padding: 0 0 0 10px;
  1386. list-style-type:none;
  1387. -webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1388. -moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1389. animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1390. }
  1391. #ticker li {
  1392. line-height: 20px;
  1393. margin: 0 0 10px -7px;
  1394. padding: 0;
  1395. list-style-type:none;
  1396. }
  1397.  
  1398. #ticker ul li:before {
  1399. content:'';top:2px;color:{color:text accents};left:10px;font-size:{select:font size}px;position:absolute;display:block;font-family:sans-serif; }
  1400.  
  1401. /* Animation */
  1402.  
  1403. @-webkit-keyframes ticker {
  1404. 0% {margin-top: -5;}
  1405. 25% {margin-top: -30px;}
  1406. 50% {margin-top: -60px;}
  1407. 75% {margin-top: -91px;}
  1408. 100% {margin-top: -100;}
  1409. }
  1410. @-moz-keyframes ticker {
  1411. 0% {margin-top: -5;}
  1412. 25% {margin-top: -30px;}
  1413. 50% {margin-top: -60px;}
  1414. 75% {margin-top: -91px;}
  1415. 100% {margin-top: -100;}
  1416. }
  1417. @keyframes ticker {
  1418. 0% {margin-top: -5;}
  1419. 25% {margin-top: -30px;}
  1420. 50% {margin-top: -60px;}
  1421. 75% {margin-top: -91px;}
  1422. 100% {margin-top: -100;}
  1423. }
  1424.  
  1425.  
  1426.  
  1427. {CustomCSS}
  1428.  
  1429.  
  1430.  
  1431. </style>
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437.  
  1438. </head>
  1439. <body class="{select:Tumblr Controls}">
  1440.  
  1441.  
  1442.  
  1443. <section id="wrapper">
  1444.  
  1445.  
  1446. <div id="cnt">
  1447. <div class="cnt">
  1448. <div class="black"></div>
  1449. <div class="links2">
  1450. <a href="/">home</a>
  1451. <a href="/ask">contact</a>
  1452. <a href="/-">compass</a>
  1453. <a href="#?w=400" rel="1" class="poplight">profile</a>
  1454. <a href="/d">disclaimer</a>
  1455. </div>
  1456. <div class="hovers">
  1457. <a title="Literate, capable of adapting to your style of writing while still maintaining my own comfort. para preferred though I will gladly script as well. Gif replies are also certain.">literacy</a>
  1458. <a title="single & undefined.">status</a>
  1459. </div>
  1460. <div class="line"></div>
  1461. <div class="line2"></div>
  1462. <div class="line3"></div>
  1463. <div class="line4"></div>
  1464. <div class="line5"></div>
  1465. <div class="aim">contact information: aim @ne.o</div>
  1466. <div class="desi2"></div>
  1467. <div class="desi">
  1468. Daniel '<i>Danny</i>' Kim, known by his stage name NE.O is Halo Entertainments crown prince and the leader of all kill boy group EC.O. A strong leader hailing from the cold North West of Seattle, WA, he's fought every step of the way to prove that he's as much a player in the music game as anyone else.
  1469. </div>
  1470. <div class="eco"><img src="http://i.imgur.com/6ZwDRBC.png"></div>
  1471. <div class="dan"><img src="http://i.imgur.com/xHQgmxT.png"></div>
  1472. <a href="javaScript:void(0);" id="popup1link" title="6 brothers, 1 group"><div class="eco2"></div></a>
  1473. <div class="stuff">just a roleplay account. not kim kai of exo.</div>
  1474. <div class="hovers2">
  1475. Literate OC Idol verse #neo94
  1476. </div>
  1477. <div class="l"><span style="font-size:8px;color:#fff;"><i class="fa fa-thumbs-up" aria-hidden="true"></i></span> exercise, dancing, clubbing, night life, experimenting, food </div>
  1478.  
  1479. <div class="d"><span style="font-size:8px;color:#000;"><i class="fa fa-thumbs-down" aria-hidden="true"></i></span> small spaces, poor hygiene, children, strong scents, cats </div>
  1480.  
  1481. <div class="links">
  1482. <a href="/">home</a>
  1483. <a href="/ask">contact</a>
  1484. <a href="/-">compass</a>
  1485. <a href="#?w=330" rel="1" class="poplight">profile</a>
  1486. <a href="/d">disclaimer</a>
  1487. </div>
  1488. <div id="box">
  1489. <div id="icon">
  1490. <img src="http://68.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" width="8" height="8"/></div>
  1491. <div id="musicbox"><div id="music">
  1492. <a title="blackbear - wanderlust (wildlyf rmx)"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
  1493. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1494. <param name="bgcolor" value="#000000" />
  1495. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/xjpn6uaf88/Blackbear_-_Wanderlust_WILDLYF_Remix_320_kbps_.mp3&amp;autoplay=1&amp;volume=25&amp;showslider=0&amp;loadingcolor=000000&amp;bgcolor=000000&amp;bgcolor1=000000&amp;bgcolor2=000000&amp;slidercolor1=000000&amp;slidercolor2=000000&amp;sliderovercolor=000000&amp;buttoncolor=ffffff&amp;buttonovercolor=ffffff&amp;textcolor=000000" />
  1496. </object></a>
  1497. </div></div></div>
  1498.  
  1499. <a href="#?w=280" rel="2" class="poplight"><div style="position:fixed;margin-top:30px;margin-left:270px;"><img src="http://68.media.tumblr.com/a3c76d6eee1501448f99db9adb18ac6d/tumblr_inline_niynf8Scw61ry72eo.png"></div></a>
  1500.  
  1501. </div>
  1502. </div>
  1503.  
  1504.  
  1505.  
  1506. {block:Posts}
  1507. <article class="posts">
  1508.  
  1509.  
  1510.  
  1511. {block:IndexPage}
  1512. <ul class="perma">
  1513. {block:Date}
  1514. <li><a href="{Permalink}" {block:ifInfinitescroll}target="_blank"{/block:ifInfinitescroll}>{DayOfMonth}</a></li>
  1515. <li><p>{DayOfWeek}</p><p style="margin-top:-2px;">{Month}</p><p>W{WeekOfYear}</p></li>
  1516. {/block:Date}
  1517. </ul>
  1518. {/block:IndexPage}
  1519.  
  1520.  
  1521. {block:ContentSource}
  1522. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1523. {/block:SourceLogo}
  1524. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1525. {/block:ContentSource}
  1526.  
  1527.  
  1528. {block:Photo}
  1529. <div id="photo">
  1530. {block:IndexPage}
  1531. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  1532. {/block:IndexPage}
  1533. {block:PermalinkPage}
  1534. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1535. {/block:PermalinkPage}
  1536. </div>
  1537. {/block:Photo}
  1538.  
  1539.  
  1540. {block:Photoset}
  1541. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1542. {block:Photos}
  1543. <div class="photo-data">
  1544. <div class="pxu-photo">
  1545. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1546. </div>
  1547. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1548. </div>
  1549. {/block:Photos}
  1550. </div>
  1551. {/block:Photoset}
  1552.  
  1553.  
  1554. {block:Video}
  1555. <div id="vid">{Video-500}</div>
  1556. {/block:Video}
  1557.  
  1558.  
  1559. {block:Audio}
  1560. <table id="audio" border="0" cellpadding="0" cellspacing="0" width="100%">
  1561. <tr>
  1562. <td valign="middle" width="60px">
  1563. {block:ifWhiteAudioPlayer}{AudioPlayerWhite}{/block:ifWhiteAudioPlayer}
  1564. {block:ifBlackAudioPlayer}{AudioPlayerBlack}{/block:ifBlackAudioPlayer}
  1565. </td>
  1566. <td id="audio_text" valign="middle">
  1567. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br/>by {Artist}{/block:Artist}
  1568. </td>
  1569. </tr>
  1570. </table>
  1571. {/block:Audio}
  1572.  
  1573.  
  1574. {block:Text}
  1575. {block:Title}<h2>{Title}</h2>{/block:Title}
  1576. {Body}
  1577. {/block:Text}
  1578.  
  1579.  
  1580. {block:Link}
  1581. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1582. {block:Description}{Description}{/block:Description}
  1583. {/block:Link}
  1584.  
  1585.  
  1586. {block:Answer}
  1587. <div id="question">{Question}</div> <p id="asker">{Asker}</p>
  1588. {Answer}
  1589. {/block:Answer}
  1590.  
  1591.  
  1592. {block:Quote}
  1593. <div id="quote">
  1594. {Quote}
  1595. {block:Source}<p id="source">— {Source}</p>{/block:Source}
  1596. </div>
  1597. {/block:Quote}
  1598.  
  1599.  
  1600. {block:Chat}
  1601. {block:Title}<h2>{Title}</h2>{/block:Title}
  1602. {block:Lines}
  1603. <p id="chat" >{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  1604. {/block:Lines}
  1605. {/block:Chat}
  1606.  
  1607.  
  1608. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp{/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  1609.  
  1610.  
  1611. {block:IndexPage}{block:ifShowTags}{block:HasTags}
  1612. <p class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</p>
  1613. {/block:HasTags}{/block:ifShowTags}{/block:IndexPage}
  1614.  
  1615.  
  1616. {block:PermalinkPage}{block:Date}
  1617. <ul class="perma_p">
  1618. <li><p>date</p>
  1619. <p>{DayOfWeek}, week {WeekOfYear}</p>
  1620. <p>{DayOfMonth} {Month}, {Year}</p>
  1621. </li>
  1622. {block:RebloggedFrom}
  1623. <li><p>by</p>
  1624. <p>origin <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  1625. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p>
  1626. </li>
  1627. {/block:RebloggedFrom}
  1628. {block:HasTags}
  1629. <li><p>tags</p>
  1630. <p id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  1631. </li>
  1632. {/block:HasTags}
  1633. </ul>
  1634. {/block:Date}{/block:PermalinkPage}
  1635.  
  1636.  
  1637.  
  1638. </article>
  1639.  
  1640.  
  1641.  
  1642. {block:PermalinkPage}
  1643. {block:NoteCount}<div class="not">{NoteCountWithLabel}</div>{/block:NoteCount}
  1644. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1645. {/block:PermalinkPage}
  1646.  
  1647.  
  1648.  
  1649. {/block:Posts}
  1650. </section>
  1651.  
  1652.  
  1653.  
  1654. {block:IndexPage}
  1655. <footer>
  1656. {block:Pagination}
  1657. <div class="pagination">
  1658. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  1659. {CurrentPage} / {TotalPages}
  1660. {block:NextPage} <a id="next" href="{NextPage}">next</a>{/block:NextPage}
  1661. </div>
  1662. {/block:Pagination}
  1663. {block:ifInfinitescroll}
  1664. {block:ifManualLoad}
  1665. <a id="load">load more</a>
  1666. {/block:ifManualLoad}
  1667. {/block:ifInfinitescroll}
  1668. </footer>
  1669. {/block:IndexPage}
  1670.  
  1671.  
  1672.  
  1673. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi, Sidebar by NEO94. Please be respectful.">cr.</a>
  1674.  
  1675.  
  1676.  
  1677. <div id="popupbg"></div>
  1678.  
  1679.  
  1680.  
  1681.  
  1682. <div class="popup" id="popup1"><div class="popupclosecont closepopup1"><a title="close"><div class="popupclose closepopup1">X</div></a></div>
  1683.  
  1684. <!-- Content goes in here -->
  1685.  
  1686.  
  1687.  
  1688.  
  1689. <img src="http://i.imgur.com/rXIWEFp.gif"/>
  1690.  
  1691. <h1 style="border-bottom:1px solid #000;padding-bottom:3px;">The dawn of a new era</h1>
  1692.  
  1693. <div style="margin-top:2px;text-transform:uppercase;text-align:justify;max-height:150px;position:absolute;width:180px;">
  1694.  
  1695. <span style="margin-top:8px; margin-bottom:8px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Group:</b> </span> EC.O, previously known as X'ACT <br>
  1696. <div style="height:2px;width:auto;"></div>
  1697. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Debut:</b> </span> April 8, 2016 <br>
  1698. <div style="height:2px;width:auto;"></div>
  1699. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Age Range:</b> </span> 18 - 26 <br>
  1700. <div style="height:2px;width:auto;"></div>
  1701. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:auto;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Company:</b> </span> Halo Entertainment </br>
  1702. <div style="height:2px;width:auto;"></div>
  1703. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:3px;color:#fff;letter-spacing:.5px;"><b>Members:</b></span> Six, Seven prior to the rename </br>
  1704. <div style="height:2px;width:auto;"></div>
  1705. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Albums:</b> </span> One mini album to date </br>
  1706. <div style="height:2px;width:auto;"></div>
  1707. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Singles:</b> </span> Two </br>
  1708. <div style="height:2px;width:auto;"></div>
  1709. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Regions:</b> </span> Korea and Japan </br>
  1710. <div style="height:2px;width:auto;"></div>
  1711. <span style="margin-top:3px; margin-bottom:3px;padding:2px 4px 2px 4px; background-color:#000;width:150px;margin-right:5px;color:#fff;letter-spacing:.5px;"><b>Schedule:</b> </span> Updated Weekly </br>
  1712.  
  1713.  
  1714. <div id="ticker">
  1715. <ul>
  1716. <li><a href="#"> Jan.1st - EC.O Fan sign at lotte world </a></li>
  1717. <li><a href="#"> Jan.2nd - EC.O ' Chained Up ' Live @MBC </a></li>
  1718. <li><a href="#"> Jan.6th - EC.O Live VAPP Session with fans</a></li>
  1719. <li><a href="#">Jan.8th - 1st Full album '7ECONDS' released </a></li>
  1720. <li><a href="#">Jan.8th - Repackaged self titled mini album released </a></li>
  1721. </ul>
  1722. </div>
  1723.  
  1724.  
  1725. </div>
  1726.  
  1727. <div style="overflow:auto;text-transform:uppercase;text-align:justify;max-height:149px;padding-right:5px;margin-left:200px;border-bottom:1px solid #000;">
  1728.  
  1729. Formed in the Spring of 2016, EC.O (prev. X'ACT) was created with the ideal of being the new generation all kill boy group. Initially a seven member group, they marked Halo Entertainments entry into the music industry. Soon the group fell short a member due to health issues and the group progressed forward as a sextet. Their initial debut album met minor success, and though they obtained a fan base in Asia as well as internationally, they failed to top the charts with their title and secondary song. As a result, Halo decided to revamp the group after a five month hiatus. With a name change and a revisioned concept they're to comeback with their sophmore mini album "7ECONDS".
  1730.  
  1731.  
  1732.  
  1733. </div>
  1734.  
  1735. <!-- End content -->
  1736.  
  1737. </div>
  1738.  
  1739.  
  1740. <div id="1" class="popup_block" style="background:none;">
  1741.  
  1742. <div style="margin-left:15px;">
  1743.  
  1744. <div style="position:relative; background:#111; font-family:calibri; font-size:8px;text-transform:uppercase;text-align:center;padding:5px;width:278px;height:auto;color:#eee;margin-left:6px;margin-bottom:1.5px;"> The biography and basic rundown of Danny Kim (for <a href="/pro" title="a more in depth look at danny kim">more</a>)</div>
  1745.  
  1746. <div style="position:relative;width:125px; height:80px;padding:10px;background-color:#fff;font-family:calibri;font-size:8px;text-align:justify;color:#000;margin-bottom:-5px;margin-left:6px;float:left;">
  1747.  
  1748.  
  1749. <div style="margin-top:2px;text-transform:uppercase;line-height:100%;text-align:justify;max-height:80px;position:absolute;width:125px;overflow:auto;padding-right:3px;">
  1750.  
  1751. <b>Name:</b> Daniel ‘Danny’ Kim </br>
  1752. <b>Korean Name:</b> (김태오) Kim Tae Oh </br>
  1753. <b>Nicknames:</b> TaeNo (given to him by his mother), Dancing King, Vandal (by childhood friends), Kitty (by his youngest sister), & Jukkjukk </br>
  1754. <b>Birthdate:</b> 3 August 1994</br>
  1755. <b>Family:</b> Mother, Biological Father (Nicknamed 'Sperm Donor'), Step Father, a younger half sister from his biological fathers side, and a half sister from his mothers second marriage.</br>
  1756. <b>Bloodtype:</b> AB+</br>
  1757. <b>HT/WT:</b> 186cm / 62.5 kg</br>
  1758. <b>Age:</b> Twenty-two</br>
  1759. <b>Gender:</b> Cis Male</br>
  1760. <b>Horoscope:</b> Leo</br>
  1761. <b>Status:</b> Single / Not Interested</br>
  1762. <b>Hometown:</b> Seattle, Washington, USA</br>
  1763. <b>Location:</b> Seoul, South Korea</br>
  1764. <b>Occupation:</b> Dancer, Singer, Rapper</br>
  1765. <b>Eye Color:</b> Brown</br>
  1766. <b>Hair Color:</b> Currently Black, normally dyed</br>
  1767. <b>Wardrobe:</b> Casual but fashionable</br>
  1768. <b>Marked:</b> Few piercings and tattoos</br>
  1769.  
  1770.  
  1771. </div>
  1772.  
  1773.  
  1774.  
  1775.  
  1776. </div>
  1777.  
  1778. <div style="position:relative;width:131px; height:90px;padding:5px;background-color:#fff;font-family:calibri;font-size:8px;text-align:justify;color:#000;margin-bottom:-5px;margin-left:153px;">
  1779.  
  1780.  
  1781.  
  1782. <div class="tml"> <a href="#?w=230" rel="6" class="poplight">where there is time</a> <a href="#?w=230" rel="4" class="poplight">there are stories</a> <a href="#?w=230" rel="5" class="poplight">where there is tragedy</a> <a href="#?w=230" rel="7" class="poplight">there is triumph</a> </div>
  1783.  
  1784. </div>
  1785.  
  1786. <div style="width:289px; height:2px;background:#111;margin-top:7px;margin-left:6px;"></div>
  1787.  
  1788. <div style="position:relative;width:300px;height:auto;margin-top:-4px;"><img src="http://i.imgur.com/2aumUyV.gif" width="300" height="auto">
  1789.  
  1790. <div style="position:fixed;margin-top:-55px; margin-left:20px;text-transform:auto;text-align:justify;font-family:'may';color:#000;font-size:15px;text-shadow:1px 0px #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;width:260px;opacity:.5;"> "I consider myself an artist. I don't really rap. I don't really sing. I just do what feels good and hope people like it." - fetty wap
  1791.  
  1792. </div>
  1793.  
  1794. </div>
  1795.  
  1796. <div style="position:relative; background:#111; font-family:calibri; font-size:8px;text-transform:uppercase;text-align:center;padding:2px 5px 2px 5px;width:278px;height:auto;color:#eee;margin-left:6px;margin-top:-5px;"> Not the real Kim Kai of EXO, purely RP purposes only. </div>
  1797.  
  1798.  
  1799. </div>
  1800.  
  1801. </div>
  1802.  
  1803. <div id="2" class="popup_block" style="padding:0;">
  1804. <a title="Single"><img src="https://s-media-cache-ak0.pinimg.com/236x/cc/1b/f7/cc1bf791b3aecd704315b2dbabda4fba.jpg"></a>
  1805. </div>
  1806.  
  1807. <div id="6" class="popup_block" style="left:32%;top:53%;padding:0;background-color:transparent;">
  1808.  
  1809. <div style="margin-left:30px;background:#fff;padding:20px;width:auto;height:170px;text-transform:uppercase;line-height:100%;text-align:justify;">
  1810. <div style="overflow:scroll;width:auto;height:180px;padding-right:5px;">
  1811. <p><b>1994.</b></br>
  1812.  
  1813. <p>It’s August 2nd, the weather is cold and wet and midnight is closing in. She’s weak, he’s angry; the first-time parent’s uncertain of how to handle early labor. Fifteen minutes. It takes them fifteen minutes to get to the hospital from their small apartment in the city. “Dr. Schaffer, she’s three weeks early.” That’s all that can be heard before she’s out cold and her husband leaves to smoke a cigarette and check his nightly bets. Midnight passes and an epidural is off the table. Cesarean section is necessary. He’s born at 12:32 am.</p>
  1814.  
  1815. <p><b>1997.</b></br>
  1816.  
  1817. <p>Small and quiet, his father spends most days screaming for him to shut up. He’s always silent, but his father hears what he wishes. Another ‘shut up’ and he’s crying, his mother at her second job, one of three she wishes she could quit is crying herself. Stress and worry over which bills they’ll be able to pay this month, if there is any money left to pay them with. His father gambles, every penny she earns he risks until they have nothing left. He’s a terrible bet, but he doesn’t care. Another penny wasted. Another week without proper food. Another ‘shut up’ and the boy is quiet. Silent.</p>
  1818.  
  1819. <p><b>2000.</b></br>
  1820.  
  1821. <p>It’s his birthday, the small boy now six. He only wishes for a bike, but his mother says no. They can’t afford it. His father has gambled away their savings; they’re being evicted. It’s of no consequence as he receives a gift on his birthday from his father he did not wish for. A beating, so bad he falls into a coma. ‘Shut up’ became too much, he needed to be quiet. Remain quiet. It’s months before doctors suggest life support be cut short. But she says no. He’s her son, she won’t let him go. She fears retribution; turning him in is not a choice. The boy wakes four months later, defying the odds. So she flees with him. It’s a journey to Seoul where her mother lives. The young mother worried for her small boy.
  1822.  
  1823. </div>
  1824. </div></div>
  1825.  
  1826. <div id="4" class="popup_block" style="left:32%;top:53%;padding:0;background-color:transparent;">
  1827.  
  1828. <div style="margin-left:30px;background:#fff;padding:20px;width:auto;height:170px;text-transform:uppercase;line-height:100%;text-align:justify;">
  1829. <div style="overflow:scroll;width:auto;height:180px;padding-right:5px;">
  1830.  
  1831. <p><b>2003.</b></br>
  1832.  
  1833. <p>He’s the foreign boy from the U.S. that can’t speak Korean. He’s teased. “How can you be Korean and not speak Korean.” The bullying is persistent. He’s sad and alone, but never speaks up. His mother feels overwhelmed. Her child can’t defend himself, but she doesn’t know what to do. Learning is slow, curved by the missing father figure he needs in his life. The donor, as his mother now calls his father calls daily. “Bring him home.” But her answer is always no. Seattle isn’t safe. Not while he’s there. The boy can’t take it anymore. He doesn’t want to be a victim. So he seeks guidance from those the bullies fear.
  1834.  
  1835. <p><b>2005.</b></br>
  1836.  
  1837. <p>It's illegal, and he knows the risks but he can't back out. He can't say no. He's ordered to do it. Hauling a bag filled with narcotics isn't an everyday task for an eleven year old, but today the usual errand boy is sick. So he's left to fill in. A few miles and he makes it. But it's not that simple. He's scared. They're much older. Older than the teen boys who give him orders to deliver these things. But he's good at pretending. He bites his lip and hands it over. Waiting for the okay for him to go. It finally comes and he leaves.
  1838.  
  1839. <p><b>2009.</b></br>
  1840.  
  1841. <p>He's fifteen and living back in Seattle with his father. Enough convincing and pleading with his mother saves the boy from senseless beatings from the boys he once ran with. It's been almost a year since he returned to the states and all he wants to do is live free with no limits. So he does. Drinking, smoking, the whole nine becomes his life. Partying, sneaking out, sex. It's a troubled teens dream, but it's a reality far from home. The beatings are few but brutal. A punctured lung, a broken tibia, the list goes on of scars that won't soon heal. His father is the same, a drunkard and a deadbeat. But the boy is free here. To do as he pleases, even if the price is his destruction.
  1842.  
  1843.  
  1844. </div>
  1845. </div></div>
  1846.  
  1847. <div id="5" class="popup_block" style="left:32%;top:53%;padding:0;background-color:transparent;">
  1848.  
  1849. <div style="margin-left:30px;background:#fff;padding:20px;width:auto;height:170px;text-transform:uppercase;line-height:100%;text-align:justify;">
  1850. <div style="overflow:scroll;width:auto;height:180px;padding-right:5px;">
  1851.  
  1852. <p><b>2010.</b></br>
  1853.  
  1854. <p>It's easy. Fake ID's and shady business make earning money simple. Stripping? It was a cake walk in comparison to a 9 to 5. He's sixteen but he's content. Earning enough cash every night to keep the lights on twice over is enough of an insentive to continue. It's illegal. He can easily be caught. But no one questions him when he brings in the masses every night. His growing passion for dance draws them to his shows. He's eighteen, or so his fake ID says. No one will ever be the wiser.
  1855.  
  1856. <p><b>2013.</b></br>
  1857.  
  1858. <p>He's nineteen and three years of stripping has earned him enough to go back to Korea to begin anew. His father has since gone to prison. Hooked on dope and caught betting on the ponies, he was absent more in the boys teen life than his childhood. His mother and new step father wait back home for the boy they've believed to be studying abroad all these years. He's a sweet boy, right? A pure boy with no concerns for the new world that awaits him. Or so they wish to believe. His innocence shattered as a child. He had done just about every thing a teen could possibly do in a place where limits were never pressured.
  1859.  
  1860. </div>
  1861. </div></div>
  1862.  
  1863. <div id="7" class="popup_block" style="left:32%;top:53%;padding:0;background-color:transparent;">
  1864.  
  1865. <div style="margin-left:30px;background:#fff;padding:20px;width:auto;height:170px;text-transform:uppercase;line-height:100%;text-align:justify;">
  1866. <div style="overflow:scroll;width:auto;height:180px;padding-right:5px;">
  1867.  
  1868. stuff goes here
  1869.  
  1870. </div>
  1871. </div></div>
  1872.  
  1873. <!---- Scripts ---->
  1874.  
  1875. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1876.  
  1877. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1878. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1879. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  1880. <script>
  1881. $(document).ready(function(){
  1882. $('.not').click(function(){
  1883. $(".notes").slideToggle("slow");
  1884. });
  1885. $("[title],a[title],img[title]").style_my_tooltips({
  1886. tip_follows_cursor:true,
  1887. tip_delay_time:50,
  1888. tip_fade_speed:500,
  1889. attribute:"title"
  1890. });
  1891. $('.photo-slideshow').pxuPhotoset({
  1892. lightbox: true,
  1893. rounded: false,
  1894. gutter: '5px',
  1895. borderRadius: '0px',
  1896. photoset: '.photo-slideshow',
  1897. photoWrap: '.photo-data',
  1898. photo: '.pxu-photo'
  1899. });
  1900. });
  1901. </script>
  1902.  
  1903. <!---- Scripts ---->
  1904.  
  1905.  
  1906. <script type="text/javascript">
  1907. $(document).ready(function() {
  1908.  
  1909. $("#popup1link").click(function() {
  1910. $("#popupbg").fadeIn(200);
  1911. $("#popup1").fadeIn(1000);
  1912. $(".closepopup1").fadeIn(1200);
  1913. });
  1914. $(".closepopup1").click(function() {
  1915. $("#popupbg").fadeOut(1000);
  1916. $("#popup1").fadeOut(200);
  1917. $(".closepopup1").fadeOut(200);
  1918. });
  1919.  
  1920. });
  1921. </script>
  1922.  
  1923. <script>
  1924.  
  1925.  
  1926.  
  1927. $(document).ready(function() {
  1928.  
  1929. //
  1930.  
  1931.  
  1932.  
  1933. //When you click on a link with class of poplight and the href starts with a #
  1934.  
  1935. $('a.poplight[href^=#]').click(function() {
  1936.  
  1937. var popID = $(this).attr('rel'); //Get Popup Name
  1938.  
  1939. var popURL = $(this).attr('href'); //Get Popup href to define size
  1940.  
  1941.  
  1942.  
  1943. //Pull Query & Variables from href URL
  1944.  
  1945. var query= popURL.split('?');
  1946.  
  1947. var dim= query[1].split('&');
  1948.  
  1949. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1950.  
  1951.  
  1952.  
  1953. //Fade in the Popup and add close button
  1954.  
  1955. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Clip.gif" class="btn_close" title="Close Window" alt="Close" /></a>');
  1956.  
  1957.  
  1958. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  1959.  
  1960. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1961.  
  1962. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1963.  
  1964.  
  1965.  
  1966. //Apply Margin to Popup
  1967.  
  1968. $('#' + popID).css({
  1969.  
  1970. 'margin-top' : -popMargTop,
  1971.  
  1972. 'margin-left' : -popMargLeft
  1973.  
  1974. });
  1975.  
  1976.  
  1977.  
  1978. //Fade in Background
  1979.  
  1980. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1981.  
  1982. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  1983.  
  1984.  
  1985.  
  1986. return false;
  1987.  
  1988. });
  1989.  
  1990.  
  1991.  
  1992. //Close Popups and Fade Layer
  1993.  
  1994. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1995.  
  1996. $('#fade , .popup_block').fadeOut(function() {
  1997.  
  1998. $('#fade, a.close').remove(); //fade them both out
  1999.  
  2000. });
  2001.  
  2002. return false;
  2003.  
  2004. });
  2005. });
  2006.  
  2007. </script>
  2008.  
  2009.  
  2010.  
  2011. {block:IndexPage}
  2012. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  2013. {block:ifInfinitescroll}
  2014. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  2015. {/block:ifInfinitescroll}
  2016. <script>
  2017. $(document).ready(function(){
  2018. var $container = $('#wrapper');
  2019. $container.masonry({
  2020. itemSelector: 'article',
  2021. columnWidth: {select:Post Size} + 20 + {text:Post Margin}*2,
  2022. });
  2023. $container.imagesLoaded(function(){
  2024. $container.masonry();
  2025. });
  2026. {block:ifInfinitescroll}
  2027. $container.infinitescroll({
  2028. itemSelector : ".posts",
  2029. navSelector : ".pagination",
  2030. nextSelector : ".pagination a#next",
  2031. loadingImg : "",
  2032. loadingText : "<em> </em>",
  2033. bufferPx : 1000,
  2034. extraScrollPx: 500,
  2035. {block:ifManualLoad}
  2036. errorCallback: function () { jQuery('a#load').delay(50).fadeOut(); },
  2037. {/block:ifManualLoad}
  2038. },
  2039. function( newElements ) {
  2040. resizeVideos();
  2041. $(newElements).find('.photo-slideshow').pxuPhotoset({
  2042. lightbox: true,
  2043. rounded: false,
  2044. gutter: '5px',
  2045. borderRadius: '0px',
  2046. photoset: '.photo-slideshow',
  2047. photoWrap: '.photo-data',
  2048. photo: '.pxu-photo'
  2049. });
  2050. var $newElems = $( newElements ).css({ opacity: 0 });
  2051. $newElems.imagesLoaded(function(){
  2052. $container.masonry( 'appended', $newElems );
  2053. $newElems.animate({ opacity: 1 });
  2054. });
  2055. });
  2056. {block:ifnotManualLoad}
  2057. if($(window).height() >= $(document).height()){
  2058. $container.infinitescroll('retrieve'); return false;
  2059. };
  2060. {/block:ifnotManualLoad}
  2061. {block:ifManualLoad}
  2062. $(window).unbind('.infscr');
  2063. $('a#load').click(function() {
  2064. $container.infinitescroll('retrieve');return false;
  2065. });
  2066. {/block:ifManualLoad}
  2067. {/block:ifInfinitescroll}
  2068. });
  2069. </script>
  2070. {/block:IndexPage}
  2071.  
  2072.  
  2073.  
  2074. </body>
  2075. </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!