Difference between revisions of "Template:UESTC-China/bootstrap.css"

 
(103 intermediate revisions by the same user not shown)
Line 25: Line 25:
 
main,
 
main,
 
menu,
 
menu,
−
nav,
+
nav,sc
−
section,
+
 
summary {
 
summary {
 
   display: block;
 
   display: block;
Line 263: Line 262:
 
   }
 
   }
 
}
 
}
−
@font-face {
 
−
  font-family: 'Glyphicons Halflings';
 
  
−
  src: url('../fonts/glyphicons-halflings-regular.eot');
 
−
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
 
−
}
 
 
.glyphicon {
 
.glyphicon {
 
   position: relative;
 
   position: relative;
Line 1,068: Line 1,062:
 
   content: "\e260";
 
   content: "\e260";
 
}
 
}
−
* {
+
 
−
  -webkit-box-sizing: border-box;
+
−
    -moz-box-sizing: border-box;
+
−
          box-sizing: border-box;
+
−
}
+
 
*:before,
 
*:before,
 
*:after {
 
*:after {
Line 1,087: Line 1,077:
 
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
   font-size: 14px;
 
   font-size: 14px;
−
  line-height: 1.42857143;
 
 
   color: #333;
 
   color: #333;
 
   background-color: #fff;
 
   background-color: #fff;
Line 1,100: Line 1,089:
 
}
 
}
 
a {
 
a {
−
   color: #337ab7;
+
   color: #000000;
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
Line 1,180: Line 1,169:
 
h5,
 
h5,
 
h6,
 
h6,
−
.h1,
 
 
.h2,
 
.h2,
 
.h3,
 
.h3,
Line 1,220: Line 1,208:
 
}
 
}
 
h1,
 
h1,
−
.h1,
 
 
h2,
 
h2,
 
.h2,
 
.h2,
Line 1,266: Line 1,253:
 
}
 
}
 
h1,
 
h1,
−
.h1 {
+
{
 
   font-size: 36px;
 
   font-size: 36px;
 
}
 
}
Line 1,525: Line 1,512:
 
   content: '\00A0 \2014';
 
   content: '\00A0 \2014';
 
}
 
}
−
address {
+
 
−
  margin-bottom: 20px;
+
−
  font-style: normal;
+
−
  line-height: 1.42857143;
+
−
}
+
−
code,
+
−
kbd,
+
−
pre,
+
−
samp {
+
−
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+
−
}
+
−
code {
+
−
  padding: 2px 4px;
+
−
  font-size: 90%;
+
−
  color: #c7254e;
+
−
  background-color: #f9f2f4;
+
−
  border-radius: 4px;
+
−
}
+
−
kbd {
+
−
  padding: 2px 4px;
+
−
  font-size: 90%;
+
−
  color: #fff;
+
−
  background-color: #333;
+
−
  border-radius: 3px;
+
−
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+
−
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+
−
}
+
−
kbd kbd {
+
−
  padding: 0;
+
−
  font-size: 100%;
+
−
  font-weight: bold;
+
−
  -webkit-box-shadow: none;
+
−
          box-shadow: none;
+
−
}
+
−
pre {
+
−
  display: block;
+
−
  padding: 9.5px;
+
−
  margin: 0 0 10px;
+
−
  font-size: 13px;
+
−
  line-height: 1.42857143;
+
−
  color: #333;
+
−
  word-break: break-all;
+
−
  word-wrap: break-word;
+
−
  background-color: #f5f5f5;
+
−
  border: 1px solid #ccc;
+
−
  border-radius: 4px;
+
−
}
+
−
pre code {
+
−
  padding: 0;
+
−
  font-size: inherit;
+
−
  color: inherit;
+
−
  white-space: pre-wrap;
+
−
  background-color: transparent;
+
−
  border-radius: 0;
+
−
}
+
−
.pre-scrollable {
+
−
  max-height: 340px;
+
−
  overflow-y: scroll;
+
−
}
+
 
.container {
 
.container {
 
   padding-right: 15px;
 
   padding-right: 15px;
Line 1,589: Line 1,518:
 
   margin-right: auto;
 
   margin-right: auto;
 
   margin-left: auto;
 
   margin-left: auto;
 +
  line-height:2.5em;
 +
-webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
    box-sizing: border-box;
 
}
 
}
 
@media (min-width: 769px) {
 
@media (min-width: 769px) {
Line 1,625: Line 1,558:
 
}
 
}
 
