Skip to content

sora / sanitary-net

Go to a project
Commit 4827705f by o.kimura
Options

T22対応

parent eb6eaabd
Expand all
Inline Side-by-side
Showing with 152 additions and 138 deletions
index.html
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
<p class="headline_area"><a href="https://www.sanitary-net.com/news/news1508">新型コロナウイルスなどのトイレでの感染対策に関連するQ＆Aを追加しました。</a></p> <p class="headline_area"><a href="https://www.sanitary-net.com/news/news1508">新型コロナウイルスなどのトイレでの感染対策に関連するQ＆Aを追加しました。</a></p>
<div id="main_area" class="clearfix"> <div id="main_area" class="clearfix">
<p id="bnr_area"><a href="https://sanitary-net-annex.com/contest/" target="_brank"><img src="https://www.sanitary-net.com//cms/wp-content/uploads/2021/02/210224_dai3kaisessuijimannbana-.png" width="353" height="107" alt="我が家の節水自慢" width="353" height="107" alt="我が家の節水自慢" /></a>　<a href="/news/news1572"><img src="https://www.sanitary-net.com//cms/wp-content/uploads/2021/03/greenpoint.png" width="353" height="107" alt="グリーン住宅ポイント制度" /></a></p> <p id="bnr_area"><a href="https://sanitary-net-annex.com/contest/" target="_brank"><img src="/shared/images/sessui_pc.png" width="353" height="107" alt="我が家の節水自慢" width="353" height="107" alt="我が家の節水自慢" /></a>　<a href="/news/news1572"><img src="https://www.sanitary-net.com//cms/wp-content/uploads/2021/03/greenpoint.png" width="353" height="107" alt="グリーン住宅ポイント制度" /></a></p>
<div class="left"> <div class="left">
<div style="overflow: hidden; margin-bottom: 20px;"> <div style="overflow: hidden; margin-bottom: 20px;">
<div class="box_left"> <div class="box_left">
......
safety/css/parts.css
/*========================================================= /*=========================================================
...@@ -11,137 +10,153 @@ ...@@ -11,137 +10,153 @@
==========================================================*/ ==========================================================*/
div#container div#contents div#main_contents div.section h4{ div#container div#contents div#main_contents div.section h4 {
margin-bottom: 20px; margin-bottom: 20px;
} }
div#container div#contents div#main_contents div.section div.content{ div#container div#contents div#main_contents div.section div.content {
width: 676px; width: 676px;
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
} }
div#container div#contents div#main_contents div.section div.content p{ div#container div#contents div#main_contents div.section div.content p {}
}
div#container div#contents div#main_contents .bottom_space {
div#container div#contents div#main_contents .bottom_space{ margin-bottom: 20px;
margin-bottom: 20px; }
}
div#container div#contents div#main_contents div.section div.content span.graf_text {
div#container div#contents div#main_contents div.section div.content span.graf_text{ font-size: 85%;
font-size: 85%; display: block;
display: block; margin-top: 5px;
margin-top: 5px; }
}
div#container div#contents div#main_contents div.section h5 {
div#container div#contents div#main_contents div.section h5{ margin-bottom: 15px;
margin-bottom: 15px; }
}
div#container div#contents div#main_contents div.section p.text_blue {
div#container div#contents div#main_contents div.section p.text_blue{ font-weight: bold;
font-weight: bold; color: #2FC5D9;
color: #2FC5D9; font-size: 120%;
font-size: 120%; }
}
div#container div#contents div#main_contents div.section p {
div#container div#contents div#main_contents div.section p{ margin-left: 10px;
margin-left: 10px; margin-right: 10px;
margin-right: 10px; }
}
div#container div#contents div#main_contents div.section ul {
div#container div#contents div#main_contents div.section ul{ margin-left: 10px;
margin-left: 10px; margin-right: 10px;
margin-right: 10px; margin-bottom: 20px;
margin-bottom: 20px; }
}
div#container div#contents div#main_contents div.section p span.bold {
div#container div#contents div#main_contents div.section p span.bold{ font-weight: bold;
font-weight: bold; display: block;
display: block; margin-bottom: 5px;
margin-bottom: 5px; }
}
div#container div#contents div#main_contents div.section div.notice_box {
div#container div#contents div#main_contents div.section div.box{ width: 100%;
margin-bottom: 20px; height: 270px;
} border: 1px solid #424252;
display: flex;
div#container div#contents div#main_contents div.section div.box div.left{ justify-content: space-around;
width: 450px; align-items: center;
float: left; }
}
div#container div#contents div#main_contents div.section div.box {
div#container div#contents div#main_contents div.section div.box div.right{ margin-bottom: 20px;
width: 200px; }
float: right;
} div#container div#contents div#main_contents div.section div.box div.left {
width: 450px;
float: left;
}
/*20150218update*/
div#container div#contents div#main_contents div.section div.box div.right {
width: 200px;
p.cap{ float: right;
width: 640px; }
text-align: left;
margin: 0 auto 10px auto;
}
p.cap span.img{ /*20150218update*/
width: 320px;
float: left;
} p.cap {
p.cap span.text{ width: 640px;
float: right; text-align: left;
width: 300px; margin: 0 auto 10px auto;
} }
p.cap span.text a{
padding: 5px 15px; p.cap span.img {
background-color: #00b7cc; width: 320px;
color: #fff; float: left;
} }
p.cap span.text {
table.fanction{ float: right;
width: 640px; width: 300px;
margin-left: 10px; }
}
p.cap span.text a {
table.fanction th{ padding: 5px 15px;
border-right: 1px solid #fff; background-color: #00b7cc;
border-bottom: 1px solid #fff; color: #fff;
background-color: #5c79ae; }
padding: 3px;
width: 130px;
color: #fff; table.fanction {
} width: 640px;
margin-left: 10px;
table.fanction td{ }
border-bottom: 1px solid #fff;
padding: 3px; table.fanction th {
border-right: 1px solid #fff; border-right: 1px solid #fff;
} border-bottom: 1px solid #fff;
background-color: #5c79ae;
table.fanction td.base01{ padding: 3px;
background-color: #f1f5fa; width: 130px;
} color: #fff;
}
table.fanction td.base02{
background-color: #e9eff7; table.fanction td {
} border-bottom: 1px solid #fff;
table.fanction td.bold{ padding: 3px;
font-weight: bold; border-right: 1px solid #fff;
} }
.imgBlockUl{
overflow: hidden; table.fanction td.base01 {
} background-color: #f1f5fa;
.imgBlockUl span{ }
display: block;
margin-top: 5px; table.fanction td.base02 {
} background-color: #e9eff7;
.imgBlock01{ }
width: 310px;
float:left; table.fanction td.bold {
} font-weight: bold;
.imgBlock02{ }
width: 310px;
float:right; .imgBlockUl {
} overflow: hidden;
\ No newline at end of file }
.imgBlockUl span {
display: block;
margin-top: 5px;
}
.imgBlock01 {
width: 310px;
float: left;
}
.imgBlock02 {
width: 310px;
float: right;
}
trend/standard/standard-co2.html
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
<p>*2 工場排水等のCO<sub>2</sub>排出量を算出することは考慮しておりません。</p> <p>*2 工場排水等のCO<sub>2</sub>排出量を算出することは考慮しておりません。</p>
<p><span class="co2P02_l">*3 CO<sub>2</sub>換算係数 ：</span><span class="co2P02_r">上水道CO<sub>2</sub>換算係数（CO<sub>2</sub>排出量 ÷上水道給水量）＋下水道CO<sub>2</sub>換算係数（CO<sub>2</sub>排出量÷下水道処理水量）</span></p> <p><span class="co2P02_l">*3 CO<sub>2</sub>換算係数 ：</span><span class="co2P02_r">上水道CO<sub>2</sub>換算係数（CO<sub>2</sub>排出量 ÷上水道給水量）＋下水道CO<sub>2</sub>換算係数（CO<sub>2</sub>排出量÷下水道処理水量）</span></p>
<p><span class="co2P03_l">*4 公表値 ：</span><span class="co2P03_r">2018年度までに発表された過去5年間の実績データを元にCO2換算係数を算出し、その5年間を平均した値</span></p> <p><span class="co2P03_l">*4 公表値 ：</span><span class="co2P03_r">2018年度までに発表された過去5年間の実績データを元にCO2換算係数を算出し、その5年間を平均した値</span></p>
<p>*5 2020年4月確認</p> <p>*5 2021年4月確認</p>
</div> </div>
<div class="content"> <div class="content">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment