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 */
font-size: 0.9rem;
padding: 0.125rem;
color: #e6e6e6;
- background-color: #34424d;
+ background-color: #22272e;
}
body > header > nav {
width: 100%;
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;
}
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;
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;
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 {
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;
}
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;
.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;
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);
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 */
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;
}
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;
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;
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 {
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;
}
.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;
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);