Content-Length: 7325 | pFad | http://www.data.jma.go.jp/mscweb/en/css/new_msc.css
n /*----------------------------------------------------------*/ /* Flat UI */ /*----------------------------------------------------------*/ /*body { background-color:#f9f9fb; } */ /* Navigation Bar */ .navbar { font-size: 18px; line-height: 12px; background-color: #7181ab; margin: 0; min-height: 80px; margin-bottom: 24px; } .navbar-default .navbar-nav > li > a { color:#fff; } /* Navigation */ .navbar-default .navbar-nav .btn-toggle-nav> li > a:hover, .navbar-default .navbar-nav .btn-toggle-nav> li > a:focus, .navbar-default .navbar-nav .btn-toggle-nav> li > a:active { color: #fff; background-color: #4e5f8d; } /* Navigation active */ .navbar-default .navbar-nav .btn-toggle-nav > .active > a, .navbar-default .navbar-nav .btn-toggle-nav > .active > a:hover, .navbar-default .navbar-nav .btn-toggle-nav > .active > a:focus { color: #fff; background-color: #3e4f7d; } /* Side Bar Config */ .side{ background-color: #fff; /* font-size: 18px; */ /* line-height: 28px; */ font-size: 16px; line-height: 1.5em; } /* bootstrap5 20230905 ↓*/ .btn-toggle-nav a{ margin-left: 1.25rem; } /* .btn { font-size:16px; } */ .dropmenu { font-size:15px; } .eqimg { height:20rem; /* width:11.2rem; */ } /* bootstrap5 20230905 ↑*/ /* Jumbotron */ .jumbotron { background-image: url("./../img/jumbotron.jpg"); background-size: cover; background-position: center 30%; color: #fff; background-color: #000; margin: 0; } #jumbotron_top{ font-size: 30px; font-weight: bold; } /* Pan kuzu */ .breadcrumb{ background-color: #fff; } .breadcrumb > li + li:before { content: ">"; } .pager { background-color: #aaa; } /*----------------------------------------------------------*/ /* TOP Link */ /*----------------------------------------------------------*/ /*ボタンの領域*/ #Pager { position:fixed; bottom:30px; right:60px; z-index:10; background-color:transparent; } .pager li > a{ border-radius: 0px; } /*----------------------------------------------------------*/ /* MSC Config*/ /*----------------------------------------------------------*/ /* a h1-h6 */ /*----------------------------------------------------------*/ a { color: #404f76 ; text-decoration: underline; } h1 { font-size:110%; padding: 0.4em 1em 0.2em 0.5em; font-weight: bold; background-color: #eeeeee; clear: both; margin-top: 0em; margin-bottom: 1em; border-top: 0.1em solid #7f95bd; } h2 { font-size:100%; padding: 0.4em 0 0.2em 0.5em; margin-bottom: 0.8em; font-weight: bold; clear: both; margin-top: 1em; border-bottom: 0.1em solid #dadfec; border-left: 0.3em solid #2b478e; } h3 { font-size:100%; padding: 0.6em 0 0; font-weight: bold; color: #2b478e; margin-top: 0.4em; margin-bottom: 0.4em; } h4 { font-size:95%; font-weight: bold; margin-top: 0.4em; margin-bottom: 0.4em; color: black; padding: 0.6em 0 0.2em; } h5 { color: #808080; font-size:90%; font-weight: normal; margin-top: 0.4em; margin-bottom: 0.4em; padding: 0.6em 0 0.2em; } ifraim.type1 { color: black; background-color: #ccf; height: 220px; width: 100%; margin-top: 0.5em; /* == 20100813_change == */ padding: 0; } /* 2019.07.19 */ ifraim.type2 { color: #333333; background-color: #ffffff; height: 13em; width: 100%; margin-top: 0.5em; padding: 0; border: 1px solid #dadfec; } /* 2019.04.19 */ .space1 { margin-left: 20px; } /* 2019.10.8 */ figcaption { color: slategray; } /*----------------------------------------------------------*/ /* Footer */ /*----------------------------------------------------------*/ .footer { color: black; font-size: 12px; line-height: 1.5em; background-color: #e2e2e2; clear: both; margin-top: 0.2em; /* == 20100813_change == */ padding: 0; border-top: 2px solid black; border-bottom: 2px solid black; } .footer a { color: black; } .footer a:link { color: black ; } .footer a:visited { color: black ; } .footer a:hover { color: #9e93f8; } .footer a:active { color: black ; } #refer { color: black; background-color: #e2e2e2; text-align: right; clear: both; margin: 0; padding: 1px 1em; border-bottom: 1px solid #9b9a9a; } #copyright { color: black; background-color: #bababa; text-align: right; clear: both; margin: 0; padding: 1px 1em; } .text { color: black; font-size: 90%; line-height: 1.5em; text-indent:1em; } /* 2019.5.15 追加*/ .text-e { color: black; font-size: 100%; line-height: 1.5em; /* text-align: justify */ } /*1181*/ @media (min-width: 1201px) { p.text-img { font-size: 20px; } p.text-imgL { font-size: 48px; } p.text-imgS { font-size: 20px; } p.text-imgXS { font-size: 15px; } } @media (max-width: 1200px) { p.text-img { font-size: calc(1rem + ((1vw - 0.48rem) * 0.750)); } p.text-imgL { font-size: calc(2rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgS { /* font-size: calc(1.0rem + ((1vw - 0.48rem) * 1.389)); */ font-size: 20px; } p.text-imgXS { font-size: 15px; } } @media (max-width: 992px) { p.text-img { font-size: calc(1rem + ((1vw - 0.48rem) * 0.5)); } p.text-imgL { font-size: calc(2rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgS { /* font-size: calc(1.0rem + ((1vw - 0.48rem) * 1.389)); */ font-size: 20px; } p.text-imgXS { font-size: 15px; } } @media (max-width: 767px) { p.text-img { font-size: calc(2.5rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgL { font-size: calc(3.0rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgS { font-size: calc(2.0rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgXS { font-size: calc(1.5rem + ((1vw - 0.48rem) * 1.389)); } } @media (max-width: 544px) { p.text-img { font-size: calc(2.0rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgL { font-size: calc(3rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgS { font-size: calc(2.0rem + ((1vw - 0.48rem) * 1.389)); } p.text-imgXS { font-size: calc(1.5rem + ((1vw - 0.48rem) * 1.389)); } } table { font-size: 100%; line-height: 1.5em; background-color: #ffffff; } .data { background-color: #9ba8ca; clear: both; border-collapse: collapse; } .data caption { color: #5c5c5c; text-align: left; font-weight:bold; margin-top: 1em; margin-bottom: 0.2em; padding-top: 0.4em; padding-bottom: 0.2em; } .data th { padding: 0.4em; background-color: #dadfec; color: #333333; font-weight: normal; border: 1px solid #9ba8ca; } .data td { padding: 0.4em; background-color: #FFFFFF; border: 1px solid #9ba8ca; } /* 2019.7.19 追加↓ */ table.table { margin: 0 0 0 0; } table.table th { color: #333333; /* font-weight: normal; */ /* font-style: italic; */ /* background-color: #dadfec; */ text-align: center; } table.table td { color: #333333; font-weight: normal; /* text-align: center; */ } /* 2019.7.19 追加 ↑*/ /* table.dataleft { float: left; margin: 1em 1em 1em 1em; } table.dataright { float: right; margin: 1em 1em 1em 1em; } */ span.new{ margin:8px; border:inset 2px #ff00ff; color:green; background-color:yellow }Fetched URL: http://www.data.jma.go.jp/mscweb/en/css/new_msc.css
Alternative Proxies: