chrome_extensions_phone/css/popup.css

251 lines
3.5 KiB
CSS

.srui_button{
background: #409EFF;
color: #fff;
border-radius: 2px;
padding: 8px 12px;
margin-right: 5px;
border: none;
cursor: pointer;
font-size: 16px;
}
.srui_button_sec{
background:#ddd;
color:#000;
}
.srui_button:hover{
background:#333 !important;
color:#fff !important;
}
.srui_textarea{
padding:5px;
height:50px;
width:300px;
border:1px solid #ddd;
margin-bottom:5px;
border-radius: 3px;
}
.srui_textarea_lg{
width:400px;
height:120px;
}
.srui_input{
padding:8px 5px;
width:200px;
border:1px solid #ddd;
margin:5px 0;
border-radius: 3px;
display: inline-block;
}
.srui_input_sm{
width:120px;
}
.srui_input_lg{
width:400px;
}
.srui_select{
padding:5px;
border:1px solid #ddd;
margin:5px 0;
}
.srui_title{
display: inline-block;
width:70px;
}
.srui_tishi{
font-size:12px;
color:#666;
margin:3px 0;
}
.srui_right{
float: right;
}
/* 边框 */
.srui_border{
border: 1px solid #ddd;
}
.srui_border_rds{
border-radius: 4px;
}
/* 文字颜色 */
.srui_color_black{
color: #222222
}
.srui_color_white{
color: #ffffff
}
/* 背景色 element-ui */
.srui_bg_blue{
background-color: #409EFF;
}
.srui_bg_green{
background-color: #67C23A;
}
.srui_bg_orange{
background-color: #E6A23C;
}
.srui_bg_yellow{
background-color: rgb(236, 213, 1);
}
.srui_bg_pink{
background-color: #F56C6C;
}
.srui_bg_red{
background-color: rgb(207, 7, 7);
}
.srui_bg_brown{
background-color: rgb(148, 87, 7);
}
.srui_bg_gray{
background-color: #909399;
}
.srui_bg_black{
background-color: #303133;
}
.srui_bg_white{
background-color: #ffffff;
}
/* 弹出窗口 */
#srui_tmbg{
width:100%;
height:100%;
background:#000;
opacity:0.4;
position:fixed;
top:0;
left:0;
display:none;
}
#srui_tips_box{
position:fixed;
max-width: 80%;
max-height: 70%;
word-break:break-all;
top: -40%;
left: 50%;
-ms-transform: translate(-40%, -50%);
-webkit-transform: translate(-40%, -50%);
transform: translate(-40%, -50%);
padding:20px 40px;
font-size:16px;
z-index:9999999999;
border-radius:5px;
font-family:Microsoft Yahei,arial;
}
#srui_tips_box .srui_ft{
margin-top: 10px;
display: flex;
justify-content: flex-end;
text-align: right
}
/*开关*/
.srui_switch_btn{
width:36px !important;
height:20px;
position:relative;
display:inline-block;
cursor:pointer;
}
.srui_switch_btn i{
position:absolute;
/* width:22px;
height:22px; */
width:16px;
height:16px;
background:#fff;
border-radius:50%;
display:inline-block;
/* -moz-box-shadow:-1px 2px 5px #333333;
-webkit-box-shadow:-1px 2px 5px #333333;
box-shadow:-1px 2px 5px #333333; */
top: 1px;
}
.srui_switch_btn[data-on="off"] i{
/* left:0; */
left: 2px;
}
.srui_switch_btn[data-on="on"] i{
/* right:0; */
right:2px;
}
.srui_switch_btn em{
display:inline-block;
width:36px;
height:18px;
background:#ccc;
border-radius:10px;
/* margin-top:3px; */
display:inline-block;
}
.srui_switch_btn[data-on="on"] em{
background:#3089dc
}
#popupname{
width:200px;
overflow:hidden
}
#popupname img{
float:left;
margin-right:5px;
}
#popupname span{
height:26px;
line-height:20px;
display:inline-block;
}
#content{
min-width: 220px;
padding: 10px;
font-size: 13px;
}
.head{
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 10px;
}
.head .title{
font-size: 16px;
font-weight: bold
}
.logout{
float: right;
text-decoration: none;
color: #333;
display: none;
}
.logout:hover{
color: rgb(211, 3, 3);
}
h2{ color: #FF9800;
font-size: 22px; margin-bottom: 5px;}