/* 工具頁（/cgi/tools/templates/tools/）。外框沿用 site.css。
 * 面板、輸入框、按鈕照舊站 web_obj/css/main_style.css 的 .table_css、.text_input、.button、.style2；
 * 表格照 table_css_first_td.css、table_css_td.css、table_css_td_hover.css（舊站的 $table_style_enable）。
 * tools_ 開頭的是舊站寫在 style 屬性裡的樣式（CSP 不准 style 屬性），值照抄。 */

.table_css {
	margin: auto;
	padding: 0;
	box-shadow: 5px 5px 1px #000020;
	border: 1px solid #707070;
	border-radius: 13px;
}
.table_css table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
table {
	table-layout: auto;
	word-wrap: break-word;
	word-break: break-all;
}

.table_css2 {
	margin: 0;
	padding: 0;
	width: 100%;
	box-shadow: 5px 5px 1px #000020;
	border: 1px solid #707070;
	border-radius: 13px;
}
.table_css2 table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.table_css2 tr:last-child td:last-child {
	border-bottom-right-radius: 13px;
}
.table_css2 table tr:first-child td:first-child {
	border-top-left-radius: 13px;
}
.table_css2 table tr:first-child td:last-child {
	border-top-right-radius: 13px;
}
.table_css2 tr:last-child td:first-child {
	border-bottom-left-radius: 13px;
}
.table_css2 td {
	background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(17,17,17,0.5) 100%);
	border: 1px solid #707070;
	border-width: 0 1px 1px 0;
	text-align: left;
	padding: 6px;
	font-size: 14px;
	font-family: monospace;
	font-weight: normal;
	color: #ffffff;
}
.table_css2 tr:last-child td {
	border-width: 0 1px 0 0;
}
.table_css2 tr td:last-child {
	border-width: 0 0 1px 0;
}
.table_css2 tr:last-child td:last-child {
	border-width: 0;
}
.table_css2 tr:hover td {
	background: linear-gradient(to top, rgba(100,0,0,0.5) 0%, rgba(17,17,17,0.5) 100%);
}
.table_css2 tr:first-child td {
	border: 0 solid #707070;
	text-align: left;
	border-width: 0 0 1px 1px;
	font-size: 16px;
	font-family: monospace;
	font-weight: bold;
	color: #ffffff;
}
.table_css2 tr:first-child td:first-child {
	border-width: 0 0 1px 0;
	border-top-right-radius: 13px;
	border-top-left-radius: 13px;
}
.table_css2 tr:first-child td:last-child {
	border-width: 0 0 1px 1px;
}

.button {
	width: 70px;
	height: 25px;
	padding: 3px 9px;
	background: rgba(255,255,255,0.2);
	border: none;
	color: rgba(255,255,255,0.8);
	box-shadow: 1px 1px 1px #4C6E91;
	text-shadow: 1px 1px 1px #5079A3;
}
.button:hover {
	background: rgba(50,33,160,0.5);
}
.text_input {
	color: rgba(255,255,255,0.7);
	width: 95%;
	border: 1px solid #C5E2FF;
	background: rgba(255,255,255,0);
	outline: 0;
	box-shadow: inset 0 1px 6px #ECF3F5;
	font: 200 12px/25px monospace;
	height: 30px;
	line-height: 15px;
	margin: 2px 6px 16px 6px;
}
.style2 {
	width: 100%;
	height: 50px;
	color: #00FF00;
	background-color: rgba(0,0,0,0.3);
	font-family: monospace;
	font-size: 15pt;
	margin: 5px 5px 0 0;
}
/* 舊站每個 <option> 都寫 style="background: rgba(0,0,0,1);" */
.text_input option,
.style2 option {
	background: rgba(0,0,0,1);
}

