497 lines
7.5 KiB
CSS
497 lines
7.5 KiB
CSS
/* YUI 3.9.1 (build 5852) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,legend{color:#000}
|
|
|
|
html {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
body {
|
|
font-size: 13px;
|
|
font-family: 'Helvetica Neue', arial, sans-serif;
|
|
color: #393836;
|
|
background-color: #E7E7E7;
|
|
}
|
|
|
|
header {
|
|
background-color: #2b2b2b;
|
|
color: #9e9e9e;
|
|
padding: 5px 10px 10px 10px;
|
|
box-shadow: 0 0 0 3px rgba(45, 77, 59, 0.20);
|
|
padding-top: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
a {
|
|
color: #1d8dc4;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #adcad9;
|
|
}
|
|
|
|
a:hover {
|
|
border-bottom: 1px solid #1d8dc4;
|
|
}
|
|
|
|
button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
input:focus,
|
|
select:focus {
|
|
outline: none;
|
|
}
|
|
|
|
h3 {
|
|
margin-top: 20px;
|
|
margin-bottom: 8px;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.wot {
|
|
border-bottom: 1px dotted;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
|
|
.blk-cnt {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.type-accept {
|
|
color: #00A550;
|
|
}
|
|
|
|
.type-deny {
|
|
color: #C41E3A;
|
|
}
|
|
|
|
.type-other {
|
|
color: #1d8dc4;
|
|
}
|
|
|
|
.type-fade {
|
|
color: #a6a6a6;
|
|
}
|
|
|
|
.disabled {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.user-note {
|
|
font-size: 11px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.load-error {
|
|
margin-top: 25px;
|
|
font-size: 25px;
|
|
color: #C41E3A;
|
|
text-align: center;
|
|
}
|
|
|
|
.select-box {
|
|
display: inline-block;
|
|
width: 120px;
|
|
height: 18px;
|
|
overflow: hidden;
|
|
border: 0;
|
|
background: url('/image/select-arrow.png') no-repeat right #E7E7E7;
|
|
}
|
|
|
|
.select-box select {
|
|
background-color: transparent;
|
|
width: 137px;
|
|
height: 18px;
|
|
font-size: 12px;
|
|
border: 0;
|
|
border-radius: 0;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.form-label {
|
|
margin: 0 5px;
|
|
vertical-align: top;
|
|
line-height: 1.4;
|
|
display: inline-block;
|
|
width: 100px;
|
|
}
|
|
|
|
.as-iblk { display: inline-flex; }
|
|
|
|
.form {
|
|
background-color: #d2d4d3;
|
|
display: block;
|
|
margin: auto;
|
|
margin-top: 25px;
|
|
padding: 10px;
|
|
width: 300px;
|
|
}
|
|
|
|
.form input {
|
|
background-color: #E7E7E7;
|
|
border: 0 none;
|
|
height: 18px;
|
|
vertical-align: top;
|
|
width: 120px;
|
|
}
|
|
|
|
.log-cnt {
|
|
width: 40%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
min-width: 200px;
|
|
}
|
|
|
|
.log-cnt h3 {
|
|
font-width: 16px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.log-cnt table {
|
|
width: 100%;
|
|
border-top: 1px solid #D2D4D3;
|
|
border-left: 1px solid #D2D4D3;
|
|
border-right: 1px solid #D2D4D3;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.log-cnt th {
|
|
font-weight: bold;
|
|
width: 80px;
|
|
}
|
|
|
|
.log-cnt td,
|
|
.log-cnt th {
|
|
border-left: 1px solid #D2D4D3;
|
|
padding: 5px;
|
|
vertical-align: top;
|
|
word-wrap: break-word;
|
|
position: relative;
|
|
}
|
|
|
|
.log-cnt tr {
|
|
border-bottom: 1px solid #D2D4D3;
|
|
}
|
|
|
|
.jump-menu li {
|
|
display: inline;
|
|
margin-left: 5px;
|
|
margin-right: 5px
|
|
}
|
|
|
|
.jump-menu {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
input.field-long {
|
|
width: 150px;
|
|
}
|
|
|
|
.field-row {
|
|
margin: 5px; 0;
|
|
}
|
|
|
|
.t-cat-lbl {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.btn-row {
|
|
margin-top: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.btn-xs {
|
|
font-size: 10px;
|
|
padding: 2px 4px;
|
|
background-color: #d2d4d3;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn-xs:hover {
|
|
color: #fff;
|
|
background-color: #000;
|
|
}
|
|
|
|
.pierce {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.right {
|
|
float: right;
|
|
}
|
|
|
|
#title {
|
|
color: #dedede;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#menu {
|
|
background-color: #d2d4d3;
|
|
padding: 6px 5px 5px 5px;
|
|
text-align: center;
|
|
height: 18px;
|
|
}
|
|
|
|
#menu ul {
|
|
display: inline;
|
|
}
|
|
|
|
button {
|
|
line-height: 1;
|
|
}
|
|
|
|
#menu li {
|
|
display: inline;
|
|
}
|
|
|
|
#menu input {
|
|
background-color: #E7E7E7;
|
|
width: 100px;
|
|
height: 18px;
|
|
-webkit-appearance: none;
|
|
border: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sorted-asc::after {
|
|
display: inline-block;
|
|
content: '▴';
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sorted-desc::after {
|
|
display: inline-block;
|
|
content: '▾';
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.clickable {
|
|
border-bottom: 1px solid;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.button {
|
|
cursor: pointer;
|
|
background-color: #2B2B2B;
|
|
border-radius: 5px;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
padding: 2px 4px;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
|
|
margin: 0 2px;
|
|
border: 0;
|
|
}
|
|
|
|
button.button {
|
|
font-size: 13px;
|
|
font-family: 'Helvetica Neue', arial, sans-serif;
|
|
line-height: 1.15em;
|
|
height: 19px;
|
|
}
|
|
|
|
span.button:focus,
|
|
.button:hover {
|
|
color: #fff;
|
|
background-color: #000;
|
|
border: 0;
|
|
}
|
|
|
|
.button-light {
|
|
color: inherit;
|
|
background-color: #e7e7e7;
|
|
}
|
|
|
|
.button-light:hover {
|
|
background-color: #00A550;
|
|
}
|
|
|
|
.btn-other {
|
|
background-color: #1d8dc4;
|
|
}
|
|
|
|
.btn-deny {
|
|
background-color: #C41E3A;
|
|
}
|
|
|
|
#staff-table {
|
|
width: 90%;
|
|
}
|
|
|
|
.items-table.inline-table {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
margin: 20px 6px;
|
|
}
|
|
|
|
.items-table {
|
|
cursor: default;
|
|
margin: auto;
|
|
border-left: 1px solid #D2D4D3;
|
|
border-right: 1px solid #D2D4D3;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.items-table th {
|
|
background-color: #D2D4D3;
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.items-table td {
|
|
border-left: 1px solid #D2D4D3;
|
|
padding: 20px 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.items-table tr {
|
|
border-bottom: 1px solid #D2D4D3;
|
|
}
|
|
|
|
.items-table thead th,
|
|
.items-table thead td {
|
|
border-top: 1px solid #D2D4D3;
|
|
}
|
|
|
|
|
|
/* Columns */
|
|
.col-center,
|
|
.col-count,
|
|
.col-board {
|
|
text-align: center;
|
|
}
|
|
|
|
.count-red {
|
|
color: red;
|
|
}
|
|
|
|
.user-mod {
|
|
color: blue;
|
|
}
|
|
|
|
.processing {
|
|
-moz-animation: blink 0.5s linear infinite alternate;
|
|
-webkit-animation: blink 0.5s linear infinite alternate;
|
|
animation: blink 0.5s linear infinite alternate;
|
|
}
|
|
|
|
td.cell-sep-l {
|
|
border-left-width: 2px;
|
|
}
|
|
|
|
@-moz-keyframes blink {
|
|
0% { opacity: 1; }
|
|
100% { opacity: 0.5; }
|
|
}
|
|
|
|
@-webkit-keyframes blink {
|
|
0% { opacity: 1; }
|
|
100% { opacity: 0.5; }
|
|
}
|
|
|
|
@keyframes blink {
|
|
0% { opacity: 1; }
|
|
100% { opacity: 0.5; }
|
|
}
|
|
|
|
.mod-row {
|
|
color: #1D8DC4;
|
|
}
|
|
|
|
.mod-ctrl {
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mod-ctrl input {
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.hidden { display: none }
|
|
|
|
#feedback {
|
|
position: fixed;
|
|
top: 10px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.feedback-notify,
|
|
.feedback-error {
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
color: #fff;
|
|
padding: 3px 6px;
|
|
font-size: 16px;
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.20);
|
|
}
|
|
|
|
.feedback-error {
|
|
background-color: #C41E3A;
|
|
}
|
|
|
|
.feedback-notify {
|
|
background-color: #00A550;
|
|
}
|
|
|
|
/* Tooltips */
|
|
#tooltip {
|
|
position: absolute;
|
|
background-color: #181f24;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
padding: 5px 8px 4px 8px;
|
|
z-index: 100000;
|
|
word-wrap: break-word;
|
|
white-space: pre-line;
|
|
max-width: 400px;
|
|
color: #dedede;
|
|
text-align: center;
|
|
}
|
|
|
|
.tip-top-left:before,
|
|
.tip-top-right:before,
|
|
.tip-top:before {
|
|
content:"";
|
|
display:block;
|
|
width:0;
|
|
height:0;
|
|
position:absolute;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid #181f24;
|
|
margin-left: -4px;
|
|
bottom: -4px;
|
|
}
|
|
|
|
.tip-top:before {
|
|
left: 50%;
|
|
}
|
|
|
|
.tip-top-right:before {
|
|
left: 2px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.tip-top-left:before {
|
|
right: 2px;
|
|
}
|