diff options
Diffstat (limited to 'mass-graduation.css')
| -rw-r--r-- | mass-graduation.css | 161 |
1 files changed, 81 insertions, 80 deletions
diff --git a/mass-graduation.css b/mass-graduation.css index 5de091b..d32d7c1 100644 --- a/mass-graduation.css +++ b/mass-graduation.css @@ -1,122 +1,124 @@ #group-selection-container { - margin: 0.2rem; + margin: 0.2rem; } #group-selection-search-container { - position: relative; + position: relative; } #group-selection { - box-sizing: border-box; - width: 100%; - padding: 0.75rem 2.5rem 0.75rem 1rem; - margin-bottom: 1.5rem; - border: 1px solid #ddd; - border-radius: 5pt; - font-size: 1.5rem; + box-sizing: border-box; + width: 100%; + padding: 0.75rem 2.5rem 0.75rem 1rem; + margin-bottom: 1.5rem; + border: 1px solid #ddd; + border-radius: 5pt; + font-size: 1.5rem; } #group-selection-clear { - position: absolute; - right: 0.75rem; - transform: translateY(-175%); - border: none; - background: transparent; - font-size: 1.875rem; - cursor: pointer; - color: #888; + position: absolute; + right: 0.75rem; + transform: translateY(-175%); + border: none; + background: transparent; + font-size: 1.875rem; + cursor: pointer; + color: #888; } #group-selection-clear:hover { - color: #333; + color: #333; } #group-selection:focus { - border-color: #0077ff; + border-color: #0077ff; } #group-selection-loader { - --size: 0.5px; - width: calc(48 * var(--size)); - height: calc(48 * var(--size)); - border: calc(5 * var(--size)) solid black; - border-bottom-color: transparent; - border-radius: 50%; - display: inline; - position: absolute; - top: 20px; - right: 0.75rem; - box-sizing: border-box; - animation: rotation 1s linear infinite; + --size: 0.5px; + width: calc(48 * var(--size)); + height: calc(48 * var(--size)); + border: calc(5 * var(--size)) solid black; + border-bottom-color: transparent; + border-radius: 50%; + display: inline; + position: absolute; + top: 20px; + right: 0.75rem; + box-sizing: border-box; + animation: rotation 1s linear infinite; } @keyframes rotation { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } #group-selection-list { - list-style: none; + list-style: none; } #group-selection-list li { - padding: 0.75rem 1rem; - border-bottom: 1px solid #eee; - cursor: pointer; - transition: background 0.2s; + padding: 0.75rem 1rem; + border-bottom: 1px solid #eee; + cursor: pointer; + transition: background 0.2s; } #group-selection-list li:hover { - background: #f0f8ff; + background: #f0f8ff; } #group-selection-list li.active { - background: #0077ff; - color: white; + background: #0077ff; + color: white; } #group-selection-list li > u.group-selection-list-highlight { - font-weight: bold; + font-weight: bold; } #group-selection-noresults { - color: red; - text-align: center; - margin-top: 1rem; + color: red; + text-align: center; + margin-top: 1rem; } #group-content { } #group-members { - padding-left: 0; + padding-left: 0; } .group-member { - display: grid; - grid-template-columns: 30px 200px 30px repeat(3, 40px) auto 20px; + display: grid; + grid-template-columns: 30px 200px 30px repeat(3, 40px) auto 20px; } .group-member-icon { - width: 30px; - height: 30px; - align-self: center; + width: 30px; + height: 30px; + align-self: center; } .group-member-name { - align-self: center; + align-self: center; } .group-member-observation-icon { - border: none; - background: none; + border: none; + background: none; } -.group-member-green, .group-member-orange, .group-member-red { +.group-member-green, +.group-member-orange, +.group-member-red { margin: 5px; } @@ -134,14 +136,14 @@ } #group-member-point-reason { - box-sizing: border-box; - padding: 10px; - width: 50%; - font-size: 0.8rem; - letter-spacing: 1px; - line-height: 1.5; - border-radius: 5px; - border: 1px solid #cccccc; + box-sizing: border-box; + padding: 10px; + width: 50%; + font-size: 0.8rem; + letter-spacing: 1px; + line-height: 1.5; + border-radius: 5px; + border: 1px solid #cccccc; } .group-member-print { @@ -157,7 +159,6 @@ .group-member-observation-table { background: lightgray; - } .group-member-observation-table-description { max-width: 70%; @@ -171,16 +172,16 @@ } .submit-mass-graduation-inprogress { - --size: 0.5px; - width: calc(48 * var(--size)); - height: calc(48 * var(--size)); - border: calc(5 * var(--size)) solid black; - border-bottom-color: transparent; - border-radius: 50%; - display: inline; - position: absolute; - margin-left: 0.25rem; - margin-top: 0.25rem; - box-sizing: border-box; - animation: rotation 1s linear infinite; + --size: 0.5px; + width: calc(48 * var(--size)); + height: calc(48 * var(--size)); + border: calc(5 * var(--size)) solid black; + border-bottom-color: transparent; + border-radius: 50%; + display: inline; + position: absolute; + margin-left: 0.25rem; + margin-top: 0.25rem; + box-sizing: border-box; + animation: rotation 1s linear infinite; } |