API tools faq
paste
glenthemes

Color Page [01]: Euphoria

glenthemes
Apr 25th, 2020 (edited)
3,026
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.02 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Colors Page [01]: Euphoria
  3. Made by glenthemes
  4.  
  5. Initial release: 2020/04/26
  6. Last updated: 2023/05/11
  7.  
  8. TERMS OF USE:
  9. 1) Do not remove the page credit.
  10. 2) Do not repost/redistribute my themes.
  11. 3) Do not take parts of the code and use it as your own.
  12. 4) Do not use my themes as a base code.
  13. 5) Do not mix my themes together.
  14.  
  15. Customization pointers:
  16. 🍑🍑🍑🍑🍑🍑🍑 = places to edit
  17. 🍓🍓🍓🍓🍓🍓🍓 = start of a section || start copy
  18. 🛑🛑🛑🛑🛑🛑🛑 = end of a section || end copy
  19. ------------------------------------------------------------------------>
  20.  
  21. <!DOCTYPE html>
  22. <html lang="en">
  23.  
  24. <head>
  25.  
  26. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  27. <!------ TITLE (the one that appears as your tab/browser title ------>
  28.  
  29. <title>{Title} - Favorite Colors</title>
  30.  
  31. <link rel="shortcut icon" href="{Favicon}">
  32.  
  33. <!--------------------JAVASCRIPTS-------------------->
  34. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:50,
  42. tip_fade_speed:0,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=Nunito|Questrial:400|Work+Sans|Manrope:300,400|Libre+Franklin" rel="stylesheet">
  50.  
  51. <script src="https://static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  52.  
  53. <script src="//glen-themes.gitlab.io/color-pages/01/euphoria.js"></script>
  54.  
  55. <!-------------------------------------------------------------------->
  56.  
  57. <style type="text/css">
  58.  
  59. /*--------------------TOOLTIPS--------------------*/
  60. #s-m-t-tooltip {
  61. padding:5px 12px;
  62. margin:20px;
  63. background-color:var(--Tooltips-BG);
  64. font-family:work sans;
  65. font-size:var(--Top-Links-Font-Size);
  66. text-transform:uppercase;
  67. letter-spacing:.7px;
  68. color:var(--Tooltips-Text);
  69. z-index:99;
  70. max-width:40vw;
  71. }
  72.  
  73. /*--------------------TUMBLR CONTROLS--------------------*/
  74. iframe#tumblr_controls, .iframe-controls--desktop {
  75. top:calc(var(--Top-Bar-Padding) - 3px)!important;
  76. right:calc(var(--Top-Bar-Padding) + var(--Bars-Width) + (var(--Top-Bar-Item-Spacing) * 2))!important;
  77. position:fixed!important;
  78.  
  79. transform:scale(0.7,0.7);
  80. -webkit-transform:scale(0.7,0.7);
  81. -moz-transform:scale(0.7,0.7);
  82. -o-transform:scale(0.7,0.7);
  83. -ms-transform:scale(0.7,0.7);
  84.  
  85. transform-origin:100% 0;
  86. -webkit-transform-origin:100% 0;
  87. -moz-transform-origin:100% 0;
  88. -o-transform-origin:100% 0;
  89. -ms-transform-origin:100% 0;
  90.  
  91. filter:invert(100%) hue-rotate(180deg);
  92. -webkit-filter:invert(100%) hue-rotate(180deg);
  93.  
  94. z-index:999999!important;
  95. }
  96.  
  97. /*--------------------SCROLLBAR--------------------*/
  98. ::-webkit-scrollbar {
  99. width:17px;
  100. height:17px;
  101. background-color:var(--Background);
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb {
  105. border:8px solid var(--Background);
  106. background-color:var(--Scrollbar-Thumb);
  107. }
  108.  
  109. ::-webkit-scrollbar-button {
  110. width:3px;
  111. height:3px;
  112. }
  113.  
  114. /*--------------------TEXT HIGHLIGHT--------------------*/
  115. ::selection {
  116. background:#BBD3FD;
  117. }
  118.  
  119. ::-moz-selection {
  120. background:#BBD3FD;
  121. }
  122.  
  123. /*--------------------BASICS--------------------*/
  124. body {
  125. background:var(--Background) url(''); /* background image [if u want] */
  126. background-attachment:fixed;
  127. background-repeat:repeat;
  128. color:#888;
  129. cursor:normal;
  130. font-family:work sans;
  131. line-height:1.6em;
  132. font-size:12px;
  133. text-align:left;
  134. overflow:hidden;
  135. }
  136.  
  137. blockquote {
  138. padding-left:10px;
  139. margin-left:5px;
  140. border-left:1px solid;
  141. border-color:#aaa;
  142. margin:10px;
  143. }
  144.  
  145. a {
  146. color:#000;
  147. text-decoration:none;
  148. -webkit-transition: all 0.4s ease-in-out;
  149. -moz-transition: all 0.4s ease-in-out;
  150. -o-transition: all 0.4s ease-in-out;
  151. }
  152.  
  153. pre, code {
  154. white-space:pre-wrap;
  155. }
  156.  
  157. hr {
  158. width:70%;
  159. border-width:0px;
  160. height:1px;
  161. background-color:#bbb;
  162. }
  163.  
  164. img {vertical-align:middle;}
  165.  
  166. /*------- CUSTOMIZATION OPTIONS -------*/
  167.  
  168. :root {
  169. --Top-Bar-Background:#fff;
  170. --Top-Bar-Bottom-Border:#f7f7f7;
  171.  
  172. --Top-Avatar-Size:32px;
  173. --Top-Bar-Padding:24px;
  174. --Top-Bar-Item-Spacing:7px;
  175. --Top-Title-Font-Size:11px;
  176. --Top-Title-Color:#0d0d0d;
  177.  
  178. --Separator-Height:26px;
  179. --Separator:#eee;
  180.  
  181. --Top-Links:#111;
  182. --Top-Links-Font-Size:10px;
  183.  
  184. /* top right corner */
  185. --Bars-Width:13px;
  186. --Bars:#111;
  187.  
  188. /* main background color*/
  189. --Background:#fdfdfd;
  190.  
  191. --Sidebar-Width:269px;
  192.  
  193. --Sidebar-Title-Color:#090909;
  194. --Sidebar-Title-Font-Size:18px;
  195. --Sidebar-Title-Bottom-Gap:18px;
  196. --Sidebar-Desc-Text:#777;
  197. --Sidebar-Desc-Line-Height:1.8em;
  198. --Sidebar-Desc-Links:#111; /* if any */
  199. --Sidebar-Desc-Bottom-Gap:10px;
  200.  
  201. /* the circular color filters in the sidebar */
  202. --Filter-Colors-Top-Gap:15px;
  203. --Filter-Colors-Size:20px;
  204. --Filter-Colors-Padding:3px;
  205. --Filter-Colors-Border:#f2f2f2;
  206. --Filter-Colors-Spacing:3px;
  207. --Tooltips-BG:#111;
  208. --Tooltips-Text:#eee;
  209.  
  210. /* top & bottom gap of your screen */
  211. --Window-Margin:40px;
  212. --Sidebar-Right-Gap:80px;
  213.  
  214. /* MAIN color blocks */
  215. --Color-Block-Width:110px;
  216. --Color-Block-Spacing:14px;
  217. --Color-Blocks-Per-Row:5; /* number only, no 'px' */
  218. --Color-Blocks-Background:#fff;
  219. --Color-Blocks-Border:#f7f7f7;
  220. --Color-Blocks-Roundness-Top:3px;
  221. --Color-Blocks-Roundness-Bottom:5px;
  222. --HexCode-Padding:14px;
  223. --HexCode-Font-Size:11px;
  224. --HexCode-Color:#777;
  225. --Filter-Fade-Speed:269ms; /* in milliseconds ONLY - do not remove 'ms' */
  226.  
  227. --ReCenter-Amount:-45px; /* if you want to shift the container left/right */
  228.  
  229. --Scrollbar-Thumb:#777;
  230. --Scrollbar-Track:#ddd;
  231.  
  232. --Credit-Color:#666;
  233. }
  234.  
  235. /*------------ TOP BAR ------------*/
  236.  
  237. #heather {
  238. position:fixed;
  239. top:0;margin-top:0;
  240. left:0;margin-left:0;
  241. width:100%;
  242. height:calc(var(--Top-Avatar-Size) + (var(--Top-Bar-Padding) * 2));
  243. background:var(--Top-Bar-Background);
  244. border-bottom:1px solid var(--Top-Bar-Bottom-Border);
  245. z-index:69;
  246. }
  247.  
  248. #m_i {
  249. margin:0 var(--Top-Bar-Padding);
  250. width:calc(100% - (var(--Top-Bar-Padding) * 2));
  251. height:100%;
  252. display:table;
  253. }
  254.  
  255. #m_ii {
  256. display:table-cell;
  257. vertical-align:middle;
  258. }
  259.  
  260. #m_iii {
  261. display:flex;
  262. align-items:center;
  263. justify-content:space-between;
  264. margin:0 calc(var(--Top-Bar-Item-Spacing) * -1);
  265. padding:0 5px;
  266. }
  267.  
  268. .felix {
  269. display:flex;
  270. align-items:center;
  271. }
  272.  
  273. .felix.right {justify-content:flex-end}
  274.  
  275. #heather .felix > * {
  276. margin:0 var(--Top-Bar-Item-Spacing);
  277. }
  278.  
  279. .avi {
  280. width:var(--Top-Avatar-Size);
  281. height:var(--Top-Avatar-Size);
  282. border-radius:100%;
  283. }
  284.  
  285. .title {
  286. font-family:manrope;
  287. font-size:var(--Top-Title-Font-Size);
  288. font-weight:400;
  289. text-transform:uppercase;
  290. letter-spacing:2px;
  291. color:var(--Top-Title-Color);
  292. }
  293.  
  294. .separator {
  295. width:1px;
  296. height:var(--Separator-Height);
  297. background:var(--Separator);
  298. }
  299.  
  300. .toplinks a {
  301. padding:1em 4px;
  302. font-family:work sans;
  303. font-size:var(--Top-Links-Font-Size);
  304. text-transform:uppercase;
  305. letter-spacing:.7px;
  306. color:var(--Top-Links);
  307. }
  308.  
  309. .toplinks dot {
  310. font-size:var(--Top-Links-Font-Size);
  311. color:var(--Top-Links);
  312. }
  313.  
  314. .bars {
  315.  
  316. }
  317.  
  318. .bar {
  319. margin:3px 0;
  320. width:var(--Bars-Width);
  321. height:1px;
  322. background:var(--Bars);
  323. }
  324.  
  325. /*------------ MAIN CONTAINER ------------*/
  326.  
  327. #main {
  328. position:absolute;
  329. top:0;left:0;right:0;
  330. margin-top:calc(var(--Top-Avatar-Size) + (var(--Top-Bar-Padding) * 2) + 1px);
  331. height:calc(100vh - (var(--Top-Avatar-Size) + (var(--Top-Bar-Padding) * 2)));
  332. text-align:center;
  333. overflow-y:scroll;
  334. }
  335.  
  336. #mais {
  337. display:inline-block;
  338. height:100%;
  339. margin-left:calc(
  340. (var(--Sidebar-Width) + var(--Sidebar-Right-Gap) +
  341. (var(--Color-Block-Width) * var(--Color-Blocks-Per-Row)) +
  342. (var(--Color-Block-Spacing) * ((var(--Color-Blocks-Per-Row) - 1) * 2)))
  343. * -1);
  344. }
  345.  
  346. #thatsawrap {
  347. margin-left:var(--ReCenter-Amount);
  348. height:100%;
  349. text-align:left;
  350. }
  351.  
  352. /*------------ SIDEBAR ------------*/
  353.  
  354. #sb-a {
  355. position:fixed;
  356. margin-top:calc(var(--Top-Bar-Padding) * -2);
  357. height:100%;
  358. width:var(--Sidebar-Width);
  359. display:table;
  360. }
  361.  
  362. #sb-b {
  363. display:table-cell;
  364. vertical-align:middle;
  365. }
  366.  
  367. .sidebar {
  368. width:100%;
  369. }
  370.  
  371. .sb-title {
  372. font-family:manrope;
  373. font-size:var(--Sidebar-Title-Font-Size);
  374. font-weight:300;
  375. text-transform:uppercase;
  376. letter-spacing:3px;
  377. color:var(--Sidebar-Title-Color);
  378. text-align:right;
  379. }
  380.  
  381. .sb-desc {
  382. margin-top:var(--Sidebar-Title-Bottom-Gap);
  383. margin-bottom:var(--Sidebar-Desc-Bottom-Gap);
  384. font-family:libre franklin;
  385. letter-spacing:.3px;
  386. color:var(--Sidebar-Desc-Text);
  387. line-height:var(--Sidebar-Desc-Line-Height);
  388. text-align:right;
  389. }
  390.  
  391. .sb-desc a {
  392. color:var(--Sidebar-Desc-Links);
  393. }
  394.  
  395. .filter-cont {
  396. margin-top:var(--Filter-Colors-Top-Gap);
  397. }
  398.  
  399. .filter-color {
  400. margin:0 var(--Filter-Colors-Spacing);
  401. display:flex;
  402. align-items:center;
  403. justify-content:center;
  404. padding:var(--Filter-Colors-Padding);
  405. border:1px solid var(--Filter-Colors-Border);
  406. border-radius:100%;
  407. cursor:help;
  408. }
  409.  
  410. .filter-color .color {
  411. width:var(--Filter-Colors-Size);
  412. height:var(--Filter-Colors-Size);
  413. border-radius:100%;
  414. }
  415.  
  416. .filter-color:first-of-type {margin-left:0;}
  417. .filter-color:last-of-type {margin-right:0;}
  418.  
  419. /*------------ MAIN COLORS CONTAINER ------------*/
  420.  
  421. .cont {
  422. position:absolute;
  423. margin-top:var(--Window-Margin);
  424. margin-bottom:var(--Window-Margin);
  425. margin-left:calc(var(--Sidebar-Width) + var(--Sidebar-Right-Gap));
  426. width:calc(
  427. (var(--Color-Block-Width) * var(--Color-Blocks-Per-Row)) +
  428. (var(--Color-Block-Spacing) * ((var(--Color-Blocks-Per-Row) - 1) * 2))
  429. );
  430. }
  431.  
  432. .inc {
  433. display:flex;
  434. flex-wrap:wrap;
  435. margin:calc(var(--Color-Block-Spacing) * -1);
  436. }
  437.  
  438. .ghost {
  439. opacity:0;
  440. }
  441.  
  442. .inc, .ghost {
  443. -webkit-transition:opacity var(--Filter-Fade-Speed) ease-in-out;
  444. -moz-transition: opacity var(--Filter-Fade-Speed) ease-in-out;
  445. -o-transition: opacity var(--Filter-Fade-Speed) ease-in-out;
  446. }
  447.  
  448. .one-color {
  449. margin:var(--Color-Block-Spacing);
  450. width:var(--Color-Block-Width);
  451. }
  452.  
  453. .fennel {
  454. width:100%;
  455. height:100%;
  456. background:var(--Color-Blocks-Background);
  457. border-radius:
  458. var(--Color-Blocks-Roundness-Top)
  459. var(--Color-Blocks-Roundness-Top)
  460. var(--Color-Blocks-Roundness-Bottom)
  461. var(--Color-Blocks-Roundness-Bottom);
  462. border:1px solid var(--Color-Blocks-Border);
  463. }
  464.  
  465. .fennel .color {
  466. width:var(--Color-Block-Width);
  467. height:var(--Color-Block-Width);
  468. border-radius:var(--Color-Blocks-Roundness-Top) var(--Color-Blocks-Roundness-Top) 0 0;
  469. }
  470.  
  471. .hexcode {
  472. padding:var(--HexCode-Padding);
  473. font-family:Questrial;
  474. font-size:var(--HexCode-Font-Size);
  475. text-transform:uppercase;
  476. letter-spacing:1px;
  477. color:var(--HexCode-Color);
  478. line-height:1.3em;
  479. text-align:center;
  480. }
  481.  
  482. .glenjamin {
  483. position:fixed;
  484. bottom:0;padding-bottom:23px;
  485. right:0;padding-right:23px;
  486. }
  487.  
  488. .glenjamin svg {
  489. width:14px;
  490. height:14px;
  491. color:var(--Credit-Color);
  492. }
  493.  
  494. </style>
  495.  
  496. </head>
  497.  
  498. <body>
  499.  
  500. <div id="heather">
  501. <div id="m_i">
  502. <div id="m_ii">
  503. <div id="m_iii">
  504. <div class="on_left">
  505. <div class="felix">
  506.  
  507.  
  508. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  509.  
  510. <!------ TOP BAR ICON / AVATAR ------>
  511. <!-- put your image url between the quotation marks of src="" -->
  512.  
  513. <img class="avi" src="https://66.media.tumblr.com/ee6838ca69e3cc4506d0ea4ff6c6d00a/24c7e052fbab7744-b3/s400x600/664883dca5ebcd29f362170d768c5a2f06f33167.png">
  514.  
  515.  
  516.  
  517.  
  518. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  519.  
  520. <!------ TOP BAR TITLE ------>
  521.  
  522. <span class="title">colors of the soul</span>
  523.  
  524.  
  525.  
  526.  
  527. <div class="separator"></div>
  528.  
  529.  
  530.  
  531. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  532.  
  533. <!------ TOP BAR LINKS / CUSTOM LINKS / NAV LINKS ------>
  534. <!-- url goes between the quotation marks of href="" -->
  535.  
  536. <div class="toplinks">
  537.  
  538.  
  539. <a href="/">home</a>
  540.  
  541. <dot>✦</dot> <!-- divider -->
  542.  
  543. <a href="/ask">inbox</a>
  544.  
  545. <dot>✦</dot> <!-- divider -->
  546.  
  547. <a href="">custom link</a>
  548.  
  549. <dot>✦</dot> <!-- divider -->
  550.  
  551. <a href="">custom link</a>
  552.  
  553.  
  554. </div><!--toplinks-->
  555. </div><!--felix-->
  556. </div><!--on_left-->
  557.  
  558. <div class="on_right">
  559. <div class="felix">
  560. <div class="bars">
  561. <div class="bar"></div>
  562. <div class="bar"></div>
  563. <div class="bar"></div>
  564. </div><!--bars-->
  565. </div><!--felix-->
  566. </div><!--on_right-->
  567. </div><!--m_iii-->
  568. </div><!--m_ii-->
  569. </div><!--m_i-->
  570. </div><!--heather-->
  571.  
  572. <div id="main">
  573. <div id="mais">
  574. <div id="thatsawrap">
  575. <div id="sb-a">
  576. <div id="sb-b">
  577. <div class="sidebar">
  578.  
  579. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  580.  
  581. <!------ SIDEBAR TITLE ------>
  582.  
  583. <div class="sb-title">euphoria</div>
  584.  
  585.  
  586.  
  587.  
  588. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  589.  
  590. <!------ SIDEBAR DESCRIPTION ------>
  591. <!-- you can use <br> for a line break -->
  592.  
  593. <div class="sb-desc">
  594.  
  595. If the eyes are the window to the soul,
  596. <br>why do you only feel alive when<br>they are closed?
  597.  
  598. </div><!--end desc, do not delete this line-->
  599.  
  600.  
  601.  
  602.  
  603.  
  604. <div class="filter-cont felix right">
  605.  
  606. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  607.  
  608. <!------ COLOR FILTERS (SIDEBAR) ------>
  609. <!--
  610.  
  611. you can set the color category name between the
  612. quotation marks of type=""
  613.  
  614. PLEASE NOTE that you will need to use the same word later!
  615.  
  616. the color of each circle is set between the
  617. quotation marks of color=""
  618.  
  619. -->
  620.  
  621. <!----------------------->
  622. <!-- 🍓🍓🍓🍓🍓🍓🍓 -->
  623.  
  624. <a class="filter-color" type="brown" title="hover text for brown">
  625. <div class="color" color="#eac2b8"></div>
  626. </a>
  627.  
  628. <!-- 🛑🛑🛑🛑🛑🛑🛑-->
  629. <!----------------------->
  630.  
  631.  
  632. <a class="filter-color" type="sandy" title="hover text for sandy">
  633. <div class="color" color="#ffd6bd"></div>
  634. </a>
  635.  
  636.  
  637. <a class="filter-color" type="peach" title="hover text for peach">
  638. <div class="color" color="#ffb29a"></div>
  639. </a>
  640.  
  641.  
  642. <a class="filter-color" type="pink" title="hover text for pink">
  643. <div class="color" color="#fd9a9c"></div>
  644. </a>
  645.  
  646.  
  647. <a class="filter-color" type="red" title="hover text for red">
  648. <div class="color" color="#fb8787"></div>
  649. </a>
  650.  
  651.  
  652. </div><!--filter-cont-->
  653. </div><!--sidebar-->
  654. </div><!--sb-b-->
  655. </div><!--sb-a-->
  656.  
  657.  
  658.  
  659.  
  660. <div class="cont">
  661. <div class="inc">
  662.  
  663.  
  664. <!-- 🍑🍑🍑🍑🍑🍑🍑 -->
  665.  
  666. <!------ MAIN: COLOR BLOCKS ------>
  667. <!--
  668.  
  669. INSTRUCTIONS:
  670. 1. edit the word between the quotation marks of type=""
  671. to match what you asserted earlier
  672. e.g. type="brown" from above, also means type="brown" here
  673.  
  674. 2. insert a hex code (WITH the hashtag) between the
  675. quotation marks of color=""
  676.  
  677. the hex code (the displayed text) is auto generated, so
  678. you don't have to edit the class="hexcode" line
  679.  
  680. feel free to relabel the grey comments!
  681. they aren't required, but will help you not to get lost
  682.  
  683. -->
  684.  
  685. <!------- BROWN------->
  686.  
  687. <!----------------------->
  688. <!-- 🍓🍓🍓🍓🍓🍓🍓-->
  689.  
  690. <div class="one-color" type="brown">
  691. <div class="fennel">
  692. <div class="color" color="#e5b8ad"></div>
  693. <div class="hexcode"></div>
  694. </div>
  695. </div>
  696.  
  697. <!-- 🛑🛑🛑🛑🛑🛑🛑-->
  698. <!----------------------->
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705. <!------- SANDY------->
  706.  
  707. <!----------------------->
  708. <!-- 🍓🍓🍓🍓🍓🍓🍓-->
  709.  
  710. <div class="one-color" type="sandy">
  711. <div class="fennel">
  712. <div class="color" color="#ffd0b3"></div>
  713. <div class="hexcode"></div>
  714. </div>
  715. </div>
  716.  
  717. <!-- 🛑🛑🛑🛑🛑🛑🛑-->
  718. <!----------------------->
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725. <!------- PEACH------->
  726.  
  727. <!----------------------->
  728. <!-- 🍓🍓🍓🍓🍓🍓🍓-->
  729.  
  730. <div class="one-color" type="peach">
  731. <div class="fennel">
  732. <div class="color" color="#ffb29a"></div>
  733. <div class="hexcode"></div>
  734. </div>
  735. </div>
  736.  
  737. <!-- 🛑🛑🛑🛑🛑🛑🛑-->
  738. <!----------------------->
  739.  
  740.  
  741.  
  742.  
  743.  
  744.  
  745. <!------- PINK------->
  746.  
  747. <!----------------------->
  748. <!-- 🍓🍓🍓🍓🍓🍓🍓-->
  749.  
  750. <div class="one-color" type="pink">
  751. <div class="fennel">
  752. <div class="color" color="#ff9e9d"></div>
  753. <div class="hexcode"></div>
  754. </div>
  755. </div>
  756.  
  757. <!-- 🛑🛑🛑🛑🛑🛑🛑-->
  758. <!----------------------->
  759.  
  760.  
  761.  
  762.  
  763.  
  764.  
  765. <!------- RED------->
  766.  
  767. <!----------------------->
  768. <!-- 🍓🍓🍓🍓🍓🍓🍓-->
  769.  
  770. <div class="one-color" type="red">
  771. <div class="fennel">
  772. <div class="color" color="#ff8686"></div>
  773. <div class="hexcode"></div>
  774. </div>
  775. </div>
  776.  
  777. <!-- 🛑🛑🛑🛑🛑🛑🛑-->
  778. <!----------------------->
  779.  
  780.  
  781.  
  782. <!--do not delete below this line-->
  783. </div><!--inc-->
  784. </div><!--cont-->
  785. </div><!--thatsawrap-->
  786. </div><!--mais-->
  787. </div><!--main-->
  788.  
  789. <a class="glenjamin" href="//glenthemes.tumblr.com" title="page by glenthemes"><i data-feather="code"></i></a>
  790.  
  791. <script>feather.replace()</script>
  792. </body>
  793.  
  794. </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!