Homec4science
Diffusion SHRINE MedCo Fork (master) Browse

shrine-medco/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedCo.css
5f8a3a27175bmaster

Last Change
Raw File

vwMedCo.css
View Options

/*** CSS for main plugin wrapper ***/
DIV#MedCo-mainDiv {
padding: 0px;
}
/*** CSS for tab background ***/
DIV#MedCo-TABS DIV.yui-content {
background: #FFF;
}
DIV#MedCo-TABS DIV.MedCo-Dashboard {
background:#FFF;
border:solid #63758C;
border-width:1px 0;
overflow:auto;
height:100%;
}
DIV#GEN-TABS DIV.GEN-MainContentPad {
padding:5px 10px;
overflow:hidden;
}
DIV#GEN-TABS DIV.GEN-QueryDefinitionPad {
background:#FFF;
padding:0px 20px;
margin-bottom:30px;
overflow:hidden;
}
DIV#GEN-TABS DIV.GEN-VariantDefinition {
float:left;
overflow:hidden;
}
DIV#GEN-TABS DIV.GEN-Buttons,
DIV#GEN-TABS DIV.GEN-ResultTypes {
padding-left:20px;
margin-bottom:10px;
overflow:hidden;
}
/*** CSS for the Enter Note and View Results tabs ***/
DIV#GEN-TABS .gen-input {
padding: 2px 10px;
background: #DEEBEF;
margin-top: 17px;
margin-bottom: 2px;
text-align:left;
width: 500px;
height: 28px;
border: 1px solid #63758C;
overflow:hidden;
float:left;
}
DIV#GEN-TABS DIV.label {
padding: 8px 0px;
width:80px;
height:16px;
overflow:hidden;
text-align:right;
float: left;
font-weight:bold;
color:#666;
margin: 15px 10px 0px 0px;
}
DIV#GEN-TABS DIV.label2 {
padding: 2px 0px;
width:80px;
height:16px;
overflow:hidden;
text-align:right;
float: left;
font-weight:bold;
color:#666;
margin: 15px 10px 0px 0px;
}
DIV#GEN-TABS DIV.label3 {
width:80px;
height:16px;
overflow:hidden;
text-align:right;
float: left;
font-weight:bold;
color:#666;
padding:0px 20px 5px 0px;
}
DIV#GEN-TABS select.gen-select {
width:200px;
height:20px;
overflow:hidden;
float:left;
background: #DEEBEF;
margin-top: 15px;
border: 1px solid #63758C;
}
DIV#GEN-TABS DIV.radio {
padding: 6px 0px;
width:120px;
height:20px;
overflow:hidden;
text-align:right;
float: left;
font-weight:bold;
color:#666;
margin: 15px 0px 0px 0px;
}
DIV#GEN-TABS DIV.droptrgt {
padding: 5px 10px;
background: #DEEBEF;
margin-top: 15px;
text-align:left;
border: 1px solid #63758C;
width:300px;
overflow:hidden;
white-space:nowrap;
}
DIV#GEN-TABS DIV.dropresult {
padding: 5px 10px;
background: #DEEBEF;
margin-bottom: 15px;
text-align:left;
border: 1px solid #63758C;
width:300px;
overflow:hidden;
white-space:nowrap;
}
DIV#GEN-TABS DIV.closeButton {
opacity:0.5;
background: url('close.gif');
background-size:12px 12px;
background-repeat: no-repeat;
height:12px;
width:12px;
float:right;
margin:2px -2px 0px 4px;
}
DIV#GEN-TABS DIV.loading {
background: url('spin.gif');
background-size:16px 16px;
background-repeat: no-repeat;
height:16px;
width:16px;
margin:0px 5px;
float:left;
}
DIV#GEN-TABS DIV.progress {
margin:0px 0px 10px 0px;
}
DIV#GEN-TABS DIV.resetBox,
DIV#GEN-TABS DIV.runBox {
position:relative;
xdisplay:none;
background:#6677AA;
border:1px solid #667788;
color:#FFFFFF;
font-weight:bold;
font-family:arial,helvetica;
font-size:11px;
height:16px;
line-height:16px;
text-align:center;
color:#FFF;
cursor:pointer;
float: left;
margin:0px 5px 0px 0px;
width:72px;
xz-index:5;
overflow:hidden;
}
DIV#GEN-TABS DIV.resetBox a,
DIV#GEN-TABS DIV.runBox a {
color:#FFF;
display:block;
text-decoration:none;
}
DIV#GEN-TABS DIV.resetBox a:hover,
DIV#GEN-TABS DIV.runBox a:hover {
background-color:#7687bf;
}
/*** CSS for the Plugin Help tab ***/
DIV#GEN-TABS H1 {
margin:0 0 10px 0;
font-size:16px;
color:#42558C;
font-weight:bold;
}
DIV#GEN-TABS H2 {
margin:10px 0 10px 0;
font-size:13px;
color:#42558C;
font-weight:bold;
}
DIV#GEN-TABS HR {
margin:0;
}
/*!*Added 11/09/2017*!*/
/*!*Popup*!*/
/*.popupBackground {*/
/*display: none;*/
/*opacity: .75;*/
/*filter: alpha(opacity=75);*/
/*-ms-filter: "alpha(opacity=75)";*/
/*-khtml-opacity: .75;*/
/*-moz-opacity: .75;*/
/*background: #B8B8B8;*/
/*position: absolute;*/
/*left: 0px;*/
/*top: 0px;*/
/*height: 100%;*/
/*width: 100%;*/
/*z-index:990*/
/*}*/
/*.popupMessage {*/
/*display: none;*/
/*position: absolute;*/
/*left: 50%;*/
/*top: 50%;*/
/*!*height: 250px;*!*/
/*!*width: 550px;*!*/
/*!*margin-top should be half of the height*!*/
/*margin-top: -125px;*/
/*!*margin-left should be half of the width*!*/
/*margin-left: -275px;*/
/*background: #BBCCEE;*/
/*border: 1px solid #ccc;*/
/*box-shadow: 3px 3px 7px #777;*/
/*-webkit-box-shadow: 3px 3px 7px #777;*/
/*-moz-border-radius: 5px;*/
/*-webkit-border-radius: 5px;*/
/*z-index:999*/
/*}*/
/*.popupMessage h1{*/
/*text-align:center;*/
/*background:#6677AA;*/
/*border:1px solid #314763;*/
/*color:#FFFFFF !important;*/
/*font-size:11px;*/
/*font-weight:bold;*/
/*height:13px;*/
/*line-height:12px;*/
/*padding: 5px;*/
/*}*/
/*.popupMessage input[type="button"]{*/
/*width: 100px;*/
/*margin: 5px;*/
/*}*/
/*div#selected_annotations label{*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*}*/
/*div#selected_annotations label input{*/
/*vertical-align: middle;*/
/*}*/
/* POPUPS */
.hd {
color: #FFFFFF !important;
background: transparent !important;
/*background-image: url(i2b2/top_hive.gif) !important;*/
background-repeat: repeat-x !important;
font-size:14px !important;
font-weight:bold !important;
cursor: move !important;
}
.bd {
background: #EFEFFF !important;
background:#FFF;
border:solid #63758C;
border-width:1px 0;
overflow:auto;
height:100%;
}
.MedCo_popupTable{
border-spacing: 0px 15px;
}
.MedCo_popupTable th{
width: auto;
}
.MedCo_popupTable tr td {
width: 400px;
}
.MedCo_popupTable tr td *{
width: 100%;
}
#zygosityListProteinPositionPopup,
#zygosityListAnnotationNamePopup,
#zygosityListGenePopup,
#zygosityListVariantNamePopup{
margin: auto;
width: auto;
vertical-align: middle;
float: left;
border: 2px solid #d5d5d5;
}
#zygosityListProteinPositionPopup label,
#zygosityListAnnotationNamePopup label,
#zygosityListGenePopup label,
#zygosityListVariantNamePopup label{
margin-left: 10px;
margin-right: 7px;
width: auto;
float: left;
}
#zygosityListProteinPositionPopup input,
#zygosityListAnnotationNamePopup input,
#zygosityListGenePopup input,
#zygosityListVariantNamePopup input{
width: auto;
vertical-align: middle;
}
/*reset and run Buttons*/
DIV#MedCo-TABS DIV.MED-Buttons {
padding-left:20px;
margin-bottom:10px;
overflow:hidden;
}
DIV#MedCo-TABS DIV.resetButton,
DIV#MedCo-TABS DIV.runButton {
position:relative;
xdisplay:none;
background:#6677AA;
border:1px solid #667788;
color:#FFFFFF;
font-weight:bold;
font-family:arial,helvetica;
font-size:11px;
height:16px;
line-height:16px;
text-align:center;
color:#FFF;
cursor:pointer;
float: left;
margin:0px 5px 0px 0px;
width:72px;
xz-index:5;
overflow:hidden;
}
DIV#MedCo-TABS table.timer{
position:relative;
xdisplay:none;
font-family:arial,helvetica;
font-size:12px;
height:16px;
line-height:16px;
text-align:right;
float: right;
margin:0px 5px 0px 0px;
xz-index:5;
overflow:hidden;
padding-right: 10px;
}
td#medcoTimer{
text-align: center;
width: 50px;
font-weight:normal;
}
.MED-result{
font-family:arial,helvetica;
font-size:12px;
font-weight:bold;
width: 0%;
margin: auto;
}
DIV#MedCo-TABS DIV.resetButton a,
DIV#MedCo-TABS DIV.runButton a {
color:#FFF;
display:block;
text-decoration:none;
}
DIV#MedCo-TABS DIV.resetButton a:hover,
DIV#MedCo-TABS DIV.runButton a:hover {
background-color:#7687bf;
}
/*Result*/
DIV#MedCo-TABS table.MED-resultTable{
width: 500px;
margin-left: auto;
margin-right: auto;
}
/*"Number of patient"*/
DIV#MedCo-TABS table.MED-resultTable tr:first-child td{
background-color: #B0C4DE;
color: black;
text-align: center;
vertical-align: middle;
}
/*count*/
DIV#MedCo-TABS table.MED-resultTable tr:last-child td{
background-color: #B0C4DE;
color: darkblue;
text-align: center;
vertical-align: middle;
font-size: 30px;
height: 40px;
padding: 0;
width: 150px;
}
/*loading query gif*/
img#MED-loadingGif {
width: 15px;
height: 15px;
display: none;
text-align: center;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}
c4science · Help