User:Ccsmith/common.css

.parent{ display:grid grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr 1fr; text-align:center; grid-template-areas: 'lds1 lds1 lds1 lds1' 'lds2 lds2 lds2 lds2' 'lds3 lds3 lds3 lds3' 'lds4 lds4 lds4 lds4' 'lds5 lds5 lds5 lds5' 'lds6 lds6 lds6 lds6' 'lds7 lds7 lds7 lds7' 'lds8 lds8 lds8 lds8'; }	font-size:15px; grid-area: 'lds1';
 * 1) lds1{

}	line-height:.8; font-size:17px; grid-area: 'lds2'; }	margin-bottom:10px; line-height:1.4; font-size:10px; grid-area: 'lds3'; }	font-size:12px; border:1px solid black; padding:7px; width:100%; text-align:center; grid-area: 'lds4'; }	background-color:red; grid-area: 'lds5 lds6' 'lds5 lds7'; }
 * 1) lds2{
 * 1) lds3{
 * 1) lds4{
 * 1) lds5{
 * 1) lds6{

background-color:blue; font-size:12px; }	background-color:yellow; font-size:12px; }	background-color:lightblue; grid-area: 'lds8 lds8 lds8 lds8' }
 * 1) lds7{
 * 1) lds8{

.submenu { display:none; position:absolute; width:200px; height:400px; top:100px; left:2%; border:1px solid black; box-shadow: 3px 3px 5px #888888; padding:10px; background-color:white; overflow: auto; z-index:3; } /*--states or province display none-*/ display:none; } /*countries display none*/ display:none; } .displayBox { position:absolute; height:400px; width:200px; top:100px; left:2%; border:1px solid black; box-shadow: 3px 3px 5px #888888; padding:3px; overflow: auto; background-color:white; z-index:2; } .displayBoxHeaders { text-align:center; font-size:1.1em; background-color:lightgray; } .displayCountryName { font-size:1.1em; } .exitIcon { color:red; } .exitIcon2 { color:red; }
 * 1) UnitedStatesStates, #canadaProvinces, #mexicoStates, {
 * 1) northAmericanCountries, #southAmericanCountries, #europeCountries,
 * 2) Australia_OceaniaCountries, #asiaCountries, #africaCountries, #allLocations {

.buttonsMainPage { padding:7px; border:1px solid black; border-radius:5px; box-shadow: 3px 3px 5px #888888; font-size:1.1em; background-color:yellow; } .buttonLocation { padding:7px; border:1px solid black; border-radius:5px; box-shadow: 3px 3px 5px #888888; font-size:1.1em; background-color:blue; color:white; }	position:absolute; top:50px; left:30%; }	position:absolute; top:150px; left:13%; }	position:absolute; top:300px; left:25%; }	position:absolute; top:100px; left:50%; }	position:absolute; top:300px; left:85%; }	position:absolute; top:270px; left:50%; }	position:absolute; top:130px; left:70%; }
 * 1) allLocationButton {
 * 1) northAmericaButton {
 * 1) southAmericaButton {
 * 1) europeButton {
 * 1) Australia_OceaniaButton {
 * 1) africaButton {
 * 1) asiaButton {