doctors.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. .grid-dis-col-1 .organization-info__administration-content {
  2. padding-left: 0;
  3. }
  4. .grid-dis-col-1 .personals__item {
  5. height: auto;
  6. }
  7. .grid-dis-col-1 .personals__details {
  8. height: auto;
  9. }
  10. .grid-dis-col-1 .personals__name--wide {
  11. height: 63px;
  12. }
  13. .grid-dis-col-1 .personals__description--wide {
  14. padding: 5px 12px 5px 25px;
  15. }
  16. .grid-dis-col-1 .personals__category--wide {
  17. padding-left: 25px;
  18. background-position-x: 3px;
  19. }
  20. .grid-dis-col-33 .vrach-info {
  21. min-height: 170px;
  22. }
  23. .grid-dis-col-33 .vrach-dostig {
  24. display: block;
  25. margin: 6px 0;
  26. }
  27. .grid-dis-col-33 .vrach-dostig img {
  28. display: inline-block;
  29. vertical-align: middle;
  30. }
  31. .grid-dis-col-33 .vrach-dostig .vrach-dostig-text {
  32. display: inline-block;
  33. vertical-align: middle;
  34. width: calc(100% - 80px);
  35. color: #929292;
  36. font-size: 13px;
  37. margin-left: 10px;
  38. }
  39. .vrach-title-dolznosti {
  40. border-top: 1px solid #ebebeb;
  41. border-bottom: 1px solid #ebebeb;
  42. }
  43. .vrach-content-dolznosti {
  44. background: #ebebeb;
  45. padding: 10px;
  46. }
  47. .vrach-content-dolznosti-50 {
  48. width: calc(50% - .25em - 10px);
  49. display: inline-block;
  50. vertical-align: top;
  51. padding: 0 5px;
  52. @media screen and (max-width: 768px) {
  53. width: 100%;
  54. display: block;
  55. }
  56. }
  57. .vrach-content-dolznosti-map {
  58. text-align: center;
  59. }
  60. .vrach-content-dolznosti-adress {
  61. color: #929292;
  62. font-size: 13px;
  63. text-align: center;
  64. font-family: $fontcuprum;
  65. margin: 5px auto 15px auto;
  66. }
  67. .vrach-content-dolznosti-grafik-title {
  68. color: #3b434d;
  69. font-size: 15px;
  70. }
  71. .vrach-content-dolznosti-50 table td {
  72. width: 22%;
  73. text-align: center;
  74. color: #3b434d;
  75. font-size: 15px;
  76. padding: 3px 0;
  77. }
  78. .vrach-content-dolznosti-50 table td:last-child {
  79. width: 46%;
  80. }
  81. .rach-content-dolznosti-grafik-prev {
  82. display: inline-block;
  83. width: calc(50% - .25em);
  84. font-size: 13px;
  85. color: #929292;
  86. margin: 5px 0;
  87. cursor: pointer;
  88. }
  89. .rach-content-dolznosti-grafik-next {
  90. display: inline-block;
  91. width: calc(50% - .25em);
  92. font-size: 13px;
  93. color: #929292;
  94. text-align: right;
  95. margin: 5px 0;
  96. cursor: pointer;
  97. }
  98. .rach-content-dolznosti-grafik-prev::before {
  99. content: '';
  100. display: inline-block;
  101. position: relative;
  102. background: url("../img/icon_leftbar_title_arrow3-p.png") no-repeat;
  103. background-size: cover;
  104. width: 10px;
  105. height: 10px;
  106. }
  107. .rach-content-dolznosti-grafik-next::after {
  108. content: '';
  109. display: inline-block;
  110. position: relative;
  111. background: url("../img/icon_leftbar_title_arrow3.png") no-repeat;
  112. background-size: cover;
  113. width: 10px;
  114. height: 10px;
  115. }
  116. .rach-content-dolznosti-grafik-button {
  117. background: #d7d7d7;
  118. color: #929292;
  119. width: 100%;
  120. display: block;
  121. padding: 10px 0;
  122. text-align: center;
  123. }
  124. .vrachi-svedenia-btn {
  125. font-size: 13px;
  126. color: #929292;
  127. text-decoration: underline;
  128. margin-left: 15px;
  129. display: block;
  130. }
  131. .vrachi-svedenia-btn:after {
  132. content: '';
  133. display: inline-block;
  134. position: relative;
  135. background: url("../img/icon_title_arrow-bottom.png") no-repeat;
  136. background-size: cover;
  137. width: 10px;
  138. height: 10px;
  139. margin-left: 10px;
  140. }
  141. .vrachi-border {
  142. border-left: 1px solid #ebebeb;
  143. }
  144. $doctorsPageSelector: '.doctors';
  145. #{$doctorsPageSelector} {
  146. &__photo {
  147. overflow: hidden;
  148. border-radius: 50%;
  149. }
  150. }