perdedora/leftypol
1
0
Fork 0
forked from leftypol/leftypol
Code Pull requests Activity

Improve the mobile UX (#167)

Browse source 
Chunky PR

Reviewed-on: https://git.leftypol.org/leftypol/leftypol/pulls/167
Co-authored-by: Zankaria <zankaria.auxa@skiff.com>
Co-committed-by: Zankaria <zankaria.auxa@skiff.com>
This commit is contained in:
Zankaria 2024-08-19 21:57:50 +00:00 • committed by Zankaria
parent 31086b05d9
commit f2ea90a2d0
28 changed files with 661 additions and 451 deletions
Download patch file Download diff file Expand all files Collapse all files

39
stylesheets/test.css
View file

@ -1,7 +1,7 @@
@import url("animate.css");
/*
* test.css
* Just a test.
* Just a test.
*/
.quote {
color:#B8D962;
@ -22,7 +22,7 @@
src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype');
}
h1
h1
{
font-family: 'lain', tahoma;
letter-spacing: -2px;
@ -41,7 +41,7 @@ img
div.title, h1 {
color: #32DD72;
}
div.title p {
font-size: 10px;
@ -97,14 +97,17 @@ div.post.reply {
border-radius: 10px;
opacity: 0.85;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
}
img.post-image:hover {
-webkit-animation: flip 5s linear infinite;
-moz-animation: flip 5s linear infinite;
-o-animation: flip 5s linear infinite;
animation: flip 5s linear infinite;
animation: flip 5s linear infinite;
}
@ -112,14 +115,14 @@ div.post.op:hover{
-webkit-animation: pulse 5s linear ;
-moz-animation: pulse 5s linear ;
-o-animation: pulse 5s linear ;
animation: pulse 5s linear ;
animation: pulse 5s linear ;
}
div.postcontainer:hover{
-webkit-animation: pulse 5s linear;
-moz-animation: pulse 5s linear;
-webkit-animation: pulse 5s linear;
-moz-animation: pulse 5s linear;
-o-animation: pulse 5s linear ;
animation: pulse 5s linear ;
animation: pulse 5s linear ;
}
div.post div.body {
@ -235,17 +238,17 @@ span.trip {
div.pages {
background: #1E1E1E;
background: #1E1E1E;
font-family: "LoveLetter" , sans-serif;
}
.bar.bottom {
bottom: 0px;
border-top: 1px solid #333333;
background-color: #1E1E1E;
text-shadow: #525252 1px 1px 1px, #080808 -1px -1px 1px, #27ff00 -1px 1px 1px, #1e1e1e 1px -1px 1px;
text-shadow: #525252 1px 1px 1px, #080808 -1px -1px 1px, #27ff00 -1px 1px 1px, #1e1e1e 1px -1px 1px;
}
div.pages a.selected {
color: #CCCCCC;
@ -254,7 +257,7 @@ hr {
height: 1px;
border: #0aaf0f 1px solid;
background-position: -500px 0;
background-image: linear-gradient(to right, rgba(10, 167, 0, 0.94), rgba(13, 255, 0, 0.75), rgb(22, 144, 7));
background-image: linear-gradient(to right, rgba(10, 167, 0, 0.94), rgba(13, 255, 0, 0.75), rgb(22, 144, 7));
-webkit-animation: thread2 10s linear ;
-moz-animation: thread2 10s linear ;
-o-animation: thread2 10s linear;
@ -265,7 +268,7 @@ img.banner, img.board_image {
-webkit-animation: wobble 10s linear infinite;
-moz-animation: wobble 10s linear infinite;
-o-animation: wobble 10s linear infinite;
animation: wobble 10s linear infinite;
animation: wobble 10s linear infinite;
}
@ -315,13 +318,13 @@ table.modlog tr th {
}
div.boardlist:not(.bottom) {
text-shadow: #525252 1px 1px 1px, #080808 -1px -1px 1px, #27ff00 -1px 1px 1px, #1e1e1e 1px -1px 1px;
text-shadow: #525252 1px 1px 1px, #080808 -1px -1px 1px, #27ff00 -1px 1px 1px, #1e1e1e 1px -1px 1px;
background-color: #1E1E1E;
}
.desktop-style div.boardlist:not(.bottom) {
position:static;
position:static;
color: #999999;
background-color: #1E1E1E;
}