|
|
@@ -1,164 +1,240 @@
|
|
|
body {
|
|
|
- font: 12px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif;
|
|
|
- color: #333;
|
|
|
+ line-height: 1.6;
|
|
|
+ font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei",
|
|
|
+ "\9ED1\4F53", Arial, sans-serif;
|
|
|
+ color: #222;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
|
|
|
h1,h2,h3 {
|
|
|
- color: #00bcdb;
|
|
|
- font-family: "museo-sans-rounded-n5", "museo-sans-rounded",
|
|
|
- "Trebuchet MS", Arial, Sans-Serif;
|
|
|
-}
|
|
|
-
|
|
|
-label {
|
|
|
- font-family: "Microsoft YaHei";
|
|
|
-}
|
|
|
-/*navbar*/
|
|
|
-.navbar-custom .navbar-inner {
|
|
|
- background-color: #00bcdb;
|
|
|
- background-image: -moz-linear-gradient(top, #00bcdb, #00b3d1);
|
|
|
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00bcdb),
|
|
|
- to(#00b3d1));
|
|
|
- background-image: -webkit-linear-gradient(top, #00bcdb, #00b3d1);
|
|
|
- background-image: -o-linear-gradient(top, #00bcdb, #00b3d1);
|
|
|
- background-image: linear-gradient(to bottom, #00bcdb, #00b3d1);
|
|
|
- background-repeat: repeat-x;
|
|
|
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bcdb',
|
|
|
- endColorstr='#00b3d1', GradientType=0);
|
|
|
- border-bottom: 1px solid #00b3d1;
|
|
|
- -webkit-border-radius: 0;
|
|
|
- -moz-border-radius: 0;
|
|
|
- border-radius: 0;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-style: normal;
|
|
|
}
|
|
|
|
|
|
-.navbar-custom .navbar-inner .container {
|
|
|
- width: 990px;
|
|
|
+@media ( min-width : 1200px) {
|
|
|
+ .container {
|
|
|
+ width: 990px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.navbar-custom .title {
|
|
|
- display: inline-block;
|
|
|
- padding-left: 118px;
|
|
|
- font-family: "\5FAE\8F6F\96C5\9ED1";
|
|
|
- font-size: 38px;
|
|
|
- font-weight: 700;
|
|
|
- height: 50px;
|
|
|
- color: #fff;
|
|
|
- background: url("../img/all/logo.png") no-repeat;
|
|
|
- background-position: 0 -50px;
|
|
|
- text-transform: uppercase;
|
|
|
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
+.has-feedback-left {
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
-#switch {
|
|
|
- padding: 20px 0;
|
|
|
+.form-control-feedback-left {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 2;
|
|
|
+ display: block;
|
|
|
+ width: 30px;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 2.3;
|
|
|
+ text-align: center;
|
|
|
+ pointer-events: none;
|
|
|
+ color: #bbb;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
|
|
|
-#switch li {
|
|
|
- padding: 7px 10px;
|
|
|
- text-decoration: none;
|
|
|
- -moz-transition: all 0.3s ease-in-out;
|
|
|
- -webkit-transition: all 0.3s ease-in-out;
|
|
|
- -o-transition: all 0.3s ease-in-out;
|
|
|
- transition: all 0.3s ease-in-out;
|
|
|
+.has-feedback-left>.form-control {
|
|
|
+ padding-left: 30px;
|
|
|
}
|
|
|
|
|
|
-#switch a {
|
|
|
- text-decoration: none;
|
|
|
+.btn-inverse {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #44b549;
|
|
|
+ background-image: -moz-linear-gradient(top, #44b549 0, #44b549 100%);
|
|
|
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44b549),
|
|
|
+ to(#44b549));
|
|
|
+ background-image: -webkit-linear-gradient(top, #44b549 0, #44b549 100%);
|
|
|
+ background-image: -o-linear-gradient(top, #44b549 0, #44b549 100%);
|
|
|
+ background-image: linear-gradient(to bottom, #44b549 0, #44b549 100%);
|
|
|
+ border-color: #44b549;
|
|
|
+ width: 120px;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active {
|
|
|
+ background-color: #2f9833;
|
|
|
+ background-image: -moz-linear-gradient(top, #2f9833 0, #2f9833 100%);
|
|
|
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f9833),
|
|
|
+ to(#2f9833));
|
|
|
+ background-image: -webkit-linear-gradient(top, #2f9833 0, #2f9833 100%);
|
|
|
+ background-image: -o-linear-gradient(top, #2f9833 0, #2f9833 100%);
|
|
|
+ background-image: linear-gradient(to bottom, #2f9833 0, #2f9833 100%);
|
|
|
+ border-color: #2f9833;
|
|
|
color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- text-transform: uppercase;
|
|
|
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
- margin-left: 5px;
|
|
|
}
|
|
|
|
|
|
-#switch li:hover {
|
|
|
- background-color: #00a6c2;
|
|
|
- -webkit-border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- border-radius: 5px;
|
|
|
+/*header*/
|
|
|
+#top {
|
|
|
+ border-top: 4px solid #44b549;
|
|
|
+ border-bottom: 1px solid #d9dadc;
|
|
|
}
|
|
|
|
|
|
-#wrapper {
|
|
|
- width: 990px;
|
|
|
- margin: 0 auto;
|
|
|
+#top .navbar-header .navbar-brand {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
}
|
|
|
|
|
|
-.btn[type="submit"] {
|
|
|
- font-weight: bold;
|
|
|
- letter-spacing: 8px;
|
|
|
+#top .navbar-header .title {
|
|
|
+ background: url("../img/logo/uas_gray.png") no-repeat center center;
|
|
|
+ width: 87px;
|
|
|
+ height: 50px;
|
|
|
}
|
|
|
|
|
|
-/*table-cell auto layout*/
|
|
|
-.tabcell {
|
|
|
- display: table;
|
|
|
- margin: 0;
|
|
|
- width: 100%;
|
|
|
- table-layout: fixed;
|
|
|
+#top .navbar-header b {
|
|
|
+ display: block;
|
|
|
+ width: 1px;
|
|
|
+ height: 18px;
|
|
|
+ margin: 18px 10px 0 11px;
|
|
|
+ z-index: 100;
|
|
|
+ float: left;
|
|
|
+ background: #ccc;
|
|
|
}
|
|
|
|
|
|
-.tabcell li {
|
|
|
- display: table-cell;
|
|
|
- text-align: center;
|
|
|
- vertical-align: middle;
|
|
|
- padding: 4px 2px;
|
|
|
- cursor: pointer;
|
|
|
+.navbar-header span {
|
|
|
+ float: left;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #666;
|
|
|
}
|
|
|
-
|
|
|
-.tabcell li.active {
|
|
|
- border-bottom: 2px solid #01b46a;
|
|
|
+/*main*/
|
|
|
+#banner {
|
|
|
+ background: url("../img/bg/bg_signin.jpg") no-repeat center center;
|
|
|
+ background-color: #090b1a;
|
|
|
}
|
|
|
|
|
|
-#logintype li {
|
|
|
- background-color: #f5f5f5;
|
|
|
- -webkit-border-radius: 5px 5px 0 0;
|
|
|
- -moz-border-radius: 5px 5px 0 0;
|
|
|
- border-radius: 5px 5px 0 0;
|
|
|
+#banner>.container {
|
|
|
+ height: 460px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
-.well .tabcell li {
|
|
|
- padding: 20px 10px;
|
|
|
+#en-info {
|
|
|
+ position: absolute;
|
|
|
+ top: 100px;
|
|
|
+ left: 0;
|
|
|
+ color: #fff;
|
|
|
+ letter-spacing: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+#login-wrap {
|
|
|
+ width: 386px;
|
|
|
+ margin-top: 25px;
|
|
|
+ padding: 25px 35px 20px;
|
|
|
+ border-radius: 2px;
|
|
|
+ -moz-border-radius: 2px;
|
|
|
+ -webkit-border-radius: 2px;
|
|
|
+ box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+ -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+ -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+#code-wrap {
|
|
|
+ position: absolute;
|
|
|
+ top: 25px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: 490px;
|
|
|
+ padding: 16px;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 2px;
|
|
|
+ -moz-border-radius: 2px;
|
|
|
+ -webkit-border-radius: 2px;
|
|
|
+ box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+ -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+ -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+ text-align: center;
|
|
|
+ color: #717375;
|
|
|
+ font-size: 12px;
|
|
|
+ -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+ -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
|
|
+}
|
|
|
+
|
|
|
+#note {
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 90px;
|
|
|
+ line-height: 40px;
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #e7e7eb;
|
|
|
+}
|
|
|
+
|
|
|
+#note
|
|
|
+
|
|
|
+li
|
|
|
+:not
|
|
|
+
|
|
|
+(
|
|
|
+:first-child
|
|
|
+
|
|
|
+)
|
|
|
+{
|
|
|
+margin-left
|
|
|
+:
|
|
|
+
|
|
|
+30
|
|
|
+px
|
|
|
+;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+#note i {
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 400;
|
|
|
+ font-style: normal;
|
|
|
+ vertical-align: middle;
|
|
|
+ color: #d5d5d5;
|
|
|
+ margin-top: -0.2em;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+#note a {
|
|
|
+ width: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ word-wrap: normal;
|
|
|
+ max-width: 22em;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
|
|
|
-.well .tabcell li:hover {
|
|
|
- background-color: #ccc;
|
|
|
- filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,
|
|
|
- startColorStr=#ccc, endColorStr=#f5f5f5);
|
|
|
- background: -ms-linear-gradient(top, #ccc, #f5f5f5);
|
|
|
- background: -moz-linear-gradient(top, #ccc, #f5f5f5);
|
|
|
- background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#ccc),
|
|
|
- to(#f5f5f5));
|
|
|
- background: -webkit-linear-gradient(top, #ccc, #f5f5f5);
|
|
|
- background: -o-linear-gradient(top, #ccc, #f5f5f5);
|
|
|
- -webkit-border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- border-radius: 5px;
|
|
|
+#note a:hover {
|
|
|
+ color: #428bca;
|
|
|
}
|
|
|
|
|
|
-.well .tabcell li:hover hr {
|
|
|
- border-top: 1px solid #00bcdb;
|
|
|
- border-bottom: 1px solid #00bcdb;
|
|
|
+#note .extra {
|
|
|
+ position: absolute;
|
|
|
+ right: 16px;
|
|
|
+ top: 0;
|
|
|
}
|
|
|
|
|
|
-.tabcell a {
|
|
|
- color: #00bcdb;
|
|
|
- text-decoration: none;
|
|
|
+.new {
|
|
|
+ background: url("../img/icon/new.jpg") no-repeat;
|
|
|
+ width: 22px;
|
|
|
+ height: 8px;
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 6px;
|
|
|
}
|
|
|
-/**/
|
|
|
-.nav-tabs li {
|
|
|
- cursor: pointer;
|
|
|
+/*footer*/
|
|
|
+#footer {
|
|
|
+ color: #f1f1f1;
|
|
|
+ background-color: #b8b9b9;
|
|
|
+ padding: 20px 0;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
-
|
|
|
-.nav-tabs .active a {
|
|
|
- font-weight: bold;
|
|
|
+#footer a {
|
|
|
+ color: #f1f1f1;
|
|
|
}
|
|
|
-
|
|
|
-/*footer*/
|
|
|
-footer {
|
|
|
- margin-top: 40px;
|
|
|
+#footer ul {
|
|
|
+ margin: 0;
|
|
|
}
|
|
|
-
|
|
|
-footer .container {
|
|
|
- width: 990px;
|
|
|
- border-top: 3px solid #00bcdb;
|
|
|
- padding-top: 10px;
|
|
|
+#footer .list-inline>li:not(:last-child):after {
|
|
|
+ margin-left: 15px;
|
|
|
+ content: "|"
|
|
|
}
|
administrator
