From 045e000417264e043d95e249fcab802b6603f494 Mon Sep 17 00:00:00 2001 From: chnotchy Date: Sun, 12 May 2024 00:47:00 +0900 Subject: [PATCH 1/6] Refactor using default formatter on vscode --- container_9J_2c_top.css | 306 +++++++++++++++--------------- fujimoto-lab-students.html | 70 +++---- hpbparts.css | 264 ++++++++++++++------------ index.html | 90 ++++----- links.html | 127 +++++++------ main_9J_2c.css | 370 ++++++++++++++++++++----------------- members.html | 105 ++++++----- miyano-lab-students.html | 70 +++---- move-mainnav.js | 14 +- navigation.js | 52 +++--- report.html | 61 +++--- report_fujimoto.html | 127 +++++++------ report_miyano.html | 102 +++++----- report_saitoh.html | 156 +++++++++------- saitoh-lab-students.html | 300 +++++++++++++++--------------- user.css | 59 +++--- 16 files changed, 1201 insertions(+), 1072 deletions(-) diff --git a/container_9J_2c_top.css b/container_9J_2c_top.css index db3df79..2c84478 100644 --- a/container_9J_2c_top.css +++ b/container_9J_2c_top.css @@ -4,136 +4,138 @@ レイアウト設定 --------------------------------------------------------*/ -#hpb-container{ - width:980px; +#hpb-container { + width: 980px; position: relative; - margin-top:-1px; - margin-left:auto; - margin-right:auto; - background-image : url(containerBg_9J.png); + margin-top: -1px; + margin-left: auto; + margin-right: auto; + background-image: url(containerBg_9J.png); background-repeat: repeat-y; background-position: center top; } -#hpb-header{ - width: 960px; +#hpb-header { + width: 960px; margin-left: 10px; - margin-bottom: 50px; + margin-bottom: 50px; } -#hpb-footer{ +#hpb-footer { width: 938px; clear: both; - margin-left: auto; - margin-right: auto; - padding-bottom:13px; - margin-bottom:10px; + margin-left: auto; + margin-right: auto; + padding-bottom: 13px; + margin-bottom: 10px; } -#hpb-inner{ - width: 938px; - margin-left: auto; - margin-right: auto; - position: relative; - clear: both; +#hpb-inner { + width: 938px; + margin-left: auto; + margin-right: auto; + position: relative; + clear: both; } -.hpb-layoutset-02 #hpb-wrapper{ - width: 940px; - float: left; +.hpb-layoutset-02 #hpb-wrapper { + width: 940px; + float: left; } -.hpb-layoutset-01 #hpb-title{ - height: 200px; +.hpb-layoutset-01 #hpb-title { + height: 200px; } -.hpb-layoutset-01 #hpb-title h2{ - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - margin-right: 0; - overflow: hidden; - text-indent: -9999px; - height: 200px; - background-image : url(mainimg_9J.png); - background-position: top center; - background-repeat: no-repeat; +.hpb-layoutset-01 #hpb-title h2 { + margin-top: 0; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + overflow: hidden; + text-indent: -9999px; + height: 200px; + background-image: url(mainimg_9J.png); + background-position: top center; + background-repeat: no-repeat; } -.hpb-layoutset-02 #hpb-title{ - width: 938px; - height: 136px; +.hpb-layoutset-02 #hpb-title { + width: 938px; + height: 136px; } -.hpb-layoutset-02 #hpb-title h2{ - margin-top: 0; - margin-bottom: 10px; - margin-left: 0; - margin-right: 0; - overflow: hidden; - height: 136px; - background-image : url(titleBg_9J.png); - background-position: top left; - background-repeat: no-repeat; - line-height:136px; - text-align:left; + +.hpb-layoutset-02 #hpb-title h2 { + margin-top: 0; + margin-bottom: 10px; + margin-left: 0; + margin-right: 0; + overflow: hidden; + height: 136px; + background-image: url(titleBg_9J.png); + background-position: top left; + background-repeat: no-repeat; + line-height: 136px; + text-align: left; font-size: 28px; } .fuchidori { color: #000; - text-shadow:1.5px 1.5px 0 #FFF, -1.5px -1.5px 0 #FFF, - -1.5px 1.5px 0 #FFF, 1.5px -1.5px 0 #FFF, - 0px 1.5px 0 #FFF, 0-1.5px 0 #FFF, - -1.5px 0 0 #FFF, 1.5px 0 0 #FFF; + text-shadow: 1.5px 1.5px 0 #FFF, -1.5px -1.5px 0 #FFF, + -1.5px 1.5px 0 #FFF, 1.5px -1.5px 0 #FFF, + 0px 1.5px 0 #FFF, 0-1.5px 0 #FFF, + -1.5px 0 0 #FFF, 1.5px 0 0 #FFF; } -h2 span.ja{ - padding-left:27px; +h2 span.ja { + padding-left: 27px; } -h2 span.en{ - font-size: 18px; - text-transform: uppercase; - padding-left:20px; + +h2 span.en { + font-size: 18px; + text-transform: uppercase; + padding-left: 20px; } -#hpb-main{ - /* width: 653px; */ - float: left; - padding-bottom: 0px; - margin-left:15px; - margin-right:15px; - text-align: left; - padding-top: 10px; +#hpb-main { + /* width: 653px; */ + float: left; + padding-bottom: 0px; + margin-left: 15px; + margin-right: 15px; + text-align: left; + padding-top: 10px; } -#hpb-wrapper #hpb-main h3:first-child{ - margin-top: 5px; +#hpb-wrapper #hpb-main h3:first-child { + margin-top: 5px; } -.hpb-layoutset-01 #hpb-main{ - padding-top: 10px; +.hpb-layoutset-01 #hpb-main { + padding-top: 10px; } -#hpb-aside{ - width: 253px; - float: right; - margin-top: 19px; - margin-right:0px; - padding-bottom: 0px; +#hpb-aside { + width: 253px; + float: right; + margin-top: 19px; + margin-right: 0px; + padding-bottom: 0px; } -.hpb-layoutset-02 #hpb-aside{ - margin-top: 145px; +.hpb-layoutset-02 #hpb-aside { + margin-top: 145px; } -#hpb-nav{ - width: 937px; - height: 42px; - overflow: hidden; - position: absolute; - top: -50px; - left: 0px; +#hpb-nav { + width: 937px; + height: 42px; + overflow: hidden; + position: absolute; + top: -50px; + left: 0px; } /*-------------------------------------------------------- @@ -143,7 +145,7 @@ h2 span.en{ /* コンテンツ配置領域 */ /* ナビゲーション */ -#hpb-nav ul{ +#hpb-nav ul { margin-top: -1px; margin-right: 0; margin-bottom: 0; @@ -160,57 +162,60 @@ h2 span.en{ border-bottom-style: solid; border-top-color: #bdbdbd; border-bottom-color: #000000; - height: 37px; + height: 37px; } -#hpb-nav ul::after{ - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; +#hpb-nav ul::after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } -#hpb-nav li{ - float: left; +#hpb-nav li { + float: left; display: inline; - font-size: 13px; - line-height:37px; - height: 37px; - overflow: hidden; + font-size: 13px; + line-height: 37px; + height: 37px; + overflow: hidden; } -#hpb-nav li a{ + +#hpb-nav li a { display: inline-block; overflow: hidden; padding-left: 17px; padding-right: 17px; - font-weight: bold; - text-decoration: none; - line-height:37px; - height: 37px; - color:#000000; + font-weight: bold; + text-decoration: none; + line-height: 37px; + height: 37px; + color: #000000; } -#hpb-nav li a:hover{ - color:#FFFFFF; - text-decoration: none; - background-color:#2d70b4; + +#hpb-nav li a:hover { + color: #FFFFFF; + text-decoration: none; + background-color: #2d70b4; } -#hpb-nav li span.en{ - text-transform:uppercase; - display:inline-block; +#hpb-nav li span.en { + text-transform: uppercase; + display: inline-block; } -#hpb-nav li span.ja{ - display: none; + +#hpb-nav li span.ja { + display: none; } -#hpb-nav h3.hpb-c-index{ - height: 1px; - margin: 0; - padding: 0; - overflow: hidden; - text-indent: -9999px; - background: none; +#hpb-nav h3.hpb-c-index { + height: 1px; + margin: 0; + padding: 0; + overflow: hidden; + text-indent: -9999px; + background: none; } /*-------------------------------------------------------- @@ -226,40 +231,40 @@ h2 span.en{ レイアウト設定 --------------------------------------------------------*/ - #hpb-container{ + #hpb-container { width: 100%; - background-image : none; + background-image: none; background-color: #FFFFFF; } - #hpb-header{ + #hpb-header { width: 100%; margin-bottom: 0px; padding-bottom: 10px; } - #hpb-footer{ + #hpb-footer { width: 100%; } - #hpb-inner{ + #hpb-inner { width: 100%; } - .hpb-layoutset-02 #hpb-wrapper{ + .hpb-layoutset-02 #hpb-wrapper { width: 100%; float: none; } - .hpb-layoutset-01 #hpb-title{ + .hpb-layoutset-01 #hpb-title { height: auto; } - .hpb-layoutset-01 #hpb-title h2{ + .hpb-layoutset-01 #hpb-title h2 { width: 100%; } - .hpb-layoutset-02 #hpb-title{ + .hpb-layoutset-02 #hpb-title { width: 100%; height: auto; } @@ -282,16 +287,17 @@ h2 span.en{ background-color: transparent; } - h2 span.ja{ + h2 span.ja { padding-left: 10px; display: inline-block; } - h2 span.en{ + + h2 span.en { padding-left: 10px; display: inline-block; } - #hpb-main{ + #hpb-main { width: 96%; float: none; padding-bottom: 20px; @@ -299,11 +305,11 @@ h2 span.en{ margin-left: auto; } - .hpb-layoutset-01 #hpb-main{ - padding-top: 0px; + .hpb-layoutset-01 #hpb-main { + padding-top: 0px; } - #hpb-aside{ + #hpb-aside { width: 96%; float: none; margin-top: 0px; @@ -312,22 +318,23 @@ h2 span.en{ margin-left: auto; } - .hpb-layoutset-02 #hpb-aside{ + .hpb-layoutset-02 #hpb-aside { margin-top: 0px; } - #hpb-nav{ + #hpb-nav { width: 100%; height: auto; position: relative; top: 0px; border-top-color: #BDBDBD; border-top-style: solid; - border-top-width: 1px; + border-top-width: 1px; border-bottom-color: #000000; border-bottom-style: solid; - border-bottom-width: 4px; + border-bottom-width: 4px; } + /*-------------------------------------------------------- デザイン設定 --------------------------------------------------------*/ @@ -335,17 +342,19 @@ h2 span.en{ /* コンテンツ配置領域 */ /* ナビゲーション */ - #hpb-nav ul{ + #hpb-nav ul { margin-top: 0px; border-top-style: none; border-bottom-style: none; height: auto; display: none; } - #hpb-nav ul.toggled-on{ + + #hpb-nav ul.toggled-on { display: block; } - #hpb-nav li{ + + #hpb-nav li { float: none; display: block; line-height: 1.4; @@ -354,7 +363,8 @@ h2 span.en{ border-top-style: solid; border-top-width: 1px; } - #hpb-nav li a{ + + #hpb-nav li a { display: block; padding-top: 10px; padding-right: 10px; @@ -364,7 +374,7 @@ h2 span.en{ height: auto; } - #hpb-nav li span.en{ + #hpb-nav li span.en { line-height: 1.4; } } diff --git a/fujimoto-lab-students.html b/fujimoto-lab-students.html index 337b46e..955c96c 100644 --- a/fujimoto-lab-students.html +++ b/fujimoto-lab-students.html @@ -1,30 +1,35 @@ - - - - - - - - Kyutech Algorithms Group | 卒業生（藤本研究室） - - - - - - - -
- -
-
-
-

