123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190 |
- body {
- font-size: 18px;
- }
- label {
- display: block;
- margin: 4px auto;
- text-align: center;
- }
- h1 {
- text-align: center;
- font-size: 120%;
- }
- h2 {
- font-size: 110%;
- color: blue;
- padding: 0 8px;
- margin: 8px auto;
- }
- .field-label {
- color: blue;
- text-align: center;
- padding: 0 8px;
- margin: 8px auto;
- font-size: 120%;
- }
- .width-50-percent {
- float: left;
- width: 50%;
- }
- .clearer {
- display: block;
- clear: both;
- }
- /* result items */
- .result-item {
- border-bottom: 1px solid gray;
- margin: 4px;
- padding: 4px;
- padding-right: 28px;
- background-position: right top;
- background-repeat: no-repeat;
- }
- .result-item-thumb {
- width: 48px;
- height: 48px;
- overflow: hidden;
- float: left;
- margin: 0 4px 0 0;
- border: 1px solid gray;
- }
- .result-item img {
- }
- .result-item-title {
- font-size: 80%;
- color: gray;
- float:left;
- }
- .result-item-date {
- font-size: 80%;
- color: green;
- text-align: right;
- }
- .result-item-twitter {
- background-image: url("../images/service_twitter.png");
- }
- .result-item-news {
- background-image: url("../images/service_news.png");
- }
- .result-item-picasa {
- background-image: url("../images/service_picasa.png");
- }
- .result-item-wikipedia {
- background-image: url("../images/service_wikipedia.png");
- }
- /* item details */
- .item-detail-photo {
- margin: 2px;
- display: block;
- border: 1px solid #eeeeee;
- padding: 2px;
- float: left;
- }
- .item-detail-author-thumb {
- margin: 0 5px 5px 5px;
- float: left;
- padding: 4px;
- border: 1px solid #eeeeee;
- background: #f8f8f8;
- }
- .item-detail-subtitle {
- font-size: 80%;
- color: gray;
- margin: 4px 8px;
- }
- .item-detail-text {
- font-size: 80%;
- margin: 8px 8px;
- padding: 10px;
- line-height: 150%;
- }
- /* home */
- #intro-label {
- font-size: 80%;
- margin: 8px 8px;
- padding: 10px;
- line-height: 150%;
- }
- #intro-label span {
- color: red;
- }
- #lightbox-geocode-container {
- padding: 8px;
- }
- /* weather */
- #weather {
- padding: 8px 0;
- /* border-bottom: 3px dotted gray;*/
- margin: 0 0 8px 0;
- }
- #weather p {
- text-align: center;
- margin: 0 0 4px 0;
- }
- .weather-day {
- font-size: 14px;
- text-align: center;
- display: block;
- }
- /* weather detail */
- .weather-subitem {
- border-bottom: 3px dotted gray;
- margin: 4px;
- padding: 4px;
- padding-right: 28px;
- background-position: right top;
- background-repeat: no-repeat;
- }
- .weather-subitem-icon {
- float: left;
- margin: 0 4px 0 0;
- width: 56px;
- height: 56px;
- background: url("../images/weather-icon-day-bg.png") no-repeat;
- }
- .weather-subitem-icon img {
- margin: 9px;
- }
- .weather-subitem-time {
- font-size: 38px;
- color: gray;
- line-height: 56px;
- }
- /* form fields */
- .rounded_textfield
- {
- margin-top: 6px;
- height: 55px;
- background: url("../images/textfield_left.png") top left repeat-y;
- }
- .rounded_textfield_right
- {
- height: 100%;
- margin-left: 30px;
- padding-right: 30px;
- background: url("../images/textfield_right.png") top right repeat-y;
- }
- .rounded_textfield input
- {
- background: none;
- margin: 3px;
- height: 49px;
- width: 100%;
- line-height: 49px;
- font-size: 40px;
- border:0px;
- }
|