docker-registry-ui/dist/style.css

18 lines
12 KiB
CSS

/*!
* docker-registry-ui
* Copyright (C) 2016-2019 Jones Magloire @Joxit
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(fonts/MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(fonts/MaterialIcons-Regular.woff2) format('woff2'),url(fonts/MaterialIcons-Regular.woff) format('woff'),url(fonts/MaterialIcons-Regular.ttf) format('truetype')}i.material-icons,material-button .content i.material-icons,material-button[rounded=true] .content i.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}material-button .content i.material-icons,material-button[rounded=true] .content i.material-icons{margin:auto}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/Roboto-Regular.eot);src:local('Roboto Light'),local('Roboto-Light'),url(fonts/Roboto-Light.woff2) format('woff2'),url(fonts/Roboto-Light.woff) format('woff'),url(fonts/Roboto-Light.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Roboto-Regular.eot);src:local('Roboto Regular'),local('Roboto-Regular'),url(fonts/Roboto-Regular.woff2) format('woff2'),url(fonts/Roboto-Regular.woff) format('woff'),url(fonts/Roboto-Regular.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Roboto-Regular.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(fonts/Roboto-Bold.woff2) format('woff2'),url(fonts/Roboto-Bold.woff) format('woff'),url(fonts/Roboto-Bold.ttf) format('truetype')}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/RobotoMono-Regular.eot);src:local('Roboto Mono Regular'),local('RobotoMono-Regular'),local('Roboto-Mono-Regular'),url(fonts/RobotoMono-Regular.woff2) format('woff2'),url(fonts/RobotoMono-Regular.woff) format('woff'),url(fonts/RobotoMono-Regular.ttf) format('truetype')}html>body{font-family:Roboto,Helvetica,Arial,sans-serif!important}body,html{margin:0;height:100%}main{margin-bottom:100px}.section-centerd{margin:auto}.full-table{width:100%;border:none}.url{font-size:14px;word-break:break-all}.material-card-title-action a{color:inherit;text-decoration:none;font-weight:inherit}material-card,material-tabs,pagination .conatianer{max-width:95%;margin:auto;margin-top:20px;margin-bottom:20px}pagination .conatianer{display:flex;display:-moz-flex;display:-webkit-flex;display:-ms-flexbox}pagination .conatianer .pagination-centered{margin:auto}@media screen and (min-width:1515px){material-card,material-tabs,pagination .conatianer{max-width:1440px}}material-tabs{display:block;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-ms-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-o-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}material-tabs material-button,material-tabs material-button .content .text{background-color:#fff;color:#aaa;text-transform:none}material-tabs .line-wrapper .line{background-color:#25313b}material-tabs material-button.selected .content .text{color:#25313b}material-spinner{align-self:center}.spinner-wrapper{margin-top:50px;display:flex;flex-direction:column}material-navbar{height:64px}.logo{padding:0 16px 0 72px;text-decoration:none;font-size:20px;line-height:1;letter-spacing:.02em;font-weight:400}h2{padding:16px;margin:auto;font-size:24px;font-weight:300;line-height:normal;overflow:hidden}.material-card-title-action h2 .item-count,.material-card-title-action h2 .source-hint{font-size:.7em;margin-left:1em}.list{display:block;padding:8px 0;list-style:none}.list.highlight:hover{background-color:#eee;cursor:pointer}.list>li,.list>span{box-sizing:border-box;line-height:1;height:48px;padding:0 16px;overflow:hidden}.list>li i.material-icons,.list>span i.material-icons{margin-right:32px;height:24px;width:24px;font-size:24px;box-sizing:border-box;color:#757575}.list>span .right i.material-icons.animated{transition:all 350ms cubic-bezier(.4,0,.2,1);margin-right:10px}.list>span .right{position:absolute;align-self:end;display:flex;align-items:center;right:0}.list>span i.material-icons.animated.expanded{transform:rotate(180deg)}.list>span .item-count{font-size:.75em}.list>li>span,.list>span{height:100%;text-decoration:none;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}material-card.list{margin-top:10px;margin-bottom:10px}.material-card-title-action{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px}.material-card-title-action h2{margin:0}material-card table{width:100%;border:none;position:relative;border:1px solid rgba(0,0,0,.12);border-collapse:collapse;white-space:nowrap;font-size:13px;background-color:#fff;border:none}material-card table th{font-size:18px;vertical-align:bottom;line-height:24px;height:48px;color:rgba(0,0,0,.54);box-sizing:border-box;padding:0 18px 12px 18px;text-align:right}.material-card-th-left{text-align:left}material-card material-button:hover,material-card table tbody tr:hover,pagination material-button:hover{background-color:#eee}material-card material-button,material-card table tbody tr,pagination material-button{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color}material-card table tbody tr{position:relative;height:48px}material-card table td{font-size:16px;position:relative;height:48px;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:12px 18px;box-sizing:border-box;vertical-align:middle;text-align:right}material-card table th.material-card-th-sorted-ascending:hover,material-card table th.material-card-th-sorted-descending:hover,tag-history-button button:hover{cursor:pointer}material-card table th.material-card-th-sorted-ascending:hover:before,material-card table th.material-card-th-sorted-descending:hover:before{color:rgba(0,0,0,.26)}material-card table th.material-card-th-sorted-ascending:before,material-card table th.material-card-th-sorted-descending:before{font-family:'Material Icons';font-weight:400;font-style:normal;line-height:1;font-size:16px;content:"\e5d8";margin-right:5px;vertical-align:sub}material-card table th.material-card-th-sorted-descending:before{content:"\e5db"}.material-icons,material-button .content i.material-icons{color:#777}material-button[disabled] .content i.material-icons,material-checkbox[disabled] .content i.material-icons{color:#bbb}material-snackbar .toast{height:auto}menu{position:absolute;top:0;right:16px;color:#000}menu .overlay{position:fixed;height:100%;width:100%;top:0;right:0;z-index:1}#menu-control-button{background:rgba(255,255,255,0);float:right}#menu-control-button i{color:#fff;font-size:24px}#menu-control-dropdown{display:inline-block;position:relative}.dropdown{min-width:124px;padding:8px 0;margin:0}#menu-control-dropdown p,dropdown-item{padding:0 16px;margin:auto;line-height:48px;height:48px;cursor:pointer}#menu-control-dropdown p:hover{background-color:#eee}#menu-control-dropdown p:active,.material-button-active:active{background-color:#e0e0e0}material-popup material-button,pagination material-button{background-color:#fff;color:#000}material-popup material-button:hover material-waves{background-color:hsla(0,0%,75%,.2)}material-popup .popup{max-width:450px;top:2em}footer{width:100%;position:fixed;z-index:75;bottom:0}@media screen and (max-height:750px){main{min-height:calc(100% - 164px - 2.5em);margin-bottom:2em}footer{position:relative}}material-footer{padding:.5em 1em}@media screen and (min-width:760px) and (max-height:750px){main{min-height:calc(100% - 144px - 2.5em)}}.select-padding{padding:20px 0}select{position:relative;outline:0;box-shadow:none;padding:0;width:100%;background:0 0;border:none;font-weight:400;line-height:24px;height:24px;border-bottom:1px solid #2f6975;appearance:none;-moz-appearance:none;-webkit-appearance:none}.copy-to-clipboard{padding-left:5px}#image-tag-header{padding-right:57px}.copy-to-clipboard,image-tag{display:inline-block}image-content-digest{display:none;font-family:'Roboto Mono',Roboto,Helvetica,Arial,sans-serif!important}@media screen and (min-width:1024px){#image-content-digest-header{padding-right:57px}image-content-digest{display:inline-block}}.show-tag-history{width:30px;text-align:center}.remove-tag{padding:12px 5px;width:66px;text-align:center}.remove-tag.delete{padding:7px 5px}taglist .creation-date{width:10em}taglist .image-size{width:7em}catalog material-card,tag-history material-card{min-height:auto}tag-history-element i{font-size:20px;padding:0}tag-history-element.docker_version .headline .material-icons{background-size:24px auto;background-image:url(images/docker-logo.svg);background-repeat:no-repeat}tag-history-element{display:block;padding:20px;min-width:100px;min-height:3em;width:420px;float:left;overflow-x:auto}tag-history-element .headline p{font-weight:700;line-height:20px;position:relative;display:inline;top:-4px}tag-history-element.id div.value{font-size:12px}tag-history-button button{background:0 0;border:none}material-card material-button,pagination material-button{max-height:30px;max-width:30px}material-button:hover material-waves{background:0 0}material-card material-button,pagination material-button{background-color:inherit}catalog-element material-card{z-index:2;position:relative}catalog-element catalog-element material-card{transition:all 350ms cubic-bezier(.4,0,.2,1);z-index:1;position:relative}catalog-element catalog-element.hide material-card,catalog-element catalog-element.showing material-card{margin-top:-50px;opacity:0}catalog-element catalog-element>.content{margin-left:3em}@media screen and (min-width:1515px){catalog-element catalog-element>.content material-card{max-width:calc(1440px - 3em)}}remove-image{width:30px}material-checkbox .label{display:none}taglist material-checkbox{margin:auto;width:18px}material-checkbox.indeterminate .checkbox .checkmark{border-bottom:none}material-checkbox.indeterminate .checkbox.checked .checkmark{transform:rotate(90deg) scale(1);-webkit-transform:rotate(90deg) scale(1);-ms-transform:rotate(90deg) scale(1);-moz-transform:rotate(90deg) scale(1);-o-transform:rotate(90deg) scale(1)}material-checkbox .checkbox{border-color:#777}material-checkbox .checkbox.checked{background-color:#777}pagination material-button{padding:.2em .75em}pagination material-button .content{display:flex;align-content:center;line-height:1.9em}pagination material-button.current{border:1px solid rgba(0,0,0,.12)}pagination material-button.current.space-left{margin-left:85px}pagination material-button.current.space-right{margin-right:85px}pagination material-button .content i.material-icons{color:#000}