A corporation manager and dashboard for EVE Online
 
 
 
 
 

152 rader
2.2 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. #container {
  24. display: flex;
  25. flex: 1;
  26. }
  27. #container > div {
  28. width: 100%;
  29. }
  30. main, header, footer {
  31. background-color: rgba(0, 0, 0, 0.75);
  32. border-color: #4A4A4A;
  33. }
  34. main {
  35. border-width: 1px;
  36. border-style: solid;
  37. }
  38. header {
  39. font-size: 120%;
  40. border-bottom-width: 1px;
  41. border-bottom-style: solid;
  42. }
  43. footer {
  44. padding: 0.5em 0;
  45. font-size: 85%;
  46. text-align: center;
  47. color: #BABABA;
  48. border-top-width: 1px;
  49. border-top-style: solid;
  50. }
  51. header > div, footer > div {
  52. margin: 0 auto;
  53. }
  54. header > div > div {
  55. display: inline-block;
  56. }
  57. @media (min-width: 800px) {
  58. main, header > div, footer > div {
  59. max-width: 1000px;
  60. width: 80%;
  61. }
  62. main {
  63. margin: 2em auto;
  64. padding: 0.5em 1.5em;
  65. }
  66. footer > div {
  67. padding: 0.5em 1.5em;
  68. }
  69. header > div > .left {
  70. margin: 0.5em 1.5em 0.5em 0;
  71. }
  72. header > div > .right {
  73. margin: 0.5em 0;
  74. float: right;
  75. }
  76. }
  77. @media (max-width: 799px) {
  78. main {
  79. margin: 1.5em auto;
  80. padding: 0 1em;
  81. }
  82. footer > div {
  83. padding: 0.5em 1em;
  84. }
  85. header > div > div {
  86. margin: 0.5em 1em;
  87. }
  88. header > div > .left {
  89. margin-bottom: 0em;
  90. }
  91. }
  92. header a {
  93. color: #EAEAEA;
  94. }
  95. header a:hover {
  96. color: #BABABA;
  97. text-decoration: none;
  98. }
  99. header .aligned {
  100. vertical-align: middle;
  101. }
  102. footer ul {
  103. margin: 0;
  104. padding: 0;
  105. }
  106. footer ul li {
  107. display: inline-block;
  108. list-style: none;
  109. }
  110. footer ul li:not(:last-child):after {
  111. content: " \00b7";
  112. }
  113. #corp-masthead {
  114. height: 30px;
  115. margin-right: 0.25em;
  116. }
  117. #login-button {
  118. height: 30px;
  119. }
  120. #error pre {
  121. white-space: pre-wrap;
  122. }