Website for visualizing a persons github network.
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.

207 lines
3.0 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
  1. @font-face {
  2. font-family: Comfortaa;
  3. src: url(./fonts/Comfortaa-Regular.ttf);
  4. font-weight: normal;
  5. }
  6. @font-face {
  7. font-family: Comfortaa;
  8. src: url(./fonts/Comfortaa-Light.ttf);
  9. font-weight: lighter;
  10. }
  11. @font-face {
  12. font-family: Comfortaa;
  13. src: url(./fonts/Comfortaa-Bold.ttf);
  14. font-weight: bold;
  15. }
  16. #header-bar {
  17. height: 10%;
  18. width: 100%;
  19. background-color: rgb(208, 208, 208);
  20. }
  21. #header-title {
  22. font-size: 25px;
  23. }
  24. #logo {
  25. height: 60px;
  26. }
  27. #error-code {
  28. font-family: Comfortaa;
  29. font-size: 200px;
  30. color: rgb(208, 208, 208);
  31. }
  32. #navigation {
  33. position: absolute;
  34. right: 20px;
  35. }
  36. #dcimg {
  37. width: 300px;
  38. }
  39. #mainCarousel {
  40. height: 500px;
  41. background-color: black;
  42. }
  43. .carousel-item {
  44. height: 500px;
  45. }
  46. .error {
  47. color: rgb(208, 208, 208);
  48. }
  49. .big-title {
  50. font-family: Comfortaa;
  51. font-weight: bold;
  52. font-size: 60px;
  53. }
  54. .l-title {
  55. font-family: Comfortaa;
  56. font-weight: normal;
  57. font-size: 40px;
  58. }
  59. .m-title {
  60. font-family: Comfortaa;
  61. font-weight: normal;
  62. font-size: 150%;
  63. }
  64. .nav-sep {
  65. position: relative;
  66. left: 10px;
  67. top: 6px;
  68. padding-left: 20px;
  69. border-left: 2px solid #232323;
  70. height: 30px;
  71. }
  72. .nav-item {
  73. padding: 5px;
  74. font-size: 20px;
  75. }
  76. .nav-item a {
  77. color: #232323;
  78. text-decoration: none;
  79. }
  80. .nav-item a:hover {
  81. color: rgb(250, 152, 33);
  82. text-decoration: none;
  83. }
  84. .home-content {
  85. padding: 20px;
  86. width: 100%;
  87. max-height: 40px;
  88. }
  89. .side-img {
  90. display: block;
  91. position: relative;
  92. width: 50%;
  93. height: 100%;
  94. max-height: 400px;
  95. max-width: 400px;
  96. }
  97. .side-txt {
  98. display: block;
  99. position: relative;
  100. width: 50%;
  101. }
  102. .text-title {
  103. background-color: rgb(208, 208, 208);
  104. border-radius: 20px 20px 0px 0px;
  105. }
  106. .text-content {
  107. background-color: rgb(242, 242, 242);
  108. border-radius: 0px 0px 20px 20px;
  109. }
  110. .card-deck {
  111. position: relative;
  112. padding-top: 20px;
  113. }
  114. .card {
  115. background-color: rgb(208, 208, 208);
  116. }
  117. .card-body {
  118. background-color: rgb(242, 242, 242);
  119. }
  120. .rounder {
  121. border-radius: 20px !important;
  122. }
  123. .main {
  124. position: relative;
  125. top: 10px;
  126. }
  127. body {
  128. background-color: #232323;
  129. }
  130. @media (max-width: 767px) {
  131. .big-title {
  132. font-size: 30px;
  133. }
  134. .side-img {
  135. display: none;
  136. }
  137. .side-txt {
  138. position: absolute;
  139. top: 10px;
  140. left: 50%;
  141. transform: translate(-50%, 0%);
  142. width: 100%;
  143. }
  144. #navigation {
  145. position: absolute;
  146. top: 50px;
  147. left: 50%;
  148. transform: translate(-50%, 0%);
  149. width: 400px
  150. }
  151. .nav-item {
  152. font-size: 19px;
  153. }
  154. #header-bar {
  155. height: 100px;
  156. }
  157. #header-title {
  158. left: 0px;
  159. width: 20%;
  160. }
  161. #logo {
  162. position: absolute;
  163. left: 50%;
  164. transform: translate(-50%, 0%);
  165. height: 60px;
  166. }
  167. .card {
  168. align-self: center;
  169. width: 80%;
  170. }
  171. }