style.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /* Copyright © 2019 Inria. All rights reserved. */
  2. .navul {
  3. position: fixed;
  4. left: 0;
  5. top: 0;
  6. width: 100%;
  7. list-style-type: none;
  8. margin: 0;
  9. padding: 0;
  10. overflow: hidden;
  11. background-color: #5d5e60;
  12. }
  13. .navli {
  14. float: left;
  15. }
  16. li a{
  17. display: block;
  18. color: white;
  19. text-align: center;
  20. padding: 14px 16px;
  21. text-decoration: none;
  22. }
  23. .draggable {
  24. display: inline;
  25. }
  26. /* Change the link color to #111 (black) on hover */
  27. li a:hover{
  28. background-color: #111;
  29. }
  30. label {
  31. display: inline-block;
  32. padding-left: 15px;
  33. text-indent: -15px;
  34. color: white;
  35. text-align: center;
  36. padding: 14px 16px;
  37. text-decoration: none;
  38. }
  39. .checkbox {
  40. width: 13px;
  41. height: 13px;
  42. padding: 0;
  43. margin:0;
  44. vertical-align: bottom;
  45. position: relative;
  46. top: -2px;
  47. *overflow: hidden;
  48. margin-left: 14px;
  49. }
  50. #mainCheck{
  51. width: 13px;
  52. height: 13px;
  53. padding: 0;
  54. margin:0;
  55. vertical-align: bottom;
  56. position: relative;
  57. top: -2px;
  58. *overflow: hidden;
  59. }
  60. input{
  61. margin-top:7px;
  62. }
  63. .button {
  64. position:fixed;
  65. right: 10px;
  66. background-color: #7f8082;
  67. border: none;
  68. color: white;
  69. padding: 7px 16px;
  70. text-align: center;
  71. text-decoration: none;
  72. display: inline-block;
  73. font-size: 16px;
  74. border-radius: 4px;
  75. -webkit-transition-duration: 0.4s; /* Safari */
  76. transition-duration: 0.4s;
  77. }
  78. #searchId{
  79. position: fixed;
  80. right: 150px;
  81. }
  82. .button:hover {
  83. background-color: #111; /* Green */
  84. color: white;
  85. }
  86. #info{
  87. padding-top : 5px;
  88. color: black;
  89. border-radius: 5px;
  90. background-color: white;
  91. width:300px;
  92. min-height:200px;
  93. box-shadow: 5px 10px #888888;
  94. text-align: left;
  95. }
  96. #info-not-found{
  97. padding-top : 5px;
  98. color: black;
  99. border: 2x solid black;
  100. border-radius: 5px;
  101. background-color: white;
  102. width:300px;
  103. min-height:200px;
  104. box-shadow: 5px 10px #888888;
  105. text-align: left;
  106. }
  107. .hidden{
  108. display:none;
  109. }
  110. @media only screen and (max-width: 1175px) {
  111. .show-mobile {
  112. display: block;
  113. }
  114. .hide-mobile {
  115. display: none;
  116. }
  117. }
  118. @media only screen and (min-width: 1176px) {
  119. .show-mobile {
  120. display: none;
  121. }
  122. .hide-mobile {
  123. display: block;
  124. }
  125. }