123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>LaravelDemo - @yield('title')</title>
- <style>
- body {
- font-family: system-ui, sans-serif;
- font-size: 20px;
- margin: 0;
- background-color: #E88F00;
- color: #00305B;
- }
- .container {
- max-width: 48rem;
- margin: 0px auto;
- }
- .content {
- background-color: #202020;
- color: #D0D0D0;
- font-size: 18px;
- padding: 1rem;
- }
- .footer {
- font-size: 12px;
- padding: 1rem;
- }
- a:visited {
- color: inherit;
- }
- .header a {
- display: inline-block;
- text-decoration: none;
- padding: 1rem 1rem 1rem 0ex;
- color: inherit;
- }
- .logo {
- font-weight: bold;
- padding: 1rem !important;
- float: left;
- }
- @media (max-width: 72rem) {
- .header a {
- padding: 1rem;
- }
- .header .container {
- margin: 0;
- }
- .logo {
- float: none;
- }
- }
- label {
- border-left: 2px solid #D0D0D0;
- display: block;
- padding-left: 0.3rem;
- margin: .3rem 0;
- }
- label:focus-within {
- border-color: #00FF60;
- }
- input, textarea {
- font-size: inherit;
- border: 1px solid #D0D0D0;
- background-color: inherit;
- color: inherit;
- }
- .alert {
- background-color: #800000;
- padding: .3rem;
- margin: .3rem;
- }
- table {
- border-collapse: collapse;
- }
- td, th {
- border: 1px solid #D0D0D0;
- padding: .2rem .5rem;
- }
- </style>
- </head>
- <body>
- @include('include.header')
- <div class="content">
- <div class="container">
- @yield('content')
- </div>
- </div>
- @include('include.footer')
- </body>
- </html>
|