.wrap { overflow: hidden; } #show-tokens { float: right; } .box { margin: 20px 0; background: #FFFFFF; border: 1px solid #E5E5E5; position: relative; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .box .title { border-bottom: 1px solid #EEEEEE; margin: 0; padding: 15px; background: #FFFFFF; } .box .title h3 { font-size: 14px; line-height: 1em; margin: 0; padding: 0; } .box .inner { padding: 15px; } .gitea { width: 100%; padding: 0; margin: 0; border-top: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0,0,0,.04); } .gitea > li { overflow: hidden; border-bottom: 1px solid #e5e5e5; margin: 0; } .gitea > li > ul { overflow: hidden; } .gitea > li li { box-sizing: border-box; padding: 8px 15px; font-size: 12px; margin: 0; // width: 100%; } .gitea ul.packages > li { padding: 0; } .gitea li.repository, .gitea li.package { width: 210px; float: left; } .gitea a { text-decoration: none; outline: 0; } .gitea a:focus, .gitea a:active { outline: 0; box-shadow: none; } .gitea a.repo-toggle { font-size: 14px; line-height: 14px; } .gitea > li:hover .row-actions { left: 0; } .gitea input.token { width: 70%; } @media screen and (max-width: 782px) { .gitea input.token { width: 100%; } } .times { color: #555d66; float: right; padding: 10px; font-style: italic; } .form-table input[type=text], .form-table input[type=password] { width: 75%; } .repo-row > ul.packages { display: none; } .repo-row > ul:first-child { transition: all 0.4s; } .repo-row.open > ul:first-child { background: #2a9bd9; border-color: #2a9bd9; color: white; } .repo-row.open > ul:first-child a { color: white; } .token-box { position: relative; } .token-toggle { position: absolute; right: 10px; height: 20px; top: 50%; margin-top: -10px; color: #aaa !important; } .token-toggle:hover { color: #aaa !important; } .token-toggle:focus, .token-toggle:active { outline: 0; box-shadow: none; color: #aaa !important; }