summaryrefslogtreecommitdiff
path: root/app/static/styles/yes.css
diff options
context:
space:
mode:
Diffstat (limited to 'app/static/styles/yes.css')
-rw-r--r--app/static/styles/yes.css71
1 files changed, 38 insertions, 33 deletions
diff --git a/app/static/styles/yes.css b/app/static/styles/yes.css
index fa6b917..bcaf7a4 100644
--- a/app/static/styles/yes.css
+++ b/app/static/styles/yes.css
@@ -1,51 +1,33 @@
/* Main page area. */
+:root {background: var(--yes);}
+
.main {
height: 100%;
position: relative;
z-index: 0;
overflow: hidden;
-}
-
-/* Feeds. */
-.feed-message {
- height: 100%;
- width: 25%;
- position: relative;
- float: left;
- overflow: auto;
-}
-.feed-news {
- height: 100%;
- width: 55%;
- display: flex;
- position: relative;
- float: left;
- flex-wrap: wrap;
- overflow: auto;
- justify-content: space-between;
-}
-.feed-ads {
- height: 100%;
- width: 20%;
- position: relative;
- float: right;
- overflow: auto;
+ /* animation-name: yes-refresh; */
+ /* animation-duration: var(--slow-speed); */
}
/* Tabs. */
.tab-no {
height: 100%;
width: 3%;
- float: right;
- position: relative;
+ position: absolute;
+ right: 0;
background: var(--no);
+ /* animation-name: yes-refresh; */
+ /* animation-duration: var(--slow-speed); */
}
.tab-home {
height: 100%;
width: 3%;
float: right;
- position: relative;
- background: var(--home);
+ position: absolute;
+ /* background: var(--home); */
+ /* animation-name: yes-refresh; */
+ animation-duration: var(--slow-speed);
}
.tab-home:hover {
width: 4%;
@@ -60,7 +42,15 @@
transition: 0.2s;
}
-/* Messages. */
+
+/* Feeds. */
+.feed-message {
+ height: 100%;
+ width: 25%;
+ position: relative;
+ float: left;
+ overflow: auto;
+}
.message {
background: white;
border-radius: 14px;
@@ -74,7 +64,16 @@
color: white;
}
-/* News. */
+.feed-news {
+ height: 100%;
+ width: 55%;
+ display: flex;
+ position: relative;
+ float: left;
+ flex-wrap: wrap;
+ overflow: auto;
+ justify-content: space-between;
+}
.news {
max-height: 10%;
max-width: 50%;
@@ -93,7 +92,13 @@
overflow: auto;
}
-/* Ads. */
+.feed-ads {
+ height: 100%;
+ width: 20%;
+ position: relative;
+ float: right;
+ overflow: auto;
+}
.ad {
background: white;
border-radius: 14px;
Copyright 2019--2024 Marius PETER