diff options
Diffstat (limited to 'old/faiss/static/css/app.css')
| -rw-r--r-- | old/faiss/static/css/app.css | 289 |
1 files changed, 0 insertions, 289 deletions
diff --git a/old/faiss/static/css/app.css b/old/faiss/static/css/app.css deleted file mode 100644 index a3b24736..00000000 --- a/old/faiss/static/css/app.css +++ /dev/null @@ -1,289 +0,0 @@ -/* css boilerplate */ - -* { box-sizing: border-box; } -html,body { - margin: 0; padding: 0; - width: 100%; height: 100%; -} -body { - font-family: Helvetica, sans-serif; - font-weight: 300; - padding-top: 60px; -} - -/* header */ - -header { - position: fixed; - top: 0; - left: 0; - height: 60px; - width: 100%; - background: #11f; - color: white; - align-items: stretch; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - z-index: 3; -} -header > section { - justify-content: flex-start; - align-items: center; - display: flex; - flex: 1 0; - font-weight: bold; -} -header > section:last-of-type { - justify-content: flex-end; -} -header a { - color: hsla(0,0%,100%,.89); - text-decoration: none; - line-height: 18px; - font-size: 14px; - font-weight: 700; - padding: .35rem .4rem; - white-space: nowrap; -} -header .logged-in { - font-size: 12px; - font-weight: normal; - padding: 0 0.5rem; -} -header .logout { - padding: 0 6px; - border-left: 1px solid #99f; -} -header .logout a { - font-size: 12px; -} -.menuToggle { - width: 30px; - height: 30px; - margin: 5px; - cursor: pointer; - line-height: 1; -} - -/* form at the top */ - -#form { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - margin: 20px; - padding: 20px; - border: 1px solid #ddd; -} -input[type=text] { - border: 1px solid #888; - padding: 4px; - font-size: 15px; -} -input[type=file] { - max-width: 200px; - border-radius: 2px; -} -input[type=file]:invalid + button { visibility: hidden!important; } -input[type=file]:valid + button { visibility: visible!important; } -#form > div { - display: flex; - flex-direction: row; - align-items: center; -} -#form > div * { - margin: 0 3px; -} - -/* saving UI form */ - -label { - display: block; - white-space: nowrap; - padding-bottom: 10px; -} -label:last-child { - padding-bottom: 0; -} -label span { - display: inline-block; - min-width: 80px; -} -.saving_ui { - display: none; -} -.saving .saving_ui { - display: flex; - border: 1px solid #ddd; - margin: 20px; - padding: 20px; - flex-direction: row; - justify-content: space-between; -} - -/* query box, shows either searched image, directory name, etc */ - -.loading .results, -.prefetch .query, .prefetch .results, -.browsing .score, .browsing .browse, -.photo .browse, -.saving .score { - display: none; -} -.browsing .query div { display: inline; margin-left: 5px; font-weight: bold; } -.saving .query div { display: inline; margin-left: 5px; font-weight: bold; } -.load_message { - opacity: 0; -} -.loading .load_message { - display: block; - margin: 20px; - font-weight: bold; -} - -.query { - margin: 20px; -} -.query > div { - margin-top: 10px; - position: relative; - display: flex; - flex-direction: row; - align-items: flex-start; -} -.query img { - cursor: crosshair; - max-width: 400px; - display: block; -} -.query > div > .box { - position: absolute; - border: 1px solid #11f; - background: rgba(17,17,255,0.1); - pointer-events: none; -} -.query canvas { - margin-left: 20px; - max-width: 200px; -} - -/* search results */ - -.results { - display: flex; - flex-direction: row; - flex-wrap: wrap; -} -.results > div { - display: flex; - flex-direction: column; - justify-content: flex-end; - width: 210px; - margin: 15px; - padding: 5px; - border: 1px solid transparent; -} -.results > div.saved { - border-radius: 2px; - background: #fafaaa; -} -.results > div img { - cursor: pointer; - max-width: 210px; - margin-bottom: 10px; -} -.results > div > div { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; -} -.results a:visited .btn { - color: #99d; -} -.score { - font-size: 12px; - color: #444; -} - - -/* spinner */ - -.loader { - display: flex; - align-items: center; - justify-content: center; - position: absolute; - top: 0; left: 0; - width: 100%; height: 100%; - background: rgba(255,255,255,0.9); -} -.loader > div { - background: white; - padding: 20px; - box-shadow: 0 1px 2px #bbb; - border-radius: 2px; -} -.spinner { - position: relative; - width: 32px; - height: 32px; - color: #11f; - margin: 0 auto; -} -.spinner:after { - position: absolute; - margin: auto; - width: 100%; - height: 100%; - top: 0; - left: 0; - right: 0; - bottom: 0; - content: " "; - display: inline-block; - border-radius: 50%; - border-style: solid; - border-width: 0.15em; - -webkit-background-clip: padding-box; - border-color: currentColor currentColor currentColor transparent; - box-sizing: border-box; - -webkit-animation: ld-cycle 0.7s infinite linear; - animation: ld-cycle 0.7s infinite linear; -} -@-webkit-keyframes ld-cycle { - 0%, 50%, 100% { - animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); - } - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 50% { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes ld-cycle { - 0%, 50%, 100% { - animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); - } - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 50% { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} |
