API tools faq
paste
kurumaka

MONSTER

kurumaka
Sep 25th, 2017
1,656
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.19 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. MONSTER;; a theme by tungl user eso @b09bd5/@armethaumaturgy
  4.  
  5. pld dont move the hecking credit or i will personally come and bite off your head killing you instantly
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{image:Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:container bg" content="#e5e5e5"/>
  23. <meta name="color:post text" content="#2b2b2b"/>
  24. <meta name="color:desc text" content="#2b2b2b"/>
  25. <meta name="color:side link" content="#2b2b2b"/>
  26. <meta name="color:link" content="#2b2b2b"/>
  27. <meta name="color:link hover" content="#949494"/>
  28. <meta name="color:perma" content="#2b2b2b"/>
  29. <meta name="color:perma links" content="#fff"/>
  30. <meta name="color:borders" content="#2b2b2b"/>
  31. <meta name="color:blockquote" content="#dadada"/>
  32. <meta name="color:scrollbar bg" content="#fff"/>
  33. <meta name="color:scrollbar thumb" content="#e5e5e5"/>
  34.  
  35. <meta name="image:favicon" content=""/>
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="image:bg" content=""/>
  38. <meta name="image:side img" content=""/>
  39.  
  40. <meta name="if:bg repeat" content="1"/>
  41. <meta name="if:bg cover" content="0"/>
  42.  
  43. <meta name="if:top links" content="0"/>
  44. <meta name="if:bottom links" content="1"/>
  45.  
  46. <meta name="text:side img left" content="0"/>
  47. <meta name="text:side img top" content="0"/>
  48.  
  49. <meta name="text:sidebar width" content="100" />
  50. <meta name="text:sidebar left" content="50" />
  51. <meta name="text:sidebar top" content="300" />
  52.  
  53. <meta name="if:desc left" content="0"/>
  54. <meta name="if:desc center" content="1"/>
  55. <meta name="if:desc right" content="0"/>
  56.  
  57. <meta name="if:250px" content="1"/>
  58. <meta name="if:400px" content="0"/>
  59. <meta name="if:500px" content="0"/>
  60.  
  61. <meta name="text:container left" content="300" />
  62. <meta name="text:container top" content="150" />
  63. <meta name="text:container width" content="500" />
  64. <meta name="text:container height" content="500" />
  65.  
  66. <meta name="text:perma divider" content="❤"/>
  67.  
  68. <meta name="if:perma left" content="0"/>
  69. <meta name="if:perma center" content="1"/>
  70. <meta name="if:perma right" content="0"/>
  71.  
  72. <meta name="text:home name" content="home" />
  73. <meta name="text:ask name" content="ask" />
  74. <meta name="text:link 1 URL" content="" />
  75. <meta name="text:link 1" content="" />
  76. <meta name="text:link 2 URL" content="" />
  77. <meta name="text:link 2" content="" />
  78. <meta name="text:link 3 URL" content="" />
  79. <meta name="text:link 3" content="" />
  80.  
  81. <!--CSS customization here. -->
  82.  
  83. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  84.  
  85. <style type="text/css">
  86.  
  87.  ::-webkit-scrollbar {
  88. width: 10px; /** width of total scrollbar **/
  89. background: {color:scrollbar bg}; /** background of scrollbar **/
  90. border: 1px solid {color:borders}; /** border around whole scrollbar **/
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb {
  94. background: {color:scrollbar thumb}; /** color of the moving part of the scrollbar (thumb) **/
  95. border: 1px solid {color:borders}; /** border around moving part of scrollbar (overlaps with border of total scrollbar) **/
  96. }
  97.  
  98. #s-m-t-tooltip{
  99. position:absolute;
  100. margin-top: 15px;
  101. z-index:9999;
  102. background:{color:background};
  103. }
  104.  
  105. /*basics*/
  106.  
  107. blockquote {
  108. padding-left:12px;
  109. border-left:3px solid {color:blockquote};
  110. margin-left:8px;
  111. }
  112.  
  113. ul {
  114. list-style:none;
  115. text-align:left;
  116. padding-left:0;
  117. }
  118.  
  119. li {
  120. position:relative;
  121. padding-left:30px;
  122. }
  123.  
  124. ul li:before {
  125. position:absolute;
  126. left:15px;
  127. vertical-align:baseline!important;
  128. content:'›';
  129. }
  130.  
  131. body {
  132. background:{color:background};
  133. background-image:url({image:bg});
  134. {block:IfBgRepeat}
  135. background-repeat: repeat;
  136. {/block:IfBgRepeat}
  137. {block:IfBgCover}
  138. background-size:cover;
  139. {/block:IfBgCover}
  140. color:{color:text};
  141. font-family:arial;
  142. font-size:11px;
  143. margin:0;
  144. text-align:justify;
  145. line-height:16px;
  146. }
  147.  
  148. a {
  149. color:{color:link};
  150. -moz-transition-duration:0.4s;
  151. -webkit-transition-duration:0.4s;
  152. -o-transition-duration:0.4s;
  153. text-decoration:none;
  154. }
  155.  
  156. a:hover {
  157. color:{color:link hover};
  158. -moz-transition-duration:0.4s;
  159. -webkit-transition-duration:0.4s;
  160. -o-transition-duration:0.4s;
  161. }
  162.  
  163. img {
  164. opacity:1;
  165. border:none;
  166. text-decoration:none;
  167. }
  168.  
  169. small {
  170. font-size:11px;
  171. }
  172.  
  173. big {
  174. font-size:11px;
  175. }
  176.  
  177. #title {font-size:12px;
  178. line-height:18px;
  179. margin-bottom:10px;
  180. font-weight:bold;
  181. text-transform:none;
  182. text-align:left;
  183. }
  184.  
  185. /*sidebar*/
  186.  
  187. #sidebar {
  188. color:{color:desc text};
  189. text-align:left;
  190. position:fixed;
  191. margin-left:{text:sidebar left}px;
  192. margin-top:{text:sidebar top}px;
  193. width:{text:sidebar width}px;
  194. }
  195.  
  196. #sidebar a {
  197.     color:{color:side link};
  198. }
  199.  
  200. #sidebar img {
  201. width:{text:sidebar width}px;
  202. }
  203.  
  204. #links {
  205. font-size:10px;
  206. margin-top:10px;
  207. text-align:center;
  208. text-transform:uppercase;
  209. font-weight:bold;
  210. }
  211.  
  212. #links a {    
  213. color:{color:side link};
  214. margin-bottom:0px;
  215. -moz-transition-duration:0.4s;
  216. -webkit-transition-duration:0.4s;
  217. -o-transition-duration:0.4s;
  218. }
  219.  
  220. #description {
  221. {block:IfDescLeft}
  222. text-align:left;
  223. {/block:IfDescLeft}
  224. {block:IfDescCenter}
  225. text-align:center;
  226. {/block:IfDescCenter}
  227. {block:IfDescRight}
  228. text-align:right;
  229. {/block:IfDescRight}
  230. }
  231.  
  232. /*pagination*/
  233.  
  234. #pagination {
  235. text-transform:lowercase;
  236. text-align:center;
  237. font-size:13px;
  238. margin-bottom:120px;
  239. }
  240.  
  241. #pagination a {
  242. padding:0 3px;
  243. }
  244.  
  245. /*container*/
  246.  
  247. #con {
  248. background-color:{color:container bg};
  249. color:{color:post text};
  250. left:{text:container left}px;
  251. top:{text:container top}px;
  252. position:fixed;
  253. width:{text:container width}px;
  254. height:{text:container height}px;
  255. overflow-y:auto;
  256. overflow-x:hidden;
  257. border:1px solid {color:borders};
  258. }
  259.  
  260. /*posts*/
  261.  
  262. #entries {
  263. margin: 0 auto;
  264. {block:If250px}
  265. width:250px;
  266. {/block:If250px}
  267.  
  268. {block:If400px}
  269. width:400px;
  270. {/block:If400px}
  271.  
  272. {block:If500px}
  273. width:500px;
  274. {/block:If500px}
  275. }
  276.  
  277. #posts {
  278.     padding-top:20px;
  279. {block:If250px}
  280. width:250px;
  281. {/block:If250px}
  282.  
  283. {block:If400px}
  284. width:400px;
  285. {/block:If400px}
  286.  
  287. {block:If500px}
  288. width:500px;
  289. {/block:If500px}
  290.  
  291. {block:IndexPage}
  292. margin-bottom:80px;
  293. {/block:IndexPage}
  294. {block:PermalinkPage}
  295. margin-bottom:50px;
  296. {/block:PermalinkPage}
  297. }
  298.  
  299. #posts img {
  300. max-width:500px;
  301. height:auto;
  302. }
  303.  
  304. #posts img, #posts li, #posts blockquote {
  305. max-width: 100%;
  306. height:auto;
  307. }
  308.  
  309. .caption {
  310. width:100%;
  311. margin-top:13px;
  312. margin-bottom:12px;
  313. }
  314.  
  315. a.tumblr_blog {
  316. font-weight:bold;
  317. -moz-transition-duration:0.4s;
  318. -webkit-transition-duration:0.4s;
  319. -o-transition-duration:0.4s;
  320. }
  321.  
  322. /*quote*/
  323.  
  324. #titlequote {
  325. text-align:left;
  326. font-size:12px;
  327. line-height:17px;
  328. font-weight:bold;
  329. }
  330.  
  331. #source {
  332. margin-top:0px;
  333. margin-bottom:11px;
  334. margin-left:0px;
  335. }
  336.  
  337. /*asks*/
  338.  
  339. .q {
  340. line-height:17px;
  341. font-size:11px;
  342. }
  343.  
  344. .as {
  345. font-weight:normal;
  346. }
  347.  
  348. .a {
  349. margin-top:13px;
  350. }
  351.  
  352. /*chat*/
  353.  
  354. .chat ol {
  355. padding:0;
  356. list-style:none;
  357. }
  358.  
  359. .line {
  360. padding:0px 0;
  361. }
  362.  
  363. .label {
  364. font-weight:bold;
  365. }
  366.  
  367. /*permalink and notes*/
  368.  
  369. #permalink {
  370. {block:IfPermaLeft}
  371. text-align:left;
  372. {/block:IfPermaLeft}
  373. {block:IfPermaCenter}
  374. text-align:center;
  375. {/block:IfPermaCenter}
  376. {block:IfPermaRight}
  377. text-align:right;
  378. {/block:IfPermaRight}
  379. font-size:11px;
  380. margin-top:6px;
  381. text-transform:lowercase;
  382. width:calc(100% - 20px);
  383. background-color:{color:perma};
  384. border:1px solid {color:borders};
  385. padding-left:10px;
  386. padding-right:10px;
  387. color:{color:perma links};
  388. }
  389.  
  390. #permalink a {
  391. color:{color:perma links};
  392. margin-right:0px;
  393. }
  394.  
  395. .tags {
  396. color:{color:perma links};
  397. font-size:11px;
  398. text-transform:none;
  399. }
  400.  
  401. .pagenotes {
  402. {block:IndexPage}
  403. display: none!important;
  404. {/block:IndexPage}
  405. width:500px;
  406. text-align:left;
  407. }
  408.  
  409. .pagenotes img {
  410. display:none!important;
  411. }
  412.  
  413. .pagenotes li {
  414. list-style-type:none;
  415. padding:2px 0px;
  416. text-align:left;
  417. margin:0 0 0 -40px;
  418. }
  419.  
  420.  
  421. {CustomCSS}
  422.  
  423. </style>
  424.  
  425. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  426. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  427.  
  428. </head>
  429.  
  430. <body><img src="{image:side img}" style="position:fixed;top:{text:side img top}px;left:{text:side img left}px; z-index:-999"/>  
  431.  
  432. <div id="con">
  433.  
  434. <div id="sidebar">
  435.  
  436.  
  437. {block:IfTopLinks}
  438. <div id="links">
  439. <a href="/">{text:home name}</a>&nbsp;&nbsp;
  440. <a href="/contact">{text:ask name}</a>&nbsp;&nbsp;
  441. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}&nbsp;&nbsp;
  442. {block:iflink2}<a href="{text:link 2 URL}" >{text:link 2}</a>{/block:iflink2}&nbsp;&nbsp;
  443. {block:iflink3}<a href="{text:link 3 URL}" >{text:link 3}</a>{/block:iflink3}
  444. </div>
  445. {/block:IfTopLinks}
  446.  
  447.  
  448. <div id="sidebar img"><img src="{image:sidebar}"></div>
  449.  
  450.  
  451. <div id="description">{Description}</div>
  452.  
  453. {block:IfBottomLinks}
  454. <div id="links">
  455. <a href="/">{text:home name}</a>&nbsp;&nbsp;
  456. <a href="/contact">{text:ask name}</a>&nbsp;&nbsp;
  457. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}&nbsp;&nbsp;
  458. {block:iflink2}<a href="{text:link 2 URL}" >{text:link 2}</a>{/block:iflink2}&nbsp;&nbsp;
  459. {block:iflink3}<a href="{text:link 3 URL}" >{text:link 3}</a>{/block:iflink3}
  460. </div>
  461. {/block:IfBottomLinks}
  462.  
  463. </div>
  464.  
  465. <div id="entries">
  466.  
  467. {block:Posts}
  468.  
  469. <div id="posts">
  470.  
  471.  
  472. {block:Quote}
  473. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  474. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  475. {/block:Quote}
  476.  
  477. {block:Text}
  478. {block:Title}
  479. <div id="title">{Title}</div>{/block:Title}
  480. {Body}
  481. {/block:Text}
  482.  
  483. {block:link}
  484. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  485. {block:Description}{Description}{/block:Description}
  486. {/block:link}
  487.  
  488. {block:Chat}
  489. {block:Title}
  490. <div id="title">{Title}</div>{/block:Title}
  491. {/block:Text}
  492. {block:lines}
  493. {block:label}
  494. <br><b>{label}</b>
  495. {/block:label}
  496. {line}
  497. {/block:lines}
  498. {/block:Chat}
  499.  
  500. {block:Photo}
  501.  
  502. {block:If250px}
  503. {linkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{linkCloseTag}{/block:If250px}
  504.  
  505. {block:If400px}
  506. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}{/block:If400px}
  507.  
  508. {block:If500px}
  509. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}{/block:If500px}
  510.  
  511. {/block:Photo}
  512.  
  513. {block:Photoset}
  514. {block:If250px}{Photoset-250}{/block:If250px}
  515.  
  516. {block:If400px}{Photoset-400}{/block:If400px}
  517.  
  518. {block:If500px}{Photoset-500}{/block:If500px}
  519. {/block:Photoset}
  520.  
  521. <div class="video">
  522. {block:If250px}{Video-250}{/block:If250px}
  523. {block:If400px}{Video-400}{/block:If400px}
  524. {block:If500px}{Video-500}{/block:If500px}
  525.    
  526.    
  527. </div>
  528.  
  529. {block:Audio}
  530. {block:AudioEmbed}
  531. {block:If250px}{AudioEmbed-250}{/block:If250px}
  532. {block:If400px}{AudioEmbed-400}{/block:If400px}
  533. {block:If500px}{AudioEmbed-500}{/block:If500px}
  534. {/block:AudioEmbed}
  535. {/block:Audio}
  536.  
  537. {block:Answer}
  538. <div class="q">
  539. <div class="as"> <b><big>{Asker} said:</big></b>
  540. {Question}</div></div>
  541. <div class="a">{Answer}</div>
  542. {/block:Answer}
  543.  
  544. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  545.  
  546. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  547.  
  548. {block:Date}
  549. <div id="permalink">
  550. <a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a> {text:perma divider} {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> {text:perma divider} {/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {text:perma divider} {block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  551.  
  552. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  553.  
  554. </div>
  555.  
  556. {/block:Date}
  557.  
  558. </div>
  559.  
  560. {block:PostNotes}
  561. <div class="pagenotes">
  562. {PostNotes}
  563. </div>
  564. {/block:PostNotes}
  565.  
  566. {/block:Posts}
  567.  
  568. <div id="pagination">
  569. {block:Pagination}
  570. {block:PreviousPage}
  571. <a href="{PreviousPage}">previous page</a>
  572. {/block:PreviousPage}
  573.  
  574.  
  575. {block:NextPage}
  576. <a href="{NextPage}">next page</a>
  577. {/block:NextPage}
  578. {/block:Pagination}
  579. </div>
  580.  
  581. </div>
  582.  
  583. </div>
  584.  
  585. </body></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!