Advertisement
Guest User

Untitled

a guest
Aug 29th, 2016
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.23 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6. <!----------- FANSITE THEME #7 by clumhood :> ------------>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <!--------DEFAULT VARIABLES-------->
  15.  
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:bold" content="#a6aaad"/>
  18. <meta name="color:italic" content="#aa6078"/>
  19. <meta name="color:text" content="#000000"/>
  20. <meta name="color:links" content="#626262"/>
  21. <meta name="color:navigation" content="#ffffff"/>
  22. <meta name="color:nav links" content="#ae677d"/>
  23. <meta name="color:nav links hover" content="#8867ae"/>
  24. <meta name="color:borders" content="#eeeeee"/>
  25. <meta name="color:question" content="#f8f8f8"/>
  26. <meta name="color:scrollbar" content="#000000"/>
  27. <meta name="color:scrollbar background" content="#ffffff"/>
  28. <meta name="color:sidebar" content="#ffffff"/>
  29. <meta name="color:titles" content="#ae677d"/>
  30. <meta name="color:titles bg" content="#ffffff"/>
  31. <meta name="color:dates" content="#ae677d"/>
  32. <meta name="color:info" content="#ae677d"/>
  33. <meta name="color:content background" content="#f8f8f8"/>
  34. <meta name="color:posts background" content="#ffffff"/>
  35. <meta name="color:events date" content="#eeeeee"/>
  36.  
  37.  
  38. <meta name="image:header" content=""/>
  39. <meta name="image:sidebar" content=""/>
  40. <meta name="image:icon" content=""/>
  41.  
  42. <meta name="text:link 1 title" content="link"/>
  43. <meta name="text:link 1 url" content=""/>
  44. <meta name="text:link 2 title" content="link"/>
  45. <meta name="text:link 2 url" content=""/>
  46. <meta name="text:link 3 title" content="link"/>
  47. <meta name="text:link 3 url" content=""/>
  48. <meta name="text:link 4 title" content="link"/>
  49. <meta name="text:link 4 url" content=""/>
  50. <meta name="text:link 5 title" content="link"/>
  51. <meta name="text:link 5 url" content=""/>
  52. <meta name="text:link 6 title" content="link"/>
  53. <meta name="text:link 6 url" content=""/>
  54.  
  55.  
  56.  
  57.  
  58.  
  59. <!----------------SCRIPTS---------------->
  60.  
  61. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:200,
  70. tip_fade_speed:300
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  77.  
  78. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  79.  
  80. <script type="text/javascript">
  81. WebFontConfig = {
  82. google: { families: [ 'Roboto:400,400italic,500,500italic,700,700italic,900,900italic:latin' ] }
  83. };
  84. (function() {
  85. var wf = document.createElement('script');
  86. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  87. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  88. wf.type = 'text/javascript';
  89. wf.async = 'true';
  90. var s = document.getElementsByTagName('script')[0];
  91. s.parentNode.insertBefore(wf, s);
  92. })(); </script>
  93.  
  94. <style type="text/css">
  95.  
  96. /*----------SCROLLBAR---------*/
  97.  
  98. ::-webkit-scrollbar {
  99. background-color: {color:scrollbar bg};
  100. height:8px;
  101. width:5px;
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb:vertical {
  105. background-color:{color:scrollbar};
  106. height:50px;
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb:horizontal {
  110. background-color:{color:scrollbar bg};
  111. height:8px;
  112. }
  113.  
  114. /*----------TOOLTIPS---------*/
  115.  
  116. #s-m-t-tooltip {
  117. max-width:300px;
  118. margin:15px;
  119. padding:5px;
  120. border:1px solid #eeeeee;
  121. border-radius:0px;
  122. background:#ffffff;
  123. color:{color:text};
  124. z-index:999999;
  125. font-size:7px;
  126. font-style:none;
  127. letter-spacing:2px;
  128. font-family:arial;
  129. text-transform:uppercase;
  130. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  131. }
  132.  
  133. /*----------BASICS---------*/
  134.  
  135. body {
  136. background:{color:background};
  137. color:{color:text};
  138. font-family:'roboto', sans-serif;
  139. font-size:11px;
  140. line-height:150%;
  141. margin:0;
  142. text-align:left;
  143. }
  144.  
  145. small {
  146. font-size:11px;
  147. }
  148.  
  149.  
  150.  
  151. a {
  152. color:{color:links};
  153. text-decoration:none;
  154. }
  155.  
  156. b {
  157. color:{color:bold};
  158.  
  159. }
  160.  
  161. i {
  162. color:{color:italic};
  163. }
  164.  
  165. a:hover {
  166. color:{color:link hover};
  167. transition:1s;
  168. -webkit-transition:1s;
  169. -moz-transition:1s;
  170. -o-transition:1s;
  171. }
  172.  
  173. img {
  174. opacity:1;
  175. text-decoration:none;
  176. }
  177.  
  178. h1 {
  179. font-size:14px;
  180. font-weight:bold;
  181. font-family:arial;
  182. line-height:150%;
  183. text-transform:uppercase;
  184. }
  185.  
  186. blockquote {
  187. padding-left:10px;
  188. margin:10px;
  189. border-left:1px solid #eee;
  190. }
  191.  
  192. /*----------HEADER---------*/
  193.  
  194. .h img {
  195. margin-bottom:0px;
  196. }
  197.  
  198. .topbar {
  199. width:1280px;
  200. padding:30px 0px 20px 0px;
  201. background:{color:navigation};
  202. }
  203.  
  204. .topbar img {
  205. float:left;
  206. width:30px;
  207. margin-left:30px;
  208. }
  209.  
  210. .title {
  211. text-transform:uppercase;
  212. float:left;
  213. margin-left:10px;
  214. font-size:15px;
  215. font-weight:bold;
  216. }
  217.  
  218.  
  219. .subtitle {
  220. float:left;
  221. margin-left:10px;
  222.  
  223. }
  224.  
  225. .links {
  226. margin-top:-10px;
  227.  
  228. }
  229.  
  230. .links a {
  231. padding:20px;
  232. text-transform:uppercase;
  233. font-size:15px;
  234. letter-spacing:1px;
  235. font-weight:bold;
  236. color:{color:nav links};
  237. }
  238.  
  239. .links a:hover {
  240. color:{color:nav links hover};
  241. }
  242.  
  243. .half-grayscale {
  244. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.5\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  245. filter: gray alpha(opacity=50); /* IE6-9 */
  246. -webkit-filter: grayscale(50%); /* Chrome 19+ & Safari 6+ */
  247. -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  248. -webkit-backface-visibility: hidden; /* Fix for transition flickering */
  249. }
  250.  
  251. .half-grayscale:hover {
  252. filter: none;
  253. -webkit-filter: grayscale(0%);
  254. }
  255.  
  256. .grey {
  257. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  258. -webkit-filter: grayscale(1000%);
  259. -webkit-transition: all 0.4s linear;
  260. -moz-transition: all 0.4s linear;
  261. -o-transition: all 0.4s linear;
  262. }
  263.  
  264. .stylewrap:hover .grey {
  265. filter: none;
  266. -webkit-filter: grayscale(0%);
  267. }
  268.  
  269.  
  270. /*----------SIDEBAR---------*/
  271.  
  272. .sidebar {
  273. position:absolute;
  274. width:350px;
  275. margin-top:50px;
  276. margin-left:100px;
  277.  
  278. }
  279.  
  280.  
  281. .cat {
  282. padding:20px;
  283. margin-bottom:50px;
  284. background:white;
  285. }
  286.  
  287. .cti {
  288. text-transform:uppercase;
  289. font-size:15px;
  290. font-weight:bold;
  291. padding:15px;
  292. color:{color:titles};
  293. text-align:right;
  294. font-style:italic;
  295. letter-spacing:1px;
  296. background:white;
  297. margin-bottom:5px;
  298. }
  299.  
  300.  
  301.  
  302. .descimg img {
  303. width:350px;
  304. }
  305.  
  306.  
  307.  
  308. .welcome {
  309. text-align:justify;
  310. padding:30px;
  311. margin-top:-5px;
  312. font-size:12px;
  313. margin-bottom:50px;
  314. background:white;
  315. }
  316.  
  317.  
  318.  
  319.  
  320. .projects {
  321. padding:5px;
  322. text-align:left;
  323. margin-top:0px;
  324.  
  325. }
  326.  
  327.  
  328.  
  329. .projects img {
  330. padding:5px;
  331. width:100px;
  332. float:left;
  333. margin-right:10px;
  334. border:1px solid #eee;
  335.  
  336. }
  337.  
  338. .projects a {
  339. color:black;
  340. }
  341.  
  342. .buttons {
  343. text-align:left;
  344. margin-left:70px;
  345. margin-top:10px;
  346. margin-bottom:10px;
  347. color:black;
  348.  
  349. }
  350.  
  351. .buttons a {
  352. padding:5px;
  353. border:1px solid #eee;
  354. color:black;
  355. text-decoration:none;
  356. }
  357.  
  358.  
  359. .cover img{
  360. width:350px;
  361. }
  362.  
  363. .pinfo {
  364. height:130px;
  365. margin-top:10px;
  366. }
  367.  
  368. .pinfo a {
  369. color:black;
  370. text-decoration:none;
  371. }
  372.  
  373. .pinfo b {
  374. color:#a6aaad;
  375. }
  376.  
  377.  
  378.  
  379. .m {
  380. padding:10px 5px 5px 10px;
  381. background:white;
  382. margin-bottom:0px;
  383. height:90px;
  384. }
  385.  
  386. .m a {
  387. margin-top:30px;
  388. position:absolute;
  389. margin-left:10px;
  390. text-transform:uppercase;
  391. font-family:'raleway', sans-serif;
  392. font-size:8px;
  393. letter-spacing:1px;
  394. font-weight:bold;
  395. }
  396.  
  397. .minfo {
  398. margin-top:-50px;
  399. margin-left:100px;
  400.  
  401. }
  402.  
  403.  
  404. .m img {
  405.  
  406. width:90px;
  407. border-radius:100%;
  408. }
  409.  
  410.  
  411.  
  412. .affiliates {
  413. width:300px;
  414. padding:5px;
  415. text-align:left;
  416. text-transform:uppercase;
  417. font-size:9px;
  418. letter-spacing:1px;
  419. margin-top:20px;
  420. }
  421.  
  422. .affiliates img {
  423. padding:5px;
  424. width:50px;
  425.  
  426.  
  427. }
  428.  
  429. .affiliates img:hover {
  430. -webkit-filter: grayscale(100%);
  431. z-index: -9999999999999999999999999px;
  432. -webkit-transition: all 0.9s ease-in-out;
  433. -moz-transition: all 0.9s ease-in-out;
  434. -o-transition: all 0.9s ease-in-out;
  435. -ms-transition: all 0.9s ease-in-out;
  436. transition: all 0.9s ease-in-out;
  437. }
  438.  
  439. .sinfo {
  440. margin:20px;
  441. text-align:justify;
  442. }
  443.  
  444. .off a {
  445. display:block;
  446. padding:10px;
  447. border-bottom:1px solid #eee;
  448. text-transform:uppercase;
  449. font-size:10px;
  450. color:black;
  451. }
  452.  
  453. .off a:hover {
  454. margin-left:5px;
  455. }
  456.  
  457.  
  458. .date {
  459. float:left;
  460. padding:10px;
  461. margin-right:10px;
  462. background:{color:events date};
  463. text-transform:uppercase;
  464. font-weight:bold;
  465. }
  466.  
  467. .e {
  468. padding:10px;
  469. border-bottom:1px solid #eee;
  470. }
  471.  
  472. .hqs {
  473. height:225px;
  474. padding:10px;
  475. margin-left:10px;
  476. width:250px;
  477. }
  478.  
  479. .hqs img {
  480. float:left;
  481. margin:5px;
  482. display:block;
  483. width:64px;
  484. }
  485.  
  486. /*----------PAGINATION---------*/
  487.  
  488. #pagi {
  489. margin-top:40px;
  490. margin-left:800px;
  491. font-family:'roboto', sans-serif;
  492. text-transform:uppercase;
  493. font-size:20px;
  494. font-weight:bold;
  495. padding:20px;
  496. }
  497.  
  498. /*----------POSTS---------*/
  499.  
  500. .container {
  501. width:1240px;
  502. margin-left:calc(50% - 640px);
  503. background:{color:content background};
  504. padding:20px;
  505. margin-top:-5px;
  506.  
  507. }
  508.  
  509.  
  510. .entries {
  511. margin-top:50px;
  512. width:500px;
  513. margin-left:600px;
  514. background:{color:content background};
  515.  
  516. }
  517.  
  518. .posts {
  519. width:500px;
  520. margin-bottom:70px;
  521. background:{color:posts background};
  522. padding:20px;
  523.  
  524. }
  525.  
  526.  
  527. /*----------QUOTE---------*/
  528.  
  529. .quote {
  530. padding:10px;
  531. font-size:15px;
  532. }
  533.  
  534. .quotesource {
  535. padding:10px;
  536. text-align:center;
  537. }
  538.  
  539. /*----------CHAT---------*/
  540.  
  541. .chat {
  542. line-height:150%;
  543. list-style:none;
  544. }
  545.  
  546. .line.odd {
  547. padding:10px;
  548. background:#f8f8f8;
  549. }
  550.  
  551. .line.even {
  552. padding:10px;
  553. }
  554.  
  555. .label {
  556. text-transform:uppercase;
  557. font-size:10px;
  558. letter-spacing:1px;
  559. font-weight:bold;
  560. }
  561.  
  562. /*----------AUDIO---------*/
  563.  
  564. .cover {
  565. position:relative;
  566. z-index:1;
  567. max-width:100px;
  568. padding:10px;
  569. float:left;
  570. }
  571.  
  572. .playbutton {
  573. width:20px;
  574. height:30px;
  575. overflow:hidden;
  576. position:relative;
  577. z-index:2;
  578.  
  579. }
  580.  
  581.  
  582. .playbox {
  583. background-color:#000;
  584. position:absolute;
  585. z-index:2;
  586. padding:15px 24px 13px 16px;
  587. margin-top:30px;
  588. margin-left:30px;
  589. opacity:0.5;
  590. }
  591.  
  592. .trackdetails {
  593. padding:10px;
  594. width:auto;
  595. height:100px;
  596. margin-top:10px;
  597. margin-left:100px;
  598. }
  599.  
  600. /*----------ASK---------*/
  601.  
  602. .question {
  603. padding:10px;
  604. background:{color:question};
  605. }
  606.  
  607.  
  608. .asker {
  609. text-transform:uppercase;
  610. }
  611.  
  612. .answer {
  613. margin:10px;
  614. }
  615.  
  616. /*----------INFO---------*/
  617.  
  618. .infodate {
  619. padding-bottom:20px;
  620. text-transform:uppercase;
  621. font-style:italic;
  622. letter-spacing:1px;
  623.  
  624. }
  625.  
  626. .infodate a {
  627. font-weight:bold;
  628. color:{color:dates};
  629. }
  630.  
  631. .info {
  632. padding:10px;
  633. text-transform:uppercase;
  634. border-top:1px solid #eee;
  635. margin-top:25px;
  636. font-size:10px;
  637. letter-spacing:1px;
  638. }
  639.  
  640. .info b {
  641. color:{color:info};
  642. }
  643.  
  644.  
  645. .tags {
  646. margin-left:10px;
  647. margin-top:-5px;
  648. font-size:10px;
  649.  
  650. }
  651.  
  652. .tags a {
  653. margin-right:10px;
  654. letter-spacing:1px;
  655.  
  656. }
  657.  
  658. /*----------POST NOTES---------*/
  659.  
  660. ol.notes {
  661. padding:0px;
  662. margin:25px 0px 0px -10px;
  663. list-style-type:none;
  664. }
  665.  
  666. ol.notes li.note {
  667. padding:10px;
  668. }
  669.  
  670. ol.notes li.note img.avatar {
  671. vertical-align:-4px;
  672. margin-right:10px;
  673. width:16px;
  674. height:16px;
  675. }
  676.  
  677. ol.notes li.note span.action {
  678. font-weight:none;
  679. }
  680.  
  681. ol.notes li.note .answer_content {
  682. font-weight:normal;
  683. }
  684.  
  685. ol.notes li.note blockquote {
  686. padding:4px 10px;
  687. margin:10px 0px 0px 25px;
  688. }
  689.  
  690. ol.notes li.note blockquote a {
  691. text-decoration:none;
  692. }
  693.  
  694. /*----------CREDIT---------*/
  695.  
  696. .credit {
  697. font-size:8px;
  698. color:#999;
  699. position:fixed;
  700. bottom:5px;
  701. right:15px;
  702. z-index:10;
  703. text-align:right;
  704. letter-spacing:1px;
  705. padding:2px;
  706. }
  707.  
  708. .credit a {
  709. color:#999;
  710. text-decoration:none;
  711. border:1px solid #eee;
  712. padding:5px;
  713. }
  714.  
  715. .credit a:hover {
  716. color:#999;
  717. text-decoration:none;
  718. }
  719.  
  720. </style>
  721. </head>
  722.  
  723. <body>
  724.  
  725. <div class="credit">
  726. <a title="theme" href="http://clumhood.tumblr.com/" target="_blank">©</a></div>
  727.  
  728.  
  729. <center><div class="topbar">
  730.  
  731. <div class="links">
  732. <a href="/">Home</a>
  733. <a href="/ask">Inbox</a>
  734. <a href="/archive">Archive</a>
  735. <a href="/navigation">Navigation</a>
  736. <a href="/masterlist">Masterlist</a>
  737. <a href="http://clcphotos.minus.com/uploads">Minus</a>
  738. <a href="{text:link 5 url}">*soon*</a>
  739. <a href="{text:link 6 url}">*soon*</a>
  740. </div>
  741.  
  742. </div></center>
  743.  
  744.  
  745. <center><div class="h">
  746. <img src="http://i.imgur.com/jkmRdqW.png">
  747. <br><img class="half-grayscale" src="http://i.imgur.com/TsYlAZg.png"><img class="half-grayscale" src="http://i.imgur.com/m15rhkO.png"><img class="half-grayscale" src="http://i.imgur.com/g0K804e.png"><img class="half-grayscale" src="http://i.imgur.com/J1uSHgi.png"><img class="half-grayscale" src="http://i.imgur.com/lvqzQM8.png"><img class="half-grayscale" src="http://i.imgur.com/AWeg9md.png"><img class="half-grayscale" src="http://i.imgur.com/V8Xxhbq.png">
  748.  
  749. </div></center>
  750.  
  751.  
  752. <div class="container">
  753.  
  754. <div class="sidebar">
  755.  
  756.  
  757.  
  758. <!-- WELCOME -->
  759.  
  760. <div class="cti"><i class="fa fa-home" style="float:left"></i> CLC Updates</div>
  761.  
  762.  
  763. <div class="descimg"><img class="half-grayscale" src="http://i.imgur.com/6HcvQ2v.png"/></div>
  764.  
  765.  
  766. <div class="welcome">
  767. CLC (씨엘씨; CrystaL Clear) is a seven-member South Korean girl group formed by Cube Entertainment in 2015. The members are Oh Seunghee, Choi Yujin, Chang Seungyeon (leader), Sorn Sajakul, Jang YeeEun, Elkie Chong, and Kwon Eunbin. They made their debut with the release of their EP "First Love" on March 19, promoting the title track "Pepe".
  768.  
  769.  
  770.  
  771.  
  772. </div>
  773.  
  774. <!-- OFFICIAL LINKS -->
  775.  
  776. <div class="cti"><i class="fa fa-list" style="float:left"></i> Official Links</div>
  777. <div class="cat">
  778. <div class="off">
  779. <a href="https://twitter.com/CUBECLC">Twitter <i class="fa fa-twitter" style="float:right"></i></a>
  780. <a href="https://www.youtube.com/channel/UCnOTemIK0FqCe2FHbr9mWFw">Youtube <i class="fa fa-youtube-play" style="float:right"></i></a>
  781. <a href="https://www.facebook.com/CLC.UnitedCube">Facebook <i class="fa fa-facebook-official" style="float:right"></i></a>
  782. <a href="http://www.cubeent.co.kr/clc">Website <i class="fa fa-globe" style="float:right"></i></a>
  783. <a href="http://cafe.daum.net/CUBE-CLC">Fancafe <i class="fa fa-tag" style="float:right"></i></a>
  784. </div>
  785. </div>
  786.  
  787.  
  788. <!-- UPCOMING EVENTS -->
  789.  
  790. <div class="cti"><i class="fa fa-calendar" style="float:left"></i> Upcoming events</div>
  791. <div class="cat">
  792.  
  793. <div class="date">Aug 10</div><div class="e">Yeeun's 18th birthday</div><br>
  794.  
  795. <div class="date">Aug 12</div><div class="e">Yujin's 20th birthday</div><br>
  796.  
  797. <div class="date">Oct 10</div><div class="e">Seunghee's 21th birthday</div><br>
  798.  
  799. <div class="date">Nov 2</div><div class="e">Elkie's 18th birthday</div><br>
  800.  
  801. <div class="date">Nov 6</div><div class="e">Seungyeon's 20th birthday</div><br>
  802.  
  803. <div class="date">Nov 18</div><div class="e">Sorn's 20th birthday</div><br>
  804.  
  805. <div class="date">Jan 6</div><div class="e">Eunbin's 17th birthday</div><br>
  806.  
  807.  
  808.  
  809.  
  810. </div>
  811.  
  812.  
  813. <!-- LATEST HQS -->
  814.  
  815. <div class="cti"><i class="fa fa-picture-o" style="float:left"></i> Latest HQs</div>
  816. <div class="cat">
  817.  
  818.  
  819. <center><div class="hqs">
  820.  
  821.  
  822. <a href="/tagged/era:chamisma" title="CLC “Chamisma” 2nd Japanese Mini Album"><img class="half-grayscale" src="http://i.imgur.com/i7yZ0F8.png"/></a>
  823. <a href="/tagged/160701-jongno-fansign" title="160701 Jongno Fansign Event"><img class="half-grayscale" src="http://i.imgur.com/JvP0jOU.png"/></a>
  824. <a href="/tagged/160701-otw" title="160701 Otw/after Music Bank"><img class="half-grayscale" src="http://i.imgur.com/WKypU6I.png"/></a> <a href="/tagged/160626-sinchon-fansign" title="160626 Sinchon Fansign Event"><img class="half-grayscale" src="http://i.imgur.com/zmfqyem.png"/></a>
  825. <a href="/tagged/160624-otw" title="160624 Otw/after Music Bank"><img class="half-grayscale" src="http://i.imgur.com/K4NxQik.png"/></a>
  826. <a href="/tagged/160619-pangyo" title="160619 Pangyo Fansign Event"><img class="half-grayscale" src="http://i.imgur.com/AQog51s.png"/></a>
  827. <a href="/tagged/160617-yeouido" title="160617 Yeouido Fansign Event"><img class="half-grayscale" src="http://i.imgur.com/ilSyFDG.png"/></a>
  828. <a href="/tagged/160612-yongsan-fansign" title="160612 Yongsan Fansign Event"><img class="half-grayscale" src="http://i.imgur.com/MHrshKs.png"/></a>
  829. <a href="/tagged/160610-mokdong-fansign" title="160610 Mokdong Fansign Event"><img class="half-grayscale" src="http://i.imgur.com/QAnIikE.png"/></a>
  830.  
  831. </div></center>
  832.  
  833. </div>
  834.  
  835. <!-- PROJECTS -->
  836.  
  837.  
  838. <div class="cti"><i class="fa fa-diamond" style="float:left"></i> Projects</div>
  839. <div class="cat">
  840.  
  841.  
  842.  
  843. <div class="projects">
  844.  
  845. <img class="half-grayscale" src="http://i.imgur.com/Vs5SjYt.png">
  846. <div class="pinfo"><ul> <b><font style="font-size:15px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;">NU.CLEAR</font></b><br>
  847. <b>Label</b>: CUBE Ent.<br>
  848. <b>Status</b>: Released<br>
  849. <b>Release</b>: May 30, 2016<br>
  850. <div class="buttons">
  851. <a href="http://www.yesasia.com/global/clc-mini-album-vol-4-nu-clear/1050172469-0-0-0-en/info.html"><i class="fa fa-globe"></i></a>
  852. <a href="https://itunes.apple.com/us/album/nu.clear-ep/id1118336212"><i class="fa fa-apple"></i></a>
  853. <a href="http://www.amazon.com/Nu-Clear-Poster-Ver-CLC/dp/B01GCRH9TO/ref=sr_1_2?s=music&ie=UTF8&qid=1464937666&sr=1-2&keywords=nu.clear"><i class="fa fa-amazon"></i></a>
  854. </div>
  855. </ul></div>
  856.  
  857. <img class="half-grayscale" src="http://i.imgur.com/3Zghzc6.jpg">
  858. <div class="pinfo"><ul> <b><font style="font-size:15px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;">Chamisma</font></b><br>
  859. <b>Label</b>: CUBE Ent. Japan<br>
  860. <b>Status</b>: Released<br>
  861. <b>Release</b>: July 27, 2016<br>
  862. <div class="buttons">
  863. <a href="/"><i class="fa fa-globe"></i></a>
  864. <a href="https://itunes.apple.com/us/album/chamisuma-ep/id1136678750"><i class="fa fa-apple"></i></a>
  865. <a href="/"><i class="fa fa-amazon"></i></a>
  866. </div>
  867. </ul></div>
  868.  
  869.  
  870. </div></div>
  871.  
  872.  
  873. <!-- SPOTLIGHT -->
  874.  
  875.  
  876. <div class="cti"><i class="fa fa-bolt" style="float:left"></i> Spotlight</div>
  877.  
  878. <img class="half-grayscale" src="http://i.imgur.com/36XXvmW.png" width="350px"><br><br>
  879.  
  880.  
  881.  
  882. <!-- AFFILIATES -->
  883.  
  884. <div class="cti"><i class="fa fa-heart-o" style="float:left"></i> Affiliates</div>
  885. <div class="cat">
  886.  
  887. <div class="affiliates">
  888.  
  889. <center>
  890.  
  891. <a href="http://hyunafanbase.tumblr.com/" title="HyunA Fanbase"><img class="half-grayscale" src="http://i.imgur.com/F5ACEZL.png"/></a>
  892. <a href="http://fyeahpentagon.tumblr.com/" title="Pentagon Daily"><img class="half-grayscale" src="http://i.imgur.com/K216cz5.png"/></a>
  893. <a href="http://fyeahbaeirene.tumblr.com/" title="fy! Bae Irene"><img class="half-grayscale" src="http://i.imgur.com/b3VtErz.png"/></a>
  894. <a href="/" title="apply"><img class="half-grayscale" src="http://i.imgur.com/ducdL8s.png"/></a>
  895. </center>
  896.  
  897.  
  898. </div>
  899. </div>
  900.  
  901. <!-- MEMBERS -->
  902.  
  903. <div class="cti"><i class="fa fa-user" style="float:left"></i> Members</div>
  904. <div class="cat">
  905.  
  906.  
  907. <table style="margin-top:0px;">
  908.  
  909. <tr>
  910. <td style="width:40px;">
  911. <img class="half-grayscale" src="http://i.imgur.com/FUNpR6R.png" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  912. </td>
  913. <td style="width:290px; height:auto;">
  914. <div id="m" style="margin-bottom:10px;">
  915. <a href="/tagged/seunghee" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">Oh Seunghee</a><br>Main vocalist</div>
  916.  
  917. </tr>
  918.  
  919. <tr>
  920. <td style="width:40px;">
  921. <img class="half-grayscale" src="http://i.imgur.com/yrfWa7V.png" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  922. </td>
  923. <td style="width:290px; height:auto;">
  924. <div id="m" style="margin-bottom:10px;">
  925. <a href="/tagged/yujin" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">Choi Yoojin</a><br>Lead dancer, vocalist</div>
  926.  
  927. </tr>
  928.  
  929. <tr>
  930. <td style="width:40px;">
  931. <img class="half-grayscale" src="http://i.imgur.com/4vmOwr5.png" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  932. </td>
  933. <td style="width:290px; height:auto;">
  934. <div id="m" style="margin-bottom:10px;">
  935. <a href="/tagged/seungyeon" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">Chang Seungyeon</a><br>Leader, main dancer, lead vocalist</div>
  936.  
  937. </tr>
  938.  
  939. <tr>
  940. <td style="width:40px;">
  941. <img class="half-grayscale" src="http://i.imgur.com/t60vlck.png" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  942. </td>
  943. <td style="width:290px; height:auto;">
  944. <div id="m" style="margin-bottom:10px;">
  945. <a href="/tagged/sorn" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">Sorn Sajakul</a><br>Sub vocalist</div>
  946.  
  947. </tr>
  948.  
  949. <tr>
  950. <td style="width:40px;">
  951. <img class="half-grayscale" src="http://i.imgur.com/hXfVRtN.png" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  952. </td>
  953. <td style="width:290px; height:auto;">
  954. <div id="m" style="margin-bottom:10px;">
  955. <a href="/tagged/yeeun" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">Jang Yee Eun</a><br>Main rapper</div>
  956.  
  957. </tr>
  958.  
  959. <tr>
  960. <td style="width:40px;">
  961. <img class="half-grayscale" src="http://i.imgur.com/TGeUm52.png" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  962. </td>
  963. <td style="width:290px; height:auto;">
  964. <div id="m" style="margin-bottom:10px;">
  965. <a href="/tagged/elkie" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">Elkie Chong</a><br>Vocalist</div>
  966.  
  967. </tr>
  968.  
  969. <tr>
  970. <td style="width:40px;">
  971. <img class="half-grayscale" src="http://i.imgur.com/oc4ga0j.png" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  972. </td>
  973. <td style="width:290px; height:auto;">
  974. <div id="m" style="margin-bottom:10px;">
  975. <a href="/tagged/eunbin" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">Kwon Eunbin</a><br>Vocalist, maknae, visual</div>
  976.  
  977. </tr>
  978.  
  979. </table>
  980.  
  981. </div>
  982.  
  983.  
  984.  
  985. <!-- INFO -->
  986.  
  987. <div class="cti"><i class="fa fa-creative-commons" style="float:left"></i> About the site</div>
  988. <div class="cat">
  989.  
  990. <div class="sinfo">
  991. <b>Dedicated to:</b> CLC<br>
  992. <b>Established:</b> April 07, 2015<br>
  993. <b>Version:</b> 8.0 - NU.CLEAR<br>
  994. <b>Currently Online:</b> <!-- Start FreeOnlineUsers.com --><script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=1538757"> </script></font>
  995. <!-- End FreeOnlineUsers.com --><br>
  996. <b>Total visits:</b> <!-- Start of StatCounter Code for Tumblr -->
  997. <script type="text/javascript">
  998. var sc_project=10685894;
  999. var sc_invisible=0;
  1000. var sc_security="c4c5f302";
  1001. var sc_text=2;
  1002. var scJsHost = (("https:" == document.location.protocol) ?
  1003. "https://secure." : "http://www.");
  1004. document.write("<sc"+"ript type='text/javascript' src='" +
  1005. scJsHost+
  1006. "statcounter.com/counter/counter.js'></"+"script>");
  1007. </script>
  1008. <noscript><div class="statcounter"><a title="tumblr visitor"
  1009. href="http://statcounter.com/tumblr/" target="_blank"><img
  1010. class="statcounter"
  1011. src="http://c.statcounter.com/10685894/0/c4c5f302/0/"
  1012. alt="tumblr visitor"></a></div></noscript>
  1013. <!-- End of StatCounter Code for Tumblr --><br><br>
  1014.  
  1015. CLC Updates (fyeahclc) is a non-profit fanbase dedicated to CLC, a girlgroup from South Korea. It is in no way form associated with CUBE Entertainment. Its written content are copyright to their rightful owners and no copyright infringement is intended, our fanbase claims no credit for any photos/videos posted on this site unless stated otherwise. Please respect the rightful owners and DO NOT remove logos, DO NOT edit fantaken pictures and videos. Thank you for your support.
  1016. </div>
  1017.  
  1018.  
  1019.  
  1020. </div>
  1021.  
  1022. </div>
  1023.  
  1024. <div class="entries">
  1025.  
  1026. {block:Posts}
  1027.  
  1028. <div class="posts">
  1029.  
  1030. <div class="infodate">
  1031. {block:Date}
  1032. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</b></a>
  1033. {/block:Date}</div>
  1034.  
  1035. {block:Text}
  1036. <h1>{block:Title}{Title}{/block:Title}</h1>
  1037. {Body}{/block:Text}
  1038.  
  1039.  
  1040. {block:Photo}
  1041. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1042. {block:Caption}{Caption}{/block:Caption}
  1043. {/block:Photo}
  1044.  
  1045.  
  1046. {block:Photoset}
  1047. {Photoset-500}
  1048. {block:Caption}{Caption}{/block:Caption}
  1049. {/block:Photoset}
  1050.  
  1051.  
  1052. {block:Quote}
  1053. <div class="quote">"{Quote}"</div>
  1054. {block:Source}<div class="quotesource"> — {Source}</div>
  1055. {/block:Source}{/block:Quote}
  1056.  
  1057.  
  1058. {block:Link}
  1059. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1060. {block:Description}{Description}{/block:Description}
  1061. {/block:Link}
  1062.  
  1063.  
  1064. {block:Chat}
  1065. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1066. {/block:Chat}
  1067.  
  1068.  
  1069. {block:Audio}
  1070.  
  1071. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1072.  
  1073. {block:AlbumArt}
  1074. <img src="{AlbumArtURL}" class="cover">
  1075. {/block:AlbumArt}
  1076.  
  1077.  
  1078. <div class="trackdetails"><br>
  1079. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1080.  
  1081. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1082.  
  1083. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1084.  
  1085.  
  1086. {block:Caption}
  1087. <div class="caption">{Caption}</div>
  1088. {/block:Caption}
  1089. {/block:Audio}
  1090.  
  1091.  
  1092. {block:Video}
  1093. {Video-500}
  1094. {block:Caption}{Caption}{/block:Caption}
  1095. {/block:Video}
  1096.  
  1097.  
  1098. {block:Answer}
  1099. <div class="question">
  1100. <div class="asker"><b>{Asker} said:</b></div>
  1101. {Question}</div>
  1102. <div class="answer">
  1103. {Answer}</div>
  1104. {/block:Answer}
  1105.  
  1106.  
  1107. <div class="info">
  1108. <a href="{Permalink}">{NoteCount} notes</a>
  1109. &nbsp;&nbsp;
  1110.  
  1111. <a href="{ReblogURL}">Reblog</a>
  1112.  
  1113. <font style="float:right">
  1114. {block:RebloggedFrom}
  1115. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  1116. {block:ContentSource}
  1117. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  1118. {/block:ContentSource}
  1119. {/block:RebloggedFrom}
  1120. </font style>
  1121.  
  1122.  
  1123. </div>
  1124.  
  1125.  
  1126. {block:HasTags}
  1127. <div class="tags">
  1128. {block:Tags}
  1129. #<a href="{TagURL}">{Tag}</a>
  1130. {/block:Tags}
  1131. </div>
  1132. {/block:HasTags}
  1133.  
  1134. </div>
  1135.  
  1136.  
  1137. {block:PostNotes}
  1138. {PostNotes}
  1139. {/block:PostNotes}
  1140. {/block:Posts}</div>
  1141.  
  1142. <div id="pagi">
  1143. {block:IndexPage}
  1144. <div id="pagination">
  1145. {block:Pagination}
  1146. {block:JumpPagination length="7"}
  1147. {block:CurrentPage}
  1148. <span class="current_page">{PageNumber}</span>
  1149. {/block:CurrentPage}
  1150. {block:JumpPage}
  1151. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1152. {/block:JumpPage}
  1153. {/block:JumpPagination}
  1154. of {TotalPages} pages</span>
  1155. {/block:Pagination}
  1156. </div>
  1157. {/block:IndexPage}
  1158.  
  1159. {block:ContentSource}
  1160. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1161. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1162. {/block:SourceLogo}
  1163. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1164. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1165.  
  1166. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement