API tools faq
paste
Advertisement
bakushima

the rising tide theme

bakushima
Jul 22nd, 2020 (edited)
1,111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!-----
  6.  
  7. the rising tide theme by sam @ classroom.tumblr.com
  8.  
  9. do not steal or use as a basecode queens xx thanks
  10.  
  11. change the credit pixel if you'd like but do not remove or i'll kill you <3
  12.  
  13. all my codes are 100% my work, save for the base code i use. any similarities to your own coding is purely coincidental, i do not steal other peoples html!
  14.  
  15. enjoy! let me know if there are any bugs
  16.  
  17. ----->
  18.  
  19. <style type="text/css">* {cursor: url('{image:cursor}'), auto !important;}</style>
  20.  
  21.  
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23.  
  24. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25.  
  26. <script>
  27.  
  28. (function($){
  29.  
  30. $(document).ready(function(){
  31.  
  32. $("a[title]").style_my_tooltips({
  33.  
  34. tip_follows_cursor:true,
  35.  
  36. tip_delay_time:90,
  37.  
  38. tip_fade_speed:600,
  39.  
  40. attribute:"title"
  41.  
  42. });
  43.  
  44. });
  45.  
  46. })(jQuery);
  47.  
  48. </script>
  49.  
  50.  
  51.  
  52. <meta charset="utf-8">
  53. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />
  56. {/block:Description}
  57.  
  58.  
  59. <meta name="image:sidebar" content="">
  60. <meta name="image:background" content="">
  61. <meta name="image:footer" content="">
  62. <meta name="image:favicon" content="">
  63. <meta name="image:cursor" content="">
  64.  
  65. <meta name="color:background" content="#ffffff">
  66. <meta name="color:text" content="#000000">
  67. <meta name="color:link" content="#000000">
  68. <meta name="color:link hover" content="#000000">
  69. <meta name="color:post" content="ffffff">
  70. <meta name="color:post glow" content="ffffff">
  71. <meta name="color:text glow" content="000000">
  72. <meta name="color:border" content="#000000">
  73.  
  74. <meta name="select:post size" content="400" title="400px">
  75. <meta name="select:post size" content="500" title="500px">
  76. <meta name="select:border type" content="" title="none">
  77. <meta name="select:border type" content="solid" title="solid">
  78. <meta name="select:border type" content="double" title="double">
  79. <meta name="select:border type" content="dotted" title="dotted">
  80. <meta name="select:border type" content="dashed" title="dashed">
  81. <meta name="select:border type" content="outset" title="outset">
  82. <meta name="select:border type" content="inset" title="inset">
  83.  
  84. <meta name="if:circle sidebar" content="">
  85. <meta name="if:post glow" content="">
  86. <meta name="if:text glow" content="">
  87. <meta name="if:styled scrollbar" content="">
  88. <meta name="if:no scrollbar" content="">
  89. <meta name="if:description" content="">
  90. <meta name="if:title marquee" content="">
  91.  
  92. <meta name="text:font" content="arial">
  93. <meta name="text:text size" content="28px">
  94. <meta name="text:fake desc" content="leave blank when using real description">
  95. <meta name="text:title" content="leave blank for no title">
  96.  
  97.  
  98.  
  99. <title>{Title}</title>
  100.  
  101. <link rel="shortcut icon" href="{image:favicon}">
  102. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  103. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  104.  
  105.  
  106. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  107.  
  108. <style type="text/css">
  109.  
  110.  
  111.  
  112.  
  113.  
  114. {block:ifstyledscrollbar}
  115. ::-webkit-scrollbar {
  116. width: 16px;
  117. max-width: 16px;
  118. }
  119.  
  120. ::-webkit-scrollbar-track {
  121. background: url("https://static.tumblr.com/dt0m1du/kzao7vkc3/scrollbackground.png");
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb {
  125. background: #BDBDBD;
  126. border: #DFDFDF 2px outset;
  127. }
  128.  
  129. ::-webkit-scrollbar-button:vertical:start:decrement{
  130. display:block;
  131. background: url("https://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 0px 0px;
  132. width: 16px;
  133. max-width: 16px;
  134. height: 16px;
  135. max-height: 16px;
  136. border: #DFDFDF 2px outset;
  137. }
  138.  
  139. ::-webkit-scrollbar-button:vertical:end:increment{
  140. display:block;
  141. background: url("https://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 0px 12px;
  142. width: 16px;
  143. max-width: 16px;
  144. height: 16px;
  145. max-height: 16px;
  146. border: #DFDFDF 2px outset;
  147. }
  148.  
  149. ::-webkit-scrollbar-button:horizontal:start:decrement{
  150. display:block;
  151. background: url("https://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 12px 12px;
  152. width: 16px;
  153. max-width: 16px;
  154. height: 16px;
  155. max-height: 16px;
  156. border: #DFDFDF 2px outset;
  157. }
  158.  
  159. ::-webkit-scrollbar-button:horizontal:end:increment{
  160. display:block;
  161. background: url("https://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 12px 1px;
  162. width: 16px;
  163. max-width: 16px;
  164. height: 16px;
  165. max-height: 16px;
  166. border: #DFDFDF 2px outset;
  167. }
  168. {/block:ifstyledscrollbar}
  169.  
  170. {block:ifnoscrollbar}
  171. ::-webkit-scrollbar {width: 0px; height: 2px; background: {color:background};}
  172. ::-webkit-scrollbar-thumb {background-color:{color:background}}
  173. {/block:ifnoscrollbar}
  174.  
  175. /*
  176. general text styles, fonts and colours
  177. */
  178.  
  179.  
  180. body {
  181. margin:0px;
  182. background:{color:background} url({image:background});
  183. background-image: url('{image:background}');
  184. background-attachment: fixed;
  185. background-position: top left;
  186. background-size: repeat;
  187. font-family:{text:font};
  188. font-size:{text:text size};
  189. line-height:140%;
  190. color: {color:text};
  191. {block:iftextglow}
  192. text-shadow: 0px 0px 2px {color:text glow};
  193. {/block:iftextglow}
  194. }
  195.  
  196. p{
  197. margin:0 0 10px 0;
  198. padding:0;
  199. }
  200.  
  201. pre {
  202. white-space: pre-wrap;
  203. white-space: -moz-pre-wrap;
  204. white-space: -pre-wrap;
  205. white-space: -o-pre-wrap;
  206. word-wrap: break-word;
  207. }
  208.  
  209. a{
  210. color:{color:link};
  211. text-decoration:none;
  212. {block:iftextglow}
  213. text-shadow: 0px 0px 2px {color:text glow};
  214. {/block:iftextglow}
  215. }
  216.  
  217. a:hover{
  218. color:{color:link hover};
  219. {block:iftextglow}
  220. text-shadow: 0px 0px 2px {color:text glow};
  221. {/block:iftextglow}
  222. opacity:1;
  223. color:{color:link hover};
  224. -webkit-filter:blur(2px);
  225. }
  226.  
  227. li{
  228. margin-left:-15px;
  229. }
  230.  
  231. #s-m-t-tooltip{
  232. max-width:400px; /* maximum width */
  233. background-color:transparent; /* color background */
  234. font-family:{text:font}; /* font of lyrics */
  235. font-size:{text:font size}; /* font size */
  236. color:{color:text}; /* font color */
  237. letter-spacing:1px; /* font spacing */
  238. text-transform:uppercase; /* uppercase, lowercase, none */
  239. padding:3px 4px 3px 4px; /* padding size */
  240. margin:20px 0px 0px 20px; /* margin size */
  241. z-index:999999999999999999999999999999999999;
  242. border:3px {select:border type} {color:text};
  243. }
  244.  
  245.  
  246. /*
  247. containers etc
  248. */
  249.  
  250.  
  251. #wrapper{
  252. width:600px;
  253. margin:50px auto;
  254. }
  255.  
  256. #sidebar{
  257. position:fixed;
  258. text-align:center;
  259. margin-left:-175px;
  260. width:300px;
  261. margin-top:50px;
  262. {block:ifcircleborder}
  263. border:2px {select:border type} {color:border};
  264. {/block:ifcircleborder}
  265. }
  266.  
  267.  
  268. #content{
  269. width:{select:post size}px;
  270. margin-left:290px;
  271. }
  272.  
  273. .post{
  274. width:{select:post size}px;
  275. margin:0 0 50px 0;
  276. {block:ifpostglow}
  277. box-shadow: 0 0 10px 5px {color:post glow};
  278. background-color:{color:post glow};
  279. {/block:ifpostglow}
  280. margin-bottom:110px;
  281. padding:10px;
  282. border:3px {select:border type} {color:border};
  283. overflow:hidden;
  284. background-color:{color:post};
  285. }
  286. .post img{ max-width:100%; height:auto; }
  287.  
  288. #sidebar img, .post img{
  289. max-width:100%;
  290. }
  291.  
  292. #sidebar img{
  293. width:300px;
  294. {block:ifcirclesidebar}
  295. border-radius:100%;
  296. {/block:ifcirclesidebar}
  297. {block:ifpostglow}
  298. box-shadow: 0 0 10px 5px {color:post glow};
  299. {/block:ifpostglow}
  300. border:3px {select:border type} {color:border};
  301. {block:ifnocircleborder}
  302. border:3px {select:border type} {color:border};
  303. {/block:ifnocircleborder}
  304. background-color:{color:border};
  305. }
  306.  
  307. #nav{
  308. margin:50px 0 0 0;
  309. text-align:center;
  310. margin-left:15px;
  311. }
  312.  
  313. #lover{
  314. position:fixed;
  315. bottom:-3px;
  316. left:10px;
  317. padding:0px;
  318. font-size:8px;
  319. font-weight:normal;
  320. }
  321.  
  322. #links {
  323. text-align:center;
  324. color:#fff;
  325. }
  326.  
  327. #title{
  328. font-size:48px;
  329. text-align:center;
  330. color:{color:link};
  331. font-style:italic;
  332. position:fixed;
  333. text-align:center;
  334. margin-left:-175px;
  335. width:300px;
  336. }
  337.  
  338. ::selection {
  339. color:{color:link};
  340. background:{color:text};
  341. }
  342.  
  343. /*
  344. content in the body of the posts - quotes, asks, etc
  345. "media" contains photos, photosets, videos, audio posts
  346. */
  347. .media{
  348. margin:0 0 10px 0;
  349. }
  350.  
  351. .title{
  352. font-weight:normal;
  353. font-size:34px;
  354. margin:0 0 10px 0;
  355. }
  356.  
  357. .quote{
  358. font-weight:normal;
  359. font-size:{text:text size}px;
  360. font-style:italic;
  361. margin:0 0 10px 0;
  362. }
  363.  
  364. .question{
  365. margin-bottom:10px;
  366. }
  367.  
  368. blockquote{
  369. margin:0 0 10px 10px;
  370. padding:0 0 0 10px;
  371. border-left:2px double {color:text};
  372. }
  373.  
  374. /*
  375. post footers - date, tags, via and source
  376. */
  377. .post .footer{
  378. margin:0;
  379. text-align:center;
  380. {block:ifpostglow}
  381. text-shadow: 0px 0px 10px {color:post glow};
  382. {/block:ifpostglow}
  383. }
  384.  
  385. /*
  386. post notes
  387. */
  388. ol.notes{
  389. list-style-type:none;
  390. padding:0;
  391. margin:0;
  392. }
  393.  
  394. ol.notes li.note img{
  395. width:16px;
  396. height:16px;
  397. }
  398.  
  399. ol.notes li.note{
  400. margin:0px;
  401. }
  402.  
  403. .video-container {
  404. position: center;
  405. overflow: hidden;
  406. }
  407.  
  408. .video-container iframe,
  409. .video-container object,
  410. .video-container embed {
  411. position: center;
  412. max-width:{select:post size}px;
  413. max-height:{select:post size}px;
  414. }
  415.  
  416. .video-wrapper {
  417. max-width:{select:post size}px;
  418. max-height:{select:post size}px;
  419. }
  420.  
  421.  
  422.  
  423. {CustomCSS}
  424.  
  425.  
  426. </style>
  427. </head>
  428.  
  429. <body>
  430.  
  431. <div id="wrapper">
  432.  
  433.  
  434. <div id="sidebar">
  435. <a title="{title}" href="/"><img src="{image:Sidebar}"></a>
  436. {block:ifdescription}
  437. <p>{Description}</p>
  438. {/block:ifdescription}
  439. <p>{text:fake desc}</p>
  440. </div>
  441.  
  442. <div id="title">
  443. {block:iftitlemarquee}<marquee>{/block:iftitlemarquee}<b><a href="/">{text:Title}</a></b>{block:iftitlemarquee}</marquee>{/block:iftitlemarquee}
  444. </div>
  445.  
  446.  
  447. <div id="content">
  448. {block:Posts}
  449. <!-- {block:NoRebloggedFrom}
  450. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  451. {/block:NoRebloggedFrom} -->
  452. {block:ContentSource}<!-- {SourceURL}
  453. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  454. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  455. {/block:ContentSource}
  456. <div class="post">
  457.  
  458. {block:Text}
  459. {block:Title}
  460. <div class="title">{Title}</div>
  461. {/block:Title}
  462. {Body}
  463. {/block:Text}
  464.  
  465. {block:Photo}
  466. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  467.  
  468. {block:ifshowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowCaption}
  469. {/block:Photo}
  470.  
  471. {block:Photoset}
  472. <div class="media">{Photoset}</div>
  473. {block:ifshowCaption}
  474. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowCaption}
  475. {/block:Photoset}
  476.  
  477.  
  478. {block:Quote}
  479. <div class="quote">"{Quote}"</div>
  480. {/block:Quote}
  481.  
  482. {block:Link}
  483. <div class="title"><a href="{URL}">{Name}</a></div>
  484. {block:Description}
  485. <div class="description">{Description}</div>
  486. {/block:Description}
  487. {/block:Link}
  488.  
  489. {block:Chat}
  490. {block:Title}
  491. <div class="title">{Title}</div>
  492. {/block:Title}
  493.  
  494. {block:Lines}
  495. <div class="{Alt} user_{UserNumber}">
  496. {block:Label}
  497. <b>{Label}</b>{/block:Label}
  498. &nbsp;{Line}
  499. </div>
  500. {/block:Lines}
  501. {/block:Chat}
  502.  
  503. {block:Video}
  504. <div class="media">
  505. <div class="video-wrapper">
  506. <div class="video-container">{Video-400}</div>
  507. </div>
  508. </div>
  509. {block:ifshowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowCaption}
  510. {/block:Video}
  511.  
  512. {block:Audio}
  513. <div class="media">
  514. {AudioPlayerBlack}
  515. {block:Album}{Album}{/block:Album}
  516. </div>
  517. {/block:Audio}
  518.  
  519. {block:Answer}
  520. <div class="question">{Asker}: {Question}</div>
  521. <div class="caption">{Answer}</div>
  522. {/block:Answer}
  523.  
  524.  
  525. {block:Date}
  526. <div class="footer">
  527.  
  528. <a href="{Permalink}"><img src="{image:footer}"></a>
  529.  
  530. </div>
  531.  
  532. {block:PermalinkPage}
  533. {block:NoteCount}
  534. {block:PostNotes}{PostNotes}{/block:PostNotes}
  535. {/block:NoteCount}
  536. {/block:PermalinkPage}
  537. {/block:Date}
  538.  
  539. </div>
  540. {/block:Posts}
  541.  
  542. {block:Pagination}
  543. <div id="nav">
  544. {block:previousPage}<a href="{previousPage}">⇇ prev</a> ⋆ {/block:previousPage} {block:nextPage}<a href="{nextPage}">next ⇉</a>{/block:nextPage}
  545. </div>
  546. {/block:Pagination}
  547. </div>
  548. </div>
  549.  
  550. </div>
  551.  
  552. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  553. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  554.  
  555.  
  556. </div>
  557. </div>
  558. <!----
  559. you may change the pixel, but do not remove it. just change the image source link to the new pixel link. **AGAIN: DO NOT REMOVE**
  560. ----->
  561.  
  562. <div id="lover"><a title="credit" href="https://classroom.tumblr.com/"><img src="https://64.media.tumblr.com/154b5d7510afe91a39408f94f76d2f15/4d9ab15404ddfee1-79/s75x75_c1/db75e0c4f232650350b1c775317567b8c6d44449.gif"></a></div>
  563.  
  564. </body>
  565. </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!