Advertisement
Guest User

patch updated theme

a guest
Feb 27th, 2020
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--Base code by hoodclifford.
  5. Theme by seiko / somewhereinchaos.tumblr.com
  6. Don't remove the credit-->
  7.  
  8.  
  9. <meta name="color:text" content="#000000"/>
  10. <meta name="color:link" content="#000000"/>
  11. <meta name="color:link hover" content="#979fa6"/>
  12. <meta name="color:blockquote color" content="#000000"/>
  13. <meta name="color:bold" content="#deaeb2"/>
  14. <meta name="color:italic" content="#e7d1d3"/>
  15.  
  16. <meta name="image:background" content=""/>
  17.  
  18. <meta name="text:rules link" content="https://docs.google.com/document/d/1d1ZyP6bjXlCGhg127LZpgIuFo9SIz9Rf4bwNT5092q8/edit"/>
  19. <meta name="text:about link" content="https://docs.google.com/document/d/1AlkIQT4OJ9RzxcrIYC1kRZ-DYKHF3gVI_jyLSk913Q4/edit"/>
  20.  
  21. <head><title>{Title}</title>
  22. <link rel="shortcut icon" href="https://66.media.tumblr.com/966904c2be6b8cf6e6bda43ba5be7446/tumblr_inline_mkc8x4VBQK1rul1ji.gif">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <link href='https://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>
  27.  
  28. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  29.  
  30.  
  31. <style type="text/css">
  32.  
  33. ::-moz-selection {
  34. background-color: #000;
  35. color: #fff;
  36. }
  37.  
  38. ::selection {
  39. background-color: #000;
  40. color: #fff;
  41. }
  42.  
  43. /*edit scrollbar*/
  44.  
  45. ::-webkit-scrollbar-thumb {
  46. height:auto;
  47. background-color:#b4b0cb;
  48. }
  49.  
  50. ::-webkit-scrollbar {
  51. height:4px;
  52. width:2px;
  53. padding-right:2px;
  54. background-color:transparent;
  55. }
  56.  
  57. /*edit the body this is what post text looks like, background color, etc.*/
  58.  
  59. body {
  60. background:#b4b0cb;
  61. color:{color:text};
  62. margin:1px;
  63. font-family:helvetica;
  64. font-size:12px;
  65. line-height:120%;
  66. background-attachment:fixed;
  67. background-image: url('{image:background}');
  68. background-repeat:no-repeat
  69. }
  70. big {
  71. font-size:13px;
  72. font-family:arial black;
  73. letter-spacing:0px;
  74. color: #e3e2ea;
  75. text-shadow:1px 1px 3px #000;
  76.  
  77. }
  78. small {
  79. font-size:12px;
  80. }
  81. sup, sub {
  82. font-size:12px;
  83.  
  84. }
  85.  
  86. b, strong {
  87. font-weight:bold;
  88. color:{color:bold};
  89. font-size:12px;
  90. text-shadow:1px 1px 0px #000;
  91.  
  92. }
  93.  
  94. i, em {
  95. text-transform:italic;
  96. color:{color:italic};
  97. font-size:12px;
  98. text-shadow:1px 1px 0px #000;
  99. }
  100.  
  101. /*edit links*/
  102.  
  103. a {
  104. text-decoration:none;
  105. outline:none;
  106. color:{color:link};
  107. -moz-outline-style:none;
  108. -moz-transition-duration:0.8s;
  109. -webkit-transition-duration:0.8s;
  110. -o-transition-duration:0.8s;
  111. }
  112.  
  113. /*edit link hover*/
  114.  
  115. a:hover {
  116. color:{color:link hover};
  117. text-decoration: underline;
  118. text-shadow:1px 1px 0px #000;
  119.  
  120. }
  121.  
  122. blockquote {
  123. border-left:2px solid {color:blockquote color};
  124. border-radius:10px;
  125. margin:5px 0 5px 12px;
  126. padding-left:20px;
  127. background-image:
  128. -webkit-linear-gradient(left,rgba(180,176,203 ,0.4),rgba(0,0,0,0));
  129. background-image:
  130. -moz-linear-gradient(left,rgba(180,176,203 ,0.4),rgba(0,0,0,0));
  131. background-image:
  132. -ms-linear-gradient(left,rgba(180,176,203 ,0.4),rgba(0,0,0,0));
  133. background-image:
  134. -o-linear-gradient(left,rgba(180,176,203 ,0.4),rgba(0,0,0,0));
  135. }
  136.  
  137. blockquote img {max-width:100%!important;height:auto;}
  138.  
  139. }
  140.  
  141.  
  142. h1 {
  143. font-size:12px;
  144. text-align:left;
  145. font-family:arial black;
  146. letter-spacing:1px;
  147. color:#e3e2ea;
  148. text-shadow:1px 1px 2px #000;
  149.  
  150. }
  151.  
  152. h2 {
  153. font-size:12px;
  154. font-family:arial black;
  155. text-align:left;
  156. letter-spacing:1px;
  157. color:#e3e2ea;
  158. text-shadow:1px 1px 2px #000;
  159.  
  160. }
  161.  
  162. /* this is the positioning of the whole entire sidebar*/
  163.  
  164. #sidebar {
  165. width:300px;
  166. position:absolute;
  167. margin-left:205px;
  168. margin-top:190px;
  169. }
  170.  
  171.  
  172. /*sidebar title*/
  173.  
  174. #title {
  175. color:#000;
  176. background:#e3e3eb;
  177. font-family:helvetica;
  178. font-size:10px;
  179. font-weight:normal;
  180. letter-spacing:0px;
  181. padding:4px;
  182. margin-top:147px;
  183. margin-left:194px;
  184. border-left:3px solid #b4b0cb;
  185. border-right:3px solid #b4b0cb;
  186. border-top-right-radius:10px;
  187. border-bottom-left-radius:10px;
  188. border-top-left-radius:10px;
  189. border-bottom-right-radius:10px;
  190. position:absolute;
  191. overflow-y:scroll;
  192. text-align:center;
  193. width:85px;
  194. max-height:73px;
  195. }
  196.  
  197. /*sidebar links*/
  198.  
  199. #alinks {
  200. color:{color:link};
  201. position:absolute;
  202. width:100px;
  203. font-family:calibri;
  204. text-transform: uppercase;
  205. margin-top:40px;
  206. margin-left:194px;
  207. text-align:center;
  208. font-size:8px;
  209. line-height:130%;
  210. -moz-transition-duration:1s;
  211. -webkit-transition-duration:1s;
  212. -o-transition-duration:1s;
  213. }
  214.  
  215. #alinks a {
  216. font-size:10px;
  217. letter-spacing:2px;
  218.  
  219. }
  220.  
  221. #alinks a:hover {
  222. letter-spacing:5px;
  223. text-decoration: underline;
  224. font-size: 10px;
  225.  
  226. }
  227.  
  228.  
  229. #description {
  230. width:208px;
  231. font-size:0px;
  232. padding:5px;
  233. text-align:justify;
  234. letter-spacing:0px;
  235. line-height:90%;
  236. margin-left:160px;
  237. margin-top:-18px;
  238. }
  239.  
  240. /* this is the box that comes up when you hover over something with a title*/
  241.  
  242. #s-m-t-tooltip {
  243. max-width:150px;
  244. padding:5px 5px 5px 6px;
  245. margin:20px 0px 0px 20px;
  246. font-family:helvetica;
  247. font-size:9px;
  248. letter-spacing:2px;
  249. text-transform:uppercase;
  250. color:#000;
  251. border:1px dashed #000;
  252. background:#e3e2eb;
  253. border-bottom-left-radius:10px;
  254. border-top-right-radius:10px;
  255. z-index:99;
  256. }
  257.  
  258. /*next page and previous page*/
  259.  
  260. #pagination {
  261. margin-left:230px;
  262. margin-top:260px;
  263. position: absolute;
  264. text-align: left;
  265. letter-spacing:0px;
  266. text-transform: uppercase;
  267. font-family: arial;
  268. width: 1px;
  269. font-size: 25px;
  270. }
  271.  
  272. #pagination a {
  273. padding:-10px;
  274. }
  275.  
  276.  
  277. #entries {
  278. padding:1px;
  279. padding-top:5px;
  280. width:439px;
  281. margin-left:595px;
  282. margin-top:151px;
  283. margin-bottom:10px;
  284. position:fixed;
  285. overflow:scroll;
  286. overflow-x:hidden;
  287. height:476px;
  288. -webkit-mask-image:
  289. -webkit-gradient(linear, left 85%, left bottom, from(rgba(5,5,5,5)), to(rgba(0,0,0,0)));
  290.  
  291. }
  292.  
  293. #post {
  294. width:400px;
  295. padding-bottom:-5px;
  296. margin-bottom:30px;
  297. margin-top:10px;
  298. }
  299.  
  300. #post img{
  301. max-width:100%;
  302. }
  303.  
  304.  
  305.  
  306. /*time posted, note count, via and source*/
  307.  
  308. .postinfo {
  309. font-family:helvetica;
  310. width:290px;
  311. height:10px;
  312. margin-top:10px;
  313. margin-left:40px;
  314. margin-bottom:55px;
  315. padding:8px;
  316. padding-top:5px;
  317. font-size:9px;
  318. text-transform:uppercase;
  319. border-top-right-radius:10px;
  320. border-bottom-left-radius:10px;
  321. font-style:normal;
  322. text-align:center;
  323. background:#e3e3eb;
  324. border:1px solid #000000;
  325. box-shadow:1px 1px 3px #000;
  326.  
  327. }
  328.  
  329. .postinfo a {
  330. color:#000;
  331. }
  332.  
  333. .postinfo a:hover {
  334. color:{color:link hover};
  335. }
  336.  
  337. /*tags*/
  338.  
  339. .tags {
  340. opacity:0;
  341. width:260px;
  342. margin-top:-54px;
  343. margin-left:60px;
  344. padding:4px;
  345. font-family:helvetica;
  346. letter-spacing:0px;
  347. font-size:10px;
  348. text-align:center;
  349. -moz-transition-duration:1s;
  350. -webkit-transition-duration:1s;
  351. -o-transition-duration:1s;
  352.  
  353. }
  354.  
  355. #post:hover .tags {
  356. opacity:1;
  357. -moz-transition-duration:1s;
  358. -webkit-transition-duration:1s;
  359. -o-transition-duration:1s;
  360. }
  361.  
  362. .tags a {
  363. color:#d8d8d8;
  364. -moz-transition-duration:1s;
  365. -webkit-transition-duration:1s;
  366. -o-transition-duration:1s;
  367.  
  368.  
  369. }
  370.  
  371. .tags a:hover {
  372. color:{color:link hover};
  373. }
  374.  
  375. .postnote {
  376. width:300px;
  377. margin-top:-26px;
  378. padding:20px;
  379. font-family:helvetica;
  380. letter-spacing:0px;
  381. font-size:10px;
  382. text-align:left;
  383.  
  384. }
  385.  
  386. /*asks*/
  387.  
  388. .question {
  389. padding:9px;
  390. text-align:center;
  391. text-transform:normal;
  392. border-top-right-radius:15px;
  393. border-bottom-left-radius:15px;
  394. border-top-left-radius:15px;
  395. border-bottom-right-radius:15px;
  396. font-size: 12px;
  397. color:#000;
  398. font-family:arial black;
  399. background:#e3e3eb;
  400. width: 360px;
  401. border:1px dashed #000;
  402. box-shadow:1px 1px 3px #000;
  403. -moz-transition-duration:0s;
  404. -webkit-transition-duration:0s;
  405. -o-transition-duration:0s;
  406. }
  407.  
  408. .answer {
  409. text-align:left;
  410. padding:3px;
  411. margin-top:6px;
  412. color:{color:text};
  413. }
  414.  
  415.  
  416.  
  417. /*audio player container*/
  418.  
  419. .playbutton {
  420. position:relative;
  421. margin-top:40px;
  422. margin-left:35px;
  423. z-index:9;
  424. width:33px;
  425. height:30px;
  426. overflow:hidden;
  427.  
  428. }
  429.  
  430. .albumart img {
  431. position:relative;
  432. margin-top:-65px;
  433. margin-left:0px
  434. height:100px;
  435. width:100px;
  436. }
  437.  
  438. .trackinfo {
  439. margin-bottom:10px;
  440. background:transparent;
  441. color:#000;
  442. top:-4px;
  443. position:relative;
  444. margin-left:120px;
  445. height:120px;
  446. margin-top:-120px;
  447. }
  448.  
  449. .trackname {
  450. position:relative;
  451. padding-top:60px;
  452. text-align:center;
  453. font-size:14px;
  454. font-family:arial black;
  455. text-transform:uppercase;
  456. letter-spacing:0px;
  457. color: #e3e2ea;
  458. text-shadow:1px 1px 3px #000;
  459.  
  460. }
  461.  
  462. .artist {
  463. text-align:center;
  464. font-size:12px;
  465. color:#000;
  466. letter-spacing:0px;
  467.  
  468. }
  469.  
  470. /*credit*/
  471.  
  472. #credit {
  473. position:fixed;
  474. font-size:16px;
  475. color:#383838;
  476. line-height:150%;
  477. letter-spacing:2px;
  478. right:10px;
  479. bottom:10px;
  480. text-transform:lowercase;
  481. text-align:center;
  482. }
  483.  
  484. #credit a {
  485. letter-spacing: 0px;
  486. padding:3px;
  487. color:#383838;
  488. }
  489.  
  490. #credit a:hover {
  491. color:{color:link hover};
  492.  
  493. }
  494.  
  495.  
  496.  
  497. {CustomCSS}</style></head><body>
  498.  
  499. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  500. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  501. <script>
  502.  
  503. (function($){
  504.  
  505. $(document).ready(function(){
  506.  
  507. $("a[title]").style_my_tooltips({
  508.  
  509. tip_follows_cursor:true,
  510.  
  511. tip_delay_time:50,
  512.  
  513. tip_fade_speed:600,
  514.  
  515. attribute:"title"
  516.  
  517. });
  518.  
  519. });
  520.  
  521. })(jQuery);
  522.  
  523. </script>
  524.  
  525.  
  526. <div id="sidebar">
  527. <div id="title">RP-blog for<br><b>MIMIC THE OCTOPUS</b><br> from Sonic the Hedgehog (IDW)</div>
  528.  
  529. <div id="alinks">
  530. <div style="padding: 2px; background-color: #e3e3eb; border:1px solid #b4b0cb; border-left:4px solid #b4b0cb; border-right:4px solid #b4b0cb; line-height: 1;"><a href="/">index</a></div><br>
  531. <div style="padding: 2px; background-color: #e3e3eb; border:1px solid #b4b0cb; border-left:4px solid #b4b0cb; border-right:4px solid #b4b0cb; line-height: 1;"><a href="/ask">message</a></div><br>
  532. <div style="padding: 2px; background-color: #e3e3eb; border:1px solid #b4b0cb; border-left:4px solid #b4b0cb; border-right:4px solid #b4b0cb; line-height: 1;"><a href="{text:rules link}">rules</a></div><br>
  533. <div style="padding: 2px; background-color: #e3e3eb; border:1px solid #b4b0cb; border-left:4px solid #b4b0cb; border-right:4px solid #b4b0cb; line-height: 1;"><a href="{text:about link}">about</a></div><br></div>
  534.  
  535. <div id="description">{Description}</div>
  536.  
  537.  
  538. <div id="pagination">
  539. {block:Pagination}
  540.  
  541. {block:NextPage}
  542. <a href="{NextPage}" title="next">⤏</a>
  543. {/block:NextPage}
  544. {/block:Pagination}<br><br>
  545.  
  546. {block:PreviousPage}
  547. <a href="{PreviousPage}" title="back">⤎</a>
  548. {/block:PreviousPage}
  549. </div>
  550.  
  551.  
  552.  
  553. </div>
  554.  
  555.  
  556. <div id="entries">{block:Posts}<div id="post">
  557.  
  558. {block:Text}<h1>{block:Title}<big><{Title}</big></big></big>{/block:Title}</h1>{Body}{/block:Text}
  559.  
  560. {block:Quote}<h1>{Quote}</h1>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  561.  
  562. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  563.  
  564. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  565.  
  566. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" width="380px">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  567.  
  568. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  569.  
  570. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{/block:Link}
  571.  
  572. {block:Audio}
  573. {block:AudioPlayer}
  574. <div class="playbutton">{AudioPlayerGrey}</div>
  575. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  576. <div class="trackinfo">
  577. <div class="trackname">
  578. {block:TrackName}{TrackName}{/block:TrackName}
  579. </div>
  580. <div class="artist">
  581. {block:Artist}{Artist}{/block:Artist}
  582. </div>
  583. </div>
  584. {block:Caption}{Caption}{/block:Caption}
  585. {/block:AudioPlayer}
  586. {/block:Audio}
  587.  
  588. {block:Answer}<div class="question"><p style="text-transform:uppercase;font-weight:bold;border-bottom:1px solid #a39fb8;padding-bottom:5px"> message from {Asker}:<br><font face="helvetica"><p style="text-transform:normal;font-size:12px;letter-spacing:0px;">{Question}</font></div><div class="answer">{Answer}</div>{/block:answer}
  589.  
  590.  
  591. {block:Date}<div class="postinfo"> <a href="{Permalink}">{TimeAgo}</a>   {block:NoteCount}notes: {NoteCount}{/block:NoteCount}   {block:RebloggedFrom}<a href="{ReblogParentURL}"title="via">⦿</a>{/block:RebloggedFrom}   {block:ContentSource}<a href="{SourceURL}"title="source">⦿</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
  592.  
  593. {block:HasTags}
  594. <div class="tags">{block:Tags}- <a href="{TagURL}">{Tag} </a>{/block:Tags}</div>
  595. {/block:HasTags}
  596.  
  597. <div class="postnote">
  598. {block:PostNotes}{PostNotes}{/block:PostNotes}
  599. </div>
  600. </div>
  601. {/block:Posts}
  602.  
  603.  
  604. </div>
  605.  
  606. <div id="credit"><a href="https://somewhereinchaos.tumblr.com/" title="theme by seiko">⦿</a></div>
  607.  
  608. </body>
  609.  
  610. </div></div></div></div></div></div></div></div></div></div>
  611. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement