User:JamesA/common
Appearance
/* Coding for new Main Page */ .articleState { width: 60%; background: #fff; margin: 0 auto; border: solid 2px lightblue; text-align: center; } .routeBox { font-size: small; border-style: none; border-spacing: 0 0; border-collapse: collapse; margin: 0 auto; } .routeBox td { padding: 1px 2px; } #geoCoord table, #geoCoordOld table { border-collapse: collapse; background: transparent; } #geoCoord td, #geoCoordOld td { font-size: 0.9em; line-height: 100%; vertical-align: middle; padding: 0 0 0 10px; text-align: right; border-left: 1px solid #88a; } #geoCoord td.icon, #geoCoordOld td.icon { border-left: none; height: 27px; width: 35px; padding: 0 10px 0 0; } @media only screen and (min-device-width : 1920px) { #world img { width: 1673px; height: auto; } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 1673px; height: auto; } #OTBP img { width: 1673px; height: auto; } #FTT img { width: 1673px; height: auto; } } @media only screen and (min-device-width : 1680px) and (max-device-width : 1919px) { #world img { display: none } #world2 img { width: 1433px; height: auto; } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 1433px; height: auto; } #OTBP img { width: 1433px; height: auto; } #FTT img { width: 1433px; height: auto; } } @media only screen and (min-device-width : 1600px) and (max-device-width : 1679px) { #world img { display: none } #world2 img { display: none } #world3 img { width: 1353px; height: auto; } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 1353px; height: auto; } #OTBP img { width: 1353px; height: auto; } #FTT img { width: 1353px; height: auto; } } @media only screen and (min-device-width : 1440px) and (max-device-width : 1599px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { width: 1193px; height: auto; } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 1193px; height: auto; } #OTBP img { width: 1193px; height: auto; } #FTT img { width: 1193px; height: auto; } } @media only screen and (min-device-width : 1366px) and (max-device-width : 1439px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { width: 1125px; height: auto; } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 1125px; height: auto; } #OTBP img { width: 1125px; height: auto; } #FTT img { width: 1125px; height: auto; } } @media only screen and (min-device-width : 1280px) and (max-device-width : 1365px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { width: 1033px; height: auto; } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 1033px; height: auto; } #OTBP img { width: 1033px; height: auto; } #FTT img { width: 1033px; height: auto; } } @media only screen and (min-device-width : 1152px) and (max-device-width : 1279px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { width: 905px; height: auto; } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 905px; height: auto; } #OTBP img { width: 905px; height: auto; } #FTT img { width: 905px; height: auto; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1151px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { width: 777px; height: auto; } #world9 img { display: none } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 777px; height: auto; } #OTBP img { width: 777px; height: auto; } #FTT img { width: 777px; height: auto; } } @media only screen and (min-device-width : 800px) and (max-device-width : 1023px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { width: 585px; height: auto; } #world10 img { display: none } #world11 img { display: none } #DOTM img { width: 585px; height: auto; } #OTBP img { width: 585px; height: auto; } #FTT img { width: 585px; height: auto; } } @media only screen and (min-device-width : 768px) and (max-device-width : 799px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { width: 553px; height: auto; } #world11 img { display: none } #DOTM img { width: 553px; height: auto; } #OTBP img { width: 553px; height: auto; } #FTT img { width: 553px; height: auto; } } @media only screen and (max-device-width : 767px) { #world img { display: none } #world2 img { display: none } #world3 img { display: none } #world4 img { display: none } #world5 img { display: none } #world6 img { display: none } #world7 img { display: none } #world8 img { display: none } #world9 img { display: none } #world10 img { display: none } #world11 img { width: 431px; height: auto; } #DOTM img { width: 431px; height: auto; } #OTBP img { width: 431px; height: auto; } #FTT img { width: 431px; height: auto; } } <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> DoM { background: transparent; padding: 0; } /* Coding for new Main Page END */