功能:更改字体大小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

View File

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

View File

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

View File

@ -7,7 +7,7 @@
<script src="~/Scripts/message.js"></script>
}
<div class="mail-box">
<aside class="sm-side">
<div class="sm-side">
<div class="user-head">
<a href="javascript:;" class="inbox-avatar">
<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>
</li>
</ul>
</aside>
<aside class="lg-side">
</div>
<div class="lg-side">
<div class="inbox-head">
<h3>消息列表</h3>
</div>
<div class="inbox-body">
<table class="table table-inbox table-hover">
<tbody id="tbMsg">
</tbody>
<tbody id="tbMsg"></tbody>
</table>
</div>
</aside>
</div>
</div>