_images.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. // Responsive images (ensure images don't scale beyond their parents)
  2. //
  3. // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
  4. // We previously tried the "images are responsive by default" approach in Bootstrap v2,
  5. // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
  6. // which weren't expecting the images within themselves to be involuntarily resized.
  7. // See also https://github.com/twbs/bootstrap/issues/18178
  8. .img-fluid {
  9. position: relative;
  10. @include img-fluid();
  11. width: 72px;
  12. height: auto;
  13. }
  14. // Image thumbnails
  15. .img-thumbnail {
  16. padding: $thumbnail-padding;
  17. background-color: $thumbnail-bg;
  18. border: $thumbnail-border-width solid $thumbnail-border-color;
  19. @include border-radius($thumbnail-border-radius);
  20. @include box-shadow($thumbnail-box-shadow);
  21. // Keep them at most 100% wide
  22. @include img-fluid();
  23. }
  24. //
  25. // Figures
  26. //
  27. .figure {
  28. // Ensures the caption's text aligns with the image.
  29. display: inline-block;
  30. }
  31. .figure-img {
  32. margin-bottom: $spacer / 2;
  33. line-height: 1;
  34. }
  35. .figure-caption {
  36. @include font-size($figure-caption-font-size);
  37. color: $figure-caption-color;
  38. }
  39. .icon-pemantauan{
  40. width: 35px;
  41. height: 35px;
  42. margin-right: -20px;
  43. }
  44. .icon-buatlaporan{
  45. width: 35px;
  46. height: 35px;
  47. margin-right: -20px;
  48. }
  49. .img-text-vputih{
  50. width: 55px;
  51. height: 20px;
  52. margin-left: 10px;
  53. }
  54. .icon-triangle{
  55. width: 20px;
  56. margin-right: 15px;
  57. margin-left: 15px;
  58. border-radius: 5px;
  59. }
  60. .identitas-pelapor{
  61. width: 830px;
  62. height: 50px;
  63. }
  64. .icon-pemantauan {
  65. width: 30px;
  66. height: 30px;
  67. // margin-right: -20px;
  68. }
  69. .icon-buatlaporan {
  70. width: 30px;
  71. height: 30px;
  72. // margin-right: -20px;
  73. }
  74. .img-text-vputih {
  75. width: 55px;
  76. height: 20px;
  77. margin-left: 10px; }
  78. .icon-triangle {
  79. width: 20px;
  80. margin-right: 10px;
  81. margin-left: 15px; }
  82. .identitas-pelapor {
  83. width: 830px;
  84. height: 50px; }
  85. .img-fluid {
  86. position: relative;
  87. max-width: 100%;
  88. height: auto;
  89. width: 72px;
  90. height: 37px; }
  91. .ditbaga-logo{
  92. margin-top: 55%;
  93. }
  94. .logo-nav{
  95. width: 60%;
  96. }
  97. .img-login-1{
  98. width: 97%;
  99. margin-left: auto;
  100. margin-right: auto;
  101. }
  102. .icon-next{
  103. margin-right: 15px;
  104. margin-top: 5px;
  105. }
  106. .float-rigt{
  107. float: right;
  108. }
  109. .float-left{
  110. float: left;
  111. }
  112. .icon-eksport{
  113. margin-top: 5px;
  114. }