Jump to content

User:JamesA/common

From Wikivoyage



/* 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 */