177 lines
2.9 KiB
CSS
177 lines
2.9 KiB
CSS
/* Bootstrap 5.10以降、box-sizingのデフォルト値によってテーブルがずれるため、このページ限定的にリセット */
|
||
/* @see https://bootstrap-guide.com/content/reboot#page-defaults */
|
||
table {
|
||
box-sizing: initial;
|
||
}
|
||
|
||
body{
|
||
background-color: LightCyan;
|
||
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
|
||
}
|
||
|
||
h1{
|
||
margin-left : 1%;
|
||
font-weight: 700;
|
||
}
|
||
|
||
|
||
/*ヘッダー*/
|
||
.headerTable{
|
||
width: 100%;
|
||
}
|
||
|
||
.headerTdLeft{
|
||
width: 80%;
|
||
}
|
||
|
||
.headerTdRight{
|
||
text-align: right;
|
||
padding-right: 2%;
|
||
width: 20%;
|
||
}
|
||
|
||
.header_buttonSize{
|
||
width: 7rem;
|
||
font-size: initial;
|
||
}
|
||
.buttonSize{
|
||
width: 85px;
|
||
}
|
||
|
||
/*////////////////////////*/
|
||
/*施設担当者データCSVダウンロード*/
|
||
/*////////////////////////*/
|
||
.searchColumnTd{
|
||
width: 14%;
|
||
}
|
||
|
||
.searchTextboxTd{
|
||
width: 18%;
|
||
}
|
||
|
||
.searchTable{
|
||
margin-left: 3%;
|
||
margin-right: 3%;
|
||
margin-bottom: 1%;
|
||
padding-bottom: 1%;
|
||
border-bottom: solid 1px gray;
|
||
width: 94%;
|
||
}
|
||
|
||
.searchLabelTd{
|
||
text-align: right;
|
||
width: 10%;
|
||
|
||
}
|
||
|
||
.searchInputTd{
|
||
width: 19%;
|
||
}
|
||
|
||
.searchTextbox{
|
||
width: 90%;
|
||
margin-left: 2.5%;
|
||
margin-right: 2.5%;
|
||
margin-top: 0.8%;
|
||
margin-bottom: 0.8%;
|
||
}
|
||
|
||
.searchDateTextbox{
|
||
width: 37%;
|
||
margin-left: 2.5%;
|
||
margin-right: 2.5%;
|
||
margin-top: 0.8%;
|
||
margin-bottom: 0.8%;
|
||
}
|
||
|
||
.searchButtonTd{
|
||
text-align: right;
|
||
padding-top: 1%;
|
||
}
|
||
|
||
|
||
.csvOutputMessage{
|
||
margin-left: 3%;
|
||
}
|
||
|
||
.errorColor{
|
||
color: red;
|
||
}
|
||
|
||
/*//////////////////////////*/
|
||
/*施設担当者データExcelアップロード*/
|
||
/*//////////////////////////*/
|
||
.inputTable{
|
||
margin-left: 3%;
|
||
margin-right: 3%;
|
||
margin-bottom: 1%;
|
||
padding-bottom: 1%;
|
||
border-bottom: solid 1px gray;
|
||
width: 94%;
|
||
border-collapse: initial;
|
||
}
|
||
|
||
.inputLabelTd{
|
||
width: 10%;
|
||
}
|
||
|
||
.inputTd{
|
||
width:20%;
|
||
}
|
||
|
||
.inputButtonTd{
|
||
width: 50%;
|
||
text-align: right;
|
||
}
|
||
|
||
.dataCntDisp{
|
||
text-align: right;
|
||
margin-right: 3%;
|
||
}
|
||
|
||
table.inputData {
|
||
font-family:arial;
|
||
background-color: #CDCDCD;
|
||
font-size: 12pt;
|
||
text-align: left;
|
||
white-space: nowrap;
|
||
border: 0.1px solid silver;
|
||
padding: 4px;
|
||
padding-right: 20px;
|
||
border-collapse: collapse;
|
||
margin-left: 3%;
|
||
width: 94%;
|
||
}
|
||
table.inputData tbody th {
|
||
color: #3D3D3D;
|
||
padding: 4px;
|
||
background-color: #e6EEEE;
|
||
border: 0.1px solid silver;
|
||
vertical-align: top;
|
||
}
|
||
|
||
table.inputData tbody td {
|
||
color: #3D3D3D;
|
||
padding: 4px;
|
||
background-color: #FFF;
|
||
border: 0.1px solid silver;
|
||
vertical-align: top;
|
||
}
|
||
|
||
.footerMsg{
|
||
margin-left: 3%;
|
||
}
|
||
|
||
|
||
/*//////////////////////////*/
|
||
/*データ上書きコピー */
|
||
/*//////////////////////////*/
|
||
.tableOverRide{
|
||
margin-right: 3%;
|
||
margin-left: 3%;
|
||
margin-bottom: 2%;
|
||
border-bottom: solid 1px gray;
|
||
width: 94%;
|
||
}
|
||
|