stylesheet.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. body {
  2. margin: 0;
  3. padding: 0;
  4. border: 0;
  5. color: #1E1E1E;
  6. font-size: 13px;
  7. font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  8. line-height: 1.45;
  9. word-wrap: break-word;
  10. }
  11. /* General & 'Reset' Stuff */
  12. .container {
  13. width: 1100px;
  14. margin: 0 auto;
  15. }
  16. section {
  17. display: block;
  18. margin: 0;
  19. }
  20. h1, h2, h3, h4, h5, h6 {
  21. margin: 0;
  22. }
  23. table, tr {
  24. width: 1100px;
  25. padding: 0px;
  26. vertical-align: top;
  27. }
  28. /* Header, <header>
  29. header - container
  30. h1 - project name
  31. h2 - project description
  32. */
  33. #header {
  34. color: #FFF;
  35. background: #68217a;
  36. position:relative;
  37. }
  38. h1, h2 {
  39. font-family: "Segoe UI Light", "Segoe UI", Helvetica, Arial, sans-serif;
  40. line-height: 1;
  41. margin: 0 18px;;
  42. padding: 0;
  43. }
  44. #header h1 {
  45. font-size: 3.4em;
  46. padding-top: 18px;
  47. font-weight: normal;
  48. margin-left: 15px;
  49. }
  50. #header h2 {
  51. font-size: 1.5em;
  52. margin-top: 10px;
  53. padding-bottom: 18px;
  54. font-weight: normal;
  55. }
  56. #main_content {
  57. width: 100%;
  58. display: flex;
  59. flex-direction: row;
  60. }
  61. h1, h2, h3, h4, h5, h6 {
  62. font-weight: bolder;
  63. }
  64. #main_content h1 {
  65. font-size: 1.8em;
  66. margin-top: 34px;
  67. }
  68. #main_content h1:first-child {
  69. margin-top: 30px;
  70. }
  71. #main_content h2 {
  72. font-size: 1.8em;
  73. }
  74. p, ul {
  75. margin: 11px 18px;
  76. }
  77. #main_content a {
  78. color: #06C;
  79. text-decoration: none;
  80. }
  81. ul {
  82. margin-top: 13px;
  83. margin-left: 18px;
  84. padding-left: 0;
  85. }
  86. ul li {
  87. margin-left: 18px;
  88. padding-left: 0;
  89. }
  90. #lpanel {
  91. width: 870px;
  92. float: left;
  93. }
  94. #rpanel ul {
  95. list-style-type: none;
  96. }
  97. #rpanel ul li {
  98. line-height: 1.8em;
  99. }
  100. #rpanel {
  101. background: #e7e7e7;
  102. width: 230px;
  103. }