A corporation manager and dashboard for EVE Online
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 
 
 

190 行
2.7 KiB

  1. @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);
  2. body {
  3. display: flex;
  4. min-height: 100vh;
  5. flex-direction: column;
  6. margin: 0;
  7. font-family: "Open Sans", sans-serif;
  8. line-height: 1.3;
  9. color: #EAEAEA;
  10. background-color: black;
  11. background-size: cover;
  12. background-position: center;
  13. background-attachment: fixed;
  14. }
  15. a {
  16. color: #78CEFF;
  17. text-decoration: none;
  18. }
  19. a:hover {
  20. color: #68BEDD;
  21. text-decoration: underline;
  22. }
  23. h1 {
  24. margin-top: 0.5em;
  25. }
  26. #container {
  27. display: flex;
  28. flex: 1;
  29. }
  30. #container > div {
  31. width: 100%;
  32. }
  33. main, header, footer {
  34. background-color: rgba(0, 0, 0, 0.8);
  35. border-color: #4A4A4A;
  36. }
  37. main {
  38. border-width: 1px;
  39. border-style: solid;
  40. }
  41. header {
  42. font-size: 120%;
  43. border-bottom-width: 1px;
  44. border-bottom-style: solid;
  45. }
  46. footer {
  47. padding: 0.5em 0;
  48. font-size: 85%;
  49. text-align: center;
  50. color: #BABABA;
  51. border-top-width: 1px;
  52. border-top-style: solid;
  53. }
  54. header > div, footer > div {
  55. margin: 0 auto;
  56. }
  57. header > div > div {
  58. display: inline-block;
  59. }
  60. @media (min-width: 800px) {
  61. main, header > div, footer > div {
  62. max-width: 1000px;
  63. width: 80%;
  64. }
  65. main {
  66. margin: 2em auto;
  67. padding: 0.5em 1.5em;
  68. }
  69. footer > div {
  70. padding: 0.5em 1.5em;
  71. }
  72. header > div > .left {
  73. margin: 0.5em 1.5em 0.5em 0;
  74. }
  75. header > div > .right {
  76. margin: 0.5em 0;
  77. float: right;
  78. }
  79. }
  80. @media (max-width: 799px) {
  81. main {
  82. margin: 1.5em auto;
  83. padding: 0 1em;
  84. }
  85. footer > div {
  86. padding: 0.5em 1em;
  87. }
  88. header > div > div {
  89. margin: 0.5em 1em;
  90. }
  91. header > div > .left {
  92. margin-bottom: 0em;
  93. }
  94. }
  95. header a {
  96. color: #EAEAEA;
  97. }
  98. header a:hover {
  99. color: #BABABA;
  100. text-decoration: none;
  101. }
  102. header .aligned {
  103. vertical-align: middle;
  104. }
  105. header .spacer {
  106. height: 32px;
  107. visibility: hidden;
  108. }
  109. footer ul {
  110. margin: 0;
  111. padding: 0;
  112. }
  113. footer ul li {
  114. display: inline-block;
  115. list-style: none;
  116. }
  117. footer ul li:not(:last-child):after {
  118. content: " \00b7";
  119. }
  120. #corp-masthead {
  121. height: 32px;
  122. margin-right: 0.25em;
  123. }
  124. #character-portrait {
  125. height: 32px;
  126. }
  127. #flashes {
  128. margin-top: 0.5em;
  129. }
  130. #flashes > div {
  131. padding: 0.5em 0.75em;
  132. border-left-width: 4px;
  133. border-left-style: solid;
  134. }
  135. #flashes > .success {
  136. border-color: #33AA22;
  137. background-color: rgba(60, 255, 30, 0.2);
  138. }
  139. #flashes > .error {
  140. border-color: #AA3322;
  141. background-color: rgba(255, 60, 30, 0.2);
  142. }
  143. #error pre {
  144. white-space: pre-wrap;
  145. }
  146. #login-button {
  147. height: 30px;
  148. padding-bottom: 2px;
  149. }
  150. #logout-form {
  151. margin-bottom: 1em;
  152. }