A semantic search engine for source code https://bitshift.benkurtovic.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

124 line
2.4 KiB

  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: 400px
  17. top: -210px
  18. &#img-2
  19. background: url(../img/about/bg2.png) no-repeat
  20. height: $img-height + 530
  21. top: 550px
  22. &#img-3
  23. background: url(../img/about/bg3.png) no-repeat
  24. background-size: cover
  25. height: $img-height + 250
  26. top: 1560px
  27. &#img-4
  28. background: url(../img/about/bg4.png) no-repeat
  29. background-size: cover
  30. height: $img-height + 400
  31. top: 5280px
  32. div.section
  33. background-color: white
  34. border: 1px solid $baseColor2
  35. margin-bottom: 200px
  36. margin-top: 300px
  37. padding-bottom: 50px
  38. padding-top: 20px
  39. overflow: hidden
  40. &#top
  41. margin-top: 0px
  42. div.centered
  43. font-size: 110%
  44. line-height: 150%
  45. margin-left: auto
  46. margin-right: auto
  47. min-width: 500px
  48. width: 65%
  49. &#how
  50. b
  51. font-family: monospace
  52. font-size: 110%
  53. ul
  54. list-style: none
  55. span
  56. color: $baseColor1
  57. font-weight: bold
  58. h1
  59. color: $baseColor1
  60. span
  61. color: $baseColor2
  62. a
  63. color: #727070
  64. font-style: italic
  65. text-decoration: none
  66. &:hover
  67. @extend .t3
  68. color: #575757
  69. span#title
  70. color: $baseColor1
  71. font-weight: bold
  72. div.person
  73. font-size: 80%
  74. overflow: hidden
  75. &#top
  76. margin-top: 40px
  77. >div
  78. $image-min-width: 100px
  79. display: inline-block
  80. height: 100%
  81. margin-bottom: 40px
  82. vertical-align: top
  83. &.photo
  84. margin-right: 40px
  85. width: $image-min-width
  86. img
  87. display: block
  88. height: $image-min-width
  89. width: $image-min-width
  90. &.bio
  91. min-width: $centered-section-min-width - $image-min-width - 50px
  92. width: 70%
  93. h1
  94. font-size: 130%
  95. margin: 0