User:Ccsmith/common.css

.container{ display:flex; flex-direction:column; align-items:center; } .container2{ display:grid; grid-template-columns:1fr 1fr ; grid-template-rows:lfr 1fr ; grid-template-areas: 'lds7 lds8' 'lds7 lds9'; border:1px solid black; margin:5px; } .lds10{ border:1px solid black; margin:10px; width:100%; padding-top:40px; padding-bottom:20px; text-align:center; }

.lds7{ font-size:20px; background-color:lightblue; grid-area:lds7; } .lds8{ font-size:12px; background-color:red; grid-area:lds8; } .lds9{ font-size:17px; background-color:lightgreen; grid-area:lds9; } .lds5{ font-size:13px; }	font-size:30px; line-height:30px; }	font-size:12px; border:1px solid black; padding:5px; width:100%; text-align:center; }	font-size:15px; line-height:1.0; }	font-size:17px; }	font-size:10px; line-height:1.0; padding-bottom:10px; }
 * 1) lds6{
 * 1) lds4{
 * 1) lds1{
 * 1) lds2{
 * 1) lds3{

.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 {