style

menckend · Dec 12, 2024 · baad076 · baad076
1 parent f5c6db3
commit baad076
Showing 1 changed file with 81 additions and 70 deletions.
diff --git a/assets/css/customstyles.css b/assets/css/customstyles.css
@@ -57,7 +57,7 @@
   --menck-bg1-color: #2a384b;
   --menck-mg1-color: #43536a ;
   --menck-mg2-color: #425165;
-  --menck-mg3-color: #454545;
+  --menck-mg3-color: #525252;
   --menck-mg5-color: #ececec;
   --menck-fg1-color: whitesmoke ;
   --menck-bg4-color: #3f3f3f ;
@@ -512,7 +512,7 @@ border-left: 0.6rem solid var(--menck-bg1-color);
 margin-left: 2.5vw;
 margin-right: 2.5vw;
 padding: .1rem .1rem .1rem 1rem;
-background-color:var(--menck-accent2-color);
+background-color:var(--menck-mg3-color);
 width: fit-content
 }
 
@@ -611,69 +611,113 @@ color: rgb(38, 92, 140);
 border-color: whitesmoke;
 }
 
-/* Style tables */
+.navbar-header {
+  float: none;
+}
+.navbar-left,.navbar-right {
+  float: none !important;
+}
+.navbar-toggle {
+  display: block;
+}
+.navbar-collapse {
+  border-top: 1px solid transparent;
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-collapse.collapse {
+  display: none!important;
+}
+.navbar-nav {
+  float: none!important;
+  margin-top: 7.5px;
+}
+.navbar-nav>li {
+  float: none;
+}
+.navbar-nav>li>a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.collapse.in{
+  display:block !important;
+}
+
+
 
+
+
+/* Style tables */
 .table-alpha {
-width: 100%;
-color: var(--menck-fg1-color)}
+  margin-left: 2.5vw;
+  margin-right: 2.5vw;
+  border-style: solid;
+  border-width: 8px;
+  border-radius: 32px !important;
+  border-color: var(--menck-mg3-color);
+  max-width: 100%;
+  color: var(--menck-fg1-color)
+}
+
 .table-alpha > tbody > tr > td, 
-.table-alpha > thead > tr > th{
-border-style: none;
-border-right-style:solid; 
-border-width: 4px;
-border-color: lightslategray;
-background-color: var(--menck-bg1-color) }
+.table-alpha > thead > tr > th {
+  padding: 0px;
+  border-style: none;
+  border-right-style:solid; 
+  border-width: 3px;
+  background-color: var(--menck-bg1-color) 
+}
 
 .table-alpha > tbody > tr:nth-child(odd) > td {
-background-color: var(--menck-mg2-color) }
+  background-color: var(--menck-mg2-color) }
 
 .table-alpha > tbody > tr > :last-child, 
 .table-alpha > thead > tr > th:last-child {
-border-right-style: none
+  border-right-style: none
 }
 
 
-
 /* Style CodeRay code-blocks  */
-
 .highlighter-coderay {
-margin-left: 2.5vw;
-margin-right: 0.5vw;
-margin-bottom: 16px;
+  margin-left: 2.5vw;
+  margin-right: 0.5vw;
+  margin-bottom: 16px;
 }
 
 table.CodeRay {
-margin: 0px;
-background-color: var(--menck-bg1-color);
-color: var(--menck-fg1-color);
-font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
-border-radius: 8px;
-border-style:hidden;
+  margin: 0px;
+  background-color: var(--menck-bg1-color);
+  color: var(--menck-fg1-color);
+  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
+  border-radius: 8px;
+  border-style:hidden;
 }
 
 table.CodeRay td {
-padding: 2em .5em;
-vertical-align: top;
+  padding: 2em .5em;
+  vertical-align: top;
 }
 
 table.CodeRay > tbody > tr > td.line-numbers  {
-border-radius: 8px;
-border-style:hidden;
-border-top-right-radius: 0px;
-border-bottom-right-radius: 0px;
-padding-bottom: 0px;
-padding-top: 6px;
+  border-radius: 8px;
+  border-style:hidden;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+  padding-bottom: 0px;
+  padding-top: 6px;
 }
 
 table.CodeRay > tbody > tr > td.code  {
-padding-top: 6px;
-padding-bottom: 0px;
-padding-right: 9px;
+  padding-top: 6px;
+  padding-bottom: 0px;
+  padding-right: 9px;
 }
 
 .CodeRay .line-numbers, .CodeRay  .no {
-background-color: var(--menck-fg1-color);
-text-align: -webkit-left;
+  background-color: var(--menck-fg1-color);
+  text-align: -webkit-left;
 }
 
 .CodeRay .line-numbers a {
@@ -684,39 +728,6 @@ td.code > pre {
   padding-bottom: 16px;
   max-width: 45vw;
 } 
-.navbar-header {
-  float: none;
-}
-.navbar-left,.navbar-right {
-  float: none !important;
-}
-.navbar-toggle {
-  display: block;
-}
-.navbar-collapse {
-  border-top: 1px solid transparent;
-}
-.navbar-fixed-top {
-  top: 0;
-  border-width: 0 0 1px;
-}
-.navbar-collapse.collapse {
-  display: none!important;
-}
-.navbar-nav {
-  float: none!important;
-  margin-top: 7.5px;
-}
-.navbar-nav>li {
-  float: none;
-}
-.navbar-nav>li>a {
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-.collapse.in{
-  display:block !important;
-}
 
 svg > g.menck-footer-logo {
   fill: var(--menck-mg5-color);