模板:赛马娘窗体/CSS

{{#css:
  .uma_box {
    word-break: normal;
    tab-size: 4;
	font-size: 14px;
	line-height: 1.5;
	color: #794016;
	background-repeat: no-repeat;
	box-sizing: inherit;
	padding: 0;
	border-radius: 15px;
	background-color: #fff;
	border: 4px solid transparent;
	transition: transform .5s cubic-bezier(.28,1.64,.58,.87),opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.28,1.64,.58,.87);
	transform: translate(0);
	opacity: 1;
	border-color: #3684e3;
	margin: 0;
	width: 430px;
}
  .uma_title_bg {
	word-break: normal;
	tab-size: 4;
	line-height: 1.5;
	color: #794016;
	background-color: #71a5e7;
	background-repeat: no-repeat;
	box-sizing: inherit;
	padding: 0;
	margin: 0;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	overflow: hidden;
	border-bottom: 4px solid transparent;
	border-color: #3684e3;
    z-index:-1;
}
 .uma_icon_R {
	display:inline-block;
	vertical-align: middle;
    float:right;
    transform: rotate(180deg);
    z-index: 0;
}
 .uma_icon_L {
	display:inline-block;
	vertical-align: middle;
    float:left;
    z-index: 0;
}
.uma_title_Text {
    position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	text-shadow: 0px 3px 1px #00000080;
	color: #fff;
    font-weight: bold;
    font-size: 22px;
    font-family: "Microsoft YaHei", Arial, sans-serif, "PingFang SC";
    z-index:2;
}
.paral_A {
    position: absolute;
    top:0;
    right: calc(25% - 10px);
    left: calc(25% - 10px);
    height: 40;
    z-index: 2;
    background: #337fdb80;
    transform: skew(31deg);
}
.paral_B {
    position: absolute;
    top:0;right:25%;left:25%;
    height: 40;
    z-index: 1;
    background: #337fdb80;
    transform: skew(143deg);
}
.uma_scroll {
	word-break: normal;
	tab-size: 4;
	font-size: 14px;
	line-height: 1.5;
	color: #794016;
	background-repeat: no-repeat;
	box-sizing: inherit;
	margin: 0;
	padding: 10px 10px 10px 10px;
	height: calc(100% - 52px);
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.uma_scroll ::-webkit-scrollbar {
    width: 10px;
    background-color: {{#switch:{{{颜色}}}|红=#fd3a6033|橙=#ff911c33|绿=#69c10c33|蓝=#3684e333|青=#1da1f233|粉=#ff6fac33}};
    border-radius: 20px;
}

.uma_scroll ::-webkit-scrollbar-thumb {
    background-color: {{#switch:{{{颜色}}}|红=#fd3a60|橙=#ff911c|绿=#69c10c|蓝=#3684e3|青=#1da1f2|粉=#ff6fac}};
    border-radius: 20px;
}
.list_view{
	word-break: normal;
	tab-size: 4;
	font-size: 14px;
	line-height: 1.5;
	color: #794016;
	-webkit-box-direction: normal;
	background-repeat: no-repeat;
	box-sizing: inherit;
	margin: 0;
	padding: 0 15px;
	width: 100%;
	height: 492px;
	overflow-y: scroll;
}
div.floatleft, table.floatleft {
    margin: 0 0 0 0;
}
div.floatright, table.floatright {
    margin: 0 0 0 0;
}
}}