更新 'static/index2.css'

static/index3.css → static/index2.css

@@ -1,210 +1,210 @@
-#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;
+#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;
 }