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

layout.html 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Microblog Admin</title>
  7. <style>
  8. * {
  9. box-sizing: border-box;
  10. margin: 0;
  11. padding: 0;
  12. }
  13. body {
  14. background: #aab5a9;
  15. font-family: Verdana, Geneva, Tahoma, sans-serif;
  16. font-size: 12px;
  17. }
  18. .container {
  19. margin: auto;
  20. max-width: 800px;
  21. padding: 1em;
  22. }
  23. .form__field {
  24. margin: 1em 0;
  25. }
  26. .form__label {
  27. display: block;
  28. margin-bottom: 0.5em;
  29. }
  30. .form__textarea,
  31. .form__text-field {
  32. font-family: Verdana, Geneva, Tahoma, sans-serif;
  33. font-size: 12px;
  34. padding: 0.25em;
  35. width: 100%;
  36. }
  37. .form__textarea {
  38. height: 200px;
  39. resize: vertical;
  40. }
  41. .form__button {
  42. padding: 0.25em 1em;
  43. }
  44. @media (max-width: 500px) {
  45. .form__button {
  46. width: 100%;
  47. }
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div class="container">
  53. {% block content %} {% endblock %}
  54. </div>
  55. </body>
  56. </html>