API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴄʜᴀʀʟɪᴇ ʙᴏʏ, ᴅᴏɴ'ᴛ ɢᴏ ᴛᴏ ᴡᴀʀ

xariaaaa
Nov 23rd, 2016
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10.  
  11. <meta name="color:PostBackground" content="#eaeaea" />
  12. <meta name="color:Background" content="#ffffff" />
  13. <meta name="color:Accent" content="#467c95" />
  14. <meta name="color:Text" content="#898989" />
  15.  
  16. <style type="text/css">
  17. /* GASARA */
  18. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  19.  
  20. /* BEBAS NEUE */
  21. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  22.  
  23. *, body, a {
  24. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  25. }
  26.  
  27. a:hover {
  28. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  29. }
  30.  
  31. ::-webkit-scrollbar-thumb {
  32. height: auto;
  33. background-color: {color:PostBackground};
  34. }
  35.  
  36. ::-webkit-scrollbar {
  37. height:9px;
  38. width:4px;
  39. background-color: {color:Background};
  40. }
  41.  
  42. body {
  43. background-color: {color:Background};
  44. }
  45.  
  46. a {
  47. text-decoration:none;
  48. outline:none;
  49. -moz-outline-style:none;
  50. color: {color:Accent};
  51. }
  52.  
  53. blockquote, blockquote blockquote {
  54. border-left: 1px solid {color:Accent};
  55. padding-left:5px;
  56. margin-left: 5px;
  57. }
  58.  
  59. blockquote img, blockquote blockquote img, #post img, .photopost, .photosetpost, .video {
  60. opacity: 0.3;
  61. -webkit-filter: grayscale(100%);
  62. -webkit-transition: opacity 0.7s linear;
  63. -webkit-transition: all 0.7s ease-out;
  64. -moz-transition: all 0.7s ease-out;
  65. transition: all 0.7s ease-out;
  66. }
  67.  
  68. blockquote img:hover, blockquote blockquote img:hover, #post img:hover, .photopost:hover, .photosetpost:hover, .video {
  69. opacity: 0.8;
  70. -webkit-filter: grayscale(30%);
  71. -webkit-transition: opacity 0.7s linear;
  72. -webkit-transition: all 0.7s ease-out;
  73. -moz-transition: all 0.7s ease-out;
  74. transition: all 0.7s ease-out;
  75. }
  76.  
  77. blockquote img {
  78. max-width: 240px;
  79. height: auto;
  80. }
  81.  
  82. blockquote blockquote img {
  83. max-width: 180px;
  84. height: auto;
  85. }
  86.  
  87. h1, h2, h3 {
  88. color: {color:Accent};
  89. font-family: "Bebas Neue";
  90. font-size: 30px;
  91. letter-spacing: 1px;
  92. }
  93.  
  94. pre, code {
  95. font-family: "Calibri";
  96. font-size: 10px;
  97. text-align: justify;
  98. text-transform: uppercase;
  99. padding: 20px;
  100. background-color: {color:Background};
  101. white-space:pre-wrap;
  102. word-wrap:break-word;
  103. }
  104.  
  105. small, sub, sup {
  106. font-size: 10px;
  107. }
  108.  
  109. #entries {
  110. width: 260px;
  111. height: 100%;
  112. float: right;
  113. margin-top: 20px;
  114. margin-right: 210px;
  115. }
  116.  
  117. #post {
  118. background-color: {color:PostBackground};
  119. color: {color:Text};
  120. margin-bottom: 80px;
  121. padding: 20px;
  122. width: 250px;
  123. font-family: "Calibri";
  124. font-size: 12px;
  125. text-align: justify;
  126. }
  127.  
  128. .posttitle {
  129. font-family: "Bebas Neue";
  130. font-size: 30px;
  131. padding-bottom: 5px;
  132. margin-bottom: 10px;
  133. -webkit-transition: opacity 0.7s linear;
  134. -webkit-transition: all 0.7s ease-out;
  135. -moz-transition: all 0.7s ease-out;
  136. transition: all 0.7s ease-out;
  137. }
  138.  
  139. .quote {
  140. font-family: "Bebas Neue";
  141. font-size: 20px;
  142. text-align: justify;
  143. }
  144.  
  145. .source {
  146. font-family: "Calibri";
  147. font-size: 10px;
  148. text-transform: uppercase;
  149. text-align: right;
  150. }
  151.  
  152. .player {
  153. width: 27px;
  154. height: 27px;
  155. left: 16px;
  156. top: 16px;
  157. opacity: 0.4;
  158. line-height: 0;
  159. overflow: hidden;
  160. }
  161.  
  162. .details {
  163. margin-top: -20px;
  164. margin-left: 28px;
  165. font-family: "Calibri";
  166. font-size: 10px;
  167. text-transform: uppercase;
  168. }
  169.  
  170. .caption a {
  171. font-size: 10px;
  172. text-transform: uppercase;
  173. }
  174.  
  175. .caption b, .caption strong, .chat b, .chat strong {
  176. font-family: "Bebas Neue";
  177. font-size: 15px;
  178. letter-spacing: 1px;
  179. }
  180.  
  181. .caption i, .caption em {
  182. font-family: "Gasara";
  183. font-size: 8px;
  184. font-weight: none;
  185. }
  186.  
  187. .asker {
  188. font-family: "Bebas Neue";
  189. font-size: 30px;
  190. letter-spacing: 1px;
  191. }
  192.  
  193. .question {
  194. font-size: 10px;
  195. text-transform: uppercase;
  196. padding: 10px;
  197. background-color: black;
  198. text-align: justify;
  199. }
  200.  
  201. /* POST PERMA */
  202.  
  203. .perma {
  204. margin-top: 15px;
  205. padding-top: 15px;
  206. line-height: 10px;
  207. border-top: 1px solid {color:Background};
  208. font-size: 9px;
  209. position: relative;
  210. text-transform :uppercase;
  211. }
  212.  
  213. .perma a {
  214. display:inline-block;
  215. }
  216.  
  217. .perma .pperma {
  218. float:right;
  219. display:inline-block;
  220. text-align:right;
  221. }
  222.  
  223. .pinfo {
  224. margin-top: 20px;
  225. padding-top: 10px;
  226. border-top: 1px solid white;
  227. font-family: "Aspex";
  228. font-size: 10px;
  229. text-align: center;
  230. }
  231.  
  232. .notes img {
  233. display: none;
  234. }
  235.  
  236. .notes {
  237. font-family: "Calibri";
  238. font-size: 10px;
  239. text-align: justify;
  240. text-transform: uppercase;
  241. }
  242.  
  243.  
  244. .pagi {
  245. width: 290px;
  246. text-align: center;
  247. font-family: "Bebas";
  248. color: {color:Accent};
  249. font-size: 20px;
  250. }
  251.  
  252. #s-m-t-tooltip{
  253. max-width: 200px;
  254. margin-top: 15px;
  255. margin-left: 15px;
  256. padding: 5px;
  257. border-left: 1px solid {color:Background};
  258. z-index:9999999999999999999999;
  259. background-color:{color:PostBackground};
  260. color: {color:Text};
  261. font-family: "Calibri";
  262. text-align: justify;
  263. font-size: 10px;
  264. line-height: 13px;
  265. letter-spacing: 1px;
  266. text-transform: uppercase;
  267. box-shadow: 0px 0px 10px {color:Background};
  268. }
  269.  
  270. #credit {
  271. position: fixed;
  272. bottom: 5px;
  273. left: 5px;
  274. font-family: "Calibri";
  275. font-size: 12px;
  276. }
  277.  
  278. #mcwrap {
  279. position: fixed;
  280. left: 100px;
  281. bottom: 30px;
  282. height: 450px;
  283. width: 500px;
  284. }
  285.  
  286. .jaehan1 {
  287. margin-left: -40px;
  288. }
  289.  
  290. .links {
  291. font-family: "Bebas";
  292. font-size: 20px;
  293. word-spacing: 6px;
  294. z-index: 999;
  295. margin-top: -25px;
  296. margin-left: 68px;
  297. }
  298.  
  299. .desc {
  300. margin-top: -255px;
  301. margin-left: 68px;
  302. height: 200px;
  303. width: 250px;
  304. padding: 15px;
  305. background-color: {color:PostBackground};
  306. font-family: "Calibri";
  307. font-size: 12px;
  308. color: {color:Text};
  309. text-transform: uppercase;
  310. }
  311.  
  312. .jaehan2 {
  313. margin-left: 360px;
  314. margin-top: -235px;
  315. }
  316.  
  317. .title {
  318. position: absolute;
  319. z-index: -999;
  320. font-family: "Bebas";
  321. font-size: 40px;
  322. text-align: center;
  323. width: 500px;
  324. color: {color:Accent};
  325. margin-top: -300px;
  326. }
  327.  
  328. .photo {
  329. height: 50px;
  330. width: 400px;
  331. padding: 10px;
  332. background-color: {color:PostBackground};
  333. margin-top: -365px;
  334. margin-left: 80px;
  335. }
  336.  
  337. .hover {
  338. font-family: "Bebas";
  339. color: {color:Accent};
  340. margin-top: -95px;
  341. word-spacing: 60px;
  342. margin-left: 80px;
  343. width: 420px;
  344. text-align: center;
  345. }
  346. </style>
  347.  
  348. <!-- S-M-T-TOOLTIP JAVA -->
  349.  
  350. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  351. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  352. <script>
  353. (function($){
  354. $(document).ready(function(){
  355. $("[title]").style_my_tooltips();
  356. });
  357. })(jQuery);
  358. </script>
  359.  
  360.  
  361. </head>
  362. <body>
  363.  
  364. <div id="mcwrap">
  365. <div class="jaehan1"><img src="http://i.imgur.com/wRg2SDX.png" /></div>
  366. <div class="links">
  367. <a href="/">HOME</a>
  368. <a href="/ask">INBOX</a>
  369. <a href="/archive">PAST</a>
  370. <a href="#">PROFILE</a>
  371. <a href="#">NAVIGATION</a>
  372. <a href="#">COLLECTIVE</a>
  373. </div>
  374. <div class="desc">
  375. this is the description.
  376. </div>
  377. <div class="jaehan2"><img src="http://i.imgur.com/mQE9qTq.png" /></div>
  378. <div class="title">Charlie boy, don't go to war <i><a href="#" title="link 2 anything">!!</a></i></div>
  379. <div class="photo"><img src="http://i.imgur.com/brdrsgJ.gif" /></div>
  380. <div class="hover">
  381. <a title="mue">LITERATE</a>
  382. <a title="sugi">DISCLAIMER</a>
  383. <a title="csf">ORIGINAL</a>
  384. <a title="n-ai csf">NSFW</a>
  385. </div>
  386. </div>
  387.  
  388. <div id="entries">
  389. {block:Posts}
  390.  
  391. {block:ContentSource}
  392. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  393. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  394. {/block:SourceLogo}
  395. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  396.  
  397. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  398. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  399. {/block:ReblogParentLogo}
  400. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  401. {/block:ContentSource}
  402.  
  403. <div id="post">
  404.  
  405. <!-- TEXT POSTS -->
  406. {block:Text}
  407. <div class="posttitle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  408. <div class="caption">{Body}</div>
  409. {/block:Text}
  410.  
  411. <!-- PHOTO POSTS -->
  412. {block:Photo}
  413. <div class="photopost"><center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center></div>
  414. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  415.  
  416. {/block:Photo}
  417.  
  418. <!-- PHOTOSET POSTS -->
  419. {block:Photoset}
  420. <div class="photosetpost">{Photoset-250}</div>
  421. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  422. {/block:Photoset}
  423.  
  424. <!-- QUOTE POSTS -->
  425. {block:Quote}
  426. <div class="quote">{Quote}</div>
  427. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  428. {/block:Quote}
  429.  
  430. <!-- LINK POSTS -->
  431. {block:Link}
  432. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  433. {block:Description}{Description}{/block:Description}
  434. {/block:Link}
  435.  
  436. <!-- CHAT POSTS -->
  437. {block:Chat}
  438. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  439. <div class="chat">
  440. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  441. {/block:Chat}
  442.  
  443.  
  444. <!-- ASK POST -->
  445. {block:Answer}
  446. <div class="asker">{Asker} SAID:</div>
  447. <div class="question">{Question}</div>
  448. {Answer}
  449. {/block:Answer}
  450.  
  451. <!-- AUDIO POST -->
  452. {block:Audio}
  453. <div class="player">{AudioPlayerGrey}</div>
  454. <div class="details">
  455. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  456. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  457. {/block:Audio}
  458.  
  459. <!-- VIDEO POST -->
  460. {block:Video}
  461. <div class="video">{Video-250}</div>
  462. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  463. {/block:Video}
  464.  
  465. {block:IndexPage}
  466. <div class="perma">
  467. <span class="pperma">
  468. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  469. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  470. </span>
  471. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  472. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  473. </div>
  474. {/block:IndexPage}
  475.  
  476. {block:PermalinkPage}
  477. <div class="pinfo">
  478. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  479. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  480. </div>
  481.  
  482. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  483. {/block:PermalinkPage}
  484.  
  485. </div>
  486. {/block:Posts}
  487.  
  488. {block:IndexPage}
  489. <div class="pagi">
  490. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  491. </div>
  492. {/block:IndexPage}
  493. </div>
  494.  
  495. <div id="credit"><a href="http://chrvstn.tumblr.com/" title="Theme by CHRVSTN. Please don't steal the codes! Optimized for Chrome 1366 x 786">♕</a>
  496. </div>
  497. </body></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!