taxi

Winning entry to the Kaggle taxi competition
git clone https://esimon.eu/repos/taxi.git
Log | Files | Refs | README

style.css (1811B)


      1 .map {
      2 	position: fixed;
      3 	left: 0; right:0; top:0; bottom:0;
      4 	z-index: 0;
      5 }
      6 
      7 .open-datalist {
      8 	top: .5em;
      9 	right: .5em;
     10 	z-index: 10;
     11 }
     12 
     13 #datalist {
     14 	position: fixed;
     15 	right:0; top:0; bottom:0;
     16 	width: 20em;
     17 	display: none;
     18 	z-index: 1;
     19 	background-color: #fff;
     20 	border-left: solid 1px black;
     21 }
     22 
     23 #datalist-tree {
     24 	position: absolute;
     25 	left:0; top:0; bottom:4em;
     26 	width: 100%;
     27 	overflow-y: auto;
     28 }
     29 
     30 #datalist-tree > ul {
     31 	padding-left: 0.5em;
     32 }
     33 
     34 #datalist-tree li > ul {
     35 	padding-left: 1.5em;
     36 }
     37 
     38 #datalist-tree li {
     39 	list-style-type: none;
     40 }
     41 
     42 #dataextract {
     43 	position: fixed;
     44 	bottom: 0;
     45 	height: 3.5em;
     46 }
     47 
     48 #dataextract input { width: 100%; }
     49 
     50 .open-config {
     51 	top: 65px;
     52 	left: .5em;
     53 	z-index: 10;
     54 }
     55 
     56 #config {
     57 	position: absolute;
     58 	left: 2em; top: 65px;
     59 	display: none;
     60 	z-index: 2;
     61 }
     62 
     63 #config ul ul {
     64 	top: 0px !important;
     65 	width: 12em;
     66 }
     67 
     68 .measure-tooltip {
     69 	position: relative;
     70 	background: rgba(0, 0, 0, 0.5);
     71 	border-radius: 4px;
     72 	color: white;
     73 	padding: 4px 8px;
     74 	opacity: 0.7;
     75 	white-space: nowrap;
     76 }
     77 
     78 .measure-tooltip-value {
     79 	opacity: 1;
     80 	font-weight: bold;
     81 }
     82 
     83 .measure-tooltip-static {
     84 	background-color: #ffcc33;
     85 	color: black;
     86 	border: 1px solid #fff;
     87 }
     88 
     89 .measure-tooltip-value:before,
     90 .measure-tooltip-static:before {
     91 	border-top: 6px solid rgba(0, 0, 0, 0.5);
     92 	border-right: 6px solid transparent;
     93 	border-left: 6px solid transparent;
     94 	content: "";
     95 	position: absolute;
     96 	bottom: -6px;
     97 	margin-left: -7px;
     98 	left: 50%;
     99 }
    100 
    101 .measure-tooltip-static:before {
    102 	border-top-color: #ffcc33;
    103 }
    104 
    105 #featureinfo {
    106 	position: absolute;
    107 	z-index: 100;
    108 	color: #fff;
    109 	background-color: #000;
    110 	border: solid 1px #fff;
    111 	border-radius: 10px;
    112 	padding: 4px;
    113 	opacity: 0.75;
    114 }
    115 
    116 #coordinfo {
    117 	position: absolute;
    118 	left: 0; bottom: 0;
    119 	z-index: 100;
    120 	color: #fff;
    121 	background-color: #000;
    122 	padding: 3px;
    123 	opacity: 0.66;
    124 }