diff --git a/static/css/styles2.css b/static/css/styles2.css index a82a759f..836eadec 100644 --- a/static/css/styles2.css +++ b/static/css/styles2.css @@ -45,10 +45,10 @@ } aside .cd-accordion-menu { width: 90%; - max-width: 600px; +/* max-width: 600px; */ background: #4d5158; - margin: 4em auto; - box-shadow: 0 4px 40px #70ac76; +/* margin: 4em auto; */ +/* box-shadow: 0 4px 40px #70ac76; */ } aside .cd-accordion-menu ul { @@ -72,18 +72,19 @@ aside .cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; - padding: 18px 18px 18px 64px; +/* padding: 18px 18px 18px 64px; */ background: #4d5158; - box-shadow: inset 0 -1px #555960; color: #ffffff; - font-size: 1.6rem; +/* font-size: 1.6rem; */ } - aside .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { + aside .no-touch .cd-accordion-menu label:hover, aside .no-touch .cd-accordion-menu a:hover { background: #52565d; } - aside .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { + aside .cd-accordion-menu label::before, + aside .cd-accordion-menu label::after, + aside .cd-accordion-menu a::after { /* icons */ content: ''; display: inline-block; @@ -102,7 +103,7 @@ cursor: pointer; } - aside .cd-accordion-menu label::before, .cd-accordion-menu label::after { + aside .cd-accordion-menu label::before, aside .cd-accordion-menu label::after { background-image: url(/static/img/cd-icons.svg); background-repeat: no-repeat; } @@ -155,11 +156,11 @@ aside .cd-accordion-menu ul a { background: #35383d; box-shadow: inset 0 -1px #41444a; - padding-left: 82px; + padding-left: 0; } - aside .no-touch .cd-accordion-menu ul label:hover, aside .no-touch - .cd-accordion-menu ul a:hover { + aside .no-touch .cd-accordion-menu ul label:hover, + aside .no-touch .cd-accordion-menu ul a:hover { background: #3c3f45; } @@ -179,7 +180,7 @@ } aside .cd-accordion-menu ul ul label, - .cd-accordion-menu ul ul a { + aside .cd-accordion-menu ul ul a { padding-left: 100px; } @@ -188,7 +189,7 @@ } aside .cd-accordion-menu ul ul label::after, - .cd-accordion-menu ul ul a::after { + aside .cd-accordion-menu ul ul a::after { left: 77px; } @@ -245,7 +246,8 @@ } .side { grid-area: sidebar; - background-color: #a0f6aa; + background: #4d5158; + -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* background: #4d5158; */ } @@ -328,49 +330,6 @@ flex-direction: row; } - aside .cd-accordion-menu label, .cd-accordion-menu a { - padding: 24px 24px 24px 82px; - font-size: 1.9rem; - } - aside .cd-accordion-menu label::before { - left: 24px; - } - aside .cd-accordion-menu label::after { - left: 53px; - } - aside .cd-accordion-menu ul label, - aside .cd-accordion-menu ul a { - padding-left: 106px; - } - aside .cd-accordion-menu ul label::before { - left: 48px; - } - aside .cd-accordion-menu ul label::after, - aside .cd-accordion-menu ul a::after { - left: 77px; - } - aside .cd-accordion-menu ul ul label, - aside .cd-accordion-menu ul ul a { - padding-left: 130px; - } - aside .cd-accordion-menu ul ul label::before { - left: 72px; - } - aside .cd-accordion-menu ul ul label::after, - aside .cd-accordion-menu ul ul a::after { - left: 101px; - } - aside .cd-accordion-menu ul ul ul label, - aside .cd-accordion-menu ul ul ul a { - padding-left: 154px; - } - aside .cd-accordion-menu ul ul ul label::before { - left: 96px; - } - aside .cd-accordion-menu ul ul ul label::after, - aside .cd-accordion-menu ul ul ul a::after { - left: 125px; - } }