myblock/data/options/options.css

100 lines
1.6 KiB
CSS
Raw Permalink Normal View History

2020-07-31 08:03:31 +00:00
body {
width: 100%;
padding: 10px;
padding-top: 0;
max-width: 700px;
margin: 5px auto;
font-family: arial, sans-serif;
border: solid 1px rgba(0,0,0,0.1);
}
body, table {
color: #555;
font-size: 12px;
}
table {
width: 100%;
}
table, label {
user-select: none;
}
input[type='checkbox'] {
margin: 0;
vertical-align: middle;
}
input[disabled] {
opacity: 0.25 !important;
background-color: rgba(0,0,0,0.3) !important;
}
.title {
font-weight: 600;
}
.check {
width: 32px;
max-width: 32px;
font-weight: 600;
text-align: center;
}
.hl_1 {background-color: rgba(0,0,0,0.01)}
.hl_2 {background-color: rgba(0,0,0,0.05)}
.bl {border-left: solid 1px rgba(0,0,0,0.1)}
.logo {
width: 100%;
height: 110px;
border-bottom: solid 1px rgba(0,0,0,0.1);
background: url('../icons/128.png') no-repeat center center;
background-size: 48px;
}
.content table {
border-spacing: 0 3px;
}
.content table tr td {
padding: 10px 5px;
}
.toolbar {
top: 5px;
right: 5px;
z-index: 11;
width: 38px;
position: absolute;
}
.toolbar table {
width: 100%;
border-spacing: 0;
table-layout: fixed;
}
.toolbar table tr td {
padding: 0;
width: 100%;
color: #777;
height: 32px;
font-size: 12px;
cursor: pointer;
user-select: none;
text-align: center;
font-family: arial,sans-serif;
}
.toolbar table tr td:hover {
background-color: rgba(0,0,0,0.05);
}
.toolbar table tr td svg {
fill: #777;
pointer-events: none;
vertical-align: middle;
}