summary { writing-mode: vertical-lr; text-align: center; padding: 12px 10px; width: 23px; height: 17px; background-color: var(--primColor); border: 2px solid var(--secoColor); border-radius: var(--cornerRad); color: var(--secoColor); cursor: pointer; user-select: none; outline: none; transition: transform 200ms ease-in-out 0s; } summary::before, summary::after { position: static; top: 0; left: 0; } summary::before { content: ""; } summary::after { content: "|||"; letter-spacing: 0px; } summary:hover { transform: scale(1.1); } summary::marker { font-size: 0; } summary::-webkit-details-marker { display: none; } details[open] .menu { animation-name: menuAnim; } details[open] summary::before { content: "X"; } details[open] summary::after { content: ""; } .z-proxy-bar .menu { height: 0; width: fit-content; border-radius: var(--cornerRad); background-color: var(--primColor); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2); margin-top: 8px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; animation: closeMenu 300ms ease-in-out forwards; } .z-proxy-bar .menu a { padding: 12px 24px; margin: 0 16px; color: var(--secoColor); border-bottom: 2px solid rgba(0, 0, 0, 0.1); text-decoration: none; text-align: center; transition: filter 200ms linear 0s; } .z-proxy-bar .menu a:nth-of-type(1) { padding-top: 24px; } .z-proxy-bar .menu a:nth-last-of-type(1) { border-bottom: none; } .z-proxy-bar .menu a:hover { filter: brightness(200%); } details::before { color: var(--secoColor); position: absolute; margin-left: 80px; padding: 10px 10px; opacity: 0.4; } details[open]::before { animation: fadeMe 300ms linear forwards; } @keyframes menuAnim { 0% { height: 0; } 100% { height: 312px; } } @keyframes fadeMe { 0% { opacity: 0.4; } 100% { opacity: 0; } } .z-proxy-bar{ position:fixed!important; z-index:9999999!important; padding:10px!important; bottom:0px!important; left:0px!important; right:0px!important; background:#F2F2F2!important; font-family: Helvetica, Arial, Sans-Serif!important; display: flex!important; align-items: center!important; border-top: 1px solid #dadada!important; } .z-proxy-logo{ margin:0px!important; width:120px!important; height:100%!important; padding-right: 10px!important; overflow:hidden!important; } .z-proxy-form{ margin:0 auto!important; display: inline!important; width: 90%!important; display: block!important; padding: 0!important; } .z-proxy-search-input{ display: block!important; float: left!important; padding: 10px!important; margin: 0px!important; font-size: 15px!important; line-height: 15px!important; border-radius: 30px!important; border: 1px solid #dfe1e5!important; background-color: #ffffff!important; width: calc(100% - 60px)!important; height: 39px!important; color: #3c4043!important; box-sizing: border-box!important; -webkit-transition: all 0.10s ease-in-out!important; -moz-transition: all 0.10s ease-in-out!important; -ms-transition: all 0.10s ease-in-out!important; -o-transition: all 0.10s ease-in-out!important; outline: none!important; font-family: Helvetica, Arial, Sans-Serif!important; font-weight: normal!important; text-indent: unset!important; } .z-proxy-search-button{ display: block!important; float: right!important; width: 55px!important; height: 39px!important; font-weight: normal!important; text-indent: unset!important; line-height: 15px!important; background-color: #000000!important; margin:0!important; padding: unset!important; border: 1px solid #000000!important; border-radius: 4px!important; color: #ffffff!important; font-size: 15px!important; padding: 10px 15px!important; text-align: center!important; cursor: pointer!important; user-select: none!important; font-family: Helvetica, Arial, Sans-Serif!important; box-shadow: unset!important; } .z-proxy-search-button:hover{ background-color: #4c4c4c!important; } .z-proxy-search-input:focus{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)!important; } .z-proxy-form-error { color: #721c24; background-color: #f8d7da!important; border-color: #f5c6cb!important; border: 1px solid transparent!important; font-family: Helvetica, Arial, Sans-Serif!important; font-size: 15px!important; padding: 5px!important; border-radius: 5px!important; margin-top: 3px!important; } .z-proxy-gotooriginal{ width: 30px!important; height: 100%!important; margin:unset!important; color:#0071BC!important; font-size:18px!important; font-family: Helvetica, Arial, Sans-Serif!important; white-space: nowrap!important; overflow:hidden!important; padding-left: 10px!important; } yqlog.com