update donate button to make sure it is still contained within tab-content
All checks were successful
Static / build (push) Successful in 1s
All checks were successful
Static / build (push) Successful in 1s
This commit is contained in:
parent
12a1414d8a
commit
70502c5843
2 changed files with 30 additions and 12 deletions
|
@ -56,6 +56,22 @@
|
||||||
If you're interested in getting our help or just want to chat, send us a message through our contact email
|
If you're interested in getting our help or just want to chat, send us a message through our contact email
|
||||||
on the next tab.<br><br>
|
on the next tab.<br><br>
|
||||||
ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧</p>
|
ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧</p>
|
||||||
|
<div class="bullet-text">
|
||||||
|
<a href="https://coop.myco.systems" target="_blank">Blog<svg class="text-icon" viewBox="0 0 512 512">
|
||||||
|
<path
|
||||||
|
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
|
||||||
|
</svg></a>
|
||||||
|
<a href="https://web.myco.systems" target="_blank">Contract us!<svg class="text-icon" viewBox="0 0 512 512">
|
||||||
|
<path
|
||||||
|
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
|
||||||
|
</svg></a>
|
||||||
|
<a href="https://git.myco.systems/explore/repos" target="_blank">Source<svg class="text-icon"
|
||||||
|
viewBox="0 0 512 512">
|
||||||
|
<path
|
||||||
|
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
|
||||||
|
</svg></a>
|
||||||
|
</div>
|
||||||
|
<a class="btn" href="#open-modal">donate</a>
|
||||||
<div id="open-modal" class="modal-window">
|
<div id="open-modal" class="modal-window">
|
||||||
<div>
|
<div>
|
||||||
<a href="#" title="Close" class="modal-close">×</a>
|
<a href="#" title="Close" class="modal-close">×</a>
|
||||||
|
@ -75,7 +91,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="btn" href="#open-modal">donate</a>
|
|
||||||
|
|
||||||
<div class="tab-content">
|
<div class="tab-content">
|
||||||
<p>Send us a cool message and we'll get back to you d-(´▽`)-b</p><br>
|
<p>Send us a cool message and we'll get back to you d-(´▽`)-b</p><br>
|
||||||
|
|
|
@ -174,6 +174,10 @@ ul.custom-bullet li::before {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tab-content:has(a.btn) {
|
||||||
|
padding-bottom: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
|
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
|
||||||
.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label,
|
.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label,
|
||||||
.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label,
|
.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label,
|
||||||
|
@ -204,8 +208,8 @@ ul.custom-bullet li::before {
|
||||||
.bullet-text {
|
.bullet-text {
|
||||||
font-size: var(--primary-text-size);
|
font-size: var(--primary-text-size);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
z-index: 2;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
padding-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-content a[href]:hover {
|
.tab-content a[href]:hover {
|
||||||
|
@ -240,14 +244,6 @@ ul {
|
||||||
padding-left: 1rem !important;
|
padding-left: 1rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.links a {
|
|
||||||
text-decoration-skip: spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dashboard {
|
.dashboard {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -276,6 +272,11 @@ a {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bullet-text a {
|
||||||
|
justify-content: left;
|
||||||
|
align-items: left;
|
||||||
|
}
|
||||||
|
|
||||||
.modal-window {
|
.modal-window {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background-color: rgba(0, 0, 0, 0.45);
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
@ -350,12 +351,14 @@ a {
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background-color: #241917;
|
background-color: #241917;
|
||||||
padding: 0.25rem 0.25rem;
|
padding: 0.35rem 0.75rem;
|
||||||
border-top: 4px solid #9a756c;
|
border-top: 4px solid #9a756c;
|
||||||
border-right: 4px solid #9a756c;
|
border-right: 4px solid #9a756c;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
width: 4rem;
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:hover {
|
.btn:hover {
|
||||||
|
|
Loading…
Add table
Reference in a new issue