summaryrefslogtreecommitdiff
path: root/StoneIsland/www/css/blogs.css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/www/css/blogs.css')
-rwxr-xr-xStoneIsland/www/css/blogs.css41
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
}