100 lines
9.8 KiB
CSS
100 lines
9.8 KiB
CSS
.replyfloor_box{margin-top:30px;margin-bottom: 10px;}
|
|
.replyfloor_hd{line-height: 24px;text-align: center;}
|
|
.replyfloor_link_unfold{display: inline-block;padding:0 8px 0 30px;border: 1px solid #f0f1f2;background: url("../../image/fastreply.svg") #f7f8fa no-repeat 8px center;height: 30px;line-height: 30px;white-space: nowrap;color: #333;font-size: 12px;cursor: pointer;margin-bottom:30px;}
|
|
.replyfloor_link_fold{display: none;border: 1px solid #f0f1f2;border-bottom: 0;color: #1D53BF;cursor: pointer;height: 30px;line-height: 30px;text-align: center;width: 100px;background: #f7f8fa;font-size: 12px;}
|
|
.replyfloor_bd{background: #f7f8fa;border: 1px solid #f0f1f2;margin-top: -1px;padding: 4px 10px 14px;display:none;}
|
|
.replyfloor_content{}
|
|
.replyfloor_content_li {padding: 6px 0;border-bottom:1px dashed #d6d6d6;font-size:14px;overflow: hidden;}
|
|
.replyfloor_content_avatar {float: left;width: 32px;height: 32px;border: 1px #ccc solid;padding: 1px;overflow: hidden;}
|
|
.replyfloor_content_avatar a {display:block;}
|
|
.replyfloor_content_avatar img {width: 100%;height: 100%;margin:0 !important;}
|
|
.replyfloor_content_cnt {margin-left: 45px;zoom: 1;word-wrap: break-word;word-break: break-all;}
|
|
.replyfloor_content_head {text-align: left;font-size:12px;line-height:18px;height:18px;overflow: hidden;color: #999;}
|
|
.replyfloor_content_head_z {float:left;}
|
|
.replyfloor_content_head_y {float:right;}
|
|
.replyfloor_content_main {margin-top:4px;}
|
|
.replyfloor_content_locked {overflow: hidden;padding: 6px 6px 6px 24px;border: 1px dashed #FF9A9A;background: url("../../image/locked.gif") no-repeat 6px 50%;font-size: 12px; zoom:1;}
|
|
.replyfloor_content_text {line-height: 20px;font-size:14px;}
|
|
.replyfloor_content_text a {color: #2d64b3;text-decoration: none;}
|
|
.replyfloor_content_text img {height: 20px;vertical-align: middle;margin:0 !important;border-radius:0 !important;}
|
|
.replyfloor_content_image {overflow: hidden;}
|
|
.replyfloor_content_image_li {float:left;width: 120px;height: 120px;margin:5px 5px 0 0;}
|
|
.replyfloor_content_image_li img {width: 120px;height: 120px;object-fit:cover;}
|
|
.replyfloor_content_user {color: #999;}
|
|
.replyfloor_content_user a{color: #2d64b3;}
|
|
.replyfloor_content_moderating {font-size:12px;color: #999;margin-left: 5px;}
|
|
.replyfloor_content_location {font-size:12px;color: #999;margin-left: 5px;}
|
|
.replyfloor_content_time {font-size:12px;color: #aaa;}
|
|
.replyfloor_content_from {font-size:12px;color: #999;margin-left: 5px;}
|
|
.replyfloor_content_from a{color: #999;}
|
|
.replyfloor_content_toreply {margin:0 5px;}
|
|
.replyfloor_content_foot {text-align: left;font-size:12px;line-height:18px;height:18px;overflow: hidden;color: #999;margin-top:4px;}
|
|
.replyfloor_content_foot_z {float:left;}
|
|
.replyfloor_content_foot_y {float:right;}
|
|
.replyfloor_content_rpbtn {cursor: pointer;color: #999;margin-left: 5px;}
|
|
.replyfloor_content_reportbtn {cursor: pointer;color: #999;margin-left: 5px;}
|
|
.replyfloor_content_delbtn {cursor: pointer;color: #999;margin-left: 5px;}
|
|
.replyfloor_content_pager {padding-top: 10px;overflow: hidden;}
|
|
.replyfloor_content_more {float:left;font-size:12px;line-height: 28px;}
|
|
.replyfloor_content_more a{color: #2d64b3;text-decoration: none;}
|
|
.replyfloor_content_hrmore{float:left;margin-right:6px;position: relative;width: 24px;height: 28px;}
|
|
.replyfloor_content_hrmore:before {content: "";position: absolute;left: 0;width: 24px;height: 1px;top: 13px;background: #ccc;}
|
|
.replyfloor_content_showmore{float:left;margin-right:10px;}
|
|
.replyfloor_content_showmore a{display:block;padding-right:16px;position: relative;}
|
|
.replyfloor_content_showmore a:after{content: "";border-bottom: 1px solid #2d64b3;border-left: 1px solid #2d64b3;height: 6px;margin-top: -6px;position: absolute;right: 3px;top: 50%;transform: rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);width: 6px;}
|
|
.replyfloor_content_hidemore{float:left;margin-right:10px;}
|
|
.replyfloor_content_hidemore a{display:block;padding-right:16px;position: relative;}
|
|
.replyfloor_content_hidemore a:after{content: "";border-bottom: 1px solid #2d64b3;border-left: 1px solid #2d64b3;height: 6px;margin-top: -1px;position: absolute;right: 3px;top: 50%;transform: rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);width: 6px;}
|
|
.replyfloor_content_pg {float:left;font-size:12px;line-height:26px;}
|
|
.replyfloor_content_pg a,.replyfloor_content_pg strong,.replyfloor_content_pg label { float:left; display:inline; margin-right:4px; padding:0 8px; height:26px; border:1px solid; border-color:#C2D5E3; background-color:#FFF; background-repeat:no-repeat; color:#333; overflow:hidden; text-decoration:none;}
|
|
.replyfloor_content_pg a.nxt { padding:0 10px;}
|
|
.replyfloor_content_pg a:hover { border-color:#369; color:#369;}
|
|
.replyfloor_content_pg a.nxt {padding-right:25px;background-image:url("../../image/arw_r.gif");background-position:90% 50%;}
|
|
.replyfloor_content_pg a.prev {background-image:url("../../image/arw_l.gif");background-position:50% 50%;}
|
|
.replyfloor_content_pg strong {background-color:#E5EDF2;}
|
|
.replyfloor_content_btn {float:right;}
|
|
.replyfloor_content_btn a {padding: 0px 8px;font-size: 12px;background-color: #fff;color: #333;border-radius: 2px;border: 1px solid #ccc;display: block;line-height: 26px;text-decoration: none;}
|
|
.replyfloor_content_btn a:hover {color: #38F;border: 1px solid #38F;}
|
|
.replyfloor_editor {padding-top: 13px;}
|
|
.replyfloor_editor .replyfloor_replyto {font-size:12px;line-height:2;padding:0 4px;}
|
|
.replyfloor_editor .replyfloor_tedt {width: 100%;box-sizing:border-box;border: 1px solid #ccc;border-radius: 3px;overflow: hidden;}
|
|
.replyfloor_editor .replyfloor_tedtbar {padding: 0 10px 0 0;height: 32px;line-height: 32px;border-top: 1px solid #ccc;background: #eee;overflow: hidden;}
|
|
.replyfloor_editor .replyfloor_tedtbar span{float: left;display:block;width:32px;height: 32px;line-height: 32px;text-align:center;overflow: hidden;text-indent: -9999px;cursor: pointer;}
|
|
.replyfloor_editor .replyfloor_tedtbar span.replyfloor_tedtbar_fbld{background:url("../../image/fbld.svg") no-repeat center center;}
|
|
.replyfloor_editor .replyfloor_tedtbar span.replyfloor_tedtbar_fclr{background:url("../../image/fclr.svg") no-repeat center center;}
|
|
.replyfloor_editor .replyfloor_tedtbar span.replyfloor_tedtbar_fsml{background:url("../../image/fsml.svg") no-repeat center center;}
|
|
.replyfloor_editor .replyfloor_tedtbar span.replyfloor_tedtbar_fmg{background:url("../../image/fmg.svg") no-repeat center center;}
|
|
.replyfloor_editor .replyfloor_tedtarea {padding:3px;}
|
|
.replyfloor_editor .replyfloor_tedtarea textarea {width: 100%;box-sizing:border-box;border: 0 none;display:block;resize: none;}
|
|
.replyfloor_editor .replyfloor_pnpost {overflow: hidden;}
|
|
.replyfloor_editor .replyfloor_editor_left {padding-top:10px;overflow: hidden;}
|
|
.replyfloor_editor .replyfloor_editor_right {padding-top:10px;overflow: hidden;}
|
|
.replyfloor_editor .replyfloor_seccodeverify {float:left;width:100px;height:24px;line-height:24px;border:1px solid #ddd;padding:0 5px;margin-right: 5px;}
|
|
.replyfloor_editor .replyfloor_seccodeimg {float:left;height: 26px;margin: 0;}
|
|
.replyfloor_editor .replyfloor_editor_btn {width: auto;margin: 0;float:right;cursor: pointer;padding: 0 20px;height: 26px;line-height: 26px;color: #FFF;text-align: center;background: #38F;border: 0 none;font-size:12px;}
|
|
.replyfloor_editor .replyfloor_editor_btntip {float:right;height: 26px;line-height: 26px;margin-right:6px;font-size:12px;}
|
|
.replyfloor_editor .replyfloor_editor_notice {float:right;height: 26px;line-height: 26px;margin-right:6px;font-size:12px;}
|
|
.replyfloor_showcolorbox {overflow: hidden;display: flex;flex-wrap: wrap;}
|
|
.replyfloor_showcolorbox span{width:12.5%;display:block;text-align:center;padding:5px 0;}
|
|
.replyfloor_showcolorbox button{display:block;margin: 0 auto;padding: 0;width: 24px;height: 24px;border: 0;cursor: pointer;}
|
|
.replyfloor_showsmilebox {overflow: hidden;}
|
|
.replyfloor_showsmilebox_tab{overflow: hidden;}
|
|
.replyfloor_showsmilebox_tab ul{overflow: hidden;overflow-x: auto;padding:10px 0;white-space:nowrap;}
|
|
.replyfloor_showsmilebox_tab ul li{display:inline-block;padding:0 5px;height:20px;line-height:20px;margin:0 5px;background: #E5EDF2;color:#999;font-size:12px;border: 1px solid #CDCDCD;}
|
|
.replyfloor_showsmilebox_tab ul li.current{background:#999;color:#fff;}
|
|
.replyfloor_showsmilebox_data{overflow: hidden;overflow-y: auto;max-height:120px;display: flex;flex-wrap: wrap;}
|
|
.replyfloor_showsmilebox_data span{width:12.5%;display:block;text-align:center;padding:5px 0;}
|
|
.replyfloor_upimage {width: 100%;overflow: hidden;}
|
|
.replyfloor_upimage_li {float:left;position:relative;margin:5px 5px 0 0;width:50px;height:50px;}
|
|
.replyfloor_upimage_img {width:50px;height:50px;}
|
|
.replyfloor_upimage_img img {display:block;width:50px;height:50px;object-fit:cover;}
|
|
.replyfloor_upimage_del {position:absolute;top:-3px;right:-3px;}
|
|
.replyfloor_upimage_del a {display:block;width:13px;height:11px;background: url("../../image/icon_close.png");}
|
|
.replyfloor_popup_mask{position: fixed;bottom: 0px;top: 0px;left: 0px;right: 0px;background-color: rgba(0, 0, 0, 0.4);z-index: 99;}
|
|
.replyfloor_popup_box{position: fixed;left: 0px;right: 0px;bottom: 0px;background:#fff;z-index: 99;}
|
|
.replyfloor_popup_close{position:absolute;top: 10px;right: 10px;height:20px;width:20px;overflow: hidden;background:url("../../image/close.png") no-repeat center center;}
|
|
.replyfloor_popup_area{padding: 10px;}
|
|
.replyfloor_popup_title {padding:0 0 10px;font-size:16px;font-weight:bold;}
|
|
.replyfloor_popup_reportarea{width:100%;line-height: 24px;border: 1px solid #D3D4D4;padding:4px 5px;font-size:14px;vertical-align:baseline;box-sizing:border-box;}
|
|
.replyfloor_popup_reportbtn{}
|
|
.replyfloor_popup_reportbtn button{width: 100%;font-size: 16px;height: 42px;line-height: 42px;text-align: center;font-weight: 400;background: #38F;color: #FFF;border:0 none;padding:0;margin:0;} |