flower_exp.css

/* 入力欄など */
input[type="number"] {
	text-align: right;
	width: 45px;
}

input[type="number"].exp {
	width: 90px;
}

input[type="number"].special_exp {
	width: 60px;
}

input[type="number"].special_level {
	width: 40px;
}

label.disabled {
	color: gray;
}

*[title] {
	cursor: help;
}


/* 強化する花騎士 */
table#input_table {
	margin-bottom: 5px;
}

table#input_table tr.width_set td
, table#input_table tr.width_set th
{
	width: 120px;
}

table#input_table thead th {
	background-color: #def;
}

table#input_table tbody th {
	background-color: lavender;
}


/* 素材 */
table#material_table tr.width_set th {
	line-height: 1.1;
	width: 105px;
}

table#material_table th {
	background-color: #c8fac8;
}

table#material_table .option th {
	background-color: lavender;
}

table#material_table th select
, table#material_table th input
{
	background-color: #e1fae1;
	border: 1px solid gray;
}

table#material_table tbody.option td {
	padding: 3px;
	text-align: left;
}
table#material_table tbody.option td.right {
	text-align: right;
}

table#material_table .special_header {
	font-weight: normal;
}

td#total_feed_exp {
	text-align: left;
	padding-left: 6px;
}


/* 合成概要 */
table#outline_table {
	font-size: 10pt;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid black;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
}

table#outline_table td, table#outline_table th {
	border: 1px solid black;
	line-height: 1.0;
}

table#outline_table td {
	padding: 4px;
}

table#outline_table th {
	line-height: 1.2;
}

table#outline_table tr.width_set th {
	width: 85px;
}

table#outline_table tr.header th.comment {
	background-color: lightcyan;
}

table#outline_table tr.header th
, table#outline_table th.header
{
	background-color: lavender;
}

table#outline_table tr.material_header th
, table#outline_table th.material_header
{
	background-color: #c8fac8;
}

table#outline_table td.number.zero
, table#outline_table td.empty
{
	color: gray;
}

table#outline_table td.exceed.minus
{
	color: blue;
}


/* 合成過程 */
table#process_table {
	font-size: 10pt;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid black;
	margin: 5px auto;
}

table#process_table td, table#process_table th {
	border: 1px solid black;
}

table#process_table tr.width_set td {
	width: 85px;
}


table#process_table thead th {
	width: calc(87px * 13);
	padding-left: 5px;
	text-align: left;
	background-color: skyblue;
}

table#process_table .omit {
	padding-left: 5px;
	text-align: left;
	background-color: deepskyblue;
}


table#process_table .number {
	padding-left: 0.5em;
	text-align: left;
	background-color: plum;
}
table#process_table .number.extra {
	background-color: thistle;
	font-weight: normal;
}
table#process_table .succeed {
	background-color: silver;
}
table#process_table .great {
	background-color: gold;
}

table#process_table .header2 {
	background-color: lavender;
}
table#process_table .succeed.header2 {
	background-color: lightsteelblue;
}
table#process_table .great.header2 {
	background-color: lemonchiffon;
}

table#process_table .material {
	padding: 5px 2px;
	line-height: 1.2;
	height: 34px;
}
table#process_table .material.fit {
	background-color: palegreen;
}
table#process_table .material.different {
	background-color: #7ccc7c;
}
table#process_table .material.noelement {
	background-color: greenyellow;
}
table#process_table .material.empty {
	background-color: gainsboro;
}

table#process_table .overexp,
table#process_table .justexp
{
	color: red;
}

table#process_table button {
	font-size: 90%;
}


/* 説明書など */
h3 {
	margin-bottom: 0px;
}

h4 {
	margin-bottom: 0px;
}

p, dl {
	margin: 2px 0px 20px 20px;
}

ul {
	margin-top: 0px;
	margin-bottom: 20px;
}

dl ul {
	margin: 0.5em 0px;
	padding-left: 1.4em;
}

dd, li {
	margin-bottom: 0.5em;
}


.hint_text {
	cursor: default;
}

table.exp {
	margin: 1em;
}
table.exp td {
	padding: 2px 6px;
}