A semantic search engine for source code https://bitshift.benkurtovic.com/
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /*
  2. Stylesheet for `templates/about.html`
  3. */
  4. @import mixins
  5. @import variables
  6. $centered-section-min-width: 500px
  7. div.bg
  8. $img-height: 650px
  9. position: fixed
  10. width: 100%
  11. left: 0
  12. z-index: -1
  13. &#img-1
  14. background: url(../img/about/bg1.png) no-repeat
  15. background-size: cover
  16. height: 600px
  17. top: -300px
  18. &#img-2
  19. background: url(../img/about/bg2.png) no-repeat
  20. background-size: cover
  21. height: $img-height + 300
  22. top: 1800px
  23. &#img-3
  24. background: url(../img/about/bg3.png) no-repeat
  25. background-size: cover
  26. height: $img-height + 300
  27. top: 2850px
  28. &#img-4
  29. background: url(../img/about/bg4.png) no-repeat
  30. background-size: cover
  31. height: $img-height + 400
  32. top: 4000px
  33. div.section
  34. background-color: white
  35. border: 1px solid $baseColor2
  36. margin-bottom: 200px
  37. margin-top: 300px
  38. padding-bottom: 80px
  39. padding-top: 20px
  40. overflow: hidden
  41. &#top
  42. margin-top: 0px
  43. h2
  44. color: $baseColor1
  45. margin-top: 40px
  46. div.video
  47. width: 100%
  48. position: relative
  49. padding-top: 56.782% // aspect ration, 9 / 16
  50. iframe#vimeo
  51. border: 1px solid $baseColor3
  52. position: absolute
  53. top: 0
  54. left: 0
  55. height: none
  56. width: none
  57. div.centered
  58. font-size: 110%
  59. line-height: 150%
  60. margin-left: auto
  61. margin-right: auto
  62. min-width: 500px
  63. width: 65%
  64. &#how
  65. b
  66. font-family: monospace
  67. font-size: 110%
  68. ul
  69. list-style: none
  70. span
  71. color: $baseColor1
  72. font-weight: bold
  73. h1
  74. color: $baseColor1
  75. span
  76. color: $baseColor2
  77. a
  78. color: #727070
  79. font-style: italic
  80. text-decoration: none
  81. &:hover
  82. @extend .t3
  83. color: #575757
  84. span#title
  85. color: $baseColor1
  86. font-weight: bold
  87. div.person
  88. font-size: 80%
  89. overflow: hidden
  90. &#top
  91. margin-top: 40px
  92. >div
  93. $image-min-width: 100px
  94. display: inline-block
  95. height: 100%
  96. margin-bottom: 40px
  97. vertical-align: top
  98. &.photo
  99. margin-right: 40px
  100. width: $image-min-width
  101. img
  102. display: block
  103. height: $image-min-width
  104. width: $image-min-width
  105. &.bio
  106. min-width: $centered-section-min-width - $image-min-width - 50px
  107. width: 70%
  108. h1
  109. font-size: 130%
  110. margin: 0