Source Code for JavaScript Mapping Tools: main.css

Source code of a graphical tool for drawing and computing distances over Google maps.

Run Tool | index.html | main.css | formatters.js | geoCircle.js | geoCode.js | geo.js | index.js | mapControls.js | tableManager.js | util.js | wayPoint.js | wayPointsManager.js

/* Table format: */
#pointsTable { font-size: x-small; font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; border: none; }

#pointsTable thead tr { color: #000000; }
#pointsTable tbody tr { color: #000000; }

.ptshdr  { background-color:    #888888; }
.ptsroweven { background-color: #CCCCCC; }
.ptsrowodd { background-color:  #AAAAAA; }


.numcol  { width:  40px; } /* 2 of these =  40 */
.llcol   { width:  90px; } /* 2 of these = 180 */
.distcol { width:  50px; } /* 3 of these = 150 */

th { text-align: center; border-top-width: 1px; }

td { border-top-width: 1px; }

th, td { border-color: #000000; border-style: solid; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; }

td.numcol, td.distcol  { text-align: right; }
td.llcol   { text-align: center; }

/* Layout divs: */

#titleText { text-align: center; font-size: larger; font-family: Helvetica, Arial, sans-serif; }

#quickReference { text-align: left; font-size: smaller; font-family: New Century Schoolbook, Palatino, Times New Roman, Times, serif; }

#tools { font-size: smaller; font-family: Helvetica, Arial, sans-serif; }

#main { float: left; width: 84% }

#units { float: left; margin: 3px; } /*  margin for Firefox, IE looks fine without a margin. */

#geoCoder { float: right;  margin: 3px;} 

#pointsTableDiv { float: left; clear: both; }

#map { float: right; text-align: center; }

#adsDiv { text-align: center; float: right; width: 16% }