API tools faq
paste
vya

new thm - gradient header

vya
Aug 26th, 2015
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7.  
  8.  
  9. <!--------default variables-------->
  10. <meta name="color:background" content="#d7d5d5"/>
  11. <meta name="color:container" content="#f8f8f8">
  12. <meta name="color:post backgrounds" content="#ffffff">
  13. <meta name="color:topbar" fwecontent="#ffffff">
  14. <meta name="color:topbar text" content="#333333">
  15. <meta name="color:topbar border" content="#eee">
  16. <meta name="color:logo" content"#8aacb5">
  17. <meta name="color:navigation" content="#ffffff">
  18. <meta name="color:navlinks" content="#5b5b5b">
  19. <meta name="color:text" content="#333333"/>
  20. <meta name="color:links" content="#5b5b5b"/>
  21. <meta name="color:links hover" content="#c9c9c9"/>
  22. <meta name="color:topbar links" content="#ffffff"/>
  23. <meta name="color:scrollbar bg" content="#ffffff"/>
  24. <meta name="color:scrollbar" content="#eeeeee">
  25.  
  26.  
  27. <meta name="image:background image" content=""/>
  28. <meta name="image:header" content=""/>
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="text:link 1 title" content="link">
  32. <meta name="text:link 1 url" content=" ">
  33. <meta name="text:link 2 title" content="link">
  34. <meta name="text:link 2 url" content=" ">
  35. <meta name="text:link 3 title" content="link">
  36. <meta name="text:link 3 url" content=" ">
  37. <meta name="text:link 4 title" content="link">
  38. <meta name="text:link 4 url" content=" ">
  39.  
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Roboto:700,400' rel='stylesheet' type='text/css'>
  42. <link href='http://fonts.googleapis.com/css?family=Oleo+Script:400,700' rel='stylesheet' type='text/css'>
  43. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  44.  
  45. <!------------------------TOOLTIPS SCRIPT--------------------->
  46.  
  47. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:200,
  56. tip_fade_speed:300
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <script type="text/javascript">
  63. WebFontConfig = {
  64. google: { families: [ 'Roboto:700,400:latin' ] }
  65. };
  66. (function() {
  67. var wf = document.createElement('script');
  68. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  69. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  70. wf.type = 'text/javascript';
  71. wf.async = 'true';
  72. var s = document.getElementsByTagName('script')[0];
  73. s.parentNode.insertBefore(wf, s);
  74. })(); </script>
  75.  
  76.  
  77. <script type="text/javascript">
  78. WebFontConfig = {
  79. google: { families: [ 'Oleo+Script:400,700:latin' ] }
  80. };
  81. (function() {
  82. var wf = document.createElement('script');
  83. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  84. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  85. wf.type = 'text/javascript';
  86. wf.async = 'true';
  87. var s = document.getElementsByTagName('script')[0];
  88. s.parentNode.insertBefore(wf, s);
  89. })(); </script>
  90.  
  91.  
  92. <!-------------------------------------------------------------------->
  93.  
  94. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  95. <script src="http://unslider.com/unslider.min.js"></script>
  96.  
  97. <style type="text/css">
  98.  
  99. /*************** TWITTER */
  100.  
  101. .widget { /* this is the widget container. change it to your liking. */
  102. width: 300px;
  103. margin: 2em auto;
  104. margin-top:0px;
  105. text-align: justify;
  106. line-height: 150%;
  107. margin-bottom: 4em;
  108. }
  109.  
  110. /* DON'T TOUCH THESE LINES! D: */
  111. .banner { position: relative; overflow: auto; margin: 50px auto; }
  112. .banner ul { margin: 0; padding: 0; }
  113. .banner li { list-style: none; }
  114. .banner ul li { float: left; position: relative; }
  115.  
  116. /* These are the styles for your widget. change it to your liking. */
  117. #tweets li {
  118. min-height: 5em;
  119. text-align: center;
  120. }
  121.  
  122. #twitter {
  123. border: 0;
  124. border-collapse: collapse;
  125. width: 70%;
  126. margin: 0 auto;
  127. }
  128. #twitter th {
  129. text-align: center;
  130. font-variant: small-caps;
  131. }
  132. #twitter td:first-child {
  133. font-weight: bold;
  134. border: 1px solid #E7DDD3;
  135. width: 25%;
  136. text-align: center;
  137. }
  138. #twitter td:last-child {
  139. font-style: italic;
  140. padding-left: 1em;
  141. }
  142.  
  143. /*----------tooltips---------*/
  144.  
  145. #s-m-t-tooltip {
  146. max-width:300px;
  147. margin:15px;
  148. padding:5px;
  149. border:1px solid #eeeeee;
  150. border-radius:0px;
  151. background:#ffffff;
  152. color:{color:text};
  153. z-index:999999;
  154. font-size:7px;
  155. font-style:none;
  156. font-weight:lighter;
  157. letter-spacing:2px;
  158. font-family:helvetica;
  159. text-transform:uppercase;
  160. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  161. }
  162.  
  163.  
  164. /*----------scrollbar---------*/
  165.  
  166. ::-webkit-scrollbar {
  167. background-color: {color:scrollbar bg};
  168. height:8px;
  169. width:5px
  170. }
  171.  
  172. ::-webkit-scrollbar-thumb:vertical {
  173. background-color:{color:scrollbar};
  174. height:50px
  175. }
  176.  
  177. ::-webkit-scrollbar-thumb:horizontal {
  178. background-color:{color:scrollbar bg};
  179. height:8px!important
  180. }
  181.  
  182.  
  183. /*----------basics---------*/
  184.  
  185. body {
  186. background:url(http://i57.tinypic.com/10xzuhw.jpg) fixed; background-repeat: no-repeat; background-position: center top; margin: 29px 0 15px 0;
  187. color:{color:text};
  188. font-family:arial;
  189. line-height:15px;
  190. font-size:11px;
  191. margin:0;
  192. text-align:left;
  193.  
  194. }
  195.  
  196. blockquote {
  197. padding-left:10px;
  198. border-left:1px solid;
  199. border-color:#eeeeee;
  200. margin:10px;
  201. letter-spacing:0px;
  202. padding:10px;
  203. }
  204.  
  205. a {
  206. color:{color:links};
  207. text-decoration:none;
  208. }
  209.  
  210. a:hover {
  211. text-decoration:none;
  212. color: {color:links hover};
  213. -webkit-transition:all 0.5s;
  214. -moz-transition:all 0.5s;
  215. -ms-transition:all 0.5s;
  216. -o-transition:all 0.5s;
  217. transition:all 0.5s;
  218. }
  219.  
  220. small {
  221. font-size:10px;
  222. }
  223.  
  224. big {
  225. font-size:13px;
  226. }
  227.  
  228. img {
  229. opacity:1;
  230. text-decoration:none;
  231. }
  232.  
  233. h1 {
  234. font-size:20px;
  235. font-weight:bold;
  236. font-family:arial;
  237. letter-spacing:0px;
  238. line-height:150%;
  239. }
  240.  
  241. b {
  242. color:{color:bold};
  243. }
  244.  
  245. /* CREDIT: DO NOT REMOVE OR ALTER */
  246.  
  247. .footer{
  248. margin:0px auto;
  249. text-align:center;
  250. padding:30px;
  251. clear: both;
  252. color:#fff;
  253. z-index: 999;
  254. overflow: hidden;
  255. font-size: 11px;
  256. font-family: 'Roboto', sans-serif;
  257. letter-spacing:2px;
  258. }
  259.  
  260. .footer a {
  261. text-decoration:none;
  262. letter-spacing:2px;
  263. color:#fff;
  264. }
  265.  
  266.  
  267.  
  268. /*----------header---------*/
  269.  
  270. #header {
  271. margin: 0 auto;
  272. overflow: hidden;
  273. width: 100%;
  274. height: 711px;
  275. background-image:url(http://i57.tinypic.com/2rnwnxi.jpg);
  276. background-repeat:no-repeat;
  277. background-position:top center;
  278. -webkit-box-shadow: 0 0 100px 0 #311b24;
  279. box-shadow: 0 0 100px 0 #311b24;
  280. }
  281.  
  282. #top {
  283. position: absolute;
  284. right: 4%;
  285. top: 5%;
  286. width: 92%;
  287. height: 0px;
  288. border-top: 2px solid rgba(216,198,236,.90);
  289. }
  290.  
  291. #left {
  292. position: absolute;
  293. left: 4%;
  294. top: 5%;
  295. height: 90%;
  296. width: 0px;
  297. border-left: 2px solid rgba(216,198,236,.90);
  298. }
  299.  
  300. #bottom {
  301. position: absolute;
  302. width: 92%;
  303. height: 0px;
  304. margin: 0 auto;
  305. left: 0px;
  306. right: 0px;
  307. bottom: 5%;
  308. border-bottom: 2px solid rgba(200,200,200,.90);
  309. }
  310.  
  311. #right {
  312. position: absolute;
  313. right: 4%;
  314. top: 5%;
  315. height: 90%;
  316. width: 0px;
  317. border-right: 2px solid rgba(200,200,200,.90);
  318.  
  319. }
  320.  
  321.  
  322. #topbar {
  323. border-bottom:1px solid #ddd;
  324. width: 1100px;
  325. margin: 0px auto;
  326. margin-top:-133px;
  327. letter-spacing: 3px;
  328. position:relative;
  329. background:#1b1a1a;
  330. text-align: center;
  331. line-height:70px;
  332. -webkit-box-shadow: 00 20px 0 rgba(0,0,0,0.07);
  333. box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);}
  334.  
  335.  
  336. #topbar a {
  337. font-family: 'Roboto', sans-serif;
  338. font-weight: 700;
  339. font-size: 9pt;
  340. letter-spacing:1px;
  341. color: #747474;
  342. text-transform: uppercase;
  343. text-decoration: none;
  344. padding-bottom: 11px;
  345. margin: 10px;
  346. -webkit-box-shadow: 0 0 0 0 #ffffff;
  347. box-shadow: 0 0 0 0 #ffffff;
  348. -webkit-transition: all 250ms linear;
  349. -moz-transition: all 250ms linear;
  350. -ms-transition: all 250ms linear;
  351. -o-transition: all 250ms linear;
  352. transition: all 250ms linear;
  353. }
  354.  
  355.  
  356. #topbar a:hover {
  357. font-family: 'Roboto', sans-serif;
  358. font-weight: 700;
  359. font-size: 9pt;
  360. text-transform: uppercase;
  361. color: #96999b;
  362. text-decoration: none;
  363. padding-bottom: 20px;
  364. margin: 10px;
  365. -webkit-transition: all 250ms linear;
  366. -moz-transition: all 250ms linear;
  367. -ms-transition: all 250ms linear;
  368. -o-transition: all 250ms linear;
  369. transition: all 250ms linear;
  370. }
  371.  
  372.  
  373.  
  374. /*----------posts---------*/
  375.  
  376. #container {
  377. background:{color:container};
  378. width: 1100px;
  379. margin: 0px auto;
  380. min-height:3000px;
  381. margin-top: 0px;
  382. -webkit-box-shadow: 0 0 100px 0 #311b24;
  383. box-shadow: 0 0 100px 0 #311b24;
  384. }
  385.  
  386. .posts {
  387. {block:IndexPage}
  388. margin-bottom:80px;
  389. {/block:IndexPage}
  390. {block:PermalinkPage}
  391. margin-bottom:40px;
  392. {/block:PermalinkPage}
  393. width:500px;
  394. border:1px solid #ddd;
  395. -webkit-box-shadow: 0 05px 0 rgba(0,0,0,0.05);
  396. box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
  397. background:{color:post backgrounds};
  398. padding:30px;
  399. margin-right:55px;
  400. float:right;
  401. }
  402.  
  403. .entries {
  404. float:right;
  405. margin-top:55px;
  406. width:1100px;
  407. background:{color:container};
  408. }
  409.  
  410. .posts img, .posts li, .posts blockquote {
  411. max-width: 100%;
  412. }
  413.  
  414. .posts li {
  415. list-style: square;
  416. }
  417.  
  418. blockquote img {
  419. max-width:320px!important;
  420. }
  421.  
  422.  
  423. /*----------post info---------*/
  424.  
  425. .info {
  426. border-top:1px solid #eeeeee;
  427. padding-top:15px;
  428. text-transform:uppercase;
  429. font-size:9px;
  430. font-family:'roboto', sans-serif;
  431. letter-spacing:1px;
  432. margin-top:15px;
  433. }
  434.  
  435. .tags {
  436. margin-top:0px;
  437. font-size:9px;
  438. letter-spacing:1px;
  439. }
  440.  
  441. .tags a {
  442. margin-right:8px;
  443. }
  444.  
  445.  
  446. /*----------post notes---------*/
  447.  
  448. .notes {
  449. margin-top: 20px;
  450. width: 500px;
  451. margin-left: -40px;
  452. margin-bottom: 70px;
  453. float:right;
  454. margin-right:40px;
  455.  
  456. }
  457.  
  458. .notes li {
  459. list-style: none;
  460. padding: 5px;
  461. margin-bottom: 10px;
  462. border-radius: 5px;
  463. box-shadow: 0px 1px 2px rgba(0,0,0,0.0544445);
  464. }
  465.  
  466. .notes li img {
  467. float: right;
  468. width: 12px;
  469. }
  470.  
  471. /*----------categories---------*/
  472.  
  473.  
  474. #sidebar {
  475. background:#fff;
  476. margin-left: 40px;
  477. position: absolute;
  478. width: 360px;
  479. margin-top: 2px;
  480. z-index: 999999;
  481. text-align: justify;
  482. border:1px solid #eaeaea;
  483. -webkit-box-shadow: 0 05px 0 rgba(0,0,0,0.05);
  484. box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);}
  485.  
  486. #section {
  487. width: 310px;
  488. font-weight:500;
  489. font-family:'Arimo', sans-serif;
  490. text-transform:normal;
  491. font-size: 11px;
  492. background: #fff;
  493. line-height: 15px;
  494. text-align: justify;
  495. margin-bottom: 30px;
  496. padding:25px;}
  497.  
  498. #section a {
  499. color: #797979;}
  500.  
  501. #section a:hover {
  502. color: #747e87;
  503. transition: all 0.5s;
  504. -webkit-transition: all 0.5s;
  505. -moz-transition: all 0.5s;}
  506.  
  507. #section li {
  508. list-style: none;
  509. padding:6px;
  510. border-bottom: 1px solid #eee;}
  511.  
  512. #section li:hover {
  513. background:#f7f7f7;}
  514.  
  515. #section li a:hover {
  516. color:#747e87;
  517. transition: all 0.5s;
  518. -webkit-transition: all 0.5s;
  519. -moz-transition: all 0.5s;}
  520.  
  521. .sidebartitle {
  522. color: #797979;
  523. border-bottom: 1px solid #dcdcdc;
  524. margin-top:-10px;
  525. padding:15px;
  526. width:278px;
  527. text-align:center;
  528. font-family: 'Roboto', sans-serif;
  529. font-size:13px;
  530. text-transform:uppercase;
  531. font-weight:none;
  532. letter-spacing:1px;
  533. }
  534.  
  535. .sidebartitle2 {
  536. color: #797979;
  537. border-bottom: 1px solid #dcdcdc;
  538. margin-top:-10px;
  539. margin-bottom:-20px;
  540. padding:15px;
  541. margin-left:30px;
  542. width:270px;
  543. text-align:center;
  544. font-family: 'Roboto', sans-serif;
  545. font-size:13px;
  546. text-transform:uppercase;
  547. font-weight:none;
  548. letter-spacing:1px;
  549. }
  550.  
  551. .projects {
  552. font-weight:500;
  553. font-family:'Arimo', sans-serif;
  554. text-transform:normal;
  555. font-size: 11px;}
  556.  
  557. .projects u {
  558. font-size:12px;
  559. text-transform:capitalize;
  560. text-decoration:none;
  561. font-weight:600;
  562. color:{color:text};
  563. }
  564.  
  565. .projects b {
  566. color:{color:text};
  567. }
  568.  
  569. .projects img {
  570. -webkit-filter: grayscale(50%);
  571. border: 1px solid #eee;
  572. padding:5px;
  573. background:#fff;
  574. -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.06);
  575. box-shadow: 0 0 7px 0 rgba(0,0,0,0.06);}
  576.  
  577. .projects img:hover {
  578. -webkit-filter: grayscale(0%);
  579. transition: all 0.5s;
  580. -webkit-transition: all 0.5s;
  581. -moz-transition: all 0.5s;}
  582.  
  583. .campaign {
  584. width:auto;
  585. height:auto;
  586. text-align:center;
  587. }
  588.  
  589. .campaign img {
  590. border:1px solid #eee;
  591. width:86px;
  592. padding:5px;
  593. -webkit-filter: grayscale(100%);
  594. -webkit-box-shadow: 0 0 10px 0 #ededed;
  595. box-shadow: 0 0 10px 0 #ededed;}
  596.  
  597.  
  598. .campaign img:hover {
  599. -webkit-filter: grayscale(0%);
  600. transition: all 0.5s;
  601. -webkit-transition: all 0.5s;
  602. -moz-transition: all 0.5s;}
  603.  
  604.  
  605. #welcome-message-img img {
  606. position: relative;
  607. z-index: 0;
  608. height: auto;
  609. }
  610.  
  611. #welcome-message {
  612. position: relative;
  613. z-index: 10;
  614. background: #565656;
  615. margin: 20px;
  616. margin-top:-80px;
  617. padding: 20px;
  618. font-size: 8pt;
  619. line-height: 12pt;
  620. color: #949494;
  621. text-align: justify;
  622. -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
  623. box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);}
  624.  
  625.  
  626. /*----------quotes---------*/
  627.  
  628. .quote {
  629.  
  630. font-size:12px;
  631. font-weight:bold;
  632. text-align:center;
  633. letter-spacing:1px;
  634. }
  635.  
  636. .quotesource {
  637. text-align:center;
  638. margin-top:10px;
  639. letter-spacing:1px;
  640. }
  641.  
  642.  
  643. /*----------chat---------*/
  644.  
  645. .chat {
  646. line-height:20px;
  647. list-style:none;
  648. }
  649.  
  650. .line.odd {
  651. background:#fafafa;
  652. margin-bottom:2px;
  653. padding:5px;
  654. list-style:none;
  655. font-size:10px;
  656. }
  657.  
  658. .line.even {
  659. background:#ffffff;
  660. margin-bottom:2px;
  661. padding:5px;
  662. list-style:none;
  663. font-size:10px;
  664. }
  665.  
  666. .label {
  667. padding-right:1px;
  668. text-transform:uppercase;
  669. font-weight:bold;
  670. color:{color:links};
  671. }
  672.  
  673.  
  674. /*----------questions---------*/
  675.  
  676. .question {
  677. background:#fafafa;
  678. padding:10px;
  679. text-align:center;
  680. }
  681.  
  682. .asker {
  683. text-transform:uppercase;
  684. font-family:'roboto', sans-serif;
  685. letter-spacing:1px;
  686. text-align:center;
  687. line-height:150%;
  688. }
  689.  
  690. .answer {
  691. padding:10px;
  692. margin-top:-15px;
  693. }
  694.  
  695. /*----------audio---------*/
  696.  
  697. .playerbutton {
  698. position:relative;
  699. width:30px;
  700. height:35px;
  701. overflow:hidden;
  702. }
  703.  
  704. .playerbuttonhug {
  705. position: absolute;
  706. top:-7px;
  707. left:2px;
  708. }
  709.  
  710. .tumblr_audio_player {
  711. height:50px;
  712. width:500px;
  713. }
  714.  
  715. .playerbuttonbg {
  716. position:absolute;
  717. width:35px;
  718. height:35px;
  719. background-color:#e4e4e4;
  720. padding:10px;
  721. }
  722.  
  723. .trackdetails {
  724. width:auto;
  725. display:inline-block;
  726. margin-left:70px;
  727. font-size:10px;
  728. letter-spacing:1px;
  729. text-transform:lowercase;
  730. padding:5px;
  731. line-height:15px;
  732. }
  733.  
  734. .audiowrapper {
  735. position:relative;
  736. display:inline-block;
  737. }
  738.  
  739. /*-- Pagination --*/
  740.  
  741. #pagi {
  742. margin-bottom:35px;
  743. margin-left:740px;
  744. font-family:'roboto', sans-serif;
  745. text-transform:uppercase;
  746. font-size:20px;
  747. font-weight:bold;
  748. }
  749.  
  750. /*----------credit---------*/
  751.  
  752. .credit {
  753. font-size:8px;
  754. position:fixed;
  755. font-weight:bold;
  756. bottom:5px;
  757. right:15px;
  758. z-index:10;
  759. text-align:right;
  760. letter-spacing:1px;
  761. padding:2px;
  762. }
  763.  
  764. .credit a {
  765. color:{color:links};
  766. text-decoration:none;
  767. }
  768.  
  769. .credit a:hover {
  770. color:{color:links hover};
  771. text-decoration:none;
  772. }
  773.  
  774.  
  775. </style>
  776. </head>
  777.  
  778. <body>
  779.  
  780. <div id="header"></div>
  781.  
  782. <div id="top"></div>
  783. <div id="left"></div>
  784. <div id="right"></div>
  785. <div id="bottom"></div>
  786.  
  787. <div id="topbar">
  788. <a class="homepage" href="/"> <i class="fa fa-home"></i> Homepage</a> &nbsp;&nbsp;
  789. <a href="/"><i class="fa fa-list"></i>Biography</a> &nbsp;&nbsp;
  790. <a href="http://gomez-pictures.com"><i class="fa fa-camera"></i>
  791. Navigation</a> &nbsp;&nbsp;
  792. <a href="/tagged/video"><i class="fa fa-play"></i>
  793. Archive</a> &nbsp;&nbsp;
  794. <a href="/website"><i class="fa fa-desktop"></i>
  795. Website</a> &nbsp;&nbsp;
  796. <a href="/contact"><i class="fa fa-envelope"></i> Contact</a>
  797.  
  798. </div>
  799.  
  800.  
  801. <div id="container">
  802.  
  803. <div class="entries">
  804.  
  805. <section id="sidebar">
  806.  
  807. <div id="welcome">
  808. <div id="-message-img">
  809. <img src="http://i62.tinypic.com/bitqfm.jpg"></div>
  810. <div id="welcome-message">
  811. {Description}
  812. </div>
  813. </div>
  814.  
  815. <div id="section">
  816. <div class="sidebartitle">Official Sites</div>
  817. <li><a href="http://selenagomez.com/">YGKplus Website</a></li>
  818. <li><a href="https://www.facebook.com/SelenaGomez">YGKplus Instagram</a>
  819. <li><a href="https://www.youtube.com/user/SelGomez">YGKplus Facebook</a></li>
  820. <li><a href="https://www.youtube.com/user/SelGomez">YGKplus Youtube</a></li>
  821. <li><a href="https://www.youtube.com/user/SelenaGomezVEVO">YG Stage for YG Actors</a></li>
  822. </div>
  823.  
  824.  
  825. <div id="section">
  826. <div class="sidebartitle">CURRENT PROJECTS</div>
  827. <br>
  828. <div class="projects img">
  829. <img src="http://i59.tinypic.com/svidf6.jpg">
  830. </div>
  831. <br>
  832. <div class="projects" style="margin-top:-95px;margin-left:105px;">
  833. <u>We Broke Up</u>
  834. <br>
  835. <b>Type:</b> Webdrama
  836. <br>
  837. <b>Date:</b> July 2015
  838. <br>
  839. <b>Role:</b> Seo Hyun Woo
  840. </div>
  841.  
  842. <br><br>
  843.  
  844. <div class="projects img">
  845. <img src="http://i61.tinypic.com/2urmr01.jpg">
  846. </div>
  847. <div class="projects" style="margin-top:-85px;margin-left:105px;">
  848. <u>My Love Eun-Dong </u>
  849. <br>
  850. <b>Type:</b> Drama
  851. <br>
  852. <b>Date:</b> May 2015
  853. <br>
  854. <b>Role:</b> Lee Seok Tae
  855. </div>
  856.  
  857. <br><br>
  858.  
  859. <div class="projects img">
  860. <img src="http://i61.tinypic.com/5k0rj4.jpg">
  861. </div>
  862. <div class="projects" style="margin-top:-85px;margin-left:105px;">
  863. <u>Design's Tour</u>
  864. <br>
  865. <b>Type:</b> TV Show
  866. <br>
  867. <b>Season:</b> 1 & 2
  868. <br>
  869. <b>Status:</b> MC
  870. </div>
  871.  
  872. <br><br>
  873.  
  874.  
  875. <div class="projects img">
  876. <img src="http://i61.tinypic.com/2ij6aaa.jpg">
  877. </div>
  878. <div class="projects" style="margin-top:-85px;margin-left:105px;">
  879. <u>Sunam Girls</u>
  880. <br>
  881. <b>Type:</b> Drama
  882. <br>
  883. <b>Date:</b> December 2014
  884. <br>
  885. <b>Role:</b> Lee Chae Joon
  886. </div>
  887.  
  888. <br><br>
  889.  
  890. <div class="projects img">
  891. <img src="http://i61.tinypic.com/2nk8jcy.jpg">
  892. </div>
  893. <div class="projects" style="margin-top:-85px;margin-left:105px;">
  894. <u>Greatest Marriage</u>
  895. <br>
  896. <b>Type:</b> Drama
  897. <br>
  898. <b>Date:</b> September 2014
  899. <br>
  900. <b>Role:</b> Pedro
  901. </div>
  902.  
  903. <br><br>
  904.  
  905. </div>
  906.  
  907. <div class="sidebartitle2"> <i class="fa fa-twitter"></i> KIYONGUPDATES</div>
  908. {block:Twitter}
  909. <div class="widget">
  910. <div class="banner">
  911. <ul id='tweets'>
  912. </ul>
  913. </div>
  914. </div>
  915. {/block:Twitter}
  916.  
  917.  
  918. <div id="section">
  919. <div class="sidebartitle">CAMPAIGNS</div>
  920. <br>
  921. <div class="campaign">
  922.  
  923. <a href="/tagged/hollys-coffee" title="Hollys Coffee">
  924. <img src="http://i60.tinypic.com/69l3ys.jpg"></a>
  925.  
  926. <a href="/tagged/gxg-kids" title="GXG Kids (China)">
  927. <img src="http://i62.tinypic.com/26457b4.png"></a>
  928.  
  929. <a href="/tagged/gxg-jeans" title="GXG Jeans (China)">
  930. <img src="http://i58.tinypic.com/21dg08i.jpg"></a>
  931.  
  932. <a href="/tagged/gxg-jeans" title="Jambangee Jeans">
  933. <img src="http://i57.tinypic.com/2cmm72v.jpg"></a>
  934.  
  935. <a href="/tagged/le-coq-sportif" title="Le Coq Sportif">
  936. <img src="http://i59.tinypic.com/280k581.jpg"></a>
  937. </div></div>
  938.  
  939.  
  940. <div id="section">
  941. <div class="sidebartitle">SITE STATISTICS</div>
  942. <br>
  943. <b>Established:</b> December 2013
  944. <br>
  945. <b>Network:</b> <a href="http://kmodelsnetwork.tumblr.com"></a>koreanmodels</a>
  946. <br>
  947. <b>Currently Online:</b>
  948. <br>
  949. <b>Followers:</b>
  950. <br>
  951. <b>Contact:</b> [email protected]</a>
  952. <br><br>
  953. We are in no way affiliated with Selena, the Gomez Family, her agency or management. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed. All copyrighted materials posted on this blog documenting and illustrating our interests.
  954. </div>
  955.  
  956. </section>
  957.  
  958.  
  959. {block:Posts}
  960. <div class="posts">
  961.  
  962. {block:Text}
  963. <h1>{block:Title}{Title}{/block:Title}</h1>
  964. {Body}{/block:Text}
  965.  
  966.  
  967. {block:Photo}
  968. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  969. {block:Caption}{Caption}{/block:Caption}
  970. {/block:Photo}
  971.  
  972.  
  973. {block:Photoset}
  974. {Photoset-500}
  975. {block:Caption}{Caption}{/block:Caption}
  976. {/block:Photoset}
  977.  
  978.  
  979. {block:Quote}
  980. <div class="quote">"{Quote}"</div>
  981. {block:Source}<div class="quotesource"> — {Source}</div>
  982. {/block:Source}{/block:Quote}
  983.  
  984.  
  985. {block:Link}
  986. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  987. {block:Description}{Description}{/block:Description}
  988. {/block:Link}
  989.  
  990.  
  991. {block:Chat}
  992. {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>
  993. {/block:Chat}
  994.  
  995.  
  996. {block:Audio}
  997. {block:AudioPlayer}
  998. <div class="audiowrapper">
  999. <div class="playerbuttonbg">
  1000. <div class="playerbutton">
  1001. <div class="playerbuttonhug">
  1002. {AudioPlayerGrey}
  1003. </div></div></div>
  1004.  
  1005. <div class="trackdetails">
  1006. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1007.  
  1008. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1009.  
  1010. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  1011. {/block:AudioPlayer}
  1012.  
  1013. {block:Caption}
  1014. <div class="caption">{Caption}</div>
  1015. {/block:Caption}
  1016. {/block:Audio}
  1017.  
  1018.  
  1019. {block:Video}
  1020. {Video-500}
  1021. {block:Caption}{Caption}{/block:Caption}
  1022. {/block:Video}
  1023.  
  1024.  
  1025. {block:Answer}
  1026. <div class="question">
  1027. <div class="asker"><b>{Asker} said:</b></div>
  1028. {Question}</div><br>
  1029. <div class="answer">
  1030. {Answer}</div>
  1031. {/block:Answer}
  1032.  
  1033.  
  1034.  
  1035.  
  1036. {block:Date}
  1037.  
  1038. <div class="info">
  1039. {block:Date}
  1040. <b><a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  1041. {/block:Date}
  1042.  
  1043. &nbsp;&nbsp;
  1044. <a href="{Permalink}">{NoteCount}</a>
  1045. &nbsp;&nbsp;
  1046.  
  1047. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a> &nbsp;&nbsp;<b>Posted by</b> <a href="{PostAuthorURL}">{PostAuthorName}</a>
  1048.  
  1049.  
  1050.  
  1051. <font style="float:right">
  1052. {block:RebloggedFrom}
  1053. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  1054. {block:ContentSource}
  1055. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  1056. {/block:ContentSource}
  1057. {/block:RebloggedFrom}
  1058. </font style>
  1059.  
  1060.  
  1061. </div>
  1062.  
  1063.  
  1064. {block:HasTags}
  1065. <div class="tags">
  1066. {block:Tags}
  1067. <a href="{TagURL}">{Tag}</a>
  1068. {/block:Tags}
  1069. </div>
  1070. {/block:HasTags}
  1071.  
  1072.  
  1073.  
  1074. </div>
  1075. {/block:Posts}
  1076. <p>
  1077. {block:PostNotes}
  1078. <div style="margin-left:15px;">
  1079. {PostNotes}{/block:PostNotes}
  1080.  
  1081. <div id="pagi">
  1082. {block:IndexPage}
  1083. <div id="pagination">
  1084. {block:Pagination}
  1085. {block:JumpPagination length="5"}
  1086. {block:CurrentPage}
  1087. <span class="current_page">{PageNumber}</span>
  1088. {/block:CurrentPage}
  1089. {block:JumpPage}
  1090. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1091. {/block:JumpPage}
  1092. {/block:JumpPagination}
  1093. {/block:Pagination}
  1094. </div>
  1095. {/block:IndexPage}
  1096. </div>
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106. {block:ContentSource}
  1107. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1108. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1109. {/block:SourceLogo}
  1110. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1111. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1112.  
  1113.  
  1114.  
  1115.  
  1116.  
  1117.  
  1118.  
  1119. </div></div></div></div></div></div></div></div></div></div></div>
  1120.  
  1121. <!-- FOOTER -->
  1122. {block:IndexPage}
  1123. <div class="footer">
  1124. <p style="text-transform:none; letter-spacing:0px;">{text:footer}</p>
  1125. <!-- CREDIT: DO NOT REMOVE -->
  1126. JJANGKIYONG &nbsp / &nbsp <a href="http://kitsuneae.tumblr.com">THEME BY</a> &nbsp / &nbsp POWERED BY TUMBLR © 2015
  1127.  
  1128. </div>
  1129. {/block:IndexPage}
  1130.  
  1131. <script type="text/javascript">
  1132. function recent_tweets(data) {
  1133. for (i=0; i<data.length; i++) {
  1134. if(i==0) {
  1135.  
  1136. $("#twitter .userName").html("<a href='http://twitter.com/" + data[i].user.screen_name + "' target='_blank'>@" + data[i].user.screen_name + "</a>");
  1137. $("#twitter .userFollowing").html(data[i].user.friends_count);
  1138. $("#twitter .userFollowers").html(data[i].user.followers_count);
  1139. }
  1140. if (i<8) {
  1141. document.getElementById("tweets").innerHTML =
  1142. document.getElementById("tweets").innerHTML + "<li><a href='#'>"+data[i].text+"</a></li>";
  1143. }
  1144. }
  1145. }
  1146. $(document).ready(function() {
  1147. $('.banner').unslider();
  1148. });
  1149. </script>
  1150. {block:Twitter}
  1151. <script type="text/javascript" src="/tweets.js"></script>
  1152. {/block:Twitter}
  1153. </body>
  1154.  
  1155.  
  1156.  
  1157.  
  1158. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!