/** * right menu */ aside.right_menu { position: relative; top: 0; z-index: 1050; } aside.right_menu.fixed { position: fixed; top: 10px; } aside.right_menu > div { margin-left: -24em; padding-left: 1.25em; width: 22.75em; overflow: hidden; transition: all 0.4s; } aside.right_menu > div > button { position: relative; font-size: 1em; margin: 0; box-sizing: content-box; padding: 0.25em 0 0 0; width: 24em; height: 3em; text-align: left; line-height: 3em; color: #fff; border: none; background: url("/data/375e4d79-4bcc-4faf-9e3c-7aabd5c71f92") repeat-x 0 0.2em;; background-size: 3em 3em; cursor: pointer; outline: none; overflow: visible; } aside.right_menu > div > button:focus, aside.right_menu > div > button:active { outline: none; } aside.right_menu > div > button > img { position: relative; left: -1.25em; top: 0; z-index: 1052; vertical-align: top; width: 3em; height: 3em; } /* aside.right_menu > div > button > span { position: absolute; left: 0; top: 0.2em; z-index: 1051; display: block; padding-left: 3em; width: 24em; height: 3em; color: #fff; line-height: 3em; background: url("/data/375e4d79-4bcc-4faf-9e3c-7aabd5c71f92") repeat-x top left; background-size: 3em 3em; } */ aside.right_menu > div > ul { display: none; position: relative; z-index: 1049; top: -0.5em; margin: 0; padding: 0.5em 0 0.75em 0; width: 24em; list-style-type: none; background: #3d3d3d; } aside.right_menu > div > ul > li > a { display: block; font-size: 0.9em; width: calc(100% - 6em); padding: 0 0.25em 0 3.3em; line-height: 2em; color: #fff; text-decoration: none; transition: all 0.2s; } aside.right_menu > div > ul > li > a > img { width: 2em; height: 2em; vertical-align: top; } aside.right_menu > div > ul > li > a:hover { color: #fc7; background-color: #333; } aside.right_menu > div > ul ul { margin: 0; padding: 0; width: 24em; list-style-type: none; background: #3d3d3d; } aside.right_menu > div > ul ul > li > a { display: block; font-size: 0.9em; width: calc(100% - 6em); padding: 0 0.25em 0 4.5em; line-height: 2em; color: #fff; text-decoration: none; transition: all 0.2s; } aside.right_menu > div > ul ul > li > a > img { width: 2em; height: 2em; vertical-align: top; } aside.right_menu > div > ul ul > li > a:hover { color: #fc7; background-color: #333; } aside.right_menu h3 { margin: 0 0 0 1em; } @media screen and (max-width: 1229px) { aside.right_menu > div { margin-left: -3.5em; width: 2.25em; } aside.right_menu > div.open { margin-left: -24em; width: 22.75em; } } @media screen and (min-width: 1230px) and (max-width: 1439px) { aside.right_menu > div { margin-left: -13em; width: 11.75em; } aside.right_menu > div.open { margin-left: -24em; width: 22.75em; } } @media screen and (min-width: 1440px) and (max-width: 1679px) { aside.right_menu > div { margin-left: -19em; width: 17.75em; } aside.right_menu > div.open { margin-left: -24em; width: 22.75em; } } .main_wrapper > .inline { position: absolute; top: 0; right: 0; width: 0; } aside.right_menu > div > ul > li > a.active { color: #fc7; }