layout.blade.php 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta name="viewport" content="width=device-width" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>@yield('title')</title>
  7. <style>
  8. * {
  9. margin: 0;
  10. font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft Yahei","SimSun",sans-serif;
  11. box-sizing: border-box;
  12. font-size: 14px;
  13. }
  14. img {
  15. max-width: 100%;
  16. }
  17. body {
  18. -webkit-font-smoothing: antialiased;
  19. -webkit-text-size-adjust: none;
  20. width: 100% !important;
  21. height: 100%;
  22. line-height: 1.6em;
  23. }
  24. table td {
  25. vertical-align: top;
  26. }
  27. /* -------------------------------------
  28. BODY & CONTAINER
  29. ------------------------------------- */
  30. body {
  31. background-color: #f6f6f6;
  32. }
  33. .body-wrap {
  34. background-color: #f6f6f6;
  35. width: 100%;
  36. }
  37. .container {
  38. display: block !important;
  39. max-width: 600px !important;
  40. margin: 0 auto !important;
  41. /* makes it centered */
  42. clear: both !important;
  43. }
  44. .content {
  45. max-width: 600px;
  46. margin: 0 auto;
  47. display: block;
  48. padding: 20px;
  49. }
  50. /* -------------------------------------
  51. HEADER, FOOTER, MAIN
  52. ------------------------------------- */
  53. .main {
  54. background-color: #fff;
  55. border: 1px solid #e9e9e9;
  56. border-radius: 3px;
  57. }
  58. .content-wrap {
  59. padding: 20px;
  60. }
  61. .content-block {
  62. padding: 0 0 20px;
  63. }
  64. .header {
  65. width: 100%;
  66. margin-bottom: 20px;
  67. }
  68. .footer {
  69. width: 100%;
  70. clear: both;
  71. color: #999;
  72. padding: 20px;
  73. }
  74. .footer p, .footer a, .footer td {
  75. color: #999;
  76. font-size: 12px;
  77. }
  78. /* -------------------------------------
  79. TYPOGRAPHY
  80. ------------------------------------- */
  81. h1, h2, h3 {
  82. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  83. color: #000;
  84. margin: 40px 0 0;
  85. line-height: 1.2em;
  86. font-weight: 400;
  87. }
  88. h1 {
  89. font-size: 32px;
  90. font-weight: 500;
  91. /* 1.2em * 32px = 38.4px, use px to get airier line-height also in Thunderbird, and Yahoo!, Outlook.com, AOL webmail clients */
  92. /*line-height: 38px;*/
  93. }
  94. h2 {
  95. font-size: 24px;
  96. /* 1.2em * 24px = 28.8px, use px to get airier line-height also in Thunderbird, and Yahoo!, Outlook.com, AOL webmail clients */
  97. /*line-height: 29px;*/
  98. }
  99. h3 {
  100. font-size: 18px;
  101. /* 1.2em * 18px = 21.6px, use px to get airier line-height also in Thunderbird, and Yahoo!, Outlook.com, AOL webmail clients */
  102. /*line-height: 22px;*/
  103. }
  104. h4 {
  105. font-size: 14px;
  106. font-weight: 600;
  107. }
  108. p, ul, ol {
  109. margin-bottom: 10px;
  110. font-weight: normal;
  111. }
  112. p li, ul li, ol li {
  113. margin-left: 5px;
  114. list-style-position: inside;
  115. }
  116. /* -------------------------------------
  117. LINKS & BUTTONS
  118. ------------------------------------- */
  119. a {
  120. color: #348eda;
  121. text-decoration: underline;
  122. }
  123. .btn-primary {
  124. text-decoration: none;
  125. color: #FFF;
  126. background-color: #348eda;
  127. border: solid #348eda;
  128. border-width: 10px 20px;
  129. line-height: 2em;
  130. /* 2em * 14px = 28px, use px to get airier line-height also in Thunderbird, and Yahoo!, Outlook.com, AOL webmail clients */
  131. /*line-height: 28px;*/
  132. font-weight: bold;
  133. text-align: center;
  134. cursor: pointer;
  135. display: inline-block;
  136. border-radius: 5px;
  137. text-transform: capitalize;
  138. }
  139. /* -------------------------------------
  140. OTHER STYLES THAT MIGHT BE USEFUL
  141. ------------------------------------- */
  142. .last {
  143. margin-bottom: 0;
  144. }
  145. .first {
  146. margin-top: 0;
  147. }
  148. .aligncenter {
  149. text-align: center;
  150. }
  151. .alignright {
  152. text-align: right;
  153. }
  154. .alignleft {
  155. text-align: left;
  156. }
  157. .clear {
  158. clear: both;
  159. }
  160. </style>
  161. <link href="{{ asset('css/email/main.css') }}" media="all" rel="stylesheet" type="text/css" />
  162. </head>
  163. <body itemscope itemtype="{{ Setting()->get('website_url') }}">
  164. <table class="body-wrap">
  165. <tr>
  166. <td class="container" width="800">
  167. <div class="content">
  168. <table class="main" width="100%" cellpadding="0" cellspacing="0">
  169. <tr>
  170. <td class="content-wrap">
  171. @yield('content')
  172. </td>
  173. </tr>
  174. </table>
  175. <div class="footer">
  176. <table width="100%">
  177. <tr>
  178. <td class="aligncenter content-block">访问 <a href="{{ Setting()->get('website_url') }}">{{ Setting()->get('website_name') }}</a> </td>
  179. </tr>
  180. </table>
  181. </div>
  182. </div>
  183. </td>
  184. </tr>
  185. </table>
  186. </body>
  187. </html>