innov
/
BootstrapAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

功能：更改字体大小px为rem单位

This commit is contained in:
Argo-Lenovo 2017-03-31 18:36:30 +08:00
parent c9389f23e0
commit 5528308197
3 changed files with 33 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
Bootstrap.Admin/Content/admin.css
View File

@ -37,7 +37,7 @@
.clearcache { .clearcache {
position: absolute; position: absolute;
right: 60px; right: 60px;
font-size: 17px; font-size: 1.7rem;
color: #d9534f; color: #d9534f;
margin-top: -1px; margin-top: -1px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
@ -236,7 +236,7 @@ ul.sidebar-menu {
} }
ul.sidebar-menu li a i { ul.sidebar-menu li a i {
font-size: 15px; font-size: 1.5rem;
width: 22px; width: 22px;
} }
@ -245,7 +245,7 @@ ul.sidebar-menu {
text-decoration: none; text-decoration: none;
display: block; display: block;
padding: 15px 0 15px 10px; padding: 15px 0 15px 10px;
font-size: 12px; font-size: 1.2rem;
outline: none; outline: none;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -277,7 +277,7 @@ ul.sidebar-menu {
} }
ul.sidebar-menu li ul.sub li a { ul.sidebar-menu li ul.sub li a {
font-size: 12px; font-size: 1.2rem;
padding: 6px 0; padding: 6px 0;
line-height: 35px; line-height: 35px;
height: 35px; height: 35px;
@ -309,7 +309,7 @@ ul.sidebar-menu {
} }
.modal-body .affix a { .modal-body .affix a {
font-size: 20px; font-size: 2rem;
margin-top: 16px; margin-top: 16px;
} }
@ -350,7 +350,7 @@ ul.sidebar-menu {
/*cache*/ /*cache*/
.panel .fa-refresh { .panel .fa-refresh {
font-size: 15px; font-size: 1.5rem;
} }
.bootstrap-select .dropdown-menu { .bootstrap-select .dropdown-menu {
@ -373,9 +373,10 @@ input[type="datetime"] {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
align-content: space-between;
} }
.mail-box aside { .mail-box > div {
display: table-cell; display: table-cell;
float: none; float: none;
height: 100%; height: 100%;
@ -415,7 +416,6 @@ input[type="datetime"] {
} }
.mail-box .sm-side .user-head .user-name h5 { .mail-box .sm-side .user-head .user-name h5 {
font-size: 14px;
margin-top: 15px; margin-top: 15px;
margin-bottom: 0; margin-bottom: 0;
font-weight: 300; font-weight: 300;
@ -513,18 +513,6 @@ input[type="datetime"] {
cursor: pointer; cursor: pointer;
} }
.dropdown-menu {
padding: 0;
}
.dropdown-menu li a {
padding: 6px 20px;
}
.dropdown-menu .divider {
margin: 0;
}
/*Bootstrap Table BUG */ /*Bootstrap Table BUG */
.fixed-table-loading { .fixed-table-loading {
padding-top: 5px; padding-top: 5px;

88
Bootstrap.Admin/Content/site.css
View File

@ -1,8 +1,12 @@
body { html {
font-size: 62.5%;
}
body {
color: #797979; color: #797979;
background: #f1f2f7; background: #f1f2f7;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
font-size: 13px; font-size: 1.4rem;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@ -63,7 +67,6 @@ a, a:hover, a:focus {
} }
.header > .dropdown > a span { .header > .dropdown > a span {
font-size: 13px;
display: inline-block; display: inline-block;
min-width: 18px; min-width: 18px;
} }
@ -126,7 +129,7 @@ a, a:hover, a:focus {
} }
.header > .dropdown .dropdown-menu li a i { .header > .dropdown .dropdown-menu li a i {
font-size: 17px; font-size: 1.7rem;
display: block; display: block;
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -140,7 +143,7 @@ a, a:hover, a:focus {
/*Title*/ /*Title*/
.sidebar-toggle-box { .sidebar-toggle-box {
font-size: 21px; font-size: 2.1rem;
color: #333; color: #333;
float: left; float: left;
margin-top: 15px; margin-top: 15px;
@ -216,7 +219,7 @@ a, a:hover, a:focus {
color: #666666; color: #666666;
border-radius: 4px; border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
font-size: 16px; font-size: 1.6rem;
border: 1px solid #f0f0f8; border: 1px solid #f0f0f8;
padding: 2px 6px; padding: 2px 6px;
margin-right: 15px; margin-right: 15px;
@ -292,7 +295,7 @@ a, a:hover, a:focus {
.notify-row .dropdown-menu li a { .notify-row .dropdown-menu li a {
border-bottom: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;
font-size: 12px; font-size: 1.2rem;
list-style: none; list-style: none;
padding: 15px 10px; padding: 15px 10px;
} }
@ -328,15 +331,15 @@ a, a:hover, a:focus {
} }
.notify-row .dropdown-menu .small { .notify-row .dropdown-menu .small {
font-size: 10px;
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
float: right; float: right;
padding-top: 2px; padding-top: 2px;
font-size: 1rem;
} }
.notify-row .dropdown-menu.tasks-bar .desc { .notify-row .dropdown-menu.tasks-bar .desc {
font-size: 13px; font-size: 1.3rem;
font-weight: normal; font-weight: normal;
display: block; display: block;
overflow: hidden; overflow: hidden;
@ -347,7 +350,7 @@ a, a:hover, a:focus {
.notify-row .dropdown-menu.tasks-bar .percent { .notify-row .dropdown-menu.tasks-bar .percent {
display: inline-block; display: inline-block;
float: right; float: right;
font-size: 13px; font-size: 1.3rem;
font-weight: 600; font-weight: 600;
} }
@ -377,14 +380,14 @@ a, a:hover, a:focus {
} }
.notify-row .dropdown-menu.inbox .subject .time { .notify-row .dropdown-menu.inbox .subject .time {
font-size: 11px; font-size: 1.1rem;
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
float: right; float: right;
} }
.notify-row .dropdown-menu.inbox .message { .notify-row .dropdown-menu.inbox .message {
font-size: 11px; font-size: 1.1rem;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -393,60 +396,9 @@ a, a:hover, a:focus {
left: 56px; left: 56px;
margin-top: 2px; margin-top: 2px;
} }
.dropdown-menu.menu {
top: 50px;
left: 6px;
margin-right: 15px;
min-height: 160px;
min-width: 280px;
}
.dropdown-menu.menu .arrow-up {
left: 8px;
top: -10px;
}
.dropdown-menu.menu .menu-submenu {
padding: 0 16px;
}
.dropdown-menu.menu .menu-submenu ul {
float: left;
padding-left: 10px;
padding-right: 10px;
}
.dropdown-menu.menu .menu-submenu li p {
color: #323232;
font-size: 14px;
text-transform: none;
font-weight: bold;
border-bottom: solid 1px #a9d86e;
padding: 10px 0 4px 0;
margin-bottom: 14px;
}
.dropdown-menu.menu .menu-submenu li a {
margin-bottom: 15px;
display: inline-block;
color: #323232;
font-size: 13px;
}
.dropdown-menu.menu .menu-submenu li a.active, .dropdown-menu.menu .menu-submenu li p.active {
color: #0376d8;
}
.dropdown-menu.menu .menu-submenu li a:hover {
color: #2e6da4;
}
.dropdown-menu.menu .menu-submenu li a i {
padding-right: 6px;
}
/*end*/ /*end*/
ul.breadcrumb {
.breadcrumb {
position: absolute; position: absolute;
top: 56px; top: 56px;
left: 15px; left: 15px;
@ -459,15 +411,15 @@ ul.breadcrumb {
border-top-right-radius: 0; border-top-right-radius: 0;
} }
ul.breadcrumb > li.active { .breadcrumb > li.active {
display: inline-block; display: inline-block;
} }
ul.breadcrumb > li.load { .breadcrumb > li.load {
display: none; display: none;
} }
ul.breadcrumb > li > a > i { .breadcrumb > li > a > i {
padding-right: 6px; padding-right: 6px;
} }

12
Bootstrap.Admin/Views/Admin/Messages.cshtml
View File

@ -7,7 +7,7 @@
<script src="~/Scripts/message.js"></script> <script src="~/Scripts/message.js"></script>
} }
<div class="mail-box"> <div class="mail-box">
<aside class="sm-side"> <div class="sm-side">
<div class="user-head"> <div class="user-head">
<a href="javascript:;" class="inbox-avatar"> <a href="javascript:;" class="inbox-avatar">
<img src="../content/images/logo6.jpg" alt=""> <img src="../content/images/logo6.jpg" alt="">
@ -33,17 +33,15 @@
<a href="#" data-id="trash"><i class=" fa fa-trash-o"></i>垃圾箱<span class="label label-danger pull-right" id="s_trash"></span></a> <a href="#" data-id="trash"><i class=" fa fa-trash-o"></i>垃圾箱<span class="label label-danger pull-right" id="s_trash"></span></a>
</li> </li>
</ul> </ul>
</aside> </div>
<div class="lg-side">
<aside class="lg-side">
<div class="inbox-head"> <div class="inbox-head">
<h3>消息列表</h3> <h3>消息列表</h3>
</div> </div>
<div class="inbox-body"> <div class="inbox-body">
<table class="table table-inbox table-hover"> <table class="table table-inbox table-hover">
<tbody id="tbMsg"> <tbody id="tbMsg"></tbody>
</tbody>
</table> </table>
</div> </div>
</aside> </div>
</div> </div>