User:Ccsmith/common.css

.parent2 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; }

.item:nth-child(1) { grid-row: span 2; } .parent { display:grid; grid-template-columns:1fr 1fr; }

.container { border:1px solid black; margin:20px; } .lds6 { text-align:center; font-size:30px; line-height:1.7; } .lds5 { text-align:center; } .lds4 { text-align:center; border:1px solid black; padding:8px; margin:10px; } .lds1 { font-size:15px; text-align:center; line-height:0.9; } .lds2 { font-size:17px; text-align:center; } .lds3 { font-size:10px; text-align:center; line-height:0.9; } .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 {