X-Git-Url: https://git.yukkurigames.com/?p=yukkurigames.com.git;a=blobdiff_plain;f=css%2Fmain.css;fp=css%2Fmain.css;h=a273e0ce79c486a6c9f24432651db7e3bda339e4;hp=0906772adc33efac5ea7fc27f46eba850a61df99;hb=acf045ac485ffa1733ac3deb970bcc18e76fdd36;hpb=e6d001c1c8714e5c8b4f0952af7930554e60e1b1 diff --git a/css/main.css b/css/main.css index 0906772..a273e0c 100644 --- a/css/main.css +++ b/css/main.css @@ -202,6 +202,10 @@ main > p { margin: 1em auto; } +dd p { + margin-bottom: 1em; +} + main > ul { max-width: 40em; margin: 1em auto; @@ -467,6 +471,10 @@ input { font-weight: 300; } +p + pre { + margin-bottom: 1em; +} + .copyright:before { content: "Copyright ©"; } @@ -483,6 +491,10 @@ pre { transition: background-color 0.3s, border-color 0.3s, border-radius 0.3s; } +dd dl dd pre { + margin-left: 0; +} + pre:hover { background-color: rgba(206, 132, 242, 0.125); border-color: rgb(206, 132, 242); @@ -494,6 +506,12 @@ code { transition: background-color 0.3s; } +p code, dt code, dd code { + font-size: 90%; + line-height: 1.111em; + vertical-align: middle; +} + code:hover { background-color: rgba(206, 132, 242, 0.125); } @@ -525,6 +543,50 @@ iframe[src*="itch.io"] { border: 0; } +.important:before { + color: rgb(244, 126, 126); + content: 'Hey!'; +} + +.important { + margin-left: 5em; + margin-right: 5em; + text-align: justify; + font-size: 80%; + text-align-last: center; +} + +main > dl > dt { + background-color: rgba(206, 132, 242, 0.25); + padding: 0.125em 1em; + border-radius: 1em; +} + +main > dl > dd { + margin-left: 2em; + margin-right: 2em; + margin-bottom: 0.75em; +} + +main > dl > dt { + margin-top: 0.75em; + margin-bottom: 0.25em; +} + +dl dl dt { + font-weight: bold; + float: left; + padding-right: 0.25em; +} + +dl dl dd { + margin-left: 5.5em; +} + +dl dl + p { + margin-top: 0.5em; +} + @media (max-width: 767px) { html { font-size: 13px; }