| | |
| | | .head { |
| | | background-color: aliceblue; |
| | | padding-top: 10px; |
| | | padding-bottom: 10px; |
| | | margin: 5px 8px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .head_block { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .head_left { |
| | | display: flex; |
| | | } |
| | | |
| | | .head_bar { |
| | | width: 5px; |
| | | height: 20px; |
| | | background-color: red; |
| | | } |
| | | |
| | | .head_title { |
| | | margin-left: 5px; |
| | | } |
| | | |
| | | |
| | | .flex_column { |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .flex_between { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | .flex_center { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .center_title{ |
| | | font-weight: bolder; |
| | | } |
| | | .center_border { |
| | | border: 1px solid #ccc; |
| | | min-height: 50px; |
| | | border-radius: 5px; |
| | | margin: 15px 0 0 0; |
| | | padding: 5px 0px 5px 10px; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | .footer { |
| | | position: fixed; |
| | | bottom: 0; |
| | | background-color: aliceblue; |
| | | min-height: 100px; |
| | | padding-top: 10px; |
| | | margin: 5px 8px 0; |
| | | width: 96%; |
| | | padding-bottom: 10px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |