From 8a5b3a083ad9b3bd710d944e5c83ac08ead433e7 Mon Sep 17 00:00:00 2001 From: blendoit Date: Sat, 25 Jan 2020 09:53:18 -0800 Subject: Placeholder content and CSS style sheets. --- app/static/styles/yes.css | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) (limited to 'app/static/styles/yes.css') 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. */ -- cgit v1.2.3