|
|
| 第1行： |
第1行： |
| .meeting-hall-title {
| | hr { |
| text-align: center;
| | background:transparent; |
| font-size: larger;
| | border-top:2px dotted #3b898a; |
| font-weight: 700
| |
| } | | } |
|
| |
|
| .apply-button-list { | | .button-1 { |
| display: flex;
| | background:#3b898a; |
| flex-wrap: wrap;
| | } |
| justify-content: center;
| | .button-1 a { |
| | color:white; |
| } | | } |
|
| |
|
| .apply-button-list>a { | | .button-2 { |
| margin: 0.5em; | | background:#ddedee; |
| padding: 0.4em 1em 0.4em;
| |
| font-size: 1.2em;
| |
| font-weight: 700;
| |
| line-height: 100%;
| |
| background: #eaeff2;
| |
| border-radius: 0.5em;
| |
| transition: .3s all;
| |
| background-image: none;
| |
| } | | } |
| | | .button-2 a { |
| .apply-button-list>a::after { | | color:#3b898a; |
| display: none;
| |
| } | | } |
|
| |
|
| .apply-button-list a:hover { | | .button-3 { |
| background: #f2f2f2;
| | background:#ddedee; |
| } | | } |
| | | .button-3 a { |
| .apply-button-list>a,
| | color:#2A52BE; |
| .apply-button-list>a.external:visited { | |
| color: #0645ad;
| |
| } | | } |
| | | .button-3>a::after { |
| .button-list { | | display:none; |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: center;
| |
| } | | } |
|
| |
|
| .button-list>a { | | .button { |
| margin: 0.5em;
| | transition: all .35s; |
| padding: 0.4em 1em 0.4em; | | text-align:center; |
| font-size: 1.2em; | | border-radius:5px; |
| font-weight: 700;
| | margin:5px 5px; |
| line-height: 100%;
| |
| background: #D9EEEE;
| |
| border-radius: 0.5em;
| |
| transition: .3s all;
| |
| background-image: none;
| |
| } | | } |
| | | .button a { |
| .button-list>a::after { | | display: block; |
| display: none; | | padding: 5px; |
| | height: 100%; |
| } | | } |
| | | .button:hover { |
| .button-list a:hover { | | box-shadow: 0 0 8px #bbb; |
| background: #f2f2f2; | |
| } | | } |
|
| |
|
| .button-list>a, | | .button-2:hover, |
| .button-list>a.external:visited { | | .button-3:hover { |
| color: #008B8B;
| | background:#EFF9F8; |
| } | | } |
