notes and abbr

static/style.css

@@ -71,25 +71,27 @@ pre {
   padding-left: 10px;
 }
 
-.language-note,
-.language-todo {
+.note,
+.todo {
   border-left: none;
   padding-left: auto;
   font-size: 1rem;
   margin: 32px auto;
-  font-family: sans-serif !important;
+  font-family: sans-serif;
   display: inline-block;
   width: auto;
-  padding: 1ch !important;
-  color: #aaa !important;
+  padding: 1ch;
+  color: #aaa;
   border-left: none;
-  border: 1px solid #aaa !important;
+  border: 1px solid #aaa;
   position: relative;
   white-space: pre-wrap;
+  line-height: 0.7;
 }
 
-.language-note:before,
-.language-todo:before {
+.note:before,
+.todo:before {
+  line-height: 1;
   padding: 0.1ch;
   position: absolute;
   top: 0;
@@ -99,31 +101,31 @@ pre {
   color: white;
 }
 
-.language-note:before {
+.note:before {
   content: "Note";
 }
 
-.language-todo:before {
+.todo:before {
   content: "TO DO";
 }
 
-.language-placeholder {
+.placeholder {
   font-size: 1rem;
   position: relative;
   margin: 48px auto;
   display: flex;
   flex-direction: column;
-  border: 1px dashed currentColor !important;
+  border: 1px dashed currentColor;
   justify-content: center;
   align-items: center;
-  padding: 32px 32px !important;
+  padding: 32px 32px;
   border-radius: 50%;
-  font-family: sans-serif !important;
+  font-family: sans-serif;
   text-align: center;
-  color: currentColor !important;
+  color: currentColor;
 }
 
-.language-placeholder:before {
+.placeholder:before {
   content: "placeholder";
   text-transform: uppercase;
   font-size: 0.8rem;
@@ -131,6 +133,23 @@ pre {
   color: #aaa;
 }
 
+.admonition {
+}
+
+.admonition-title {
+  margin: 0;
+  text-transform: uppercase;
+}
+
+.admonition * {
+  margin: 0;
+}
+
+.admonition ul {
+  list-style: none;
+  padding: 0;
+}
+
 @media print {
   body {
     font-size: 14px;