113 lines
2.8 KiB
CSS
113 lines
2.8 KiB
CSS
#right-container {
|
|
display: none;
|
|
}
|
|
|
|
#center-container {
|
|
width:800px;
|
|
}
|
|
|
|
#infovis {
|
|
width:800px;
|
|
/*height: 250px;*/
|
|
}
|
|
|
|
#id-list {
|
|
background-color:#EEEEEE;
|
|
border:1px solid #CCCCCC;
|
|
margin:10px 20px 0 20px;
|
|
padding:5px;
|
|
text-align:left;
|
|
text-indent:2px;
|
|
}
|
|
|
|
#id-list li {
|
|
list-style: none;
|
|
margin-bottom:3px;
|
|
|
|
}
|
|
|
|
.query-color {
|
|
border:1px solid #999999;
|
|
float:left;
|
|
height:10px;
|
|
margin:3px 3px 0 0;
|
|
width:10px;
|
|
}
|
|
|
|
#update {
|
|
margin:10px 40px;
|
|
}
|
|
|
|
.button {
|
|
display: inline-block;
|
|
outline: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font: 14px / 100% Arial, Helvetica, sans-serif;
|
|
padding: 0.5em 1em 0.55em;
|
|
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
|
|
-webkit-border-radius: 0.5em;
|
|
-moz-border-radius: 0.5em;
|
|
border-radius: 0.5em;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.button:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button:active {
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
/* gray */
|
|
.gray {
|
|
color: #e9e9e9;
|
|
border: solid 1px #555;
|
|
background: #6e6e6e;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
|
|
background: -moz-linear-gradient(top, #888, #575757);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
|
|
}
|
|
|
|
.gray:hover {
|
|
background: #616161;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
|
|
background: -moz-linear-gradient(top, #757575, #4b4b4b);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
|
|
}
|
|
|
|
.gray:active {
|
|
color: #afafaf;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
|
|
background: -moz-linear-gradient(top, #575757, #888);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
|
|
}
|
|
|
|
/* white */
|
|
.white {
|
|
color: #606060;
|
|
border: solid 1px #b7b7b7;
|
|
background: #fff;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
|
|
background: -moz-linear-gradient(top, #fff, #ededed);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
|
|
}
|
|
|
|
.white:hover {
|
|
background: #ededed;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
|
|
background: -moz-linear-gradient(top, #fff, #dcdcdc);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
|
|
}
|
|
|
|
.white:active {
|
|
color: #999;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
|
|
background: -moz-linear-gradient(top, #ededed, #fff);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
|
|
}
|