summaryrefslogtreecommitdiff
path: root/site/public/assets/css/applets.css
diff options
context:
space:
mode:
Diffstat (limited to 'site/public/assets/css/applets.css')
-rw-r--r--site/public/assets/css/applets.css246
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;
-}