web.baimiaoapp.com by hinaftw

/* ==UserStyle==
@name         web.baimiaoapp.com
@version      20211114.15.06
@namespace    userstyles.world/user/hinaftw
@description  web.baimiaoapp.com
@author       hinaftw
@license      No License
==/UserStyle== */

@-moz-document domain("baimiaoapp.com") {
#app > div.page{
	width: 100%!important;
}

span.cropper-point.point-n,
span.cropper-point.point-s
{width: 30px!important;
	height: 30px;
	background: #dbdbdb;
	border: #00000082 3px solid;
	border-radius: 10px;
}

span.cropper-point.point-e,
span.cropper-point.point-w
{width: 30px!important;
	height: 30px;
	background: #dbdbdb;
	border: #00000082 3px solid;
	border-radius: 10px;
}
#quill-container > div.ql-editor > p{
text-align: justify;
	font-size: 14pt;
	color: #242630;
	text-indent: 0px;
	margin: 15px 0px;
	line-height: 130%;
	font-family: 'nunito'!important;
	-webkit-text-stroke-width: 0.2px;
}

#app > div.page > div > div.view-result.fast > div.view-columns{
	width: 100%;
}
#app > div.page > div > div.view-result.fast > div.view-columns > div:nth-child(1),
#app > div.page > div > div.view-result.fast > div.view-columns > div:nth-child(2)
{
display: none;}
#app > div.page > div > div.view-result.fast > div.view-columns > div:nth-child(3){
	width: 100%;
}
.page-ocr .crop-image-btns-wrap {
    width: 70%!important;
    height: 50px!important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#app > div.page > div > div.crop-image.fast > div.crop-image-btns-wrap > div > div.btn-left-rotate{
	display: none;
}
#app > div.page > div > div.crop-image.fast > div.crop-image-btns-wrap > div{
    width: 120%!important;
    height: 70px!important;
}


div.crop-image-btns-wrap > div > div.btn-cancel-crop,
div.crop-image-btns-wrap > div > div.btn-right-rotate,
div.crop-image-btns-wrap > div > div.btn-submit-crop{

height: 50px!important;
width: 50px!important;}
.page-ocr {
	margin: 0px;
	width: 100%!important;
}
#app > div.page > div > div.board {
	margin: 0px;
	width: 100%!important;
}

.page-ocr .image-ops-re-recognize {
	display: none;
}
#app > div.page > div > div.board > div > div > div.other-btns > span:nth-child(2),
#app > div.page > div > div.board > div > div > div.other-btns > span:nth-child(4){
	display: none;
}
div.other-btns{
text-align: center;
}
#app > div.page > div > div.board > div > div > div.other-btns > div.btn-op.active,
#app > div.page > div > div.board > div > div > div.other-btns > div:nth-child(3),
#app > div.page > div > div.board > div > div > div.other-btns > div:nth-child(5)
{
	border-radius: 3px;
	background: #ddd;
	color: black;
	transition: ease .3s;
	padding: 10px;
}
#app > div.page > div > div.board > div > div > div.other-btns > div:nth-child(3)
{
	background: #595959;
	color: #fff;
}
#app > div.page > div > div.board > div > div > div.other-btns > div:nth-child(5)
{
	background: #d99090;
	color: #fff;
}
#app > div.page > div > div.board > div > div > div.other-btns > div.btn-op.active:hover,
#app > div.page > div > div.board > div > div > div.other-btns > div:nth-child(3):hover,
#app > div.page > div > div.board > div > div > div.other-btns > div:nth-child(5):hover
{
	background: #ffffff3b;
	color: black;
}

div.image-ops-delete {
	position: absolute;
	width: 40px!important;
	height: 40px!important;
}
div.image-ops-delete:hover {
	background: #0000007a;
}
span.image-ops-edit {
	height: 50px!important;
	font-size: 10pt!important;
	background: #0051c180;
	margin-bottom: 34px;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	color: #fff0;
}
span.image-ops-edit:hover {
	background: #2a7def;
}
span.image-ops-recognize {
	height: 50px!important;
	font-size: 10pt!important;
	background: #00800078;
	margin-bottom: 34px;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	color: #fff0;
}
span.image-ops-recognize:hover {
	background: #07b907;
}

div.image-footer {
	display: none;
}

.page-ocr .btn-submit {
	height: 100px;
	width: 100%;
	font-size: 2em;
	color: #fff;
}
.page-ocr .content-images-ul{
	background: #ddd;
	border-radius: 5px;
	padding: 6px;
}
.page-ocr .content-images-ul li {
	list-style: none;
	border-radius: 5px;
	margin-right: 10px!important;
	margin-bottom: 10px;
	width: 30%;
	min-width: 40%;
	height: 200px;
	background: #0003!important;
}
div.loader-wrap.loader-small.preview-btn:hover {
	background: #0003!important;
}
#app > div.page > div > div.board > div > div > div.content-images > div > ul > li > div.image-wrap {
	width: 100%;
	height: 160px;
}
.page-ocr .filename-wrap {
	width: 100%;
	font-size: 8pt;
	color: #000;
	font-weight: bold;
	text-align: center;
	display: block;
	word-break: keep-all;
	white-space: pre-wrap;
	overflow: visible;
	text-overflow: clip;
	word-wrap: break-word;
}

/**/
#app > div.page > div > div.title {
	display: none;
}
.page-ocr .loader-tips {
	text-align: center;
}
div.page-ocr > div.view-result.fast:nth-child(4) > div.close:first-child > span.close-bg {
	position: fixed;
	background: rgba(255, 255, 255, 0);
	z-index: -1;
	width: 10000px;
	height: 10000px;
}
.close {
	background: rgba(255, 255, 255, 0)!important;
}

.bottom-btns {
	position: fixed;
	bottom: 1%!important;
	width: 93%!important;
}
.bottom-btns span {
	text-align: center;
	font-weight: bold;
}
div.bottom-btns:last-child > span:nth-child(1) {
	background: rgb(82, 82, 82);
}
div.bottom-btns:last-child > span:nth-child(1):hover {
	background: rgb(182, 182, 182);
}
div.bottom-btns:last-child > span:nth-child(3) {
	background: #0051c1;
}
div.bottom-btns:last-child > span:nth-child(3):hover {
	background: #2a7def;
}
div.bottom-btns:last-child > span:nth-child(5) {
	background: green;
	padding: 7px;
}
div.bottom-btns:last-child > span:nth-child(5):hover {
	background: #07b907;
	padding: 7px;
}
div.bottom-btns:last-child > span:nth-child(2),
div.bottom-btns:last-child > span:nth-child(4) {
	display: none;
}

a.logo.router-link-exact-active.router-link-active:first-child,
a.site-name.router-link-exact-active.router-link-active:nth-child(2),
div.sidebar-menu:nth-child(3),
div.login:nth-child(4),
div.links:last-child{
	display: none!important
}
}