style.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. html {
  2. width: 786px;
  3. height: 411px;
  4. overflow: hidden;
  5. /* background-color: #151D26;*/
  6. background-color: black;
  7. color: white;
  8. /* border: 2px solid white;*/
  9. }
  10. body {
  11. background: url(../img/bg_launcher_3.png);
  12. width: 100%;
  13. height: 100%;
  14. }
  15. .main {
  16. height: 411px;
  17. width: 584px;
  18. background-color: #282828;
  19. float:left;
  20. }
  21. #banner {
  22. position: absolute;
  23. left: 220px;
  24. top: 15px;
  25. width: 550px;
  26. height: 160px;
  27. border: 1px solid black;
  28. background-color: white;
  29. box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
  30. }
  31. #updates {
  32. position: absolute;
  33. left: 220px;
  34. top: 200px;
  35. width: 320px;
  36. height: 180px;
  37. color: black;
  38. }
  39. #updates h2 {
  40. color: black;
  41. font-family: Tahoma;
  42. font-weight: bold;
  43. font-size: 18px;
  44. border-bottom: 2px solid black;
  45. width: 100%;
  46. padding: 5px 5px 10px 5px;
  47. }
  48. #updates ul {
  49. list-style-type: none;
  50. color: black;
  51. font-family: Tahoma;
  52. font-size: 14px;
  53. width: 330px;
  54. }
  55. #updates ul li {
  56. padding: 3px 0;
  57. white-space: nowrap;
  58. }
  59. #updates ul li a {
  60. text-decoration: none;
  61. color: black;
  62. width: 250px;
  63. display: inline-block;
  64. overflow: hidden;
  65. text-overflow: ellipsis;
  66. }
  67. #updates ul li a:hover {
  68. text-decoration: underline;
  69. }
  70. #updates ul li span {
  71. float: right;
  72. }
  73. #buttons {
  74. position: absolute;
  75. left: 612px;
  76. top: 230px;
  77. width: 157px;
  78. height: 140px;
  79. color: black;
  80. background-color: white;
  81. border: 1px solid black;
  82. }
  83. #buttons ul {
  84. height: 100%;
  85. }
  86. #buttons ul li {
  87. height: 37px;
  88. width: 147px;
  89. border-bottom: 1px solid black;
  90. padding: 5px;
  91. }
  92. #buttons ul li:first-child + li + li {
  93. border-bottom: none;
  94. }
  95. /*
  96. .col {
  97. width: 200px;
  98. height: 411px;
  99. border-left: 1px solid #000000;
  100. border-right: 1px solid #000000;
  101. float: left;
  102. }
  103. .col ul {
  104. background-color: #1e1e1e
  105. }
  106. .col ul li {
  107. width: 100%;
  108. height: 67.5px;
  109. border-top: 1px solid #262626;
  110. border-bottom: 1px solid black;
  111. }
  112. .col ul li:hover {
  113. background-color: #151515;
  114. cursor: pointer;
  115. }*/