/*
 * CQPweb: a user-friendly interface to the IMS Corpus Query Processor
 * Copyright (C) 2008-today Andrew Hardie and contributors
 *
 * See http://cwb.sourceforge.net/cqpweb.php
 *
 * This file is part of CQPweb.
 * 
 * CQPweb is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * CQPweb is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/**
 * @file
 * Extra CSS code for the user-corpus-installer system.
 */

div.installerContainer {
	display: inline-block;
	width: 90%;
	justify-items: center;
}

div.installerGrid {
	padding: 1rem;
	display: grid;
	grid-template-columns: repeat(auto-fill, 26rem);
	align-items: center;
	justify-items: center;
	justify-content: center;
	grid-gap: 1.25rem;
}

div.installerBox {
	display: block;
	width: 90%;
	background-color: #efefef;
	border-radius: 1.5rem;
	border: 0.125rem solid white;
	padding: 1rem;
	vertical-align: middle;
}

div.installerBox span.label {
	display: block;
	text-align: center;
	font-size: 1rem;
	font-weight: bold; 
}

div.installerBox span.maxtok {
	display: block;
	text-align: left;
}


div.installerBox a {
	/* all links in  clickable */
	cursor: pointer; 
}
div.installerBox a.select {
	display: inline-block;
	text-align: center;
	width: 50%;
	height: 2rem;
	padding-top: 0.6rem;
}
div.installerBox a.selectChosen {
	background-color: lavender;
}
div.installerBox a.select:hover,  a.selectChosen:hover {
	background-color: lemonchiffon;
}

div.installerBox a.details {
	display: inline-block;
	text-align: center;
	width: 50%;
	height: 2rem;
	padding-top: 0.6rem;
}

div.installerBox a.details:hover {
	background-color: lemonchiffon;
}