python-bulletml page.

[yukkurigames.com.git] / css / main.css

diff --git a/css/main.css b/css/main.css
index 0906772..a273e0c 100644 (file)
--- 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; }