API tools faq
paste
drunkblushed

daylight (multimuse) v1 by drunkblushed

drunkblushed
Nov 30th, 2019 (edited)
1,196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♡ DAYLIGHT (multimuse) BY DRUNKBLUSHED ♡
  4.  
  5. — do not combine with other themes.
  6. — do not take copy or take parts of this theme.
  7. — do not remove credits and redistribute as your own.
  8.  
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{title}</title>
  16.  
  17. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap" rel="stylesheet">
  18.  
  19. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("[title]").style_my_tooltips();
  28. });
  29. })(jQuery);
  30. </script>
  31.  
  32. <style type="text/css">
  33.  
  34. @font-face { font-family:"tokyoreg"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }
  35. @font-face { font-family: "primetime"; src: url('https://dl.dropboxusercontent.com/s/uzoszwd2yfzqmmx/PRIMETIME.ttf');}
  36. @font-face { font-family: "sv"; src: url('https://dl.dropboxusercontent.com/s/qpgsh740pinr4ic/Serenade%20Demo.ttf') ;}
  37.  
  38.  
  39. body{
  40. background-color: #f3f3f3;
  41. font-family: 'roboto', sans-serif;
  42. color:#3c3c3c;
  43. letter-spacing:1px;
  44. background-image:url(https://static.tumblr.com/db86de27f2ba6c938614b64911901886/3dwgdmw/9chq1sfw8/tumblr_static_a1t6m9k84tkogk8s88cw4gc4w.png);
  45. background-size: cover;
  46. }
  47.  
  48. /*----------------- TEXT STYLES -----------------*/
  49.  
  50. a:link, a:active, a:visited{
  51. color: #b0b3b2;
  52. text-decoration:none;
  53. -webkit-transition: all 0.2s linear;
  54. -moz-transition: all 0.2s linear;
  55. transition: all 0.2s linear;
  56. }
  57.  
  58. a:hover {
  59. color:;
  60. -webkit-transition: all 0.2s linear;
  61. -moz-transition: all 0.2s linear;
  62. transition: all 0.2s linear;
  63. }
  64.  
  65. b,bold,strong{
  66. color:#b0b3b2;
  67. text-transform:uppercase;
  68. }
  69.  
  70. em,i,italic{
  71. color:#b0b3b2;
  72. }
  73.  
  74. big{font-size:11px;font-family: 'roboto', sans-serif;}
  75.  
  76. small,sup{
  77. font-size:9px;
  78. }
  79.  
  80. h1{font-family: "primetime";
  81. letter-spacing:1px;
  82. padding:10px;
  83. text-align:center;
  84. font-size: 22px;
  85. text-transform:uppercase;
  86. line-height: 120%;
  87. color:#b0b3b2;}
  88.  
  89. h2{font-family: "primetime";
  90. letter-spacing:1px;
  91. padding:10px;
  92. text-align:right;
  93. font-size: 18px;
  94. text-transform:uppercase;
  95. line-height: 120%;
  96. color:#b0b3b2;}
  97.  
  98. .posttitle{
  99. font-family: "primetime";
  100. letter-spacing:1px;
  101. padding:10px;
  102. text-align:center;
  103. font-size: 22px;
  104. text-transform:uppercase;
  105. line-height: 120%;
  106. color:;
  107. }
  108.  
  109. blockquote{
  110. margin-left:0px;
  111. padding-left:15px;
  112. border-left: 2.5px solid ;
  113. width:95%;
  114. }
  115.  
  116.  
  117. .p { padding-top: 5px;}
  118. .ol, ul { margin-left: 30px; padding: 5px; }
  119. .ul { list-style-type: square; }
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. display: none;
  123. }
  124.  
  125. ::-webkit-scrollbar {
  126. display: none;
  127. }
  128.  
  129. #s-m-t-tooltip {
  130. z-index: 999999999999999999;
  131. background: #fff;
  132. font-size: 8px;
  133. line-height: 13px;
  134. letter-spacing: 1.5px;
  135. text-transform: uppercase;
  136. color: ;
  137. font-weight:900;
  138. background-color:;
  139. max-width: 150px;
  140. word-wrap: break-word;
  141. padding: 2px 5px 2px 6px;
  142. display: block;
  143. margin: 24px 14px 7px 12px;
  144. -webkit-transition:.3s;
  145. -moz-transition:.3s;
  146. }
  147.  
  148. /*----------------- CONTAINERS & POSTS -----------------*/
  149.  
  150. #bigcont{
  151. margin: auto;
  152. left:0px;
  153. top:0px;
  154. bottom:0px;
  155. right:0px;
  156. }
  157.  
  158. #entries{
  159. padding:30px;
  160. z-index:99;
  161. margin: auto;
  162. left:0px;
  163. top:25px;
  164. bottom:0px;
  165. right:0px;
  166. width:600px;
  167. position:absolute;
  168. height:400px;
  169. overflow-y:scroll;
  170. background-color:;
  171. overflow-x:hidden;
  172. }
  173.  
  174.  
  175. /*----------------- CUSTOMIZATIONS -----------------*/
  176.  
  177.  
  178. .tabz{
  179. width:190px;
  180. height:10px;
  181. font-size:12px;
  182. z-index:99999999999999999;
  183. position:fixed;
  184. text-transform:uppercase;
  185. margin-left:420px;
  186. text-align:center;
  187. margin-top:400px;
  188. padding:10px;
  189. color:#0b0b0b;
  190. line-height:100%;
  191. color:#b0b3b2;
  192. background-color:#3c3c3c;
  193. }
  194.  
  195. .tabz a{
  196. color:#b0b3b2;
  197. padding:10px;
  198. }
  199.  
  200.  
  201. .centerimage {background:#b0b3b2; margin-left:-30px; height:400px; margin-top:-30px; width:450px; height:450px; margin-bottom:50px; position:fixed;}
  202.  
  203. .centerimage img { margin-top:75px; margin-left:75px; z-index:999;}
  204.  
  205. .sideimage {position:fixed;z-index:99999999; width:210px; height:460px;margin-left:420px; margin-top:-30px; background-color:Black;}
  206.  
  207. .sideimage img {width:210px; height:460px;}
  208.  
  209.  
  210.  
  211. /*----------------- TABS BASE CODE BY NCIGHBOURHOOD -----------------*/
  212.  
  213.  
  214. .tabzcon { /* tablinks content aka the box under the tablinks */
  215. margin: auto;
  216. left:-200px;
  217. top:25px;
  218. bottom:0px;
  219. right:0px;
  220. padding:30px;
  221. position:absolute;
  222. width:400px;
  223. height:400px;
  224. background-color:#b0b3b2;
  225. color:#6c4b45;
  226. z-index:99999999999999999999999999999999999999999999999999;
  227. }
  228.  
  229.  
  230. .tabzclose { /* the close button, u prob dont need to touch this */
  231. font-size:10px;
  232. padding:3px;
  233. color:#f3f3f3;
  234. margin-top:-13px;
  235. margin-right:-5px;
  236. float:right;
  237. }
  238.  
  239. .tabzclose:hover {
  240. cursor:pointer;
  241. }
  242.  
  243. .tabzcon img{
  244. width:390px;
  245. height:130px;
  246. background-color:;
  247. }
  248.  
  249.  
  250. /*----------------- MUSE TAB -----------------*/
  251.  
  252. #musetitle{
  253. font-size:40px;
  254. color:#3c3c3c;
  255. font-family:"primetime";
  256. text-align:center;
  257. margin-top:-10px;
  258. margin-bottom:20px;
  259. }
  260.  
  261. .musename{
  262. font-size:28px;
  263. font-family:"primetime";
  264. -webkit-text-stroke: 1.5px #3c3c3c;
  265. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  266. display: inline-block;
  267. margin-left:20px;
  268. margin-top:-10px;
  269. max-width:200px;
  270. }
  271.  
  272. .musedesc{
  273. width:190px;
  274. height:70px;
  275. padding:5px;
  276. overflow:auto;
  277. font-size:9px;
  278. line-height:150%;
  279. color:#3c3c3c;
  280. border-left:15px solid #b0b3b2;
  281. }
  282.  
  283. .musesubtitle{
  284. display: inline-block;
  285. max-width:200px;
  286. font-size:12px;
  287. text-transform:uppercase;
  288. font-family:"tokyoreg";
  289. text-align:center;
  290. margin-left:20px;
  291. margin-top:-5px;
  292. }
  293.  
  294. .musesubtitle span{
  295. background-color:#3c3c3c;
  296. font-size:12px;
  297. padding-bottom:20px;
  298. line-height:25px;
  299. padding:0px 5px 5px 5px;
  300. color:#b0b3b2;
  301. }
  302.  
  303. .museimg img{
  304. width:130px;
  305. height:130px;
  306. float:left;
  307. margin-bottom:20px;
  308. display: inline-block;
  309. }
  310.  
  311. #muselinks{
  312. width:15px;
  313. padding:5px;
  314. height:120px;
  315. margin-left:360px;
  316. margin-top:-145px;
  317. margin-bottom:60px;
  318. }
  319.  
  320. #muselinks a{
  321. display: inline-block;
  322. color:#3c3c3c;
  323. font-size:12px;
  324. padding-top:14px;
  325. }
  326.  
  327. /*----------------- CREDITS / DO NOT TOUCH! -----------------*/
  328. #credits{
  329. position:fixed;
  330. bottom:0px;
  331. right:5px;
  332. width:35px;
  333. height:35px;
  334. text-align:center;
  335. }
  336.  
  337. #credits a{
  338. font-family:"primetime";
  339. font-size:18px;
  340. -webkit-text-stroke: 1px #b0b3b2;
  341. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  342. }
  343.  
  344. #credits a:hover{
  345. font-family:"primetime";
  346. -webkit-text-fill-color: #b0b3b2;
  347. }
  348.  
  349. <link rel="shortcut icon" href="{Favicon}">
  350. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  351.  
  352. </style>
  353.  
  354. </head>
  355.  
  356. <body>
  357.  
  358. <!--TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!-->
  359.  
  360. <!--MUSE TAB-->
  361. <div id="TabzTwo" class="tabzcon alytut" style="display:auto; overflow:auto;">
  362.  
  363.  
  364. <!------------MUSE ONE------------>
  365. <div class="museimg"><img src="https://via.placeholder.com/130x130"></img></div>
  366.  
  367. <div class="musename">muse name</div>
  368.  
  369. <div class="musesubtitle"><span>fc. age. label. statistic.</span></div>
  370.  
  371. <div class="musedesc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar velit tortor, nec pellentesque elit porta sed. Praesent a sodales est, a accumsan purus. Nulla finibus, augue nec pellentesque mollis, nulla risus dapibus est, a rutrum dui dui fermentum leo.</div>
  372.  
  373. <div id="muselinks">
  374. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  375. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  376. <a href="/"><span class="th th-camera" title="visage"></span></a>
  377. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  378. <a href="/"><span class="th th-flash" title="active"></span></a>
  379. </div><!------------END MUSE ONE------------>
  380.  
  381.  
  382.  
  383. <!------------MUSE TWO------------>
  384. <div class="museimg"><img src="https://via.placeholder.com/130x130"></img></div>
  385.  
  386. <div class="musename">muse name</div>
  387.  
  388. <div class="musesubtitle"><span>fc. age. label. statistic.</span></div>
  389.  
  390. <div class="musedesc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar velit tortor, nec pellentesque elit porta sed. Praesent a sodales est, a accumsan purus. Nulla finibus, augue nec pellentesque mollis, nulla risus dapibus est, a rutrum dui dui fermentum leo.</div>
  391.  
  392. <div id="muselinks">
  393. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  394. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  395. <a href="/"><span class="th th-camera" title="visage"></span></a>
  396. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  397. <a href="/"><span class="th th-flash" title="active"></span></a>
  398. </div><!------------END MUSE TWO------------>
  399.  
  400.  
  401.  
  402. <!------------MUSE THREE------------>
  403. <div class="museimg"><img src="https://via.placeholder.com/130x130"></img></div>
  404.  
  405. <div class="musename">muse name</div>
  406.  
  407. <div class="musesubtitle"><span>fc. age. label. statistic.</span></div>
  408.  
  409. <div class="musedesc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar velit tortor, nec pellentesque elit porta sed. Praesent a sodales est, a accumsan purus. Nulla finibus, augue nec pellentesque mollis, nulla risus dapibus est, a rutrum dui dui fermentum leo.</div>
  410.  
  411. <div id="muselinks">
  412. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  413. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  414. <a href="/"><span class="th th-camera" title="visage"></span></a>
  415. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  416. <a href="/"><span class="th th-flash" title="active"></span></a>
  417. </div><!------------END MUSE THREE------------>
  418.  
  419.  
  420.  
  421. <!------------MUSE FOUR------------>
  422. <div class="museimg"><img src="https://via.placeholder.com/130x130"></img></div>
  423.  
  424. <div class="musename">muse name</div>
  425.  
  426. <div class="musesubtitle"><span>fc. age. label. statistic.</span></div>
  427.  
  428. <div class="musedesc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar velit tortor, nec pellentesque elit porta sed. Praesent a sodales est, a accumsan purus. Nulla finibus, augue nec pellentesque mollis, nulla risus dapibus est, a rutrum dui dui fermentum leo.</div>
  429.  
  430. <div id="muselinks">
  431. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  432. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  433. <a href="/"><span class="th th-camera" title="visage"></span></a>
  434. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  435. <a href="/"><span class="th th-flash" title="active"></span></a>
  436. </div><!------------END MUSE FOUR------------>
  437.  
  438.  
  439. </div><!--END MUSE TAB-->
  440.  
  441.  
  442.  
  443. <div id="entries">
  444.  
  445. <div class="sideimage"><img src="https://static.tumblr.com/763cef80296fdb2e3e350174ef9ab389/3dwgdmw/n1Jq1sgl4/tumblr_static_95uusggoym0wswg880swg8ksw.png" draggable="false"></div>
  446.  
  447. <div class="tabz">
  448. <a href="/" title="home"><span class="th th-home"></span></a>
  449. <a href="/ask" title="message"><span class="th th-chat-bubble"></span></a>
  450. <a href="#"><span class="th th-star"></span></a>
  451. <a href="#"><span class="th th-cloud-3"></span></a>
  452. </div>
  453.  
  454.  
  455. </div><!----ENTRIES END---->
  456. </div>
  457.  
  458. <div id="credits">
  459. <a href="https://drunkblushed.tumblr.com/" title="theme by drunkblushed">DB.</a></div>
  460.  
  461. </body>
  462. <script>
  463. function openAlytut(evt, alytutName) {
  464. var i, x, tablinks;
  465. x = document.getElementsByClassName("alytut");
  466. for (i = 0; i < x.length; i++) {
  467. x[i].style.display = "none";
  468. }
  469. tablinks = document.getElementsByClassName("tablink");
  470. for (i = 0; i < x.length; i++) {
  471. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  472. }
  473. document.getElementById(alytutName).style.display = "block";
  474. evt.currentTarget.className += " tabzact";
  475. }
  476. </script>
  477.  
  478. </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!