|
@@ -1,210 +0,0 @@
|
|
|
-#sitebody{
|
|
|
- margin:0 auto;
|
|
|
- margin-top: -80px;
|
|
|
- font-size:13px;
|
|
|
-}
|
|
|
-
|
|
|
-#nav-side-bar{
|
|
|
-/* background-color; */
|
|
|
-/* width:120px; */
|
|
|
-/* height:120px; */
|
|
|
-/* text-align:center; */
|
|
|
-line-height:40px;
|
|
|
-height: 100%;
|
|
|
-width: 250px;
|
|
|
-position: fixed;
|
|
|
-z-index: 1;
|
|
|
-top: 59.6333px;
|
|
|
-left: 0;
|
|
|
-background: url(../static/img/sidebar.png);
|
|
|
-background-size: cover;
|
|
|
-overflow-x: hidden;
|
|
|
-transition: 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-#nav-side-bar .bar_img {
|
|
|
-transform: rotate(270deg);
|
|
|
-position: absolute;
|
|
|
-right: -110%;
|
|
|
-top: 15rem;
|
|
|
-z-index: 3;
|
|
|
-}
|
|
|
-
|
|
|
-#content{
|
|
|
-position: absolute;
|
|
|
-left: 50px;
|
|
|
-top: 60px;
|
|
|
-width: calc(100% - 250px);
|
|
|
-margin-left: 250px;
|
|
|
-/* border-style:solid; */
|
|
|
-}
|
|
|
-
|
|
|
-#content_login {
|
|
|
-width: calc(100% - 250px);
|
|
|
-height: calc(100vh - 60px);
|
|
|
-margin-left: 250px;
|
|
|
-background: linear-gradient(105deg, rgba(255, 255, 255, 0.884) 0%, rgba(255, 255, 255, 0.884) 100%, transparent 100%), url(../static/img/technology.jpg);
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-#show_factory_class_1{
|
|
|
-border-style:solid;
|
|
|
-text-align:center;
|
|
|
-}
|
|
|
-
|
|
|
-#show_factory_class_2{
|
|
|
-border-style:solid;
|
|
|
-text-align:center;
|
|
|
-}
|
|
|
-
|
|
|
-.navbar {
|
|
|
-box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
|
|
|
-position:fixed;
|
|
|
-top:0px;
|
|
|
-}
|
|
|
-
|
|
|
-.navbar-brand img{
|
|
|
-width: 120px;
|
|
|
-}
|
|
|
-
|
|
|
-.nav-side-bar ul {
|
|
|
-margin-top: 3rem;
|
|
|
-margin-left: 2.5rem;
|
|
|
-padding-left: 0rem;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.nav-side-bar li {
|
|
|
-padding: .5rem 0;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.nav-side-bar .side-bar-link {
|
|
|
-display: block;
|
|
|
-text-decoration-line: none;
|
|
|
-font-size: .9rem;
|
|
|
-color: white;
|
|
|
-padding-left: 2rem;
|
|
|
-}
|
|
|
-
|
|
|
-.nav-side-bar .side-bar-link.active, .nav-side-bar .side-bar-link:hover {
|
|
|
-background: white;
|
|
|
-color: black;
|
|
|
-border-top-left-radius: 8px;
|
|
|
-border-bottom-left-radius: 8px;
|
|
|
-position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.nav-side-bar .side-bar-link.active::after {
|
|
|
-position: absolute;
|
|
|
-right: 1rem;
|
|
|
-top: -2px;
|
|
|
-content: ">";
|
|
|
-}
|
|
|
-
|
|
|
-.login_form {
|
|
|
-display: block;
|
|
|
-margin: 5rem auto;
|
|
|
-width: 60%;
|
|
|
-padding-top: 7rem;
|
|
|
-}
|
|
|
-
|
|
|
-.login_form h2 {
|
|
|
-text-align: center;
|
|
|
-font-size: 2.5rem;
|
|
|
-color: #002e86;
|
|
|
-margin-bottom: 4rem;
|
|
|
-}
|
|
|
-
|
|
|
-.login_form label {
|
|
|
-color: #002e86;
|
|
|
-}
|
|
|
-
|
|
|
-.login_form input {
|
|
|
-border-radius: 10px;
|
|
|
-padding-top: .5rem;
|
|
|
-padding-bottom: .5rem;
|
|
|
-}
|
|
|
-
|
|
|
-.login_form #btn_login,.login_form #btn_register {
|
|
|
-display: block;
|
|
|
-width: 100%;
|
|
|
-border-radius: 10px;
|
|
|
-background: #002e86;
|
|
|
-border-color: #002e86;
|
|
|
-padding-top: .5rem;
|
|
|
-padding-bottom: .5rem;
|
|
|
-}
|
|
|
-
|
|
|
-/* 版本一 */
|
|
|
-body{
|
|
|
- background: #f8f9fb;
|
|
|
- }
|
|
|
- .option{
|
|
|
- background: #0174c7;
|
|
|
- color:#000;
|
|
|
- }
|
|
|
- .tower-data{
|
|
|
- width: 80vw;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
- #select_boxes{
|
|
|
- padding: 10px 25px;
|
|
|
- }
|
|
|
- .select-item{
|
|
|
- width: 20%;
|
|
|
- padding: 10px;
|
|
|
- margin: 10px;
|
|
|
- border-radius: 5px;
|
|
|
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
|
|
- border:none;
|
|
|
-
|
|
|
- }
|
|
|
- #tower_btn{
|
|
|
- padding: 8px 15px;
|
|
|
- margin: 10px;
|
|
|
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
|
|
- border:none;
|
|
|
- border-radius: 5px;
|
|
|
- background: #fff;
|
|
|
- color:#0174c7;
|
|
|
- transition: 0.3s;
|
|
|
- }
|
|
|
- #tower_btn:hover{
|
|
|
- background: #0174c7;
|
|
|
- color:#fff;
|
|
|
- }
|
|
|
- #tower-box{
|
|
|
- padding: 10px;
|
|
|
- }
|
|
|
- #tower{
|
|
|
- width: 100%;
|
|
|
- padding: 10px;
|
|
|
- border-radius: 5px;
|
|
|
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
|
|
- border:none;
|
|
|
-
|
|
|
- }
|
|
|
- h1{
|
|
|
- font-size: 1.6rem;
|
|
|
- font-weight: 900;
|
|
|
- padding: 15px;
|
|
|
-
|
|
|
- }
|
|
|
- p{
|
|
|
- font-size: 2.4vmin;
|
|
|
- }
|
|
|
-
|
|
|
- .card{
|
|
|
- margin: 2.3vmin;
|
|
|
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
|
|
- border-radius:15px;
|
|
|
- padding: 15px;
|
|
|
- }
|
|
|
- .unit{
|
|
|
- font-size: 25px;
|
|
|
- font-weight: 900;
|
|
|
- }
|
|
|
- .data-title{
|
|
|
- color:#495057;
|
|
|
- }
|