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: 'lds101 lds101 lds101 lds101' 'lds102 lds102 lds102 lds102' 'lds103 lds103 lds103 lds103';

}
 * 1) lds101{

font-size:15px; background-color:red; grid-area: 'lds101';

}	font-size:17px; background-color:yellow; grid-area: 'lds102'; }
 * 1) lds102{
 * 1) lds103{

font-size:10px; background-color:lightblue; grid-area: 'lds103'; }

.container{ display:flex; flex-direction:column; align-items:center; width:100%; } .container2{ display:grid; grid-template-columns:1fr 1fr ; grid-template-rows:lfr 1fr ; grid-template-areas: 'lds7 lds8' 'lds7 lds9'; width:100%; gap:15px;

} .container3{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows:lfr 1fr 1fr 1fr; width:100%; grid-gap:15px; grid-template-areas: 'lds11 lds12 lds13 lds14' 'lds15 lds16 lds17 1ds18' 'lds19 lds20 lds21 lds22' 'lds23 lds24 lds25 lds26' 'lds27 lds28 lds29 lds30' 'lds31 lds32 lds33 lds34' 'lds35 lds36 lds37 lds38'; margin-top:15px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:10; color:lightblue; }	font-size:10; color:lightblue; }	font-size:10; color:lightblue; }	font-size:10; color:lightblue; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }	font-size:18px; }
 * 1) lds15{
 * 1) lds16{
 * 1) lds17{
 * 1) lds18{
 * 1) lds19{
 * 1) lds20{
 * 1) lds21{
 * 1) lds22{
 * 1) lds23{
 * 1) lds24{
 * 1) lds25{
 * 1) lds26{
 * 1) lds27{
 * 1) lds28{
 * 1) lds29{
 * 1) lds30{
 * 1) lds31{
 * 1) lds32{
 * 1) lds33{
 * 1) lds34{
 * 1) lds35{
 * 1) lds36{
 * 1) lds37{
 * 1) lds38{

font-size:20px;
 * 1) lds11{

}	font-size:20px; }	font-size:20px; }	font-size:20px; } .lds10{ border:1px solid black; margin:10px; width:100%; padding-top:40px; padding-bottom:20px; text-align:center; }
 * 1) lds12{
 * 1) lds13{
 * 1) lds14{

grid-area:lds7; font-size:10px; width:500px; height:500px; background-color:red; }	grid-area:lds8; font-size:10px; background-color:green; }	grid-area:lds9; font-size:10px; background-color:yellow; } .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) lds7{
 * 1) lds8{
 * 1) lds9{
 * 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 {