API tools faq
paste
kimdahyun

Theme 10: Etiquette

kimdahyun
Oct 25th, 2015
493
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!--
  5. THEME X
  6. SEHUNEU THEMES. Do not reproduce.
  7. -->
  8.  
  9. <head><title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="image:Background" content="">
  16. <meta name="image:Sidebar" content="">
  17. <meta name="image:Header" content="">
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:PostBG" content="#ffffff"/>
  20. <meta name="color:Text" content="#8f8f8f"/>
  21. <meta name="color:SBLinks" content="#8f8f8f" />
  22. <meta name="color:SBLinksBG" content="#dfdfdf"/>
  23. <meta name="color:Link hover" content="#8f8f8f"/>
  24. <meta name="color:Post Links" content="#8f8f8f"/>
  25. <meta name="color:Hover" content="#8f8f8f"/>
  26. <meta name="color:ScrollbarBg" content="#8f8f8f"/>
  27. <meta name="color:InfoBG" content="#8f8f8f"/>
  28. <meta name="color:Some other light shade" content="#dfdfdf"/>
  29.  
  30. <meta name="text:Home URL" content="/">
  31. <meta name="text:Home" content="Home">
  32. <meta name="text:Ask URL" content="/">
  33. <meta name="text:Ask" content="Ask">
  34. <meta name="text:Link 1 URL" content="/">
  35. <meta name="text:Link 1" content="Link 1">
  36. <meta name="text:Link 2 URL" content="/">
  37. <meta name="text:Link 2" content="Link 2">
  38. <meta name="text:Link 3 URL" content="/">
  39. <meta name="text:Link 3" content="Link 2">
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. blockquote {
  45. font-size:10px;
  46. font-family:'calibri';
  47. max-width:250px;
  48. border-left:2px solid{color:Some other light shade};
  49. padding:10px;
  50. color:{color:text};
  51. background-color:{color:DescBG};}
  52.  
  53. code {
  54. font-size:9px;
  55. font-family:'calibri';
  56. color:{color:text};
  57. text-transform:uppercase;}
  58.  
  59. pre {
  60. font-family:'calibri';
  61. text-align:center;
  62. font-size:10px;
  63. max-width:250px;
  64. padding:10px ;
  65. color:{{color:text};}
  66. background-color: {color:SBLinks};}h1{
  67. font-family:'calibri';
  68. font-size:15px;
  69. text-align:center;
  70. text-transform:uppercase;
  71. background-color:{color:Some other light shade};
  72. color:{color:text};
  73. border-top:5px solid {color:PostBG};
  74. padding-top:8px;
  75. padding-bottom:5px;}
  76. small, sub {font-size:7px;color:text;}
  77. big {font-size:13px;}
  78.  
  79. body {
  80. font-family: 'calibri';
  81. font-weight:300;
  82. font-size:10px;
  83. background-image:url('{image:background}');
  84. background-attachment:fixed;
  85. color:{color:background};
  86. background-color:{color:background}; }
  87. a {
  88. color:{color:text};
  89. text-decoration:none;
  90. -webkit-transition:all 0.5s ease-in-out;
  91. -moz-transition:all 0.5s ease-in-out;
  92. -o-transition:all 0.5s ease-in-out;
  93. transition:all 0.5s ease-in-out;}
  94. a:hover, a:active { cursor:url('http://i.imgur.com/gqnjlwL.png'), crosshair;color:{color:Link hover};text-decoration:line-through}
  95. *, body { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }
  96.  
  97. .sidebar img{
  98. position:fixed;
  99. width:82px;
  100. height:82px;
  101. margin-left:336px;
  102. margin-top:265px;
  103. border-radius:5%;
  104. background-color:{color:Link hover};
  105. z-index:99999999999999999;
  106. opacity:1;
  107. }
  108.  
  109. .description {
  110. position:fixed;
  111. overflow:auto;
  112. height:93px;
  113. width:150px;
  114. margin-left:426px;
  115. margin-top:230px;
  116. padding:12px;
  117. opacity:1;
  118. text-align:justify;
  119. font-family: 'calibri';
  120. font-size:11px;
  121. background-color:{color:InfoBG};
  122. color:{color:text};
  123. z-index:9999999;
  124. }
  125.  
  126. .title {
  127. position:fixed;
  128. display:block;
  129. text-align:center;
  130. padding:4px;
  131. padding-top:6px;
  132. width:70px;
  133. margin-top:230px;
  134. margin-left:336px;
  135. font-family: 'calibri';
  136. text-transform:uppercase;
  137. font-size:12px;
  138. z-index:999999999;
  139. background-color:{color:PostBG};
  140. border:2px solid {color:InfoBG};
  141. color:{color:text};}
  142.  
  143. .flags {
  144. position:fixed;
  145. top:247px;
  146. margin-left:330px;
  147. text-align:center;
  148. text-transform:uppercase;
  149. font-weight:bold;
  150. font-size:10px;
  151. z-index:2147483607;
  152. font-family:calibri;}
  153.  
  154.  
  155. .flag1 {
  156. border:solid 5px {color:SBLinksBG};
  157. background-color:{color:SBLinksBG};
  158. padding-right:1px;
  159. right:00px;
  160. width:1px;
  161. height:2px;
  162. position:absolute;
  163. -moz-transition:all 0.7s ease-out;
  164. -webkit-transition:all 0.7s ease-out;
  165. -o-transition:all 0.7s ease-out;}
  166.  
  167. .flag1:hover {
  168. width:75px;}
  169.  
  170. .upd1 {
  171. position:absolute;
  172. width:110px;
  173. padding:10px;
  174. padding-right:0px;
  175. margin-right:-7px;
  176. right:-180px;
  177. margin-top:4px;
  178. opacity:0;
  179. -moz-transition:all 0.7s ease-out;
  180. -webkit-transition:all 0.7s ease-out;
  181. -o-transition:all 0.7s ease-out;}
  182.  
  183. .flag1:hover .upd1{
  184. right:0px;
  185. opacity:1;}
  186.  
  187.  
  188.  
  189. .flag2 {
  190. margin-top:22px;
  191. position:absolute;
  192. border:solid 5px {color:SBLinksBG};
  193. background-color:{color:SBLinksBG};
  194. padding-right:1px;
  195. right:00px;
  196. width:1px;
  197. height:2px;
  198. -moz-transition:all 0.7s ease-out;
  199. -webkit-transition:all 0.7s ease-out;
  200. -o-transition:all 0.7s ease-out;}
  201.  
  202. .flag2:hover {
  203. width:75px;}
  204.  
  205. .upd2 {
  206. position:absolute;
  207. width:110px;
  208. padding:10px;
  209. padding-right:0px;
  210. margin-right:-7px;
  211. right:-180px;
  212. margin-top:4px;
  213. opacity:0;
  214. -moz-transition:all 0.7s ease-out;
  215. -webkit-transition:all 0.7s ease-out;
  216. -o-transition:all 0.7s ease-out;}
  217.  
  218. .flag2:hover .upd2{
  219. right:0px;
  220. opacity:1;}
  221.  
  222. .flag3 {
  223. position:absolute;
  224. margin-top:44px;
  225. border:solid 5px {color:SBLinksBG};
  226. background-color:{color:SBLinksBG};
  227. padding-right:1px;
  228. right:00px;
  229. width:1px;
  230. height:2px;
  231. -moz-transition:all 0.7s ease-out;
  232. -webkit-transition:all 0.7s ease-out;
  233. -o-transition:all 0.7s ease-out;}
  234.  
  235. .flag3:hover {
  236. width:75px;}
  237.  
  238. .upd3 {
  239. position:absolute;
  240. width:110px;
  241. padding:10px;
  242. padding-right:0px;
  243. margin-right:-7px;
  244. right:-180px;
  245. margin-top:4px;
  246. opacity:0;
  247. -moz-transition:all 0.7s ease-out;
  248. -webkit-transition:all 0.7s ease-out;
  249. -o-transition:all 0.7s ease-out;}
  250.  
  251. .flag3:hover .upd3{
  252. right:0px;
  253. opacity:1;}
  254.  
  255. .flag4 {
  256. position:absolute;
  257. margin-top:66px;
  258. border:solid 5px {color:SBLinksBG};
  259. background-color:{color:SBLinksBG};
  260. padding-right:1px;
  261. right:00px;
  262. width:1px;
  263. height:2px;
  264. -moz-transition:all 0.7s ease-out;
  265. -webkit-transition:all 0.7s ease-out;
  266. -o-transition:all 0.7s ease-out;}
  267.  
  268. .flag4:hover {
  269. width:75px;}
  270.  
  271. .upd4 {
  272. position:absolute;
  273. width:110px;
  274. padding:10px;
  275. padding-right:0px;
  276. margin-right:-7px;
  277. right:-180px;
  278. margin-top:4px;
  279. opacity:0;
  280. -moz-transition:all 0.7s ease-out;
  281. -webkit-transition:all 0.7s ease-out;
  282. -o-transition:all 0.7s ease-out;}
  283.  
  284. .flag4:hover .upd4{
  285. right:0px;
  286. opacity:1;}
  287.  
  288. .flag5 {
  289. position:absolute;
  290. margin-top:88px;
  291. border:solid 5px {color:SBLinksBG};
  292. background-color:{color:SBLinksBG};
  293. padding-right:1px;
  294. right:00px;
  295. width:1px;
  296. height:2px;
  297. -moz-transition:all 0.7s ease-out;
  298. -webkit-transition:all 0.7s ease-out;
  299. -o-transition:all 0.7s ease-out;}
  300.  
  301. .flag5:hover {
  302. width:75px;}
  303.  
  304. .upd5 {
  305. position:absolute;
  306. width:110px;
  307. padding:10px;
  308. padding-right:0px;
  309. margin-right:-7px;
  310. right:-180px;
  311. margin-top:4px;
  312. opacity:0;
  313. -moz-transition:all 0.7s ease-out;
  314. -webkit-transition:all 0.7s ease-out;
  315. -o-transition:all 0.7s ease-out;}
  316.  
  317. .flag5:hover .upd5{
  318. right:0px;
  319. opacity:1;}
  320.  
  321.  
  322.  
  323.  
  324. .pagination {
  325. display:block;
  326. position:fixed;
  327. margin-top:346px;
  328. margin-left:511px;
  329. width:120px;
  330. height:23px;
  331. padding-top:7px;
  332. z-index:9;
  333. text-align:center;}
  334.  
  335. .pagination a {
  336. display:inline-block;
  337. font-family:'calibri';
  338. font-weight:300;
  339. text-decoration:none;
  340. text-transform:uppercase;
  341. font-size:11px;
  342. color:{color:text};
  343. padding:5px;
  344. padding-top:7px;
  345. border:solid 2px {color:InfoBG};
  346. background:#ffffff;
  347. -webkit-transition:all 0.5s ease-in-out;
  348. -moz-transition:all 0.5s ease-in-out;
  349. -o-transition:all 0.5s ease-in-out;
  350. transition:all 0.5s ease-in-out;
  351. z-index:9;
  352. }
  353.  
  354. .pagination a:hover{
  355. background:{color:InfoBG};
  356. border:solid 2px {color:InfoBG};
  357. text-decoration:none;
  358. color:{color:hover};
  359. -webkit-transition:all 0.5s ease-in-out;
  360. -moz-transition:all 0.5s ease-in-out;
  361. -o-transition:all 0.5s ease-in-out;
  362. transition:all 0.5s ease-in-out;}
  363.  
  364. .container{
  365. position:fixed;
  366. overflow:auto;
  367. height:640px;
  368. width:300px;
  369. padding-top:15px;
  370. padding-left:28px;
  371. border:2px solid {color:InfoBG};
  372. margin-left:600px;
  373. margin-top:20px;
  374. }
  375. .posts {
  376. width:270px;
  377. color:{color:text};}
  378.  
  379. .entries {
  380. width:250px;
  381. padding:10px;
  382. padding-bottom:10px;
  383. color:{color:text};
  384. overflow:hidden;
  385. background-color:{color:postbg};
  386. border:2px solid {color:InfoBG};
  387. }
  388.  
  389. .info {
  390. display:block;
  391. padding:10px;
  392. font-family:'calibri';
  393. text-align:center;
  394. color:{color:Post links};
  395. background-color:{color:InfoBG};
  396. margin-top:0px;
  397. margin-bottom:30px;
  398. margin-left:0px;
  399. width:254px;}
  400.  
  401. .info a {
  402. color:{color:Post Links};
  403. -webkit-transition:all 0.5s ease-in-out;
  404. -moz-transition:all 0.5s ease-in-out;
  405. -o-transition:all 0.5s ease-in-out;
  406. transition:all 0.5s ease-in-out;}
  407.  
  408. .info a:hover {
  409. color:{color:hover};
  410. -webkit-transition:all 0.5s ease-in-out;
  411. -moz-transition:all 0.5s ease-in-out;
  412. -o-transition:all 0.5s ease-in-out;
  413. transition:all 0.5s ease-in-out;}
  414.  
  415. .tags{
  416. text-align:right;
  417. }
  418.  
  419. .tags a {
  420. display:inline-block;
  421. margin-right:5px;
  422. background-color:{color:InfoBG};
  423. color:{color:Post Links};}
  424.  
  425. .post_title {
  426. display:block;
  427. padding:5px;
  428. text-align:center;
  429. font-size:15px;
  430. font-family:'calibri';
  431. text-transform:uppercase;}
  432.  
  433. .text {
  434. display:block;
  435. padding:5px;
  436. text-align:justify;
  437. color:{color:Text};
  438. }
  439.  
  440. .photo img {
  441. display:block;
  442. margin-bottom:5px; }
  443.  
  444. .quote {
  445. display:block;
  446. padding:10px;
  447. text-align:center;
  448. font-size:20px;
  449. font-family:'calibri';
  450. color:{color:text};
  451. background-color:{color:InfoBG};}
  452.  
  453. .source {
  454. display:block;
  455. padding:5px;
  456. text-align:right;
  457. font-size:9px;}
  458.  
  459. .chat li {
  460. display:block;
  461. padding:5px;
  462. color:{color:text};}
  463.  
  464. .audioimg img {
  465. width:60px;
  466. height:60px;
  467. opacity:0.4;
  468. color:{color:text};
  469. font-family:'calibri';
  470. text-align:center;
  471. text-transform:uppercase;}
  472.  
  473. .audioinfo {
  474. color:{color:Text};line-height:80%;}
  475.  
  476. .question {
  477. display:block;
  478. margin-top:12px;
  479. text-align:center;
  480. text-transform:Uppercase;
  481. font-size:12px;
  482. font-family:'calibri'';
  483. font-style:normal;
  484. min-height:40px;
  485. width:250px;
  486. color:{color:text};
  487. background-color:{color:InfoBG};
  488. line-height:25px;}
  489.  
  490. .question img {
  491. margin-right:5px;
  492. margin-bottom:-10px;}
  493.  
  494. .asker{
  495. color:{color:text};
  496. font-family:'calibri';
  497. font-size:14px;
  498. display:block;
  499. text-align:right;
  500. height:20px;
  501. padding-top:5px;
  502. margin-top:-7px;
  503. margin-bottom:-22px;
  504. background-color:#ffffff;
  505. padding-bottom:5px;
  506. letter-spacing:2px;
  507. z-index:99999;
  508. }
  509.  
  510.  
  511. .notes {
  512. font-family:'calibri';
  513. text-align:left;
  514. text-transform:uppercase;
  515. font-size:8px;
  516. width:270px;
  517. margin-left:-30px;
  518. margin-top:20px;
  519. color:{color:text};
  520. background-color:rgba(0,0,0,0);
  521. }
  522.  
  523. .notes a{
  524. color:{color:SBLINKSBG};
  525. }
  526.  
  527. .notes li{
  528. list-style-type:none;
  529. background-color:rgba(0,0,0,0);
  530. padding:5px;
  531. }
  532.  
  533. .notes img {
  534. opacity:0;
  535. display:none;
  536. }
  537.  
  538.  
  539. ::-webkit-scrollbar {
  540. width: 7px;
  541. height: 0px;
  542. right:5px;
  543. top:20px;
  544. }
  545.  
  546. ::-webkit-scrollbar-track {
  547. border-left:2px solid {color:scrollbarBG};
  548. border-right:2px solid {color:scrollbarBG};
  549.  
  550. background:{color:InfoBG};
  551. }
  552.  
  553. ::-webkit-scrollbar-thumb {
  554. background:#ffffff;
  555. border:2px solid {color:InfoBG};
  556. }
  557.  
  558. ::-webkit-scrollbar-thumb:window-inactive {
  559. background:#ffffff;
  560. height:10px;
  561. }
  562.  
  563.  
  564. #credit {
  565. position:fixed;
  566. font-family:'calibri';
  567. color:{color:Link hover};
  568. text-transform:uppercase;
  569. font-size:10px;
  570. background-color:{color:postbg};
  571. right:10px;
  572. bottom:10px;
  573. padding:5px;
  574. opacity:1;
  575. border:2px solid {color:InfoBG};
  576. }
  577.  
  578. </style>
  579.  
  580. </head>
  581. <body>
  582.  
  583. </ul>
  584. <div class="header"></div>
  585. <div class="sidebar"><img src="{image:sidebar}"></div>
  586.  
  587. </div>
  588.  
  589. <div class="flags">
  590. <div class="flag1"><div class="upd1">
  591. {block:ifHome}<a href="{text:Home URL}"><font color="{color:SBLinks}">{text:Home}</font></a>{/block:ifHome}
  592.  
  593.  
  594. </div></div>
  595.  
  596. <div class="flag2"><div class="upd2">
  597. {block:ifAsk}<a href="{text:Ask URL}"><font color="{color:SBLinks}">{text:Ask}</font></a>{/block:ifAsk}
  598.  
  599. </div></div>
  600.  
  601. <div class="flag3"><div class="upd3">
  602. {block:ifLink1}<a href="{text:Link 1 URL}"><font color="{color:SBLinks}">{text:Link 1}</font></a>{/block:ifLink1}
  603.  
  604. </div></div>
  605.  
  606. <div class="flag4"><div class="upd4">
  607. {block:ifLink2}<a href="{text:Link 2 URL}"><font color="{color:SBLinks}">{text:Link 2}</font></a>{/block:ifLink2}
  608.  
  609. </div></div>
  610.  
  611. <div class="flag5"><div class="upd5">
  612. {block:ifLink3}<a href="{text:Link 3 URL}"><font color="{color:SBLinks}">{text:Link 3}</font></a>{/block:ifLink3}
  613.  
  614. </div></div>
  615.  
  616. </div></div>
  617.  
  618. </div>
  619.  
  620. {block:Pagination}
  621. <div class="pagination">
  622. {block:PreviousPage}
  623. <a href="{PreviousPage}">← fall</a>
  624. {/block:PreviousPage}
  625.  
  626. {block:NextPage}
  627. <a href="{NextPage}">rise →</a>
  628. {/block:NextPage}
  629. </div>
  630. {/block:Pagination}
  631.  
  632. </div>
  633. <div class="title">{Title}</div></div></div>
  634. <div class="description">
  635. {Description}
  636. </div></div>
  637.  
  638. <div class="container">
  639. <div class="posts">
  640.  
  641. {block:Posts}
  642.  
  643. <div class="entries">
  644.  
  645.  
  646.  
  647. {block:Text}
  648.  
  649. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  650. <div class="text">{Body}</div>
  651.  
  652. {/block:Text}
  653.  
  654.  
  655. {block:Photo}
  656.  
  657. <div class="photo"><center><img src="{PhotoURL-250}"/></center></div>
  658. <div class="text">{Caption}</div>
  659.  
  660. {/block:Photo}
  661.  
  662.  
  663. {block:Photoset}
  664.  
  665. <center><div class="photo">{Photoset-250}</div></center>
  666. <div class="text">{Caption}</div>
  667.  
  668. {/block:Photoset}
  669.  
  670.  
  671. {block:Quote}
  672.  
  673. <div class="quote">"{Quote}"</div>
  674. <div class="source">{Source}</div>
  675.  
  676. {/block:Quote}
  677.  
  678.  
  679. {block:Link}
  680.  
  681. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  682. {block:Description}<div class="text">{Description}</div>{/block:Description}
  683.  
  684. {/block:Link}
  685.  
  686.  
  687. {block:Chat}
  688.  
  689. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  690. <div class="chat">
  691. <ul>
  692. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  693. </ul>
  694. </div>
  695.  
  696. {/block:Chat}
  697.  
  698. {block:Audio}
  699.  
  700. <table>
  701. <tr>
  702. <td>
  703. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  704. </td>
  705. <td>
  706. <div class="audioplayer">{AudioPlayerWhite}</div>
  707. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  708. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  709. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  710. </td>
  711. </tr>
  712. </table>
  713. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  714.  
  715. {/block:Audio}
  716.  
  717. {block:Video}
  718.  
  719. <center><div class="photo">{VideoEmbed-250}</div></center>
  720. <div class="text">{Caption}</div>
  721.  
  722. {/block:Video}
  723.  
  724.  
  725. {block:Answer}<div id="answer">
  726. <div class="question">
  727. <div class="asker">{Asker}</div><br/><div class="q">{Question}</div></div>
  728. {block:Answerer}<br/><br/><div class="question"><div class="asker">{Answerer}</div><br/><div class="q">{Answer}</div></div>{/block:Answerer}{Replies}</div>{/block:Answer}
  729.  
  730. </div>
  731. <div class="info">
  732. <a><a href="{Permalink}"> {12Hour}:{Minutes}{CapitalAmPm} | {TimeAgo}</a></a>
  733. | {NoteCountWithLabel}<br>
  734. {block:HasTags}
  735. <div class="tags">tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  736. {/block:HasTags}</div>
  737. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  738. {/block:Posts}
  739.  
  740. </div>
  741. {/block:PermalinkPage}
  742. </div>
  743.  
  744. </div>
  745. </div>
  746. <div id="credit">
  747. <a href="http://bravesound.co.vu/" title="creator">作者</a>
  748. </div>
  749. </div>
  750. </div>
  751.  
  752. </body>
  753.  
  754. </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!