|
|
(69 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,930: |
Line 6,465: |
| | | |
| } | | } |
| + | .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> |