# css文件
[mw_shl_code=css,true]#divBody {
/*定义文本*/
font-family: 'Microsoft Yahei', "Open Sans",Helvetica,Arial,sans-serif;
font-size: 14px;
text-align: center;
/*定义属性*/
margin: 0;
padding: 0;
}
img, object {
max-width: 100%;
}
.btn {
/*定义框架*/
border: #4cae4c thin solid;
border-radius: 3px;
padding: 5px 10px;
margin: 3px 0;
/*定义颜色*/
background: #5cb85c;
color: #fff;
/*定义属性*/
cursor: pointer; /*链接变成手形*/
/*
border-style:solid;
border-width:thin;
border-color:#4cae4c;
*/
}
.btn:hover {
/*定义颜色*/
background: #449d44;
border-color: #398439;
}
.btn_style2 {
/*定义框架*/
border: #4cae4c thin solid;
border-radius: 3px;
padding: 5px 10px;
margin: 3px 0;
/*定义颜色*/
background: #FFF;
color: #5cb85c;
/*定义属性*/
cursor: pointer;
}
.btn_style2:hover {
/*定义颜色*/
background: #f0f0f0;
border-color: #398439;
}
.btn_title {
/*定义框架*/
float: right;
border: none;
border-radius: 50%;
margin: 10px 10px 10px 0;
padding: 8px;
/*定义颜色*/
background: #f84b56;
color: #fff;
/*定义文本*/
font-weight: bold;
font-size: 14px;
/*定义属性*/
cursor: pointer;
}
.btn_title:hover {
/*定义颜色*/
background: #d14242;
}
.form_main {
/*定义尺寸*/
width: 100%;
height: 40px;
/*定义框架*/
border: #1C982A thin solid;
border-radius: 2px;
/*定义文本*/
text-align: center;
font-size: 14px;
/*定义颜色*/
background: #faffbd;
}
.modal_main {
/*定义尺寸*/
width:700px;
/*定义框架*/
display: inline-block;
border-radius:4px;
box-shadow: 2px 2px 20px #333;
margin:20px 20px;
}
@media only screen and (max-width: 479px) {
/*定义自适应尺寸*/
.modal_main{
width:auto;
}
}
.modal_title {
/*定义尺寸*/
width: auto;
height: 37px;
/*定义框架*/
border: #e9e9e9 thin solid;
border-bottom: none;
border-radius: 4px 4px 0 0;
/*定义颜色*/
background: linear-gradient(45deg,#e9e9e9 0%,#dde3ec 100%);
}
.modal_title_text {
/*定义框架*/
margin: 8px;
float: left;
/*定义颜色*/
color: #000;
/*定义文字*/
font-weight: bold;
}
.modal_body {
/*定义框架*/
border: #e9e9e9 thin solid;
border-top: none;
border-radius: 0 0 4px 4px;
padding: 10px;
padding-top: 0px;
/*定义颜色*/
/*background: #e8ecf3;*/
background: #fff;
}
.modal_body_inner {
/*定义框架*/
border-radius: 3px;
padding: 10px;
/*定义颜色*/
background: #fff;
}
.modal_body_inner nav {
text-align: center;
background: linear-gradient(#f0dcd5, #e0dad9);
border-radius: 3px;
}
.modal_body_inner nav ul {
/*定义尺寸*/
width: auto;
/*定义框架*/
display: inline-block;
border-radius: 20px 3px;
margin: 0px;
padding: 0px;
/*定义颜色*/
color: #fff;
/*定义属性*/
list-style: none;
/*定义文本*/
text-align: left;
}
.modal_body_inner nav ul li {
display: inline;
}
.modal_body_inner nav ul li a {
font-size: 13px;
display: inline-block;
margin: 3px 3px;
padding: 2px 10px;
border: #fff thin solid;
border-radius: 20px 0;
background: #d14242;
cursor: pointer;
}
.modal_body_inner nav ul li a:hover {
background: #a71313;
}
.box {
margin: 10px 0 0 0;
border-radius: 3px;
box-shadow: 1px 1px 20px #e6e6e6;
text-align: left;
line-height: 22px;
}
.box span {
display: inline-block;
border-radius: 0 0 3px 3px;
width: auto;
padding: 5px 10px;
margin: 0 0 0 10px;
background: #1499f8;
color: #fff;
font-weight: bold;
}
.box p {
text-indent: 26px;
font-size: 13px;
margin: 0;
padding: 3px 10px;
}
#title_btn_middle {
background: #f2c301;
}
#title_btn_middle:hover {
background: #cf9503;
}
#title_btn_left {
background: #00d842;
}
#title_btn_left:hover {
background: #03b238;
}[/mw_shl_code]
[查看全文]