Websites/staging.slackware.uk
1
0
Fork 0
Code Releases Wiki Activity

CSS updates to fix issues on small screens. Thanks to 'litelinux' on LQ.

Browse source
This commit is contained in:
Darren 'Tadgy' Austin 2024-08-10 16:57:55 +01:00
commit bbb1a51567
3 changed files with 24 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
html/dark.css
View file

@ -68,6 +68,7 @@ td {
background: #060606;
border: 2px solid #aaaaaa;
box-shadow: 10px 10px 10px -5px rgba(128,128,128,0.5);
overflow-x: auto;
}
.boxmargins {
@ -79,6 +80,11 @@ td {
padding-right: 20px;
}
.donatebutton {
margin-left: 100px;
margin-right: 100px;
}
.heading {
font-size: 200%;
}
@ -154,6 +160,7 @@ td {
margin-right: auto;
margin-top: 30px;
text-align: center;
width: 100%;
}
#copyright {
@ -162,9 +169,8 @@ td {
}
#donatebuttons {
display: grid;
column-gap: 10%;
grid-template-columns: auto auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 10px;
margin-top: 20px;
@ -198,6 +204,7 @@ td {
display: flex;
justify-content: center;
margin-bottom: 30px;
width: 100%;
}
#motd {

8
html/includes/donate.php
View file

@ -1,9 +1,9 @@
<div id="donatebuttons">
<?php if ($_COOKIE['theme'] == "light") { ?>
<a href="https://www.patreon.com/slackwareUK" title="Patreon"><img src="/html/patreon-black.png" title="Patreon" alt="Patreon Logo"></a>
<a href="https://paypal.me/DonateToSlackwareUK" title="PayPal"><img src="/html/paypal-black.png" title="PayPal" alt="PayPal Logo"></a>
<a class="donatebutton" href="https://www.patreon.com/slackwareUK" title="Patreon"><img src="/html/patreon-black.png" title="Patreon" alt="Patreon Logo"></a>
<a class="donatebutton" href="https://paypal.me/DonateToSlackwareUK" title="PayPal"><img src="/html/paypal-black.png" title="PayPal" alt="PayPal Logo"></a>
<?php } else { ?>
<a href="https://www.patreon.com/slackwareUK" title="Patreon"><img src="/html/patreon-white.png" title="Patreon" alt="Patreon Logo"></a>
<a href="https://paypal.me/DonateToSlackwareUK" title="PayPal"><img src="/html/paypal-white.png" title="PayPal" alt="PayPal Logo"></a>
<a class="donatebutton" href="https://www.patreon.com/slackwareUK" title="Patreon"><img src="/html/patreon-white.png" title="Patreon" alt="Patreon Logo"></a>
<a class="donatebutton" href="https://paypal.me/DonateToSlackwareUK" title="PayPal"><img src="/html/paypal-white.png" title="PayPal" alt="PayPal Logo"></a>
<?php } ?>
</div>

13
html/light.css
View file

@ -68,6 +68,7 @@ td {
background: #f0f0f0;
border: 2px solid #070707;
box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5);
overflow-x: auto;
}
.boxmargins {
@ -79,6 +80,11 @@ td {
padding-right: 20px;
}
.donatebutton {
margin-left: 100px;
margin-right: 100px;
}
.heading {
font-size: 200%;
}
@ -154,6 +160,7 @@ td {
margin-right: auto;
margin-top: 30px;
text-align: center;
width: 100%;
}
#copyright {
@ -162,9 +169,8 @@ td {
}
#donatebuttons {
display: grid;
column-gap: 10%;
grid-template-columns: auto auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 10px;
margin-top: 20px;
@ -198,6 +204,7 @@ td {
display: flex;
justify-content: center;
margin-bottom: 30px;
width: 100%;
}
#motd {