zoomla/website/wwwroot/Plugins/note/mobile_note.css

16年专业研发|中文alexa排名第一的CMS品牌-基于dotNET core、功能强大，集成站群、微信开发、小程序与ERP及OA办公系统，支持国际语言和多民族语言，世界五百强与大型门户专用高端网站内核CMS系统

/*项目列表*/
.prolist_header{background-color:#fff;padding:10px 5px;border-bottom:1px solid #ddd;position:fixed;top:0;width:100%;z-index:999;opacity:.9;}
.prolist_body{margin-top:45px;padding:5px;}
.proitem{width:100%;height:165px;border:1px solid #ddd;position:relative;background-color:#fff;margin-bottom:5px;}
.newpro_div i{font-size:2.0em;}
.newpro_div{font-size:1.2em;text-align:center;margin-top:50px;color:#999;}
.proitem img{width:100%;height:100%;}
.proitem .pro_content{position:relative;z-index:900;background-color:#fff;}
.proitem .pro_item_title{position:absolute;bottom:0;color:#fff;padding:10px;}
.proitem .gray_div{position:absolute;top:0;width:100%;left:0;height:100%;background-color:rgba(0,0,0,.2)}
.pro_item_date{font-size:12px;}
.pro_option{position:absolute;right:0;top:0;height:100%;line-height:100%;z-index:10;}
.pro_option a{display:block;width:50px;text-align:center;padding:60px 10px;font-size:2em;color:#fff;height:100%;float:left;}
.pro_option .pro_option_del{background-color:red;}
.pro_option .pro_option_edit{background-color:#999;}

/*编辑项目*/
.mnote_head {width:100%;padding:5px;border-bottom:1px solid #f0f0f0;height:50px;background-color:#fff;
             box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:10;padding-top:10px;padding-right:15px;position:fixed;top:0;}
.mnote_head .mnote_head_back{font-size:1.5em;height:100%;padding-top:5px;float:left;}
.headbtn {width:48%; text-align:center;border:1px solid #2e6da4;display:inline-block;line-height:30px;}
.headbtn.active {background-color:#2e6da4;color:#fff;}

.mnote_body { background:#f0f0f0;}
.mnote_top{margin-top:55px;}
.mnote_top_c { height:10em; box-shadow:0px 0px 10px rgba(0,0,0,0.3); background:#fff;}
.mnote_top_t { position:relative; height:7em; text-align:center;background-repeat:no-repeat;}
.mnote_top_t i { font-size:1.4em;}
.mnote_top_ti { position:absolute; text-align:center; top:50%; left:50%; margin-left:-28px; margin-top:-20px; color:#b0b0b0;}
.mnote_top_b { border-top:1px solid #f0f0f0;}
.mnote_top_b .form-control { height:40px; padding:9px 12px; border-radius:0; border:none;}
/*内容组件*/
.con_item {margin-top:15px;padding-left:30px;padding-right:30px;position:relative;}
.com_text form-control{ border-radius:0;}
.com_image { position:relative; min-height:7em; box-shadow:0px 0px 10px rgba(0,0,0,0.3); background:#fff;}
.com_image_content img{max-width:100%;}
/*.com_image_content { position:absolute; top:40%; left:50%; margin-left:-11px; margin-top:-10px; font-size:1.5em;}*/
/*.com_image_img { position:absolute; bottom:0; width:100%; border-top:1px solid #f0f0f0;}
.com_image_text .form-control { border-radius:0; border:none;}*/
.con_item .remove_div{position:absolute;right:0;padding:10px;top:20%;font-size:1.3em}
/*工具条*/
.mnote_tools { margin-top:30px; padding-left:30px; padding-right:30px;margin-bottom:30px;}
.mnote_tools ul { padding-left:0; list-style:none;}
.mnote_tools li { float:left; margin-right:5px;}
.mnote_tools li a { display:block; padding-top:8px; width:45px; height:45px; text-align:center; background:#fff; color:#616161; font-size:0.7em;cursor:pointer;text-decoration:none;}
.mnote_tools li a i { display:block; font-size:1.8em;}
/*段落*/
.paralist_div{position:fixed;top:40%;width:100%;background-color:rgba(0,0,0,.5);padding:10px;padding-left:20px;display:none;}
.paralist_ul li{float:left;margin-right:5px;margin-bottom:5px;}
.paralist_ul li img{width:80px;height:40px;}
.paralist_item{position:relative;}
.paralist_item input{position:absolute;border:none;width:150px;}
.paralist_item img{width:100%;height:50px;}
.paralist_item.t1 .para_title{top:10px;left:20px;}
.paralist_item.t2 .para_title{top:10px;text-align:center;left:25%;}
.paralist_item.t3 .para_title{top:18px;left:35px;width:200px;}
.paralist_item.t4 .para_title{top:10px;left:20px;width:100px;}
.paralist_item.t5 .para_title{top:12px;left:35px;}
/*项目预览*/
.mnote_head_option{float:right;}
.mimenue_div{position:fixed;right:0;top:0;z-index:999;padding:8px;}
.mimenue_btn{position:relative;padding-bottom:10px;background-color:#fff;z-index:999;}
.mimenue_btn span{display:block;width:20px;height:6px;border-bottom:1px solid #999;}
.mnote_menue_right{width:180px;position:fixed;top:0;right:-180px;height:100%;background-color:rgba(0,0,0,.7);z-index:990;color:#fff;-moz-transition:right 0.3s; -o-transition:right 0.3s; -webkit-transition:right 0.3s; transition:right 0.3s;}
.mnote_menue_right .menue_title{margin-top:50px;padding:10px;padding-left:15px;font-size:1.6em;border-bottom:1px solid #666;}
.mnote_menue_right ul li{padding:10px;border-bottom:1px solid #666;}
.mnote_menue_right .li_active{background-color:#999;}