Fork: 0
haya4 / task-bldg
Transfer to URL with SHA Find file
Newer
Older
task-bldg / src / main / resources / static / css / app.css
@haya4 haya4 on 19 Jun 2023 1 KB DBテーブル： task-status
Raw Blame History 
  1. #map {
  2. 	width: 100%;
  3. 	height: 640px;
  4. }
  5.  
  6. #popup {
  7.     position: relative;
  8.     display: inline-block;
  9.     margin: 1.5em 0;
  10.     padding: 7px 10px;
  11.     min-width: 120px;
  12.     max-width: 100%;
  13.     color: #555;
  14.     font-size: 16px;
  15.     background: #FFF;
  16.     border: solid 3px #555;
  17.     box-sizing: border-box;
  18. }
  19.  
  20. #popup:before {
  21.     content: "";
  22.     position: absolute;
  23.     bottom: -24px;
  24.     left: 50%;
  25.     margin-left: -15px;
  26.     border: 12px solid transparent;
  27.     border-top: 12px solid #FFF;
  28.     z-index: 2;
  29. }
  30.  
  31. #popup:after {
  32.     content: "";
  33.     position: absolute;
  34.     bottom: -30px;
  35.     left: 50%;
  36.     margin-left: -17px;
  37.     border: 14px solid transparent;
  38.     border-top: 14px solid #555;
  39.     z-index: 1;
  40. }
  41.  
  42. .popup p {
  43.     margin: 0;
  44.     padding: 0;
  45. }
  46.  
  47. /* Color */
  48. .bg-image {
  49.   background:
  50.     linear-gradient(to bottom,
  51.       rgba(34, 74, 190, 1),
  52.       rgba(34, 74, 190, 0.7)
  53.     ),
  54.     url('/task-bldg/img/photo.jpg');
  55.   background-size: cover;
  56. }
  57.  
  58. .text-navy {
  59.   color: #224abe;
  60. }
  61.  
  62. .btn-navy {
  63.   color: white;
  64.   background-color: #224abe;
  65. }
  66.  
  67. .btn-gray {
  68.   color: white;
  69.   background-color: #a9a9a9;
  70. }
  71.  
  72. .btn-navy:hover {
  73.   color: white;
  74.   background-color: #0d47a1;
  75. }
  76.  
  77. /* Off-Canvas (SideBar) */
  78. .offcanvas {
  79.   width: 200px;
  80. }
  81.  
  82. @media (min-width: 992px) {
  83.   .offcanvas {
  84.     transform: none;
  85.     visibility: visible !important;
  86.   }
  87.  
  88.   .offcanvas-outside {
  89.     transition: margin-left 0.3s ease-in-out;
  90.     margin-left: 200px;
  91.   }
  92. }
  93.  
  94. .btn-circle {
  95.   width: 40px;
  96.   height: 40px;
  97.   border-radius: 50%;
  98.   opacity: 0.5;
  99.   border: 0;
  100. }
  101.  
  102. /* Link */
  103. a {
  104.   text-decoration: none;
  105. }
  106.  
  107. /* Size */
  108. .mh-100 {
  109.   height: calc(100vh - 56px)
  110. }
  111.  
  112. /* Table */
  113. .table > :not(:first-child) {
  114.     border-top: 0;
  115. }