API tools faq
paste
dohdoro

bts theme light ver

dohdoro
Dec 21st, 2014
4,778
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.68 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. █▀▀▄ █▀▀█ █░░█ █▀▀▄ █▀▀█ █▀▀█ █▀▀█ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  7. █░░█ █░░█ █▀▀█ █░░█ █░░█ █▄▄▀ █░░█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  8. ▀▀▀░ ▀▀▀▀ ▀░░▀ ▀▀▀░ ▀▀▀▀ ▀░▀▀ ▀▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  9.  
  10. ┃╭╮┃╰╮╭╯┃┃╭━━┫╭━╮┣┫┣┫╭━╮┃╭━╮┃
  11. ┃╭━╮┣╮╭╯╱┃╭━━┫╭╮╭╯┃┃┃┃╱╭┫╰━╯┃
  12. ┃╰━╯┃┃┃╱╱┃╰━━┫┃┃╰┳┫┣┫╰━╯┃╭━╮┃
  13. ╰━━━╯╰╯╱╱╰━━━┻╯╰━┻━━┻━━━┻╯╱╰╯
  14.  
  15.  
  16. <!-- THEME: RISE OF BTS --->
  17.  
  18. <!-- DO NOT REMOVE THE CREDIT PLEASE.
  19. DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  20. DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  21. DO NOT USE AS BASE --->
  22.  
  23. <head>
  24.  
  25. <title>{Title}</title>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link rel="shortcut icon" href="{favicon}" />
  28.  
  29.  
  30. <meta name="color:Background color" content="#ffffff"/>
  31. <meta name="color:Text color" content="#888888"/>
  32. <meta name="color:Bold" content="#FA8072"/>
  33. <meta name="color:Italic" content="#FA8072"/>
  34. <meta name="color:Underline" content="#888888"/>
  35. <meta name="color:Links" content="#888888"/>
  36. <meta name="color:Links hover" content="#FA8072"/>
  37. <meta name="color:Scrollbar line" content="#eeeeee"/>
  38. <meta name="color:Scrollbar" content="#eedd73"/>
  39. <meta name="color:H1 Bg" content="#ffffff"/>
  40. <meta name="color:H1" content="#888888"/>
  41. <meta name="color:H1 Border" content="#eeeeee"/>
  42. <meta name="color:Blockquote Border" content="#eeeeee"/>
  43. <meta name="color:Captions Bg" content="#ffffff"/>
  44. <meta name="color:Captions" content="#888888"/>
  45. <meta name="color:Permalink Text" content="#888888"/>
  46. <meta name="color:Permalink Bg" content="#ffffff"/>
  47. <meta name="color:Permalink Border" content="#eeeeee"/>
  48. <meta name="color:Entry Bg" content="#ffffff"/>
  49. <meta name="color:Entry Text" content="#888888"/>
  50. <meta name="color:Entry Border" content="#eeeeee"/>
  51. <meta name="color:Post Photo Info Bg" content="#ffffff"/>
  52. <meta name="color:Post Photo Info" content="#888888"/>
  53. <meta name="color:Post Photo Info Border" content="#eeeeee"/>
  54. <meta name="color:Post Photo Tags" content="#888888"/>
  55. <meta name="color:Text Post Info" content="#888888"/>
  56. <meta name="color:Captions Border" content="#eeeeee"/>
  57. <meta name="color:Asked By Text" content="#888888"/>
  58. <meta name="color:Question Border" content="#eeeeee"/>
  59. <meta name="color:Question Bg" content="#ffffff"/>
  60. <meta name="color:Question Text" content="#888888"/>
  61. <meta name="color:Reply Bg" content="#ffffff"/>
  62. <meta name="color:Reply Text" content="#888888"/>
  63. <meta name="color:Reply Border" content="#eeeeee"/>
  64. <meta name="color:Audio Info" content="#888888"/>
  65. <meta name="color:Top Bg" content="#ffffff"/>
  66. <meta name="color:Title Text" content="#232323"/>
  67. <meta name="color:Title Border" content="#eeeeee"/>
  68. <meta name="color:Title First Letter Bg" content="#51c8e6"/>
  69. <meta name="color:Title First Letter" content="#ffffff"/>
  70. <meta name="color:Top Links" content="#888888"/>
  71. <meta name="color:Top Links Bg Hover" content="#eedd73"/>
  72. <meta name="color:Top Links Hover" content="#ffffff"/>
  73. <meta name="color:Header Bg" content="#eedd73"/>
  74. <meta name="color:Header Bg Hover" content="#FA8072"/>
  75. <meta name="color:description title" content="#ffffff"/>
  76. <meta name="color:description link" content="#ffffff"/>
  77. <meta name="color:description title border" content="#ffffff"/>
  78. <meta name="color:description text" content="#ffffff"/>
  79. <meta name="color:Navigation bg" content="#ffffff"/>
  80. <meta name="color:Navigation border" content="#eeeeee"/>
  81. <meta name="color:Custom Links" content="#888888"/>
  82. <meta name="color:Custom Links Hover Line" content="#232323"/>
  83. <meta name="color:current page Bg" content="#51c8e6"/>
  84. <meta name="color:current page number" content="#ffffff"/>
  85. <meta name="color:Pagination Border" content="#eeeeee"/>
  86. <meta name="color:Next Page bg" content="#ffffff"/>
  87. <meta name="color:Next Page Number" content="#888888"/>
  88. <meta name="color:next page bg hover" content="#eedd73"/>
  89. <meta name="color:next page number hover" content="#ffffff"/>
  90.  
  91. <meta name="image:Background" content=""/>
  92. <meta name="image:transparent header img" content="http://static.tumblr.com/749d63894cf204c1be0fc3371b7a355a/bj5zkci/ZxOnguktd/tumblr_static_9nmw56g1wmoss484sw8ok0wo8.png"/>
  93. <meta name="if:Infinite Scroll" content"0"/>
  94. <meta name="if:Show Captions" content="0"/>
  95. <meta name="text:second title" content="the rising bts"/>
  96. <meta name="text:Link one URL" content="/"/>
  97. <meta name="text:Link one" content="link one"/>
  98. <meta name="text:Link two URL" content="/"/>
  99. <meta name="text:Link two" content="link two"/>
  100. <meta name="text:Link three URL" content="/"/>
  101. <meta name="text:Link three" content="link three"/>
  102. <meta name="text:Link four URL" content="/"/>
  103. <meta name="text:Link four" content="link Four"/>
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108. iframe#tumblr_controls {
  109. top: 10% !important;
  110. right:3% !important;
  111. position: fixed !important;
  112. z-index:9999;
  113.  
  114. }
  115.  
  116. /* scroll bar */
  117.  
  118. ::-webkit-scrollbar {
  119. height:3px;
  120. width:7px;
  121. background:{color:Scrollbar line};
  122. border:3px solid rgba(0, 0, 0, .1);
  123. -moz-background-clip: border; /* Firefox 3.6 */
  124. -webkit-background-clip: border; /* Safari 4? Chrome 6? */
  125. background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  126. -moz-background-clip: padding; /* Firefox 3.6 */
  127. -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
  128. background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  129. -moz-background-clip: content; /* Firefox 3.6 */
  130. -webkit-background-clip: content; /* Safari 4? Chrome 6? */
  131. background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  132.  
  133. }
  134.  
  135. ::-webkit-scrollbar-thumb:vertical {
  136. background:{color:Scrollbar};
  137. border-radius:20px;
  138.  
  139. }
  140.  
  141. /* Body */
  142.  
  143. body {
  144. font-family:arial;
  145. font-size:10px;
  146. max-width:100%;
  147. height:100%;
  148. letter-spacing:1px;
  149. color:{color:Text color};
  150. background:{color:Background color};
  151. background-image:url('{image:Background}');
  152. background-repeat:no-repeat;
  153. background-attachment:fixed;
  154.  
  155. }
  156.  
  157. a {
  158. color:{color:Links};
  159. text-decoration:none;
  160.  
  161. }
  162.  
  163. a:hover {
  164. color:{color:Links Hover};
  165.  
  166. }
  167.  
  168. b, strong {
  169. color:{color:Bold};
  170.  
  171. }
  172.  
  173. i, em {
  174. color:{color:Italic};
  175.  
  176. }
  177.  
  178. u {
  179. color:{color:Underline};
  180.  
  181. }
  182.  
  183. h1 {
  184. font-family:helvetica;
  185. font-size:13px;
  186. text-transform:uppercase;
  187. text-align:center;
  188. background:{color:H1 bg};
  189. color:{color:H1};
  190. padding:15px;
  191. border:1px solid {color:H1 Border};
  192.  
  193. }
  194.  
  195. h1 a {
  196. color:{color:Links};
  197. text-decoration:none;
  198.  
  199. }
  200.  
  201. blockquote {
  202. word-wrap:break-word;
  203. border-left:1px solid {color:Blockquote Border};
  204. padding-left:10px;
  205.  
  206. }
  207.  
  208. pre {
  209. background:{color:Captions Bg};
  210. color:{color:Captions};
  211. padding:6px;
  212. margin-top:5px;
  213. word-wrap:break-word;
  214.  
  215. }
  216.  
  217. li {
  218. margin-top:5px;
  219. font-family:arial;
  220. font-size:10px;
  221. color:{color:Text color};
  222.  
  223. }
  224.  
  225. /* Permalink */
  226.  
  227. #permalink {
  228. position:absolute;
  229. margin-left:-20px;
  230. margin-top:90px;
  231. padding:20px;
  232. color:{color:Permalink Text};
  233. border:1px solid {color:Permalink Border};
  234. background:{color:Bermalink Bg};
  235. font-size:9px;
  236. font-family:arial;
  237. letter-spacing:2px;
  238. font-weight:lighter;
  239. text-transform:uppercase;
  240. text-align:center;
  241. width:500px;
  242. height:auto;
  243. word-wrap:break-word;
  244.  
  245. }
  246.  
  247. #permalink a {
  248. display:inline-block;
  249. color:{color:Permalink Text};
  250.  
  251. }
  252.  
  253. #permalink p {
  254. font-size:30px;
  255. margin-bottom:10px;
  256. font-weight:bold;
  257. border-bottom:1px solid {color:Permalink Border};
  258.  
  259. }
  260.  
  261. .notecounts {
  262. position:absolute;
  263. overflow:auto;
  264. text-align:center;
  265. margin-left:-20px;
  266. margin-top:50px;
  267. font-weight:lighter;
  268. font-family:helvetica;
  269. font-size:8px;
  270. border:1px solid {color:Permalink Border};
  271. background:{color:Permalink Bg};
  272. color:{color:Permalink Text};
  273. text-transform:uppercase;
  274. padding:20px;
  275. width:500px;
  276.  
  277. }
  278.  
  279. .notecounts a {
  280. color:{color:Permalink Text};
  281.  
  282. }
  283.  
  284. .notecounts img {
  285. display:inline-block;
  286. border:5px solid {color:permalink border};
  287. border-radius:100%;
  288.  
  289. }
  290.  
  291. ol.notes {
  292. list-style-type:none;
  293. text-align:left;
  294.  
  295. }
  296.  
  297. /* Posts */
  298.  
  299. #contain {
  300. margin-top:500px;
  301. {block:IndexPage}
  302. margin-left:auto;
  303. margin-right:auto;
  304. padding-bottom:200px;
  305. width:100%;
  306. {/block:IndexPage}
  307.  
  308. }
  309.  
  310. .entry {
  311. float:left;
  312. position:relative;
  313. padding:20px;
  314. border:1px solid {color:Entry Border};
  315. background:{color:Entry Bg};
  316. color:{color:Entry Text};
  317. font-family:Arial;
  318. font-size:10px;
  319. width:250px;
  320. margin:90px 0 -40px 20px;
  321. {block:PermalinkPage}
  322. margin-left:300px;
  323. margin-top:100px;
  324. width:500px;
  325. padding-bottom:50px;
  326. {/block:PermalinkPage}
  327.  
  328. }
  329.  
  330. @media screen and (min-width: 1366px) {
  331. .entry {margin-left:55px;
  332. {block:PermalinkPage}
  333. margin-left:32%;
  334. {/block:PermalinkPage}
  335. }
  336.  
  337. }
  338.  
  339. @media screen and (min-width: 1024px) {
  340. .entry {margin-left:30px;
  341. {block:PermalinkPage}
  342. margin-left:28%;
  343. {/block:PermalinkPage}
  344. }
  345.  
  346. }
  347.  
  348. @media screen and (min-width: 1280px) {
  349. .entry {margin-left:18px;
  350. {block:PermalinkPage}
  351. margin-left:35%;
  352. {/block:PermalinkPage}
  353. }
  354.  
  355. }
  356.  
  357. @media screen and (min-width: 1440px) {
  358. .entry {margin-left:50px;
  359. {block:PermalinkPage}
  360. margin-left:35%;
  361. {/block:PermalinkPage}
  362. }
  363.  
  364. }
  365.  
  366. @media screen and (min-width: 1600px) {
  367. .entry {margin-left:20px;
  368. {block:PermalinkPage}
  369. margin-left:35%;
  370. {/block:PermalinkPage}
  371. }
  372.  
  373. }
  374.  
  375. @media screen and (min-width: 1680px) {
  376. .entry {margin-left:33px;
  377. {block:PermalinkPage}
  378. margin-left:35%;
  379. {/block:PermalinkPage}
  380. }
  381.  
  382. }
  383.  
  384. @media screen and (min-width: 1920px) {
  385. .entry {margin-left:20px;
  386. {block:PermalinkPage}
  387. margin-left:34%;
  388. {/block:PermalinkPage}}
  389.  
  390. }
  391.  
  392. .entry a {
  393. color:{color:Links};
  394.  
  395. }
  396.  
  397. .entry img{
  398. max-width:100%;
  399. display:block;
  400.  
  401. }
  402.  
  403. .view {
  404. width:250px;
  405. height:100%;
  406. position: relative;
  407. text-align: center;
  408.  
  409. }
  410. .view .mask, .view .content {
  411. width:250px;
  412. height:100%;
  413. position: absolute;
  414. overflow: hidden;
  415. top: 0;
  416. left: 0;
  417.  
  418. }
  419.  
  420. .view h2 {
  421. text-transform: uppercase;
  422. color:{color:Post Photo Info};
  423. text-align: center;
  424. position: relative;
  425. padding: 10px;
  426. background: rgba(0, 0, 0, 0.8);
  427. margin: 20px 0 0 0;
  428.  
  429. }
  430.  
  431. .view p {
  432. font-family: Georgia, serif;
  433. font-style: italic;
  434. font-size: 12px;
  435. position: relative;
  436. color:{color:Post Photo Tags};
  437. padding: 10px 20px 20px;
  438. text-align: center;
  439.  
  440. }
  441.  
  442. .view-tenth img {
  443. transform: scaleY(1);
  444. transition: all 0.7s ease-in-out;
  445.  
  446. }
  447.  
  448. .view-tenth .mask {
  449. background:{color:Post Photo Info Bg};
  450. transition: all 0.5s linear;
  451. opacity: 0;
  452.  
  453. }
  454.  
  455. .view-tenth h2{
  456. border-bottom: 1px solid {color:Post Photo Info Border};
  457. font-family:arial;
  458. font-size:14px;
  459. letter-spacing:0px;
  460. background: transparent;
  461. margin: 20px 40px 0px 40px;
  462. transform: scale(0);
  463. color:{color:Post Photo Info};
  464. transition: all 0.5s linear;
  465. opacity: 0;
  466.  
  467. }
  468.  
  469. .view-tenth h2 a {
  470. color:{color:Post Photo Info};
  471.  
  472. }
  473.  
  474. .view-tenth p {
  475. color:{color:post photo tags};
  476. opacity: 0;
  477. transform: scale(0);
  478. transition: all 0.5s linear;
  479.  
  480. }
  481.  
  482. .view-tenth p a {
  483. color:{color:Post Photo Tags};
  484.  
  485. }
  486.  
  487. .view-tenth a.info {
  488. opacity: 0;
  489. transform: scale(0);
  490. transition: all 0.5s linear;
  491.  
  492. }
  493.  
  494. .view-tenth:hover img {
  495. transform: scale(0);
  496. opacity: 0;
  497.  
  498. }
  499.  
  500. .view-tenth:hover .mask {
  501. opacity: 1;
  502.  
  503. }
  504.  
  505. .view-tenth:hover h2,
  506. .view-tenth:hover p,
  507. .view-tenth:hover a.info{
  508. transform: scale(1);
  509. opacity: 1;
  510.  
  511. }
  512.  
  513. #textstuff {
  514. position:absolute;
  515. margin-top:30px;
  516. opacity:0;
  517. -webkit-transition: opacity 0.4s linear;
  518. -webkit-transition: all 0.4s ease-in-out;
  519. -moz-transition: all 0.4s ease-in-out;
  520. -o-transition: all 0.4s ease-in-out;
  521.  
  522. }
  523.  
  524. .tinfo {
  525. font-size:8px;
  526. color:{color:Text Post Info};
  527. letter-spacing:1px;
  528. font-family:arial;
  529. text-transform:uppercase;
  530.  
  531. }
  532.  
  533. .tinfo a {
  534. color:{color:Text Post Info};
  535.  
  536. }
  537.  
  538. .entry:hover #textstuff {
  539. opacity:1;
  540. -webkit-transition: all .7s ease-in-out;
  541. -moz-transition: all .7s ease-in-out;
  542. -ms-transition: all .7s ease-in-out;
  543. -o-transition: all .7s ease-in-out;
  544. transition: all .7s ease-in-out;
  545.  
  546. }
  547.  
  548. #caption {
  549. margin-top:20px;
  550. color:{color:Captions};
  551. background:{color:Captions Bg};
  552. padding:5px;
  553. border-top:1px solid {color:Captions Border};
  554. word-wrap:break-word;
  555. white-space:normal;
  556. font-size:11px;
  557. font-family:Arial;
  558.  
  559. }
  560.  
  561. #caption a {
  562. color:{color:Captions};
  563.  
  564. }
  565.  
  566. #quotes {
  567. font-family:arial;
  568. font-size:12px;
  569. color:{color:Text color};
  570. padding:10px;
  571. border-bottom:1px solid {color:Entry Border};
  572. text-align:left;
  573. letter-spacing:0px;
  574. text-transform:none;
  575.  
  576. }
  577.  
  578. /* Asks */
  579.  
  580. .whoby {
  581. color:{color:Asked By Text};
  582. padding:8px;
  583. margin-top:2px;
  584. border-bottom:1px solid {color:Question Border};
  585. font-weight:700;
  586. text-transform:uppercase;
  587. font-family:arial;
  588. font-size:15px;
  589.  
  590. }
  591.  
  592. .whoby a {
  593. color:{color:Asked By Text};
  594. letter-spacing:2px;
  595.  
  596. }
  597.  
  598. .question {
  599. margin-top:5px;
  600. padding-left:15px;
  601. line-height:11px;
  602. background:{color:Question Bg};
  603. color:{color:Question Text};
  604. font-family:Arial;
  605. font-weight:lighter;
  606. font-size:10px;
  607. padding:10px;
  608.  
  609. }
  610.  
  611. .response {
  612. padding:10px;
  613. border-top:1px solid {color:Reply Border};
  614. margin-top:5px;
  615. font-family:arial;
  616. font-size:10px;
  617. font-weight:lighter;
  618. background:{color:Reply Bg};
  619. color:{color:Reply Text};
  620. line-height:12px;
  621.  
  622. }
  623.  
  624. /* Audio */
  625.  
  626. #audio {
  627. width:100%;
  628. margin-left:0px;
  629.  
  630. }
  631.  
  632. .tumblr_audio_player {
  633. height:40px;
  634. width:250px;
  635. {block:PermalinkPage}
  636. width:500px;
  637. {/block:PermalinkPage}
  638.  
  639. }
  640.  
  641. #musica {
  642. position:relative;
  643. color:{color:Audio Info};
  644. padding:10px;
  645. margin-left:-10px;
  646. margin-top:10px;
  647. font-family:Arial;
  648. font-size:10px;
  649. line-height:10px;
  650. letter-spacing:1px;
  651. width:250px;
  652. {block:PermalinkPage}
  653. width:500px;
  654. {/block:PermalinkPage}
  655.  
  656. }
  657.  
  658. #topstuff {
  659. position:fixed;
  660. z-index:9;
  661. top:0;
  662. left:0;
  663. width:100%;
  664. height:100px;
  665. background:{color:Top Bg};
  666.  
  667. }
  668.  
  669. .titleone {
  670. position:fixed;
  671. margin-left:15px;
  672. margin-top:15px;
  673. border:1px solid {color:Title Border};
  674. font-family:arial;
  675. color:{color:Title Text};
  676. padding:0 15px 0 0;
  677. letter-spacing:-1px;
  678. font-size:40px;
  679. font-weight:900;
  680. text-transform:uppercase;
  681. }
  682.  
  683. .titleone:first-letter {
  684. color:{color:Title First Letter};
  685. background:{color:Title First Letter Bg};
  686. border:1px solid {color:Title Border};
  687. padding:0px 15px 0px 15px;
  688.  
  689. }
  690.  
  691. #mainlinks {
  692. position:fixed;
  693. top:40px;
  694. right:200px;
  695.  
  696. }
  697.  
  698. #mainlinks a {
  699. text-transform:uppercase;
  700. margin:10px;
  701. color:{color:Top Links};
  702. padding:5px;
  703. font-family:arial;
  704. font-size:13px;
  705. -webkit-transition: all 0.5s ease-out;
  706. -moz-transition: all 0.5s ease-out;
  707. transition: all 0.5s ease-out
  708.  
  709. }
  710.  
  711. #mainlinks a:hover {
  712. background:{color:Top Links Bg Hover};
  713. color:{color:Top Links Hover};
  714. -webkit-transition: all 0.5s ease-out;
  715. -moz-transition: all 0.5s ease-out;
  716. transition: all 0.5s ease-out
  717.  
  718. }
  719.  
  720. #coloredheader {
  721. position:absolute;
  722. width:100%;
  723. height:400px;
  724. left:0;
  725. top:100px;
  726. background:{color:Header Bg};
  727. -webkit-transition: all 0.5s ease-out;
  728. -moz-transition: all 0.5s ease-out;
  729. transition: all 0.5s ease-out
  730.  
  731.  
  732. }
  733.  
  734. #coloredheader:hover {
  735. background:{color:Header Bg Hover};
  736. -webkit-transition: all 0.5s ease-out;
  737. -moz-transition: all 0.5s ease-out;
  738. transition: all 0.5s ease-out
  739.  
  740. }
  741.  
  742. .blogdesc {
  743. margin-left:30%;
  744. margin-top:100px;
  745. width:550px;
  746.  
  747. }
  748.  
  749. .blogdesc img {
  750. width:300px;
  751. height:200px;
  752.  
  753. }
  754.  
  755. .blogdesc h3 {
  756. position:absolute;
  757. font-size:30px;
  758. margin-top:10px;
  759. margin-left:45px;
  760. letter-spacing:0;
  761. color:{color:description title};
  762. border-bottom:1px solid {color:description border};
  763.  
  764. }
  765.  
  766. .blogdesc p {
  767. position:absolute;
  768. color:{color:description text};
  769. margin-top:60px;
  770. margin-left:45px;
  771. width:200px;
  772. text-align:justify;
  773.  
  774. }
  775.  
  776. .blogdesc p a {
  777. color:{color:description link};
  778.  
  779. }
  780.  
  781. #toexplore {
  782. z-index:1000;
  783. width:100%;
  784. left:0;
  785. background:{color:Navigation bg};
  786. margin-top:100px;
  787. height:50px;
  788. border-top:1px solid {color:Navigation border};
  789. border-bottom:1px solid {color:Navigation border};
  790.  
  791. }
  792.  
  793. .mlinks {
  794. text-transform:uppercase;
  795. font-family:arial;
  796. font-size:11px;
  797. margin-left:38%;
  798. margin-top:20px;
  799.  
  800. }
  801.  
  802. .mlinks a {
  803. padding:20px 20px 18px 20px;
  804. color:{color:custom links};
  805. margin:-5px;
  806. -webkit-transition: all 0.5s ease-out;
  807. -moz-transition: all 0.5s ease-out;
  808. transition: all 0.5s ease-out
  809.  
  810. }
  811.  
  812. .mlinks a:hover {
  813. border-bottom:1px solid {color:Custom Links Hover Line};
  814. -webkit-transition: all 0.5s ease-out;
  815. -moz-transition: all 0.5s ease-out;
  816. transition: all 0.5s ease-out
  817.  
  818. }
  819.  
  820. * {
  821. margin: 0;
  822.  
  823. }
  824.  
  825. html, body {
  826. height:20%;
  827.  
  828. }
  829. .wrapper {
  830. min-height: 100%;
  831. height: auto !important;
  832. height: 100%;
  833. margin: 0 auto -4em;
  834.  
  835. }
  836.  
  837. .footer, .push {
  838. width:100%;
  839. margin-left:-1px;
  840. margin-top:90px;
  841. height:200px;
  842.  
  843. }
  844.  
  845. .footstuff {
  846. font-family:arial;
  847. margin-top:25px;
  848.  
  849. }
  850.  
  851. /* Pagination */
  852.  
  853. .pagination {
  854. z-index:99;
  855. position:absolute;
  856. width:150px;
  857. left:45%;
  858. height:48px;
  859.  
  860. }
  861.  
  862. .jump_page {
  863. display:inline-block;
  864. padding:20px 20px 17px 20px;
  865. margin-left:-5px;
  866. border:1px solid {color:Pagination Border};
  867. color:{color:Next Page Number};
  868. background:{color:Next Page bg};
  869. font-family:arial;
  870. font-size:11px;
  871. text-decoration:none;
  872.  
  873. }
  874.  
  875. .current_page {
  876. font-family:arial;
  877. background:{color:current page Bg};
  878. margin-left:-4px;
  879. border:1px solid {color:pagination border};
  880. color:{color:current page number};
  881. padding:20px 20px 17px 20px;
  882. font-size:11px;
  883. text-decoration:bold;
  884.  
  885. }
  886.  
  887. .jump_page:hover {
  888. font-family:arial;
  889. background:{color:next page bg hover};
  890. color:{color:next page number hover};
  891. padding:20px 20px 17px 20px;
  892. font-size:11px;
  893. text-decoration:bold;
  894.  
  895. }
  896.  
  897. {block:IfInfiniteScroll}
  898. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  899. #infscr-loading {display:none;}
  900. .pagination {display:none!important;} {/block:IfInfiniteScroll}
  901.  
  902.  
  903. #tumblr_controls {
  904. {block:IndexPage}
  905. display:none;
  906. {/block:IndexPage}
  907.  
  908. }
  909.  
  910. #customcontrols {
  911. position:fixed;
  912. top:25px;
  913. right:20px;
  914. opacity:1;
  915. z-index:99999;
  916.  
  917. }
  918.  
  919. #customcontrols img {
  920. display:inline-block;
  921. margin:2px;
  922. width:25px;
  923. opacity:1;
  924. margin-top:0px;
  925. padding:10px;
  926. -webkit-transition: all 0.5s ease-out;
  927. -moz-transition: all 0.5s ease-out;
  928. transition: all 0.5s ease-out
  929.  
  930. }
  931.  
  932. #customcontrols img:hover {
  933. opacity:1;
  934. -webkit-transition: all 0.5s ease-out;
  935. -moz-transition: all 0.5s ease-out;
  936. transition: all 0.5s ease-out
  937.  
  938. }
  939.  
  940. /* Hover text */
  941.  
  942. #s-m-t-tooltip {
  943. z-index:999999;
  944. max-width:300px;
  945. margin-top:25px;
  946. margin-left:15px;
  947. padding:5px;
  948. border:1px solid #eee;
  949. background-color:#fff;
  950. border-radius:20px;
  951. color:#888;
  952. font-family:arial;
  953. font-size:8px;
  954. letter-spacing:1px;
  955. text-transform:uppercase;
  956. line-height:13px;
  957.  
  958. }
  959.  
  960. </style>
  961.  
  962. <!-- DON'T MESS WITH THIS -->
  963.  
  964. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  965. <script type="text/javascript">
  966. $(function(){
  967. var stickyRibbonTop = $('#toexplore').offset().top;
  968. $(window).scroll(function(){
  969. if( $(window).scrollTop() > stickyRibbonTop ) {
  970. $('#toexplore').css({position: 'fixed', top: '0px'});
  971. } else {
  972. $('#toexplore').css({position: 'static', top: '0px'});
  973. }
  974. });
  975. });
  976. </script>
  977.  
  978. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  979. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  980.  
  981. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  982.  
  983. {block:IfInfiniteScroll}
  984. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  985.  
  986.  
  987. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  988.  
  989.  
  990. <script>
  991. $(function(){
  992. var $container = $('#contain');
  993. $container.imagesLoaded(function(){
  994. $container.masonry({
  995. itemSelector: '.entry',
  996. });
  997. });
  998. $container.infinitescroll({
  999. itemSelector : ".entry",
  1000. navSelector : "div.pagination",
  1001. nextSelector : ".pagination a#next",
  1002. loadingImg : "",
  1003. loadingText : "<em></em>",
  1004. bufferPx : 10000,
  1005. extraScrollPx: 12000,
  1006. },
  1007. // trigger Masonry as a callback
  1008. function( newElements ) {
  1009. var $newElems = $( newElements ).css({ opacity: 0 });
  1010. // ensure that images load before adding to masonry layout
  1011. $newElems.imagesLoaded(function(){
  1012. $newElems.animate({ opacity: 1 });
  1013. $container.masonry( 'appended', $newElems, true );
  1014. });
  1015. }
  1016. );
  1017. });
  1018. </script>
  1019.  
  1020. </head>
  1021. <body>
  1022.  
  1023. <!-- Top -->
  1024.  
  1025. <div id="topstuff">
  1026. <div class="titleone">{title}</div>
  1027. <div id="customcontrols">
  1028.  
  1029. <a href="http://tumblr.com/" title="Dashboard">
  1030. <img src="http://static.tumblr.com/bj5zkci/RWfngu6od/home.png"></a>
  1031.  
  1032. <a href="http://tumblr.com/follow/{Name}" title="follow"><img src="http://static.tumblr.com/bj5zkci/8TRngu6nr/user-plus.png"></a>
  1033.  
  1034. <a href="http://www.tumblr.com/send/{Name}?redirect_to=http%3A%2F%2F{Name}.tumblr.com%2F" title="Fanmail">
  1035. <img src="http://static.tumblr.com/bj5zkci/Qzsngu6oq/envelope.png">
  1036. </div>
  1037.  
  1038. <div id="mainlinks">
  1039. <a href="/">Index</a>
  1040. <a href="/archive">archive</a>
  1041. <a href="/ask">Message</a>
  1042. </div>
  1043. </div>
  1044.  
  1045. <!-- Header Stuff -->
  1046.  
  1047. <div id="coloredheader">
  1048. <div class="blogdesc">
  1049. <img src="{image:transparent header img}" style="float:right;" ><h3>
  1050. {text:second title}</h3><p>{description}</p>
  1051. </div>
  1052. </div>
  1053.  
  1054. <div id="contain">
  1055.  
  1056. <div id="toexplore">
  1057. <div class="mlinks">
  1058. <a href="{text:Link one URL}">{text:Link one}</a>
  1059. <a href="{text:Link two URL}">{text:Link two}</a>
  1060. <a href="{text:Link three URL}">{text:Link three}</a>
  1061. <a href="{text:Link four URL}">{text:Link four}</a>
  1062.  
  1063. <!-- DO NOT REMOVE THEM CREDIT-->
  1064. <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">©</a>
  1065. </div>
  1066. </div>
  1067.  
  1068. <!-- Posts -->
  1069.  
  1070.  
  1071. {block:posts}
  1072.  
  1073. <div class="entry">
  1074. {block:ContentSource}
  1075. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1076. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1077. {/block:SourceLogo}
  1078. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1079. {/block:ContentSource}
  1080.  
  1081.  
  1082. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}
  1083. <div id="textstuff">
  1084. <div class="tinfo">
  1085. {block:NoteCount}
  1086. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1087. <br>{block:HasTags}
  1088. ─
  1089. {block:Tags}
  1090. <a href="{TagURL}">#{Tag} </a>
  1091. {/block:Tags}
  1092. {/block:HasTags}
  1093. </div>
  1094. </div>{/block:text}
  1095.  
  1096. {block:photo}
  1097. {block:IndexPage}
  1098. <div class="view">
  1099. <div class="view view-tenth">
  1100. <img style="width:250px;" src="{PhotoURL-250}">
  1101. {/block:IndexPage}
  1102. {block:IndexPage}
  1103. <div class="mask">
  1104. <h2>
  1105. {block:NoteCount}
  1106. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1107. </h2>
  1108. <p>
  1109. {block:HasTags}
  1110. {block:Tags}
  1111. <a href="{TagURL}">#{Tag} </a>
  1112. {/block:Tags}
  1113. {/block:HasTags}
  1114. </p>
  1115.  
  1116. </div>
  1117. </div>
  1118. </div>
  1119. {block:ifShowCaptions}
  1120. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1121. {/block:ifShowCaptions}
  1122. {block:IndexPage}
  1123.  
  1124.  
  1125. {block:PermalinkPage}
  1126. <img src="{PhotoURL-500}"/>
  1127. {block:Caption}
  1128. <div id="caption">{Caption}</div>
  1129. {/block:Caption}
  1130. {/block:PermalinkPage}
  1131. {/block:photo}
  1132.  
  1133.  
  1134. {block:Photoset}
  1135. {block:IndexPage}
  1136. <div class="view">
  1137. <div class="view view-tenth">
  1138. {Photoset-250}
  1139. {/block:IndexPage}
  1140. {block:IndexPage}
  1141. <div class="mask">
  1142. <h2>
  1143. {block:NoteCount}
  1144. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1145. </h2>
  1146. <p>
  1147. {block:HasTags}
  1148. {block:Tags}
  1149. <a href="{TagURL}">#{Tag} </a>
  1150. {/block:Tags}
  1151. {/block:HasTags}
  1152. </p>
  1153.  
  1154. </div>
  1155. </div>
  1156. </div>
  1157. {block:ifShowCaptions}
  1158. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1159. {/block:ifShowCaptions}
  1160. {block:IndexPage}
  1161.  
  1162. {block:PermalinkPage}
  1163. {Photoset-500}
  1164. {block:Caption}
  1165. <div id="caption">{Caption}</div>
  1166. {/block:Caption}
  1167. {/block:PermalinkPage}
  1168. {/block:Photoset}
  1169.  
  1170. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right">{Source}</div>{/block:Source}
  1171.  
  1172. <div id="textstuff">
  1173. <div class="tinfo">
  1174. {block:NoteCount}
  1175. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1176. <br>{block:HasTags}
  1177. ─
  1178. {block:Tags}
  1179. <a href="{TagURL}">#{Tag} </a>
  1180. {/block:Tags}
  1181. {/block:HasTags}
  1182. </div>
  1183. </div>
  1184. {/block:Quote}
  1185.  
  1186. {block:Link}
  1187. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1188. {block:Description}{Description}{/block:Description}<div id="textstuff">
  1189. <div class="tinfo">
  1190. {block:NoteCount}
  1191. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1192. <br>{block:HasTags}
  1193. ─
  1194. {block:Tags}
  1195. <a href="{TagURL}">#{Tag} </a>
  1196. {/block:Tags}
  1197. {/block:HasTags}
  1198. </div>
  1199. </div>{/block:Link}
  1200.  
  1201. <!-- Music and Video -->
  1202.  
  1203. {block:Audio}
  1204. <div id="audio">{AudioPlayerGrey}</div>
  1205. <div id="musica">
  1206. {block:Artist}<b>ARTIST</b> {Artist}{/block:Artist}<br>
  1207. {block:TrackName}<b>TRACK</b> {TrackName}{/block:TrackName}<br>
  1208. {block:Album}<b>ALBUM</b> {Album}{/block:Album}<br>
  1209. {block:PlayCount}<b>PLAY COUNT</b> {PlayCount}{/block:PlayCount}
  1210. </div>
  1211. {block:ifShowCaptions}
  1212. {block:caption}<div id="caption">{caption}</div>{/block:caption}{/block:ifShowCaptions}
  1213. <div id="textstuff">
  1214. <div class="tinfo">
  1215. {block:NoteCount}
  1216. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1217. <br>{block:HasTags}
  1218. ─
  1219. {block:Tags}
  1220. <a href="{TagURL}">#{Tag} </a>
  1221. {/block:Tags}
  1222. {/block:HasTags}
  1223. </div>
  1224. </div>
  1225. {/block:Audio}
  1226.  
  1227. {block:Video}
  1228. {block:if250px}{Video-250}{/block:if250px}
  1229. {block:if400px}{Video-400}{/block:if400px}
  1230. {block:if500px}{Video-500}{/block:if500px}
  1231. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}
  1232. <div id="textstuff">
  1233. <div class="tinfo">
  1234. {block:NoteCount}
  1235. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1236. <br>{block:HasTags}
  1237. ─
  1238. {block:Tags}
  1239. <a href="{TagURL}">#{Tag} </a>
  1240. {/block:Tags}
  1241. {/block:HasTags}
  1242. </div>
  1243. </div>{/block:Video}
  1244.  
  1245.  
  1246. <!-- chat -->
  1247.  
  1248. {block:Chat}
  1249. {block:Title}{Title}<br />{/block:Title}
  1250. {block:Lines}
  1251. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1252. {/block:Lines}
  1253. <div id="textstuff">
  1254. <div class="tinfo">
  1255. {block:NoteCount}
  1256. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1257. <br>{block:HasTags}
  1258. ─
  1259. {block:Tags}
  1260. <a href="{TagURL}">#{Tag} </a>
  1261. {/block:Tags}
  1262. {/block:HasTags}
  1263. </div>
  1264. </div>
  1265. {/block:Chat}
  1266.  
  1267.  
  1268. <!-- Asks -->
  1269.  
  1270. {block:Answer}
  1271. <div class="whoby">{Asker} asked</div>
  1272. <div class="question">{Question}</div>
  1273. <div class="response">{Answer}</div>
  1274. <div id="textstuff">
  1275. <div class="tinfo">
  1276. {block:NoteCount}
  1277. <a href="{Permalink}" title="permalink">{NoteCount}</a>{/block:NoteCount} | <a href="{ReblogURL}">Reblog</a>
  1278. <br>{block:HasTags}
  1279. ─
  1280. {block:Tags}
  1281. <a href="{TagURL}">#{Tag} </a>
  1282. {/block:Tags}
  1283. {/block:HasTags}
  1284. </div>
  1285. </div>
  1286. {/block:Answer}
  1287.  
  1288. <!-- Permalink -->
  1289.  
  1290. {block:PermalinkPage}
  1291. {block:Date}
  1292. <div id="permalink">
  1293. <b>Posted on :</b>
  1294. {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <BR>
  1295. {block:NoteCount}
  1296. <b>With : </b>
  1297. <a href="{Permalink}" title="permalink">{NoteCount} notes</a> | <a href="{ReblogURL}">Reblog</a>{/block:NoteCount}<br>
  1298. {block:RebloggedFrom}
  1299. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1300. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1301. {/block:RebloggedFrom}<br>
  1302. {block:HasTags}
  1303. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  1304. {/block:HasTags}
  1305. {/block:PermalinkPage}
  1306.  
  1307. {block:PostNotes}
  1308. <div class="notecounts">{PostNotes}</div>
  1309. {/block:PostNotes}
  1310. </div>
  1311. {/block:posts}
  1312. </div>
  1313. </div>
  1314.  
  1315. {block:IndexPage}
  1316. <div class="wrapper">
  1317. </div>
  1318. <div class="footer">
  1319. <div class="footstuff">
  1320. <div class="pagination">
  1321. {block:Pagination}
  1322. {block:JumpPagination length="3"}
  1323. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1324. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1325.  
  1326. {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  1327. </div>
  1328.  
  1329. </div>
  1330. {/block:IndexPage}
  1331.  
  1332. </body>
  1333. </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!