初始化CRICS
This commit is contained in:
218
WebSite/Styles/simon-home-index.css
Normal file
218
WebSite/Styles/simon-home-index.css
Normal file
@@ -0,0 +1,218 @@
|
||||
html, body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
min-width:1000px;
|
||||
font-family:'Microsoft Yahei',Arial;
|
||||
}
|
||||
#head {
|
||||
background: #00917B;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
}
|
||||
#logo {
|
||||
width: 147px;
|
||||
height: 23px;
|
||||
/*background: url(../images/simon_logo.png);*/
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: 18px;
|
||||
}
|
||||
/*#nav {
|
||||
color:#B2E3F9;
|
||||
cursor:default;
|
||||
font-size:18px;
|
||||
font-family:'Microsoft Yahei', verdana;
|
||||
width:250px;
|
||||
height:50px;
|
||||
line-height:50px;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
left:195px;
|
||||
top:12px;
|
||||
}
|
||||
#nav span:hover{
|
||||
color:#FFF;
|
||||
}*/
|
||||
#user {
|
||||
color:#fff;
|
||||
font-size:16px;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0px;
|
||||
text-align:center;
|
||||
padding: 10px 30px;
|
||||
}
|
||||
#user a {
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
#menu {
|
||||
width:100%;
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:0;
|
||||
}
|
||||
#menu > ul {
|
||||
margin:0 auto;
|
||||
padding:0 0 0 180px;
|
||||
list-style-type:none;
|
||||
zoom: 1;
|
||||
white-space:nowrap;
|
||||
height:35px;
|
||||
width:800px;
|
||||
}
|
||||
#menu > ul:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
#menu > ul li {
|
||||
color:#fff;
|
||||
cursor:default;
|
||||
float:left;
|
||||
font-size:16px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
margin:0px 5px;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
-moz-border-radius: 5px 5px 0px 0px;
|
||||
text-align:center;
|
||||
position:relative;
|
||||
width:150px;
|
||||
-webkit-transition:background-color .2s ease-in;
|
||||
-moz-transition:background-color .2s ease-in;
|
||||
transition:background-color .2s ease-in;
|
||||
}
|
||||
#menu > ul li .icon {
|
||||
display:block;
|
||||
width:50px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
#menu > ul li.active {
|
||||
background:#fff url(../images/tab_arrow.png) no-repeat 85% center;
|
||||
color:#00A2EA;
|
||||
}
|
||||
#menu .panel {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#menu .panel ul {
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
min-width:800px;
|
||||
padding:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
#menu .panel ul li{
|
||||
color:#00A2EA;
|
||||
text-align:center;
|
||||
background:#fff;
|
||||
}
|
||||
#menu .panel ul li a{
|
||||
color:#999;
|
||||
font-size:1.2em;
|
||||
text-decoration:none;
|
||||
}
|
||||
#menu .panel ul li a.active{
|
||||
color: #00A2EA;
|
||||
}
|
||||
#menu .panel ul li em{
|
||||
background:#00A2EA;
|
||||
width:10px;
|
||||
}
|
||||
#menu .panel ul li a:hover{
|
||||
color:#00A2EA;
|
||||
}
|
||||
#sidebar{
|
||||
background:#EFEFEF;
|
||||
float:left;
|
||||
width:200px;
|
||||
border-width:1px 1px 0px 1px;
|
||||
border-color:#00A2EA;
|
||||
border-style:solid;
|
||||
padding-top:1px;
|
||||
position:relative;
|
||||
}
|
||||
.box {
|
||||
overflow:hidden;
|
||||
font-size:14px;
|
||||
}
|
||||
.box h1 {
|
||||
background: url(../images/dot.png) repeat-x 0 50%;
|
||||
text-align: center;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.box h1 span {
|
||||
background:#EFEFEF;
|
||||
padding:0 10px;
|
||||
cursor:default;
|
||||
}
|
||||
.box ul {
|
||||
list-style-type:none;
|
||||
padding:0 20px 0 20px;
|
||||
margin:10px 0;
|
||||
}
|
||||
.box ul li{
|
||||
cursor:default;
|
||||
margin:2px 0px;
|
||||
padding:2px 5px;
|
||||
font-size:0.9em;
|
||||
position:relative;
|
||||
}
|
||||
.box ul li .value{
|
||||
color:red;
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:2px;
|
||||
right:5px;
|
||||
}
|
||||
.box ul li a {
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
}
|
||||
#service-alert ul li a,
|
||||
#service-alert ul li .value {
|
||||
color:#FFF;
|
||||
}
|
||||
#room-abnormity ul li a {
|
||||
color:#000;
|
||||
}
|
||||
#body .content {
|
||||
height:500px;
|
||||
margin-left:260px;
|
||||
}
|
||||
#main {
|
||||
width:100%;
|
||||
height:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#footer {
|
||||
background:#00A2EA;
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
width:100%;
|
||||
font-size:14px;
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
z-index: 9999;
|
||||
text-align:center;
|
||||
}
|
||||
#footer .time {
|
||||
position:absolute;
|
||||
right:20px;
|
||||
}
|
||||
#changePasswordDlg table th {
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#aboutDlg table {
|
||||
margin: 15px auto 0 auto;
|
||||
}
|
||||
Reference in New Issue
Block a user