app.blade.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>LaravelDemo - @yield('title')</title>
  5. <style>
  6. body {
  7. font-family: system-ui, sans-serif;
  8. font-size: 20px;
  9. margin: 0;
  10. background-color: #E88F00;
  11. color: #00305B;
  12. }
  13. .container {
  14. max-width: 48rem;
  15. margin: 0px auto;
  16. }
  17. .content {
  18. background-color: #202020;
  19. color: #D0D0D0;
  20. font-size: 18px;
  21. padding: 1rem;
  22. }
  23. .footer {
  24. font-size: 12px;
  25. padding: 1rem;
  26. }
  27. a {
  28. text-decoration-style: dotted;
  29. color: inherit;
  30. }
  31. .header a {
  32. display: inline-block;
  33. text-decoration: none;
  34. padding: 1rem 1rem 1rem 0ex;
  35. }
  36. .logo {
  37. font-weight: bold;
  38. padding: 1rem !important;
  39. float: left;
  40. }
  41. @media (max-width: 72rem) {
  42. .header a {
  43. padding: 1rem;
  44. }
  45. .header .container {
  46. margin: 0;
  47. }
  48. .logo {
  49. float: none;
  50. }
  51. }
  52. form > div > label {
  53. border-left: 2px solid #D0D0D0;
  54. display: block;
  55. padding-left: 0.3rem;
  56. margin: .3rem 0;
  57. }
  58. form > div > label:focus-within {
  59. border-color: #00FF60;
  60. }
  61. .author-selector {
  62. font-size: 22px;
  63. }
  64. .author-selector label {
  65. display: block;
  66. padding: .2rem 0rem;
  67. }
  68. input, textarea, select {
  69. font-family: inherit;
  70. font-size: inherit;
  71. border: 1px solid #D0D0D0;
  72. background-color: inherit;
  73. color: inherit;
  74. box-sizing: border-box;
  75. }
  76. .alert {
  77. background-color: #800000;
  78. padding: .3rem;
  79. margin: .3rem;
  80. }
  81. table {
  82. border-collapse: collapse;
  83. }
  84. td, th {
  85. padding: .2rem 1rem;
  86. text-align: left;
  87. }
  88. th {
  89. border-bottom: 1px solid #D0D0D0;
  90. }
  91. td {
  92. border-top: 1px solid #707070;
  93. }
  94. .article-list-entry {
  95. margin: 2rem 0;
  96. }
  97. .article-list-title {
  98. font-size: 36px;
  99. margin: .2rem 0;
  100. }
  101. .article-list-description {
  102. margin: 1rem 0;
  103. }
  104. .article-description-textarea {
  105. width: 100%;
  106. }
  107. .article-content-textarea {
  108. width: 100%;
  109. height: 25ex;
  110. }
  111. .article-content {
  112. white-space: pre-wrap;
  113. }
  114. .td-empty {
  115. text-align: center;
  116. }
  117. pre {
  118. overflow: scroll;
  119. }
  120. </style>
  121. </head>
  122. <body>
  123. @include('include.header')
  124. <div class="content">
  125. <div class="container">
  126. @yield('content')
  127. </div>
  128. </div>
  129. @include('include.footer')
  130. </body>
  131. </html>