default.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. html, body {
  2. margin: 0px;
  3. padding: 0px;
  4. font-family: Roboto, sans-serif;
  5. }
  6. header {
  7. position: fixed;
  8. top: 0;
  9. left: 0;
  10. right: 0;
  11. text-align: center;
  12. background-color: #022e69;
  13. color: white;
  14. padding: 15px;
  15. height: 48px;
  16. line-height: 48px;
  17. vertical-align: middle;
  18. box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
  19. }
  20. #header-spacer {
  21. height: 100px;
  22. }
  23. header img {
  24. height: 100%;
  25. margin-right: 20px;
  26. margin-top: -10px;
  27. }
  28. header h1 {
  29. display: inline-block;
  30. margin: 0px;
  31. padding: 0px;
  32. font-weight: normal;
  33. font-size: 48px;
  34. line-height: 60px;
  35. }
  36. #login-window {
  37. width: 300px;
  38. margin-left: auto;
  39. margin-right: auto;
  40. text-align: center;
  41. margin-top: 200px;
  42. }
  43. input[type=username], input[type=password] {
  44. width: 100%;
  45. border: 1px solid #e4e4e4;
  46. background-color: #f2f2f2;
  47. border-radius: 5px;
  48. padding: 14px;
  49. margin-bottom: 15px;
  50. color: #8D9DAF;
  51. }
  52. .button {
  53. text-align: center;
  54. background-color: #022e69;
  55. color: white;
  56. border: none;
  57. padding: 10px;
  58. font-weight: bold;
  59. transition: all 0.5s ease;
  60. }
  61. .button:hover {
  62. transition: all 0.5s ease;
  63. background-color: #D1B150;
  64. color: #022e69;
  65. }
  66. #login {
  67. width: 120px;
  68. text-transform: uppercase;
  69. }
  70. #login-controls {
  71. float: right;
  72. white-space: nowrap;
  73. padding: 5px;
  74. }
  75. #login-controls button{
  76. /*margin-left: 15px;*/
  77. }
  78. #logout {
  79. border: none;
  80. background: none;
  81. }
  82. #logout:hover {
  83. cursor: pointer;
  84. }
  85. #logout i{
  86. color: white;
  87. font-size: 20px;
  88. }
  89. .row {
  90. padding: 1px;
  91. }
  92. .right-aligned {
  93. text-align: right;
  94. }
  95. .row label {
  96. display: none;
  97. }
  98. #message {
  99. visibility: hidden;
  100. color: #d9534f;
  101. font-size: 12px;
  102. margin-bottom: 5px;
  103. }