@charset "utf-8"; #dialog_no_support_error .dialog_title:before { content:"Error Message"; } #dialog_no_support_error .dialog_body:before { content:"This Browser is not support.\AHIMAWARI-8 Real-time Web works with the following operating systems and browsers.\A\A OS:Android 4.4 or later, iOS 8.1 or later, Windows 7/8/10, MacOSX 10.10 or later\A Browser: Google chrome, Firefox, Safari, Edge (updated version) / Internet Explorer 10 or 11"; white-space:pre-wrap; } body header .title:before { content:"Himawari Real-time"; } body header .subtitle { padding-left:12em; } body[data_id="D531107" ] header .subtitle .caption > span:nth-child(1):before { content:"Japan Area"; } body[data_id="D531106" ] header .subtitle .caption > span:nth-child(1):before { content:"Asia-Oceania Area"; } body[data_id="FULL_24h"] header .subtitle .caption > span:nth-child(1):before { content:"Asia-Oceania 24h"; } body[data_id="movie" ] header .subtitle .caption > span:nth-child(1):before { content:"Animation"; } body[data_id="about" ] header .subtitle .caption > span:nth-child(1):before { content:"About using images"; } body[data_id="help" ] header .subtitle .caption > span:nth-child(1):before { content:"Help"; } body[data_id="FULL_24h"] header .subtitle .caption > span:nth-child(2):before { content:"BAND"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B01"] .caption > span:nth-child(2):after { content:"BLUE"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B02"] .caption > span:nth-child(2):after { content:"GREEN"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B03"] .caption > span:nth-child(2):after { content:"RED"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B04"] .caption > span:nth-child(2):after { content:"Near-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B05"] .caption > span:nth-child(2):after { content:"Near-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B06"] .caption > span:nth-child(2):after { content:"Near-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B07"] .caption > span:nth-child(2):after { content:"Short-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B08"] .caption > span:nth-child(2):after { content:"Mid-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B09"] .caption > span:nth-child(2):after { content:"Mid-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B10"] .caption > span:nth-child(2):after { content:"Mid-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B11"] .caption > span:nth-child(2):after { content:"Far-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B12"] .caption > span:nth-child(2):after { content:"Far-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B13"] .caption > span:nth-child(2):after { content:"Far-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B14"] .caption > span:nth-child(2):after { content:"Far-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B15"] .caption > span:nth-child(2):after { content:"Far-IR"; } body[data_id="FULL_24h"] header .subtitle[sub_id="B16"] .caption > span:nth-child(2):after { content:"Far-IR"; } body header .date > .popupmsg { width:190px; height:40px; left:12px; top:60px; } body[data_id="movie" ] header .date > .popupmsg { left:-20px; } body header .date > .popupmsg:before { content:"Time and calendar shows up and jump to any time."; } body header .date > .time_zone[type="JST"]:before { content:"[JST]"; } body header .reload_button.auto_update:before { content:"AUTO UPDATE"; font-size:12px; position:absolute; top:-8px; left:-18px; color:#fc3; } body header .reload_button > .popupmsg { width:200px; height:60px; left :-85px; top:55px; } body header .reload_button > .popupmsg:before { content:"Updated to the latest. Automatic update will start at the age of the latest time."; } #menu_area .title .caption:before { content:"Himawari Real-time"; } #menu_area #menu_list li[data_id="D531107" ]:before { content:"Japan Area"; } #menu_area #menu_list li[data_id="D531106" ]:before { content:"Asia-Oceania Area"; } #menu_area #menu_list li[data_id="FULL_24h"]:before { content:"Asia-Oceania 24h"; } #menu_area #menu_list li[data_id="movie" ]:before { content:"Animation"; } #menu_area #menu_list li[data_id="download"]:before { content:"Download"; } #menu_area #menu_list li[data_id="about" ]:before { content:"About using images"; } #menu_area #menu_list li[data_id="help" ]:before { content:"Help"; } #menu_area .ver .app_last_version:before { content:"Ver."; } #menu_area .ver .app_last_date:before { content:"Last Modified "; } #menu_area .note > span:nth-of-type(1):before { content:"NICT advances "; } #menu_area .note > span:nth-of-type(3):before { content:" which fosters trusted data services for global science."; } #submenu_area li.view_url_button:after { content:"Show URL"; } #submenu_area li.autorun_button:after { content:"Auto Play Settings"; } #submenu_area li.display_demo_button a:before { content:"Display Mode"; } #submenu_area li.language_button:after { content:"Language"; } #submenu_area li.time_zone_button:after { content:"Time Zone"; } #submenu_area li.event_button:after { content:"Infomation"; } #submenu_area li.event_history_button a:before { content:"Let's see the data"; } #submenu_area li.coastline_button:after { content:"Coastlines"; } #submenu_area li.center_button:after { content:"Resize"; } #submenu_area li.movie_button:after { content:"Animation"; } #submenu_area li.target_area_button:after { content:"Target Area (OFF)"; } #submenu_area li.target_area_button.visible:after { content:"Target Area (ON)"; } #button_area > #dl_button > .popupmsg { width:110px; height:20px; right:55px; top:10px; } #button_area > #capture_button > .popupmsg { width:140px; height:20px; right:55px; top:10px; } #button_area > #coastline_button > .popupmsg { width:110px; height:20px; right:55px; top:10px; } #button_area > #gps_button > .popupmsg { width:200px; height:40px; right:55px; top: 0px; } #button_area > #center_button > .popupmsg { width:200px; height:20px; right:55px; top:10px; } #button_area > #movie_button > .popupmsg { width:170px; height:20px; right:55px; top:10px; } #button_area > #target_area_button > .popupmsg { width:110px; height:20px; right:55px; top:10px; } #button_area > #dl_button > .popupmsg:before { content:"Download Plot."; } #button_area > #capture_button > .popupmsg:before { content:"Save screen capture."; } #button_area > #coastline_button > .popupmsg:before { content:"Plot shorelines."; } #button_area > #gps_button > .popupmsg:before { content:"Detect your location and switch time to your local time."; } #button_area > #center_button > .popupmsg:before { content:"Reset the position of graphics."; } #button_area > #movie_button > .popupmsg:before { content:"Play the latest animation."; } #button_area > #target_area_button > .popupmsg:before { content:"Plot target area."; } body.autorun.running #autorun_panel > #autorun_frame.running_mode:before { content:"Replaying"; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_caption:before { content:"Auto Play Settings"; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_repeat_button:before { content:"Loop"; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_capture_button:before { content:"REC"; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_viewurl_button:before { content:"Show URL"; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_button:before { content:"Set Start Time"; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_button:before { content:"Set End Time" ; } body.autorun #autorun_panel[step_level="1"] > #autorun_frame > #autorun_direction > #autorun_step:before { content:"2.5min"; } body.autorun #autorun_panel[step_level="2"] > #autorun_frame > #autorun_direction > #autorun_step:before { content:"10min"; } body.autorun #autorun_panel[step_level="3"] > #autorun_frame > #autorun_direction > #autorun_step:before { content:"30min"; } body.autorun #autorun_panel[step_level="4"] > #autorun_frame > #autorun_direction > #autorun_step:before { content:"1hour"; } body.autorun #autorun_panel[step_level="5"] > #autorun_frame > #autorun_direction > #autorun_step:before { content:"3hour"; } body.autorun #autorun_panel[step_level="6"] > #autorun_frame > #autorun_direction > #autorun_step:before { content:"24hour"; } body.autorun #autorun_panel[step_level="1"] > #autorun_backward > *:before { content:"2.5min"; } body.autorun #autorun_panel[step_level="2"] > #autorun_backward > *:before { content:"10min"; } body.autorun #autorun_panel[step_level="3"] > #autorun_backward > *:before { content:"30min"; } body.autorun #autorun_panel[step_level="4"] > #autorun_backward > *:before { content:"1hour"; } body.autorun #autorun_panel[step_level="5"] > #autorun_backward > *:before { content:"3hour"; } body.autorun #autorun_panel[step_level="6"] > #autorun_backward > *:before { content:"24hour"; } body.autorun #autorun_panel[step_level="1"] > #autorun_foward > *:before { content:"2.5min"; } body.autorun #autorun_panel[step_level="2"] > #autorun_foward > *:before { content:"10min"; } body.autorun #autorun_panel[step_level="3"] > #autorun_foward > *:before { content:"30min"; } body.autorun #autorun_panel[step_level="4"] > #autorun_foward > *:before { content:"1hour"; } body.autorun #autorun_panel[step_level="5"] > #autorun_foward > *:before { content:"3hour"; } body.autorun #autorun_panel[step_level="6"] > #autorun_foward > *:before { content:"24hour"; } #sub_image_list .list .item:before { content:"BAND"; } #sub_image_list .list .item[sub_image="B01"]:after { content:" BLUE"; } #sub_image_list .list .item[sub_image="B02"]:after { content:" GREEN"; } #sub_image_list .list .item[sub_image="B03"]:after { content:" RED"; } #sub_image_list .list .item[sub_image="B04"]:after { content:" Near-IR"; } #sub_image_list .list .item[sub_image="B05"]:after { content:" Near-IR"; } #sub_image_list .list .item[sub_image="B06"]:after { content:" Near-IR"; } #sub_image_list .list .item[sub_image="B07"]:after { content:" Short-IR"; } #sub_image_list .list .item[sub_image="B08"]:after { content:" Mid-IR"; } #sub_image_list .list .item[sub_image="B09"]:after { content:" Mid-IR"; } #sub_image_list .list .item[sub_image="B10"]:after { content:" Mid-IR"; } #sub_image_list .list .item[sub_image="B11"]:after { content:" Far-IR"; } #sub_image_list .list .item[sub_image="B12"]:after { content:" Far-IR"; } #sub_image_list .list .item[sub_image="B13"]:after { content:" Far-IR"; } #sub_image_list .list .item[sub_image="B14"]:after { content:" Far-IR"; } #sub_image_list .list .item[sub_image="B15"]:after { content:" Far-IR"; } #sub_image_list .list .item[sub_image="B16"]:after { content:" Far-IR"; } #dialog_view_url .dialog_title:before { content:"Current URL"; } #dialog_view_url label[for="view_url_normal"]:before { content:"Current time"; } #dialog_view_url label[for="view_url_latest"]:before { content:"Latest time"; } #dialog_view_url label[for="view_url_auto" ]:before { content:"Latest time (Auto update)"; } #time_zone_list .list .item[time_zone="JST" ]:before { content:"JST"; } #time_zone_list .list .item[time_zone="LOCAL"]:before { content:"PC time"; } #navigate_band13 .caption:before { content:"Click here for\Anighttime images"; } .nict-stars-event-viewer-title .nict-stars-event-viewer-caption:before { content:"Infomation"; } .nict-stars-event-viewer-list .nict-stars-event-viewer-no-event > .nict-stars-event-viewer-body:before { content:"There is not the news."; } .nict-stars-event-viewer-list .nict-stars-event-viewer-item > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel:before { content:"Link"; } #dialog_gps_error .dialog_title:before { content:"Error Message"; } #dialog_gps_error .dialog_body[error_code="1"]:before { content:"Getting location information was not allowed."; } #dialog_gps_error .dialog_body[error_code="2"]:before { content:"Location information could not be obtained due to signal conditions."; } #dialog_gps_error .dialog_body[error_code="3"]:before { content:"It took too long to get location information and timed out."; } #movie_area .size > label:nth-child(1) span:before { content:"standard quality"; } #movie_area .size > label:nth-child(2) span:before { content:"low quality (for slow internet)"; } #movie_area .cols > .col[mid="fulldisk_no_coastline" ] > p:before { content:"Asia-Oceania Area animation (no shoreline)"; } #movie_area .cols > .col[mid="fulldisk_coastline" ] > p:before { content:"Asia-Oceania Area animation (with shoreline)"; } #movie_area .cols > .col[mid="japanarea_no_coastline"] > p:before { content:"Japan area animation (no shoreline)"; } #movie_area .cols > .col[mid="japanarea_coastline" ] > p:before { content:"Japan area animation (with shoreline)"; } #movie_area .cols > .col[mid="targetarea" ] > p:before { content:"Target area animation"; } @media screen and (min-width:2000px) { body header .date > .popupmsg { width:380px; height:80px; left:24px; top:120px; } body[data_id="movie"] header .date > .popupmsg { left:-40px; } body header .reload_button.auto_update:before { font-size:24px; top:-16px; left:-36px; } body header .reload_button > .popupmsg { width:400px; height:120px; left:-170px; top:110px; } #button_area > #dl_button > .popupmsg { width:220px; height:40px; right:110px; top:20px; } #button_area > #capture_button > .popupmsg { width:280px; height:40px; right:110px; top:20px; } #button_area > #coastline_button > .popupmsg { width:220px; height:40px; right:110px; top:20px; } #button_area > #gps_button > .popupmsg { width:400px; height:80px; right:110px; top: 0px; } #button_area > #center_button > .popupmsg { width:400px; height:40px; right:110px; top:20px; } #button_area > #movie_button > .popupmsg { width:340px; height:40px; right:110px; top:20px; } #button_area > #target_area_button > .popupmsg { width:220px; height:40px; right:110px; top:20px; } } @media screen and (min-width:4000px) { body header .date > .popupmsg { width:760px; height:160px; left:48px; top:240px; } body[data_id="movie"] header .date > .popupmsg { left:-80px; } body header .reload_button.auto_update:before { font-size:48px; top:-32px; left:-72px; } body header .reload_button > .popupmsg { width:800px; height:240px; left:-340px; top:220px; } #button_area > #dl_button > .popupmsg { width:440px; height: 80px; right:220px; top:40px; } #button_area > #capture_button > .popupmsg { width:560px; height: 80px; right:220px; top:40px; } #button_area > #coastline_button > .popupmsg { width:440px; height: 80px; right:220px; top:40px; } #button_area > #gps_button > .popupmsg { width:800px; height:160px; right:220px; top: 0px; } #button_area > #center_button > .popupmsg { width:800px; height: 80px; right:220px; top:40px; } #button_area > #movie_button > .popupmsg { width:680px; height: 80px; right:220px; top:40px; } #button_area > #target_area_button > .popupmsg { width:440px; height: 80px; right:220px; top:40px; } } @media screen and (min-width:8000px) { body header .date > .popupmsg { width:1520px; height:320px; left:96px; top:480px; } body[data_id="movie"] header .date > .popupmsg { left:-160px; } body header .reload_button.auto_update:before { font-size:96px; top:-64px; left:-144px; } body header .reload_button > .popupmsg { width:1600px; height:480px; left:-680px; top:440px; } #button_area > #dl_button > .popupmsg { width: 880px; height:160px; right:440px; top:80px; } #button_area > #capture_button > .popupmsg { width:1120px; height:160px; right:440px; top:80px; } #button_area > #coastline_button > .popupmsg { width: 880px; height:160px; right:440px; top:80px; } #button_area > #gps_button > .popupmsg { width:1600px; height:320px; right:440px; top: 0px; } #button_area > #center_button > .popupmsg { width:1600px; height:160px; right:440px; top:80px; } #button_area > #movie_button > .popupmsg { width:1360px; height:160px; right:440px; top:80px; } #button_area > #target_area_button > .popupmsg { width: 880px; height:160px; right:440px; top:80px; } }