功能:更改字体大小px为rem单位
This commit is contained in:
parent
c9389f23e0
commit
5528308197
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue