增加未授权访问页面

Bootstrap.Admin/Bootstrap.Admin.csproj

@@ -105,6 +105,7 @@
     <Content Include="App_Data\ErrorLog\Readme.txt" />
     <Content Include="Content\css\bootstrap-datetimepicker.css" />
     <Content Include="Content\css\bootstrap-datetimepicker.min.css" />
+    <Content Include="Content\images\error_icon.png" />
     <Content Include="Content\js\bootstrap-datetimepicker.js" />
     <Content Include="Content\js\bootstrap-datetimepicker.min.js" />
     <Content Include="Content\js\bootstrap-datetimepicker.zh-CN.js" />

Bootstrap.Admin/Views/Shared/UnAuthorized.cshtml

@@ -1,5 +1,43 @@
-@{
-    ViewBag.Title = "无权访问页面";
-    Layout = "~/Views/Shared/_Layout.cshtml";
-}
-<div class="info"><div>您无权访问本页面，请联系网站管理员授权后在查看</div><a href="@System.Web.Security.FormsAuthentication.DefaultUrl" target="_top">点击返回首页</a></div>
+@{
+    ViewBag.Title = "无权访问页面";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+@section css {
+    <style>
+        body {
+            background: #8075c6;
+            color: #fff;
+        }
+
+        .error-wrapper {
+            text-align: center;
+            margin-top: 10%;
+        }
+
+            .error-wrapper .icon-500 {
+                background: url(content/images/error_icon.png) no-repeat;
+                width: 289px;
+                height: 274px;
+                display: inline-block;
+                margin-left: 55px;
+            }
+
+            .error-wrapper p {
+                padding-top: 15px;
+            }
+
+        a, a:hover, a:focus {
+            text-decoration: none;
+            outline: none;
+            font-size: 14px;
+            font-weight: 300;
+            color: #ffffff;
+        }
+    </style>
+}
+<section class="error-wrapper">
+    <i class="icon-500"></i>
+    <h1>访问网页被拒绝</h1>
+    <h2>您无权访问本页面，请联系网站管理员授权后在查看</h2>
+    <p class="page-500"><a href="~/Home/Logout" target="_top">返回登陆页</a></p>
+</section>