/* ===== 舊站的 style 屬性 ===== */
.tools_middle {
	vertical-align: middle;
}
.tools_center {
	text-align: center;
}
.tools_file_input {
	width: 200px;
	margin-right: 20px;
	vertical-align: middle;
}
.tools_gap_top {
	margin-top: 20px;
}
.tools_button_60 {
	width: 60px;
}
.tools_select_80 {
	width: 80px;
	margin-right: 20px;
	vertical-align: middle;
}
.tools_select_120 {
	width: 120px;
	margin-right: 20px;
	vertical-align: middle;
}
.tools_output {
	resize: none;
	height: 500px;
	margin-bottom: 50px;
}
.tools_big_textarea {
	width: 95%;
	resize: none;
	height: 500px;
	font-size: 10pt;
}
.tools_half_button {
	width: 40%;
}
/* 我的資訊：IP 用大的綠字，像沒有框的文字 */
.tools_my_ip {
	vertical-align: text-top;
	width: 230px;
	text-shadow: 1px 1px 1px #3100E0;
	color: #00FF00;
	font-size: 18pt;
	background-color: rgba(0,0,0,0);
	border: none;
}
/* 舊站寫在 style 屬性裡（一定贏）；這裡要贏過外層 .table_css 的 .table_css table { width: 100% }，選擇器要比它具體 */
.table_css table.tools_table,
.tools_table {
	width: 95%;
	margin: auto;
	margin-bottom: 20px;
}
.tools_key_column {
	width: 80px;
}
.tools_fixed_table {
	table-layout: fixed;
}
.tools_column_80 {
	width: 80px;
}
.tools_column_120 {
	width: 120px;
}
.tools_column_130 {
	width: 130px;
}
.tools_half_column {
	width: 50%;
}
.tools_length_number {
	width: 40px;
	background: none;
	color: lime;
}
.tools_version_number {
	width: 100px;
	background: none;
	color: lime;
}
.tools_charsets {
	width: 100%;
	font-size: 16pt;
	text-align: left;
}
.tools_checkbox {
	width: 30px;
	margin: 0;
	vertical-align: middle;
}
.tools_symbols_input {
	width: 250px;
}
.tools_password_output {
	resize: vertical;
	height: 80px;
	font-size: 18pt;
}
.tools_scroll_x {
	overflow-x: auto;
}
.tools_pgp_table {
	min-width: 600px;
}
.tools_key_textarea {
	width: 98%;
	resize: vertical;
	height: 100px;
	font-size: 10pt;
}
.tools_summary_textarea {
	width: 98%;
	resize: vertical;
	height: 150px;
	font-size: 10pt;
}
.tools_message_textarea {
	width: 98%;
	resize: vertical;
	height: 100%;
	font-size: 10pt;
}
.tools_full_input {
	width: 98%;
}

/* 伺服器運算的工具（code、code_、dns_lookup、web_inf）的表單 */
.tools_form {
	text-align: left;
	margin: 20px;
}
.tools_form_line {
	padding-left: 0;
}
.tools_data_textarea {
	resize: none;
	height: 100px;
}
.tools_separator_textarea {
	resize: none;
	height: 50px;
}
.tools_gap_right {
	margin-right: 20px;
}
.tools_captcha_input {
	width: 50px;
}
.tools_captcha_refresh {
	background: none;
	border: 0;
	vertical-align: middle;
}
.tools_select_kind {
	margin-right: 20px;
	width: 120px;
}
.tools_select_base {
	margin-right: 10px;
	width: 80px;
}
.tools_select_width {
	margin-right: 10px;
	width: 70px;
}
.tools_column_50 {
	width: 50px;
}
.tools_column_70 {
	width: 70px;
}
.tools_select_80_plain {
	width: 80px;
}
.tools_column_100 {
	width: 100px;
}
/* DNS 查詢、分析網頁資訊的結果：舊站黑底的框，等寬字，長字串折行 */
.tools_terminal {
	width: 100%;
	background-color: rgba(0,0,0,0.95);
	margin: auto;
	font-family: monospace;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
}
.tools_terminal_inner {
	padding: 20px;
}
.tools_terminal_text {
	color: #93FF8F;
}
.tools_terminal_body {
	color: #FAFEBE;
}
.tools_line_number {
	color: #FF0000;
}
/* 我的資訊：Cookie 的值預設是 ***，點了才顯示（/cgi/tools/templates/tools/my_inf.html）。看起來像連結。 */
.tools_reveal_button {
	padding: 0;
	border: none;
	background: none;
	color: #8FE4FF;
	font: inherit;
	cursor: pointer;
	text-decoration: underline dotted;
}
.tools_reveal_button:hover {
	color: #FFFFFF;
}