指導学生リスト（藤本 晶子）

-
+ + + + + + + + + Kyutech Algorithms Group | 卒業生（藤本研究室） + + + + + + + + + +
+ +
+
+
+

+ 指導学生リスト（藤本 晶子） +

+
@@ -55,6 +60,7 @@

contents

- - - \ No newline at end of file + + + + diff --git a/hpbparts.css b/hpbparts.css index 4cb929b..ee9ad76 100644 --- a/hpbparts.css +++ b/hpbparts.css @@ -14,8 +14,10 @@ display: block; visibility: hidden; } + .hpb-clearfix { - zoom: 1; /* for IE6 */ + zoom: 1; + /* for IE6 */ } /****************************** @@ -768,15 +770,18 @@ margin: 0px; padding: 0px; } + .hpb-parts-blist-01 ul { margin: 0px; padding: 5px 0px 0px 0px; list-style-type: none; text-align: center; } + .hpb-parts-blist-01 li { padding: 0px 5px 5px 5px; } + .hpb-parts-blist-01 li a { display: block; margin: 0px; @@ -790,15 +795,18 @@ margin: 0px; padding: 0px; } + .hpb-parts-blist-02 ul { margin: 0px; padding: 5px 0px 0px 0px; list-style-type: none; text-align: center; } + .hpb-parts-blist-02 li { padding: 0px 5px 5px 5px; } + .hpb-parts-blist-02 li a { display: block; margin: 0px; @@ -813,15 +821,18 @@ margin: 0px; padding: 0px; } + .hpb-parts-blist-03 ul { margin: 0px; padding: 5px 0px 0px 0px; list-style-type: none; text-align: center; } + .hpb-parts-blist-03 li { padding: 0px 5px 5px 5px; } + .hpb-parts-blist-03 li a { display: block; margin: 0px auto; @@ -842,15 +853,18 @@ margin: 0px; padding: 0px; } + .hpb-parts-blist-04 ul { margin: 0px; padding: 5px 0px 0px 0px; list-style-type: none; text-align: left; } + .hpb-parts-blist-04 li { padding: 0px 5px 5px 5px; } + .hpb-parts-blist-04 li a { display: block; margin: 0px; @@ -859,6 +873,7 @@ border-style: none; height: 30px; } + .hpb-parts-blist-04 li a img { margin: 0px; padding: 0px 5px 0px 0px; @@ -871,15 +886,18 @@ margin: 0px; padding: 0px; } + .hpb-parts-blist-05 ul { margin: 0px; padding: 5px 0px 0px 0px; list-style-type: none; text-align: left; } + .hpb-parts-blist-05 li { padding: 0px 5px 5px 5px; } + .hpb-parts-blist-05 li a { display: block; margin: 0px; @@ -889,6 +907,7 @@ border-style: solid; height: 30px; } + .hpb-parts-blist-05 li a img { margin: 0px; padding: 0px 5px 0px 0px; @@ -925,136 +944,137 @@ --------------------------------------------------------*/ @media screen and (max-width: 568px) { - /****************************** + /****************************** * Yahoo!ロコ-地図, Googleマップ ******************************/ - div[name="HPBMAP"] { - max-width: 100% !important; - } + div[name="HPBMAP"] { + max-width: 100% !important; + } - #hpb-main div[name="HPBMAP"] img { - max-width: none; - } + #hpb-main div[name="HPBMAP"] img { + max-width: none; + } - /****************************** + /****************************** * フォトモーション ******************************/ - .hpb-photomotion { - max-width: 100% !important; - height: auto !important; - } - .hpb-photomotion:after { - display:table; - clear:both; - content:""; - } - - /* 画像設定 */ - #hpb-main img { - max-width: 100%; - height: auto; - } - - /****************************** + .hpb-photomotion { + max-width: 100% !important; + height: auto !important; + } + + .hpb-photomotion:after { + display: table; + clear: both; + content: ""; + } + + /* 画像設定 */ + #hpb-main img { + max-width: 100%; + height: auto; + } + + /****************************** * レイアウト コンテナ (div) ******************************/ - /* 飾りなし 幅60px */ - .hpb-parts-cnt-01-060, - /* 飾りなし 幅120px */ - .hpb-parts-cnt-01-120, - /* 飾りなし 幅180px */ - .hpb-parts-cnt-01-180, - /* 飾りなし 幅240px */ - .hpb-parts-cnt-01-240, - /* 飾りなし 幅360px */ - .hpb-parts-cnt-01-360 { - max-width:100%; - margin-left: auto; - margin-right: auto; - } - - /****************************** + /* 飾りなし 幅60px */ + .hpb-parts-cnt-01-060, + /* 飾りなし 幅120px */ + .hpb-parts-cnt-01-120, + /* 飾りなし 幅180px */ + .hpb-parts-cnt-01-180, + /* 飾りなし 幅240px */ + .hpb-parts-cnt-01-240, + /* 飾りなし 幅360px */ + .hpb-parts-cnt-01-360 { + max-width: 100%; + margin-left: auto; + margin-right: auto; + } + + /****************************** * 写真ボックス (div) ******************************/ - /* 飾りなし 画像幅60px */ - .hpb-parts-pbox-01-060, - /* 飾りなし 画像幅120px */ - .hpb-parts-pbox-01-120, - /* 飾りなし 画像幅180px */ - .hpb-parts-pbox-01-180, - /* 飾りなし 画像幅240px */ - .hpb-parts-pbox-01-240, - /* 線囲み */ - .hpb-parts-pbox-02, - /* 線囲み 画像幅60px */ - .hpb-parts-pbox-02-060, - /* 線囲み 画像幅120px */ - .hpb-parts-pbox-02-120, - /* 線囲み 画像幅180px */ - .hpb-parts-pbox-02-180, - /* 線囲み 画像幅240px */ - .hpb-parts-pbox-02-240 { - max-width:100%; - margin-left: auto; - margin-right: auto; - } - - /****************************** + /* 飾りなし 画像幅60px */ + .hpb-parts-pbox-01-060, + /* 飾りなし 画像幅120px */ + .hpb-parts-pbox-01-120, + /* 飾りなし 画像幅180px */ + .hpb-parts-pbox-01-180, + /* 飾りなし 画像幅240px */ + .hpb-parts-pbox-01-240, + /* 線囲み */ + .hpb-parts-pbox-02, + /* 線囲み 画像幅60px */ + .hpb-parts-pbox-02-060, + /* 線囲み 画像幅120px */ + .hpb-parts-pbox-02-120, + /* 線囲み 画像幅180px */ + .hpb-parts-pbox-02-180, + /* 線囲み 画像幅240px */ + .hpb-parts-pbox-02-240 { + max-width: 100%; + margin-left: auto; + margin-right: auto; + } + + /****************************** * 複数写真ボックス (div) ******************************/ - /* 飾りなし 画像幅60px 横2x縦1 */ - .hpb-parts-mpbox-01-2060, - /* 飾りなし 画像幅60px 横3x縦1 */ - .hpb-parts-mpbox-01-3060, - /* 飾りなし 画像幅60px 横4x縦1 */ - .hpb-parts-mpbox-01-4060, - /* 飾りなし 画像幅120px 横2x縦1 */ - .hpb-parts-mpbox-01-2120, - /* 飾りなし 画像幅120px 横3x縦1 */ - .hpb-parts-mpbox-01-3120, - /* 飾りなし 画像幅120px 横4x縦1 */ - .hpb-parts-mpbox-01-4120, - /* 飾りなし 画像幅180px 横2x縦1 */ - .hpb-parts-mpbox-01-2180, - /* 飾りなし 画像幅180px 横3x縦1 */ - .hpb-parts-mpbox-01-3180, - /* 飾りなし 画像幅180px 横4x縦1 */ - .hpb-parts-mpbox-01-4180, - /* 飾りなし 画像幅240px 横2x縦1 */ - .hpb-parts-mpbox-01-2240, - /* 飾りなし 画像幅240px 横3x縦1 */ - .hpb-parts-mpbox-01-3240, - /* 飾りなし 画像幅240px 横4x縦1 */ - .hpb-parts-mpbox-01-4240, - /* 線囲み 画像幅60px 横2x縦1 */ - .hpb-parts-mpbox-02-2060, - /* 線囲み 画像幅60px 横3x縦1 */ - .hpb-parts-mpbox-02-3060, - /* 線囲み 画像幅60px 横4x縦1 */ - .hpb-parts-mpbox-02-4060, - /* 線囲み 画像幅120px 横2x縦1 */ - .hpb-parts-mpbox-02-2120, - /* 線囲み 画像幅120px 横3x縦1 */ - .hpb-parts-mpbox-02-3120, - /* 線囲み 画像幅120px 横4x縦1 */ - .hpb-parts-mpbox-02-4120, - /* 線囲み 画像幅180px 横2x縦1 */ - .hpb-parts-mpbox-02-2180, - /* 線囲み 画像幅180px 横3x縦1 */ - .hpb-parts-mpbox-02-3180, - /* 線囲み 画像幅180px 横4x縦1 */ - .hpb-parts-mpbox-02-4180, - /* 線囲み 画像幅240px 横2x縦1 */ - .hpb-parts-mpbox-02-2240, - /* 線囲み 画像幅240px 横3x縦1 */ - .hpb-parts-mpbox-02-3240, - /* 線囲み 画像幅240px 横4x縦1 */ - .hpb-parts-mpbox-02-4240 { - max-width:100%; - margin-left: auto; - margin-right: auto; - } - - - -} \ No newline at end of file + /* 飾りなし 画像幅60px 横2x縦1 */ + .hpb-parts-mpbox-01-2060, + /* 飾りなし 画像幅60px 横3x縦1 */ + .hpb-parts-mpbox-01-3060, + /* 飾りなし 画像幅60px 横4x縦1 */ + .hpb-parts-mpbox-01-4060, + /* 飾りなし 画像幅120px 横2x縦1 */ + .hpb-parts-mpbox-01-2120, + /* 飾りなし 画像幅120px 横3x縦1 */ + .hpb-parts-mpbox-01-3120, + /* 飾りなし 画像幅120px 横4x縦1 */ + .hpb-parts-mpbox-01-4120, + /* 飾りなし 画像幅180px 横2x縦1 */ + .hpb-parts-mpbox-01-2180, + /* 飾りなし 画像幅180px 横3x縦1 */ + .hpb-parts-mpbox-01-3180, + /* 飾りなし 画像幅180px 横4x縦1 */ + .hpb-parts-mpbox-01-4180, + /* 飾りなし 画像幅240px 横2x縦1 */ + .hpb-parts-mpbox-01-2240, + /* 飾りなし 画像幅240px 横3x縦1 */ + .hpb-parts-mpbox-01-3240, + /* 飾りなし 画像幅240px 横4x縦1 */ + .hpb-parts-mpbox-01-4240, + /* 線囲み 画像幅60px 横2x縦1 */ + .hpb-parts-mpbox-02-2060, + /* 線囲み 画像幅60px 横3x縦1 */ + .hpb-parts-mpbox-02-3060, + /* 線囲み 画像幅60px 横4x縦1 */ + .hpb-parts-mpbox-02-4060, + /* 線囲み 画像幅120px 横2x縦1 */ + .hpb-parts-mpbox-02-2120, + /* 線囲み 画像幅120px 横3x縦1 */ + .hpb-parts-mpbox-02-3120, + /* 線囲み 画像幅120px 横4x縦1 */ + .hpb-parts-mpbox-02-4120, + /* 線囲み 画像幅180px 横2x縦1 */ + .hpb-parts-mpbox-02-2180, + /* 線囲み 画像幅180px 横3x縦1 */ + .hpb-parts-mpbox-02-3180, + /* 線囲み 画像幅180px 横4x縦1 */ + .hpb-parts-mpbox-02-4180, + /* 線囲み 画像幅240px 横2x縦1 */ + .hpb-parts-mpbox-02-2240, + /* 線囲み 画像幅240px 横3x縦1 */ + .hpb-parts-mpbox-02-3240, + /* 線囲み 画像幅240px 横4x縦1 */ + .hpb-parts-mpbox-02-4240 { + max-width: 100%; + margin-left: auto; + margin-right: auto; + } + + + +} diff --git a/index.html b/index.html index ed48873..4af3310 100644 --- a/index.html +++ b/index.html @@ -1,26 +1,28 @@ - - - - - - - - Kyutech Algorithms Group | トップページ - - - - - - - - -
-
-
-