API tools faq
paste
Advertisement
tasty2punch

seunghyun theme 20140124

tasty2punch
Jan 24th, 2014
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 15.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html>
  5. <head>
  6.  
  7. <THEME BY @RAININGFIRES>
  8.  
  9.  
  10. <title>{Title}</title>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl74gHrDR1qfamg6.gif" />
  13. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  14.  
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <meta name="color:Background" content="#FFFFF"/>
  20. <meta name="color:Font" content="#b6b4b2"/>
  21. <meta name="color:Link" content="#666666"/>
  22. <meta name="color:Link Hover" content="#e8d284"/>
  23. <meta name="color:Border" content="#f8f8f8"/>
  24. <meta name="text:Link 1" content="http://legit-songsari.tumblr.com/submit" />
  25. <meta name="text:Link 1 Text" content="submit" />
  26. <meta name="text:Link 2" content="http://legit-songsari.tumblr.com/archive" />
  27. <meta name="text:Link 2 Text" content="archive" />
  28. <meta name="text:Link 3" content="http://legit-songsari.tumblr.com/peeps" />
  29. <meta name="text:Link 3 Text" content="family" />
  30. <meta name="text:Link 4" content="http://legit-rp.tumblr.com" />
  31. <meta name="text:Link 4 Text" content="legit" />
  32. <meta name="text:Link 5" content="http://fncrpdirectory.tumblr.com" />
  33. <meta name="text:Link 5 Text" content="fncrp" />
  34. <meta name="text:Link 6" content="/ftisland" />
  35. <meta name="text:Link 6 Text" content="ftisland" />
  36. <meta name="image:Sidebar" content="http://static.tumblr.com/cb3fd2e7aba90342958e42fb3dee66de/kcrovzm/MRDmvty74/tumblr_static_sariyellowside.png"/>
  37. <meta name="image:Background" content="" />
  38. <meta name="if:ShowLink1" content="1" />
  39. <meta name="if:ShowLink2" content="1" />
  40. <meta name="if:ShowLink3" content="0" />
  41. <meta name="if:ShowLink4" content="0" />
  42. <meta name="if:ShowLink5" content="0" />
  43. <meta name="if:ShowLink6" content="0" />
  44.  
  45.    
  46.    
  47.  
  48. </head>
  49.  
  50. <body>
  51.  
  52. <style type="text/css">
  53.  
  54. ::-webkit-scrollbar-thumb:vertical {
  55. background-color:{color:link hover};
  56. height:10px;
  57. }
  58.  
  59. ::-webkit-scrollbar {
  60. height:0px;
  61. width:8px;
  62. background-color:white;
  63. }
  64.  
  65.  
  66. body {
  67. background-color: {color:Background};
  68. background-image: url({image:Background});
  69. background-attachment: fixed;
  70. font-family: georgia, cambria, consolas, georgia;
  71. font-size: 10px; letter-spacing: 1px;
  72. line-height: auto; font-style: none;
  73. font-color: {color:Font};
  74. }
  75.  
  76. a, a:link, a:visited, a:active {
  77. color: {color:Link};
  78. text-decoration: none;
  79. font-weight: normal;
  80. -webkit-transition:all 0.5s ease-out;
  81. -moz-transition:all 0.5s ease-out;
  82. transition:all 0.5s ease-out;}
  83.  
  84. a:hover {
  85. color: {color:Link Hover};
  86. text-decoration: none;
  87. font-weight: normal;
  88. -webkit-transition: all 0.3s ease-out;
  89. -moz-transition: all 0.3s ease-out;
  90. transition: all 0.3s ease-out;
  91. cursor: help;
  92. }
  93.  
  94. ol.notes {
  95. display : block;
  96. background-repeat : no-repeat;
  97. vertical-align : middle;
  98. text-decoration : none;
  99. margin-bottom : 1px;
  100. font-color: {color:font};
  101. list-style-type: none;
  102. margin-left: -40px;
  103.  }
  104. ol.notes li.note {
  105. padding: 2px;}
  106. ol.notes li.note img.avatar {display: none; font-color: {color:font};}
  107. ol.notes li.note span.action {font-color: {color:font};}
  108. ol.notes li.note .answer_content {font-weight: normal;font-color: {color:font};}
  109. ol.notes li.note blockquote {border-color: {color:post info};padding: 2px 2px;margin: 10px 0px 0px 25px;font-color: {color:font};}
  110. ol.notes li.note blockquote a {text-decoration: none;font-color: {color:font};}
  111.  
  112. i, em {font-style:italic;}
  113. u {text-decoration:underline;}
  114. /**strong, b, strong a, strong a:visited, b a, b a:visited {font-weight: bold; color: {color:font}}**/
  115. small, small a, small a:visited {font-size: 9px; line-height: 16px;}
  116.  
  117. ul {
  118. list-style-type: square;
  119. }
  120.  
  121. img { border:0px; max-width: 400px; height: auto;}
  122. img:hover { border:0px;}
  123. a.img, a.img:visited { border:0px;}
  124. a.img:hover { border:0px;}
  125.  
  126. h1, h3, h1 a, h3 a, h1 a:link, h3 a:link {
  127. font-family: cambria;
  128. font-size: 11px;
  129. padding-bottom: 0px;
  130. font-weight: 500;
  131. color: #333;
  132. letter-spacing: 1px;
  133. text-transform: uppercase;
  134. }
  135.  
  136. /*h1 a, h1 a:link, {
  137.     color: #333;
  138. }
  139.  
  140. h3 a, h3 a:link {
  141.     color: #333;
  142. }*/
  143.  
  144. h1, h3 {
  145.     text-align:center;
  146.     color: #333;
  147.     border-bottom: 1px dotted {color:border};
  148.     padding-bottom: 5px;
  149. }
  150.  
  151. h1 a:hover, h3 a:hover {
  152. text-decoration: none;
  153. color: {color:link hover};
  154. }
  155.  
  156.  
  157. .sidebar {
  158. padding: 10px;
  159. width: 300px;
  160. /**margin-top: 90px;**/
  161. top: 25%;
  162. position: fixed;
  163. color: {color:Font};
  164. margin-left: 35px;
  165. line-height: 12px;
  166. }
  167.  
  168.  
  169. #container {
  170. width: 850px;
  171. margin: auto;
  172. margin-bottom: 70px;
  173. }
  174.  
  175.  
  176. #posts {
  177. width: 400px;
  178. margin-top: 25px;
  179. margin-left: 390px;
  180. text-align: justify;
  181. background-color: {color:Background};
  182. font-style: none;
  183. }
  184.  
  185. img { max-width: 100%; height: auto; }
  186.  
  187. .post {
  188. margin: auto;
  189. margin-top: 30px;
  190. width: 400px;
  191. padding: 0px;
  192. padding-top: 10px;
  193. margin-bottom: 0px;
  194. background-color: {color:Background};
  195. font-family: cambria, consolas, georgia;
  196. font-size: 10px;
  197. line-height: 14px;
  198. color: {color:Font};
  199. font-style: normal;
  200. }
  201.  
  202. .caption {
  203. font-size: 10px;
  204. line-height:14px;
  205. color: {color:Font};
  206. }
  207.  
  208. .post text {
  209. margin-top: 0px;
  210. text-transform: none;
  211. }
  212.  
  213. .photo img:hover {
  214. filter: alpha(opacity=100);}
  215. .photo img {
  216. max-width: 400px;
  217. border:0px;}
  218. .photo img:hover {
  219. max-width: 400px;
  220. }
  221.  
  222. .centeredImage {
  223. display: block;
  224. text-align:center;
  225. margin-top:0px;
  226. margin-bottom:5px;
  227. padding:0px;
  228. }
  229.  
  230. .quote {
  231. width: 400px;
  232. color: {color:Quote};
  233. }
  234.  
  235. blockquote {
  236. display: block;
  237. margin-right: 10px;
  238. margin-left: 10px;
  239. background: {color:Background};
  240. font-size: 10px;
  241. padding-left: 7px;
  242. padding-right: 0px;
  243. color: {color:font};
  244. border-left: 1px solid{color:border};
  245. text-transform: none;
  246. font-style: none;
  247. /**width: 350px;**/
  248. }
  249.  
  250. span {
  251. /**font-weight: bold;**/
  252. }
  253.  
  254. .chat {
  255.     text-transform: none;
  256. }
  257.  
  258. .label {
  259.     font-family: 'trebuchet ms';
  260.     font-size: 8px;
  261.     text-transform: uppercase;
  262.     font-weight: normal;
  263.     color: #666;
  264. }
  265.  
  266. .chat ul {
  267. list-style-type: none;
  268. width: 400px;
  269. display: block;
  270. margin: auto;
  271. padding: 0px;
  272. font-style: georgia;
  273. text-transform: none;
  274. font-spacing: 1px;
  275. }
  276.  
  277. .odd {
  278. padding: 6px;
  279. color: {color:font};
  280. }
  281.  
  282. .even {
  283. padding: 6px;
  284. /*color: {color:link};*/
  285. }
  286.  
  287. .source, .source blockquote {
  288. font-family: trebuchet ms, cambria, consolas, georgia;
  289. font-size: 7px;
  290. line-height: 14px;
  291. color: {color:font};
  292. font-style: normal;
  293. text-transform: none;
  294. padding-top: 10px;
  295. text-align: right;
  296. }
  297.  
  298.  
  299. .footer {
  300. display: none;
  301. }
  302.  
  303.  
  304. .date {
  305. /*font-family: Cambria, georgia;
  306. font-size: 10px;
  307. text-transform: lowercase;*/
  308. color: {color:font};
  309. }
  310.  
  311. .date a {
  312. color: {color:link};
  313. text-decoration: none;
  314. font-weight: normal;
  315. -webkit-transition:all 0.5s ease-out;
  316. -moz-transition:all 0.5s ease-out;
  317. transition:all 0.5s ease-out;
  318. }
  319.  
  320. .date a:hover {
  321. color: {color:link hover};
  322. text-decoration: none;
  323. font-weight: normal;
  324. -webkit-transition: all 0.3s ease-out;
  325. -moz-transition: all 0.3s ease-out;
  326. transition: all 0.3s ease-out;
  327. }
  328.  
  329. .stats {font-family: cambria, consolas, georgia;
  330. font-size: 10px;
  331. text-transform: lowercase;
  332. color: {color:font};
  333. letter-spacing: 0px;
  334. font-style: none;
  335. padding: 2px;
  336. background-color: {color:ask};
  337. text-align: left;
  338. margin-top: 5px;}
  339.  
  340. .note_count {
  341. text-align: center;
  342. font-family: cambria, consolas, georgia;
  343. text-transform: uppercase;
  344. font-size: 10px;
  345. }
  346.  
  347. .fnotes {
  348. text-align: right;
  349. /*font-family: georgia;
  350. text-transform: lowercase;
  351. font-size: 10px;*/
  352. margin-bottom:-14px;
  353. }
  354.  
  355.  
  356. .meta a {
  357. color: {color:link};
  358. /**font-size: 10px
  359. text-transform: lowercase;**/
  360. text-decoration: none;
  361. font-weight: normal;
  362. -webkit-transition: all 0.3s ease-out;
  363. -moz-transition: all 0.3s ease-out;
  364. transition: all 0.3s ease-out;
  365. line-height: 9px;
  366. }
  367.  
  368. .meta a:hover {
  369. color: {color:link hover};
  370. text-decoration: none;
  371. font-weight: normal;
  372. -webkit-transition: all 0.3s ease-out;
  373. -moz-transition: all 0.3s ease-out;
  374. transition: all 0.3s ease-out;
  375. }
  376.  
  377. .meta {
  378. font-family: trebuchet ms, calibri, cambria, consolas, georgia;
  379. font-size: 7px; text-transform: uppercase;
  380. color: #deea27;
  381. margin-bottom: 5px;
  382. border-top: 1px solid {color:border};
  383. padding-top: 10px;
  384. }
  385.  
  386. .tumblr_blog, .text { text-transform: none; }
  387.  
  388. .albumart img {
  389. float: left;
  390. margin-right: 20px;
  391. width: 26px;
  392. height: 26px;
  393. }
  394.  
  395. .audioback {
  396. background-color: White;
  397. display:block;
  398. margin-left:30px;
  399. }
  400.  
  401.  
  402. select, textarea, .textfield {
  403. width: 200px;
  404. background-color: #FFFFFF;
  405. font-size: 10px;
  406. line-height: 14px;
  407. color: #9F9F9F;
  408. text-decoration: none;
  409. text-transform: lowercase;
  410. }
  411.  
  412. .button, input {
  413. width: 35px;
  414. background-color: #FFFFFF;
  415. font-size: 10px;
  416. line-height: 14px;
  417. color: #9F9F9F;
  418. text-decoration: none;
  419. border: 1px solid;
  420. border-color: #E4E4E4;
  421. text-transform: lowercase;
  422. }
  423.  
  424. .post answer {
  425. background-color: #FFFFFF;
  426. width: 400px;
  427. }
  428.  
  429. #question {
  430. background-color: {color:Background};
  431. width: 400px;
  432. height: auto;
  433. margin: auto;
  434. font-family: cambria, consolas, georgia;
  435. font-size: 16px;
  436. line-height: 22px;
  437. color: #a99d95;
  438. font-weight: 500;
  439. letter-spacing: 0px;
  440. font-style: italic;
  441. }
  442.  
  443.  
  444. hr {
  445. display: none;
  446. }
  447.  
  448. .pagination, .pagination a {
  449. text-align: center;
  450. color: {color:link hover};
  451. text-transform: uppercase;
  452. width: 70px;
  453. font-family: georgia;
  454. font-size: 43px;
  455. margin-top: 20px;
  456. }
  457.  
  458. .pagination a:hover {
  459.     color: {color:link};
  460. }
  461.  
  462. .askerb {
  463. font-family: cambria, consolas, georgia;
  464. font-size: 10px;
  465. text-transform: uppercase;
  466. color: {color:link};
  467. padding-left: 10px;
  468. padding-right: 10px;
  469. }
  470.  
  471. .description {
  472. font-family: Cambria, georgia;
  473. font-size: 10px;
  474. }
  475.  
  476. .description img {
  477. border: 5px solid {color:Border};
  478. margin-bottom: 5px;
  479. margin-left: -5px;
  480. }
  481. .askerb2 {
  482. font-family: georgia, cambria, consolas, georgia;
  483. font-size: 9px;
  484. text-transform: none;
  485. color: {color:font};
  486. padding-left: 10px;
  487. padding-right: 10px;
  488. }
  489.  
  490. .answerb {
  491. font-family: cambria, consolas, georgia;
  492. font-size: 10px;
  493. text-transform: lowercase;
  494. color: {color:font};
  495. margin-top: -5px;
  496. }
  497. .askerb a {
  498. color: {color:link};
  499. }
  500.  
  501. .askbox {
  502. background: {color:background};
  503. margin:0px 0px 0px 0px;
  504. text-align: left;
  505. font-family: cambria, consolas, georgia;
  506. font-size: 10px;
  507. text-transform: lowercase;
  508. padding-bottom: 5px;
  509. border-bottom: 2px dotted {color:Border};
  510. }
  511.  
  512. .toptitle {
  513. font-family: georgia;
  514. font-size: 18px;
  515. text-transform: lowercase;
  516. color: {color:link hover};
  517. }
  518.  
  519. .sublinks {
  520. margin-top: 2px;
  521. font-family: Consolas, Cambria, georgia;
  522. font-size: 9px;
  523. text-transform: uppercase;
  524. letter-spacing: 1px;
  525. color: {color:link};
  526. padding-bottom: 8px;
  527. }
  528.  
  529. .sublinks a {
  530. font-family: Consolas, Cambria, georgia;
  531. font-size: 9px;
  532. text-transform: uppercase;
  533. letter-spacing: 1px;
  534. color: {color:link};
  535. padding-bottom: 8px;
  536. }
  537.  
  538. .sublinks a:hover{
  539. font-family: Consolas, Cambria, georgia;
  540. font-size: 9px;
  541. text-transform: uppercase;
  542. letter-spacing: 1px;
  543. color: {color:font};
  544. padding-bottom: 8px;
  545. }
  546.  
  547. .sublinks2 a {
  548. font-family: Consolas, Cambria, georgia;
  549. font-size: 9px;
  550. text-transform: uppercase;
  551. letter-spacing: 1px;
  552. color: {color:font};
  553. }
  554.  
  555. .sublinks2 a:hover{
  556. font-family: Consolas, Cambria, georgia;
  557. font-size: 9px;
  558. text-transform: uppercase;
  559. letter-spacing: 1px;
  560. color: {color:link};
  561. }
  562.  
  563. .lenote {
  564. color: {color:font};
  565. }
  566.  
  567. </style>
  568. </head>
  569.  
  570. <body>
  571.  
  572.  
  573. <div id="container">
  574.  
  575. <div class="sidebar">
  576.  
  577. <center>
  578. <div class="toptitle"><i>{title}</i></div>
  579. <div class="sublinks">
  580. <a href="/">HOME</a>
  581. <a href="/ask"> ASKBOX</a>  
  582. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}<a>{/block:IfShowLink1}
  583. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  584. </div>
  585.  
  586. <div class="description">
  587. <img src="{image:Sidebar}" width="250">
  588.  
  589. <div class="sublinks2">
  590. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  591. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  592. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  593. {block:IfShowLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfShowLink6}
  594. </div>
  595.  
  596. {Description}
  597. </div>
  598.  
  599. <center>
  600. {block:Pagination}
  601. <div class="pagination">
  602. {block:PreviousPage}
  603. <a href="{PreviousPage}">-</a>
  604. {/block:PreviousPage}
  605.  {block:NextPage}
  606. <a href="{NextPage}">+</a>
  607. {/block:NextPage}
  608. </div>
  609. {/block:Pagination}
  610.  
  611.  
  612.  
  613. </div>
  614.  
  615. <div id="posts">
  616.  
  617. {block:Posts}
  618.  
  619. {block:Text}
  620. <div class="post text">
  621. {block:Title}
  622. <h3><a href="{Permalink}">{Title}</a></h3>
  623. {/block:Title}
  624.  
  625. {Body}
  626. </div>
  627. {/block:Text}
  628.  
  629.  
  630.  
  631. {block:Photo}
  632. <div class="post photo">
  633. <p class="centeredImage"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></p>
  634. {block:Caption}
  635. <div class="caption">{Caption}</div>
  636. {/block:Caption}
  637. </div>
  638. {/block:Photo}
  639.  
  640.  
  641. {block:Photoset}
  642. <div class="post photoset">
  643. <div style="margin-bottom: 5px;">
  644. {Photoset-400}
  645. {block:Caption}
  646. <div class="caption">{Caption}</div>
  647. {/block:Caption}
  648. </div></div>
  649. {/block:Photoset}
  650.  
  651.  
  652. {block:Quote}
  653. <div class="post quote">
  654. <div style="margin-bottom: 5px;">
  655. <div style="color: {color:font}; font-size: 10px; line-height: 15px;
  656. font-style: italic; font-family: georgia; font-weight: normal; letter-spacing: 1px;text-transform:none;">&mdash; {Quote} &mdash;</div>
  657. {block:Source}
  658. <div class="source" style="text-transform:uppercase;">- {Source}</div>
  659. {/block:Source}
  660. </div>
  661. </div>
  662. {/block:Quote}
  663.  
  664.  
  665. {block:Link}
  666. <div class="post link">
  667. <h1><a href="{URL}" class="link" {Target}>{Name} ?</a></h1>
  668. {block:Description}
  669. <div class="description">{Description}</div>
  670. {/block:Description}
  671. </div>
  672. {/block:Link}
  673.  
  674.  
  675. {block:Chat}
  676. <div class="post chat">
  677. <div style="margin-bottom: 5px;">
  678. {block:Title}
  679. <h1><a href="{Permalink}">{Title}</a></h1>
  680. {/block:Title}
  681. <ul class="chat">
  682. {block:Lines}
  683. <li class="{Alt} user_{UserNumber}">
  684. {block:Label}
  685. <span class="label">{Label}</span>
  686. {/block:Label}
  687. {Line}
  688. </li>
  689. {/block:Lines}
  690. </ul>
  691. </div>
  692. </div>
  693. {/block:Chat}
  694.  
  695.  
  696. {block:Video}
  697. <div class="post video">
  698. <div style="margin-top: 0px;">
  699. <center>{Video-400}</center>
  700. {block:Caption}
  701. <div class="caption">{Caption}</div>
  702. {/block:Caption}
  703. </div></div>
  704. {/block:Video}
  705.  
  706.  
  707. {block:Audio}
  708. <div class="post audio">
  709. <div style="margin-top: 0px;">
  710. {block:AlbumArt}
  711. <div class="albumart"><img src="{AlbumArtURL}"></div>
  712. {/block:AlbumArt}
  713. <span class="audioback"><center>
  714. {AudioPlayerWhite}</center></span>
  715. {block:Caption}
  716. <div class="caption">{Caption}</div>
  717. {/block:Caption}
  718. </div></div>
  719. {/block:Audio}
  720.  
  721. {block:Answer}
  722. <div class="post answer">
  723. <div class="askbox"><div class="askerb">{Asker} said:</div><div class="askerb2">{Question}</div></div>
  724. <div class="answerb">{Answer}</div>
  725. </div>
  726. {/block:Answer}
  727.  
  728.  
  729. <div class="meta"><div class="fnotes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{block:Date}<div class="date"><center>posted: <a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>, {12Hour}:{Minutes}{CapitalAmPm} {block:RebloggedFrom}/ <a href="{ReblogParentURL}" title="via: {ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">&copy;</a>{/block:RebloggedFrom}<br>
  730. {block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}</center>
  731.  
  732. <div class="lenote">
  733. {block:PostNotes}{PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
  734. </div>
  735. </div>  
  736.  
  737.  
  738. {/block:Date}
  739.  
  740. {/block:Posts}
  741.  
  742.  
  743. </div>
  744. </div>
  745.  
  746. <div style="position:fixed; color:{color:font}; bottom:3px; right:3px;font-family:Trebuchet MS;font-size:7px;">
  747. <a href="http://rainingfires.tumblr.com" color="{color:link hover}">T H E M E</i></div>
  748.  
  749. </div>
  750. </body>
  751. </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!