.noselect {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input,textarea,select,pre {
box-sizing: border-box;
font-family: inherit;
}
.msgCopy {
z-index: 99999;
position: absolute;
top: -100%;
left: 50%;
transform: translateX(-50%);
padding: 3px;
background: #000;
border-radius: 3px;
opacity: .8;
color: #fff;
font-size: 12px;
text-shadow: none;
line-height: auto;
}
.center {
text-align: center;
}
ul.flex {
display: flex;
flex-flow: row wrap;
list-style: none;
margin: -8px 0 0 -8px;
width: calc(100% + 8px);
padding: 0;
line-height: normal;
font-size: 21px;
}
ul.flex li {
display: flex;
flex-grow: 1;
align-items: center;
justify-content: center;
position: relative;
min-width: 38px;
box-sizing: border-box;
margin: 8px 0 0 8px;
padding: 2px 3px 3px;
border: 1px solid #c2c2c2;
border-radius: 2px;
cursor: default;
}
@media(hover:hover) {
ul.flex li:hover {
background: #fff;
}
}
ul.flex li pre {
overflow: hidden;
max-width: 100%;
margin: 0 auto;
padding: 5px;
color: #000000;
}
.flex.textart {
font-size: 16px;
}
.flex.textart pre {
display: inline-block;
text-align: left;
font-family: inherit;
}
ul.copy li {
cursor: pointer;
}
ul.copy li.copySelected {
background: #fff;
border-color: #666;
}
ul.copy li .copyButton {
position: absolute;
z-index: 99999999;
padding: 5px 10px;
background: red;
opacity: .9;
border-radius: 5px;
color: #fff;
font-size: 16px;
line-height: normal;
text-shadow: none;
}
.realsize{display:none;}
@media (max-width:600px) {
.realsize{display:block;color:white;text-shadow:none;padding:5px;margin:5px;}
.flex.textart li.s pre{font-size:8px;line-height:8px;}
}