Advertisement
gwentee

BANGTAN BOYS V.1

Nov 26th, 2015
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:description" context="#413f3f">
  15. <meta name="color:text" content="#aaaaaa"/>
  16. <meta name="color:bold" content="#ccdd66"/>
  17. <meta name="color:italic" content="#dfea98"/>
  18. <meta name="color:underline" content="#cccccc"/>
  19. <meta name="color:title" content="#aaaaaa"/>
  20. <meta name="color:first letter" content="#aaaaaa"/>
  21. <meta name="color:menu" content="#ccdd66"/>
  22. <meta name="color:links" content="#FFFFFF">
  23. <meta name="color:links hover" context="#413f3f">
  24. <meta name="color:sidebar bg" content="#ffffff"/>
  25. <meta name="color:description bg" content="#ffffff"/>
  26. <meta name="color:post bg" content="#ffffff"/>
  27. <meta name="color:post border" content="#ffffff"/>
  28. <meta name="color:border" content="#3bb5bb"/>
  29. <meta name="color:ask bubble" content="#ebf1c2"/>
  30. <meta name="color:scrollbar" content="#ecf2c1">
  31. <meta name="color:selection text" content="#888888"/>
  32. <meta name="color:selection bg" content="#eeeeee"/>
  33.  
  34. <meta name="image:sidebar img" content=""/>
  35. <meta name="image:bg" content=""/>
  36.  
  37. <meta name="text:link 1" content="link 1"/>
  38. <meta name="text:link 1 url" content="/"/>
  39. <meta name="text:link 2" content="link 2"/>
  40. <meta name="text:link 2 url" content="/"/>
  41. <meta name="text:link 3" content="link 3"/>
  42. <meta name="text:link 3 url" content="/"/>
  43. <meta name="text:link 4" content="link 4"/>
  44. <meta name="text:link 4 url" content="/"/>
  45. <meta name="text:link 5" content="link 5"/>
  46. <meta name="text:link 5 url" content="/"/>
  47. <meta name="text:link 5" content="link 5"/>
  48. <meta name="text:link 5 url" content="/"/>
  49. <meta name="text:link 6" content="link 6"/>
  50. <meta name="text:link 6 url" content="/"/>
  51.  
  52. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  53.  
  54. <script src="toggle.js" type="text/javascript"><!—mce:1—></script>
  55.  
  56. <script type="text/javascript">
  57.  
  58. $(window).load(function(){
  59.  
  60. $("#description").hide();
  61.  
  62. $("#sidebar").mouseover(function() {
  63.  
  64. $("#description").slideDown("slow");
  65.  
  66. });
  67.  
  68. $("#sidebar").mouseleave(function() {
  69.  
  70. $("#description").slideUp("slow");
  71.  
  72. });
  73.  
  74. });
  75.  
  76. </script>
  77.  
  78. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  79. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("[title]").style_my_tooltips();
  84. });
  85. })(jQuery);
  86. </script>
  87.  
  88. <style type="text/css">
  89.  
  90. /* scrollbar */
  91.  
  92. ::-webkit-scrollbar { width: 7px; }
  93. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  94. ::-webkit-scrollbar-thumb:vertical {
  95. width: 1px;
  96. background-color: {color:scrollbar}; /**scrollbar colour**/
  97. border-top: 4px solid {color:post bg};
  98. border-right: 3px solid {color:post bg};
  99. border-bottom: 4px solid {color:post bg};
  100. border-left: 3px solid {color:post bg}; /**scrollbar surrounding colour**/
  101. }
  102.  
  103. body {
  104. background:{color:background};
  105. background-image:url('{image:bg}');
  106. background-attachment:fixed;
  107. color:{color:text};
  108. font-family:arial;
  109. font-size:11px;
  110. text-align:justify;
  111. margin:0;
  112. line-height:16px;
  113. }
  114.  
  115. blockquote {
  116. padding:5px 0 5px 30px;
  117. border-left:1px solid {color:border};
  118. margin-left:30px;
  119. background:#fafafa;
  120. }
  121.  
  122. b,strong{
  123. color:{color:bold};
  124. }
  125.  
  126.  
  127. i,em{
  128. color:{color:italic};
  129. }
  130.  
  131.  
  132. u{
  133. color:{color:underline};
  134. }
  135.  
  136. a {
  137. color:{color:links};
  138. text-decoration:none;
  139. -moz-transition-duration:1s;
  140. -webkit-transition-duration:1s;
  141. -o-transition-duration:1s;
  142. }
  143.  
  144. a:hover {
  145. color:{color:links hover};
  146. -moz-transition-duration:1s;
  147. -webkit-transition-duration:1s;
  148. -o-transition-duration:1s;
  149. }
  150.  
  151. #titlebar {
  152. width:200px;
  153. height:60px;
  154. background:{color:menu};
  155. margin-left:-435px;
  156. position: fixed;
  157. z-index: 1;
  158. top: 0px;
  159. text-align:center;
  160. }
  161.  
  162. .title {
  163. position:fixed;
  164. margin-left:10px;
  165. margin-top:10px;
  166. font-family:arial;
  167. color:{color:title};
  168. padding:10px;
  169. letter-spacing:-1px;
  170. font-size:30px;
  171. font-weight:900;
  172. text-transform:uppercase;
  173. z-index: 2;
  174. }
  175.  
  176. .title:first-letter {
  177. color:{color:first letter};
  178. }
  179.  
  180. menu {
  181. background:{color:menu};
  182. padding:10px;
  183. text-align:center;
  184. color:{color:links};
  185. margin:0px;
  186. font-family:arial;
  187. font-size:10px;
  188. font-weight:700;
  189. line-height:5px;
  190. text-transform:uppercase;
  191. width: 100%;
  192. height: 39px;
  193. }
  194.  
  195. menu a {
  196. color:{color:links};
  197. margin:5px;
  198. -webkit-transition: all 0.5s ease-in-out;
  199. -moz-transition: all 0.5s ease-in-out;
  200. -o-transition: all 0.5s ease-in-out;
  201. transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. menu a:hover {
  205. color:{color:links hover};
  206. margin:0px;
  207. padding:5px;
  208. padding-left:20px;
  209. padding-right:20px;
  210. }
  211.  
  212. #topbar {
  213. min-width: 1500px;
  214. background:{color:menu};
  215. border:1px solid {color:post border};
  216. height:35px;
  217. position: fixed;
  218. z-index: 1;
  219. top: 0px;
  220. left: -5px;
  221. }
  222.  
  223. #sidebar {
  224. padding:6px;
  225. text-align:right;
  226. position:fixed;
  227. margin-left:-423px;
  228. margin-top:58px;
  229. width:285px;
  230. background:{color:sidebar bg};
  231. border-right:1px solid {color:post border};
  232. border-left:1px solid {color:post border};
  233. border-bottom:1px solid {color:post border};
  234. }
  235.  
  236. #sideimg img {
  237. width:268px;
  238. max-height:150px;
  239. padding:5px;
  240. border:1px solid {color:post border};
  241. }
  242.  
  243.  
  244. #description {
  245. position: relative;
  246. margin-left: 2px;
  247. margin-top: 10px;
  248. width:260px;
  249. height:150px;
  250. padding:10px;
  251. overflow: auto;
  252. overflow-x: hidden;
  253. font-family:arial;
  254. font-size: 10px;
  255. color:{color:description};
  256. background:{color:description bg};
  257. border:1px solid {color:post border};
  258. text-align:center;
  259. line-height:10px;
  260. }
  261.  
  262. #bottombar {
  263. min-width:2000px;
  264. background:transparent;
  265. margin-left:-450px;
  266. height: 25px;
  267. position: fixed;
  268. z-index: 1;
  269. bottom: 0px;
  270. }
  271.  
  272. #theme {
  273. left:50%;
  274. margin-left:-250px;
  275. position:absolute;
  276. }
  277.  
  278. #entries {
  279. padding:10px;
  280. width:400px;
  281. margin-left:50px;
  282. margin-top:16px;
  283. font-size:10px;
  284. font-family:'arial';
  285. letter-spacing:0px;
  286. }
  287.  
  288. h1{
  289. font-family:arial;
  290. color:{color:title};
  291. padding:10px;
  292. letter-spacing:-1px;
  293. font-size:25px;
  294. font-weight:900;
  295. text-transform:uppercase;
  296. text-align:left;
  297. }
  298.  
  299. h1:first-letter {
  300. color:{color:first letter};
  301. }
  302.  
  303. #post {
  304. background:{color:post bg};
  305. border:1px solid {color:post border};
  306. width:400px;
  307. padding-bottom:40px;
  308. padding:25px;
  309. margin-top:50px;
  310. }
  311.  
  312. #info {
  313. width:400px;
  314. text-align:left;
  315. font-family:'trebuchet ms';
  316. margin-top:3px;
  317. margin-left:px;
  318. letter-spacing:1px;
  319. font-size:7px;
  320. font-style:none;
  321. padding:1px;
  322. line-height:10px;
  323. text-transform:uppercase;
  324. border-top:1px solid;
  325. border-color:{color:border};
  326. }
  327.  
  328. #info a {
  329. text-align:center;
  330. color:{color:links};
  331. }
  332.  
  333. #info a:hover {
  334. -moz-transition-duration:0.3s;
  335. -webkit-transition-duration:0.3s;
  336. -o-transition-duration:0.3s;
  337. color:{color:links hover}
  338. }
  339.  
  340. #tags {
  341. float:left;
  342. width:389px;
  343. margin-top:-7px;
  344. margin-left:-5px;
  345. text-align:left;
  346. font-size:7px;
  347. padding:5px;
  348. font-size:8px;
  349. opacity:1;
  350. transition-duration: 0.5s;
  351. -moz-transition-duration: 0.5s;
  352. -webkit-transition-duration: 0.5s;
  353. -o-transition-duration: 0.5s
  354. color:{color:links};
  355. }
  356.  
  357. #tags a {
  358. letter-spacing:0px;
  359. font-size:8px;
  360. text-align:center;
  361. font-family:arial;
  362. text-decoration:none;
  363. display:inline-block;
  364. color:{color:links};
  365. }
  366.  
  367. #tags a:hover {
  368. background-color:#000;
  369. -moz-transition-duration:0.3s;
  370. -webkit-transition-duration:0.3s;
  371. -o-transition-duration:0.3s;
  372. color:{color:links hover};
  373. }
  374.  
  375. .bubble {
  376. width:300px;
  377. position: relative;
  378. background:{color:ask bubble};
  379. left:60px;
  380. margin: 0;
  381. padding:10px;
  382. text-align:center;
  383. -moz-border-radius:10px;
  384. -webkit-border-radius:10px;
  385. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  386. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  387. box-shadow: 0px 0 1px rgba(0,0,0,0);
  388. }
  389.  
  390. .bubble:after {
  391. position: absolute;
  392. display: block;
  393. content: "";
  394. border-color: {color:ask bubble} transparent transparent transparent;
  395. border-style: solid;
  396. border-width: 15px 15px 0px;
  397. height:0;
  398. width:0;
  399. position:absolute;
  400. left:-15px;
  401. top:10px;
  402. }
  403.  
  404. #s-m-t-tooltip {
  405. z-index: 9999;
  406. background: {color:LinkTitleBG};
  407. font-size: 10px;
  408. line-height: 11px;
  409. font-family: arial;
  410. letter-spacing: 1px;
  411. text-transform: normal;
  412. color: {color:LinkTitleText};
  413. max-width: 150px;
  414. word-wrap: break-word;
  415. padding: 2px 5px 2px 6px;
  416. display: block;
  417. margin: 24px 14px 7px 12px;
  418. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  419. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  420. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  421. }
  422.  
  423. ::selection {
  424. background:{color:selection bg};
  425. color:{color:selection text};
  426. }
  427.  
  428. #pagination {font-family:arial; text-align:center; font-size:24px; margin-bottom:2px; margin-left:-500px; color:{color:first letter};}
  429.  
  430. .credit {
  431. position:fixed;
  432. bottom:4px;
  433. right:8px;
  434. font: 9px arial bold;
  435. border:1px solid {color:border};
  436. text-transform:uppercase;
  437. letter-spacing: 0px;
  438. padding: 2px;
  439. }
  440.  
  441. .credit a{
  442. color: {color:bold};
  443. opacity:0.8;
  444. }
  445.  
  446. {CustomCSS}
  447.  
  448. </style>
  449.  
  450. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  451. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  452.  
  453.  
  454. </head>
  455.  
  456. <body>
  457.  
  458.  
  459. <div id="theme">
  460.  
  461. <div id="topbar">
  462. <menu><br><br><br>
  463. <a href="/">home</a>
  464. <a href="/ask">message</a>
  465. <a href="/archive">archive</a>
  466. <a href="{text:link 1 url}">{text:link 1}</a>
  467. <a href="{text:link 2 url}">{text:link 2}</a>
  468. <a href="{text:link 3 url}">{text:link 3}</a>
  469. <a href="{text:link 4 url}">{text:link 4}</a>
  470. <a href="{text:link 5 url}">{text:link 5}</a>
  471. <a href="{text:link 6 url}">{text:link 6}</a>
  472. </menu>
  473. </div>
  474.  
  475. <div id="titlebar"><div class="title">{title}</div></div>
  476.  
  477. <div id="sidebar">
  478.  
  479. <div id="sideimg"><center><a href="/"><img src="{image:Sidebar img}"></a></center></div>
  480.  
  481. <div id="description">
  482. <big>♡<b><u>☆Gwen☆</b></u>♡</big><br><br>
  483. "No matter guy or girl, my tongue will make you come"<br><br>
  484. <b>♡ </b> EXO <b>♡ </b> BTS <b>♡ </b> &more<Br><br>
  485. ((<a href="/fandoms">all fandoms</a>))<Br><Br>
  486. Dear Suga, Fight Me (ง'̀-‘́)ง<br><br>
  487. <b>♡ </b> <a href="/tagged/mine">My Creations</a><br>
  488. <b>♡ </b> <a href="/fics">BTS Fanfic Rec</a><Br>
  489. <b>♡ </b> <a href="/nb">Side Blogs / Networks</a><br><br>
  490. <b>☆☆☆☆ <b> Protect dark skin idols <b>☆☆☆☆ <b>
  491. </div>
  492. </div>
  493.  
  494. <div id="bottombar">
  495.  
  496. <center>
  497. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
  498. </center>
  499.  
  500. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div></div>
  501.  
  502. <div id="entries">
  503. {block:Posts}
  504. <div id="post">
  505.  
  506. {block:Text}
  507. <h1>{block:Title}{Title}{/block:Title}</h1>
  508. {Body}{/block:Text}
  509.  
  510. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  511. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  512.  
  513. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  514. {/block:Caption}{/block:Photoset}
  515.  
  516. {block:Quote}<h2>"{Quote}"</h2>
  517. {block:Source}<div class="qsource"> —{Source}</div>
  518. {/block:Source}{/block:Quote}
  519.  
  520. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  521.  
  522. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  523.  
  524. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  525. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  526. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  527. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  528. {/block:Audio}<br>
  529.  
  530. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  531.  
  532. {block:Answer}
  533. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} asked: {Question}</div><br>
  534. <div style="margin-left:200px;">{Answer}</div>
  535. {/block:Answer}
  536.  
  537. <div id="info">
  538. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  539. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  540. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  541. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  542. with {NoteCountWithLabel}</a>
  543. {block:HasTags}<div id="tags">
  544.  
  545. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  546. </div>{block:HasTags}
  547. </div>
  548. </div>
  549. {/block:Posts}
  550. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  551. {/block:Posts}</div></div></div>
  552. <br><br><br><br>
  553.  
  554.  
  555. </div>
  556.  
  557.  
  558.  
  559. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement