chiark / gitweb /
css: update the compiled CSS files.
authorVladimír Vondruš <mosra@centrum.cz>
Sat, 18 Nov 2017 17:19:32 +0000 (18:19 +0100)
committerVladimír Vondruš <mosra@centrum.cz>
Sat, 18 Nov 2017 17:19:32 +0000 (18:19 +0100)
css/m-dark.compiled.css
css/m-light.compiled.css

index 989f87375563a38fbb410a73fdda149218338509..0128771fa725a26f59a295d27f0cf2f5a2e1543c 100644 (file)
@@ -444,7 +444,7 @@ pre {
   font-size: 0.9rem;
   padding: 0.5rem 1rem;
   color: #e6e6e6;
-  background-color: #34424d;
+  background-color: #22272e;
   border-radius: 0.2rem;
   overflow-x: auto;
   margin-top: 0; /* stupid defaults */
@@ -478,7 +478,7 @@ code {
   font-size: 0.9rem;
   padding: 0.125rem;
   color: #e6e6e6;
-  background-color: #34424d;
+  background-color: #22272e;
 }
 body > header > nav {
   width: 100%;
@@ -532,6 +532,12 @@ body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body
   font-size: 1.125rem;
   line-height: 3rem;
 }
+body > header > nav a#m-navbar-brand .m-thin {
+  font-weight: normal;
+}
+body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
+  content:'\2630';
+}
 body > header > nav #m-navbar-collapse {
   padding-bottom: 1rem;
 }
@@ -960,6 +966,24 @@ dl.m-diary dd {
   border-color: #405363;
   padding: 0.9375rem 0.9375rem 0.9375rem 0.75rem;
 }
+.m-block.m-badge::after {
+  content: ' ';
+  display: block;
+  clear: both;
+}
+.m-block.m-badge h3 {
+  margin-left: 5rem;
+}
+.m-block.m-badge p {
+  margin-left: 5rem;
+  text-indent: 0;
+}
+.m-block.m-badge img {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 2rem;
+  float: left;
+}
 a.m-button {
   display: inline-block;
   border-radius: 0.2rem;
@@ -983,6 +1007,19 @@ a.m-button .m-big:first-child {
 a.m-button .m-small:last-child {
   font-size: 0.854rem;
 }
+.m-label {
+  border-radius: 0.2rem;
+  font-size: 75%;
+  font-weight: normal;
+  padding: 0.125rem 0.25rem;
+  vertical-align: 7.5%;
+}
+.m-label.m-flat {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: #747474;
+  padding: 0.0625rem 0.1875rem;
+}
 table.m-table {
   border-collapse: collapse;
   margin-left: auto;
@@ -991,7 +1028,7 @@ table.m-table {
 div.m-scroll > table.m-table:last-child {
   margin-bottom: 0.0625rem;
 }
-table.m-table tbody tr:hover {
+table.m-table:not(.m-flat) tbody tr:hover {
   background-color: #405363;
 }
 table.m-table th, table.m-table td {
@@ -1190,25 +1227,25 @@ table.m-table tr.m-dim th, table.m-table th.m-dim {
                         table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
   color: #747474;
 }
-.m-text.m-default { color: #dcdcdc; }
-.m-text.m-primary { color: #a5c9ea; }
-.m-text.m-success { color: #3bd267; }
-.m-text.m-warning { color: #c7cf2f; }
-.m-text.m-danger { color: #cd3431; }
-.m-text.m-info { color: #2f83cc; }
-.m-text.m-dim { color: #747474; }
+.m-text.m-default, .m-label.m-flat.m-default { color: #dcdcdc; }
+.m-text.m-primary, .m-label.m-flat.m-primary { color: #a5c9ea; }
+.m-text.m-success, .m-label.m-flat.m-success { color: #3bd267; }
+.m-text.m-warning, .m-label.m-flat.m-warning { color: #c7cf2f; }
+.m-text.m-danger, .m-label.m-flat.m-danger { color: #cd3431; }
+.m-text.m-info, .m-label.m-flat.m-info { color: #2f83cc; }
+.m-text.m-dim, .m-label.m-flat.m-dim { color: #747474; }
 .m-text.m-dim a { color: #acacac; }
 .m-text.m-dim a:hover, .m-text.m-dim a:focus, .m-text.m-dim a:active {
   color: #747474;
 }
-a.m-button { color: #2f363f; }
-a.m-button.m-default { background-color: #dcdcdc; }
-a.m-button.m-primary { background-color: #a5c9ea; }
-a.m-button.m-success { background-color: #3bd267; }
-a.m-button.m-warning { background-color: #c7cf2f; }
-a.m-button.m-danger { background-color: #cd3431; }
-a.m-button.m-info { background-color: #2f83cc; }
-a.m-button.m-dim { background-color: #747474; }
+a.m-button, .m-label { color: #2f363f; }
+a.m-button.m-default, .m-label:not(.m-flat).m-default { background-color: #dcdcdc; }
+a.m-button.m-primary, .m-label:not(.m-flat).m-primary { background-color: #a5c9ea; }
+a.m-button.m-success, .m-label:not(.m-flat).m-success { background-color: #3bd267; }
+a.m-button.m-warning, .m-label:not(.m-flat).m-warning { background-color: #c7cf2f; }
+a.m-button.m-danger, .m-label:not(.m-flat).m-danger { background-color: #cd3431; }
+a.m-button.m-info, .m-label:not(.m-flat).m-info { background-color: #2f83cc; }
+a.m-button.m-dim, .m-label:not(.m-flat).m-dim { background-color: #747474; }
 a.m-button.m-default:hover, a.m-button.m-default:focus, a.m-button.m-default:active {
   background-color: #a5c9ea;
 }
@@ -1333,7 +1370,7 @@ figure.m-code-figure:before {
   border-style: solid;
   border-width: 0.125rem;
   border-radius: 0.2rem;
-  border-color: #34424d; /* to match the <pre> background */
+  border-color: #22272e; /* to match the <pre> background */
 }
 figure.m-code-figure.m-flat:before {
   border-color: transparent;
@@ -1493,6 +1530,8 @@ article section:target figure.m-code-figure {
 .m-container-inflatable section:target section > figure.m-code-figure > pre:first-child {
   border-color: #405363;
 }
+.m-container-inflatable section:target > figure.m-code-figure::before,
+.m-container-inflatable section:target section > figure.m-code-figure::before,
 .m-container-inflatable section:target > .m-note.m-default,
 .m-container-inflatable section:target section > .m-note.m-default {
   border-left-color: #405363;
@@ -1522,12 +1561,9 @@ article section:target figure.m-code-figure {
   border-left-color: #747474;
 }
 pre.m-code span.hll {
-  border-color: #405363;
   margin-left: -1.0rem;
   margin-right: -1.0rem;
-  border-left-style: solid;
-  border-left-width: 0.25rem;
-  padding-left: 0.75rem;
+  padding-left: 1.0rem;
 }
 pre.m-code.m-inverted {
   color: rgba(230, 230, 230, 0.33);
@@ -1569,7 +1605,7 @@ figure.m-figure:last-child, .m-imagegrid:last-child, div.m-math:last-child {
   margin-bottom: 0;
 }
 
-.m-code .hll { background-color: #405363 }
+.m-code .hll { background-color: #34424d }
 .m-code .c { color: #a5c9ea } /* Comment */
 .m-code .k { color: #ffffff; font-weight: bold } /* Keyword */
 .m-code .n { color: #dcdcdc } /* Name */
index af95596bac46e36eae346c9f7113b71898fc187d..2adcb3b546c5cc0fa392079d4cadf6a18b4bb8ec 100644 (file)
@@ -532,6 +532,12 @@ body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body
   font-size: 1.125rem;
   line-height: 3rem;
 }
+body > header > nav a#m-navbar-brand .m-thin {
+  font-weight: normal;
+}
+body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
+  content:'\2630';
+}
 body > header > nav #m-navbar-collapse {
   padding-bottom: 1rem;
 }
@@ -960,6 +966,24 @@ dl.m-diary dd {
   border-color: #f7e3db;
   padding: 0.9375rem 0.9375rem 0.9375rem 0.75rem;
 }
+.m-block.m-badge::after {
+  content: ' ';
+  display: block;
+  clear: both;
+}
+.m-block.m-badge h3 {
+  margin-left: 5rem;
+}
+.m-block.m-badge p {
+  margin-left: 5rem;
+  text-indent: 0;
+}
+.m-block.m-badge img {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 2rem;
+  float: left;
+}
 a.m-button {
   display: inline-block;
   border-radius: 0.2rem;
@@ -983,6 +1007,19 @@ a.m-button .m-big:first-child {
 a.m-button .m-small:last-child {
   font-size: 0.854rem;
 }
+.m-label {
+  border-radius: 0.2rem;
+  font-size: 75%;
+  font-weight: normal;
+  padding: 0.125rem 0.25rem;
+  vertical-align: 7.5%;
+}
+.m-label.m-flat {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: #bdbdbd;
+  padding: 0.0625rem 0.1875rem;
+}
 table.m-table {
   border-collapse: collapse;
   margin-left: auto;
@@ -991,7 +1028,7 @@ table.m-table {
 div.m-scroll > table.m-table:last-child {
   margin-bottom: 0.0625rem;
 }
-table.m-table tbody tr:hover {
+table.m-table:not(.m-flat) tbody tr:hover {
   background-color: #f7e3db;
 }
 table.m-table th, table.m-table td {
@@ -1190,25 +1227,25 @@ table.m-table tr.m-dim th, table.m-table th.m-dim {
                         table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
   color: #949494;
 }
-.m-text.m-default { color: #000000; }
-.m-text.m-primary { color: #cb4b16; }
-.m-text.m-success { color: #31c25d; }
-.m-text.m-warning { color: #c7cf2f; }
-.m-text.m-danger { color: #f60000; }
-.m-text.m-info { color: #2e7dc5; }
-.m-text.m-dim { color: #bdbdbd; }
+.m-text.m-default, .m-label.m-flat.m-default { color: #000000; }
+.m-text.m-primary, .m-label.m-flat.m-primary { color: #cb4b16; }
+.m-text.m-success, .m-label.m-flat.m-success { color: #31c25d; }
+.m-text.m-warning, .m-label.m-flat.m-warning { color: #c7cf2f; }
+.m-text.m-danger, .m-label.m-flat.m-danger { color: #f60000; }
+.m-text.m-info, .m-label.m-flat.m-info { color: #2e7dc5; }
+.m-text.m-dim, .m-label.m-flat.m-dim { color: #bdbdbd; }
 .m-text.m-dim a { color: #c0c0c0; }
 .m-text.m-dim a:hover, .m-text.m-dim a:focus, .m-text.m-dim a:active {
   color: #949494;
 }
-a.m-button { color: #ffffff; }
-a.m-button.m-default { background-color: #000000; }
-a.m-button.m-primary { background-color: #cb4b16; }
-a.m-button.m-success { background-color: #31c25d; }
-a.m-button.m-warning { background-color: #c7cf2f; }
-a.m-button.m-danger { background-color: #f60000; }
-a.m-button.m-info { background-color: #2e7dc5; }
-a.m-button.m-dim { background-color: #bdbdbd; }
+a.m-button, .m-label { color: #ffffff; }
+a.m-button.m-default, .m-label:not(.m-flat).m-default { background-color: #000000; }
+a.m-button.m-primary, .m-label:not(.m-flat).m-primary { background-color: #cb4b16; }
+a.m-button.m-success, .m-label:not(.m-flat).m-success { background-color: #31c25d; }
+a.m-button.m-warning, .m-label:not(.m-flat).m-warning { background-color: #c7cf2f; }
+a.m-button.m-danger, .m-label:not(.m-flat).m-danger { background-color: #f60000; }
+a.m-button.m-info, .m-label:not(.m-flat).m-info { background-color: #2e7dc5; }
+a.m-button.m-dim, .m-label:not(.m-flat).m-dim { background-color: #bdbdbd; }
 a.m-button.m-default:hover, a.m-button.m-default:focus, a.m-button.m-default:active {
   background-color: #cb4b16;
 }
@@ -1493,6 +1530,8 @@ article section:target figure.m-code-figure {
 .m-container-inflatable section:target section > figure.m-code-figure > pre:first-child {
   border-color: #f7e3db;
 }
+.m-container-inflatable section:target > figure.m-code-figure::before,
+.m-container-inflatable section:target section > figure.m-code-figure::before,
 .m-container-inflatable section:target > .m-note.m-default,
 .m-container-inflatable section:target section > .m-note.m-default {
   border-left-color: #f7e3db;
@@ -1522,12 +1561,9 @@ article section:target figure.m-code-figure {
   border-left-color: #bdbdbd;
 }
 pre.m-code span.hll {
-  border-color: #f7e3db;
   margin-left: -1.0rem;
   margin-right: -1.0rem;
-  border-left-style: solid;
-  border-left-width: 0.25rem;
-  padding-left: 0.75rem;
+  padding-left: 1.0rem;
 }
 pre.m-code.m-inverted {
   color: rgba(91, 91, 91, 0.33);