API tools faq
paste
Advertisement
AThemes

Theme #1 - THE RUNAWAY.

AThemes
Feb 5th, 2022 (edited)
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.70 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <!--- Hello and thank you for downloading my theme.
  11. Big thanks goes to @octomoosey & malihu bc their tutorials and codes
  12. made this possible <3
  13.  
  14. RULES:
  15. 1. DO NOT DELETE THE CREDIT !!
  16. 2. DO NOT USE AS A BASE CODE
  17. 3. DO NOT REDISTRIBUTE
  18. 4. FOR PERSONAL USE ONLY
  19.  
  20.  
  21. THIS IS A FREE THEME SO I WOULD BE GREATFUL IF YOU COULD LIKE THE POST SO I SEE HOW MANY PEOPLE ARE USING IT <3
  22.  
  23. HAVE A PROBLEM WITH THE THEME? CONTACT ME @WRESTLINGROLEPLAYHELP
  24. OR @MARYSEDELUXE (MY PERSONAL RP BLOG)---->
  25.  
  26. <link rel="preconnect" href="https://fonts.googleapis.com">
  27. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  28. <link href="https://fonts.googleapis.com/css2?family=Abel&family=Dancing+Script&display=swap" rel="stylesheet">
  29.  
  30.  
  31. <!-- metas -->
  32.  
  33. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  34.  
  35.  
  36. <meta name="color:background" content="#ad4b33"/>
  37. <meta name="color:text" content="#000000"/>
  38. <meta name="color:title" content="#353535"/>
  39. <meta name="color:title shadow" content="#af0000"/>
  40. <meta name="color:links" content="#af0000"/>
  41. <meta name="color:links hover" content="#353535"/>
  42. <meta name="color:permalinks" content="#ad4b33"/>
  43. <meta name="color:container" content="#d95e40"/>
  44. <meta name="color:posts" content="#d95e40"/>
  45. <meta name="color:accent" content="#af0000"/>
  46. <meta name="color:bold" content="#af0000"/>
  47. <meta name="color:italic" content="#353535"/>
  48.  
  49.  
  50. <meta name="image:background" content=""/>
  51. <meta name="image:sidebar image" content="https://static.tumblr.com/savndrg/uRmr6u3fx/theme_sidebar.png"/>
  52.  
  53.  
  54. <meta name="text:title" content="title">
  55. <meta name="text:subtitle" content="subtitle">
  56. <meta name="text:Description Title" content="Description title here">
  57.  
  58.  
  59. <meta name="text:link 1 title" content="link 1">
  60. <meta name="text:link 1 url" content="/">
  61. <meta name="text:link 2 title" content="link 2">
  62. <meta name="text:link 2 url" content="/">
  63. <meta name="text:link 3 title" content="link 3">
  64. <meta name="text:link 3 url" content="/">
  65. <meta name="text:link 4 title" content="link 4">
  66. <meta name="text:link 4 url" content="/">
  67. <meta name="text:link 5 title" content="link 5">
  68. <meta name="text:link 5 url" content="/">
  69. <meta name="text:link 6 title" content="link 6">
  70. <meta name="text:link 6 url" content="/">
  71.  
  72.  
  73. <!--- hover box scripts by malihu & @octomoosey --->
  74.  
  75. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76.  
  77.  
  78. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  79.  
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("a[title]").style_my_tooltips({
  84. tip_follows_cursor:true,
  85. tip_delay_time:200,
  86. tip_fade_speed:700,
  87. attribute:"title"
  88. });
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93. <!--- end hover box scripts ---->
  94.  
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. /* hover box styling */
  101.  
  102. #s-m-t-tooltip {
  103. font-weight:bold;
  104. text-transform: uppercase;
  105. max-width:300px;
  106. border-radius: 5px;
  107. padding:5px;
  108. margin:5px 10px 5px 0px;
  109. color:{color:text};
  110. border:1px solid {color:text};
  111. font-size:11px;
  112. background:{color:links};
  113. box-shadow: 0.5px 0.5px 0.5px #000000;
  114. text-shadow: 0.5px 0.5px 0.5px #000000;
  115. z-index:99999;}
  116.  
  117.  
  118.  
  119.  
  120. /* scrollbar styling */
  121.  
  122. ::-webkit-scrollbar {
  123. width: 3px;
  124. height: 3px;
  125. }
  126. ::-webkit-scrollbar-button {
  127. width: 0px;
  128. height: 0px;
  129. }
  130. ::-webkit-scrollbar-thumb {
  131. background: #353535;
  132. border: 0px none #ffffff;
  133. border-radius: 50px;
  134. }
  135. ::-webkit-scrollbar-thumb:hover {
  136. background: #353535;
  137. }
  138. ::-webkit-scrollbar-thumb:active {
  139. background: #353535;
  140. }
  141. ::-webkit-scrollbar-track {
  142. background: #af0000;
  143. border: 0px none #ffffff;
  144. border-radius: 50px;
  145. }
  146. ::-webkit-scrollbar-track:hover {
  147. background: #d95e40;
  148. }
  149. ::-webkit-scrollbar-track:active {
  150. background: #d95e40;
  151. }
  152. ::-webkit-scrollbar-corner {
  153. background: transparent;
  154. }
  155.  
  156.  
  157. /* general text styling */
  158.  
  159. a {
  160. text-decoration:none;
  161. color:{color:links};
  162. font-weight:bold;
  163. -webkit-transition: all 0.7s ease;
  164. -moz-transition: all 0.7s ease;
  165. -o-transition: all 0.7s ease;
  166. }
  167.  
  168. a:hover {
  169. color:{color:links hover};
  170. }
  171.  
  172. b, strong {
  173. color:{color:Bold};
  174. text-transform:uppercase;
  175. }
  176.  
  177. i, em {
  178. color:{color:Italic};
  179. font-family:'Abel', serif;
  180. }
  181.  
  182. small {
  183. font-size:11px;
  184. }
  185.  
  186.  
  187. blockquote {
  188. background-color:{color:background};
  189. padding-left:10px;
  190. }
  191.  
  192.  
  193.  
  194.  
  195. blockquote img {
  196. max-width:100%;
  197. height:auto;
  198. }
  199.  
  200. img {
  201. max-width: 100%;
  202. }
  203.  
  204.  
  205. h1 {
  206. font-family: 'Dancing Script', cursive;
  207. color:{color:accent};
  208. text-shadow: 0.5px 0.5px 0.5px #000000;
  209. font-size:30px;
  210. line-height:30px;
  211. text-align:left;
  212. }
  213.  
  214.  
  215.  
  216.  
  217.  
  218. /* body & container styling */
  219.  
  220. body {
  221. background-color:{color:Background};
  222. font-family:'Abel', sans-serif;
  223. font-size: 13px;
  224. color:{color:Text};
  225. background-image:url('{image:Background}');
  226. background-position: top left;
  227. background-repeat: repeat;
  228. background-attachment: fixed;
  229. }
  230.  
  231. #container {
  232. width:770px; height:570px;
  233. margin:auto; left:0; right:0; top:0; bottom:0; position:fixed;
  234. background-color:{color:Container}; border: 5px solid; border-color:{color:Container} ; border-radius:10px;
  235. overflow-x:hidden;
  236. overflow-y:scroll;
  237. box-shadow:0.5px 0.5px 1px 1px {color:title};
  238.  
  239. }
  240.  
  241. #title {
  242. font-family: 'Dancing Script';
  243. text-transform:lowercase;
  244. color:{color:title};
  245. text-shadow: 0.5px 0.5px 0.5px {color:title shadow};
  246. font-size:30px;
  247. line-height:30px;
  248. text-align:right;
  249. margin-right:260px;
  250. left:0;
  251. padding: 5px;
  252. }
  253.  
  254. #subtitle {
  255. font-family: 'Abel';
  256. color:{color:text};
  257. text-shadow: 0.5px 0.5px 0.5px {color:title shadow};
  258. line-height:10px;
  259. margin-bottom:10px;
  260. text-align:right;
  261. margin-right:260px;
  262. padding-right:5px;
  263. left:0;
  264.  
  265. }
  266.  
  267. /* posts styling */
  268.  
  269.  
  270. .posts {
  271. margin-left:10px;
  272. margin-bottom:30px;
  273. width:500px;
  274. background-color:{color:Posts};
  275. padding:10px;
  276. box-shadow:0.5px 0.5px 1px 1px {color:title};
  277.  
  278.  
  279. }
  280.  
  281.  
  282. /* permalinks & tags styling */
  283.  
  284. .permalinks {
  285. background-color:{color:Permalinks};
  286. font-weight:bold;
  287. padding:10px;
  288. height:12px;
  289. line-height:16px;
  290. border-radius:5px;
  291. opacity:0.5;
  292. text-shadow: 0.5px 0.5px 0.5px #000000;
  293. -webkit-transition: all 0.7s ease;
  294. -moz-transition: all 0.7s ease;
  295. -o-transition: all 0.7s ease;
  296. }
  297.  
  298. .permalinks:hover {
  299. opacity:1;
  300. -webkit-transition: all 0.7s ease;
  301. -moz-transition: all 0.7s ease;
  302. -o-transition: all 0.7s ease;
  303. }
  304.  
  305. .permalinks a {
  306. text-decoration:none;
  307. font-size: 12px;
  308. color:{color:links};
  309. text-transform:uppercase;
  310. }
  311.  
  312. .permalinks a:hover {
  313. color:{color:links hover};
  314. }
  315.  
  316.  
  317.  
  318. .date {
  319. float:left;
  320. }
  321.  
  322. .reblogs {
  323. float:right;
  324. }
  325.  
  326.  
  327. .tags {
  328. font-size:10px;
  329. color:{color:text};
  330. text-align:right;
  331. padding-right:10px;
  332. border-bottom:0.5px solid {color:text};
  333. border-top:0.5px solid {color:text};
  334. margin-top:10px;
  335. margin-bottom:5px;
  336. text-transform:lowercase;
  337. font-weight:bold;
  338. opacity:0.5;
  339.  
  340. }
  341.  
  342. .tags:hover {
  343. opacity:1;
  344. -webkit-transition: all 0.7s ease;
  345. -moz-transition: all 0.7s ease;
  346. -o-transition: all 0.7s ease;
  347. }
  348. .tags a {
  349. text-decoration:none;
  350. color:{color:text};
  351. }
  352.  
  353. .tags a:hover {
  354. color:{color:links};
  355. -webkit-transition: all 0.7s ease;
  356. -moz-transition: all 0.7s ease;
  357. -o-transition: all 0.7s ease;
  358. }
  359.  
  360.  
  361.  
  362. /* sidebar styling */
  363.  
  364.  
  365. #sidebar {
  366. width:220px; height:550px; max-width:220px;
  367. margin:auto; left:530px; right:0; top:0; bottom:0; position:fixed;
  368. overflow:none;
  369. }
  370.  
  371. #sideimage img {
  372. display:block;
  373. margin-left:auto;
  374. margin-right:auto;
  375. max-width:200px;
  376. max-height:300px;
  377. margin-top:10px;
  378. margin-bottom:10px;
  379. box-shadow: 0.5px 0.5px 0.5px {color:title};
  380. outline: 0px solid {color:accent};
  381. -webkit-box-shadow: 0 1px 5px 1px {color:title};
  382. -moz-box-shadow: 0 1px 5px 1px {color:title};
  383. box-shadow: 0 1px 5px 1px {color:title};
  384.  
  385. }
  386.  
  387. #description {
  388. font-family: 'Abel', sans-serif;
  389. font-size:12px;
  390. color:{color:text};
  391. max-height:170px;
  392. text-align:center;
  393. padding:5px;
  394. overflow-x:hidden;
  395. overflow-y:scroll;
  396. }
  397.  
  398. #desctitle {
  399. font-family: 'Dancing Script';
  400. color:{color:title};
  401. text-shadow: 0.5px 0.5px 0.5px {color:title shadow};
  402. font-size:25px;
  403. line-height:30px;
  404. text-align:center;
  405. text-transform:lowercase;
  406. }
  407.  
  408.  
  409.  
  410. #links1 {
  411. font-size:12px;
  412. padding:5px;
  413. text-align:center;
  414. margin-right:5px;
  415. }
  416.  
  417. #links1 a {
  418. display:inline-block;
  419. color:{color:links};
  420. text-shadow: 0.5px 0.5px 0.5px #000000;
  421. -webkit-transition: all 0.7s ease;
  422. -moz-transition: all 0.7s ease;
  423. -o-transition: all 0.7s ease;
  424. }
  425.  
  426. #links1 a:hover {
  427. color:{color:links hover};
  428. letter-spacing:5px;
  429. }
  430.  
  431. #bottomlinks {
  432. font-size:40px;
  433. text-align:center;
  434. bottom:0;
  435. }
  436.  
  437. #bottomlinks a {
  438. display:inline-block;
  439. color:{color:links};
  440. text-shadow: 0.5px 0.5px 0.5px #000000;
  441. -webkit-transition: all 0.7s ease;
  442. -moz-transition: all 0.7s ease;
  443. -o-transition: all 0.7s ease;
  444. }
  445.  
  446. #bottomlinks a:hover {
  447. color:{color:links hover};
  448. }
  449.  
  450. #pagination {
  451. font-size:12px;
  452. margin-bottom:10px;
  453. padding-bottom:10px;
  454. text-align: center;
  455. text-shadow: 0.5px 0.5px 0.5px #000000;
  456. }
  457.  
  458. #pagination a {
  459. color:{color:accent};
  460. -webkit-transition: all 0.7s ease;
  461. -moz-transition: all 0.7s ease;
  462. -o-transition: all 0.7s ease;
  463. }
  464.  
  465. #pagination a:hover {
  466. color:{color:links};
  467. }
  468.  
  469.  
  470.  
  471. /* ask and quote posts styling */
  472.  
  473. .askerportrait {
  474. position:absolute;
  475. margin-left:10px;
  476. border:0px solid #000;
  477. border-radius:5px;
  478. width:40px;
  479. max-width:40px;
  480. -webkit-filter:grayscale(100%);
  481. }
  482.  
  483.  
  484.  
  485. .asker {
  486. display:inline-block;
  487. font-size:20px;
  488. font-style: italic;
  489. text-align:left;
  490. margin-left:30px;
  491. text-shadow: 0.5px 0.5px 0.5px #000000;
  492. }
  493.  
  494. .question {
  495. width:400px;
  496. max-width:400px;
  497. display:inline-block;
  498. font-style: italic;
  499. margin-left:65px;
  500. text-shadow: 0.5px 0.5px 0.5px #000000;
  501. border-bottom:1px solid #000;
  502. }
  503.  
  504. .answer {
  505. margin-left:20px;
  506. }
  507.  
  508.  
  509.  
  510. .quote {
  511. font-size:20px;
  512. font-style: italic;
  513. text-align:right;
  514. margin-bottom:5px;
  515. padding-bottom:3px;
  516. text-shadow: 0.5px 0.5px 0.5px #000000;
  517. }
  518.  
  519. .quotesource {
  520. font-size:15px;
  521. letter-spacing:1px;
  522. text-align:right;
  523. margin-bottom:5px;
  524. }
  525.  
  526. </style>
  527. </head>
  528.  
  529. <body>
  530.  
  531. <div id="container">
  532.  
  533. <div id="title">{text:Title}</div>
  534. <div id="subtitle">{text:Subtitle}</div>
  535. <div id="sidebar">
  536.  
  537.  
  538. <div id="links1">
  539. <a href="/">home</a>
  540. -
  541. <a href="/ask">ask</a>
  542. -
  543. <a href="/submit">submit</a>
  544. -
  545. <a href="/archive">archive</a>
  546. -
  547. <a href="https://wrestlingroleplayhelp.tumblr.com/">credit</a>
  548. </div> <!--links1 /div -->
  549.  
  550. <div id="sideimage"><img src="{image:Sidebar image}"></div>
  551.  
  552. <div id="desctitle">{text:Description Title}</div><div id="description">{block:Description}{Description}{/block:Description}</div>
  553.  
  554. <div id="bottomlinks">
  555. <a href="{text:link 1 url}" title="{text:link 1 title}">●</a>
  556. <a href="{text:link 2 url}" title="{text:link 2 title}">●</a>
  557. <a href="{text:link 3 url}" title="{text:link 3 title}">●</a>
  558. <a href="{text:link 4 url}" title="{text:link 4 title}">●</a>
  559. <a href="{text:link 5 url}" title="{text:link 5 title}">●</a>
  560. <a href="{text:link 6 url}" title="{text:link 6 title}">●</a>
  561. </div> <!--bottomlinks /div -->
  562.  
  563.  
  564.  
  565. <div id="pagination">{block:Pagination}
  566. {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>
  567. {/block:NextPage}
  568. {/block:Pagination} </div><!--pagination /div --->
  569.  
  570.  
  571.  
  572.  
  573. </div> <!--sidebar /div --->
  574.  
  575.  
  576.  
  577.  
  578.  
  579. {block:Posts}
  580.  
  581. <div class="posts">
  582.  
  583. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  584.  
  585. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  586.  
  587. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  588.  
  589. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  590.  
  591. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  592.  
  593. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  594.  
  595. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  596. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  597.  
  598. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  599.  
  600. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  601.  
  602. {block:Answer}
  603. <div class="askerportrait"><img src="{AskerPortraitURL-40}"></div>
  604. <div class="asker">{Asker} asked:</div>
  605. <div class="question">{Question}</div>
  606. <div class="answer">{Answer}</div>
  607. {/block:Answer}
  608.  
  609.  
  610.  
  611. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>;{/block:Tags}{/block:HasTags}</div>
  612.  
  613. <div class="permalinks">
  614. <div class="date"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a><a href="{Permalink}">{block:NoteCount} - {NoteCount} notes{/block:NoteCount}</a></div>
  615. <div class="reblogs">{block:RebloggedFrom}
  616. <a href="{ReblogParentURL}">via</a> -
  617. <a href="{ReblogRootURL}"> source</a> -
  618. {/block:RebloggedFrom} <a href="{ReblogURL}"> reblog</a></div></div>
  619.  
  620.  
  621.  
  622.  
  623.  
  624. </div> <!--- /div posts --->
  625.  
  626. {/block:Posts}
  627.  
  628.  
  629.  
  630. </div> <!--- /div container --->
  631.  
  632. {block:ContentSource}
  633. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  634. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  635. {/block:SourceLogo}
  636. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  637. {/block:ContentSource}
  638. </body>
  639. </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!