.col-xs-12 {
 
.col-xs-12 {
−
   width: 80%;
+
   width: 100%;
−
  margin-left: 5em;
+
−
  margin-right: 5em;
+
 
}
 
}
 
.col-xs-11 {
 
.col-xs-11 {
Line 1,797: Line 1,728:
 
   .col-sm-8 {
 
   .col-sm-8 {
 
     width: 80%;
 
     width: 80%;
−
margin-left: 5em;
 
−
margin-right: 5em;
 
 
   }
 
   }
 
   .col-sm-7 {
 
   .col-sm-7 {
Line 1,804: Line 1,733:
 
   }
 
   }
 
   .col-sm-6 {
 
   .col-sm-6 {
−
     width: 50%;
+
     width: 46%;
 
   }
 
   }
 
   .col-sm-5 {
 
   .col-sm-5 {
Line 1,954: Line 1,883:
 
   .col-md-9 {
 
   .col-md-9 {
 
     width: 80%;
 
     width: 80%;
−
margin-left: 10em;
 
−
margin-right: 5em;
 
 
   }
 
   }
 
   .col-md-8 {
 
   .col-md-8 {
Line 1,970: Line 1,897:
 
   }
 
   }
 
   .col-md-4 {
 
   .col-md-4 {
−
     width: 33.33333333%;
+
     width: 30%;
 
   }
 
   }
 
   .col-md-3 {
 
   .col-md-3 {
−
     width: 25%;
+
     width: 21%;
 
   }
 
   }
 
   .col-md-2 {
 
   .col-md-2 {
Line 2,496: Line 2,423:
 
     border-bottom: 0;
 
     border-bottom: 0;
 
   }
 
   }
−
}
 
−
fieldset {
 
−
  min-width: 0;
 
−
  padding: 0;
 
−
  margin: 0;
 
−
  border: 0;
 
−
}
 
−
legend {
 
−
  display: block;
 
−
  width: 100%;
 
−
  padding: 0;
 
−
  margin-bottom: 20px;
 
−
  font-size: 21px;
 
−
  line-height: inherit;
 
−
  color: #333;
 
−
  border: 0;
 
−
  border-bottom: 1px solid #e5e5e5;
 
−
}
 
−
label {
 
−
  display: inline-block;
 
−
  max-width: 100%;
 
−
  margin-bottom: 5px;
 
−
  font-weight: bold;
 
−
}
 
−
input[type="search"] {
 
−
  -webkit-box-sizing: border-box;
 
−
    -moz-box-sizing: border-box;
 
−
          box-sizing: border-box;
 
−
}
 
−
input[type="radio"],
 
−
input[type="checkbox"] {
 
−
  margin: 4px 0 0;
 
−
  margin-top: 1px \9;
 
−
  line-height: normal;
 
−
}
 
−
input[type="file"] {
 
−
  display: block;
 
−
}
 
−
input[type="range"] {
 
−
  display: block;
 
−
  width: 100%;
 
−
}
 
−
select[multiple],
 
−
select[size] {
 
−
  height: auto;
 
−
}
 
−
input[type="file"]:focus,
 
−
input[type="radio"]:focus,
 
−
input[type="checkbox"]:focus {
 
−
  outline: 5px auto -webkit-focus-ring-color;
 
−
  outline-offset: -2px;
 
−
}
 
−
output {
 
−
  display: block;
 
−
  padding-top: 7px;
 
−
  font-size: 14px;
 
−
  line-height: 1.42857143;
 
−
  color: #555;
 
−
}
 
−
.form-control {
 
−
  display: block;
 
−
  width: 100%;
 
−
  height: 34px;
 
−
  padding: 6px 12px;
 
−
  font-size: 14px;
 
−
  line-height: 1.42857143;
 
−
  color: #555;
 
−
  background-color: #fff;
 
−
  background-image: none;
 
−
  border: 1px solid #ccc;
 
−
  border-radius: 4px;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 
−
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 
−
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 
−
}
 
−
.form-control:focus {
 
−
  border-color: #66afe9;
 
−
  outline: 0;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 
−
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 
−
}
 
−
.form-control::-moz-placeholder {
 
−
  color: #999;
 
−
  opacity: 1;
 
−
}
 
−
.form-control:-ms-input-placeholder {
 
−
  color: #999;
 
−
}
 
−
.form-control::-webkit-input-placeholder {
 
−
  color: #999;
 
−
}
 
−
.form-control::-ms-expand {
 
−
  background-color: transparent;
 
−
  border: 0;
 
−
}
 
−
.form-control[disabled],
 
−
.form-control[readonly],
 
−
fieldset[disabled] .form-control {
 
−
  background-color: #eee;
 
−
  opacity: 1;
 
−
}
 
−
.form-control[disabled],
 
−
fieldset[disabled] .form-control {
 
−
  cursor: not-allowed;
 
−
}
 
−
textarea.form-control {
 
−
  height: auto;
 
−
}
 
−
input[type="search"] {
 
−
  -webkit-appearance: none;
 
−
}
 
−
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 
−
  input[type="date"].form-control,
 
−
  input[type="time"].form-control,
 
−
  input[type="datetime-local"].form-control,
 
−
  input[type="month"].form-control {
 
−
    line-height: 34px;
 
−
  }
 
−
  input[type="date"].input-sm,
 
−
  input[type="time"].input-sm,
 
−
  input[type="datetime-local"].input-sm,
 
−
  input[type="month"].input-sm,
 
−
  .input-group-sm input[type="date"],
 
−
  .input-group-sm input[type="time"],
 
−
  .input-group-sm input[type="datetime-local"],
 
−
  .input-group-sm input[type="month"] {
 
−
    line-height: 30px;
 
−
  }
 
−
  input[type="date"].input-lg,
 
−
  input[type="time"].input-lg,
 
−
  input[type="datetime-local"].input-lg,
 
−
  input[type="month"].input-lg,
 
−
  .input-group-lg input[type="date"],
 
−
  .input-group-lg input[type="time"],
 
−
  .input-group-lg input[type="datetime-local"],
 
−
  .input-group-lg input[type="month"] {
 
−
    line-height: 46px;
 
−
  }
 
−
}
 
−
.form-group {
 
−
  margin-bottom: 15px;
 
−
}
 
−
.radio,
 
−
.checkbox {
 
−
  position: relative;
 
−
  display: block;
 
−
  margin-top: 10px;
 
−
  margin-bottom: 10px;
 
−
}
 
−
.radio label,
 
−
.checkbox label {
 
−
  min-height: 20px;
 
−
  padding-left: 20px;
 
−
  margin-bottom: 0;
 
−
  font-weight: normal;
 
−
  cursor: pointer;
 
−
}
 
−
.radio input[type="radio"],
 
−
.radio-inline input[type="radio"],
 
−
.checkbox input[type="checkbox"],
 
−
.checkbox-inline input[type="checkbox"] {
 
−
  position: absolute;
 
−
  margin-top: 4px \9;
 
−
  margin-left: -20px;
 
−
}
 
−
.radio + .radio,
 
−
.checkbox + .checkbox {
 
−
  margin-top: -5px;
 
−
}
 
−
.radio-inline,
 
−
.checkbox-inline {
 
−
  position: relative;
 
−
  display: inline-block;
 
−
  padding-left: 20px;
 
−
  margin-bottom: 0;
 
−
  font-weight: normal;
 
−
  vertical-align: middle;
 
−
  cursor: pointer;
 
−
}
 
−
.radio-inline + .radio-inline,
 
−
.checkbox-inline + .checkbox-inline {
 
−
  margin-top: 0;
 
−
  margin-left: 10px;
 
−
}
 
−
input[type="radio"][disabled],
 
−
input[type="checkbox"][disabled],
 
−
input[type="radio"].disabled,
 
−
input[type="checkbox"].disabled,
 
−
fieldset[disabled] input[type="radio"],
 
−
fieldset[disabled] input[type="checkbox"] {
 
−
  cursor: not-allowed;
 
−
}
 
−
.radio-inline.disabled,
 
−
.checkbox-inline.disabled,
 
−
fieldset[disabled] .radio-inline,
 
−
fieldset[disabled] .checkbox-inline {
 
−
  cursor: not-allowed;
 
−
}
 
−
.radio.disabled label,
 
−
.checkbox.disabled label,
 
−
fieldset[disabled] .radio label,
 
−
fieldset[disabled] .checkbox label {
 
−
  cursor: not-allowed;
 
−
}
 
−
.form-control-static {
 
−
  min-height: 34px;
 
−
  padding-top: 7px;
 
−
  padding-bottom: 7px;
 
−
  margin-bottom: 0;
 
−
}
 
−
.form-control-static.input-lg,
 
−
.form-control-static.input-sm {
 
−
  padding-right: 0;
 
−
  padding-left: 0;
 
−
}
 
−
.input-sm {
 
−
  height: 30px;
 
−
  padding: 5px 10px;
 
−
  font-size: 12px;
 
−
  line-height: 1.5;
 
−
  border-radius: 3px;
 
−
}
 
−
select.input-sm {
 
−
  height: 30px;
 
−
  line-height: 30px;
 
−
}
 
−
textarea.input-sm,
 
−
select[multiple].input-sm {
 
−
  height: auto;
 
−
}
 
−
.form-group-sm .form-control {
 
−
  height: 30px;
 
−
  padding: 5px 10px;
 
−
  font-size: 12px;
 
−
  line-height: 1.5;
 
−
  border-radius: 3px;
 
−
}
 
−
.form-group-sm select.form-control {
 
−
  height: 30px;
 
−
  line-height: 30px;
 
−
}
 
−
.form-group-sm textarea.form-control,
 
−
.form-group-sm select[multiple].form-control {
 
−
  height: auto;
 
−
}
 
−
.form-group-sm .form-control-static {
 
−
  height: 30px;
 
−
  min-height: 32px;
 
−
  padding: 6px 10px;
 
−
  font-size: 12px;
 
−
  line-height: 1.5;
 
−
}
 
−
.input-lg {
 
−
  height: 46px;
 
−
  padding: 10px 16px;
 
−
  font-size: 18px;
 
−
  line-height: 1.3333333;
 
−
  border-radius: 6px;
 
−
}
 
−
select.input-lg {
 
−
  height: 46px;
 
−
  line-height: 46px;
 
−
}
 
−
textarea.input-lg,
 
−
select[multiple].input-lg {
 
−
  height: auto;
 
−
}
 
−
.form-group-lg .form-control {
 
−
  height: 46px;
 
−
  padding: 10px 16px;
 
−
  font-size: 18px;
 
−
  line-height: 1.3333333;
 
−
  border-radius: 6px;
 
−
}
 
−
.form-group-lg select.form-control {
 
−
  height: 46px;
 
−
  line-height: 46px;
 
−
}
 
−
.form-group-lg textarea.form-control,
 
−
.form-group-lg select[multiple].form-control {
 
−
  height: auto;
 
−
}
 
−
.form-group-lg .form-control-static {
 
−
  height: 46px;
 
−
  min-height: 38px;
 
−
  padding: 11px 16px;
 
−
  font-size: 18px;
 
−
  line-height: 1.3333333;
 
−
}
 
−
.has-feedback {
 
−
  position: relative;
 
−
}
 
−
.has-feedback .form-control {
 
−
  padding-right: 42.5px;
 
−
}
 
−
.form-control-feedback {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  right: 0;
 
−
  z-index: 2;
 
−
  display: block;
 
−
  width: 34px;
 
−
  height: 34px;
 
−
  line-height: 34px;
 
−
  text-align: center;
 
−
  pointer-events: none;
 
−
}
 
−
.input-lg + .form-control-feedback,
 
−
.input-group-lg + .form-control-feedback,
 
−
.form-group-lg .form-control + .form-control-feedback {
 
−
  width: 46px;
 
−
  height: 46px;
 
−
  line-height: 46px;
 
−
}
 
−
.input-sm + .form-control-feedback,
 
−
.input-group-sm + .form-control-feedback,
 
−
.form-group-sm .form-control + .form-control-feedback {
 
−
  width: 30px;
 
−
  height: 30px;
 
−
  line-height: 30px;
 
−
}
 
−
.has-success .help-block,
 
−
.has-success .control-label,
 
−
.has-success .radio,
 
−
.has-success .checkbox,
 
−
.has-success .radio-inline,
 
−
.has-success .checkbox-inline,
 
−
.has-success.radio label,
 
−
.has-success.checkbox label,
 
−
.has-success.radio-inline label,
 
−
.has-success.checkbox-inline label {
 
−
  color: #3c763d;
 
−
}
 
−
.has-success .form-control {
 
−
  border-color: #3c763d;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
}
 
−
.has-success .form-control:focus {
 
−
  border-color: #2b542c;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
 
−
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
 
−
}
 
−
.has-success .input-group-addon {
 
−
  color: #3c763d;
 
−
  background-color: #dff0d8;
 
−
  border-color: #3c763d;
 
−
}
 
−
.has-success .form-control-feedback {
 
−
  color: #3c763d;
 
−
}
 
−
.has-warning .help-block,
 
−
.has-warning .control-label,
 
−
.has-warning .radio,
 
−
.has-warning .checkbox,
 
−
.has-warning .radio-inline,
 
−
.has-warning .checkbox-inline,
 
−
.has-warning.radio label,
 
−
.has-warning.checkbox label,
 
−
.has-warning.radio-inline label,
 
−
.has-warning.checkbox-inline label {
 
−
  color: #8a6d3b;
 
−
}
 
−
.has-warning .form-control {
 
−
  border-color: #8a6d3b;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
}
 
−
.has-warning .form-control:focus {
 
−
  border-color: #66512c;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
 
−
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
 
−
}
 
−
.has-warning .input-group-addon {
 
−
  color: #8a6d3b;
 
−
  background-color: #fcf8e3;
 
−
  border-color: #8a6d3b;
 
−
}
 
−
.has-warning .form-control-feedback {
 
−
  color: #8a6d3b;
 
−
}
 
−
.has-error .help-block,
 
−
.has-error .control-label,
 
−
.has-error .radio,
 
−
.has-error .checkbox,
 
−
.has-error .radio-inline,
 
−
.has-error .checkbox-inline,
 
−
.has-error.radio label,
 
−
.has-error.checkbox label,
 
−
.has-error.radio-inline label,
 
−
.has-error.checkbox-inline label {
 
−
  color: #a94442;
 
−
}
 
−
.has-error .form-control {
 
−
  border-color: #a94442;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
−
}
 
−
.has-error .form-control:focus {
 
−
  border-color: #843534;
 
−
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
 
−
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
 
−
}
 
−
.has-error .input-group-addon {
 
−
  color: #a94442;
 
−
  background-color: #f2dede;
 
−
  border-color: #a94442;
 
−
}
 
−
.has-error .form-control-feedback {
 
−
  color: #a94442;
 
−
}
 
−
.has-feedback label ~ .form-control-feedback {
 
−
  top: 25px;
 
−
}
 
−
.has-feedback label.sr-only ~ .form-control-feedback {
 
−
  top: 0;
 
−
}
 
−
.help-block {
 
−
  display: block;
 
−
  margin-top: 5px;
 
−
  margin-bottom: 10px;
 
−
  color: #737373;
 
 
}
 
}
 
@media (min-width: 769px) {
 
@media (min-width: 769px) {
Line 3,526: Line 3,029:
 
   outline: 0;
 
   outline: 0;
 
}
 
}
 +
 
.dropdown-menu {
 
.dropdown-menu {
 
   position: absolute;
 
   position: absolute;
Line 3,547: Line 3,051:
 
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 
           box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 
           box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
 
}
 
}
 
.dropdown-menu.pull-right {
 
.dropdown-menu.pull-right {
Line 3,641: Line 3,146:
 
   margin-bottom: 2px;
 
   margin-bottom: 2px;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-right .dropdown-menu {
 
   .navbar-right .dropdown-menu {
 
     right: 0;
 
     right: 0;
Line 4,179: Line 3,684:
 
   border: 1px solid transparent;
 
   border: 1px solid transparent;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar {
 
   .navbar {
 
     border-radius: 4px;
 
     border-radius: 4px;
 
   }
 
   }
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-header {
 
   .navbar-header {
 
     float: left;
 
     float: left;
Line 4,201: Line 3,706:
 
   overflow-y: auto;
 
   overflow-y: auto;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-collapse {
 
   .navbar-collapse {
 
     width: auto;
 
     width: auto;
Line 4,241: Line 3,746:
 
   margin-left: -15px;
 
   margin-left: -15px;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .container > .navbar-header,
 
   .container > .navbar-header,
 
   .container-fluid > .navbar-header,
 
   .container-fluid > .navbar-header,
Line 4,254: Line 3,759:
 
   border-width: 0 0 1px;
 
   border-width: 0 0 1px;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-static-top {
 
   .navbar-static-top {
 
     border-radius: 0;
 
     border-radius: 0;
Line 4,266: Line 3,771:
 
   z-index: 1030;
 
   z-index: 1030;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-fixed-top,
 
   .navbar-fixed-top,
 
   .navbar-fixed-bottom {
 
   .navbar-fixed-bottom {
Line 4,282: Line 3,787:
 
}
 
}
 
.navbar-brand {
 
.navbar-brand {
−
  float: left;
 
 
   height: 50px;
 
   height: 50px;
 
   padding: 15px 15px;
 
   padding: 15px 15px;
Line 4,295: Line 3,799:
 
   display: block;
 
   display: block;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar > .container .navbar-brand,
 
   .navbar > .container .navbar-brand,
 
   .navbar > .container-fluid .navbar-brand {
 
   .navbar > .container-fluid .navbar-brand {
Line 4,303: Line 3,807:
 
.navbar-toggle {
 
.navbar-toggle {
 
   position: relative;
 
   position: relative;
−
   float: right;
+
   float: left;
−
   padding: 9px 10px;
+
   padding: 7px 10px;
−
   margin-top: 8px;
+
   margin-top: 18px;
 
   margin-right: 15px;
 
   margin-right: 15px;
−
   margin-bottom: 8px;
+
   margin-bottom: 0px;
 
   background-color: transparent;
 
   background-color: transparent;
 
   background-image: none;
 
   background-image: none;
Line 4,325: Line 3,829:
 
   margin-top: 4px;
 
   margin-top: 4px;
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-toggle {
 
   .navbar-toggle {
 
     display: none;
 
     display: none;
Line 4,338: Line 3,842:
 
   line-height: 20px;
 
   line-height: 20px;
 
}
 
}
−
@media (max-width: 769px) {
+
@media (max-width: 1023px) {
 
   .navbar-nav .open .dropdown-menu {
 
   .navbar-nav .open .dropdown-menu {
 
     position: static;
 
     position: static;
Line 4,361: Line 3,865:
 
   }
 
   }
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-nav {
 
   .navbar-nav {
 
     float: left;
 
     float: left;
Line 4,490: Line 3,994:
 
   }
 
   }
 
}
 
}
−
@media (min-width: 769px) {
+
@media (min-width: 1023px) {
 
   .navbar-left {
 
   .navbar-left {
 
     float: left !important;
 
     float: left !important;
Line 4,504: Line 4,008:
 
.navbar-default {
 
.navbar-default {
 
   background-color: #f8f8f8;
 
   background-color: #f8f8f8;
−
   border-color: #e7e7e7;
+
    
 
}
 
}
 
.navbar-default .navbar-brand {
 
.navbar-default .navbar-brand {
Line 5,135: Line 4,639:
 
.progress {
 
.progress {
 
   height: 20px;
 
   height: 20px;
−
  margin-bottom: 20px;
+
/*  margin-bottom: 20px;*/
 
   overflow: hidden;
 
   overflow: hidden;
 
   background-color: #f5f5f5;
 
   background-color: #f5f5f5;
 
   border-radius: 4px;
 
   border-radius: 4px;
 +
/*
 
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 +
*/
 
}
 
}
 
.progress-bar {
 
.progress-bar {
Line 5,848: Line 5,354:
 
   border-radius: 3px;
 
   border-radius: 3px;
 
}
 
}
−
.close {
+
 
−
  float: right;
+
−
  font-size: 21px;
+
−
  font-weight: bold;
+
−
  line-height: 1;
+
−
  color: #000;
+
−
  text-shadow: 0 1px 0 #fff;
+
−
  filter: alpha(opacity=20);
+
−
  opacity: .2;
+
−
}
+
−
.close:hover,
+
−
.close:focus {
+
−
  color: #000;
+
−
  text-decoration: none;
+
−
  cursor: pointer;
+
−
  filter: alpha(opacity=50);
+
−
  opacity: .5;
+
−
}
+
 
button.close {
 
button.close {
 
   -webkit-appearance: none;
 
   -webkit-appearance: none;
Line 6,577: Line 6,066:
 
   display: none !important;
 
   display: none !important;
 
}
 
}
 +
 
@media (max-width: 768px) {
 
@media (max-width: 768px) {
 
   .visible-xs {
 
   .visible-xs {
Line 6,765: Line 6,255:
 
}
 
}
  
 +
@font-face{
 +
font-family:'myfoot';
 +
src:url("https://static.igem.org/mediawiki/2019/e/eb/T--UESTC-China--foot.otf")
 +
}
  
 +
@font-face{
 +
font-family:'left';
 +
src:url("https://static.igem.org/mediawiki/2019/0/0c/T--UESTC-China--left.ttf")
 +
}
 +
 +
@font-face{
 +
font-family:'main';
 +
src:url("https://static.igem.org/mediawiki/2019/e/e3/T--UESTC-China--main.ttf")
 +
}
 +
 +
@font-face{
 +
font-family:'home';
 +
src:url("https://static.igem.org/mediawiki/2019/7/73/T--UESTC-China--homefont.otf")
 +
}
 +
 +
.firstless{
 +
float: left;
 +
}
 
.bigtitle{
 
.bigtitle{
−
font-family: "SimSun";
+
margin: 20px 0px 20px 0px;
−
font-size: 2em;
+
font-family: "myfoot",serif;
−
font-weight: 700;
+
font-size: 36px;
 
text-align: center;
 
text-align: center;
 
border-radius:5em;
 
border-radius:5em;
−
color: #000000;
+
color: #ffffff;
 +
        background:#b6caf2;
 +
        background: -webkit-linear-gradient(left,white,#b6caf2,#b6caf2,#b6caf2,#b6caf2,#b6caf2,#b6caf2,white);
 
}
 
}
−
 
+
.smalltitle{
 +
margin: 20px 0px 20px 0px;
 +
        line-height:2;
 +
font-size: 24px;
 +
font-weight: 550;
 +
        padding-top:10px;
 +
        padding-bottom:10px;
 +
}
 
.mainbody{
 
.mainbody{
−
font-family: "SimSun";
+
font-family:"main",serif;
−
    font-size: 1.5em;
+
        font-size: 22px;
 +
        line-height: 170%;
 +
        text-align: justify;
 +
        margin-top:10px;
 +
        margin-bottom:10px;
 +
}
 +
.mainbody p{
 +
        line-height:170%     
 +
}
  
 +
.mainbody h2{
 +
        font-weight:700;
 
}
 
}
  
−
.piture{
+
.picture{
 
text-align: center;
 
text-align: center;
−
    width: 100%;
+
        width: 100%;
 +
        margin-top:15px;
 
}
 
}
  
 
.words{
 
.words{
−
font-family: "SimSun";
+
font-family: "Lato";
−
font-size: 1em;
+
font-size: 0.8em;
−
font-style: oblique;
+
        text-align: center;
−
    text-align: center;
+
        line-height: 180%;
−
+
        padding-top:10px;
−
}
+
        padding-bottom:20px;
−
 
+
−
@media(max-width:767px){
+
−
.firstless{
+
−
display: none;
+
−
}
+
 
}
 
}
  
Line 6,803: Line 6,330:
 
background-color: transparent;
 
background-color: transparent;
 
z-index: 2;
 
z-index: 2;
 +
opacity: 0;
 
}
 
}
  
 
.topnav.scrolled{
 
.topnav.scrolled{
−
background-color: #000000;
+
/* background-color: #000000;*/
 
z-index: 2;
 
z-index: 2;
 +
opacity: 1;
 
}
 
}
−
@media(max-width:500px){
+
@media(max-width:1023px){
−
.col-my{
+
.firstless{
−
width:100%;
+
display: none;
−
margin-left: 0em;
+
−
margin-right: 1em;
+
 
}
 
}
 
}
 
}
 +
@media(min-width:1024px){
 +
.secondless{
 +
float: right!important;
 +
}
 +
}
  
−
/*# sourceMappingURL=bootstrap.css.map */
+
.up{
−
@charset "utf-8";
+
position: fixed;
−
/* CSS Document */
+
right: 0.5em;
 +
bottom: 80px;
 +
cursor: pointer;
 +
text-align: center;
 +
width: 100px;
 +
height: 100px;
 +
z-index: 100;
 +
display: block;
 +
}
 +
 +
.dropdown a:hover {color:#45bcf9 !important;}
  
 +
        .f_mh{
 +
padding: 0;
 +
font-size:18px;
 +
                font-size:1.3vw;
 +
font-family:"left",serif;
 +
font-weight: 500;
 +
list-style: none;
 +
}
  
 +
 +
.f_mh h{
 +
font-size: 24px;
 +
padding-bottom: 15em;
 +
}
 +
.f_mh li{
 +
padding-bottom: 10px;
 +
width: 9em;
 +
                display: list-item;
 +
                cursor:pointer;
 +
}
 +
.f_mh li:first-child{
 +
padding-top: 20px;
 +
}
 +
 +
.f_mh li.active a{
 +
color: #b6caf2;
 +
border-left: 5px solid #b6caf2;
 +
outline:0;
 +
text-decoration: none;
 +
}
 +
.f_mh li a{
 +
                color:#000000;
 +
text-decoration: none;
 +
padding-left: 5px;
 +
                display: block;
 +
}
 +
.f_mh li a:hover{
 +
color:#45bcf9;
 +
}
  
 +
        .mybtn{
 +
    z-index: 99;
 +
    position:relative;
 +
            width:50px;
 +
            height:50px;
 +
    left:45%;
 +
    background-color: transparent;
 +
            top:-100px
 +
    }
 +
        @media(max-width:767px){
 +
.mybtnless{
 +
display: none;
 +
  }
 +
        }
 +
 +
        @media(min-width:768px){
 +
        .myconless{
 +
                margin-top:-80px;
 +
          }
 +
        }
 +
.col-fmh{
 +
position: relative;
 +
                min-height: 1px;
 +
float: left;
 +
width: 100%;
 +
}
 +
@media(min-width:600px){
 +
.col-5{
 +
  z-index: 1;
 +
  padding-left: 5em;
 +
  padding-right: 5em;
 +
}
 +
 +
.col-55{
 +
  z-index: 1;
 +
  padding-left: 5.5em;
 +
  padding-right: 5.5em;
 +
}
 +
 +
.col-6{
 +
  z-index: 1;
 +
  padding-left: 6em;
 +
  padding-right: 6em;
 +
}
 +
 +
                .col-65{
 +
  z-index: 1;
 +
  padding-left: 6.5em;
 +
  padding-right: 6.5em;
 +
                }
 +
.col-7{
 +
  z-index: 1;
 +
  padding-left: 7em;
 +
  padding-right: 7em;
 +
}
 +
.col-8{
 +
  z-index: 1;
 +
  padding-left: 8em;
 +
  padding-right: 8em;
 +
}
 +
 +
}
 +
    .firstph{
 +
        margin-top:32px;
 +
      }
 +
     
 +
#hide{
 +
                        margin-top:-50px;
 +
position: absolute;
 +
z-index: 9999;
 +
background:white;
 +
                        text-align:center;
 +
}
 +
              #hider{
 +
                      position:fixed;
 +
                      top:200px;
 +
              }
 +
              #hiderr{
 +
                        margin-top:-30px;
 +
position: absolute;
 +
z-index: 2;
 +
background:white;
 +
                        text-align:center;
 +
                      height:200000px;
 +
                      width:2000px;;
 +
                }
 +
              .secondli{
 +
                        list-style: none;
 +
margin-left: 10px!important;
 +
display:none;
 +
}
 +
.secondli li a{
 +
text-decoration: none;
 +
                        font-size:16px;
 +
}
 +
 +
.c-banner{
 +
width: 100%;
 +
position: relative;
 +
}
 +
.c-banner img{
 +
width: 100%;
 +
}
 +
.c-banner .banner ul{
 +
list-style: none;
 +
padding-left: 0px;
 +
margin: 0px;
 +
}
 +
.c-banner .banner ul li{
 +
 +
display: none;
 +
opacity: 0;
 +
}
 +
.c-banner .banner ul li:nth-child(1){
 +
opacity: 1;
 +
display: block;
 +
}
 +
.c-banner .banner ul li img{
 +
width: 100%;
 +
position: absolute;
 +
top: 0px;
 +
}
 +
.c-banner .banner ul li:first-child img{
 +
position: relative;
 +
}
 +
.c-banner .nexImg,.c-banner .preImg{
 +
padding: 25px 10px 25px 10px;
 +
position: absolute;
 +
top: 50%;
 +
margin-top: -53px;
 +
background: #000000;
 +
opacity: 0.5;
 +
border-radius: 5px;
 +
z-index: 10;
 +
 +
}
 +
.c-banner .nexImg:hover,.c-banner .preImg:hover{
 +
opacity: 0.8;
 +
}
 +
 +
 +
.c-banner .jumpBtn{
 +
width: 100%;
 +
position: absolute;
 +
bottom: 20px;
 +
text-align: center;
 +
}
 +
.c-banner .jumpBtn ul{
 +
padding: 0;
 +
margin-bottom: -1.5em;
 +
}
 +
 +
.c-banner .jumpBtn ul li{
 +
width: 14px;
 +
height: 14px;
 +
border-radius: 50%;
 +
display: inline-block;
 +
background-color: white;
 +
opacity: 0.9;
 +
margin-left: 10px;
 +
}
 +
.c-banner .jumpBtn ul li:first-child{
 +
margin-left: 0px;
 +
}
 +
@media screen and (max-width:768px) {
 +
.c-banner{
 +
width: 100%;
 +
height: 345px;
 +
overflow: hidden;
 +
}
 +
.c-banner .banner ul li img{
 +
width: 100%;
 +
                text-align:center;
 +
}
 +
}
 +
 +
caption{
 +
color:black;
 +
text-align:center;
 +
font-weight:600;
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 03:17, 21 October 2019