作者 Karson

优化跳转和错误页面样式

@@ -7,10 +7,10 @@ @@ -7,10 +7,10 @@
7 <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" /> 7 <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
8 <style type="text/css"> 8 <style type="text/css">
9 *{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased} 9 *{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased}
10 - body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333} 10 + body{padding:70px 50px;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333}
11 a{outline:0;color:#3498db;text-decoration:none;cursor:pointer} 11 a{outline:0;color:#3498db;text-decoration:none;cursor:pointer}
12 - .system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center}  
13 - .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px} 12 + .system-message{margin:20px auto;padding:50px 0px;background:#fff;box-shadow:0 0 30px hsla(0,0%,39%,.06);text-align:center;width:100%;border-radius:2px;}
  13 + .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:30px}
14 .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400} 14 .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400}
15 .system-message .jump{font-size:14px} 15 .system-message .jump{font-size:14px}
16 .system-message .jump a{color:#333} 16 .system-message .jump a{color:#333}
@@ -22,15 +22,15 @@ @@ -22,15 +22,15 @@
22 .copyright p{width:100%;color:#919191;text-align:center;font-size:10px} 22 .copyright p{width:100%;color:#919191;text-align:center;font-size:10px}
23 .system-message .btn-grey{border-color:#bbb;color:#bbb} 23 .system-message .btn-grey{border-color:#bbb;color:#bbb}
24 .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."} 24 .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
25 - @media (max-width:768px){body {padding:20px 0;}}  
26 - @media (max-width:480px){.system-message h1{font-size:30px;}} 25 + @media (max-width:768px){body {padding:20px;}}
  26 + @media (max-width:480px){.system-message h1{font-size:30px;}}
27 </style> 27 </style>
28 </head> 28 </head>
29 <body> 29 <body>
30 {php}$codeText=$code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');{/php} 30 {php}$codeText=$code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');{/php}
31 <div class="system-message {$codeText}"> 31 <div class="system-message {$codeText}">
32 <div class="image"> 32 <div class="image">
33 - <img src="__CDN__/assets/img/{$codeText}.svg" alt="" width="150" /> 33 + <img src="__CDN__/assets/img/{$codeText}.svg" alt="" width="120" />
34 </div> 34 </div>
35 <h1>{$msg}</h1> 35 <h1>{$msg}</h1>
36 {if $url} 36 {if $url}
@@ -44,7 +44,7 @@ $langSet == 'en' && $lang = array_combine(array_keys($lang), array_keys($lang)); @@ -44,7 +44,7 @@ $langSet == 'en' && $lang = array_combine(array_keys($lang), array_keys($lang));
44 .clearfix:before,.clearfix:after {content:"\0020";display:block;height:0;visibility:hidden;} 44 .clearfix:before,.clearfix:after {content:"\0020";display:block;height:0;visibility:hidden;}
45 .clearfix:after {clear:both;} 45 .clearfix:after {clear:both;}
46 body.error-page-wrapper,.error-page-wrapper.preview {background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;} 46 body.error-page-wrapper,.error-page-wrapper.preview {background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}
47 - .error-page-wrapper .content-container {border-radius:2px;text-align:center;box-shadow:1px 1px 1px rgba(99,99,99,0.1);padding:50px;background-color:#fff;width:100%;max-width:560px;position:absolute;left:50%;top:50%;margin-top:-220px;margin-left:-280px;} 47 + .error-page-wrapper .content-container {border-radius:2px;text-align:center;box-shadow:0 0 30px rgba(99,99,99,0.06);padding:50px;background-color:#fff;width:100%;max-width:560px;position:absolute;left:50%;top:50%;margin-top:-220px;margin-left:-280px;}
48 .error-page-wrapper .content-container.in {left:0px;opacity:1;} 48 .error-page-wrapper .content-container.in {left:0px;opacity:1;}
49 .error-page-wrapper .head-line {transition:color .2s linear;font-size:40px;line-height:60px;letter-spacing:-1px;margin-bottom:20px;color:#777;} 49 .error-page-wrapper .head-line {transition:color .2s linear;font-size:40px;line-height:60px;letter-spacing:-1px;margin-bottom:20px;color:#777;}
50 .error-page-wrapper .subheader {transition:color .2s linear;font-size:32px;line-height:46px;color:#494949;} 50 .error-page-wrapper .subheader {transition:color .2s linear;font-size:32px;line-height:46px;color:#494949;}