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

 
(67 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,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,800: Line 1,733:
 
   }
 
   }
 
   .col-sm-6 {
 
   .col-sm-6 {
     width: 50%;
+
     width: 46%;
 
   }
 
   }
 
   .col-sm-5 {
 
   .col-sm-5 {
Line 1,964: 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,490: 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 4,299: Line 3,808:
 
   position: relative;
 
   position: relative;
 
   float: left;
 
   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 5,845: 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,761: Line 6,253:
 
     display: none !important;
 
     display: none !important;
 
   }
 
   }
 +
}
 +
 +
@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")
 
}
 
}
  
Line 6,767: Line 6,279:
 
}
 
}
 
.bigtitle{
 
.bigtitle{
font-family: 'MV Boli';
+
margin: 20px 0px 20px 0px;
 +
font-family: "myfoot",serif;
 
font-size: 36px;
 
font-size: 36px;
font-weight: 700;
 
 
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:"Cambria";
+
font-family:"main",serif;
         font-size: 24px;
+
         font-size: 22px;
         line-height: 200%;
+
         line-height: 170%;
 
         text-align: justify;
 
         text-align: justify;
 +
        margin-top:10px;
 +
        margin-bottom:10px;
 
}
 
}
 
.mainbody p{
 
.mainbody p{
         line-height:200%       
+
         line-height:170%       
 
}
 
}
  
Line 6,789: Line 6,312:
 
}
 
}
  
.piture{
+
.picture{
 
text-align: center;
 
text-align: center;
 
         width: 100%;
 
         width: 100%;
 +
        margin-top:15px;
 
}
 
}
  
 
.words{
 
.words{
 
font-family: "Lato";
 
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;
 
}
 
}
  
Line 6,840: Line 6,366:
 
padding: 0;
 
padding: 0;
 
font-size:18px;
 
font-size:18px;
font-family:"Comic Sans MS";
+
                font-size:1.3vw;
 +
font-family:"left",serif;
 
font-weight: 500;
 
font-weight: 500;
 
list-style: none;
 
list-style: none;
Line 6,852: Line 6,379:
 
.f_mh li{
 
.f_mh li{
 
padding-bottom: 10px;
 
padding-bottom: 10px;
width: 10.2em;
+
width: 9em;
 
                 display: list-item;
 
                 display: list-item;
 +
                cursor:pointer;
 
}
 
}
 
.f_mh li:first-child{
 
.f_mh li:first-child{
Line 6,868: Line 6,396:
 
                 color:#000000;
 
                 color:#000000;
 
text-decoration: none;
 
text-decoration: none;
padding-left: 10px;
+
padding-left: 5px;
 
                 display: block;
 
                 display: block;
 
}
 
}
 +
.f_mh li a:hover{
 +
color:#45bcf9;
 +
}
 +
 
         .mybtn{
 
         .mybtn{
 
    z-index: 99;
 
    z-index: 99;
Line 6,893: Line 6,425:
 
  .col-fmh{
 
  .col-fmh{
 
position: relative;
 
position: relative;
        min-height: 1px;
+
                min-height: 1px;
        padding-right: 15px;
+
        padding-left: 15px;
+
 
float: left;
 
float: left;
 
width: 100%;
 
width: 100%;
Line 6,918: Line 6,448:
 
}
 
}
 
 
 +
                .col-65{
 +
  z-index: 1;
 +
  padding-left: 6.5em;
 +
  padding-right: 6.5em;
 +
                }
 
.col-7{
 
.col-7{
 
  z-index: 1;
 
  z-index: 1;
Line 6,931: Line 6,466:
 
}
 
}
 
     .firstph{
 
     .firstph{
         margin-top:30px;
+
         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