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.

175 lines
2.4 KiB

  1. a {
  2. color: #FFFFFF;
  3. display: table;
  4. font-weight: bold;
  5. text-decoration: none;
  6. }
  7. a:hover {
  8. text-decoration: underline;
  9. }
  10. body {
  11. background-color: #2222CC;
  12. color: #FFFFFF;
  13. font-family: Arial;
  14. font-size: 100%;
  15. margin: 0 auto;
  16. }
  17. li {
  18. list-style: none;
  19. margin: 0.2em 0 0.2em -2.5em;
  20. }
  21. p a {
  22. display: inline;
  23. font-style: italic;
  24. }
  25. td {
  26. padding-bottom: 3%;
  27. }
  28. ul a:hover {
  29. text-decoration: none;
  30. }
  31. .centre * {
  32. margin: 0 auto;
  33. text-align: center;
  34. }
  35. .button {
  36. border: 0.1em solid white;
  37. border-radius: 0.4em;
  38. margin-bottom: 1vw;
  39. margin-top: 2vw;
  40. padding: 1.2vw;
  41. }
  42. .button:hover {
  43. background-color: #2844CC;
  44. text-decoration: none;
  45. }
  46. .content_box {
  47. background-color: #FFFFFF;
  48. padding-bottom: 2%;
  49. padding-top: 2%;
  50. }
  51. .content {
  52. margin: 0 auto;
  53. max-width: 50%;
  54. }
  55. .content * {
  56. color: #474747;
  57. }
  58. .content a {
  59. font-weight: normal;
  60. }
  61. .content h1 {
  62. font-family: "Architects Daughter", "Helvetica Neue", Helvetica, Arial, serif;
  63. font-size: 200%;
  64. }
  65. .content h1:before {
  66. color: #9DDCFF;
  67. content: "//";
  68. margin-left: -4%;
  69. padding-right: 2%;
  70. }
  71. .content img {
  72. width: 100%;
  73. }
  74. .downloads li {
  75. padding: 0.6em 0 0.6em 2.5em;
  76. }
  77. .footer {
  78. margin-bottom: 2%;
  79. margin-top: 2%;
  80. }
  81. .header_box {
  82. height: 100vh;
  83. position: relative;
  84. }
  85. .header {
  86. position: absolute;
  87. top: 50%;
  88. right: 50%;
  89. transform: translate(50%,-50%);
  90. }
  91. .header h1 {
  92. font-size: 280%;
  93. margin-bottom: 2vw;
  94. }
  95. .header h2 {
  96. font-size: 150%;
  97. font-weight: normal;
  98. }
  99. .instruction {
  100. background-color: #F1F1F1;
  101. display: inline;
  102. font-family: courier;
  103. font-size: 90%;
  104. margin-left: 0.3em;
  105. padding: 0.2em 0.5em 0.2em 0.5em;
  106. }
  107. .instruction_desc {
  108. font-weight: bold;
  109. }
  110. .link {
  111. color: #388ECC;
  112. }
  113. .link:hover {
  114. color: #49B9CC;
  115. }
  116. .logo {
  117. display: block;
  118. height: 8em;
  119. width: 8em;
  120. }
  121. .requirements li {
  122. color: #59ADDB;
  123. font-weight: bold;
  124. }
  125. .top_right {
  126. position: absolute;
  127. right: 0;
  128. top: 0;
  129. margin: 2% 2% 0 auto;
  130. }
  131. /* Resources */
  132. .zip { background: url("resources/zip.png") no-repeat; }
  133. .tar { background: url("resources/tar.png") no-repeat; }
  134. .win { background: url("resources/win.png") no-repeat; }
  135. .arch { background: url("resources/arch.png") no-repeat; }
  136. .ubuntu { background: url("resources/ubuntu.png") no-repeat; }
  137. .slack { background: url("resources/slack.png") no-repeat; }
  138. .pypi { background: url("resources/python.png") no-repeat; }