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 8 Aug 2022 1 KB fixed
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-navy:hover {
  68.   color: white;
  69.   background-color: #0d47a1;
  70. }
  71.  
  72. /* Off-Canvas (SideBar) */
  73. .offcanvas {
  74.   width: 200px;
  75. }
  76.  
  77. @media (min-width: 992px) {
  78.   .offcanvas {
  79.     transform: none;
  80.     visibility: visible !important;
  81.   }
  82.  
  83.   .offcanvas-outside {
  84.     transition: margin-left 0.3s ease-in-out;
  85.     margin-left: 200px;
  86.   }
  87. }
  88.  
  89. .btn-circle {
  90.   width: 40px;
  91.   height: 40px;
  92.   border-radius: 50%;
  93.   opacity: 0.5;
  94.   border: 0;
  95. }
  96.  
  97. /* Link */
  98. a {
  99.   text-decoration: none;
  100. }
  101.  
  102. /* Size */
  103. .mh-100 {
  104.   height: calc(100vh - 56px)
  105. }
  106.  
  107. /* Table */
  108. .table > :not(:first-child) {
  109.     border-top: 0;
  110. }