00001 .weather_site {
00002 margin: 10px;
00003 border: 1px solid;
00004 }
00005
00006 .weather_site h2 {
00007 font-weight: normal;
00008 margin: 0px;
00009 padding: 0px 0px 10px 0px;
00010 }
00011
00012
00013 .weather_site .host {
00014 float: right;
00015 font-style: italic;
00016 font-weight: bold;
00017 margin: 10px;
00018 }
00019
00020 .weather_site .location {
00021 font-size: 12pt;
00022 padding-left: .5em;
00023 padding-top: 0;
00024 }
00025
00026 .weather_site .current_conditions {
00027 margin: 10px 20px;
00028 border: 1px solid gray;
00029 padding: 10px;
00030 }
00031
00032 .weather_site .current_conditions .overview {
00033 float: left;
00034 width: 15em;
00035 margin: 0px 1em;
00036 padding: 5px;
00037
00038 text-align: center;
00039 }
00040 .weather_site .current_conditions .overview h3 {
00041 font-weight: normal;
00042 font-size: 12pt;
00043 margin: 0px;
00044 padding: 0px;
00045 }
00046 .weather_site .current_conditions .overview p.temp {
00047 font-size: 24pt;
00048 margin: 0px;
00049 padding: 0px;
00050 }
00051 .weather_site .current_conditions .overview p.temp sup {
00052 font-size: 10pt;
00053 }
00054
00055 .weather_site .current_conditions table {
00056 line-height: 1.6em;
00057 }
00058 .weather_site .current_conditions table th {
00059 font-weight: normal;
00060 text-align: left;
00061 width: 8em;
00062 }
00063 .weather_site .current_conditions table td {
00064 }
00065 .weather_site .current_conditions table td.temp {
00066 }
00067 .weather_site .current_conditions table td.temp sup {
00068 font-size: 7pt;
00069 position: relative;
00070 top: 3px;
00071 }
00072
00073 .weather_site .forecast {
00074 margin: 10px 20px;
00075 border: 1px solid gray;
00076 padding: 10px;
00077 }
00078 .weather_site .forecast .daily_forecast {
00079 float: left;
00080 width: 15em;
00081 margin: 0px 0px 10px 10px;
00082 padding: 5px;
00083 border: 1px solid gray;
00084 text-align: center;
00085 }
00086 .weather_site .forecast .daily_forecast h3 {
00087 margin: 0px;
00088 padding: 0px;
00089 font-weight: normal;
00090 font-size: 12pt;
00091 }
00092 .weather_site .forecast .daily_forecast .temps {
00093 width: 80%;
00094 margin: 3px auto 0px auto;
00095 }
00096 .weather_site .forecast .daily_forecast .temps div {
00097 float: left;
00098 width: 50%;
00099 text-align: center;
00100 }
00101 .weather_site .forecast .daily_forecast .temps p {
00102 margin: 0px;
00103 padding: 0px;
00104 }
00105 .weather_site .forecast .daily_forecast .temps p.temp {
00106 margin: 0px 2em;
00107 font-size: 18pt;
00108 margin: 0px;
00109 padding: 0px;
00110 }
00111 .weather_site .forecast .daily_forecast .temps p.temp sup {
00112 font-size: 9pt;
00113 }
00114
00115 .weather_site .radar {
00116 margin: 10px 20px;
00117 border: 1px solid gray;
00118 padding: 10px;
00119 }
00120
00121 .weather_site .last_updated {
00122 text-align: right;
00123 margin: 10px;
00124 }