X-Git-Url: https://git.yukkurigames.com/?p=yukkurigames.com.git;a=blobdiff_plain;f=css%2Fmain.css;h=97a1efdafded49cf967b2ea34c8a9010eea22065;hp=a8549ce8ded58bb7319a9a5455bf851feb23e3ac;hb=3046b3175c91c3f8f94f4f2a90c427129e1ddc6d;hpb=3b52b96d41c19cfbd10511e7031cf5b659667245 diff --git a/css/main.css b/css/main.css index a8549ce..97a1efd 100644 --- a/css/main.css +++ b/css/main.css @@ -30,7 +30,7 @@ font-family: 'Fira Sans'; font-style: italic; font-weight: 400; - src: local('Fira Sans OT Italic'), local('Fira Sans Italic'), url(FiraSans-RegularItalic.woff) format('woff'); + src: local('Fira Sans OT Italic'), local('Fira Sans Italic'), url(FiraSans-Italic.woff) format('woff'); } @font-face { @@ -61,6 +61,10 @@ text-decoration: none; } +header * { + outline: none; +} + strong { font-weight: bold; } em { font-style: italic; } @@ -160,10 +164,9 @@ h3 { font-size: 1.125em; font-weight: 300; margin-bottom: 0; - margin-left: -0.89em; + margin-left: -0.445em; padding-left: 0.67em; padding-right: 0.67em; - white-space: nowrap; } a:link, [onclick] { @@ -186,10 +189,14 @@ main { margin: auto; } -main *:first-child { +main > *:first-child { margin-top: 0; } +p, li { + line-height: 125%; +} + main > p { max-width: 45em; margin: 1em auto; @@ -245,7 +252,7 @@ hr { transition: border-radius 0.3s, border-color 0.3s; padding-left: 4em; box-sizing: border-box; - border-radius: 0 4em 4em 0; + border-radius: 0 3em 3em 0; } .game-preview > li:nth-child(even) { @@ -255,7 +262,7 @@ hr { margin-left: 0; border-left-width: 1px; border-right-width: 0; - border-radius: 4em 0 0 4em; + border-radius: 3em 0 0 3em; } .game-preview > li:hover { @@ -345,6 +352,11 @@ h4 a:link { white-space: nowrap; } +.game-preview .info li a:link { + text-decoration: none; + font-weight: inherit; +} + .game-preview .info li:before { content: ' ~ '; } @@ -453,6 +465,18 @@ pre code:hover { background-color: transparent; } +footer { + font-weight: 300; + text-align: center; + font-size: 0.75em; +} + +footer a:link { + display: inline-block; + margin: 0 1em; + text-decoration: none; +} + @media (max-width: 767px) { html { font-size: 13px; }