diff options
author | blendoit <blendoit@gmail.com> | 2020-01-25 09:53:18 -0800 |
---|---|---|
committer | blendoit <blendoit@gmail.com> | 2020-01-25 09:53:18 -0800 |
commit | 8a5b3a083ad9b3bd710d944e5c83ac08ead433e7 (patch) | |
tree | a8dc75ab9fa433f4c4b808ae570f0fd83280e3b9 /app/static/styles/yes.css | |
parent | 6056f5a2f5e00347c73e827e6f1f781d08d91799 (diff) |
Placeholder content and CSS style sheets.
Diffstat (limited to 'app/static/styles/yes.css')
-rw-r--r-- | app/static/styles/yes.css | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/app/static/styles/yes.css b/app/static/styles/yes.css index 3e8e614..fa6b917 100644 --- a/app/static/styles/yes.css +++ b/app/static/styles/yes.css @@ -1,4 +1,4 @@ -/* Main page components. */ +/* Main page area. */ .main { height: 100%; position: relative; @@ -9,23 +9,26 @@ /* Feeds. */ .feed-message { height: 100%; - width: 30%; + width: 25%; position: relative; float: left; overflow: auto; } -.feed-post { +.feed-news { height: 100%; - width: 30%; + 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: left; + float: right; overflow: auto; } @@ -73,16 +76,21 @@ /* News. */ .news { + max-height: 10%; + max-width: 50%; background: white; + position: relative; border-radius: 14px; padding: 1rem; margin: 0.5rem; + overflow: hidden; } .news:hover { background: linear-gradient(to left, var(--no) 50%, var(--yes) 50%); cursor: pointer; transition: 0.8s; color: white; + overflow: auto; } /* Ads. */ |