API tools faq
paste
Advertisement
aellionios

tq; matt's custom theme

aellionios
Sep 6th, 2016
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <meta name="viewport" content="width=820" />
  8.  
  9.  
  10. <!-- color metas -->
  11. <meta name="color:background" content="#ededed" />
  12. <meta name="color:Text" content="#888888" />
  13. <meta name="color:Links" content="#9b80c1" />
  14. <meta name="color:Posts" content="#ffffff" />
  15.  
  16. <meta name="text:ladiescount" content="26" />
  17. <meta name="text:malecount" content="17" />
  18. <meta name="text:membercount" content="43" />
  19. <meta name="text:update2" content="#2" />
  20. <meta name="text:update3" content="#3" />
  21. <meta name="text:update4" content="#4" />
  22.  
  23. <!-- image metas --->
  24. <meta name="image:render design" content="https://secure.static.tumblr.com/4030253a8890d94ada9bdcf02672438f/cs9fqpt/z7Oo6mrbf/tumblr_static_cgzj9r3bvuo0scok0kkk0w0c4.png"/>
  25. <meta name="image:dark badge" content="https://secure.static.tumblr.com/18d7e59558f7f692c5751927e989dfb4/cs9fqpt/c1Jo6a62u/tumblr_static_4cn1cp6s6sis4skk8coc08k0c.png" />
  26. <meta name="image:light badge" content="https://secure.static.tumblr.com/87b89a38edf6c56558ce8ae91e5835dc/cs9fqpt/MQqo6a62u/tumblr_static_3je2ee662lusk0o8c8s4wk8k0.png" />
  27. <meta name="image:light purple badge" content="https://secure.static.tumblr.com/5a95b066b9fea516f616d7bc3facdda2/cs9fqpt/naDo6a62u/tumblr_static_9re26tun6y4ok8c40wk4kok0s.png" />
  28.  
  29.  
  30.  
  31. <!-- scripts. -->
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36.  
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("a[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:90,
  43. tip_fade_speed:600,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50. <!--- scripts ended --->
  51.  
  52. <style type="text/css">
  53. /* basic style */
  54. body {
  55. background-color:{color:background};
  56. font:calibri 10px {color:text};
  57. word-wrap:break-word;
  58. line-height:12px;
  59. overflow:hidden;
  60. }
  61. a:link, a:active, a:visited{
  62. color:{color:Links};
  63. text-decoration:none;
  64. transition: all 0.5s ease-out;
  65. -o-transition-transition: all 0.5s ease-out;
  66. -webkit-transition: all 0.5s ease-out;
  67. -moz-transition: all 0.5s ease-out;
  68. }
  69. a:hover {
  70. color:{color:Text};
  71. transition: all 0.5s ease-out;
  72. -o-transition-transition: all 0.5s ease-out;
  73. -webkit-transition: all 0.5s ease-out;
  74. -moz-transition: all 0.5s ease-out;
  75. }
  76. ::-webkit-scrollbar {
  77. width: 6px;
  78. height: 6px;
  79. }
  80. ::-webkit-scrollbar-thumb {
  81. border:1px solid white;
  82. background-color: #ddd;
  83. }
  84. .tooltip {
  85. position:Absolute;
  86. z-index:99999999;
  87. padding-top:15px;
  88. }
  89. #s-m-t-tooltip {
  90. max-width:210px;
  91. margin-top:25px;
  92. margin-left:15px;
  93. padding:5px 5px;
  94. z-index:999999;
  95. background:{color:posts};
  96. border:1px solid {color:italic};
  97. color:{color:text};
  98. font-family:calibri, arial, sans-serif;
  99. font-size:8.5px;
  100. line-height:9px;
  101. letter-spacing:1px;
  102. text-transform:uppercase;
  103. }
  104. hr {
  105. border-top: 1px solid {color:background};
  106. }
  107. h1 {
  108. font-family: 'Montserrat', sans-serif;
  109. font-size:30px;
  110. }
  111. h2 {
  112. font-family: Arial;
  113. font-size:12px;
  114. text-transform:uppercase;
  115. }
  116. pre {
  117. background-color:#f8f8f8;
  118. border-radius:3px;
  119. width:90%;
  120. padding:5px;
  121. }
  122. blockquote {
  123. width:90%;
  124. margin-left:10px;
  125. padding:0px 0px 0px 10px;
  126. border-left:1px solid #eeeeee;
  127. }
  128. b, strong {
  129. font-weight:bold;
  130. }
  131. ol, ul {
  132. list-style:none;
  133. text-align:left;
  134. padding-left:0;
  135. }
  136. li {
  137. position:relative;
  138. padding:.1em 0 .1em 15px;
  139. }
  140. ol li {
  141. counter-increment:list;
  142. }
  143. ol li:before, ul li:before {
  144. left:5px;
  145. position:absolute;
  146. top:.5px;
  147. vertical-align:bottom;
  148. }
  149. ol li:before {
  150. content:counter(list) '.';
  151. }
  152. ul li:before {
  153. content:'›';
  154. border:1px solid white;
  155. margin-top:.3px;
  156. }
  157. small, sub, sup{
  158. font: 9px 'trebuchet ms', arial, sans-serif;
  159. }
  160. img {
  161. max-width:100%;
  162. }
  163. h2 {
  164. font:12px arial;
  165. }
  166. #bottom-wrapper{
  167. position:absolute;
  168. background-color:{color:background};
  169. bottom:0px;
  170. left:0px;
  171. height:70px;
  172. width:100%;
  173. z-index:999;
  174. border-top:3px solid {color:Posts};
  175. }
  176. .corner{
  177. position:absolute;
  178. bottom:0px;
  179. left:0px;
  180. height:420px;
  181. padding-left:5px;
  182. width:85px;
  183. }
  184. .badge{
  185. width:50px;
  186. height:50px;
  187. border:3px solid white;
  188. padding:10px;
  189. -webkit-border-radius: 100%;
  190. -moz-border-radius: 100%;
  191. border-radius: 100%;
  192. margin-bottom:10px;
  193. -webkit-transition-duration: 0.8s;
  194. -moz-transition-duration: 0.8s;
  195. -o-transition-duration: 0.8s;
  196. transition-duration: 0.8s;
  197. }
  198. .badge:hover{
  199. -webkit-transform:rotate(360deg);
  200. -moz-transform:rotate(360deg);
  201. -o-transform:rotate(360deg);
  202. -webkit-transition-duration: 0.8s;
  203. -moz-transition-duration: 0.8s;
  204. -o-transition-duration: 0.8s;
  205. transition-duration: 0.8s;
  206. }
  207. #post-wrapper{
  208. position:absolute;
  209. background-color:{color:Background};
  210. left:90px;
  211. bottom:30px;
  212. width:376px;
  213. height:80%;
  214. padding:15px;
  215. border:3px solid {color:Posts};
  216. }
  217. .link-station{
  218. position:absolute;
  219. margin-left:-18px;
  220. margin-top:-37px;
  221. width:420px;
  222. height:19px;
  223. }
  224. .link-station a{
  225. font-family:calibri;
  226. line-height:18px;
  227. text-transform:uppercase;
  228. font-size:10px;
  229. letter-spacing:0.5px;
  230. text-align:center;
  231. display: inline-block;
  232. height: 18px;
  233. width: 67.75px;
  234. -webkit-transition: all .8s ease-out;
  235. -moz-transition: all .8s ease-out;
  236. -webkit-transition: all .8s ease-out;
  237. -moz-transition: all .8s ease-out;
  238. background-color:#ffffff;
  239. color:#000;
  240. margin-left:-3px;
  241. }
  242. .link-station a:hover{
  243. background-color:{color:Links};
  244. color:{color:posts};
  245. -webkit-transition: all .8s ease-out;
  246. -moz-transition: all .8s ease-out;
  247. -webkit-transition: all .8s ease-out;
  248. -moz-transition: all .8s ease-out;
  249. }
  250. #sidebar-wrapper{
  251. position:absolute;
  252. left:510px;
  253. bottom:20px;
  254. width:500px;
  255. height:400px;
  256. z-index:9999;
  257. }
  258. .render{
  259. position:absolute;
  260. left:151px;
  261. z-index:9999;
  262. border:5px solid white;
  263. }
  264. .welcome-pack{
  265. position:absolute;
  266. margin:0px;
  267. width:120px;
  268. height:280px;
  269. padding:15px;
  270. background-color:white;
  271. font-family:calibri;
  272. line-height:14px;
  273. text-transform:uppercase;
  274. font-size:10px;
  275. letter-spacing:0.5px;
  276. }
  277. .pd-gang{
  278. position:absolute;
  279. bottom:-5px;
  280. height:100px;
  281. width:160px;
  282. }
  283. .gang-circle{
  284. background-color:{color:posts};
  285. width:50px;
  286. height:50px;
  287. border:3px solid {color:background};
  288. padding:5px;
  289. -webkit-border-radius: 100%;
  290. -moz-border-radius: 100%;
  291. border-radius: 100%;
  292. margin-bottom:10px;
  293. -webkit-transition-duration: 0.8s;
  294. -moz-transition-duration: 0.8s;
  295. -o-transition-duration: 0.8s;
  296. transition-duration: 0.8s;
  297. }
  298. .gang-circle:hover{
  299. -webkit-transform:rotate(360deg);
  300. -moz-transform:rotate(360deg);
  301. -o-transform:rotate(360deg);
  302. -webkit-transition-duration: 0.8s;
  303. -moz-transition-duration: 0.8s;
  304. -o-transition-duration: 0.8s;
  305. transition-duration: 0.8s;
  306. }
  307. .stat-box{
  308. position:absolute;
  309. margin-left:272px;
  310. width:120px;
  311. height:140px;
  312. padding:15px;
  313. background-color:white;
  314. font-family:calibri;
  315. line-height:14px;
  316. text-transform:uppercase;
  317. font-size:10px;
  318. letter-spacing:0.5px;
  319. }
  320. /* UPDATES TICKER, DO NOT STEAL */
  321. #updates-ticker {
  322. background: white;
  323. font-size:9px;
  324. line-height:24px;
  325. font-family:open-sans, helvetica, arial;
  326. text-align:right;
  327. width: 150px;
  328. height: 24px;
  329. margin-top:171px;
  330. margin-left:272px;
  331. overflow: hidden;
  332. position: relative;
  333. color:black;
  334. overflow:hidden;
  335. }
  336. #updates-ticker ul {
  337. list-style:none;
  338. text-align:left;
  339. -webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  340. -moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  341. -ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  342. animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  343. }
  344. #updates-ticker ul:hover {
  345. -webkit-animation-play-state: paused;
  346. -moz-animation-play-state: paused;
  347. -ms-animation-play-state: paused;
  348. animation-play-state: paused;
  349. }
  350. #updates-ticker li {
  351. width:120px;
  352. height:24px;
  353. margin-left:-15px;
  354. list-style:none;
  355. text-align:right;
  356. }
  357. @-webkit-keyframes ticker {
  358. 0% {margin-top: 0;}
  359. 25% {margin-top: -26px;}
  360. 50% {margin-top: -50px;}
  361. 75% {margin-top: -75px;}
  362. 100% {margin-top: 0;}
  363. }
  364. @-moz-keyframes ticker {
  365. 0% {margin-top: 0;}
  366. 25% {margin-top: -26px;}
  367. 50% {margin-top: -50px;}
  368. 75% {margin-top: -75px;}
  369. 100% {margin-top: 0;}
  370. }
  371. @-ms-keyframes ticker {
  372. 0% {margin-top: 0;}
  373. 25% {margin-top: -26px;}
  374. 50% {margin-top: -50px;}
  375. 75% {margin-top: -75px;}
  376. 100% {margin-top: 0;}
  377. }
  378. @keyframes ticker {
  379. 0% {margin-top: 0;}
  380. 25% {margin-top: -26px;}
  381. 50% {margin-top: -50px;}
  382. 75% {margin-top: -75px;}
  383. 100% {margin-top: 0;}
  384. }
  385. .howto{
  386. position:absolute;
  387. margin-left:272px;
  388. top:196px;
  389. width:120px;
  390. height:62px;
  391. padding:15px;
  392. background-color:white;
  393. font-family:calibri;
  394. line-height:14px;
  395. text-transform:uppercase;
  396. font-size:10px;
  397. letter-spacing:0.5px;
  398. }
  399. .more-links{
  400. position:absolute;
  401. margin-left:272px;
  402. top:289px;
  403. width:150px;
  404. height:30px;
  405. }
  406. .more-links a{
  407. font-family:calibri;
  408. line-height:18px;
  409. text-transform:uppercase;
  410. font-size:10px;
  411. letter-spacing:0.5px;
  412. text-align:center;
  413. display: block;
  414. height: 18px;
  415. width: 150px;
  416. -webkit-transition: all .8s ease-out;
  417. -moz-transition: all .8s ease-out;
  418. -webkit-transition: all .8s ease-out;
  419. -moz-transition: all .8s ease-out;
  420. background-color:#ffffff;
  421. color:#000;
  422. margin-bottom:1px;
  423. }
  424. .more-links a:hover{
  425. background-color:{color:Links};
  426. color:{color:posts};
  427. -webkit-transition: all .8s ease-out;
  428. -moz-transition: all .8s ease-out;
  429. -webkit-transition: all .8s ease-out;
  430. -moz-transition: all .8s ease-out;
  431. }
  432. .hidden {
  433. display: none;
  434. }
  435. .unhidden {
  436. display: block;
  437. }
  438. #askbox{
  439. position:absolute;
  440. background-color:white;
  441. padding:15px;
  442. width:340px;
  443. height:250px;
  444. overflow:scroll;
  445. z-index:99999;
  446. font-family:calibri;
  447. line-height:18px;
  448. text-transform:uppercase;
  449. font-size:10px;
  450. letter-spacing:0.5px;
  451. border-bottom:15px solid {color:background};
  452. }
  453. #header-navigation{
  454. position:absolute;
  455. background-color:white;
  456. padding:15px;
  457. width:340px;
  458. height:250px;
  459. overflow:scroll;
  460. z-index:99999;
  461. font-family:calibri;
  462. line-height:18px;
  463. text-transform:uppercase;
  464. font-size:10px;
  465. letter-spacing:0.5px;
  466. border-bottom:15px solid {color:background};
  467. }
  468. /*pop up*/
  469. #fade {
  470. display: none;
  471. background-color:{color:background};
  472. position: fixed;
  473. left: 0;
  474. top: 0;
  475. width: 100%;
  476. height: 100%;
  477. opacity:1;
  478. z-index: 9999;
  479. }
  480. .popup_block{
  481. display: none;
  482. background:transparent;
  483. padding: 0px;
  484. float: left;
  485. position: fixed;
  486. top: 55%;
  487. left: 50%;
  488. z-index: 99999;
  489. }
  490. img.btn_close {
  491. float: right;
  492. margin: -5px -20px 0 0;
  493. }
  494. *html #fade {
  495. position: absolute;
  496. }
  497. *html .popup_block {
  498. position: absolute;
  499. }
  500. #staff-wrapper, #tips-wrapper{
  501. background-color:white;
  502. width:500px;
  503. height:400px;
  504. overflow-x:scroll;
  505. border:10px solid white;
  506. font-family:calibri;
  507. line-height:18px;
  508. text-transform:uppercase;
  509. font-size:10px;
  510. letter-spacing:0.5px;
  511. padding:10px;
  512. }
  513. #staff-wrapper img{
  514. width:48px;
  515. height:48px;
  516. padding:5px;
  517. border:5px solid {color:background};
  518. background-color:{color:posts};
  519. }
  520. #staff-wrapper a{
  521. display: inline-block;
  522. height: 60px;
  523. width: 60px;
  524. }
  525. /*post parents*/
  526. #post-parent{
  527. position:absolute;
  528. background-color:{color:content};
  529. width:390px;
  530. height:100%;
  531. overflow:scroll;
  532. font-family:calibri;
  533. line-height:18px;
  534. font-size:10px;
  535. letter-spacing:0.5px;
  536. }
  537. .post-parent{
  538. width:370px;
  539. margin-bottom:70px;
  540. }
  541. .posts{
  542. width:340px;
  543. padding:15px;
  544. background-color:{color:Posts};
  545. color:{color:Text};
  546. }
  547. #index-permalink{
  548. background-color:{color:posts};
  549. border-bottom:1px solid {color:background};
  550. padding:5px;
  551. width:360px;
  552. height:15px;
  553. overflow:hidden;
  554. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  555. }
  556. /*post caption*/
  557. .caption a:hover {
  558. border-bottom:1px solid {color:background};
  559. }
  560. /* audio posts */
  561. iframe.spotify_audio_player {
  562. height:80px!important;
  563. display:block;
  564. }
  565. .tumblr_audio_player {
  566. width:100%;
  567. margin-top:12px;
  568. }
  569. .audio-player {
  570. width:50px;
  571. height:50px;
  572. padding:10px;
  573. overflow:hidden;
  574. background:#fff;
  575. margin:0px 0 0px 0;
  576. display:block;
  577. float:left;
  578. border:1px solid {color:background};
  579. }
  580. .audio-info {
  581. color:#888;
  582. margin:0px 0 10px 75px;
  583. display:block;
  584. padding:25px;
  585. height:20px;
  586. text-align:left;
  587. font-size:10px;
  588. line-height:12px;
  589. width:calc(340px - 127px);
  590. background:#fff;
  591. border:1px solid {color:background};
  592. }
  593. /*links*/
  594. .post-links {
  595. font:italic 12px calibri;
  596. padding-top:10px;
  597. text-align:center;
  598. }
  599. .post-links a {
  600. border-bottom:none;
  601. }
  602. /* chats */
  603. .chat-post li {
  604. list-style:none;
  605. line-height:115%;
  606. }
  607. .chat-line{
  608. padding:3px 5px;
  609. }
  610. /*quote*/
  611. .post-quote{
  612. margin:0;
  613. width:250px;
  614. padding:25px;
  615. }
  616. .quote{
  617. font-family:roboto;
  618. font-weight:800;
  619. font-size:12px;
  620. font-style:italic;
  621. text-align:justify;
  622. }
  623. /*video*/
  624. .video_big {
  625. position:relative;
  626. height:0;
  627. padding-bottom:56.25%;
  628. }
  629. .video_big iframe {
  630. position:absolute;
  631. top:0;
  632. left:0;
  633. height:100%;
  634. width:100%;
  635. }
  636. /* asks */
  637. .ask-post{
  638. margin:10px;
  639. width:280px;
  640. }
  641. .ask-icon{
  642. width:30px;
  643. height:30px;
  644. border-radius:100%;
  645. padding:4px;
  646. margin-left:0px;
  647. margin-top:0px;
  648. z-index:99999;
  649. background-color:{color:background};
  650. border:1px solid {color:background};
  651. }
  652. .ask-name{
  653. margin: -35px 0px 0px 50px;
  654. font:italic 12px calibri;
  655. border-bottom:1px solid {color:background};
  656. }
  657. .ask-question{
  658. margin: 10px 0px 0px 60px;
  659. width:210px;
  660. }
  661. .ask-answer{
  662. margin:10px 0px 0px 0px;
  663. border-top:1px solid {color:background};
  664. padding-top:5px;
  665. width:280px;
  666. }
  667. /*permalink page*/
  668. .permalink-page{
  669. position:fixed;
  670. width:370px;
  671. }
  672. .permalink-info{
  673. background:{color:posts};
  674. width:340px;
  675. padding:15px;
  676. }
  677. .post-tags{
  678. width:300px;
  679. max-height:30px;
  680. overflow-x:scroll;
  681. overflow-y:hidden;
  682. padding-top:5px;
  683. padding-bottom:5px;
  684. width:100%;
  685. }
  686. .post-notes{
  687. width:300px;
  688. max-height:150px;
  689. padding:15px;
  690. margin:0px;
  691. overflow-y:scroll;
  692. overflow-x:hidden;
  693. text-align:left;
  694. font-size:9px;
  695. line-height:125%;
  696. }
  697. .retags {
  698. display:block;
  699. display:none;
  700. width:0px; height:0px;
  701. }
  702. .post-notes li{
  703. list-style:none;
  704. margin-left:-20px;
  705. padding-bottom:5px;
  706. }
  707. .post-notes img{
  708. border-radius:100%;
  709. padding-right:4px;
  710. }
  711. #pagination {
  712. position:absolute;
  713. left:90px;
  714. bottom:30px;
  715. width: 415px;
  716. text-align: center;
  717. padding: 3px 0;
  718. font-family:calibri;
  719. line-height:18px;
  720. text-transform:uppercase;
  721. font-size:10px;
  722. letter-spacing:0.5px;
  723. }
  724. #pagination a {
  725. color: {color:text};
  726. background-color:{color:posts};
  727. padding:3px;
  728. text-decoration: none;
  729. }
  730. .current_page {
  731. color: white;
  732. background-color:{color:links};
  733. padding:3px;
  734. }
  735. </style>
  736.  
  737.  
  738. <!-- scripts here. -->
  739. <script type="text/javascript">
  740. function unhide(divID) {
  741. var item = document.getElementById(divID);
  742. if (item) {
  743. item.className=(item.className=='hidden')?'unhidden':'hidden';}}
  744. </script>
  745.  
  746. <script type="text/javascript"
  747. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  748. <script>
  749. $(document).ready(function() {
  750. //
  751. $('a.poplight[href^=#]').click(function() {
  752. var popID = $(this).attr('rel'); //Get Popup Name
  753. var popURL = $(this).attr('href'); //Get Popup href to define size
  754. var query= popURL.split('?');
  755. var dim= query[1].split('&');
  756. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  757. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://secure.static.tumblr.com/9017765f72fc947895fa4f3f8d0f3a8d/cs9fqpt/Q6wo5wzha/tumblr_static_1wbdk91tl4pw044wokwss0kwk.png" class="btn_close" title="escape" alt="escape" /></a>');
  758. var popMargTop = ($('#' + popID).height() + 80) / 2;
  759. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  760. //Apply Margin to Popup
  761. $('#' + popID).css({
  762. 'margin-top' : -popMargTop,
  763. 'margin-left' : -popMargLeft
  764. });
  765. $('body').append('<div id="fade"></div>');
  766. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  767. return false;
  768. });
  769. $('a.close, #fade').live('click', function() {
  770. $('#fade , .popup_block').fadeOut(function() {
  771. $('#fade, a.close').remove(); //fade them both out
  772. });
  773. return false;
  774. });
  775. });
  776. </script>
  777.  
  778. </head>
  779. <body>
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786. <div id="bottom-wrapper">
  787. <div class="corner">
  788. <a href="http://tqanarchism.tumblr.com/"><img class="badge" src='http://o.aolcdn.com/hss/storage/fss/bfff1d6ad5c49a5b7e54f1daea81a06e/png.png'/></a>
  789. <a href="http://pastebin.com/L5gGKG7L" title="want one of these badges, but unsure how to install them? click here!">
  790. <img class="badge" src="{image:dark badge}">
  791. <img class="badge" src="{image:light badge}">
  792. <img class="badge" src="{image:light purple badge}">
  793. </a>
  794. </div>
  795.  
  796. {block:Pagination}
  797. <div id="pagination">
  798. {block:PreviousPage}
  799. <a href="{PreviousPage}">Previous</a>
  800. {/block:PreviousPage}
  801.  
  802. {block:JumpPagination length="5"}
  803. {block:CurrentPage}
  804. <span class="current_page">{PageNumber}</span>
  805. {/block:CurrentPage}
  806.  
  807. {block:JumpPage}
  808. <a class="jump_page" href="{URL}">{PageNumber}</a>
  809. {/block:JumpPage}
  810. {/block:JumpPagination}
  811.  
  812. {block:NextPage}
  813. <a href="{NextPage}">Next</a>
  814. {/block:NextPage}
  815. </div>
  816. {/block:Pagination}
  817. </div>
  818.  
  819.  
  820. <div id="sidebar-wrapper">
  821. <img src="{image:render design}" class="render">
  822.  
  823. <div class="welcome-pack">
  824. <ul><li><span style="font-weight:bold;">WHAT IS TQ?</span> </li></ul>
  825. <hr><p style="text-align:justify;">
  826. tq stands for <i>true quality</i> entertainment. we're a company that allows our staff to live by the idea that "quality above all," is the way to go when it comes to everything. we strive to allow our artists to produce the best quality vs. the best quantity. </p>
  827. <ul><li><b>OUR CEOS?</li></b></ul>
  828. <hr><div style="letter-spacing:0px;"><center>
  829. <a href="/tagged/admin:daesuk" title="the director of arts">DAESUK</a> // <a href="/tagged/admin:hyeon" title="the director of management">HYEON</a> // <a href="/tagged/admin:hoon" title="the director of production">HOON</a></div></center>
  830. </div>
  831.  
  832.  
  833. <div class="pd-gang">
  834. <a href="/tagged/admin:hyeon" title="Director of Management, Hyeon"><img src="http://o.aolcdn.com/hss/storage/fss/5da6392e2ba0616196510c56f0155aae/large+(1).jpg" class="gang-circle"></a>
  835. <a href="/tagged/admin:hoon" title="Director of Production, Seunghoon"><img src="http://o.aolcdn.com/hss/storage/fss/e9c58c1d71e3803fff7275a5e2db324d/052902-e1432860334487.jpg" class="gang-circle" style="margin-left:15px;"></a>
  836. </div>
  837.  
  838.  
  839. <div class="stat-box">
  840. <ul><li><span style="font-weight:bold;">STATISTICS<I>!</I></span> </li></ul>
  841. <hr>
  842. <table style="width:100%">
  843. <tr>
  844. <td>OUR LADIES:</td>
  845. <td>{text:ladiescount}</td>
  846. </tr>
  847. <tr>
  848. <td>OUR MEN:</td>
  849. <td>{text:malecount}</td>
  850. </tr>
  851. <tr>
  852. <td>OUR MEMBERS:</td>
  853. <td>{text:membercount}</td>
  854. </tr>
  855. <tr>
  856. <td>COMEBACK[S] </td>
  857. <td><a href="https://docs.google.com/spreadsheets/d/1V0AX8YtWauJf3iwHdfO_twb0nxRPU-SffcYNDliPoaA/">HERE</a></td>
  858. </tr>
  859. <td>APP STATUS </td>
  860. <td><a href="https://docs.google.com/spreadsheets/d/1-1w2bY-xwKluKB1q5P4dwGJ-3dmQ_aHO3MXRp0HQW4Q/">HERE</a></td>
  861. </tr>
  862. </table>
  863. </div>
  864.  
  865.  
  866. <div id="updates-ticker">
  867. <ul>
  868. <li>강남구 SOUTH KOREA.</li>
  869.  
  870. <li>{text:update2}</li>
  871.  
  872. <li>{text:update3} </li>
  873.  
  874. <li>{text:update4}</li>
  875.  
  876. </ul>
  877. </div>
  878.  
  879.  
  880. <div class="howto">
  881. <table style="width:90%; margin-left:10px; margin-top:-5px;">
  882. <tr>
  883. <td>HOW TO:</td>
  884. <td><a href="/application-wiki" title="follow this step by step process to ensure that you understand our rules">INTRO</a></td>
  885. </tr>
  886. <tr>
  887. <td>WE ARE: </td>
  888. <td><a href="/" title="an original character directory. we are not a real company.">OC RP</a></td>
  889. </tr>
  890. <tr>
  891.  
  892. <td>ONLINE:</td><td> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5282261";
  893. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  894. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  895. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  896. </script>
  897. </td>
  898.  
  899. </tr>
  900.  
  901. <tr>
  902.  
  903. <td>VIEWS:</td> <td><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3129037";
  904. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  905. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  906. </script>
  907. </td>
  908. </tr>
  909. </table>
  910. </div>
  911.  
  912.  
  913. <div class="more-links">
  914. <a href="#?w=500" rel="popup-staff" class="poplight" title="an easier way to follow all of our members!">STAFF LIST</a>
  915. <a href="#?w=500" rel="popup-tips" class="poplight" title="some things to keep in mind, and some directions around the theme/blog."> TIPS & TRICKS </a>
  916. <a style="height:10px;" title="remember: what sets tq apart from other oc-idol directories is we've been running this like a real business. idols will schedule their comebacks with us before they're approved, and we have other policies in place that make it seem like a real company!"></a>
  917. </div>
  918. </div>
  919.  
  920. <div id="post-wrapper">
  921.  
  922.  
  923. <div class="link-station">
  924. <a href="/" title="refresh!" style="margin-left:0px;">refresh</a>
  925. <a href="javascript:unhide('askbox');" title="click the link again to close the box.">message</a>
  926. <a href="/masterlist" title="step one in applying: check the masterlist!">masterlist</a>
  927. <a href="/guidelines" title="step two! read our guidelines">guidelines</a>
  928. <a href="/application" title="now begin filling out your application!">application</a>
  929. <a href="javascript:unhide('header-navigation')" title="please read through these! // and same as the ask box, just click this again to make the box go away.">navigation?</a>
  930. </div>
  931.  
  932.  
  933. <div id="askbox" class="hidden">
  934. <span style="text-align:center;font-family: 'Montserrat', sans-serif;font-size:30px; color:#eee;">TQ-ENT: QUESTIONS? </span>
  935. <hr>
  936. <p> things to keep in mind before you inquire.<br><br> <b><i>first and foremost</i></b> we are only a roleplay directory; meaning the idols you see below do not actually belong to these groups. (also if you want to close this box just click the 'message' button in the link section again.') <br><br>
  937. (1) "Can I reserve?"<br>
  938. if you read our <a href="/guidelines" title="please read these completely!">guidelines</a>, yes you may reserve, your reserve will last 3 days and from the DATE you sent it in 3 days later your reservation will be up.
  939. <br><br>
  940. (2) I applied, but I was never accepted? <br>
  941. in the stats column on the sidebar, the link that says app status <a href="https://docs.google.com/spreadsheets/d/1-1w2bY-xwKluKB1q5P4dwGJ-3dmQ_aHO3MXRp0HQW4Q/"><i>here</i></a> will link you too our application status spreadsheet. if there any any errors in your app it is your responsibility to check this and resend if there are any errors. <br><br>
  942. (3) why is it our responsibility to check the app-status page?<br>
  943. because tracking everyone down when there is an error can be a handful, and to run smoother we've implicated this rule.
  944. </p>
  945. <iframe frameborder="0" scrolling="yes" width="100%" height="250" src="https://www.tumblr.com/ask_form/tq-entertainment.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  946. </div>
  947.  
  948.  
  949.  
  950. <div id="header-navigation" class="hidden">
  951. <span style="text-align:center;font-family: 'Montserrat', sans-serif; font-size:30px;color:#eee;">O.O.C. </span>
  952. <hr><ul><li><a href="/history" title="this is the history of the company. this is important when building your character especially if you want your character to be someone who has been here for a long time. ">HISTORY</a></li>
  953. <li><a href="/guidelines" title="this is our guideline system, we've broken it down into columns for easy-reading, but you must read all of it.">guidelines</a></li><li><a href="/masterlist" title="we originally had our masterlist set up where it was easiest to control f the face claim you wanted, we've now broken it down into the face claim[s] bands, like many other directories.">masterlist</a></li><li> <a href="/positions" title="these are all the positions/character types we offer.">positions</a></a></il>
  954.  
  955. <li> <a href="http://tq-lineup.tumblr.com/" title="this is the line up blog, to which to check what roles in the groups we have are available, also to see all of groups in one easy set.">lineup</a>
  956. </li></ul>
  957.  
  958. <br><br>
  959.  
  960. <span style="text-align:center;font-family: 'Montserrat', sans-serif; font-size:30px;color:#eee;">CHARACTER. </span>
  961. <hr><ul><li><a href="/character: guide" title="these guidelines are for your in character instances. example: we require you to request a date for comebacks for your group or your soloist debut/comeback 2 weeks prior to the date you wish to reserve. to see if spots are open, check the 'comeback[s] here' in the sidebar.">character guide</a></li>
  962. <li><a href="/character: aim rules" title="rules & regs for the tq blast chat.">group chat / aim rules. </a></li>
  963. <li><a href="/tq:premises" title="dormitories, and the building information for those who like to know and be kept up to date.">the building</a></ul>
  964.  
  965. <br><br>
  966.  
  967. <span style="text-align:center;font-family: 'Montserrat', sans-serif; font-size:30px;color:#eee;">GENERAL TAGS</span>
  968. <hr>
  969.  
  970. <li> <a href="http://tumblr.com/tagged/tq: scandals" title="instead of making a list of the scandals our idols have had, we've created a tag so that you can easily view them, if you want to post a scandal for your character feel free to! just make sure you tag it.">character scandals</a></li><li><a href="http://tumblr.com/tagged/tq: releases" title="please tag albums/mixtape's that you release and post to the dash so that other members may easily view all our releases!">character albums</a></li><li> <a href="http://tumblr.com/tagged/tq: most wanted" title="this is for our members to give a shout out for any face claim they are currently recruiting for. for example, akali is looking for a ilhoon to do a troublemaker-type verse for, her request will be posted in this tag.">wanted characters</a></li>
  971. <li> <a href="http://tumblr.com/tagged/tq: release" title="this is a tag that we post any releases made by our artists in.">releases</a></li>
  972. <li> <a href="http://tumblr.com/tagged/tq: welcome" title="this tag directly links you to any new members we post.">welcomes </a></li>
  973. <li> <a href="http://tumblr.com/tagged/tq: notice" title="this is for general notices issued by admins/pds.">notices </a></a>
  974. <li> <a href="http://tumblr.com/tagged/tq: reserve">reserved characters</a></li>
  975. <li> <a href="http://tumblr.com/tagged/tq: faq">answered questions</a> </li>
  976. </div>
  977.  
  978.  
  979.  
  980.  
  981.  
  982. <div id="post-parent">
  983. <!-- post wrapper. --->
  984.  
  985. <div class="autopagerize_page_element">
  986.  
  987. {block:Posts}
  988. <!--- open posts --->
  989. <div class="post-parent">
  990.  
  991.  
  992. <!-- top permalink -->
  993. {block:IndexPage}
  994. {block:Date}
  995. <div id="index-permalink" style="text-transform:uppercase; font-size:10px;">
  996. {DayOfWeek}, {Month} {DayOfMonth} {Year}
  997. <a href="{permalink}">{timeago}</a>
  998. <a href="{reblogurl}" style="position:absolute; right:25px; padding-left:10px; border-left:1px solid {color:background}">
  999. <img src="https://secure.static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"></a>
  1000. </div>
  1001. {/block:Date}
  1002. {/block:IndexPage}
  1003. <!-- end top permalink --->
  1004.  
  1005.  
  1006.  
  1007. <div class="posts">
  1008. <!--- posts interior --->
  1009.  
  1010.  
  1011.  
  1012.  
  1013. <!-- start block content source --->
  1014. {block:ContentSource}
  1015. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1016. {/block:SourceLogo}
  1017. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1018. {/block:ContentSource}
  1019. <!-- end block content source --->
  1020.  
  1021.  
  1022. <!-- start photo --->
  1023. {block:Photo}
  1024. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  1025.  
  1026. {block:Caption}
  1027. <div class="caption">
  1028. <div class="text-posts">
  1029. {Caption}
  1030. </div>
  1031. </div>
  1032. {/block:Caption}
  1033.  
  1034. {/block:Photo}
  1035. <!-- end photo --->
  1036.  
  1037.  
  1038. <!-- start photoset --->
  1039. {block:Photoset}
  1040. {photoset}
  1041.  
  1042. {block:Caption}
  1043. <div class="caption">
  1044. <div class="text-posts">
  1045. {Caption}
  1046. </div>
  1047. </div>
  1048. {/block:Caption}
  1049.  
  1050. {/block:Photoset}
  1051. <!-- end photoset --->
  1052.  
  1053.  
  1054.  
  1055. <!-- start video --->
  1056. {block:Video}
  1057. <div class="video" style="margin:25px;">
  1058. {Video-250}
  1059. </div>
  1060.  
  1061. {block:Caption}
  1062. <div class="caption">
  1063. {Caption}
  1064. </div>
  1065. {/block:Caption}
  1066.  
  1067. {/block:Video}
  1068. <!-- end video --->
  1069.  
  1070.  
  1071.  
  1072. <!-- start audio --->
  1073. {block:Audio}
  1074.  
  1075. <div class="audio-player">
  1076. {AudioPlayerWhite}
  1077. </div>
  1078.  
  1079. <div class="audio-info">
  1080. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1081. {block:Artist}<br>{Artist}{/block:Artist}
  1082. </div>
  1083.  
  1084. {block:Caption}
  1085. <div class="caption">
  1086. {Caption}
  1087. </div>
  1088. {/block:Caption}
  1089.  
  1090. {/block:Audio}
  1091.  
  1092.  
  1093.  
  1094. <!-- start text --->
  1095. {block:Text}
  1096.  
  1097. <div class="text-posts">
  1098. {Block:Title}<h2>{Title}</h2><hr>{/block:title}
  1099.  
  1100. {Body}
  1101. </div>
  1102.  
  1103. {/block:Text}
  1104. <!-- end text --->
  1105.  
  1106.  
  1107.  
  1108. <!-- start link --->
  1109. {block:Link}
  1110.  
  1111. <div class="post-links">
  1112. <a href="{URL}" {Target}>{Name}</a>
  1113. </div>
  1114.  
  1115. {block:Description}
  1116. <div class="caption" style="display:block">
  1117. {Description}
  1118. </div>
  1119. {/block:Description}
  1120.  
  1121. {/block:Link}
  1122. <!-- end link --->
  1123.  
  1124.  
  1125. <!-- start question --->
  1126. {block:Answer}
  1127. <table style="border-bottom:1px solid {color:background};padding-bottom:5px;margin-bottom:5px;">
  1128. <tr>
  1129. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-64}"></td>
  1130. <td style="vertical-align:top;"><strong>{Asker} asked:</strong> {Question}</td>
  1131. </tr>
  1132. </table>
  1133. {Answer}
  1134. {/block:Answer}
  1135. <!-- end question --->
  1136.  
  1137.  
  1138.  
  1139. <!-- start quote --->
  1140. {block:Quote}
  1141. <div class="post-quotes">
  1142. <div class="quote">
  1143. {Quote}
  1144. </div>
  1145. </div>
  1146. {/block:Quote}
  1147. <!-- end quote --->
  1148.  
  1149. <!-- start chat --->
  1150. {block:Chat}
  1151. <div class="chat-post">
  1152.  
  1153. {block:Title}
  1154. <h1>{Title}</h1>
  1155. {/block:Title}
  1156.  
  1157. {block:Lines}
  1158. <li class="chat-line {Alt}">
  1159. {block:Label}<b>{Label}</b>{/block:Label}
  1160. {Line}</li>
  1161. {/block:Lines}
  1162.  
  1163. </div>
  1164.  
  1165.  
  1166. {/block:Chat}
  1167. <!-- end chat --->
  1168.  
  1169. </div>
  1170.  
  1171. <!--- close interior of posts --->
  1172. {block:IndexPage}
  1173. {block:HasTags}
  1174. <div id="index-permalink" style="border-top:1px solid {color:background}; border-bottom:0px;">
  1175. <a style="position:absolute; left:10px; padding-right:10px; border-right:1px solid {color:background}"><img src="https://secure.static.tumblr.com/3yblkz0/wfTn2c29g/tag.png" style="margin-top:3px;margin-right:5px;"></a>
  1176.  
  1177. <div class="tag-scroller" style="width:320px; margin-left:35px; ">{block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>
  1178. </div>
  1179. {/block:HasTags}
  1180. {/block:IndexPage}
  1181.  
  1182. {block:Permalinkpage}
  1183. {block:Date}
  1184. <div class="permalink-page">
  1185. <div class="permalink-info">
  1186.  
  1187. <div style="border-bottom:1px solid {color:background}; width:300px; padding-top:5px; padding-bottom:5px; width:100%;"><img src="http://static.tumblr.com/3yblkz0/bWKn2c3l1/plan.png" style="padding-right:5px;"> posted on {DayOfWeek}, {Month} {DayOfMonth} {Year} ({12Hour}:{Minutes}{CapitalAmPm}) <div style="float:right;">{TimeAgo}</div> </div>
  1188.  
  1189. {block:NotReblog} <div style="border-bottom:1px solid {color:background}; width:300px; padding-top:5px; padding-bottom:5px; width:100%;"><img src="http://38.media.tumblr.com/84259412235787ec50f4465ce9df27da/tumblr_inline_n2ajd13R5r1r7v6wt.png" style="padding-right:5px;"> {block:RebloggedFrom}rebloggd from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {/block:RebloggedFrom} source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div> {/block:NotReblog}
  1190.  
  1191. <div style="border-bottom:1px solid {color:background}; width:300px; padding-top:5px; padding-bottom:5px; width:100%;"><img src="http://33.media.tumblr.com/b0ee1d7a2bf3305f765bdac6d78dae7e/tumblr_inline_n2aih4x7ur1r7v6wt.png" style="padding-right:5px;"> {NoteCountWithLabel} </div>
  1192.  
  1193. {block:HasTags} <div class="post-tags" style="border-bottom:0px solid {color:background};"><img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png" style="padding-right:5px;"> {block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags} </div>{/block:HasTags}
  1194.  
  1195. <div class="post-notes">
  1196. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1197. {/block:Date}
  1198. {/block:PermalinkPage}
  1199. </div>
  1200.  
  1201. {block:ContentSource}
  1202. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1203. {/block:SourceLogo}
  1204. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1205. {/block:ContentSource}
  1206.  
  1207. {/block:posts}
  1208.  
  1209. </div>
  1210. <!---closes the exterior wrapper of posts --->
  1211.  
  1212. </div>
  1213.  
  1214. <!-- closes the parent div. --->
  1215.  
  1216. </div>
  1217.  
  1218. <!-- closes auto element --->
  1219.  
  1220.  
  1221.  
  1222. </body>
  1223.  
  1224. <div id="popup-staff" class="popup_block">
  1225. <div id="staff-wrapper">
  1226. {block:Following}
  1227. {block:Followed}
  1228. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}"/></a>
  1229. {/block:Followed}
  1230. {/block:Following}
  1231. </div>
  1232. </div>
  1233.  
  1234.  
  1235. <div id="popup-tips" class="popup_block">
  1236. <div id="tips-wrapper">
  1237. <span style="text-align:center;
  1238. font-family: 'Montserrat', sans-serif;
  1239. font-size:30px;
  1240. color:#eee;">NEED HELP? </span>
  1241. <hr>
  1242. (1) how do we apply?<br>
  1243. we ask that you please read both our <a href="/character: guide">character guidelines</a> & our <a href="/guide">general guidelines</a>. <br> once you've read both, proceed to the <a href="/masterlist">masterlist</a> to make sure your desired face claim is open. if it is, then you can proceed to our <a href="/positions">positions</a> page to see what type of character you're interested in making. if you're interested in joining an already made band then you can check out our <a href="/character: lineup">line up page</a> to see what positions are open in what bands. <br><br>
  1244.  
  1245. still confused/ need more help? feel free to send us a message on the TUMBLR IM! or the inbox, which ever you prefer (we find the IM system is really helpful for long or confusing questions. ) <br><br><br>
  1246. (2) I'm already a member, and I want to schedule a comeback?<br>
  1247. first you need to consult the comeback sheet which can be found <a href="https://docs.google.com/spreadsheets/d/1V0AX8YtWauJf3iwHdfO_twb0nxRPU-SffcYNDliPoaA/">here</a>, as well as it's listed in the sidebar 'stat' column. if your date is open, then please send us an ask in the INBOX to reserve your 2 week schedule. you don't have to inform of us of every single event / promotion you will be doing within the 2 weeks, but we do need to know the start date and the finish date. you can ask for promotion extentions by talking to the admins on aim or through inbox.
  1248. </div>
  1249. </div>
  1250.  
  1251. </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!