| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 |
- /* Copyright © 2019 Inria. All rights reserved. */
- .navul {
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background-color: #5d5e60;
- }
- .navli {
- float: left;
- }
- li a{
- display: block;
- color: white;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- }
- .draggable {
- display: inline;
- }
- /* Change the link color to #111 (black) on hover */
- li a:hover{
- background-color: #111;
- }
- label {
- display: inline-block;
- padding-left: 15px;
- text-indent: -15px;
- color: white;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- }
- .checkbox {
- width: 13px;
- height: 13px;
- padding: 0;
- margin:0;
- vertical-align: bottom;
- position: relative;
- top: -2px;
- *overflow: hidden;
- margin-left: 14px;
- }
- #mainCheck{
- width: 13px;
- height: 13px;
- padding: 0;
- margin:0;
- vertical-align: bottom;
- position: relative;
- top: -2px;
- *overflow: hidden;
- }
- input{
- margin-top:7px;
- }
- .button {
- position:fixed;
- right: 10px;
- background-color: #7f8082;
- border: none;
- color: white;
- padding: 7px 16px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- border-radius: 4px;
- -webkit-transition-duration: 0.4s; /* Safari */
- transition-duration: 0.4s;
- }
- #searchId{
- position: fixed;
- right: 150px;
- }
- .button:hover {
- background-color: #111; /* Green */
- color: white;
- }
- #info{
- padding-top : 5px;
- color: black;
- border-radius: 5px;
- background-color: white;
- width:300px;
- min-height:200px;
- box-shadow: 5px 10px #888888;
- text-align: left;
- }
- #info-not-found{
- padding-top : 5px;
- color: black;
- border: 2x solid black;
- border-radius: 5px;
- background-color: white;
- width:300px;
- min-height:200px;
- box-shadow: 5px 10px #888888;
- text-align: left;
- }
- .hidden{
- display:none;
- }
- @media only screen and (max-width: 1175px) {
- .show-mobile {
- display: block;
- }
- .hide-mobile {
- display: none;
- }
- }
- @media only screen and (min-width: 1176px) {
- .show-mobile {
- display: none;
- }
- .hide-mobile {
- display: block;
- }
- }
|