diff options
Diffstat (limited to 'StoneIsland/www/css/blogs.css')
| -rwxr-xr-x | StoneIsland/www/css/blogs.css | 41 |
1 files changed, 24 insertions, 17 deletions
diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css index 241cbecb..0834912e 100755 --- a/StoneIsland/www/css/blogs.css +++ b/StoneIsland/www/css/blogs.css @@ -18,6 +18,7 @@ height: 48px; padding: 0 15px; list-style-type: none; + font-size: 16px; } #story .links li:before { content: ' | ', @@ -64,7 +65,7 @@ animation: mfadein 0.6s; #hub .content .body, #story .content .body { letter-spacing:0.35px; - font-size:12px; + font-size:16px; width:calc(100vw - 40px); box-sizing:border-box; margin:10px auto 20px; @@ -72,7 +73,7 @@ animation: mfadein 0.6s; } #hub .content .body:last-child { - margin:10px auto 100px; + margin:20px auto 100px; } #story .content .body:last-child { @@ -92,14 +93,14 @@ animation: mfadein 0.6s; .content-header .title, .content-header .subtitle { display:block; font-weight:bold; - font-size:14px; + font-size:16px; text-transform:uppercase } .content-header .title { margin:0; padding:0; - line-height:13px; + line-height:1.4em; } .content-header .subtitle { @@ -108,12 +109,17 @@ animation: mfadein 0.6s; .content-share { border:1px solid black; - padding:4px 8px 2px; + padding: 0 12px; + height: 48px; + font-size: 16px; + display: flex; + justify-content: center; + align-items: center; float:right } .content-header span.date, .content-header span.store { - font-size:10px; + font-size:16px; } /* NOTE: optional arrows */ @@ -125,8 +131,8 @@ animation: mfadein 0.6s; background-size:5px 10px; background-repeat:no-repeat; background-position:center; - width:15px; - height:30px; + width:24px; + height:48px; top:26vh; content:''; transform:translateY(-50%); @@ -137,7 +143,6 @@ animation: mfadein 0.6s; z-index:2; position:absolute; display:block; - animation: gallery-fade 4s forwards; } .gallery-right { border:1px solid black; @@ -146,8 +151,8 @@ animation: mfadein 0.6s; background-size:5px 10px; background-repeat:no-repeat; background-position:center; - width:15px; - height:30px; + width:24px; + height:48px; top:26vh; content:''; transform:translateY(-50%); @@ -158,7 +163,6 @@ animation: mfadein 0.6s; z-index:2; position:absolute; display:block; - animation: gallery-fade 4s forwards; } @-webkit-keyframes gallery-fade { @@ -227,7 +231,7 @@ ul.links { margin:0 0 12px; padding:0; font-weight:bold; - font-size:14px; + font-size:16px; } @@ -240,7 +244,7 @@ ul.links { } .archive .body { font-size: 14px; - line-height: 1.2em; + line-height: 1.4em; font-weight: 100; } @@ -285,11 +289,14 @@ ul.links { } #archive .menu .item { width: 100%; - text-align: center; + display: flex; + justify-content: center; + align-items: center; border-bottom: 1px solid black; background: white; - padding:12px 0; - font-size:14px; + padding:0; + height: 48px; + font-size:16px; letter-spacing:0.7px } |
