diff options
Diffstat (limited to 'site/public/assets/css/applets.css')
| -rw-r--r-- | site/public/assets/css/applets.css | 246 |
1 files changed, 0 insertions, 246 deletions
diff --git a/site/public/assets/css/applets.css b/site/public/assets/css/applets.css deleted file mode 100644 index ef9f09e2..00000000 --- a/site/public/assets/css/applets.css +++ /dev/null @@ -1,246 +0,0 @@ -/* applets */ - -.applet_container { - min-height: 340px; - clear: left; - margin: 20px auto 40px auto; -} -.applet_container.autosize { - min-height: 0; -} -.applet { - margin-bottom: 60px; - transition: opacity 0.2s cubic-bezier(0,0,1,1); - opacity: 0; -} -.applet.map { - width: 100vw; - height: 50vh; -} -.applet.loaded { - opacity: 1; -} - -.row { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -.q { - width: 100%; - padding: 8px 12px; - font-size: 13pt; - color:#333; -} -.timing { - font-size: 9pt; - padding-top: 10px; -} - -/* search results */ - -.name_search, .face_search { - box-shadow: inset 0 0 40px #000; - background: #111; - padding: 20px 0; - /*background: black;*/ - width: 100%; -} -.name_search { - margin-top: 0px; - margin-bottom: 20px; -} -.face_search .applet { - max-width: 640px; - margin: 0 auto; -} -.name_search .applet { - max-width: 640px; - margin: 0 auto; -} -.results { - margin-top: 10px; - padding-bottom: 10px; - display: flex; - flex-direction: row; - flex-wrap: wrap; -} -.results > div { - width: 200px; - margin-left: 20px; - margin-bottom: 40px; - font-size: 8pt; - background: #000; - padding: 5px; - font-weight: 500; -} -.results > div img { - display: block; - margin-bottom: 4px; - width: 190px; - height: 190px; - background: rgba(255,255,255,0.05); -} -.results > div:nth-child(3n+1) { - margin-left: 0; -} -.applet h2 { - font-size: 20pt; -} -.query h2 { - margin-top: 0; padding-top: 0; -} -.img { - position: relative; -} -.img .bbox { - position: absolute; - color: rgba(255,255,255,1); - background: rgba(255,255,255,0.05); - border: 1px solid; -} -.cta { - padding-left: 20px; - font-size: 10pt; -} -.cta ol { - margin: 0; - padding: 0 0 20px 20px; -} - -.searchContainer { - padding-top: 20px; -} - -.uploadContainer > div { - position: relative; - width: 300px; - height: 300px; - display: flex; - align-items: center; - justify-content: center; - background: #333; - border: 3px dashed #fff; - border-radius: 10px; - opacity: 0.3; - transition: opacity 0.2s cubic-bezier(0,0,1,1); -} -.uploadContainer.active, -.desktop .uploadContainer > div:hover { - opacity: 1; -} -.uploadContainer input { - position: absolute; - top: 0; left: 0; - width: 100%; height: 100%; - opacity: 0; - cursor: pointer; -} -.uploadContainer img { - max-width: 40px; -} - -/* map */ - -.map, .map .applet { - height: 500px; -} -.map { - margin-bottom: 20px; -} -.map_cover { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - cursor: pointer; - background: rgba(0,0,0,0.8); - z-index: 9998; /* site header is 9999 */ - display: flex; - justify-content: center; - align-items: center; - font-size: 36px; - transition: opacity 0.4s cubic-bezier(0,0,1,1); - opacity: 1; -} -.desktop .map_cover { - opacity: 0; -} -.desktop .map_cover:hover { - opacity: 1; -} -.leaflet-popup-content-wrapper { - max-height: 230px; - overflow-y: auto; -} -.leaflet-popup-content a { - color: #0078A8; - border-bottom: 1px solid rgba(0, 128, 160, 0.4); -} -.desktop .leaflet-popup-content a:hover { - color: #0078A8; - border-bottom: 1px solid rgba(0, 128, 160, 0.9); -} - -/* tabulator */ - -.tabulator { - font-family: 'Roboto', sans-serif; -} -.tabulator-row { - transition: background-color 100ms cubic-bezier(0,0,1,1); - background-color: rgba(255,255,255,0.0); -} -.desktop .tabulator-row:hover { - background-color: rgba(255,255,255,0.2); -} -.tabulator-row.tabulator-row-odd { - background-color: rgba(255,255,255,0.05); -} -.tabulator-row.tabulator-row-even { - background-color: rgba(255,255,255,0.1); -} - -/* analysis results */ - -.analysisContainer .results div { - width: 256px; - text-align: center; - padding: 10px; - margin: 10px; -} -.analysisContainer .results div img { - max-width: 100%; -} - -/* chart */ - -.piechart .chart { - display: flex; - flex-direction: row; - justify-content: space-around; - align-items: flex-start; -} -.piechart .chart > div { - width: 50%; - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center; -} -.piechart .chart .c3-chart-arc text { - fill: #fff; -} -.piechart .chart .c3-chart-arc.c3-target-Academic text { - fill: #333; -} -.piechart .c3 path, .piechart .c3 line { - stroke: rgba(64,64,64,0.3); -} -.piechart .chartCaption { - color: #888; - font-size: 12px; - font-family: 'Roboto', sans-serif; - font-weight: 400; -} |
