Skip to content

sora / sanitary-net

Go to a project
Commit 00c48d71 by o.kimura
Options

組織図（画像確定待ち）

parent 254d4e48
Inline Side-by-side
Showing with 40 additions and 18 deletions
association/css/parts.css
...@@ -190,16 +190,24 @@ div#container div#contents div#main_contents div.section2 ul li { ...@@ -190,16 +190,24 @@ div#container div#contents div#main_contents div.section2 ul li {
position: relative; position: relative;
} }
div#container div#contents div#main_contents div.section2 ul li:first-child {
margin-bottom: 3px;
}
div#container div#contents div#main_contents div.section2 ul li { div#container div#contents div#main_contents div.section2 ul li {
margin-bottom: 2px; margin-bottom: 2px;
} }
div#container div#contents div#main_contents div.section2 ul.tbl-org2 li:last-child,
div#container div#contents div#main_contents div.section2 ul.tbl-org3 li:last-child {
margin-bottom: 0px;
}
div#container div#contents div#main_contents div.section2 ul.tbl-org,
div#container div#contents div#main_contents div.section2 ul.tbl-org2,
div#container div#contents div#main_contents div.section2 ul.tbl-org3 {
overflow: hidden;
}
div#container div#contents div#main_contents div.section2 ul li .layer1 { div#container div#contents div#main_contents div.section2 ul li .layer1 {
background-color: #51aab2; background-color: #51aab2;
border-bottom: 3px;
} }
div#container div#contents div#main_contents div.section2 ul li .layer2 { div#container div#contents div#main_contents div.section2 ul li .layer2 {
...@@ -207,7 +215,7 @@ div#container div#contents div#main_contents div.section2 ul li .layer2 { ...@@ -207,7 +215,7 @@ div#container div#contents div#main_contents div.section2 ul li .layer2 {
} }
div#container div#contents div#main_contents div.section2 ul li p.title { div#container div#contents div#main_contents div.section2 ul li p.title {
width: 222px; width: 224px;
padding: 10px 0 10px 10px; padding: 10px 0 10px 10px;
margin-bottom: 0; margin-bottom: 0;
color: #fff; color: #fff;
...@@ -217,7 +225,7 @@ div#container div#contents div#main_contents div.section2 ul li p.title { ...@@ -217,7 +225,7 @@ div#container div#contents div#main_contents div.section2 ul li p.title {
} }
div#container div#contents div#main_contents div.section2 ul li p.title2 { div#container div#contents div#main_contents div.section2 ul li p.title2 {
width: 180px; width: 184px;
padding: 10px 0 10px 50px; padding: 10px 0 10px 50px;
margin-bottom: 0; margin-bottom: 0;
color: #fff; color: #fff;
...@@ -231,16 +239,19 @@ div#container div#contents div#main_contents div.section2 ul li p.text { ...@@ -231,16 +239,19 @@ div#container div#contents div#main_contents div.section2 ul li p.text {
padding: 10px; padding: 10px;
margin-bottom: 0; margin-bottom: 0;
padding: 10px 0 10px 10px; padding: 10px 0 10px 10px;
color: #2f559a;
} }
div#container div#contents div#main_contents div.section2 p.layer-vert { div#container div#contents div#main_contents div.section2 p.layer-vert {
background-color: #cdebfb; background-color: #cdebfb;
width: 42px; width: 42px;
height: 130px; height: 134px;
margin-bottom: 0; margin-bottom: 0;
/* cant use for IE11
writing-mode: vertical-rl; writing-mode: vertical-rl;
text-orientation: upright; text-orientation: upright;
*/
position: absolute; position: absolute;
font-weight: normal; font-weight: normal;
color: #666; color: #666;
...@@ -248,15 +259,18 @@ div#container div#contents div#main_contents div.section2 p.layer-vert { ...@@ -248,15 +259,18 @@ div#container div#contents div#main_contents div.section2 p.layer-vert {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 1; z-index: 1;
border-bottom: 2px solid #fff;
} }
div#container div#contents div#main_contents div.section2 p.layer-vert2 { div#container div#contents div#main_contents div.section2 p.layer-vert2 {
background-color: #cdebfb; background-color: #cdebfb;
width: 42px; width: 42px;
height: 218px; height: 226px;
margin-bottom: 0; margin-bottom: 0;
/* cant use for IE11
writing-mode: vertical-rl; writing-mode: vertical-rl;
text-orientation: upright; text-orientation: upright;
*/
position: absolute; position: absolute;
font-weight: normal; font-weight: normal;
color: #666; color: #666;
...@@ -264,17 +278,20 @@ div#container div#contents div#main_contents div.section2 p.layer-vert2 { ...@@ -264,17 +278,20 @@ div#container div#contents div#main_contents div.section2 p.layer-vert2 {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 1; z-index: 1;
border-bottom: 2px solid #fff;
} }
.org-up{ div#container div#contents div#main_contents div.section2 p.forTbl {
height: 136px; margin-bottom: 0 !important;
position: relative; width: 100%;
height: 2px;
} }
.org-down{ div#container div#contents div#main_contents div.section2 .mb-4 {
height: 220px; margin-bottom: 4px !important;
position: relative;
} }
/* //131023 update */ /* //131023 update */
.vision_box { .vision_box {
......
association/organization.html
...@@ -223,9 +223,9 @@ ...@@ -223,9 +223,9 @@
<br> <br>
<ul class="tbl-org"> <ul class="tbl-org">
<li> <li class="mb-4">
<p class="layer1 title">運営委員会</p> <p class="layer1 title">運営委員会</p>
<p class="text">理事会の委嘱を受け、専門委員会の上位組織として工業会の統括運営を行う。</p> <p class="text">理事会の委嘱を受け、専門委員会の上位組織として工業会の統括運営を行う。</p>
</li> </li>
...@@ -245,8 +245,10 @@ ...@@ -245,8 +245,10 @@
<p class="layer2 title">技能実習制度推進委員会</p> <p class="layer2 title">技能実習制度推進委員会</p>
<p class="text">技能実習制度への衛生陶器製造作業の追加に向けた対応と推進を行う。</p> <p class="text">技能実習制度への衛生陶器製造作業の追加に向けた対応と推進を行う。</p>
</li> </li>
</ul>
<ul class="tbl-org2">
<li> <li>
<p class="layer-vert">衛生器具</p> <p class="layer-vert">衛<br>生<br>器<br>具</p>
<p class="layer2 title2">衛生器具技術委員会</p> <p class="layer2 title2">衛生器具技術委員会</p>
<p class="text">衛生器具の技術的課題、並びに安全面の課題に関する対応と推進を行う。</p> <p class="text">衛生器具の技術的課題、並びに安全面の課題に関する対応と推進を行う。</p>
</li> </li>
...@@ -258,8 +260,11 @@ ...@@ -258,8 +260,11 @@
<p class="layer2 title2">衛生器具環境委員会</p> <p class="layer2 title2">衛生器具環境委員会</p>
<p class="text">衛生器具の環境に対する課題への対応と推進を行う。</p> <p class="text">衛生器具の環境に対する課題への対応と推進を行う。</p>
</li> </li>
</ul>
<p class="forTbl">
<ul class="tbl-org3">
<li> <li>
<p class="layer-vert2">温水洗浄便座</p> <p class="layer-vert2">温<br>水<br>洗<br>浄<br>便<br>座</p>
<p class="layer2 title2">温水洗浄便座技術委員会</p> <p class="layer2 title2">温水洗浄便座技術委員会</p>
<p class="text">温水洗浄便座の技術的な課題い関する対応と推進を行う。</p> <p class="text">温水洗浄便座の技術的な課題い関する対応と推進を行う。</p>
</li> </li>
......
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