kancolle_los.css

input[type="number"] {
	text-align: right;
	width: 50px;
}

.helper {
	text-align: left;
}

/* ポップアップでヒントが出る */
*[title] {
	cursor: help;
}
*[title=""] {
	cursor: default;
}

table {
	margin: 0px;
}


/* 選択状態を非表示に */
#equip_table, #hint_table {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}


/* 編成の保存 */
#header_tool {
	margin: 0.5em 0em;
}
#header_tool > div {
	display: inline-block;
	margin-right: 1em;
}

#header_tool select, #header_tool button {
	margin: 0px 1px;
}

#header_tool .hidden {
	/*display: none;*/
	visibility: hidden;
}

#savelist {
	width: 200px;
}

#fleet_name {
	width: 200px;
	margin: 1px 3px;
}

#save_button {
	min-width: 100px;
}


/* 計算結果 */
#score_table {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
#score_table tr.width_set th {
	min-width: 50px;
}
#score_table td.small {
	font-size: 80%;
}
#memo_cell {
	padding: 0px;
	text-align: left;
}
#memo {
	height: 6em;
	width: calc(100% - 6px);
	/*width: 446px;*/
	margin: 2px;
	border: 0px;
}
/* > 色 */
#score_table tr.HQ th {
	background-color: #cffdff;
}
#score_table tr.h_result th {
	background-color: lavender;
}
#score_table tr.result th {
	background-color: #cfffcf;
}
#score_table tr.memo th {
	background-color: lavender;
}


/* 艦娘索敵値/入力補助 */
#fleet_table {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}
#fleet_table tbody tr:nth-child(-n+6) td:nth-child(1) {
	cursor: default;
}
#fleet_table tbody tr:nth-child(-n+6) td:nth-child(3) {
	cursor: default;
}
#fleet_table input[type="number"][title] {
	cursor: unset; /* default */
}
#fleet_table .space_line {
	padding: 0px 0px 1px 0px;
}
#fleet_table tbody tr:nth-child(-n+8) {
	height: 26px;
}
.waste_box {
	background-color: lightsteelblue;
}

#assist_ship_cell > div.shipnamediv {
	position: relative;
	border: 1px solid lightgray;
	padding: 3px 6px 2px 6px;
}
#assist_ship_cell > div.shipnamediv:hover::after {
	border-color: #8181c7 transparent;
}
#assist_ship_cell > div.shipnamediv::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0.5em;
	bottom: 0;
	width: 0;
	height: 0;
	margin: auto;
	border-width: 0.4em 0.25em 0.00em 0.25em;
	border-style: solid;
	border-color: #bbb transparent;
}

#bonus_info {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	font-size: 80%;
}
#bonus_info .assist_weapon {
	color: blue;
}
#bonus_info .nameinfo {
	max-width: 7em;
}
/* > 色 */
#fleet_table th.shiplos_color {
	background-color: lavender;
}
#fleet_table tbody tr:nth-child(-n+6) td:nth-child(1) {
	background-color: #def;
}
#fleet_table tbody tr:nth-child(-n+6) td:nth-child(3) {
	background-color: #fed;
}
#assist_header {
	background-color: lavender;
}
#fleet_table tbody th {
	background-color: #e6f1fa;
}


/* 索敵装備 */
#equip_table {
	float: left;
	clear: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

#equip_table .equiplist {
	width: 300px;
}

#equip_table tr.header1 th {
	background-color: #ff8;
}
#equip_table tr.header2 th {
	background-color: #ffb;
}
#equip_table tfoot tr th {
	background-color: #ffb;
}

#equip_table .number {
	cursor: default;
	background-color: #ffffe2;
}

#equip_table .category {
	width: 121px;
}

#equip_table .improvement {
	color: gray;
}
#equip_table .improvement.effective {
	color: #45a9a5;
}
#equip_table .improvement.nothing {
	color: gray;
}


/* 装備リスト */
#hint_table {
	float: left;
	margin-bottom: 4px;
}

#hint_table tbody {
	line-height: 1.0;
	font-size: 80%;
}

#hint_table #hint_table_header {
	background-color: lavender;
}
#hint_table th.header {
	padding: 0px;
}

#hint_table td.name {
	width: 200px;
	padding: 0px;
	cursor: pointer;
	overflow: hidden;
	/*background: linear-gradient(90deg, #afa 0%, #FFFFFF 100%) no-repeat 0% 50% / 10% 100%;*/
}

#hint_table td.name div {
	width: 200px;
}
#hint_table td.name div[title] {
	cursor: pointer;
}

#hint_table td.name div, #hint_table th.header div {
	padding: 2px 4px;
	margin: 0;
	white-space: nowrap;
}

#hint_table td.los {
	min-width: 24px;
	text-align: center;
}

#hint_table td.empty {
	border-width: 0px;
}


/* 索敵スコアのまとめ */
#score_hint_table {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#score_hint_table th {
	padding: 1px 4px;
	background-color: #aef;
}
#score_hint_table tr:nth-child(2) th {
	background-color: #ccf8ff;
}

#score_hint_table td {
	font-size: 80%;
	line-height: 1.1;
	padding: 4px;
}


/* 使い方 */
p {
	margin: 2px 0px;
	padding-left: 1em;
}
h3 {
	margin-bottom: 0.5em;
	padding-left: 0.4em;
	background-color: #64a4ff;
}
h4 {
	margin: 0.5em 0em 0em 0em;
	padding-left: 0.5em;
	background-color: #cfe3ff;
}
h5 {
	margin: 0.5em 0em 0em 0em;
	padding-left: 0.5em;
	background-color: #cfe3ff;
}
div.formula {
	margin: 0.5em 2em;
}
div.verification_data {
	font-size: 75%;
	margin: 0.5em 1em;
}