zcy
/
websch
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixing sponsorship lightmode

master
Mark MacKay 2021-06-04 13:01:53 -05:00
parent f5abdc93f8
commit 96fd07b05c
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/css/sponsors.css
View File

@ -1,7 +1,7 @@
#sponsors { #sponsors {
display: none; display: none;
margin-left: auto; position: absolute;
margin-right: calc(var(--panel-width) + var(--x4)); right: calc(var(--panel-width) + var(--x4));
} }
.sponsor a { .sponsor a {
@ -77,7 +77,7 @@
} }
.sponsor a:hover { .sponsor a:hover {
color: var(--z15); color: var(--z0);
background: var(--d7); background: var(--d7);
} }
@ -90,7 +90,7 @@
.sponsor-description { .sponsor-description {
transition: all var(--transition-duration) ease; transition: all var(--transition-duration) ease;
position: absolute; position: absolute;
right: calc(var(--panel-width) + var(--x4)); right: 0;
top: var(--x10); top: var(--x10);
width: calc(var(--x16)*4); width: calc(var(--x16)*4);
z-index: 100; z-index: 100;
@ -98,7 +98,7 @@
padding: var(--x6); padding: var(--x6);
border-radius: var(--x1); border-radius: var(--x1);
line-height: 150%; line-height: 150%;
box-shadow: var(--x1) var(--x1) var(--x8) rgba(0,0,0,0.2); box-shadow: var(--shadow);
margin-left: 0; margin-left: 0;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;

4
src/index.html
View File

@ -128,13 +128,13 @@
</div> </div>
</div> </div>
<div class="sponsors inverted-undo" id="sponsors"> <div class="sponsors" id="sponsors">
<div class="sponsor"> <div class="sponsor">
<a href="https://deta.space/discovery/method-draw?ref=method.ac" class="deta"> <a href="https://deta.space/discovery/method-draw?ref=method.ac" class="deta">
<span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span>
Install Install
</a> </a>
<div class="sponsor-description"> <div class="sponsor-description inverted-undo">
<strong>Install Method Draw on Deta Space</strong> <strong>Install Method Draw on Deta Space</strong>
<span>With Method Draw on Deta Space, you can securely save, open, and share your designs in the cloud.</span> <span>With Method Draw on Deta Space, you can securely save, open, and share your designs in the cloud.</span>
<p>These designs are available to you across your devices, over the internet, for free.</p><p> Click the button to try Method Draw on Deta Space!</p> <p>These designs are available to you across your devices, over the internet, for free.</p><p> Click the button to try Method Draw on Deta Space!</p>