style.css

body,html{min-width:1210px;}
body{
	font-family:'Lato',sans-serif;
	line-height:1.1em;
	background:url('i/bg_mons.png') no-repeat center 252px,url('i/bg_road.png') repeat-x top center;
	background-color:#7dad71;
	user-select:none;
}

/**MAIN AREAS**/
main,#calcInput{width:800px !important;}
main,footer,#typeEffectHelp{
	margin-left:25px;
	border:1px solid #00B0F0;
	padding:12px;
	border-radius:12px;
	background:rgba(238,255,255,0.75);
	font-size:14px;
}
footer,#typeEffectHelp{width:300px;}
#calcInput table {
	border:1px solid #00B0F0;
	padding:2px;
	border-radius:8px;
}

/**TOP TWO TABLES**/
#calcInput table.pokemon {
	width:300px;
	float:left;
	margin:0px 50px 15px 50px;
}
#calcInput table.pokemon tr:last-of-type td{padding-bottom:10px;}
#calcInput table.pokemon tr>td:last-of-type{width:128px;}
#calcInput table.bonus-effects{width:100%;}
input[type="number"],input#attacker-name,input#defender-name{width:100px;}
input[type="number"],input[type="text"]{
	border:1px inset #00B0F0;
	background:#DDF0FF;
	color:#0080B0;
}
#attacker-icon,#defender-icon{
	float:right;
	margin:-10px 12px -10px 0px;"
}

/** IO AREAS **/
input,textarea{user-select:unset !important;}
textarea{
	border-radius:8px;
	box-sizing:border-box;
	color:#121212;
	min-width:796px;
	max-width:796px;
	margin-top:15px;
	padding:4px;
	overflow:hidden;
}
textarea#outputarea{
	min-height:56px;
	max-height:102px;
}
textarea.kill{
	border:1px outset #00D080;
	background:#DDF0FF;
}
textarea.range{
	border:1px outset #D08000;
	background:#FFF0DD;
}
textarea.lives{
	border:1px outset #D08080;
	background:#F0EEEE;
}
#calc-collection textarea{
	border:1px outset #00B0F0;
	background:#DDF0FF;
}

/** GENERIC **/
th{
	font-size:16px;
	font-weight:700;
	text-align:center;
	padding:10px 0px;
}
td{
	height:24px;min-height:24px;max-height:24px;
	vertical-align:middle;
	text-align:left;
}
aside {
	position:absolute;
	top:75px;
	left:850px;
	width:320px;
}
aside hr{border-top:1px solid #00B0F0;}
.smol{font-size:12px;}
a{color:#060 !important;text-decoration:none;}
a:hover{text-decoration:underline;}
input[type="button"],button,input[type="submit"]{
	border:1px outset #00B0F0;
	border-radius:8px;
	background:#DDF0FF;
	color:#0080B0;
}
input+input[type="submit"]{
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
}
input[type="button"]:active,input[type="radio"]:not(:checked)+label:active,button:active,input[type="submit"]:active {
	border:1px outset #005080;
	background:#EFF;
	color:#003080;
}
h1{
	text-align:center;
	font-weight:700;
	width:1200px;
}
h3{margin:0.4em 3px;}
.clear {clear:both;}


/**CALC RADIOS**/
main input[type="radio"]{display:none;}
main input[type="radio"]+label{
	display:block;
	float:left;
	font-family:'Lato',sans-serif;
	margin:0.5em 0px;
	padding:5px;
	color:#0080B0;
	border:1px outset #00B0F0;
	background:#EFF;
	text-align:center;
    box-sizing: border-box;
}
main input[type="radio"]:not(:checked)+label{opacity:0.33;}
main input[type="radio"]:not(:checked)+label:hover{opacity:0.75;}
main input[type="radio"]:checked+label{opacity:1;}
p label:first-of-type,td label:first-of-type {
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
p label:last-of-type,td label:last-of-type {
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}
img[alt="R"],img[alt="V"]{transform:translateY(12px);}
img[alt="K"],img[alt="B"]{transform:translateY(-12px);}

/**ADVANCEDMODE**/
form.advanced-enabled table.pokemon tr.advanced-only,form:not(.advanced-enabled) table.pokemon tr.basic-only {display:table-row;}
form:not(.advanced-enabled) table.pokemon tr.advanced-only, form.advanced-enabled table.pokemon tr.basic-only {display:none;}

/**TYPEEFFECTIVENESS**/
#MoveTypeText{position:relative;bottom:10px;left:10px;}
#typePicker{
	position:absolute;
	width:210px;
	border:1px solid #00B0F0;
	padding:8px;
	border-radius:10px;
	background:rgba(238,255,255,1);
	font-size:12px;
}
#typePicker img {width:32px;height:16px;}

/**SEARCH**/
div.pokeSearch{
	width:300px;
	max-height:420px;
	overflow-x:hidden;
	overflow-y:auto;
	color:#0080B0;
	border:1px outset #00B0F0;
	background:#DDF0FF;
}
div.pokeSearch>table {border-collapse: collapse;}
div.pokeSearch>table tr>td:nth-child(1) {width:36px;}
div.pokeSearch>table tr>td:nth-child(2) {width:45px;}
div.pokeSearch>table tr>td:nth-child(3) {width:128px;}
div.pokeSearch>table tr>td:nth-child(4) {width:37px;}
div.pokeSearch>table tr>td:nth-child(5) {width:37px;}
div.pokeSearch table img {
	height:32px;
	width:32px;
}
div.pokeSearch table img.poketype {
	height:16px;
	width:auto;
}
div.pokeSearch table tr:hover {
	background:rgba(0,80,200,.33);
	color:#006090;
}
div.pokeSearch-empty-result {
	padding:0 12px 12px 12px;
}
div.pokeSearch-empty-result>img {
	margin:0 8px -8px 0;
}