|
|
Line 1: |
Line 1: |
− | <html><title>GBC-Product_Design</title> | + | {{Fudan-TSI}} |
| + | <html lang="en"> |
| + | <!-- |
| + | This html document is created by Tian Huang for Team Fudan iGEM 2018. |
| + | We make it compatible on laptop and mobile devices by using Materialize 1.0.0-rc.2. |
| + | --> |
| + | <!-- LC check on 2018-10-18 --> |
| + | <head> |
| + | <meta charset="UTF-8"> |
| | | |
− | <!--CREATOR OF THIS WIKI TEMPLATE: WEIQIAN LIN, KUANGYI WEI,Copyright Served. Any eligible editor using this template must be a member of the iGEM team: GreatBay_China 2018--> | + | <!-- CSS --> |
| + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-css.css&action=raw&ctype=text/css" /> |
| | | |
− | <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | + | <!-- Font-awesome icons 4.7.0 --> |
− | <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
| + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-font-awesome.css&action=raw&ctype=text/css" /> |
− | <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
| + | |
− | <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
| + | |
− | <head>
| + | |
− | <!-- Basic Page Needs
| + | |
− | ================================================== -->
| + | |
− | <meta charset="utf-8">
| + | |
− |
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
| + | |
− | <!-- css bootstrap -->
| + | |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" /> | + | |
− | <!-- js jquery -->
| + | |
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
| + | |
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/bootstrap/3.3.7/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
| + | |
− | <!-- js menu -->
| + | |
− | <script type="text/javascript">
| + | |
− | $(function () { $("[data-toggle='popover']").popover(); });
| + | |
− | </script>
| + | |
− | <script type="text/javascript">
| + | |
− | $(function(){
| + | |
− | $('.top-nav ul li span').hover(function(){
| + | |
− | $(this).addClass('hover');
| + | |
− | },function(){
| + | |
− | $(this).removeClass('hover');
| + | |
− | });
| + | |
− | $('.top-nav ul li').mouseover(function(){
| + | |
− | $(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();
| + | |
− | });
| + | |
− | $('.top-nav ul li span').mouseleave(function(){
| + | |
− | $(this).siblings('div').stop().slideUp()});
| + | |
− | $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
| + | |
− | })
| + | |
− | </script>
| + | |
− | <script>
| + | |
− | function changeface()
| + | |
− | {
| + | |
− | element=document.getElementById('menuhead')
| + | |
− | if (element.style.display='none')
| + | |
− | {
| + | |
− | element.style.display='block';
| + | |
− | }
| + | |
− | else
| + | |
− | {
| + | |
− | element.style.display='none';
| + | |
− | }
| + | |
− | }
| + | |
− | </script>
| + | |
− | <!-- font -->
| + | |
− | <style>
| + | |
− | /* latin */
| + | |
− | @font-face {
| + | |
− | font-family: 'Delius';
| + | |
− | font-style: normal;
| + | |
− | font-weight: 400;
| + | |
− | src: local('Delius-Regular'), url(https://static.igem.org/mediawiki/2018/a/af/T--GreatBay_China--font.woff) format('woff');
| + | |
− | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
| + | |
− | }
| + | |
− | </style>
| + | |
− | <!-- css main -->
| + | |
− | <style>
| + | |
− | html {
| + | |
− | font-family: sans-serif;
| + | |
− | -webkit-text-size-adjust: 100%;
| + | |
− | -ms-text-size-adjust: 100%;
| + | |
− | }
| + | |
− | body {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | article,
| + | |
− | aside,
| + | |
− | details,
| + | |
− | figcaption,
| + | |
− | figure,
| + | |
− | footer,
| + | |
− | header,
| + | |
− | hgroup,
| + | |
− | main,
| + | |
− | menu,
| + | |
− | nav,
| + | |
− | section,
| + | |
− | summary {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | audio,
| + | |
− | canvas,
| + | |
− | progress,
| + | |
− | video {
| + | |
− | display: inline-block;
| + | |
− | vertical-align: baseline;
| + | |
− | }
| + | |
− | audio:not([controls]) {
| + | |
− | display: none;
| + | |
− | height: 0;
| + | |
− | }
| + | |
− | [hidden],
| + | |
− | template {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | a {
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | a:active,
| + | |
− | a:hover {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | abbr[title] {
| + | |
− | border-bottom: 1px dotted;
| + | |
− | }
| + | |
− | b,
| + | |
− | strong {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | dfn {
| + | |
− | font-style: italic;
| + | |
− | }
| + | |
− | h1 {
| + | |
− | margin: .67em 0;
| + | |
− | font-size: 2em;
| + | |
− | }
| + | |
− | mark {
| + | |
− | color: #000;
| + | |
− | background: #ff0;
| + | |
− | }
| + | |
− | small {
| + | |
− | font-size: 80%;
| + | |
− | }
| + | |
− | sub,
| + | |
− | sup {
| + | |
− | position: relative;
| + | |
− | font-size: 75%;
| + | |
− | line-height: 0;
| + | |
− | vertical-align: baseline;
| + | |
− | }
| + | |
− | sup {
| + | |
− | top: -.5em;
| + | |
− | }
| + | |
− | sub {
| + | |
− | bottom: -.25em;
| + | |
− | }
| + | |
− | img {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | svg:not(:root) {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | figure {
| + | |
− | margin: 1em 40px;
| + | |
− | }
| + | |
− | hr {
| + | |
− | height: 0;
| + | |
− | -webkit-box-sizing: content-box;
| + | |
− | -moz-box-sizing: content-box;
| + | |
− | box-sizing: content-box;
| + | |
− | }
| + | |
− | pre {
| + | |
− | overflow: auto;
| + | |
− | }
| + | |
− | code,
| + | |
− | kbd,
| + | |
− | pre,
| + | |
− | samp {
| + | |
− | font-family: monospace, monospace;
| + | |
− | font-size: 1em;
| + | |
− | }
| + | |
− | button,
| + | |
− | input,
| + | |
− | optgroup,
| + | |
− | select,
| + | |
− | textarea {
| + | |
− | margin: 0;
| + | |
− | font: inherit;
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− | button {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− | button,
| + | |
− | select {
| + | |
− | text-transform: none;
| + | |
− | }
| + | |
− | button,
| + | |
− | html input[type="button"],
| + | |
− | input[type="reset"],
| + | |
− | input[type="submit"] {
| + | |
− | -webkit-appearance: button;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− | button[disabled],
| + | |
− | html input[disabled] {
| + | |
− | cursor: default;
| + | |
− | }
| + | |
− | button::-moz-focus-inner,
| + | |
− | input::-moz-focus-inner {
| + | |
− | padding: 0;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | input {
| + | |
− | line-height: normal;
| + | |
− | }
| + | |
− | input[type="checkbox"],
| + | |
− | input[type="radio"] {
| + | |
− | -webkit-box-sizing: border-box;
| + | |
− | -moz-box-sizing: border-box;
| + | |
− | box-sizing: border-box;
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | input[type="number"]::-webkit-inner-spin-button,
| + | |
− | input[type="number"]::-webkit-outer-spin-button {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | input[type="search"] {
| + | |
− | -webkit-box-sizing: content-box;
| + | |
− | -moz-box-sizing: content-box;
| + | |
− | box-sizing: content-box;
| + | |
− | -webkit-appearance: textfield;
| + | |
− | }
| + | |
− | input[type="search"]::-webkit-search-cancel-button,
| + | |
− | input[type="search"]::-webkit-search-decoration {
| + | |
− | -webkit-appearance: none;
| + | |
− | }
| + | |
− | fieldset {
| + | |
− | padding: .35em .625em .75em;
| + | |
− | margin: 0 2px;
| + | |
− | border: 1px solid #c0c0c0;
| + | |
− | }
| + | |
− | legend {
| + | |
− | padding: 0;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | textarea {
| + | |
− | overflow: auto;
| + | |
− | }
| + | |
− | optgroup {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | table {
| + | |
− | border-spacing: 0;
| + | |
− | border-collapse: collapse;
| + | |
− | }
| + | |
− | td,
| + | |
− | th {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
| + | |
− | @media print {
| + | |
− | *,
| + | |
− | *:before,
| + | |
− | *:after {
| + | |
− | color: #000 !important;
| + | |
− | text-shadow: none !important;
| + | |
− | background: transparent !important;
| + | |
− | -webkit-box-shadow: none !important;
| + | |
− | box-shadow: none !important;
| + | |
− | }
| + | |
− | a,
| + | |
− | a:visited {
| + | |
− | text-decoration: underline;
| + | |
− | }
| + | |
− | a[href]:after {
| + | |
− | content: " (" attr(href) ")";
| + | |
− | }
| + | |
− | abbr[title]:after {
| + | |
− | content: " (" attr(title) ")";
| + | |
− | }
| + | |
− | a[href^="#"]:after,
| + | |
− | a[href^="javascript:"]:after {
| + | |
− | content: "";
| + | |
− | }
| + | |
− | pre,
| + | |
− | blockquote {
| + | |
− | border: 1px solid #999;
| + | |
| | | |
− | page-break-inside: avoid; | + | <!-- Materialize 1.0.0-rc.2 (Material Design like) --> |
− | }
| + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css"> |
− | thead {
| + | |
− | display: table-header-group;
| + | |
− | }
| + | |
− | tr,
| + | |
− | img {
| + | |
− | page-break-inside: avoid;
| + | |
− | }
| + | |
− | img {
| + | |
− | max-width: 100% !important;
| + | |
− | }
| + | |
− | p,
| + | |
− | h2,
| + | |
− | h3 {
| + | |
− | orphans: 3;
| + | |
− | widows: 3;
| + | |
− | }
| + | |
− | h2,
| + | |
− | h3 {
| + | |
− | page-break-after: avoid;
| + | |
− | }
| + | |
− | select {
| + | |
− | background: #fff !important;
| + | |
− | }
| + | |
− | .navbar {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .btn > .caret,
| + | |
− | .dropup > .btn > .caret {
| + | |
− | border-top-color: #000 !important;
| + | |
− | }
| + | |
− | .label {
| + | |
− | border: 1px solid #000; | + | |
− | }
| + | |
− | .table {
| + | |
− | border-collapse: collapse !important;
| + | |
− | }
| + | |
− | .table td,
| + | |
− | .table th {
| + | |
− | background-color: #fff !important;
| + | |
− | }
| + | |
− | .table-bordered th,
| + | |
− | .table-bordered td {
| + | |
− | border: 1px solid #ddd !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @font-face {
| + | |
− | font-family: 'Glyphicons Halflings';
| + | |
| | | |
− | src: url('../fonts/glyphicons-halflings-regular.eot');
| + | <!-- Clear default CSS settings; CSS reset --> |
− | 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');
| + | <style> |
− | }
| + | *{margin: 0;padding: 0;list-style: none;} |
− | .glyphicon {
| + | /* via: https://blog.csdn.net/weixin_41014370/article/details/79523637 */ |
− | position: relative;
| + | |
− | top: 1px;
| + | |
− | display: inline-block;
| + | |
− | font-family: 'Glyphicons Halflings';
| + | |
− | font-style: normal;
| + | |
− | font-weight: normal;
| + | |
− | line-height: 1;
| + | |
| | | |
− | -webkit-font-smoothing: antialiased;
| + | /** 清除内外边距 **/ |
− | -moz-osx-font-smoothing: grayscale;
| + | body, h1, h3, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ |
− | }
| + | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ |
− | .glyphicon-asterisk:before {
| + | pre, /* text formatting elements 文本格式元素 */ |
− | content: "\2a";
| + | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ |
− | }
| + | th, td /* table elements 表格元素 */ { |
− | .glyphicon-plus:before {
| + | margin: 0; |
− | content: "\2b";
| + | padding: 0; |
− | }
| + | } |
− | .glyphicon-euro:before,
| + | |
− | .glyphicon-eur:before {
| + | |
− | content: "\20ac";
| + | |
− | }
| + | |
− | .glyphicon-minus:before {
| + | |
− | content: "\2212";
| + | |
− | }
| + | |
− | .glyphicon-cloud:before {
| + | |
− | content: "\2601";
| + | |
− | }
| + | |
− | .glyphicon-envelope:before {
| + | |
− | content: "\2709";
| + | |
− | }
| + | |
− | .glyphicon-pencil:before {
| + | |
− | content: "\270f";
| + | |
− | }
| + | |
− | .glyphicon-glass:before {
| + | |
− | content: "\e001";
| + | |
− | }
| + | |
− | .glyphicon-music:before {
| + | |
− | content: "\e002";
| + | |
− | }
| + | |
− | .glyphicon-search:before {
| + | |
− | content: "\e003";
| + | |
− | }
| + | |
− | .glyphicon-heart:before {
| + | |
− | content: "\e005";
| + | |
− | }
| + | |
− | .glyphicon-star:before {
| + | |
− | content: "\e006";
| + | |
− | }
| + | |
− | .glyphicon-star-empty:before {
| + | |
− | content: "\e007";
| + | |
− | }
| + | |
− | .glyphicon-user:before {
| + | |
− | content: "\e008";
| + | |
− | }
| + | |
− | .glyphicon-film:before {
| + | |
− | content: "\e009";
| + | |
− | }
| + | |
− | .glyphicon-th-large:before {
| + | |
− | content: "\e010";
| + | |
− | }
| + | |
− | .glyphicon-th:before {
| + | |
− | content: "\e011";
| + | |
− | }
| + | |
− | .glyphicon-th-list:before {
| + | |
− | content: "\e012";
| + | |
− | }
| + | |
− | .glyphicon-ok:before {
| + | |
− | content: "\e013";
| + | |
− | }
| + | |
− | .glyphicon-remove:before {
| + | |
− | content: "\e014";
| + | |
− | }
| + | |
− | .glyphicon-zoom-in:before {
| + | |
− | content: "\e015";
| + | |
− | }
| + | |
− | .glyphicon-zoom-out:before {
| + | |
− | content: "\e016";
| + | |
− | }
| + | |
− | .glyphicon-off:before {
| + | |
− | content: "\e017";
| + | |
− | }
| + | |
− | .glyphicon-signal:before {
| + | |
− | content: "\e018";
| + | |
− | }
| + | |
− | .glyphicon-cog:before {
| + | |
− | content: "\e019";
| + | |
− | }
| + | |
− | .glyphicon-trash:before {
| + | |
− | content: "\e020";
| + | |
− | }
| + | |
− | .glyphicon-home:before {
| + | |
− | content: "\e021";
| + | |
− | }
| + | |
− | .glyphicon-file:before {
| + | |
− | content: "\e022";
| + | |
− | }
| + | |
− | .glyphicon-time:before {
| + | |
− | content: "\e023";
| + | |
− | }
| + | |
− | .glyphicon-road:before {
| + | |
− | content: "\e024";
| + | |
− | }
| + | |
− | .glyphicon-download-alt:before {
| + | |
− | content: "\e025";
| + | |
− | }
| + | |
− | .glyphicon-download:before {
| + | |
− | content: "\e026";
| + | |
− | }
| + | |
− | .glyphicon-upload:before {
| + | |
− | content: "\e027";
| + | |
− | }
| + | |
− | .glyphicon-inbox:before {
| + | |
− | content: "\e028";
| + | |
− | }
| + | |
− | .glyphicon-play-circle:before {
| + | |
− | content: "\e029";
| + | |
− | }
| + | |
− | .glyphicon-repeat:before {
| + | |
− | content: "\e030";
| + | |
− | }
| + | |
− | .glyphicon-refresh:before {
| + | |
− | content: "\e031";
| + | |
− | }
| + | |
− | .glyphicon-list-alt:before {
| + | |
− | content: "\e032";
| + | |
− | }
| + | |
− | .glyphicon-lock:before {
| + | |
− | content: "\e033";
| + | |
− | }
| + | |
− | .glyphicon-flag:before {
| + | |
− | content: "\e034";
| + | |
− | }
| + | |
− | .glyphicon-headphones:before {
| + | |
− | content: "\e035";
| + | |
− | }
| + | |
− | .glyphicon-volume-off:before {
| + | |
− | content: "\e036";
| + | |
− | }
| + | |
− | .glyphicon-volume-down:before {
| + | |
− | content: "\e037";
| + | |
− | }
| + | |
− | .glyphicon-volume-up:before {
| + | |
− | content: "\e038";
| + | |
− | }
| + | |
− | .glyphicon-qrcode:before {
| + | |
− | content: "\e039";
| + | |
− | }
| + | |
− | .glyphicon-barcode:before {
| + | |
− | content: "\e040";
| + | |
− | }
| + | |
− | .glyphicon-tag:before {
| + | |
− | content: "\e041";
| + | |
− | }
| + | |
− | .glyphicon-tags:before {
| + | |
− | content: "\e042";
| + | |
− | }
| + | |
− | .glyphicon-book:before {
| + | |
− | content: "\e043";
| + | |
− | }
| + | |
− | .glyphicon-bookmark:before {
| + | |
− | content: "\e044";
| + | |
− | }
| + | |
− | .glyphicon-print:before {
| + | |
− | content: "\e045";
| + | |
− | }
| + | |
− | .glyphicon-camera:before {
| + | |
− | content: "\e046";
| + | |
− | }
| + | |
− | .glyphicon-font:before {
| + | |
− | content: "\e047";
| + | |
− | }
| + | |
− | .glyphicon-bold:before {
| + | |
− | content: "\e048";
| + | |
− | }
| + | |
− | .glyphicon-italic:before {
| + | |
− | content: "\e049";
| + | |
− | }
| + | |
− | .glyphicon-text-height:before {
| + | |
− | content: "\e050";
| + | |
− | }
| + | |
− | .glyphicon-text-width:before {
| + | |
− | content: "\e051";
| + | |
− | }
| + | |
− | .glyphicon-align-left:before {
| + | |
− | content: "\e052";
| + | |
− | }
| + | |
− | .glyphicon-align-center:before {
| + | |
− | content: "\e053";
| + | |
− | }
| + | |
− | .glyphicon-align-right:before {
| + | |
− | content: "\e054";
| + | |
− | }
| + | |
− | .glyphicon-align-justify:before {
| + | |
− | content: "\e055";
| + | |
− | }
| + | |
− | .glyphicon-list:before {
| + | |
− | content: "\e056";
| + | |
− | }
| + | |
− | .glyphicon-indent-left:before {
| + | |
− | content: "\e057";
| + | |
− | }
| + | |
− | .glyphicon-indent-right:before {
| + | |
− | content: "\e058";
| + | |
− | }
| + | |
− | .glyphicon-facetime-video:before {
| + | |
− | content: "\e059";
| + | |
− | }
| + | |
− | .glyphicon.responsiveture:before {
| + | |
− | content: "\e060";
| + | |
− | }
| + | |
− | .glyphicon-map-marker:before {
| + | |
− | content: "\e062";
| + | |
− | }
| + | |
− | .glyphicon-adjust:before {
| + | |
− | content: "\e063";
| + | |
− | }
| + | |
− | .glyphicon-tint:before {
| + | |
− | content: "\e064";
| + | |
− | }
| + | |
− | .glyphicon-edit:before {
| + | |
− | content: "\e065";
| + | |
− | }
| + | |
− | .glyphicon-share:before {
| + | |
− | content: "\e066";
| + | |
− | }
| + | |
− | .glyphicon-check:before {
| + | |
− | content: "\e067";
| + | |
− | }
| + | |
− | .glyphicon-move:before {
| + | |
− | content: "\e068";
| + | |
− | }
| + | |
− | .glyphicon-step-backward:before {
| + | |
− | content: "\e069";
| + | |
− | }
| + | |
− | .glyphicon-fast-backward:before {
| + | |
− | content: "\e070";
| + | |
− | }
| + | |
− | .glyphicon-backward:before {
| + | |
− | content: "\e071";
| + | |
− | }
| + | |
− | .glyphicon-play:before {
| + | |
− | content: "\e072";
| + | |
− | }
| + | |
− | .glyphicon-pause:before {
| + | |
− | content: "\e073";
| + | |
− | }
| + | |
− | .glyphicon-stop:before {
| + | |
− | content: "\e074";
| + | |
− | }
| + | |
− | .glyphicon-forward:before {
| + | |
− | content: "\e075";
| + | |
− | }
| + | |
− | .glyphicon-fast-forward:before {
| + | |
− | content: "\e076";
| + | |
− | }
| + | |
− | .glyphicon-step-forward:before {
| + | |
− | content: "\e077";
| + | |
− | }
| + | |
− | .glyphicon-eject:before {
| + | |
− | content: "\e078";
| + | |
− | }
| + | |
− | .glyphicon-chevron-left:before {
| + | |
− | content: "\e079";
| + | |
− | }
| + | |
− | .glyphicon-chevron-right:before {
| + | |
− | content: "\e080";
| + | |
− | }
| + | |
− | .glyphicon-plus-sign:before {
| + | |
− | content: "\e081";
| + | |
− | }
| + | |
− | .glyphicon-minus-sign:before {
| + | |
− | content: "\e082";
| + | |
− | }
| + | |
− | .glyphicon-remove-sign:before {
| + | |
− | content: "\e083";
| + | |
− | }
| + | |
− | .glyphicon-ok-sign:before {
| + | |
− | content: "\e084";
| + | |
− | }
| + | |
− | .glyphicon-question-sign:before {
| + | |
− | content: "\e085";
| + | |
− | }
| + | |
− | .glyphicon-info-sign:before {
| + | |
− | content: "\e086";
| + | |
− | }
| + | |
− | .glyphicon-screenshot:before {
| + | |
− | content: "\e087";
| + | |
− | }
| + | |
− | .glyphicon-remove-circle:before {
| + | |
− | content: "\e088";
| + | |
− | }
| + | |
− | .glyphicon-ok-circle:before {
| + | |
− | content: "\e089";
| + | |
− | }
| + | |
− | .glyphicon-ban-circle:before {
| + | |
− | content: "\e090";
| + | |
− | }
| + | |
− | .glyphicon-arrow-left:before {
| + | |
− | content: "\e091";
| + | |
− | }
| + | |
− | .glyphicon-arrow-right:before {
| + | |
− | content: "\e092";
| + | |
− | }
| + | |
− | .glyphicon-arrow-up:before {
| + | |
− | content: "\e093";
| + | |
− | }
| + | |
− | .glyphicon-arrow-down:before {
| + | |
− | content: "\e094";
| + | |
− | }
| + | |
− | .glyphicon-share-alt:before {
| + | |
− | content: "\e095";
| + | |
− | }
| + | |
− | .glyphicon-resize-full:before {
| + | |
− | content: "\e096";
| + | |
− | }
| + | |
− | .glyphicon-resize-small:before {
| + | |
− | content: "\e097";
| + | |
− | }
| + | |
− | .glyphicon-exclamation-sign:before {
| + | |
− | content: "\e101";
| + | |
− | }
| + | |
− | .glyphicon-gift:before {
| + | |
− | content: "\e102";
| + | |
− | }
| + | |
− | .glyphicon-leaf:before {
| + | |
− | content: "\e103";
| + | |
− | }
| + | |
− | .glyphicon-fire:before {
| + | |
− | content: "\e104";
| + | |
− | }
| + | |
− | .glyphicon-eye-open:before {
| + | |
− | content: "\e105";
| + | |
− | }
| + | |
− | .glyphicon-eye-close:before {
| + | |
− | content: "\e106";
| + | |
− | }
| + | |
− | .glyphicon-warning-sign:before {
| + | |
− | content: "\e107";
| + | |
− | }
| + | |
− | .glyphicon-plane:before {
| + | |
− | content: "\e108";
| + | |
− | }
| + | |
− | .glyphicon-calendar:before {
| + | |
− | content: "\e109";
| + | |
− | }
| + | |
− | .glyphicon-random:before {
| + | |
− | content: "\e110";
| + | |
− | }
| + | |
− | .glyphicon-comment:before {
| + | |
− | content: "\e111";
| + | |
− | }
| + | |
− | .glyphicon-magnet:before {
| + | |
− | content: "\e112";
| + | |
− | }
| + | |
− | .glyphicon-chevron-up:before {
| + | |
− | content: "\e113";
| + | |
− | }
| + | |
− | .glyphicon-chevron-down:before {
| + | |
− | content: "\e114";
| + | |
− | }
| + | |
− | .glyphicon-retweet:before {
| + | |
− | content: "\e115";
| + | |
− | }
| + | |
− | .glyphicon-shopping-cart:before {
| + | |
− | content: "\e116";
| + | |
− | }
| + | |
− | .glyphicon-folder-close:before {
| + | |
− | content: "\e117";
| + | |
− | }
| + | |
− | .glyphicon-folder-open:before {
| + | |
− | content: "\e118";
| + | |
− | }
| + | |
− | .glyphicon-resize-vertical:before {
| + | |
− | content: "\e119";
| + | |
− | }
| + | |
− | .glyphicon-resize-horizontal:before {
| + | |
− | content: "\e120";
| + | |
− | }
| + | |
− | .glyphicon-hdd:before {
| + | |
− | content: "\e121";
| + | |
− | }
| + | |
− | .glyphicon-bullhorn:before {
| + | |
− | content: "\e122";
| + | |
− | }
| + | |
− | .glyphicon-bell:before {
| + | |
− | content: "\e123";
| + | |
− | }
| + | |
− | .glyphicon-certificate:before {
| + | |
− | content: "\e124";
| + | |
− | }
| + | |
− | .glyphicon-thumbs-up:before {
| + | |
− | content: "\e125";
| + | |
− | }
| + | |
− | .glyphicon-thumbs-down:before {
| + | |
− | content: "\e126";
| + | |
− | }
| + | |
− | .glyphicon-hand-right:before {
| + | |
− | content: "\e127";
| + | |
− | }
| + | |
− | .glyphicon-hand-left:before {
| + | |
− | content: "\e128";
| + | |
− | }
| + | |
− | .glyphicon-hand-up:before {
| + | |
− | content: "\e129";
| + | |
− | }
| + | |
− | .glyphicon-hand-down:before {
| + | |
− | content: "\e130";
| + | |
− | }
| + | |
− | .glyphicon-circle-arrow-right:before {
| + | |
− | content: "\e131";
| + | |
− | }
| + | |
− | .glyphicon-circle-arrow-left:before {
| + | |
− | content: "\e132";
| + | |
− | }
| + | |
− | .glyphicon-circle-arrow-up:before {
| + | |
− | content: "\e133";
| + | |
− | }
| + | |
− | .glyphicon-circle-arrow-down:before {
| + | |
− | content: "\e134";
| + | |
− | }
| + | |
− | .glyphicon-globe:before {
| + | |
− | content: "\e135";
| + | |
− | }
| + | |
− | .glyphicon-wrench:before {
| + | |
− | content: "\e136";
| + | |
− | }
| + | |
− | .glyphicon-tasks:before {
| + | |
− | content: "\e137";
| + | |
− | }
| + | |
− | .glyphicon-filter:before {
| + | |
− | content: "\e138";
| + | |
− | }
| + | |
− | .glyphicon-briefcase:before {
| + | |
− | content: "\e139";
| + | |
− | }
| + | |
− | .glyphicon-fullscreen:before {
| + | |
− | content: "\e140";
| + | |
− | }
| + | |
− | .glyphicon-dashboard:before {
| + | |
− | content: "\e141";
| + | |
− | }
| + | |
− | .glyphicon-paperclip:before {
| + | |
− | content: "\e142";
| + | |
− | }
| + | |
− | .glyphicon-heart-empty:before {
| + | |
− | content: "\e143";
| + | |
− | }
| + | |
− | .glyphicon-link:before {
| + | |
− | content: "\e144";
| + | |
− | }
| + | |
− | .glyphicon-phone:before {
| + | |
− | content: "\e145";
| + | |
− | }
| + | |
− | .glyphicon-pushpin:before {
| + | |
− | content: "\e146";
| + | |
− | }
| + | |
− | .glyphicon-usd:before {
| + | |
− | content: "\e148";
| + | |
− | }
| + | |
− | .glyphicon-gbp:before {
| + | |
− | content: "\e149";
| + | |
− | }
| + | |
− | .glyphicon-sort:before {
| + | |
− | content: "\e150";
| + | |
− | }
| + | |
− | .glyphicon-sort-by-alphabet:before {
| + | |
− | content: "\e151";
| + | |
− | }
| + | |
− | .glyphicon-sort-by-alphabet-alt:before {
| + | |
− | content: "\e152";
| + | |
− | }
| + | |
− | .glyphicon-sort-by-order:before {
| + | |
− | content: "\e153";
| + | |
− | }
| + | |
− | .glyphicon-sort-by-order-alt:before {
| + | |
− | content: "\e154";
| + | |
− | }
| + | |
− | .glyphicon-sort-by-attributes:before {
| + | |
− | content: "\e155";
| + | |
− | }
| + | |
− | .glyphicon-sort-by-attributes-alt:before {
| + | |
− | content: "\e156";
| + | |
− | }
| + | |
− | .glyphicon-unchecked:before {
| + | |
− | content: "\e157";
| + | |
− | }
| + | |
− | .glyphicon-expand:before {
| + | |
− | content: "\e158";
| + | |
− | }
| + | |
− | .glyphicon-collapse-down:before {
| + | |
− | content: "\e159";
| + | |
− | }
| + | |
− | .glyphicon-collapse-up:before {
| + | |
− | content: "\e160";
| + | |
− | }
| + | |
− | .glyphicon-log-in:before {
| + | |
− | content: "\e161";
| + | |
− | }
| + | |
− | .glyphicon-flash:before {
| + | |
− | content: "\e162";
| + | |
− | }
| + | |
− | .glyphicon-log-out:before {
| + | |
− | content: "\e163";
| + | |
− | }
| + | |
− | .glyphicon-new-window:before {
| + | |
− | content: "\e164";
| + | |
− | }
| + | |
− | .glyphicon-record:before {
| + | |
− | content: "\e165";
| + | |
− | }
| + | |
− | .glyphicon-save:before {
| + | |
− | content: "\e166";
| + | |
− | }
| + | |
− | .glyphicon-open:before {
| + | |
− | content: "\e167";
| + | |
− | }
| + | |
− | .glyphicon-saved:before {
| + | |
− | content: "\e168";
| + | |
− | }
| + | |
− | .glyphicon-import:before {
| + | |
− | content: "\e169";
| + | |
− | }
| + | |
− | .glyphicon-export:before {
| + | |
− | content: "\e170";
| + | |
− | }
| + | |
− | .glyphicon-send:before {
| + | |
− | content: "\e171";
| + | |
− | }
| + | |
− | .glyphicon-floppy-disk:before {
| + | |
− | content: "\e172";
| + | |
− | }
| + | |
− | .glyphicon-floppy-saved:before {
| + | |
− | content: "\e173";
| + | |
− | }
| + | |
− | .glyphicon-floppy-remove:before {
| + | |
− | content: "\e174";
| + | |
− | }
| + | |
− | .glyphicon-floppy-save:before {
| + | |
− | content: "\e175";
| + | |
− | }
| + | |
− | .glyphicon-floppy-open:before {
| + | |
− | content: "\e176";
| + | |
− | }
| + | |
− | .glyphicon-credit-card:before {
| + | |
− | content: "\e177";
| + | |
− | }
| + | |
− | .glyphicon-transfer:before {
| + | |
− | content: "\e178";
| + | |
− | }
| + | |
− | .glyphicon-cutlery:before {
| + | |
− | content: "\e179";
| + | |
− | }
| + | |
− | .glyphicon-header:before {
| + | |
− | content: "\e180";
| + | |
− | }
| + | |
− | .glyphicon-compressed:before {
| + | |
− | content: "\e181";
| + | |
− | }
| + | |
− | .glyphicon-earphone:before {
| + | |
− | content: "\e182";
| + | |
− | }
| + | |
− | .glyphicon-phone-alt:before {
| + | |
− | content: "\e183";
| + | |
− | }
| + | |
− | .glyphicon-tower:before {
| + | |
− | content: "\e184";
| + | |
− | }
| + | |
− | .glyphicon-stats:before {
| + | |
− | content: "\e185";
| + | |
− | }
| + | |
− | .glyphicon-sd-video:before {
| + | |
− | content: "\e186";
| + | |
− | }
| + | |
− | .glyphicon-hd-video:before {
| + | |
− | content: "\e187";
| + | |
− | }
| + | |
− | .glyphicon-subtitles:before {
| + | |
− | content: "\e188";
| + | |
− | }
| + | |
− | .glyphicon-sound-stereo:before {
| + | |
− | content: "\e189";
| + | |
− | }
| + | |
− | .glyphicon-sound-dolby:before {
| + | |
− | content: "\e190";
| + | |
− | }
| + | |
− | .glyphicon-sound-5-1:before {
| + | |
− | content: "\e191";
| + | |
− | }
| + | |
− | .glyphicon-sound-6-1:before {
| + | |
− | content: "\e192";
| + | |
− | }
| + | |
− | .glyphicon-sound-7-1:before {
| + | |
− | content: "\e193";
| + | |
− | }
| + | |
− | .glyphicon-copyright-mark:before {
| + | |
− | content: "\e194";
| + | |
− | }
| + | |
− | .glyphicon-registration-mark:before {
| + | |
− | content: "\e195";
| + | |
− | }
| + | |
− | .glyphicon-cloud-download:before {
| + | |
− | content: "\e197";
| + | |
− | }
| + | |
− | .glyphicon-cloud-upload:before {
| + | |
− | content: "\e198";
| + | |
− | }
| + | |
− | .glyphicon-tree-conifer:before {
| + | |
− | content: "\e199";
| + | |
− | }
| + | |
− | .glyphicon-tree-deciduous:before {
| + | |
− | content: "\e200";
| + | |
− | }
| + | |
− | .glyphicon-cd:before {
| + | |
− | content: "\e201";
| + | |
− | }
| + | |
− | .glyphicon-save-file:before {
| + | |
− | content: "\e202";
| + | |
− | }
| + | |
− | .glyphicon-open-file:before {
| + | |
− | content: "\e203";
| + | |
− | }
| + | |
− | .glyphicon-level-up:before {
| + | |
− | content: "\e204";
| + | |
− | }
| + | |
− | .glyphicon-copy:before {
| + | |
− | content: "\e205";
| + | |
− | }
| + | |
− | .glyphicon-paste:before {
| + | |
− | content: "\e206";
| + | |
− | }
| + | |
− | .glyphicon-alert:before {
| + | |
− | content: "\e209";
| + | |
− | }
| + | |
− | .glyphicon-equalizer:before {
| + | |
− | content: "\e210";
| + | |
− | }
| + | |
− | .glyphicon-king:before {
| + | |
− | content: "\e211";
| + | |
− | }
| + | |
− | .glyphicon-queen:before {
| + | |
− | content: "\e212";
| + | |
− | }
| + | |
− | .glyphicon-pawn:before {
| + | |
− | content: "\e213";
| + | |
− | }
| + | |
− | .glyphicon-bishop:before {
| + | |
− | content: "\e214";
| + | |
− | }
| + | |
− | .glyphicon-knight:before {
| + | |
− | content: "\e215";
| + | |
− | }
| + | |
− | .glyphicon-baby-formula:before {
| + | |
− | content: "\e216";
| + | |
− | }
| + | |
− | .glyphicon-tent:before {
| + | |
− | content: "\26fa";
| + | |
− | }
| + | |
− | .glyphicon-blackboard:before {
| + | |
− | content: "\e218";
| + | |
− | }
| + | |
− | .glyphicon-bed:before {
| + | |
− | content: "\e219";
| + | |
− | }
| + | |
− | .glyphicon-apple:before {
| + | |
− | content: "\f8ff";
| + | |
− | }
| + | |
− | .glyphicon-erase:before {
| + | |
− | content: "\e221";
| + | |
− | }
| + | |
− | .glyphicon-hourglass:before {
| + | |
− | content: "\231b";
| + | |
− | }
| + | |
− | .glyphicon-lamp:before {
| + | |
− | content: "\e223";
| + | |
− | }
| + | |
− | .glyphicon-duplicate:before {
| + | |
− | content: "\e224";
| + | |
− | }
| + | |
− | .glyphicon-piggy-bank:before {
| + | |
− | content: "\e225";
| + | |
− | }
| + | |
− | .glyphicon-scissors:before {
| + | |
− | content: "\e226";
| + | |
− | }
| + | |
− | .glyphicon-bitcoin:before {
| + | |
− | content: "\e227";
| + | |
− | }
| + | |
− | .glyphicon-btc:before {
| + | |
− | content: "\e227";
| + | |
− | }
| + | |
− | .glyphicon-xbt:before {
| + | |
− | content: "\e227";
| + | |
− | }
| + | |
− | .glyphicon-yen:before {
| + | |
− | content: "\00a5";
| + | |
− | }
| + | |
− | .glyphicon-jpy:before {
| + | |
− | content: "\00a5";
| + | |
− | }
| + | |
− | .glyphicon-ruble:before {
| + | |
− | content: "\20bd";
| + | |
− | }
| + | |
− | .glyphicon-rub:before {
| + | |
− | content: "\20bd";
| + | |
− | }
| + | |
− | .glyphicon-scale:before {
| + | |
− | content: "\e230";
| + | |
− | }
| + | |
− | .glyphicon-ice-lolly:before {
| + | |
− | content: "\e231";
| + | |
− | }
| + | |
− | .glyphicon-ice-lolly-tasted:before {
| + | |
− | content: "\e232";
| + | |
− | }
| + | |
− | .glyphicon-education:before {
| + | |
− | content: "\e233";
| + | |
− | }
| + | |
− | .glyphicon-option-horizontal:before {
| + | |
− | content: "\e234";
| + | |
− | }
| + | |
− | .glyphicon-option-vertical:before {
| + | |
− | content: "\e235";
| + | |
− | }
| + | |
− | .glyphicon-menu-hamburger:before {
| + | |
− | content: "\e236";
| + | |
− | }
| + | |
− | .glyphicon-modal-window:before {
| + | |
− | content: "\e237";
| + | |
− | }
| + | |
− | .glyphicon-oil:before {
| + | |
− | content: "\e238";
| + | |
− | }
| + | |
− | .glyphicon-grain:before {
| + | |
− | content: "\e239";
| + | |
− | }
| + | |
− | .glyphicon-sunglasses:before {
| + | |
− | content: "\e240";
| + | |
− | }
| + | |
− | .glyphicon-text-size:before {
| + | |
− | content: "\e241";
| + | |
− | }
| + | |
− | .glyphicon-text-color:before {
| + | |
− | content: "\e242";
| + | |
− | }
| + | |
− | .glyphicon-text-background:before {
| + | |
− | content: "\e243";
| + | |
− | }
| + | |
− | .glyphicon-object-align-top:before {
| + | |
− | content: "\e244";
| + | |
− | }
| + | |
− | .glyphicon-object-align-bottom:before {
| + | |
− | content: "\e245";
| + | |
− | }
| + | |
− | .glyphicon-object-align-horizontal:before {
| + | |
− | content: "\e246";
| + | |
− | }
| + | |
− | .glyphicon-object-align-left:before {
| + | |
− | content: "\e247";
| + | |
− | }
| + | |
− | .glyphicon-object-align-vertical:before {
| + | |
− | content: "\e248";
| + | |
− | }
| + | |
− | .glyphicon-object-align-right:before {
| + | |
− | content: "\e249";
| + | |
− | }
| + | |
− | .glyphicon-triangle-right:before {
| + | |
− | content: "\e250";
| + | |
− | }
| + | |
− | .glyphicon-triangle-left:before {
| + | |
− | content: "\e251";
| + | |
− | }
| + | |
− | .glyphicon-triangle-bottom:before {
| + | |
− | content: "\e252";
| + | |
− | }
| + | |
− | .glyphicon-triangle-top:before {
| + | |
− | content: "\e253";
| + | |
− | }
| + | |
− | .glyphicon-console:before {
| + | |
− | content: "\e254";
| + | |
− | }
| + | |
− | .glyphicon-superscript:before {
| + | |
− | content: "\e255";
| + | |
− | }
| + | |
− | .glyphicon-subscript:before {
| + | |
− | content: "\e256";
| + | |
− | }
| + | |
− | .glyphicon-menu-left:before {
| + | |
− | content: "\e257";
| + | |
− | }
| + | |
− | .glyphicon-menu-right:before {
| + | |
− | content: "\e258";
| + | |
− | }
| + | |
− | .glyphicon-menu-down:before {
| + | |
− | content: "\e259";
| + | |
− | }
| + | |
− | .glyphicon-menu-up:before {
| + | |
− | content: "\e260";
| + | |
− | }
| + | |
− | * { | + | |
− | -webkit-box-sizing: border-box;
| + | |
− | -moz-box-sizing: border-box;
| + | |
− | box-sizing: border-box;
| + | |
− | }
| + | |
− | *:before,
| + | |
− | *:after { | + | |
− | -webkit-box-sizing: border-box;
| + | |
− | -moz-box-sizing: border-box;
| + | |
− | box-sizing: border-box;
| + | |
− | } | + | |
− | html {
| + | |
− | font-size: 10px;
| + | |
| | | |
− | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
| + | /** 设置默认字体 **/ |
− | }
| + | |
− | body {
| + | |
− | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #333;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | input,
| + | |
− | button,
| + | |
− | select,
| + | |
− | textarea {
| + | |
− | font-family: inherit;
| + | |
− | font-size: inherit;
| + | |
− | line-height: inherit;
| + | |
− | }
| + | |
− | a {
| + | |
− | color: #337ab7;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | a:hover,
| + | |
− | a:focus {
| + | |
− | color: #23527c;
| + | |
− | text-decoration: underline;
| + | |
− | }
| + | |
− | a:focus {
| + | |
− | outline: thin dotted;
| + | |
− | outline: 5px auto -webkit-focus-ring-color;
| + | |
− | outline-offset: -2px;
| + | |
− | }
| + | |
− | figure {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | img {
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .img-responsive,
| + | |
− | .thumbnail > img,
| + | |
− | .thumbnail a > img,
| + | |
− | .carousel-inner > .item > img,
| + | |
− | .carousel-inner > .item > a > img {
| + | |
− | display: block;
| + | |
− | max-width: 100%;
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | .img-rounded {
| + | |
− | border-radius: 6px;
| + | |
− | }
| + | |
− | .img-thumbnail {
| + | |
− | display: inline-block;
| + | |
− | max-width: 100%;
| + | |
− | height: auto;
| + | |
− | padding: 4px;
| + | |
− | line-height: 1.42857143;
| + | |
− | background-color: #fff;
| + | |
− | border: 1px solid #ddd;
| + | |
− | border-radius: 4px;
| + | |
− | -webkit-transition: all .2s ease-in-out;
| + | |
− | -o-transition: all .2s ease-in-out;
| + | |
− | transition: all .2s ease-in-out;
| + | |
− | }
| + | |
− | .img-circle {
| + | |
− | border-radius: 50%;
| + | |
− | }
| + | |
− | hr {
| + | |
− | margin-top: 20px;
| + | |
− | margin-bottom: 20px;
| + | |
− | border: 0;
| + | |
− | border-top: 1px solid #eee;
| + | |
− | }
| + | |
− | .sr-only {
| + | |
− | position: absolute;
| + | |
− | width: 1px;
| + | |
− | height: 1px;
| + | |
− | padding: 0;
| + | |
− | margin: -1px;
| + | |
− | overflow: hidden;
| + | |
− | clip: rect(0, 0, 0, 0);
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | .sr-only-focusable:active,
| + | |
− | .sr-only-focusable:focus {
| + | |
− | position: static;
| + | |
− | width: auto;
| + | |
− | height: auto;
| + | |
− | margin: 0;
| + | |
− | overflow: visible;
| + | |
− | clip: auto;
| + | |
− | }
| + | |
− | [role="button"] {
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− | h1,
| + | |
− | h2,
| + | |
− | h3,
| + | |
− | h4,
| + | |
− | h5,
| + | |
− | h6,
| + | |
− | .h1,
| + | |
− | .h2,
| + | |
− | .h3,
| + | |
− | .h4,
| + | |
− | .h5,
| + | |
− | .h6 {
| + | |
− | font-family: inherit;
| + | |
− | font-weight: 800;
| + | |
− | line-height: 1.1;
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− | h1 small,
| + | |
− | h2 small,
| + | |
− | h3 small,
| + | |
− | h4 small,
| + | |
− | h5 small,
| + | |
− | h6 small,
| + | |
− | .h1 small,
| + | |
− | .h2 small,
| + | |
− | .h3 small,
| + | |
− | .h4 small,
| + | |
− | .h5 small,
| + | |
− | .h6 small,
| + | |
− | h1 .small,
| + | |
− | h2 .small,
| + | |
− | h3 .small,
| + | |
− | h4 .small,
| + | |
− | h5 .small,
| + | |
− | h6 .small,
| + | |
− | .h1 .small,
| + | |
− | .h2 .small,
| + | |
− | .h3 .small,
| + | |
− | .h4 .small,
| + | |
− | .h5 .small,
| + | |
− | .h6 .small {
| + | |
− | font-weight: normal;
| + | |
− | line-height: 1;
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | h1,
| + | |
− | .h1,
| + | |
− | h2,
| + | |
− | .h2,
| + | |
− | h3,
| + | |
− | .h3 {
| + | |
− | margin-top: 20px;
| + | |
− | margin-bottom: 10px;
| + | |
− | }
| + | |
− | h1 small,
| + | |
− | .h1 small,
| + | |
− | h2 small,
| + | |
− | .h2 small,
| + | |
− | h3 small,
| + | |
− | .h3 small,
| + | |
− | h1 .small,
| + | |
− | .h1 .small,
| + | |
− | h2 .small,
| + | |
− | .h2 .small,
| + | |
− | h3 .small,
| + | |
− | .h3 .small {
| + | |
− | font-size: 65%;
| + | |
− | }
| + | |
− | h4,
| + | |
− | .h4,
| + | |
− | h5,
| + | |
− | .h5,
| + | |
− | h6,
| + | |
− | .h6 {
| + | |
− | margin-top: 10px;
| + | |
− | margin-bottom: 10px;
| + | |
− | }
| + | |
− | h4 small,
| + | |
− | .h4 small,
| + | |
− | h5 small,
| + | |
− | .h5 small,
| + | |
− | h6 small,
| + | |
− | .h6 small,
| + | |
− | h4 .small,
| + | |
− | .h4 .small,
| + | |
− | h5 .small,
| + | |
− | .h5 .small,
| + | |
− | h6 .small,
| + | |
− | .h6 .small {
| + | |
− | font-size: 75%;
| + | |
− | }
| + | |
− | h1,
| + | |
− | .h1 {
| + | |
− | font-size: 36px;
| + | |
− | }
| + | |
− | h2,
| + | |
− | .h2 {
| + | |
− | font-size: 30px;
| + | |
− | }
| + | |
− | h3,
| + | |
− | .h3 {
| + | |
− | font-size: 24px;
| + | |
− | }
| + | |
− | h4,
| + | |
− | .h4 {
| + | |
− | font-size: 18px;
| + | |
− | }
| + | |
− | h5,
| + | |
− | .h5 {
| + | |
− | font-size: 14px;
| + | |
− | }
| + | |
− | h6,
| + | |
− | .h6 {
| + | |
− | font-size: 12px;
| + | |
− | }
| + | |
− | p {
| + | |
− | margin: 0 0 10px;
| + | |
− | }
| + | |
− | .lead {
| + | |
− | margin-bottom: 20px;
| + | |
− | font-size: 16px;
| + | |
− | font-weight: 300;
| + | |
− | line-height: 1.4;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .lead {
| + | |
− | font-size: 21px;
| + | |
− | }
| + | |
− | }
| + | |
− | small,
| + | |
− | .small {
| + | |
− | font-size: 85%;
| + | |
− | }
| + | |
− | mark,
| + | |
− | .mark {
| + | |
− | padding: .2em;
| + | |
− | background-color: #fcf8e3;
| + | |
− | }
| + | |
− | .text-left {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .text-right {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | .text-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | .text-justify {
| + | |
− | text-align: justify;
| + | |
− | }
| + | |
− | .text-nowrap {
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | .text-lowercase {
| + | |
− | text-transform: lowercase;
| + | |
− | }
| + | |
− | .text-uppercase {
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− | .text-capitalize {
| + | |
− | text-transform: capitalize;
| + | |
− | }
| + | |
− | .text-muted {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .text-primary {
| + | |
− | /*important for mint color change when you hover BY CHARLES WEI*/
| + | |
− | color: #76BF8D;
| + | |
− | }
| + | |
− | a.text-primary:hover {
| + | |
− | color:#76bf8d;
| + | |
− | }
| + | |
− | .text-success {
| + | |
− | color: #3c763d;
| + | |
− | }
| + | |
− | a.text-success:hover {
| + | |
− | color: #2b542c;
| + | |
− | }
| + | |
− | .text-info {
| + | |
− | color: #31708f;
| + | |
− | }
| + | |
− | a.text-info:hover {
| + | |
− | color: #245269;
| + | |
− | }
| + | |
− | .text-warning {
| + | |
− | color: #8a6d3b;
| + | |
− | }
| + | |
− | a.text-warning:hover {
| + | |
− | color: #66512c;
| + | |
− | }
| + | |
− | .text-danger {
| + | |
− | color: #a94442;
| + | |
− | }
| + | |
− | a.text-danger:hover {
| + | |
− | color: #843534;
| + | |
− | }
| + | |
− | .bg-primary {
| + | |
− | color: #fff;
| + | |
− | background-color: #337ab7;
| + | |
− | }
| + | |
− | a.bg-primary:hover {
| + | |
− | background-color:#76bf8d;
| + | |
− |
| + | |
− | }
| + | |
− | .bg-success {
| + | |
− | background-color: #dff0d8;
| + | |
− | }
| + | |
− | a.bg-success:hover {
| + | |
− | background-color: #c1e2b3;
| + | |
− | }
| + | |
− | .bg-info {
| + | |
− | background-color: #d9edf7;
| + | |
− | }
| + | |
− | a.bg-info:hover {
| + | |
− | background-color: #afd9ee;
| + | |
− | }
| + | |
− | .bg-warning {
| + | |
− | background-color: #fcf8e3;
| + | |
− | }
| + | |
− | a.bg-warning:hover {
| + | |
− | background-color: #f7ecb5;
| + | |
− | }
| + | |
− | .bg-danger {
| + | |
− | background-color: #f2dede;
| + | |
− | }
| + | |
− | a.bg-danger:hover {
| + | |
− | background-color: #e4b9b9;
| + | |
− | }
| + | |
− | .page-header {
| + | |
− | padding-bottom: 9px;
| + | |
− | margin: 40px 0 20px;
| + | |
− | border-bottom: 1px solid #eee;
| + | |
− | }
| + | |
− | ul,
| + | |
− | ol {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 10px;
| + | |
− | }
| + | |
− | ul ul,
| + | |
− | ol ul,
| + | |
− | ul ol,
| + | |
− | ol ol {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .list-unstyled {
| + | |
− | padding-left: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | .list-inline {
| + | |
− | padding-left: 0;
| + | |
− | margin-left: -5px;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | .list-inline > li {
| + | |
− | display: inline-block;
| + | |
− | padding-right: 5px;
| + | |
− | padding-left: 5px;
| + | |
− | }
| + | |
− | dl {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 20px;
| + | |
− | }
| + | |
− | dt,
| + | |
− | dd {
| + | |
− | line-height: 1.42857143;
| + | |
− | }
| + | |
− | dt {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | dd {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .dl-horizontal dt {
| + | |
− | float: left;
| + | |
− | width: 160px;
| + | |
− | overflow: hidden;
| + | |
− | clear: left;
| + | |
− | text-align: right;
| + | |
− | text-overflow: ellipsis;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | .dl-horizontal dd {
| + | |
− | margin-left: 180px;
| + | |
− | }
| + | |
− | }
| + | |
− | abbr[title],
| + | |
− | abbr[data-original-title] {
| + | |
− | cursor: help;
| + | |
− | border-bottom: 1px dotted #777;
| + | |
− | }
| + | |
− | .initialism {
| + | |
− | font-size: 90%;
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− | blockquote {
| + | |
− | padding: 10px 20px;
| + | |
− | margin: 0 0 20px;
| + | |
− | font-size: 17.5px;
| + | |
− | border-left: 5px solid #eee;
| + | |
− | }
| + | |
− | blockquote p:last-child,
| + | |
− | blockquote ul:last-child,
| + | |
− | blockquote ol:last-child {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | blockquote footer,
| + | |
− | blockquote small,
| + | |
− | blockquote .small {
| + | |
− | display: block;
| + | |
− | font-size: 80%;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | blockquote footer:before,
| + | |
− | blockquote small:before,
| + | |
− | blockquote .small:before {
| + | |
− | content: '\2014 \00A0';
| + | |
− | }
| + | |
− | .blockquote-reverse,
| + | |
− | blockquote.pull-right {
| + | |
− | padding-right: 15px;
| + | |
− | padding-left: 0;
| + | |
− | text-align: right;
| + | |
− | border-right: 5px solid #eee;
| + | |
− | border-left: 0;
| + | |
− | }
| + | |
− | .blockquote-reverse footer:before,
| + | |
− | blockquote.pull-right footer:before,
| + | |
− | .blockquote-reverse small:before,
| + | |
− | blockquote.pull-right small:before,
| + | |
− | .blockquote-reverse .small:before,
| + | |
− | blockquote.pull-right .small:before {
| + | |
− | content: '';
| + | |
− | }
| + | |
− | .blockquote-reverse footer:after,
| + | |
− | blockquote.pull-right footer:after,
| + | |
− | .blockquote-reverse small:after,
| + | |
− | blockquote.pull-right small:after,
| + | |
− | .blockquote-reverse .small:after,
| + | |
− | blockquote.pull-right .small:after {
| + | |
− | 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;
| + | |
− | }
| + | |
| | | |
− | @media (min-width: 768px) {
| + | h1, h3, h3, h4, h5, h6 { font-size: 100%; } |
− | .rolldown {
| + | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ |
− | width: 600px;
| + | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ |
− | }
| + | small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ |
− | }
| + | |
− | @media (min-width: 992px) {
| + | |
− | .rolldown {
| + | |
− | width: 740px;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .rolldown {
| + | |
− | width: 950px;
| + | |
− | }
| + | |
− | }
| + | |
− | <!-- .container-fluid { -->
| + | |
− | <!-- padding-right: 15px; -->
| + | |
− | <!-- padding-left: 15px; -->
| + | |
− | <!-- margin-right: auto; -->
| + | |
− | <!-- margin-left: auto; -->
| + | |
− | <!-- } -->
| + | |
− | .row {
| + | |
− | margin-right: -15px;
| + | |
− | margin-left: -15px;
| + | |
− | }
| + | |
− | .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
| + | |
− | position: relative;
| + | |
− | min-height: 1px;
| + | |
− | padding-right: 15px;
| + | |
− | padding-left: 15px;
| + | |
− | }
| + | |
− | .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .col-xs-12 {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .col-xs-11 {
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-xs-10 {
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-xs-9 {
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-xs-8 {
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-xs-7 {
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-xs-6 {
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-xs-5 {
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-xs-4 {
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-xs-3 {
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-xs-2 {
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-xs-1 {
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-xs-pull-12 {
| + | |
− | right: 100%;
| + | |
− | }
| + | |
− | .col-xs-pull-11 {
| + | |
− | right: 91.66666667%;
| + | |
− | }
| + | |
− | .col-xs-pull-10 {
| + | |
− | right: 83.33333333%;
| + | |
− | }
| + | |
− | .col-xs-pull-9 {
| + | |
− | right: 75%;
| + | |
− | }
| + | |
− | .col-xs-pull-8 {
| + | |
− | right: 66.66666667%;
| + | |
− | }
| + | |
− | .col-xs-pull-7 {
| + | |
− | right: 58.33333333%;
| + | |
− | }
| + | |
− | .col-xs-pull-6 {
| + | |
− | right: 50%;
| + | |
− | }
| + | |
− | .col-xs-pull-5 {
| + | |
− | right: 41.66666667%;
| + | |
− | }
| + | |
− | .col-xs-pull-4 {
| + | |
− | right: 33.33333333%;
| + | |
− | }
| + | |
− | .col-xs-pull-3 {
| + | |
− | right: 25%;
| + | |
− | }
| + | |
− | .col-xs-pull-2 {
| + | |
− | right: 16.66666667%;
| + | |
− | }
| + | |
− | .col-xs-pull-1 {
| + | |
− | right: 8.33333333%;
| + | |
− | }
| + | |
− | .col-xs-pull-0 {
| + | |
− | right: auto;
| + | |
− | }
| + | |
− | .col-xs-push-12 {
| + | |
− | left: 100%;
| + | |
− | }
| + | |
− | .col-xs-push-11 {
| + | |
− | left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-xs-push-10 {
| + | |
− | left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-xs-push-9 {
| + | |
− | left: 75%;
| + | |
− | }
| + | |
− | .col-xs-push-8 {
| + | |
− | left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-xs-push-7 {
| + | |
− | left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-xs-push-6 {
| + | |
− | left: 50%;
| + | |
− | }
| + | |
− | .col-xs-push-5 {
| + | |
− | left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-xs-push-4 {
| + | |
− | left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-xs-push-3 {
| + | |
− | left: 25%;
| + | |
− | }
| + | |
− | .col-xs-push-2 {
| + | |
− | left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-xs-push-1 {
| + | |
− | left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-xs-push-0 {
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .col-xs-offset-12 {
| + | |
− | margin-left: 100%;
| + | |
− | }
| + | |
− | .col-xs-offset-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-xs-offset-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-xs-offset-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .col-xs-offset-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-xs-offset-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-xs-offset-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .col-xs-offset-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-xs-offset-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-xs-offset-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .col-xs-offset-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-xs-offset-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-xs-offset-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .col-sm-12 {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .col-sm-11 {
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-sm-10 {
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-sm-9 {
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-sm-8 {
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-sm-7 {
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-sm-6 {
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-sm-5 {
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-sm-4 {
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-sm-3 {
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-sm-2 {
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-sm-1 {
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-sm-pull-12 {
| + | |
− | right: 100%;
| + | |
− | }
| + | |
− | .col-sm-pull-11 {
| + | |
− | right: 91.66666667%;
| + | |
− | }
| + | |
− | .col-sm-pull-10 {
| + | |
− | right: 83.33333333%;
| + | |
− | }
| + | |
− | .col-sm-pull-9 {
| + | |
− | right: 75%;
| + | |
− | }
| + | |
− | .col-sm-pull-8 {
| + | |
− | right: 66.66666667%;
| + | |
− | }
| + | |
− | .col-sm-pull-7 {
| + | |
− | right: 58.33333333%;
| + | |
− | }
| + | |
− | .col-sm-pull-6 {
| + | |
− | right: 50%;
| + | |
− | }
| + | |
− | .col-sm-pull-5 {
| + | |
− | right: 41.66666667%;
| + | |
− | }
| + | |
− | .col-sm-pull-4 {
| + | |
− | right: 33.33333333%;
| + | |
− | }
| + | |
− | .col-sm-pull-3 {
| + | |
− | right: 25%;
| + | |
− | }
| + | |
− | .col-sm-pull-2 {
| + | |
− | right: 16.66666667%;
| + | |
− | }
| + | |
− | .col-sm-pull-1 {
| + | |
− | right: 8.33333333%;
| + | |
− | }
| + | |
− | .col-sm-pull-0 {
| + | |
− | right: auto;
| + | |
− | }
| + | |
− | .col-sm-push-12 {
| + | |
− | left: 100%;
| + | |
− | }
| + | |
− | .col-sm-push-11 {
| + | |
− | left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-sm-push-10 {
| + | |
− | left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-sm-push-9 {
| + | |
− | left: 75%;
| + | |
− | }
| + | |
− | .col-sm-push-8 {
| + | |
− | left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-sm-push-7 {
| + | |
− | left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-sm-push-6 {
| + | |
− | left: 50%;
| + | |
− | }
| + | |
− | .col-sm-push-5 {
| + | |
− | left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-sm-push-4 {
| + | |
− | left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-sm-push-3 {
| + | |
− | left: 25%;
| + | |
− | }
| + | |
− | .col-sm-push-2 {
| + | |
− | left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-sm-push-1 {
| + | |
− | left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-sm-push-0 {
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .col-sm-offset-12 {
| + | |
− | margin-left: 100%;
| + | |
− | }
| + | |
− | .col-sm-offset-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-sm-offset-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-sm-offset-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .col-sm-offset-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-sm-offset-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-sm-offset-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .col-sm-offset-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-sm-offset-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-sm-offset-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .col-sm-offset-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-sm-offset-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-sm-offset-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 992px) {
| + | |
− | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .col-md-12 {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .col-md-11 {
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-md-10 {
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-md-9 {
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-md-8 {
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-md-7 {
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-md-6 {
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-md-5 {
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-md-4 {
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-md-3 {
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-md-2 {
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-md-1 {
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-md-pull-12 {
| + | |
− | right: 100%;
| + | |
− | }
| + | |
− | .col-md-pull-11 {
| + | |
− | right: 91.66666667%;
| + | |
− | }
| + | |
− | .col-md-pull-10 {
| + | |
− | right: 83.33333333%;
| + | |
− | }
| + | |
− | .col-md-pull-9 {
| + | |
− | right: 75%;
| + | |
− | }
| + | |
− | .col-md-pull-8 {
| + | |
− | right: 66.66666667%;
| + | |
− | }
| + | |
− | .col-md-pull-7 {
| + | |
− | right: 58.33333333%;
| + | |
− | }
| + | |
− | .col-md-pull-6 {
| + | |
− | right: 50%;
| + | |
− | }
| + | |
− | .col-md-pull-5 {
| + | |
− | right: 41.66666667%;
| + | |
− | }
| + | |
− | .col-md-pull-4 {
| + | |
− | right: 33.33333333%;
| + | |
− | }
| + | |
− | .col-md-pull-3 {
| + | |
− | right: 25%;
| + | |
− | }
| + | |
− | .col-md-pull-2 {
| + | |
− | right: 16.66666667%;
| + | |
− | }
| + | |
− | .col-md-pull-1 {
| + | |
− | right: 8.33333333%;
| + | |
− | }
| + | |
− | .col-md-pull-0 {
| + | |
− | right: auto;
| + | |
− | }
| + | |
− | .col-md-push-12 {
| + | |
− | left: 100%;
| + | |
− | }
| + | |
− | .col-md-push-11 {
| + | |
− | left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-md-push-10 {
| + | |
− | left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-md-push-9 {
| + | |
− | left: 75%;
| + | |
− | }
| + | |
− | .col-md-push-8 {
| + | |
− | left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-md-push-7 {
| + | |
− | left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-md-push-6 {
| + | |
− | left: 50%;
| + | |
− | }
| + | |
− | .col-md-push-5 {
| + | |
− | left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-md-push-4 {
| + | |
− | left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-md-push-3 {
| + | |
− | left: 25%;
| + | |
− | }
| + | |
− | .col-md-push-2 {
| + | |
− | left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-md-push-1 {
| + | |
− | left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-md-push-0 {
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .col-md-offset-12 {
| + | |
− | margin-left: 100%;
| + | |
− | }
| + | |
− | .col-md-offset-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-md-offset-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-md-offset-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .col-md-offset-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-md-offset-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-md-offset-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .col-md-offset-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-md-offset-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-md-offset-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .col-md-offset-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-md-offset-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-md-offset-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .col-lg-12 {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .col-lg-11 {
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-lg-10 {
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-lg-9 {
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-lg-8 {
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-lg-7 {
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-lg-6 {
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-lg-5 {
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-lg-4 {
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-lg-3 {
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-lg-2 {
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-lg-1 {
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-lg-pull-12 {
| + | |
− | right: 100%;
| + | |
− | }
| + | |
− | .col-lg-pull-11 {
| + | |
− | right: 91.66666667%;
| + | |
− | }
| + | |
− | .col-lg-pull-10 {
| + | |
− | right: 83.33333333%;
| + | |
− | }
| + | |
− | .col-lg-pull-9 {
| + | |
− | right: 75%;
| + | |
− | }
| + | |
− | .col-lg-pull-8 {
| + | |
− | right: 66.66666667%;
| + | |
− | }
| + | |
− | .col-lg-pull-7 {
| + | |
− | right: 58.33333333%;
| + | |
− | }
| + | |
− | .col-lg-pull-6 {
| + | |
− | right: 50%;
| + | |
− | }
| + | |
− | .col-lg-pull-5 {
| + | |
− | right: 41.66666667%;
| + | |
− | }
| + | |
− | .col-lg-pull-4 {
| + | |
− | right: 33.33333333%;
| + | |
− | }
| + | |
− | .col-lg-pull-3 {
| + | |
− | right: 25%;
| + | |
− | }
| + | |
− | .col-lg-pull-2 {
| + | |
− | right: 16.66666667%;
| + | |
− | }
| + | |
− | .col-lg-pull-1 {
| + | |
− | right: 8.33333333%;
| + | |
− | }
| + | |
− | .col-lg-pull-0 {
| + | |
− | right: auto;
| + | |
− | }
| + | |
− | .col-lg-push-12 {
| + | |
− | left: 100%;
| + | |
− | }
| + | |
− | .col-lg-push-11 {
| + | |
− | left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-lg-push-10 {
| + | |
− | left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-lg-push-9 {
| + | |
− | left: 75%;
| + | |
− | }
| + | |
− | .col-lg-push-8 {
| + | |
− | left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-lg-push-7 {
| + | |
− | left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-lg-push-6 {
| + | |
− | left: 50%;
| + | |
− | }
| + | |
− | .col-lg-push-5 {
| + | |
− | left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-lg-push-4 {
| + | |
− | left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-lg-push-3 {
| + | |
− | left: 25%;
| + | |
− | }
| + | |
− | .col-lg-push-2 {
| + | |
− | left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-lg-push-1 {
| + | |
− | left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-lg-push-0 {
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .col-lg-offset-12 {
| + | |
− | margin-left: 100%;
| + | |
− | }
| + | |
− | .col-lg-offset-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .col-lg-offset-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .col-lg-offset-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .col-lg-offset-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .col-lg-offset-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .col-lg-offset-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .col-lg-offset-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .col-lg-offset-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .col-lg-offset-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .col-lg-offset-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .col-lg-offset-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .col-lg-offset-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | table {
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | caption {
| + | |
− | padding-top: 8px;
| + | |
− | padding-bottom: 8px;
| + | |
− | color: #777;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | th {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .table {
| + | |
− | width: 100%;
| + | |
− | max-width: 100%;
| + | |
− | margin-bottom: 20px;
| + | |
− | }
| + | |
− | .table > thead > tr > th,
| + | |
− | .table > tbody > tr > th,
| + | |
− | .table > tfoot > tr > th,
| + | |
− | .table > thead > tr > td,
| + | |
− | .table > tbody > tr > td,
| + | |
− | .table > tfoot > tr > td {
| + | |
− | padding: 8px;
| + | |
− | line-height: 1.42857143;
| + | |
− | vertical-align: top;
| + | |
− | border-top: 1px solid #ddd;
| + | |
− | }
| + | |
− | .table > thead > tr > th {
| + | |
− | vertical-align: bottom;
| + | |
− | border-bottom: 2px solid #ddd;
| + | |
− | }
| + | |
− | .table > caption + thead > tr:first-child > th,
| + | |
− | .table > colgroup + thead > tr:first-child > th,
| + | |
− | .table > thead:first-child > tr:first-child > th,
| + | |
− | .table > caption + thead > tr:first-child > td,
| + | |
− | .table > colgroup + thead > tr:first-child > td,
| + | |
− | .table > thead:first-child > tr:first-child > td {
| + | |
− | border-top: 0;
| + | |
− | }
| + | |
− | .table > tbody + tbody {
| + | |
− | border-top: 2px solid #ddd;
| + | |
− | }
| + | |
− | .table .table {
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | .table-condensed > thead > tr > th,
| + | |
− | .table-condensed > tbody > tr > th,
| + | |
− | .table-condensed > tfoot > tr > th,
| + | |
− | .table-condensed > thead > tr > td,
| + | |
− | .table-condensed > tbody > tr > td,
| + | |
− | .table-condensed > tfoot > tr > td {
| + | |
− | padding: 5px;
| + | |
− | }
| + | |
− | .table-bordered {
| + | |
− | border: 1px solid #ddd;
| + | |
− | }
| + | |
− | .table-bordered > thead > tr > th,
| + | |
− | .table-bordered > tbody > tr > th,
| + | |
− | .table-bordered > tfoot > tr > th,
| + | |
− | .table-bordered > thead > tr > td,
| + | |
− | .table-bordered > tbody > tr > td,
| + | |
− | .table-bordered > tfoot > tr > td {
| + | |
− | border: 1px solid #ddd;
| + | |
− | }
| + | |
− | .table-bordered > thead > tr > th,
| + | |
− | .table-bordered > thead > tr > td {
| + | |
− | border-bottom-width: 2px;
| + | |
− | }
| + | |
− | .table-striped > tbody > tr:nth-of-type(odd) {
| + | |
− | background-color: #f9f9f9;
| + | |
− | }
| + | |
− | .table-hover > tbody > tr:hover {
| + | |
− | background-color: #f5f5f5;
| + | |
− | }
| + | |
− | table col[class*="col-"] {
| + | |
− | position: static;
| + | |
− | display: table-column;
| + | |
− | float: none;
| + | |
− | }
| + | |
− | table td[class*="col-"],
| + | |
− | table th[class*="col-"] {
| + | |
− | position: static;
| + | |
− | display: table-cell;
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .table > thead > tr > td.active,
| + | |
− | .table > tbody > tr > td.active,
| + | |
− | .table > tfoot > tr > td.active,
| + | |
− | .table > thead > tr > th.active,
| + | |
− | .table > tbody > tr > th.active,
| + | |
− | .table > tfoot > tr > th.active,
| + | |
− | .table > thead > tr.active > td,
| + | |
− | .table > tbody > tr.active > td,
| + | |
− | .table > tfoot > tr.active > td,
| + | |
− | .table > thead > tr.active > th,
| + | |
− | .table > tbody > tr.active > th,
| + | |
− | .table > tfoot > tr.active > th {
| + | |
− | background-color: #f5f5f5;
| + | |
− | }
| + | |
− | .table-hover > tbody > tr > td.active:hover,
| + | |
− | .table-hover > tbody > tr > th.active:hover,
| + | |
− | .table-hover > tbody > tr.active:hover > td,
| + | |
− | .table-hover > tbody > tr:hover > .active,
| + | |
− | .table-hover > tbody > tr.active:hover > th {
| + | |
− | background-color: #e8e8e8;
| + | |
− | }
| + | |
− | .table > thead > tr > td.success,
| + | |
− | .table > tbody > tr > td.success,
| + | |
− | .table > tfoot > tr > td.success,
| + | |
− | .table > thead > tr > th.success,
| + | |
− | .table > tbody > tr > th.success,
| + | |
− | .table > tfoot > tr > th.success,
| + | |
− | .table > thead > tr.success > td,
| + | |
− | .table > tbody > tr.success > td,
| + | |
− | .table > tfoot > tr.success > td,
| + | |
− | .table > thead > tr.success > th,
| + | |
− | .table > tbody > tr.success > th,
| + | |
− | .table > tfoot > tr.success > th {
| + | |
− | background-color: #dff0d8;
| + | |
− | }
| + | |
− | .table-hover > tbody > tr > td.success:hover,
| + | |
− | .table-hover > tbody > tr > th.success:hover,
| + | |
− | .table-hover > tbody > tr.success:hover > td,
| + | |
− | .table-hover > tbody > tr:hover > .success,
| + | |
− | .table-hover > tbody > tr.success:hover > th {
| + | |
− | background-color: #d0e9c6;
| + | |
− | }
| + | |
− | .table > thead > tr > td.info,
| + | |
− | .table > tbody > tr > td.info,
| + | |
− | .table > tfoot > tr > td.info,
| + | |
− | .table > thead > tr > th.info,
| + | |
− | .table > tbody > tr > th.info,
| + | |
− | .table > tfoot > tr > th.info,
| + | |
− | .table > thead > tr.info > td,
| + | |
− | .table > tbody > tr.info > td,
| + | |
− | .table > tfoot > tr.info > td,
| + | |
− | .table > thead > tr.info > th,
| + | |
− | .table > tbody > tr.info > th,
| + | |
− | .table > tfoot > tr.info > th {
| + | |
− | background-color: #d9edf7;
| + | |
− | }
| + | |
− | .table-hover > tbody > tr > td.info:hover,
| + | |
− | .table-hover > tbody > tr > th.info:hover,
| + | |
− | .table-hover > tbody > tr.info:hover > td,
| + | |
− | .table-hover > tbody > tr:hover > .info,
| + | |
− | .table-hover > tbody > tr.info:hover > th {
| + | |
− | background-color: #c4e3f3;
| + | |
− | }
| + | |
− | .table > thead > tr > td.warning,
| + | |
− | .table > tbody > tr > td.warning,
| + | |
− | .table > tfoot > tr > td.warning,
| + | |
− | .table > thead > tr > th.warning,
| + | |
− | .table > tbody > tr > th.warning,
| + | |
− | .table > tfoot > tr > th.warning,
| + | |
− | .table > thead > tr.warning > td,
| + | |
− | .table > tbody > tr.warning > td,
| + | |
− | .table > tfoot > tr.warning > td,
| + | |
− | .table > thead > tr.warning > th,
| + | |
− | .table > tbody > tr.warning > th,
| + | |
− | .table > tfoot > tr.warning > th {
| + | |
− | background-color: #fcf8e3;
| + | |
− | }
| + | |
− | .table-hover > tbody > tr > td.warning:hover,
| + | |
− | .table-hover > tbody > tr > th.warning:hover,
| + | |
− | .table-hover > tbody > tr.warning:hover > td,
| + | |
− | .table-hover > tbody > tr:hover > .warning,
| + | |
− | .table-hover > tbody > tr.warning:hover > th {
| + | |
− | background-color: #faf2cc;
| + | |
− | }
| + | |
− | .table > thead > tr > td.danger,
| + | |
− | .table > tbody > tr > td.danger,
| + | |
− | .table > tfoot > tr > td.danger,
| + | |
− | .table > thead > tr > th.danger,
| + | |
− | .table > tbody > tr > th.danger,
| + | |
− | .table > tfoot > tr > th.danger,
| + | |
− | .table > thead > tr.danger > td,
| + | |
− | .table > tbody > tr.danger > td,
| + | |
− | .table > tfoot > tr.danger > td,
| + | |
− | .table > thead > tr.danger > th,
| + | |
− | .table > tbody > tr.danger > th,
| + | |
− | .table > tfoot > tr.danger > th {
| + | |
− | background-color: #f2dede;
| + | |
− | }
| + | |
− | .table-hover > tbody > tr > td.danger:hover,
| + | |
− | .table-hover > tbody > tr > th.danger:hover,
| + | |
− | .table-hover > tbody > tr.danger:hover > td,
| + | |
− | .table-hover > tbody > tr:hover > .danger,
| + | |
− | .table-hover > tbody > tr.danger:hover > th {
| + | |
− | background-color: #ebcccc;
| + | |
− | }
| + | |
− | .table-responsive {
| + | |
− | min-height: .01%;
| + | |
− | overflow-x: auto;
| + | |
− | }
| + | |
− | @media screen and (max-width: 767px) {
| + | |
− | .table-responsive {
| + | |
− | width: 100%;
| + | |
− | margin-bottom: 15px;
| + | |
− | overflow-y: hidden;
| + | |
− | -ms-overflow-style: -ms-autohiding-scrollbar;
| + | |
− | border: 1px solid #ddd;
| + | |
− | }
| + | |
− | .table-responsive > .table {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .table-responsive > .table > thead > tr > th,
| + | |
− | .table-responsive > .table > tbody > tr > th,
| + | |
− | .table-responsive > .table > tfoot > tr > th,
| + | |
− | .table-responsive > .table > thead > tr > td,
| + | |
− | .table-responsive > .table > tbody > tr > td,
| + | |
− | .table-responsive > .table > tfoot > tr > td {
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | .table-responsive > .table-bordered {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | .table-responsive > .table-bordered > thead > tr > th:first-child,
| + | |
− | .table-responsive > .table-bordered > tbody > tr > th:first-child,
| + | |
− | .table-responsive > .table-bordered > tfoot > tr > th:first-child,
| + | |
− | .table-responsive > .table-bordered > thead > tr > td:first-child,
| + | |
− | .table-responsive > .table-bordered > tbody > tr > td:first-child,
| + | |
− | .table-responsive > .table-bordered > tfoot > tr > td:first-child {
| + | |
− | border-left: 0;
| + | |
− | }
| + | |
− | .table-responsive > .table-bordered > thead > tr > th:last-child,
| + | |
− | .table-responsive > .table-bordered > tbody > tr > th:last-child,
| + | |
− | .table-responsive > .table-bordered > tfoot > tr > th:last-child,
| + | |
− | .table-responsive > .table-bordered > thead > tr > td:last-child,
| + | |
− | .table-responsive > .table-bordered > tbody > tr > td:last-child,
| + | |
− | .table-responsive > .table-bordered > tfoot > tr > td:last-child {
| + | |
− | border-right: 0;
| + | |
− | }
| + | |
− | .table-responsive > .table-bordered > tbody > tr:last-child > th,
| + | |
− | .table-responsive > .table-bordered > tfoot > tr:last-child > th,
| + | |
− | .table-responsive > .table-bordered > tbody > tr:last-child > td,
| + | |
− | .table-responsive > .table-bordered > tfoot > tr:last-child > td {
| + | |
− | 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: thin dotted;
| + | |
− | 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[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"],
| + | |
− | input[type="time"],
| + | |
− | input[type="datetime-local"],
| + | |
− | input[type="month"] {
| + | |
− | 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;
| + | |
− | }
| + | |
− | select.form-group-sm .form-control {
| + | |
− | height: 30px;
| + | |
− | line-height: 30px;
| + | |
− | }
| + | |
− | textarea.form-group-sm .form-control,
| + | |
− | select[multiple].form-group-sm .form-control {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | .form-group-sm .form-control-static {
| + | |
− | height: 30px;
| + | |
− | min-height: 32px;
| + | |
− | padding: 5px 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;
| + | |
− | }
| + | |
− | select.form-group-lg .form-control {
| + | |
− | height: 46px;
| + | |
− | line-height: 46px;
| + | |
− | }
| + | |
− | textarea.form-group-lg .form-control,
| + | |
− | select[multiple].form-group-lg .form-control {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | .form-group-lg .form-control-static {
| + | |
− | height: 46px;
| + | |
− | min-height: 38px;
| + | |
− | padding: 10px 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 {
| + | |
− | width: 46px;
| + | |
− | height: 46px;
| + | |
− | line-height: 46px;
| + | |
− | }
| + | |
− | .input-sm + .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: 768px) {
| + | |
− | .form-inline .form-group {
| + | |
− | display: inline-block;
| + | |
− | margin-bottom: 0;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .form-inline .form-control {
| + | |
− | display: inline-block;
| + | |
− | width: auto;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .form-inline .form-control-static {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .form-inline .input-group {
| + | |
− | display: inline-table;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .form-inline .input-group .input-group-addon,
| + | |
− | .form-inline .input-group .input-group-btn,
| + | |
− | .form-inline .input-group .form-control {
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .form-inline .input-group > .form-control {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .form-inline .control-label {
| + | |
− | margin-bottom: 0;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .form-inline .radio,
| + | |
− | .form-inline .checkbox {
| + | |
− | display: inline-block;
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .form-inline .radio label,
| + | |
− | .form-inline .checkbox label {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .form-inline .radio input[type="radio"],
| + | |
− | .form-inline .checkbox input[type="checkbox"] {
| + | |
− | position: relative;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .form-inline .has-feedback .form-control-feedback {
| + | |
− | top: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .form-horizontal .radio,
| + | |
− | .form-horizontal .checkbox,
| + | |
− | .form-horizontal .radio-inline,
| + | |
− | .form-horizontal .checkbox-inline {
| + | |
− | padding-top: 7px;
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .form-horizontal .radio,
| + | |
− | .form-horizontal .checkbox {
| + | |
− | min-height: 27px;
| + | |
− | }
| + | |
− | .form-horizontal .form-group {
| + | |
− | margin-right: -15px;
| + | |
− | margin-left: -15px;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .form-horizontal .control-label {
| + | |
− | padding-top: 7px;
| + | |
− | margin-bottom: 0;
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | }
| + | |
− | .form-horizontal .has-feedback .form-control-feedback {
| + | |
− | right: 15px;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .form-horizontal .form-group-lg .control-label {
| + | |
− | padding-top: 14.333333px;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .form-horizontal .form-group-sm .control-label {
| + | |
− | padding-top: 6px;
| + | |
− | }
| + | |
− | }
| + | |
− | .btn {
| + | |
− | display: inline;
| + | |
− | margin: 0;
| + | |
− | font-size: inherit;
| + | |
− | text-align: center;
| + | |
− | white-space: none;
| + | |
− | -ms-touch-action: manipulation;
| + | |
− | touch-action: manipulation;
| + | |
− | cursor: pointer;
| + | |
− | -webkit-user-select: none;
| + | |
− | -moz-user-select: none;
| + | |
− | -ms-user-select: none;
| + | |
− | user-select: none;
| + | |
− | background-image: none;
| + | |
− | border-color:none;
| + | |
− | }
| + | |
− | .btn:focus,
| + | |
− | .btn:active:focus,
| + | |
− | .btn.active:focus,
| + | |
− | .btn.focus,
| + | |
− | .btn:active.focus,
| + | |
− | .btn.active.focus {
| + | |
− | outline: none;
| + | |
− | }
| + | |
− | .btn:hover,
| + | |
− | .btn:focus,
| + | |
− | .btn.focus {
| + | |
− | color: #333;
| + | |
− | text-decoration: none;
| + | |
− | border-color:none;
| + | |
− | }
| + | |
− | .btn:active,
| + | |
− | .btn.active {
| + | |
− | background-image: none;
| + | |
− | outline: 0;
| + | |
− | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
| + | |
− | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
| + | |
| | | |
− | }
| + | /** 重置列表元素 **/ |
− | .btn.disabled,
| + | ul, ol { list-style: none; } |
− | .btn[disabled],
| + | |
− | fieldset[disabled] .btn {
| + | |
− | pointer-events: none;
| + | |
− | cursor: not-allowed;
| + | |
− | filter: alpha(opacity=65);
| + | |
− | -webkit-box-shadow: none;
| + | |
− | box-shadow: none;
| + | |
− | opacity: .65;
| + | |
− | }
| + | |
− | .btn-default {
| + | |
− | color: black;
| + | |
− | background-color: none;
| + | |
− | border-color: none;
| + | |
− |
| + | |
− | }
| + | |
− | .btn-default:hover,
| + | |
− | .btn-default:focus,
| + | |
− | .btn-default.focus,
| + | |
− | .btn-default:active,
| + | |
− | .btn-default.active,
| + | |
− | .open > .dropdown-toggle.btn-default {
| + | |
− | color: #333;
| + | |
− | <!-- background-color: #e6e6e6; -->
| + | |
− | <!-- border-color: #adadad; -->
| + | |
− | }
| + | |
− | .btn-default:active,
| + | |
− | .btn-default.active,
| + | |
− | .open > .dropdown-toggle.btn-default {
| + | |
− | background-image: none;
| + | |
− | }
| + | |
− | .btn-default.disabled,
| + | |
− | .btn-default[disabled],
| + | |
− | fieldset[disabled] .btn-default,
| + | |
− | .btn-default.disabled:hover,
| + | |
− | .btn-default[disabled]:hover,
| + | |
− | fieldset[disabled] .btn-default:hover,
| + | |
− | .btn-default.disabled:focus,
| + | |
− | .btn-default[disabled]:focus,
| + | |
− | fieldset[disabled] .btn-default:focus,
| + | |
− | .btn-default.disabled.focus,
| + | |
− | .btn-default[disabled].focus,
| + | |
− | fieldset[disabled] .btn-default.focus,
| + | |
− | .btn-default.disabled:active,
| + | |
− | .btn-default[disabled]:active,
| + | |
− | fieldset[disabled] .btn-default:active,
| + | |
− | .btn-default.disabled.active,
| + | |
− | .btn-default[disabled].active,
| + | |
− | fieldset[disabled] .btn-default.active {
| + | |
− | background-color: #fff;
| + | |
− | border-color: #ccc;
| + | |
− | }
| + | |
− | .btn-default .badge {
| + | |
− | color: #fff;
| + | |
− | background-color: #333;
| + | |
− | }
| + | |
− | .btn-primary {
| + | |
− | text-decoration:underline;
| + | |
− | color:black;
| + | |
− | font-size:inherit;
| + | |
− | font-weight:inherit;
| + | |
− | background-color:inherit;
| + | |
− | border-color:none;
| + | |
− | border:none;
| + | |
− | }
| + | |
− | .btn-primary:hover,
| + | |
− | .btn-primary:focus,
| + | |
− | .btn-primary.focus,
| + | |
− | .btn-primary:active,
| + | |
− | .btn-primary.active,
| + | |
− | .open > .dropdown-toggle.btn-primary {
| + | |
− | /* important for color change when you hover BY CHARLES WEI*/
| + | |
− | color: #fff;
| + | |
− | background-color: #76BF8D;
| + | |
− | border-color:none;
| + | |
− | }
| + | |
− | .btn-primary:active,
| + | |
− | .btn-primary.active,
| + | |
− | .open > .dropdown-toggle.btn-primary {
| + | |
− | background-image: none;
| + | |
− | border-color:none;
| + | |
− | }
| + | |
− | .btn-primary.disabled,
| + | |
− | .btn-primary[disabled],
| + | |
− | fieldset[disabled] .btn-primary,
| + | |
− | .btn-primary.disabled:hover,
| + | |
− | .btn-primary[disabled]:hover,
| + | |
− | fieldset[disabled] .btn-primary:hover,
| + | |
− | .btn-primary.disabled:focus,
| + | |
− | .btn-primary[disabled]:focus,
| + | |
− | fieldset[disabled] .btn-primary:focus,
| + | |
− | .btn-primary.disabled.focus,
| + | |
− | .btn-primary[disabled].focus,
| + | |
− | fieldset[disabled] .btn-primary.focus,
| + | |
− | .btn-primary.disabled:active,
| + | |
− | .btn-primary[disabled]:active,
| + | |
− | fieldset[disabled] .btn-primary:active,
| + | |
− | .btn-primary.disabled.active,
| + | |
− | .btn-primary[disabled].active,
| + | |
− | fieldset[disabled] .btn-primary.active {
| + | |
− | background-color:none;
| + | |
− | border:none;
| + | |
− | }
| + | |
− | .btn-primary .badge {
| + | |
− | color: #337ab7;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | .btn-success {
| + | |
− | color: #fff;
| + | |
− | background-color: #5cb85c;
| + | |
− | border-color: #4cae4c;
| + | |
− | }
| + | |
− | .btn-success:hover,
| + | |
− | .btn-success:focus,
| + | |
− | .btn-success.focus,
| + | |
− | .btn-success:active,
| + | |
− | .btn-success.active,
| + | |
− | .open > .dropdown-toggle.btn-success {
| + | |
− | color: #fff;
| + | |
− | background-color: #449d44;
| + | |
− | border-color: #398439;
| + | |
− | }
| + | |
− | .btn-success:active,
| + | |
− | .btn-success.active,
| + | |
− | .open > .dropdown-toggle.btn-success {
| + | |
− | background-image: none;
| + | |
− | }
| + | |
− | .btn-success.disabled,
| + | |
− | .btn-success[disabled],
| + | |
− | fieldset[disabled] .btn-success,
| + | |
− | .btn-success.disabled:hover,
| + | |
− | .btn-success[disabled]:hover,
| + | |
− | fieldset[disabled] .btn-success:hover,
| + | |
− | .btn-success.disabled:focus,
| + | |
− | .btn-success[disabled]:focus,
| + | |
− | fieldset[disabled] .btn-success:focus,
| + | |
− | .btn-success.disabled.focus,
| + | |
− | .btn-success[disabled].focus,
| + | |
− | fieldset[disabled] .btn-success.focus,
| + | |
− | .btn-success.disabled:active,
| + | |
− | .btn-success[disabled]:active,
| + | |
− | fieldset[disabled] .btn-success:active,
| + | |
− | .btn-success.disabled.active,
| + | |
− | .btn-success[disabled].active,
| + | |
− | fieldset[disabled] .btn-success.active {
| + | |
− | background-color: #5cb85c;
| + | |
− | border-color: #4cae4c;
| + | |
− | }
| + | |
− | .btn-success .badge {
| + | |
− | color: #5cb85c;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | .btn-info {
| + | |
− | color: #fff;
| + | |
− | background-color: #5bc0de;
| + | |
− | border-color: #46b8da;
| + | |
− | }
| + | |
− | .btn-info:hover,
| + | |
− | .btn-info:focus,
| + | |
− | .btn-info.focus,
| + | |
− | .btn-info:active,
| + | |
− | .btn-info.active,
| + | |
− | .open > .dropdown-toggle.btn-info {
| + | |
− | color: #fff;
| + | |
− | background-color: #31b0d5;
| + | |
− | border-color: #269abc;
| + | |
− | }
| + | |
− | .btn-info:active,
| + | |
− | .btn-info.active,
| + | |
− | .open > .dropdown-toggle.btn-info {
| + | |
− | background-image: none;
| + | |
− | }
| + | |
− | .btn-info.disabled,
| + | |
− | .btn-info[disabled],
| + | |
− | fieldset[disabled] .btn-info,
| + | |
− | .btn-info.disabled:hover,
| + | |
− | .btn-info[disabled]:hover,
| + | |
− | fieldset[disabled] .btn-info:hover,
| + | |
− | .btn-info.disabled:focus,
| + | |
− | .btn-info[disabled]:focus,
| + | |
− | fieldset[disabled] .btn-info:focus,
| + | |
− | .btn-info.disabled.focus,
| + | |
− | .btn-info[disabled].focus,
| + | |
− | fieldset[disabled] .btn-info.focus,
| + | |
− | .btn-info.disabled:active,
| + | |
− | .btn-info[disabled]:active,
| + | |
− | fieldset[disabled] .btn-info:active,
| + | |
− | .btn-info.disabled.active,
| + | |
− | .btn-info[disabled].active,
| + | |
− | fieldset[disabled] .btn-info.active {
| + | |
− | background-color: #5bc0de;
| + | |
− | border-color: #46b8da;
| + | |
− | }
| + | |
− | .btn-info .badge {
| + | |
− | color: #5bc0de;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | .btn-warning {
| + | |
− | color: #fff;
| + | |
− | background-color: #f0ad4e;
| + | |
− | border-color: #eea236;
| + | |
− | }
| + | |
− | .btn-warning:hover,
| + | |
− | .btn-warning:focus,
| + | |
− | .btn-warning.focus,
| + | |
− | .btn-warning:active,
| + | |
− | .btn-warning.active,
| + | |
− | .open > .dropdown-toggle.btn-warning {
| + | |
− | color: #fff;
| + | |
− | background-color: #ec971f;
| + | |
− | border-color: #d58512;
| + | |
− | }
| + | |
− | .btn-warning:active,
| + | |
− | .btn-warning.active,
| + | |
− | .open > .dropdown-toggle.btn-warning {
| + | |
− | background-image: none;
| + | |
− | }
| + | |
− | .btn-warning.disabled,
| + | |
− | .btn-warning[disabled],
| + | |
− | fieldset[disabled] .btn-warning,
| + | |
− | .btn-warning.disabled:hover,
| + | |
− | .btn-warning[disabled]:hover,
| + | |
− | fieldset[disabled] .btn-warning:hover,
| + | |
− | .btn-warning.disabled:focus,
| + | |
− | .btn-warning[disabled]:focus,
| + | |
− | fieldset[disabled] .btn-warning:focus,
| + | |
− | .btn-warning.disabled.focus,
| + | |
− | .btn-warning[disabled].focus,
| + | |
− | fieldset[disabled] .btn-warning.focus,
| + | |
− | .btn-warning.disabled:active,
| + | |
− | .btn-warning[disabled]:active,
| + | |
− | fieldset[disabled] .btn-warning:active,
| + | |
− | .btn-warning.disabled.active,
| + | |
− | .btn-warning[disabled].active,
| + | |
− | fieldset[disabled] .btn-warning.active {
| + | |
− | background-color: #f0ad4e;
| + | |
− | border-color: #eea236;
| + | |
− | }
| + | |
− | .btn-warning .badge {
| + | |
− | color: #f0ad4e;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | .btn-danger {
| + | |
− | color: #fff;
| + | |
− | background-color: #d9534f;
| + | |
− | border-color: #d43f3a;
| + | |
− | }
| + | |
− | .btn-danger:hover,
| + | |
− | .btn-danger:focus,
| + | |
− | .btn-danger.focus,
| + | |
− | .btn-danger:active,
| + | |
− | .btn-danger.active,
| + | |
− | .open > .dropdown-toggle.btn-danger {
| + | |
− | color: #fff;
| + | |
− | background-color: #c9302c;
| + | |
− | border-color: #ac2925;
| + | |
− | }
| + | |
− | .btn-danger:active,
| + | |
− | .btn-danger.active,
| + | |
− | .open > .dropdown-toggle.btn-danger {
| + | |
− | background-image: none;
| + | |
− | }
| + | |
− | .btn-danger.disabled,
| + | |
− | .btn-danger[disabled],
| + | |
− | fieldset[disabled] .btn-danger,
| + | |
− | .btn-danger.disabled:hover,
| + | |
− | .btn-danger[disabled]:hover,
| + | |
− | fieldset[disabled] .btn-danger:hover,
| + | |
− | .btn-danger.disabled:focus,
| + | |
− | .btn-danger[disabled]:focus,
| + | |
− | fieldset[disabled] .btn-danger:focus,
| + | |
− | .btn-danger.disabled.focus,
| + | |
− | .btn-danger[disabled].focus,
| + | |
− | fieldset[disabled] .btn-danger.focus,
| + | |
− | .btn-danger.disabled:active,
| + | |
− | .btn-danger[disabled]:active,
| + | |
− | fieldset[disabled] .btn-danger:active,
| + | |
− | .btn-danger.disabled.active,
| + | |
− | .btn-danger[disabled].active,
| + | |
− | fieldset[disabled] .btn-danger.active {
| + | |
− | background-color: #d9534f;
| + | |
− | border-color: #d43f3a;
| + | |
− | }
| + | |
− | .btn-danger .badge {
| + | |
− | color: #d9534f;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | .btn-link {
| + | |
− | font-weight: normal;
| + | |
− | color: #337ab7;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .btn-link,
| + | |
− | .btn-link:active,
| + | |
− | .btn-link.active,
| + | |
− | .btn-link[disabled],
| + | |
− | fieldset[disabled] .btn-link {
| + | |
− | background-color: transparent;
| + | |
− | -webkit-box-shadow: none;
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− | .btn-link,
| + | |
− | .btn-link:hover,
| + | |
− | .btn-link:focus,
| + | |
− | .btn-link:active {
| + | |
− | border-color: transparent;
| + | |
− | }
| + | |
− | .btn-link:hover,
| + | |
− | .btn-link:focus {
| + | |
− | color: #23527c;
| + | |
− | text-decoration: underline;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | .btn-link[disabled]:hover,
| + | |
− | fieldset[disabled] .btn-link:hover,
| + | |
− | .btn-link[disabled]:focus,
| + | |
− | fieldset[disabled] .btn-link:focus {
| + | |
− | color: #777;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | .btn-lg,
| + | |
− | .btn-group-lg > .btn {
| + | |
− | padding: 10px 16px;
| + | |
− | font-size: 18px;
| + | |
− | line-height: 1.3333333;
| + | |
− | border-radius: 6px;
| + | |
− | }
| + | |
− | .btn-sm,
| + | |
− | .btn-group-sm > .btn {
| + | |
− | padding: 5px 10px;
| + | |
− | font-size: 12px;
| + | |
− | line-height: 1.5;
| + | |
− | border-radius: 3px;
| + | |
− | }
| + | |
− | .btn-xs,
| + | |
− | .btn-group-xs > .btn {
| + | |
− | padding: 1px 5px;
| + | |
− | font-size: 12px;
| + | |
− | line-height: 1.5;
| + | |
− | border-radius: 3px;
| + | |
− | }
| + | |
− | .btn-block {
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .btn-block + .btn-block {
| + | |
− | margin-top: 5px;
| + | |
− | }
| + | |
− | input[type="submit"].btn-block,
| + | |
− | input[type="reset"].btn-block,
| + | |
− | input[type="button"].btn-block {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .fade {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transition: opacity .15s linear;
| + | |
− | -o-transition: opacity .15s linear;
| + | |
− | transition: opacity .15s linear;
| + | |
− | }
| + | |
− | .fade.in {
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | .collapse {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .collapse.in {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | tr.collapse.in {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | tbody.collapse.in {
| + | |
− | display: table-row-group;
| + | |
− | }
| + | |
− | .collapsing {
| + | |
− | position: relative;
| + | |
− | height: 0;
| + | |
− | overflow: hidden;
| + | |
− | -webkit-transition-timing-function: ease;
| + | |
− | -o-transition-timing-function: ease;
| + | |
− | transition-timing-function: ease;
| + | |
− | -webkit-transition-duration: .35s;
| + | |
− | -o-transition-duration: .35s;
| + | |
− | transition-duration: .35s;
| + | |
− | -webkit-transition-property: height, visibility;
| + | |
− | -o-transition-property: height, visibility;
| + | |
− | transition-property: height, visibility;
| + | |
− | }
| + | |
− | .caret {
| + | |
− | display: inline-block;
| + | |
− | width: 0;
| + | |
− | height: 0;
| + | |
− | margin-left: 2px;
| + | |
− | vertical-align: middle;
| + | |
− | border-top: 4px dashed;
| + | |
− | border-right: 4px solid transparent;
| + | |
− | border-left: 4px solid transparent;
| + | |
− | }
| + | |
− | .dropup,
| + | |
− | .dropdown {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | .dropdown-toggle:focus {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | top: 100%;
| + | |
− | left: 0;
| + | |
− | z-index: 1000;
| + | |
− | display: none;
| + | |
− | float: left;
| + | |
− | min-width: 160px;
| + | |
− | padding: 5px 0;
| + | |
− | margin: 2px 0 0;
| + | |
− | font-size: 14px;
| + | |
− | text-align: left;
| + | |
− | list-style: none;
| + | |
− | background-color: #fff;
| + | |
− | -webkit-background-clip: padding-box;
| + | |
− | background-clip: padding-box;
| + | |
− | border: 1px solid #ccc;
| + | |
− | border: 1px solid rgba(0, 0, 0, .15);
| + | |
− | border-radius: 4px;
| + | |
− | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
| + | |
− | box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
| + | |
− | } | + | |
− | .dropdown-menu.pull-right {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .dropdown-menu .divider {
| + | |
− | height: 1px;
| + | |
− | margin: 9px 0;
| + | |
− | overflow: hidden;
| + | |
− | background-color: #e5e5e5;
| + | |
− | }
| + | |
− | .dropdown-menu > li > a {
| + | |
− | display: block;
| + | |
− | padding: 3px 20px;
| + | |
− | clear: both;
| + | |
− | font-weight: normal;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #333;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | .dropdown-menu > li > a:hover,
| + | |
− | .dropdown-menu > li > a:focus {
| + | |
− | color: #262626;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #f5f5f5;
| + | |
− | }
| + | |
− | .dropdown-menu > .active > a,
| + | |
− | .dropdown-menu > .active > a:hover,
| + | |
− | .dropdown-menu > .active > a:focus {
| + | |
− | color: #fff;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #337ab7;
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | .dropdown-menu > .disabled > a,
| + | |
− | .dropdown-menu > .disabled > a:hover,
| + | |
− | .dropdown-menu > .disabled > a:focus {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .dropdown-menu > .disabled > a:hover,
| + | |
− | .dropdown-menu > .disabled > a:focus {
| + | |
− | text-decoration: none;
| + | |
− | cursor: not-allowed;
| + | |
− | background-color: transparent;
| + | |
− | background-image: none;
| + | |
− | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
| + | |
− | }
| + | |
− | .open > .dropdown-menu {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .open > a {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | .dropdown-menu-right {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .dropdown-menu-left {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .dropdown-header {
| + | |
− | display: block;
| + | |
− | padding: 3px 20px;
| + | |
− | font-size: 12px;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #777;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | .dropdown-backdrop {
| + | |
− | position: fixed;
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 990;
| + | |
− | }
| + | |
− | .pull-right > .dropdown-menu {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .dropup .caret,
| + | |
− | .navbar-fixed-bottom .dropdown .caret {
| + | |
− | content: "";
| + | |
− | border-top: 0;
| + | |
− | border-bottom: 4px solid;
| + | |
− | }
| + | |
− | .dropup .dropdown-menu,
| + | |
− | .navbar-fixed-bottom .dropdown .dropdown-menu {
| + | |
− | top: auto;
| + | |
− | bottom: 100%;
| + | |
− | margin-bottom: 2px;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-right .dropdown-menu {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .navbar-right .dropdown-menu-left {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .btn-group,
| + | |
− | .btn-group-vertical {
| + | |
− | position: relative;
| + | |
− | display: inline-block;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .btn-group > .btn,
| + | |
− | .btn-group-vertical > .btn {
| + | |
− | position: relative;
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .btn-group > .btn:hover,
| + | |
− | .btn-group-vertical > .btn:hover,
| + | |
− | .btn-group > .btn:focus,
| + | |
− | .btn-group-vertical > .btn:focus,
| + | |
− | .btn-group > .btn:active,
| + | |
− | .btn-group-vertical > .btn:active,
| + | |
− | .btn-group > .btn.active,
| + | |
− | .btn-group-vertical > .btn.active {
| + | |
− | z-index: 2;
| + | |
− | }
| + | |
− | .btn-group .btn + .btn,
| + | |
− | .btn-group .btn + .btn-group,
| + | |
− | .btn-group .btn-group + .btn,
| + | |
− | .btn-group .btn-group + .btn-group {
| + | |
− | margin-left: -1px;
| + | |
− | }
| + | |
− | .btn-toolbar {
| + | |
− | margin-left: -5px;
| + | |
− | }
| + | |
− | .btn-toolbar .btn-group,
| + | |
− | .btn-toolbar .input-group {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .btn-toolbar > .btn,
| + | |
− | .btn-toolbar > .btn-group,
| + | |
− | .btn-toolbar > .input-group {
| + | |
− | margin-left: 5px;
| + | |
− | }
| + | |
− | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .btn-group > .btn:first-child {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− | .btn-group > .btn:last-child:not(:first-child),
| + | |
− | .btn-group > .dropdown-toggle:not(:first-child) {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .btn-group > .btn-group {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
| + | |
− | .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .btn-group .dropdown-toggle:active,
| + | |
− | .btn-group.open .dropdown-toggle {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | .btn-group > .btn + .dropdown-toggle {
| + | |
− | padding-right: 8px;
| + | |
− | padding-left: 8px;
| + | |
− | }
| + | |
− | .btn-group > .btn-lg + .dropdown-toggle {
| + | |
− | padding-right: 12px;
| + | |
− | padding-left: 12px;
| + | |
− | }
| + | |
− | .btn-group.open .dropdown-toggle {
| + | |
− | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
| + | |
− | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
| + | |
− | }
| + | |
− | .btn-group.open .dropdown-toggle.btn-link {
| + | |
− | -webkit-box-shadow: none;
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− | .btn .caret {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .btn-lg .caret {
| + | |
− | border-width: 5px 5px 0;
| + | |
− | border-bottom-width: 0;
| + | |
− | }
| + | |
− | .dropup .btn-lg .caret {
| + | |
− | border-width: 0 5px 5px;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn,
| + | |
− | .btn-group-vertical > .btn-group,
| + | |
− | .btn-group-vertical > .btn-group > .btn {
| + | |
− | display: block;
| + | |
− | float: none;
| + | |
− | width: 100%;
| + | |
− | max-width: 100%;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn-group > .btn {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn + .btn,
| + | |
− | .btn-group-vertical > .btn + .btn-group,
| + | |
− | .btn-group-vertical > .btn-group + .btn,
| + | |
− | .btn-group-vertical > .btn-group + .btn-group {
| + | |
− | margin-top: -1px;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn:first-child:not(:last-child) {
| + | |
− | border-top-right-radius: 4px;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn:last-child:not(:first-child) {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-left-radius: 4px;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
| + | |
− | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .btn-group-justified {
| + | |
− | display: table;
| + | |
− | width: 100%;
| + | |
− | table-layout: fixed;
| + | |
− | border-collapse: separate;
| + | |
− | }
| + | |
− | .btn-group-justified > .btn,
| + | |
− | .btn-group-justified > .btn-group {
| + | |
− | display: table-cell;
| + | |
− | float: none;
| + | |
− | width: 1%;
| + | |
− | }
| + | |
− | .btn-group-justified > .btn-group .btn {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .btn-group-justified > .btn-group .dropdown-menu {
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | [data-toggle="buttons"] > .btn input[type="radio"],
| + | |
− | [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
| + | |
− | [data-toggle="buttons"] > .btn input[type="checkbox"],
| + | |
− | [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
| + | |
− | position: absolute;
| + | |
− | clip: rect(0, 0, 0, 0);
| + | |
− | pointer-events: none;
| + | |
− | }
| + | |
− | .input-group {
| + | |
− | position: relative;
| + | |
− | display: table;
| + | |
− | border-collapse: separate;
| + | |
− | }
| + | |
− | .input-group[class*="col-"] {
| + | |
− | float: none;
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .input-group .form-control {
| + | |
− | position: relative;
| + | |
− | z-index: 2;
| + | |
− | float: left;
| + | |
− | width: 100%;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .input-group-lg > .form-control,
| + | |
− | .input-group-lg > .input-group-addon,
| + | |
− | .input-group-lg > .input-group-btn > .btn {
| + | |
− | height: 46px;
| + | |
− | padding: 10px 16px;
| + | |
− | font-size: 18px;
| + | |
− | line-height: 1.3333333;
| + | |
− | border-radius: 6px;
| + | |
− | }
| + | |
− | select.input-group-lg > .form-control,
| + | |
− | select.input-group-lg > .input-group-addon,
| + | |
− | select.input-group-lg > .input-group-btn > .btn {
| + | |
− | height: 46px;
| + | |
− | line-height: 46px;
| + | |
− | }
| + | |
− | textarea.input-group-lg > .form-control,
| + | |
− | textarea.input-group-lg > .input-group-addon,
| + | |
− | textarea.input-group-lg > .input-group-btn > .btn,
| + | |
− | select[multiple].input-group-lg > .form-control,
| + | |
− | select[multiple].input-group-lg > .input-group-addon,
| + | |
− | select[multiple].input-group-lg > .input-group-btn > .btn {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | .input-group-sm > .form-control,
| + | |
− | .input-group-sm > .input-group-addon,
| + | |
− | .input-group-sm > .input-group-btn > .btn {
| + | |
− | height: 30px;
| + | |
− | padding: 5px 10px;
| + | |
− | font-size: 12px;
| + | |
− | line-height: 1.5;
| + | |
− | border-radius: 3px;
| + | |
− | }
| + | |
− | select.input-group-sm > .form-control,
| + | |
− | select.input-group-sm > .input-group-addon,
| + | |
− | select.input-group-sm > .input-group-btn > .btn {
| + | |
− | height: 30px;
| + | |
− | line-height: 30px;
| + | |
− | }
| + | |
− | textarea.input-group-sm > .form-control,
| + | |
− | textarea.input-group-sm > .input-group-addon,
| + | |
− | textarea.input-group-sm > .input-group-btn > .btn,
| + | |
− | select[multiple].input-group-sm > .form-control,
| + | |
− | select[multiple].input-group-sm > .input-group-addon,
| + | |
− | select[multiple].input-group-sm > .input-group-btn > .btn {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | .input-group-addon,
| + | |
− | .input-group-btn,
| + | |
− | .input-group .form-control {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− | .input-group-addon:not(:first-child):not(:last-child),
| + | |
− | .input-group-btn:not(:first-child):not(:last-child),
| + | |
− | .input-group .form-control:not(:first-child):not(:last-child) {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .input-group-addon,
| + | |
− | .input-group-btn {
| + | |
− | width: 1%;
| + | |
− | white-space: nowrap;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .input-group-addon {
| + | |
− | padding: 6px 12px;
| + | |
− | font-size: 14px;
| + | |
− | font-weight: normal;
| + | |
− | line-height: 1;
| + | |
− | color: #555;
| + | |
− | text-align: center;
| + | |
− | background-color: #eee;
| + | |
− | border: 1px solid #ccc;
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | .input-group-addon.input-sm {
| + | |
− | padding: 5px 10px;
| + | |
− | font-size: 12px;
| + | |
− | border-radius: 3px;
| + | |
− | }
| + | |
− | .input-group-addon.input-lg {
| + | |
− | padding: 10px 16px;
| + | |
− | font-size: 18px;
| + | |
− | border-radius: 6px;
| + | |
− | }
| + | |
− | .input-group-addon input[type="radio"],
| + | |
− | .input-group-addon input[type="checkbox"] {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .input-group .form-control:first-child,
| + | |
− | .input-group-addon:first-child,
| + | |
− | .input-group-btn:first-child > .btn,
| + | |
− | .input-group-btn:first-child > .btn-group > .btn,
| + | |
− | .input-group-btn:first-child > .dropdown-toggle,
| + | |
− | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
| + | |
− | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− | .input-group-addon:first-child {
| + | |
− | border-right: 0;
| + | |
− | }
| + | |
− | .input-group .form-control:last-child,
| + | |
− | .input-group-addon:last-child,
| + | |
− | .input-group-btn:last-child > .btn,
| + | |
− | .input-group-btn:last-child > .btn-group > .btn,
| + | |
− | .input-group-btn:last-child > .dropdown-toggle,
| + | |
− | .input-group-btn:first-child > .btn:not(:first-child),
| + | |
− | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .input-group-addon:last-child {
| + | |
− | border-left: 0;
| + | |
− | }
| + | |
− | .input-group-btn {
| + | |
− | position: relative;
| + | |
− | font-size: 0;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | .input-group-btn > .btn {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | .input-group-btn > .btn + .btn {
| + | |
− | margin-left: -1px;
| + | |
− | }
| + | |
− | .input-group-btn > .btn:hover,
| + | |
− | .input-group-btn > .btn:focus,
| + | |
− | .input-group-btn > .btn:active {
| + | |
− | z-index: 2;
| + | |
− | }
| + | |
− | .input-group-btn:first-child > .btn,
| + | |
− | .input-group-btn:first-child > .btn-group {
| + | |
− | margin-right: -1px;
| + | |
− | }
| + | |
− | .input-group-btn:last-child > .btn,
| + | |
− | .input-group-btn:last-child > .btn-group {
| + | |
− | margin-left: -1px;
| + | |
− | }
| + | |
− | .nav {
| + | |
− | padding-left: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | .nav > li {
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .nav > li > a {
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | padding: 10px 15px;
| + | |
− | }
| + | |
− | .nav > li > a:hover,
| + | |
− | .nav > li > a:focus {
| + | |
− | text-decoration: none;
| + | |
− | background-color: #eee;
| + | |
− | }
| + | |
− | .nav > li.disabled > a {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .nav > li.disabled > a:hover,
| + | |
− | .nav > li.disabled > a:focus {
| + | |
− | color: #777;
| + | |
− | text-decoration: none;
| + | |
− | cursor: not-allowed;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | .nav .open > a,
| + | |
− | .nav .open > a:hover,
| + | |
− | .nav .open > a:focus {
| + | |
− | background-color: #eee;
| + | |
− | border-color: #337ab7;
| + | |
− | }
| + | |
− | .nav .nav-divider {
| + | |
− | height: 1px;
| + | |
− | margin: 9px 0;
| + | |
− | overflow: hidden;
| + | |
− | background-color: #e5e5e5;
| + | |
− | }
| + | |
− | .nav > li > a > img {
| + | |
− | max-width: none;
| + | |
− | }
| + | |
− | .nav-tabs {
| + | |
− | border-bottom: 1px solid #ddd;
| + | |
− | }
| + | |
− | .nav-tabs > li {
| + | |
− | float: left;
| + | |
− | margin-bottom: -1px;
| + | |
− | }
| + | |
− | .nav-tabs > li > a {
| + | |
− | margin-right: 2px;
| + | |
− | line-height: 1.42857143;
| + | |
− | border: 1px solid transparent;
| + | |
− | border-radius: 4px 4px 0 0;
| + | |
− | }
| + | |
− | .nav-tabs > li > a:hover {
| + | |
− | border-color: #eee #eee #ddd;
| + | |
− | }
| + | |
− | .nav-tabs > li.active > a,
| + | |
− | .nav-tabs > li.active > a:hover,
| + | |
− | .nav-tabs > li.active > a:focus {
| + | |
− | color: #555;
| + | |
− | cursor: default;
| + | |
− | background-color: #fff;
| + | |
− | border: 1px solid #ddd;
| + | |
− | border-bottom-color: transparent;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified {
| + | |
− | width: 100%;
| + | |
− | border-bottom: 0;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > li {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > li > a {
| + | |
− | margin-bottom: 5px;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > .dropdown .dropdown-menu {
| + | |
− | top: auto;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .nav-tabs.nav-justified > li {
| + | |
− | display: table-cell;
| + | |
− | width: 1%;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > li > a {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > li > a {
| + | |
− | margin-right: 0;
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > .active > a,
| + | |
− | .nav-tabs.nav-justified > .active > a:hover,
| + | |
− | .nav-tabs.nav-justified > .active > a:focus {
| + | |
− | border: 1px solid #ddd;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .nav-tabs.nav-justified > li > a {
| + | |
− | border-bottom: 1px solid #ddd;
| + | |
− | border-radius: 4px 4px 0 0;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > .active > a,
| + | |
− | .nav-tabs.nav-justified > .active > a:hover,
| + | |
− | .nav-tabs.nav-justified > .active > a:focus {
| + | |
− | border-bottom-color: #fff;
| + | |
− | }
| + | |
− | }
| + | |
− | .nav-pills > li {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .nav-pills > li > a {
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | .nav-pills > li + li {
| + | |
− | margin-left: 2px;
| + | |
− | }
| + | |
− | .nav-pills > li.active > a,
| + | |
− | .nav-pills > li.active > a:hover,
| + | |
− | .nav-pills > li.active > a:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #337ab7;
| + | |
− | }
| + | |
− | .nav-stacked > li {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .nav-stacked > li + li {
| + | |
− | margin-top: 2px;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .nav-justified {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .nav-justified > li {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .nav-justified > li > a {
| + | |
− | margin-bottom: 5px;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | .nav-justified > .dropdown .dropdown-menu {
| + | |
− | top: auto;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .nav-justified > li {
| + | |
− | display: table-cell;
| + | |
− | width: 1%;
| + | |
− | }
| + | |
− | .nav-justified > li > a {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .nav-tabs-justified {
| + | |
− | border-bottom: 0;
| + | |
− | }
| + | |
− | .nav-tabs-justified > li > a {
| + | |
− | margin-right: 0;
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | .nav-tabs-justified > .active > a,
| + | |
− | .nav-tabs-justified > .active > a:hover,
| + | |
− | .nav-tabs-justified > .active > a:focus {
| + | |
− | border: 1px solid #ddd;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .nav-tabs-justified > li > a {
| + | |
− | border-bottom: 1px solid #ddd;
| + | |
− | border-radius: 4px 4px 0 0;
| + | |
− | }
| + | |
− | .nav-tabs-justified > .active > a,
| + | |
− | .nav-tabs-justified > .active > a:hover,
| + | |
− | .nav-tabs-justified > .active > a:focus {
| + | |
− | border-bottom-color: #fff;
| + | |
− | }
| + | |
− | }
| + | |
− | .tab-content > .tab-pane {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .tab-content > .active {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .nav-tabs .dropdown-menu {
| + | |
− | margin-top: -1px;
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .navbar {
| + | |
− | position: relative;
| + | |
− | min-height: 50px;
| + | |
− | margin-bottom: 20px;
| + | |
− | border: 1px solid transparent;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar {
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-header {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-collapse {
| + | |
− | padding-right: 15px;
| + | |
− | padding-left: 15px;
| + | |
− | overflow-x: visible;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | border-top: 1px solid transparent;
| + | |
− | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
| + | |
− | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
| + | |
− | }
| + | |
− | .navbar-collapse.in {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-collapse {
| + | |
− | width: auto;
| + | |
− | border-top: 0;
| + | |
− | -webkit-box-shadow: none;
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− | .navbar-collapse.collapse {
| + | |
− | display: block !important;
| + | |
− | height: auto !important;
| + | |
− | padding-bottom: 0;
| + | |
− | overflow: visible !important;
| + | |
− | }
| + | |
− | .navbar-collapse.in {
| + | |
− | overflow-y: visible;
| + | |
− | }
| + | |
− | .navbar-fixed-top .navbar-collapse,
| + | |
− | .navbar-static-top .navbar-collapse,
| + | |
− | .navbar-fixed-bottom .navbar-collapse {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-fixed-top .navbar-collapse,
| + | |
− | .navbar-fixed-bottom .navbar-collapse {
| + | |
− | max-height: 340px;
| + | |
− | }
| + | |
− | @media (max-device-width: 480px) and (orientation: landscape) {
| + | |
− | .navbar-fixed-top .navbar-collapse,
| + | |
− | .navbar-fixed-bottom .navbar-collapse {
| + | |
− | max-height: 200px;
| + | |
− | }
| + | |
− | }
| + | |
− | .container > .navbar-header,
| + | |
− | .container-fluid > .navbar-header,
| + | |
− | .container > .navbar-collapse,
| + | |
− | .container-fluid > .navbar-collapse {
| + | |
| | | |
− | }
| + | /** 重置文本格式元素 **/ |
− | @media (min-width: 768px) {
| + | a { text-decoration: none; } |
− | .container > .navbar-header,
| + | a:hover { text-decoration: underline; } |
− | .container-fluid > .navbar-header,
| + | |
− | .container > .navbar-collapse,
| + | |
− | .container-fluid > .navbar-collapse {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-static-top {
| + | |
− | z-index: 1000;
| + | |
− | border-width: 0 0 1px;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-static-top {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-fixed-top,
| + | |
− | .navbar-fixed-bottom {
| + | |
− | position: fixed;
| + | |
− | right: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 1030;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-fixed-top,
| + | |
− | .navbar-fixed-bottom {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-fixed-top {
| + | |
− | top: 0;
| + | |
− | border-width: 0 0 1px;
| + | |
− | }
| + | |
− | .navbar-fixed-bottom {
| + | |
− | bottom: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | border-width: 1px 0 0;
| + | |
− | }
| + | |
− | .navbar-brand {
| + | |
− | float: left;
| + | |
− | height: 50px;
| + | |
− | padding: 15px 15px;
| + | |
− | font-size: 18px;
| + | |
− | line-height: 20px;
| + | |
− | }
| + | |
− | .navbar-brand:hover,
| + | |
− | .navbar-brand:focus {
| + | |
− | text-decoration: none;
| + | |
− | } | + | |
− | .navbar-brand > img {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar > .container .navbar-brand,
| + | |
− | .navbar > .container-fluid .navbar-brand {
| + | |
| | | |
− | }
| |
− | }
| |
− | .navbar-toggle {
| |
− | position: relative;
| |
− | float: right;
| |
− | padding: 9px 10px;
| |
− | margin-top: 8px;
| |
− | margin-right: 15px;
| |
− | margin-bottom: 8px;
| |
− | background-color: transparent;
| |
− | background-image: none;
| |
− | border: 1px solid transparent;
| |
− | border-radius: 4px;
| |
− | }
| |
− | .navbar-toggle:focus {
| |
− | outline: 0;
| |
− | }
| |
− | .navbar-toggle .icon-bar {
| |
− | display: block;
| |
− | width: 22px;
| |
− | height: 2px;
| |
− | border-radius: 1px;
| |
− | }
| |
− | .navbar-toggle .icon-bar + .icon-bar {
| |
− | margin-top: 4px;
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .navbar-toggle {
| |
− | display: none;
| |
− | }
| |
− | }
| |
− | .navbar-nav {
| |
− | margin: 7.5px -15px;
| |
− | }
| |
− | .navbar-nav > li > a {
| |
− | padding-top: 10px;
| |
− | padding-bottom: 10px;
| |
− | line-height: 20px;
| |
− | }
| |
− | @media (max-width: 767px) {
| |
− | .navbar-nav .open .dropdown-menu {
| |
− | position: static;
| |
− | float: none;
| |
− | width: auto;
| |
− | margin-top: 0;
| |
− | background-color: transparent;
| |
− | border: 0;
| |
− | -webkit-box-shadow: none;
| |
− | box-shadow: none;
| |
− | }
| |
− | .navbar-nav .open .dropdown-menu > li > a,
| |
− | .navbar-nav .open .dropdown-menu .dropdown-header {
| |
− | padding: 5px 15px 5px 25px;
| |
− | }
| |
− | .navbar-nav .open .dropdown-menu > li > a {
| |
− | line-height: 20px;
| |
− | }
| |
− | .navbar-nav .open .dropdown-menu > li > a:hover,
| |
− | .navbar-nav .open .dropdown-menu > li > a:focus {
| |
− | background-image: none;
| |
− | }
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .navbar-nav {
| |
− | float: left;
| |
− | margin: 0;
| |
− | }
| |
− | .navbar-nav > li {
| |
− | float: left;
| |
− | }
| |
− | .navbar-nav > li > a {
| |
− | padding-top: 15px;
| |
− | padding-bottom: 15px;
| |
− | }
| |
− | }
| |
− | .navbar-form {
| |
− | padding: 10px 15px;
| |
− | margin-top: 8px;
| |
− | margin-right: -15px;
| |
− | margin-bottom: 8px;
| |
− | margin-left: -15px;
| |
− | border-top: 1px solid transparent;
| |
− | border-bottom: 1px solid transparent;
| |
− | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
| |
− | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .navbar-form .form-group {
| |
− | display: inline-block;
| |
− | margin-bottom: 0;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .navbar-form .form-control {
| |
− | display: inline-block;
| |
− | width: auto;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .navbar-form .form-control-static {
| |
− | display: inline-block;
| |
− | }
| |
− | .navbar-form .input-group {
| |
− | display: inline-table;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .navbar-form .input-group .input-group-addon,
| |
− | .navbar-form .input-group .input-group-btn,
| |
− | .navbar-form .input-group .form-control {
| |
− | width: auto;
| |
− | }
| |
− | .navbar-form .input-group > .form-control {
| |
− | width: 100%;
| |
− | }
| |
− | .navbar-form .control-label {
| |
− | margin-bottom: 0;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .navbar-form .radio,
| |
− | .navbar-form .checkbox {
| |
− | display: inline-block;
| |
− | margin-top: 0;
| |
− | margin-bottom: 0;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .navbar-form .radio label,
| |
− | .navbar-form .checkbox label {
| |
− | padding-left: 0;
| |
− | }
| |
− | .navbar-form .radio input[type="radio"],
| |
− | .navbar-form .checkbox input[type="checkbox"] {
| |
− | position: relative;
| |
− | margin-left: 0;
| |
− | }
| |
− | .navbar-form .has-feedback .form-control-feedback {
| |
− | top: 0;
| |
− | }
| |
− | }
| |
− | @media (max-width: 767px) {
| |
− | .navbar-form .form-group {
| |
− | margin-bottom: 5px;
| |
− | }
| |
− | .navbar-form .form-group:last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .navbar-form {
| |
− | width: auto;
| |
− | padding-top: 0;
| |
− | padding-bottom: 0;
| |
− | margin-right: 0;
| |
− | margin-left: 0;
| |
− | border: 0;
| |
− | -webkit-box-shadow: none;
| |
− | box-shadow: none;
| |
− | }
| |
− | }
| |
− | .navbar-nav > li > .dropdown-menu {
| |
− | margin-top: 0;
| |
− | border-top-left-radius: 0;
| |
− | border-top-right-radius: 0;
| |
− | }
| |
− | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
| |
− | margin-bottom: 0;
| |
− | border-top-left-radius: 4px;
| |
− | border-top-right-radius: 4px;
| |
− | border-bottom-right-radius: 0;
| |
− | border-bottom-left-radius: 0;
| |
− | }
| |
− | .navbar-btn {
| |
− | margin-top: 8px;
| |
− | margin-bottom: 8px;
| |
− | }
| |
− | .navbar-btn.btn-sm {
| |
− | margin-top: 10px;
| |
− | margin-bottom: 10px;
| |
− | }
| |
− | .navbar-btn.btn-xs {
| |
− | margin-top: 14px;
| |
− | margin-bottom: 14px;
| |
− | }
| |
− | .navbar-text {
| |
− | margin-top: 15px;
| |
− | margin-bottom: 15px;
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .navbar-text {
| |
− | float: left;
| |
− | margin-right: 15px;
| |
− | margin-left: 15px;
| |
− | }
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .navbar-left {
| |
− | float: left !important;
| |
− | }
| |
− | .navbar-right {
| |
− | float: right !important;
| |
− | margin-right: -15px;
| |
− | }
| |
− | .navbar-right ~ .navbar-right {
| |
− | margin-right: 0;
| |
− | }
| |
− | }
| |
− | .navbar-default {
| |
− | background-color: #f8f8f8;
| |
− | border-color: #e7e7e7;
| |
− | }
| |
− | .navbar-default .navbar-brand {
| |
− | color: #777;
| |
− | }
| |
− | .navbar-default .navbar-brand:hover,
| |
− | .navbar-default .navbar-brand:focus {
| |
− | color: #5e5e5e;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-default .navbar-text {
| |
− | color: #777;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > a {
| |
− | color: #777;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > a:hover,
| |
− | .navbar-default .navbar-nav > li > a:focus {
| |
− | color: #333;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-default .navbar-nav > .active > a,
| |
− | .navbar-default .navbar-nav > .active > a:hover,
| |
− | .navbar-default .navbar-nav > .active > a:focus {
| |
− | color: #555;
| |
− | background-color: #e7e7e7;
| |
− | }
| |
− | .navbar-default .navbar-nav > .disabled > a,
| |
− | .navbar-default .navbar-nav > .disabled > a:hover,
| |
− | .navbar-default .navbar-nav > .disabled > a:focus {
| |
− | color: #ccc;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-default .navbar-toggle {
| |
− | border-color: #ddd;
| |
− | }
| |
− | .navbar-default .navbar-toggle:hover,
| |
− | .navbar-default .navbar-toggle:focus {
| |
− | background-color: #ddd;
| |
− | }
| |
− | .navbar-default .navbar-toggle .icon-bar {
| |
− | background-color: #888;
| |
− | }
| |
− | .navbar-default .navbar-collapse,
| |
− | .navbar-default .navbar-form {
| |
− | border-color: #e7e7e7;
| |
− | }
| |
− | .navbar-default .navbar-nav > .open > a,
| |
− | .navbar-default .navbar-nav > .open > a:hover,
| |
− | .navbar-default .navbar-nav > .open > a:focus {
| |
− | color: #555;
| |
− | background-color: #e7e7e7;
| |
− | }
| |
− | @media (max-width: 767px) {
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a {
| |
− | color: #777;
| |
− | }
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
| |
− | color: #333;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
− | color: #555;
| |
− | background-color: #e7e7e7;
| |
− | }
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
| |
− | color: #ccc;
| |
− | background-color: transparent;
| |
− | }
| |
− | }
| |
− | .navbar-default .navbar-link {
| |
− | color: #777;
| |
− | }
| |
− | .navbar-default .navbar-link:hover {
| |
− | color: #333;
| |
− | }
| |
− | .navbar-default .btn-link {
| |
− | color: #777;
| |
− | }
| |
− | .navbar-default .btn-link:hover,
| |
− | .navbar-default .btn-link:focus {
| |
− | color: #333;
| |
− | }
| |
− | .navbar-default .btn-link[disabled]:hover,
| |
− | fieldset[disabled] .navbar-default .btn-link:hover,
| |
− | .navbar-default .btn-link[disabled]:focus,
| |
− | fieldset[disabled] .navbar-default .btn-link:focus {
| |
− | color: #ccc;
| |
− | }
| |
− | .navbar-inverse {
| |
− | background-color: #222;
| |
− | border-color: #080808;
| |
− | }
| |
− | .navbar-inverse .navbar-brand {
| |
− | color: #9d9d9d;
| |
− | }
| |
− | .navbar-inverse .navbar-brand:hover,
| |
− | .navbar-inverse .navbar-brand:focus {
| |
− | color: #fff;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-inverse .navbar-text {
| |
− | color: #9d9d9d;
| |
− | }
| |
− | .navbar-inverse .navbar-nav > li > a {
| |
− | color: #9d9d9d;
| |
− | }
| |
− | .navbar-inverse .navbar-nav > li > a:hover,
| |
− | .navbar-inverse .navbar-nav > li > a:focus {
| |
− | color: #fff;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-inverse .navbar-nav > .active > a,
| |
− | .navbar-inverse .navbar-nav > .active > a:hover,
| |
− | .navbar-inverse .navbar-nav > .active > a:focus {
| |
− | color: #fff;
| |
− | background-color: #080808;
| |
− | }
| |
− | .navbar-inverse .navbar-nav > .disabled > a,
| |
− | .navbar-inverse .navbar-nav > .disabled > a:hover,
| |
− | .navbar-inverse .navbar-nav > .disabled > a:focus {
| |
− | color: #444;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-inverse .navbar-toggle {
| |
− | border-color: #333;
| |
− | }
| |
− | .navbar-inverse .navbar-toggle:hover,
| |
− | .navbar-inverse .navbar-toggle:focus {
| |
− | background-color: #333;
| |
− | }
| |
− | .navbar-inverse .navbar-toggle .icon-bar {
| |
− | background-color: #fff;
| |
− | }
| |
− | .navbar-inverse .navbar-collapse,
| |
− | .navbar-inverse .navbar-form {
| |
− | border-color: #101010;
| |
− | }
| |
− | .navbar-inverse .navbar-nav > .open > a,
| |
− | .navbar-inverse .navbar-nav > .open > a:hover,
| |
− | .navbar-inverse .navbar-nav > .open > a:focus {
| |
− | color: #fff;
| |
− | background-color: #080808;
| |
− | }
| |
− | @media (max-width: 767px) {
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
| |
− | border-color: #080808;
| |
− | }
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
| |
− | background-color: #080808;
| |
− | }
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
| |
− | color: #9d9d9d;
| |
− | }
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
| |
− | color: #fff;
| |
− | background-color: transparent;
| |
− | }
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
− | color: #fff;
| |
− | background-color: #080808;
| |
− | }
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
| |
− | color: #444;
| |
− | background-color: transparent;
| |
− | }
| |
− | }
| |
− | .navbar-inverse .navbar-link {
| |
− | color: #9d9d9d;
| |
− | }
| |
− | .navbar-inverse .navbar-link:hover {
| |
− | color: #fff;
| |
− | }
| |
− | .navbar-inverse .btn-link {
| |
− | color: #9d9d9d;
| |
− | }
| |
− | .navbar-inverse .btn-link:hover,
| |
− | .navbar-inverse .btn-link:focus {
| |
− | color: #fff;
| |
− | }
| |
− | .navbar-inverse .btn-link[disabled]:hover,
| |
− | fieldset[disabled] .navbar-inverse .btn-link:hover,
| |
− | .navbar-inverse .btn-link[disabled]:focus,
| |
− | fieldset[disabled] .navbar-inverse .btn-link:focus {
| |
− | color: #444;
| |
− | }
| |
− | .breadcrumb {
| |
− | padding: 8px 15px;
| |
− | margin-bottom: 20px;
| |
− | list-style: none;
| |
− | background-color: #f5f5f5;
| |
− | border-radius: 4px;
| |
− | }
| |
− | .breadcrumb > li {
| |
− | display: inline-block;
| |
− | }
| |
− | .breadcrumb > li + li:before {
| |
− | padding: 0 5px;
| |
− | color: #ccc;
| |
− | content: "/\00a0";
| |
− | }
| |
− | .breadcrumb > .active {
| |
− | color: #777;
| |
− | }
| |
− | .pagination {
| |
− | display: inline-block;
| |
− | padding-left: 0;
| |
− | margin: 20px 0;
| |
− | border-radius: 4px;
| |
− | }
| |
− | .pagination > li {
| |
− | display: inline;
| |
− | }
| |
− | .pagination > li > a,
| |
− | .pagination > li > span {
| |
− | position: relative;
| |
− | float: left;
| |
− | padding: 6px 12px;
| |
− | margin-left: -1px;
| |
− | line-height: 1.42857143;
| |
− | color: #337ab7;
| |
− | text-decoration: none;
| |
− | background-color: #fff;
| |
− | border: 1px solid #ddd;
| |
− | }
| |
− | .pagination > li:first-child > a,
| |
− | .pagination > li:first-child > span {
| |
− | margin-left: 0;
| |
− | border-top-left-radius: 4px;
| |
− | border-bottom-left-radius: 4px;
| |
− | }
| |
− | .pagination > li:last-child > a,
| |
− | .pagination > li:last-child > span {
| |
− | border-top-right-radius: 4px;
| |
− | border-bottom-right-radius: 4px;
| |
− | }
| |
− | .pagination > li > a:hover,
| |
− | .pagination > li > span:hover,
| |
− | .pagination > li > a:focus,
| |
− | .pagination > li > span:focus {
| |
− | color: #23527c;
| |
− | background-color: #eee;
| |
− | border-color: #ddd;
| |
− | }
| |
− | .pagination > .active > a,
| |
− | .pagination > .active > span,
| |
− | .pagination > .active > a:hover,
| |
− | .pagination > .active > span:hover,
| |
− | .pagination > .active > a:focus,
| |
− | .pagination > .active > span:focus {
| |
− | z-index: 2;
| |
− | color: #fff;
| |
− | cursor: default;
| |
− | background-color: #337ab7;
| |
− | border-color: #337ab7;
| |
− | }
| |
− | .pagination > .disabled > span,
| |
− | .pagination > .disabled > span:hover,
| |
− | .pagination > .disabled > span:focus,
| |
− | .pagination > .disabled > a,
| |
− | .pagination > .disabled > a:hover,
| |
− | .pagination > .disabled > a:focus {
| |
− | color: #777;
| |
− | cursor: not-allowed;
| |
− | background-color: #fff;
| |
− | border-color: #ddd;
| |
− | }
| |
− | .pagination-lg > li > a,
| |
− | .pagination-lg > li > span {
| |
− | padding: 10px 16px;
| |
− | font-size: 18px;
| |
− | }
| |
− | .pagination-lg > li:first-child > a,
| |
− | .pagination-lg > li:first-child > span {
| |
− | border-top-left-radius: 6px;
| |
− | border-bottom-left-radius: 6px;
| |
− | }
| |
− | .pagination-lg > li:last-child > a,
| |
− | .pagination-lg > li:last-child > span {
| |
− | border-top-right-radius: 6px;
| |
− | border-bottom-right-radius: 6px;
| |
− | }
| |
− | .pagination-sm > li > a,
| |
− | .pagination-sm > li > span {
| |
− | padding: 5px 10px;
| |
− | font-size: 12px;
| |
− | }
| |
− | .pagination-sm > li:first-child > a,
| |
− | .pagination-sm > li:first-child > span {
| |
− | border-top-left-radius: 3px;
| |
− | border-bottom-left-radius: 3px;
| |
− | }
| |
− | .pagination-sm > li:last-child > a,
| |
− | .pagination-sm > li:last-child > span {
| |
− | border-top-right-radius: 3px;
| |
− | border-bottom-right-radius: 3px;
| |
− | }
| |
− | .pager {
| |
− | padding-left: 0;
| |
− | margin: 20px 0;
| |
− | text-align: center;
| |
− | list-style: none;
| |
− | }
| |
− | .pager li {
| |
− | display: inline;
| |
− | }
| |
− | .pager li > a,
| |
− | .pager li > span {
| |
− | display: inline-block;
| |
− | padding: 5px 14px;
| |
− | background-color: #fff;
| |
− | border: 1px solid #ddd;
| |
− | border-radius: 15px;
| |
− | }
| |
− | .pager li > a:hover,
| |
− | .pager li > a:focus {
| |
− | text-decoration: none;
| |
− | background-color: #eee;
| |
− | }
| |
− | .pager .next > a,
| |
− | .pager .next > span {
| |
− | float: right;
| |
− | }
| |
− | .pager .previous > a,
| |
− | .pager .previous > span {
| |
− | float: left;
| |
− | }
| |
− | .pager .disabled > a,
| |
− | .pager .disabled > a:hover,
| |
− | .pager .disabled > a:focus,
| |
− | .pager .disabled > span {
| |
− | color: #777;
| |
− | cursor: not-allowed;
| |
− | background-color: #fff;
| |
− | }
| |
− | .label {
| |
− | display: inline;
| |
− | padding: .2em .6em .3em;
| |
− | font-size: 75%;
| |
− | font-weight: bold;
| |
− | line-height: 1;
| |
− | color: #fff;
| |
− | text-align: center;
| |
− | white-space: nowrap;
| |
− | vertical-align: baseline;
| |
− | border-radius: .25em;
| |
− | }
| |
− | a.label:hover,
| |
− | a.label:focus {
| |
− | color: #fff;
| |
− | text-decoration: none;
| |
− | cursor: pointer;
| |
− | }
| |
− | .label:empty {
| |
− | display: none;
| |
− | }
| |
− | .btn .label {
| |
− | position: relative;
| |
− | top: -1px;
| |
− | }
| |
− | .label-default {
| |
− | background-color: #777;
| |
− | }
| |
− | .label-default[href]:hover,
| |
− | .label-default[href]:focus {
| |
− | background-color: #5e5e5e;
| |
− | }
| |
− | .label-primary {
| |
− | background-color: #337ab7;
| |
− | }
| |
− | .label-primary[href]:hover,
| |
− | .label-primary[href]:focus {
| |
− | background-color: #76bf8d;
| |
− | }
| |
− | .label-success {
| |
− | background-color: #5cb85c;
| |
− | }
| |
− | .label-success[href]:hover,
| |
− | .label-success[href]:focus {
| |
− | background-color: #449d44;
| |
− | }
| |
− | .label-info {
| |
− | background-color: #5bc0de;
| |
− | }
| |
− | .label-info[href]:hover,
| |
− | .label-info[href]:focus {
| |
− | background-color: #31b0d5;
| |
− | }
| |
− | .label-warning {
| |
− | background-color: #f0ad4e;
| |
− | }
| |
− | .label-warning[href]:hover,
| |
− | .label-warning[href]:focus {
| |
− | background-color: #ec971f;
| |
− | }
| |
− | .label-danger {
| |
− | background-color: #d9534f;
| |
− | }
| |
− | .label-danger[href]:hover,
| |
− | .label-danger[href]:focus {
| |
− | background-color: #c9302c;
| |
− | }
| |
− | .badge {
| |
− | display: inline-block;
| |
− | min-width: 10px;
| |
− | padding: 3px 7px;
| |
− | font-size: 12px;
| |
− | font-weight: bold;
| |
− | line-height: 1;
| |
− | color: #fff;
| |
− | text-align: center;
| |
− | white-space: nowrap;
| |
− | vertical-align: baseline;
| |
− | background-color: #777;
| |
− | border-radius: 10px;
| |
− | }
| |
− | .badge:empty {
| |
− | display: none;
| |
− | }
| |
− | .btn .badge {
| |
− | position: relative;
| |
− | top: -1px;
| |
− | }
| |
− | .btn-xs .badge,
| |
− | .btn-group-xs > .btn .badge {
| |
− | top: 0;
| |
− | padding: 1px 5px;
| |
− | }
| |
− | a.badge:hover,
| |
− | a.badge:focus {
| |
− | color: #fff;
| |
− | text-decoration: none;
| |
− | cursor: pointer;
| |
− | }
| |
− | .list-group-item.active > .badge,
| |
− | .nav-pills > .active > a > .badge {
| |
− | color: #337ab7;
| |
− | background-color: #fff;
| |
− | }
| |
− | .list-group-item > .badge {
| |
− | float: right;
| |
− | }
| |
− | .list-group-item > .badge + .badge {
| |
− | margin-right: 5px;
| |
− | }
| |
− | .nav-pills > li > a > .badge {
| |
− | margin-left: 3px;
| |
− | }
| |
− | .jumbotron {
| |
− | padding:50px;
| |
− | margin:50px;
| |
− | color: inherit;
| |
− | background-color:rgba(125, 63, 152, 0.9);
| |
− | }
| |
− | .jumbotron h1,
| |
− | .jumbotron .h1 {
| |
− | color: inherit;
| |
− | }
| |
− | .jumbotron p {
| |
− | margin-bottom: 15px;
| |
− | font-size: 21px;
| |
− | font-weight: 200;
| |
− | line-height:80%;
| |
− | }
| |
− | .jumbotron > hr {
| |
− | border-top-color: #d5d5d5;
| |
− | }
| |
− | .rolldown .jumbotron,
| |
− | .rolldown-fluid .jumbotron {
| |
− | border-radius: 6px;
| |
− | }
| |
− | .jumbotron .rolldown {
| |
− | max-width: 100%;
| |
− | }
| |
− | @media screen and (min-width: 768px) {
| |
− | .jumbotron {
| |
− | padding: 48px 0;
| |
− | }
| |
− | .rolldown .jumbotron,
| |
− | .rolldown-fluid .jumbotron {
| |
− | padding-right: 60px;
| |
− | padding-left: 60px;
| |
− | }
| |
− | .jumbotron h1,
| |
− | .jumbotron .h1 {
| |
− | font-size: 63px;
| |
− | }
| |
− | }
| |
− | .thumbnail {
| |
− | display: block;
| |
− | padding: 4px;
| |
− | margin-bottom: 20px;
| |
− | line-height: 1.42857143;
| |
− | background-color: #fff;
| |
− | border: 1px solid #ddd;
| |
− | border-radius: 4px;
| |
− | -webkit-transition: border .2s ease-in-out;
| |
− | -o-transition: border .2s ease-in-out;
| |
− | transition: border .2s ease-in-out;
| |
− | }
| |
− | .thumbnail > img,
| |
− | .thumbnail a > img {
| |
− | margin-right: auto;
| |
− | margin-left: auto;
| |
− | }
| |
− | a.thumbnail:hover,
| |
− | a.thumbnail:focus,
| |
− | a.thumbnail.active {
| |
− | border-color: #337ab7;
| |
− | }
| |
− | .thumbnail .caption {
| |
− | padding: 9px;
| |
− | color: #333;
| |
− | }
| |
− | .alert {
| |
− | padding: 15px;
| |
− | margin-bottom: 20px;
| |
− | border: 1px solid transparent;
| |
− | border-radius: 4px;
| |
− | }
| |
− | .alert h4 {
| |
− | margin-top: 0;
| |
− | color: inherit;
| |
− | }
| |
− | .alert .alert-link {
| |
− | font-weight: bold;
| |
− | }
| |
− | .alert > p,
| |
− | .alert > ul {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .alert > p + p {
| |
− | margin-top: 5px;
| |
− | }
| |
− | .alert-dismissable,
| |
− | .alert-dismissible {
| |
− | padding-right: 35px;
| |
− | }
| |
− | .alert-dismissable .close,
| |
− | .alert-dismissible .close {
| |
− | position: relative;
| |
− | top: -2px;
| |
− | right: -21px;
| |
− | color: inherit;
| |
− | }
| |
− | .alert-success {
| |
− | color: #3c763d;
| |
− | background-color: #dff0d8;
| |
− | border-color: #d6e9c6;
| |
− | }
| |
− | .alert-success hr {
| |
− | border-top-color: #c9e2b3;
| |
− | }
| |
− | .alert-success .alert-link {
| |
− | color: #2b542c;
| |
− | }
| |
− | .alert-info {
| |
− | color: #31708f;
| |
− | background-color: #d9edf7;
| |
− | border-color: #bce8f1;
| |
− | }
| |
− | .alert-info hr {
| |
− | border-top-color: #a6e1ec;
| |
− | }
| |
− | .alert-info .alert-link {
| |
− | color: #245269;
| |
− | }
| |
− | .alert-warning {
| |
− | color: #8a6d3b;
| |
− | background-color: #fcf8e3;
| |
− | border-color: #faebcc;
| |
− | }
| |
− | .alert-warning hr {
| |
− | border-top-color: #f7e1b5;
| |
− | }
| |
− | .alert-warning .alert-link {
| |
− | color: #66512c;
| |
− | }
| |
− | .alert-danger {
| |
− | color: #a94442;
| |
− | background-color: #f2dede;
| |
− | border-color: #ebccd1;
| |
− | }
| |
− | .alert-danger hr {
| |
− | border-top-color: #e4b9c0;
| |
− | }
| |
− | .alert-danger .alert-link {
| |
− | color: #843534;
| |
− | }
| |
− | @-webkit-keyframes progress-bar-stripes {
| |
− | from {
| |
− | background-position: 40px 0;
| |
− | }
| |
− | to {
| |
− | background-position: 0 0;
| |
− | }
| |
− | }
| |
− | @-o-keyframes progress-bar-stripes {
| |
− | from {
| |
− | background-position: 40px 0;
| |
− | }
| |
− | to {
| |
− | background-position: 0 0;
| |
− | }
| |
− | }
| |
− | @keyframes progress-bar-stripes {
| |
− | from {
| |
− | background-position: 40px 0;
| |
− | }
| |
− | to {
| |
− | background-position: 0 0;
| |
− | }
| |
− | }
| |
− | .progress {
| |
− | height: 20px;
| |
− | margin-bottom: 20px;
| |
− | overflow: hidden;
| |
− | background-color: #f5f5f5;
| |
− | border-radius: 4px;
| |
− | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
| |
− | box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
| |
− | }
| |
− | .progress-bar {
| |
− | float: left;
| |
− | width: 0;
| |
− | height: 100%;
| |
− | font-size: 12px;
| |
− | line-height: 20px;
| |
− | color: #fff;
| |
− | text-align: center;
| |
− | background-color: #337ab7;
| |
− | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
| |
− | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
| |
− | -webkit-transition: width .6s ease;
| |
− | -o-transition: width .6s ease;
| |
− | transition: width .6s ease;
| |
− | }
| |
− | .progress-striped .progress-bar,
| |
− | .progress-bar-striped {
| |
− | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | -webkit-background-size: 40px 40px;
| |
− | background-size: 40px 40px;
| |
− | }
| |
− | .progress.active .progress-bar,
| |
− | .progress-bar.active {
| |
− | -webkit-animation: progress-bar-stripes 2s linear infinite;
| |
− | -o-animation: progress-bar-stripes 2s linear infinite;
| |
− | animation: progress-bar-stripes 2s linear infinite;
| |
− | }
| |
− | .progress-bar-success {
| |
− | background-color: #5cb85c;
| |
− | }
| |
− | .progress-striped .progress-bar-success {
| |
− | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | }
| |
− | .progress-bar-info {
| |
− | background-color: #5bc0de;
| |
− | }
| |
− | .progress-striped .progress-bar-info {
| |
− | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | }
| |
− | .progress-bar-warning {
| |
− | background-color: #f0ad4e;
| |
− | }
| |
− | .progress-striped .progress-bar-warning {
| |
− | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | }
| |
− | .progress-bar-danger {
| |
− | background-color: #d9534f;
| |
− | }
| |
− | .progress-striped .progress-bar-danger {
| |
− | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
| |
− | }
| |
− | .media {
| |
− | margin-top: 15px;
| |
− | }
| |
− | .media:first-child {
| |
− | margin-top: 0;
| |
− | }
| |
− | .media,
| |
− | .media-body {
| |
− | overflow: hidden;
| |
− | zoom: 1;
| |
− | }
| |
− | .media-body {
| |
− | width: 10000px;
| |
− | }
| |
− | .media-object {
| |
− | display: block;
| |
− | }
| |
− | .media-right,
| |
− | .media > .pull-right {
| |
− | padding-left: 10px;
| |
− | }
| |
− | .media-left,
| |
− | .media > .pull-left {
| |
− | padding-right: 10px;
| |
− | }
| |
− | .media-left,
| |
− | .media-right,
| |
− | .media-body {
| |
− | display: table-cell;
| |
− | vertical-align: top;
| |
− | }
| |
− | .media-middle {
| |
− | vertical-align: middle;
| |
− | }
| |
− | .media-bottom {
| |
− | vertical-align: bottom;
| |
− | }
| |
− | .media-heading {
| |
− | margin-top: 0;
| |
− | margin-bottom: 5px;
| |
− | }
| |
− | .media-list {
| |
− | padding-left: 0;
| |
− | list-style: none;
| |
− | }
| |
− | .list-group {
| |
− | padding-left: 0;
| |
− | margin-bottom: 20px;
| |
− | }
| |
− | .list-group-item {
| |
− | position: relative;
| |
− | display: block;
| |
− | padding: 10px 15px;
| |
− | margin-bottom: -1px;
| |
− | background-color: #fff;
| |
− | border: 1px solid #ddd;
| |
− | }
| |
− | .list-group-item:first-child {
| |
− | border-top-left-radius: 4px;
| |
− | border-top-right-radius: 4px;
| |
− | }
| |
− | .list-group-item:last-child {
| |
− | margin-bottom: 0;
| |
− | border-bottom-right-radius: 4px;
| |
− | border-bottom-left-radius: 4px;
| |
− | }
| |
− | a.list-group-item {
| |
− | color: #555;
| |
− | }
| |
− | a.list-group-item .list-group-item-heading {
| |
− | color: #333;
| |
− | }
| |
− | a.list-group-item:hover,
| |
− | a.list-group-item:focus {
| |
− | color: #555;
| |
− | text-decoration: none;
| |
− | background-color: #f5f5f5;
| |
− | }
| |
− | .list-group-item.disabled,
| |
− | .list-group-item.disabled:hover,
| |
− | .list-group-item.disabled:focus {
| |
− | color: #777;
| |
− | cursor: not-allowed;
| |
− | background-color: #eee;
| |
− | }
| |
− | .list-group-item.disabled .list-group-item-heading,
| |
− | .list-group-item.disabled:hover .list-group-item-heading,
| |
− | .list-group-item.disabled:focus .list-group-item-heading {
| |
− | color: inherit;
| |
− | }
| |
− | .list-group-item.disabled .list-group-item-text,
| |
− | .list-group-item.disabled:hover .list-group-item-text,
| |
− | .list-group-item.disabled:focus .list-group-item-text {
| |
− | color: #777;
| |
− | }
| |
− | .list-group-item.active,
| |
− | .list-group-item.active:hover,
| |
− | .list-group-item.active:focus {
| |
− | z-index: 2;
| |
− | color: #fff;
| |
− | background-color: #337ab7;
| |
− | border-color: #337ab7;
| |
− | }
| |
− | .list-group-item.active .list-group-item-heading,
| |
− | .list-group-item.active:hover .list-group-item-heading,
| |
− | .list-group-item.active:focus .list-group-item-heading,
| |
− | .list-group-item.active .list-group-item-heading > small,
| |
− | .list-group-item.active:hover .list-group-item-heading > small,
| |
− | .list-group-item.active:focus .list-group-item-heading > small,
| |
− | .list-group-item.active .list-group-item-heading > .small,
| |
− | .list-group-item.active:hover .list-group-item-heading > .small,
| |
− | .list-group-item.active:focus .list-group-item-heading > .small {
| |
− | color: inherit;
| |
− | }
| |
− | .list-group-item.active .list-group-item-text,
| |
− | .list-group-item.active:hover .list-group-item-text,
| |
− | .list-group-item.active:focus .list-group-item-text {
| |
− | color: #c7ddef;
| |
− | }
| |
− | .list-group-item-success {
| |
− | color: #3c763d;
| |
− | background-color: #dff0d8;
| |
− | }
| |
− | a.list-group-item-success {
| |
− | color: #3c763d;
| |
− | }
| |
− | a.list-group-item-success .list-group-item-heading {
| |
− | color: inherit;
| |
− | }
| |
− | a.list-group-item-success:hover,
| |
− | a.list-group-item-success:focus {
| |
− | color: #3c763d;
| |
− | background-color: #d0e9c6;
| |
− | }
| |
− | a.list-group-item-success.active,
| |
− | a.list-group-item-success.active:hover,
| |
− | a.list-group-item-success.active:focus {
| |
− | color: #fff;
| |
− | background-color: #3c763d;
| |
− | border-color: #3c763d;
| |
− | }
| |
− | .list-group-item-info {
| |
− | color: #31708f;
| |
− | background-color: #d9edf7;
| |
− | }
| |
− | a.list-group-item-info {
| |
− | color: #31708f;
| |
− | }
| |
− | a.list-group-item-info .list-group-item-heading {
| |
− | color: inherit;
| |
− | }
| |
− | a.list-group-item-info:hover,
| |
− | a.list-group-item-info:focus {
| |
− | color: #31708f;
| |
− | background-color: #c4e3f3;
| |
− | }
| |
− | a.list-group-item-info.active,
| |
− | a.list-group-item-info.active:hover,
| |
− | a.list-group-item-info.active:focus {
| |
− | color: #fff;
| |
− | background-color: #31708f;
| |
− | border-color: #31708f;
| |
− | }
| |
− | .list-group-item-warning {
| |
− | color: #8a6d3b;
| |
− | background-color: #fcf8e3;
| |
− | }
| |
− | a.list-group-item-warning {
| |
− | color: #8a6d3b;
| |
− | }
| |
− | a.list-group-item-warning .list-group-item-heading {
| |
− | color: inherit;
| |
− | }
| |
− | a.list-group-item-warning:hover,
| |
− | a.list-group-item-warning:focus {
| |
− | color: #8a6d3b;
| |
− | background-color: #faf2cc;
| |
− | }
| |
− | a.list-group-item-warning.active,
| |
− | a.list-group-item-warning.active:hover,
| |
− | a.list-group-item-warning.active:focus {
| |
− | color: #fff;
| |
− | background-color: #8a6d3b;
| |
− | border-color: #8a6d3b;
| |
− | }
| |
− | .list-group-item-danger {
| |
− | color: #a94442;
| |
− | background-color: #f2dede;
| |
− | }
| |
− | a.list-group-item-danger {
| |
− | color: #a94442;
| |
− | }
| |
− | a.list-group-item-danger .list-group-item-heading {
| |
− | color: inherit;
| |
− | }
| |
− | a.list-group-item-danger:hover,
| |
− | a.list-group-item-danger:focus {
| |
− | color: #a94442;
| |
− | background-color: #ebcccc;
| |
− | }
| |
− | a.list-group-item-danger.active,
| |
− | a.list-group-item-danger.active:hover,
| |
− | a.list-group-item-danger.active:focus {
| |
− | color: #fff;
| |
− | background-color: #a94442;
| |
− | border-color: #a94442;
| |
− | }
| |
− | .list-group-item-heading {
| |
− | margin-top: 0;
| |
− | margin-bottom: 5px;
| |
− | }
| |
− | .list-group-item-text {
| |
− | margin-bottom: 0;
| |
− | line-height: 1.3;
| |
− | }
| |
− | .panel {
| |
− | margin-bottom: 20px;
| |
− | background-color: #fff;
| |
− | border: 1px solid transparent;
| |
− | border-radius: 4px;
| |
− | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
| |
− | box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
| |
− | }
| |
− | .panel-body {
| |
− | padding: 15px;
| |
− | }
| |
− | .panel-heading {
| |
− | padding: 10px 15px;
| |
− | border-bottom: 1px solid transparent;
| |
− | border-top-left-radius: 3px;
| |
− | border-top-right-radius: 3px;
| |
− | }
| |
− | .panel-heading > .dropdown .dropdown-toggle {
| |
− | color: inherit;
| |
− | }
| |
− | .panel-title {
| |
− | margin-top: 0;
| |
− | margin-bottom: 0;
| |
− | font-size: 16px;
| |
− | color: inherit;
| |
− | }
| |
− | .panel-title > a,
| |
− | .panel-title > small,
| |
− | .panel-title > .small,
| |
− | .panel-title > small > a,
| |
− | .panel-title > .small > a {
| |
− | color: inherit;
| |
− | }
| |
− | .panel-footer {
| |
− | padding: 10px 15px;
| |
− | background-color: #f5f5f5;
| |
− | border-top: 1px solid #ddd;
| |
− | border-bottom-right-radius: 3px;
| |
− | border-bottom-left-radius: 3px;
| |
− | }
| |
− | .panel > .list-group,
| |
− | .panel > .panel-collapse > .list-group {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .panel > .list-group .list-group-item,
| |
− | .panel > .panel-collapse > .list-group .list-group-item {
| |
− | border-width: 1px 0;
| |
− | border-radius: 0;
| |
− | }
| |
− | .panel > .list-group:first-child .list-group-item:first-child,
| |
− | .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
| |
− | border-top: 0;
| |
− | border-top-left-radius: 3px;
| |
− | border-top-right-radius: 3px;
| |
− | }
| |
− | .panel > .list-group:last-child .list-group-item:last-child,
| |
− | .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
| |
− | border-bottom: 0;
| |
− | border-bottom-right-radius: 3px;
| |
− | border-bottom-left-radius: 3px;
| |
− | }
| |
− | .panel-heading + .list-group .list-group-item:first-child {
| |
− | border-top-width: 0;
| |
− | }
| |
− | .list-group + .panel-footer {
| |
− | border-top-width: 0;
| |
− | }
| |
− | .panel > .table,
| |
− | .panel > .table-responsive > .table,
| |
− | .panel > .panel-collapse > .table {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .panel > .table caption,
| |
− | .panel > .table-responsive > .table caption,
| |
− | .panel > .panel-collapse > .table caption {
| |
− | padding-right: 15px;
| |
− | padding-left: 15px;
| |
− | }
| |
− | .panel > .table:first-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child {
| |
− | border-top-left-radius: 3px;
| |
− | border-top-right-radius: 3px;
| |
− | }
| |
− | .panel > .table:first-child > thead:first-child > tr:first-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
| |
− | .panel > .table:first-child > tbody:first-child > tr:first-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
| |
− | border-top-left-radius: 3px;
| |
− | border-top-right-radius: 3px;
| |
− | }
| |
− | .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
| |
− | .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
| |
− | .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
| |
− | .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
| |
− | border-top-left-radius: 3px;
| |
− | }
| |
− | .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
| |
− | .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
| |
− | .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
| |
− | .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
| |
− | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
| |
− | border-top-right-radius: 3px;
| |
− | }
| |
− | .panel > .table:last-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child {
| |
− | border-bottom-right-radius: 3px;
| |
− | border-bottom-left-radius: 3px;
| |
− | }
| |
− | .panel > .table:last-child > tbody:last-child > tr:last-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
| |
− | .panel > .table:last-child > tfoot:last-child > tr:last-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
| |
− | border-bottom-right-radius: 3px;
| |
− | border-bottom-left-radius: 3px;
| |
− | }
| |
− | .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
| |
− | .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
| |
− | .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
| |
− | .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
| |
− | border-bottom-left-radius: 3px;
| |
− | }
| |
− | .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
| |
− | .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
| |
− | .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
| |
− | .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
| |
− | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
| |
− | border-bottom-right-radius: 3px;
| |
− | }
| |
− | .panel > .panel-body + .table,
| |
− | .panel > .panel-body + .table-responsive,
| |
− | .panel > .table + .panel-body,
| |
− | .panel > .table-responsive + .panel-body {
| |
− | border-top: 1px solid #ddd;
| |
− | }
| |
− | .panel > .table > tbody:first-child > tr:first-child th,
| |
− | .panel > .table > tbody:first-child > tr:first-child td {
| |
− | border-top: 0;
| |
− | }
| |
− | .panel > .table-bordered,
| |
− | .panel > .table-responsive > .table-bordered {
| |
− | border: 0;
| |
− | }
| |
− | .panel > .table-bordered > thead > tr > th:first-child,
| |
− | .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
| |
− | .panel > .table-bordered > tbody > tr > th:first-child,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
| |
− | .panel > .table-bordered > tfoot > tr > th:first-child,
| |
− | .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
| |
− | .panel > .table-bordered > thead > tr > td:first-child,
| |
− | .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
| |
− | .panel > .table-bordered > tbody > tr > td:first-child,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
| |
− | .panel > .table-bordered > tfoot > tr > td:first-child,
| |
− | .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
| |
− | border-left: 0;
| |
− | }
| |
− | .panel > .table-bordered > thead > tr > th:last-child,
| |
− | .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
| |
− | .panel > .table-bordered > tbody > tr > th:last-child,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
| |
− | .panel > .table-bordered > tfoot > tr > th:last-child,
| |
− | .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
| |
− | .panel > .table-bordered > thead > tr > td:last-child,
| |
− | .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
| |
− | .panel > .table-bordered > tbody > tr > td:last-child,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
| |
− | .panel > .table-bordered > tfoot > tr > td:last-child,
| |
− | .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
| |
− | border-right: 0;
| |
− | }
| |
− | .panel > .table-bordered > thead > tr:first-child > td,
| |
− | .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
| |
− | .panel > .table-bordered > tbody > tr:first-child > td,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
| |
− | .panel > .table-bordered > thead > tr:first-child > th,
| |
− | .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
| |
− | .panel > .table-bordered > tbody > tr:first-child > th,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
| |
− | border-bottom: 0;
| |
− | }
| |
− | .panel > .table-bordered > tbody > tr:last-child > td,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
| |
− | .panel > .table-bordered > tfoot > tr:last-child > td,
| |
− | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
| |
− | .panel > .table-bordered > tbody > tr:last-child > th,
| |
− | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
| |
− | .panel > .table-bordered > tfoot > tr:last-child > th,
| |
− | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
| |
− | border-bottom: 0;
| |
− | }
| |
− | .panel > .table-responsive {
| |
− | margin-bottom: 0;
| |
− | border: 0;
| |
− | }
| |
− | .panel-group {
| |
− | margin-bottom: 20px;
| |
− | }
| |
− | .panel-group .panel {
| |
− | margin-bottom: 0;
| |
− | border-radius: 4px;
| |
− | }
| |
− | .panel-group .panel + .panel {
| |
− | margin-top: 5px;
| |
− | }
| |
− | .panel-group .panel-heading {
| |
− | border-bottom: 0;
| |
− | }
| |
− | .panel-group .panel-heading + .panel-collapse > .panel-body,
| |
− | .panel-group .panel-heading + .panel-collapse > .list-group {
| |
− | border-top: 1px solid #ddd;
| |
− | }
| |
− | .panel-group .panel-footer {
| |
− | border-top: 0;
| |
− | }
| |
− | .panel-group .panel-footer + .panel-collapse .panel-body {
| |
− | border-bottom: 1px solid #ddd;
| |
− | }
| |
− | .panel-default {
| |
− | border-color: #ddd;
| |
− | }
| |
− | .panel-default > .panel-heading {
| |
− | color: #333;
| |
− | background-color: #f5f5f5;
| |
− | border-color: #ddd;
| |
− | }
| |
− | .panel-default > .panel-heading + .panel-collapse > .panel-body {
| |
− | border-top-color: #ddd;
| |
− | }
| |
− | .panel-default > .panel-heading .badge {
| |
− | color: #f5f5f5;
| |
− | background-color: #333;
| |
− | }
| |
− | .panel-default > .panel-footer + .panel-collapse > .panel-body {
| |
− | border-bottom-color: #ddd;
| |
− | }
| |
− | .panel-primary {
| |
− | border-color: #337ab7;
| |
− | }
| |
− | .panel-primary > .panel-heading {
| |
− | color: #fff;
| |
− | background-color: #337ab7;
| |
− | border-color: #337ab7;
| |
− | }
| |
− | .panel-primary > .panel-heading + .panel-collapse > .panel-body {
| |
− | border-top-color: #337ab7;
| |
− | }
| |
− | .panel-primary > .panel-heading .badge {
| |
− | color: #337ab7;
| |
− | background-color: #fff;
| |
− | }
| |
− | .panel-primary > .panel-footer + .panel-collapse > .panel-body {
| |
− | border-bottom-color: #337ab7;
| |
− | }
| |
− | .panel-success {
| |
− | border-color: #d6e9c6;
| |
− | }
| |
− | .panel-success > .panel-heading {
| |
− | color: #3c763d;
| |
− | background-color: #dff0d8;
| |
− | border-color: #d6e9c6;
| |
− | }
| |
− | .panel-success > .panel-heading + .panel-collapse > .panel-body {
| |
− | border-top-color: #d6e9c6;
| |
− | }
| |
− | .panel-success > .panel-heading .badge {
| |
− | color: #dff0d8;
| |
− | background-color: #3c763d;
| |
− | }
| |
− | .panel-success > .panel-footer + .panel-collapse > .panel-body {
| |
− | border-bottom-color: #d6e9c6;
| |
− | }
| |
− | .panel-info {
| |
− | border-color: #bce8f1;
| |
− | }
| |
− | .panel-info > .panel-heading {
| |
− | color: #31708f;
| |
− | background-color: #d9edf7;
| |
− | border-color: #bce8f1;
| |
− | }
| |
− | .panel-info > .panel-heading + .panel-collapse > .panel-body {
| |
− | border-top-color: #bce8f1;
| |
− | }
| |
− | .panel-info > .panel-heading .badge {
| |
− | color: #d9edf7;
| |
− | background-color: #31708f;
| |
− | }
| |
− | .panel-info > .panel-footer + .panel-collapse > .panel-body {
| |
− | border-bottom-color: #bce8f1;
| |
− | }
| |
− | .panel-warning {
| |
− | border-color: #faebcc;
| |
− | }
| |
− | .panel-warning > .panel-heading {
| |
− | color: #8a6d3b;
| |
− | background-color: #fcf8e3;
| |
− | border-color: #faebcc;
| |
− | }
| |
− | .panel-warning > .panel-heading + .panel-collapse > .panel-body {
| |
− | border-top-color: #faebcc;
| |
− | }
| |
− | .panel-warning > .panel-heading .badge {
| |
− | color: #fcf8e3;
| |
− | background-color: #8a6d3b;
| |
− | }
| |
− | .panel-warning > .panel-footer + .panel-collapse > .panel-body {
| |
− | border-bottom-color: #faebcc;
| |
− | }
| |
− | .panel-danger {
| |
− | border-color: #ebccd1;
| |
− | }
| |
− | .panel-danger > .panel-heading {
| |
− | color: #a94442;
| |
− | background-color: #f2dede;
| |
− | border-color: #ebccd1;
| |
− | }
| |
− | .panel-danger > .panel-heading + .panel-collapse > .panel-body {
| |
− | border-top-color: #ebccd1;
| |
− | }
| |
− | .panel-danger > .panel-heading .badge {
| |
− | color: #f2dede;
| |
− | background-color: #a94442;
| |
− | }
| |
− | .panel-danger > .panel-footer + .panel-collapse > .panel-body {
| |
− | border-bottom-color: #ebccd1;
| |
− | }
| |
− | .embed-responsive {
| |
− | position: relative;
| |
− | display: block;
| |
− | height: 0;
| |
− | padding: 0;
| |
− | overflow: hidden;
| |
− | }
| |
− | .embed-responsive .embed-responsive-item,
| |
− | .embed-responsive iframe,
| |
− | .embed-responsive embed,
| |
− | .embed-responsive object,
| |
− | .embed-responsive video {
| |
− | position: absolute;
| |
− | top: 0;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | border: 0;
| |
− | }
| |
− | .embed-responsive-16by9 {
| |
− | padding-bottom: 56.25%;
| |
− | }
| |
− | .embed-responsive-4by3 {
| |
− | padding-bottom: 75%;
| |
− | }
| |
− | .well {
| |
− | min-height: 20px;
| |
− | padding: 19px;
| |
− | margin-bottom: 20px;
| |
− | background-color: #f5f5f5;
| |
− | border: 1px solid #e3e3e3;
| |
− | border-radius: 4px;
| |
− | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
| |
− | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
| |
− | }
| |
− | .well blockquote {
| |
− | border-color: #ddd;
| |
− | border-color: rgba(0, 0, 0, .15);
| |
− | }
| |
− | .well-lg {
| |
− | padding: 24px;
| |
− | border-radius: 6px;
| |
− | }
| |
− | .well-sm {
| |
− | padding: 9px;
| |
− | 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 {
| |
− | -webkit-appearance: none;
| |
− | padding: 0;
| |
− | cursor: pointer;
| |
− | background: transparent;
| |
− | border: 0;
| |
− | }
| |
− | .modal-open {
| |
− | overflow: hidden;
| |
− | }
| |
− | .modal {
| |
− | position: fixed;
| |
− | top: 0;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | z-index: 1050;
| |
− | display: none;
| |
− | overflow: hidden;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | outline: 0;
| |
− | }
| |
− | .modal.fade .modal-dialog {
| |
− | -webkit-transition: -webkit-transform .3s ease-out;
| |
− | -o-transition: -o-transform .3s ease-out;
| |
− | transition: transform .3s ease-out;
| |
− | -webkit-transform: translate(0, -25%);
| |
− | -ms-transform: translate(0, -25%);
| |
− | -o-transform: translate(0, -25%);
| |
− | transform: translate(0, -25%);
| |
− | }
| |
− | .modal.in .modal-dialog {
| |
− | -webkit-transform: translate(0, 0);
| |
− | -ms-transform: translate(0, 0);
| |
− | -o-transform: translate(0, 0);
| |
− | transform: translate(0, 0);
| |
− | }
| |
− | .modal-open .modal {
| |
− | overflow-x: hidden;
| |
− | overflow-y: auto;
| |
− | }
| |
− | .modal-dialog {
| |
− | position: relative;
| |
− | width: auto;
| |
− | margin: 10px;
| |
− | }
| |
− | .modal-content {
| |
− | position: relative;
| |
− | background-color: #fff;
| |
− | -webkit-background-clip: padding-box;
| |
− | background-clip: padding-box;
| |
− | border: 1px solid #999;
| |
− | border: 1px solid rgba(0, 0, 0, .2);
| |
− | border-radius: 6px;
| |
− | outline: 0;
| |
− | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
| |
− | box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
| |
− | }
| |
− | .modal-backdrop {
| |
− | position: fixed;
| |
− | top: 0;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | z-index: 1040;
| |
− | background-color: #000;
| |
− | }
| |
− | .modal-backdrop.fade {
| |
− | filter: alpha(opacity=0);
| |
− | opacity: 0;
| |
− | }
| |
− | .modal-backdrop.in {
| |
− | filter: alpha(opacity=50);
| |
− | opacity: .5;
| |
− | }
| |
− | .modal-header {
| |
− | min-height: 16.42857143px;
| |
− | padding: 15px;
| |
− | border-bottom: 1px solid #e5e5e5;
| |
− | }
| |
− | .modal-header .close {
| |
− | margin-top: -2px;
| |
− | }
| |
− | .modal-title {
| |
− | margin: 0;
| |
− | line-height: 1.42857143;
| |
− | }
| |
− | .modal-body {
| |
− | position: relative;
| |
− | padding: 15px;
| |
− | }
| |
− | .modal-footer {
| |
− | padding: 15px;
| |
− | text-align: right;
| |
− | border-top: 1px solid #e5e5e5;
| |
− | }
| |
− | .modal-footer .btn + .btn {
| |
− | margin-bottom: 0;
| |
− | margin-left: 5px;
| |
− | }
| |
− | .modal-footer .btn-group .btn + .btn {
| |
− | margin-left: -1px;
| |
− | }
| |
− | .modal-footer .btn-block + .btn-block {
| |
− | margin-left: 0;
| |
− | }
| |
− | .modal-scrollbar-measure {
| |
− | position: absolute;
| |
− | top: -9999px;
| |
− | width: 50px;
| |
− | height: 50px;
| |
− | overflow: scroll;
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .modal-dialog {
| |
− | width: 600px;
| |
− | margin: 30px auto;
| |
− | }
| |
− | .modal-content {
| |
− | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
| |
− | box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
| |
− | }
| |
− | .modal-sm {
| |
− | width: 300px;
| |
− | }
| |
− | }
| |
− | @media (min-width: 992px) {
| |
− | .modal-lg {
| |
− | width: 900px;
| |
− | }
| |
− | }
| |
− | .tooltip {
| |
− | position: absolute;
| |
− | z-index: 1070;
| |
− | display: block;
| |
− | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
− | font-size: 12px;
| |
− | font-weight: normal;
| |
− | line-height: 1.4;
| |
− | filter: alpha(opacity=0);
| |
− | opacity: 0;
| |
− | }
| |
− | .tooltip.in {
| |
− | filter: alpha(opacity=90);
| |
− | opacity: .9;
| |
− | }
| |
− | .tooltip.top {
| |
− | padding: 5px 0;
| |
− | margin-top: -3px;
| |
− | }
| |
− | .tooltip.right {
| |
− | padding: 0 5px;
| |
− | margin-left: 3px;
| |
− | }
| |
− | .tooltip.bottom {
| |
− | padding: 5px 0;
| |
− | margin-top: 3px;
| |
− | }
| |
− | .tooltip.left {
| |
− | padding: 0 5px;
| |
− | margin-left: -3px;
| |
− | }
| |
− | .tooltip-inner {
| |
− | max-width: 200px;
| |
− | padding: 3px 8px;
| |
− | color: #fff;
| |
− | text-align: center;
| |
− | text-decoration: none;
| |
− | background-color: #000;
| |
− | border-radius: 4px;
| |
− | }
| |
− | .tooltip-arrow {
| |
− | position: absolute;
| |
− | width: 0;
| |
− | height: 0;
| |
− | border-color: transparent;
| |
− | border-style: solid;
| |
− | }
| |
− | .tooltip.top .tooltip-arrow {
| |
− | bottom: 0;
| |
− | left: 50%;
| |
− | margin-left: -5px;
| |
− | border-width: 5px 5px 0;
| |
− | border-top-color: #000;
| |
− | }
| |
− | .tooltip.top-left .tooltip-arrow {
| |
− | right: 5px;
| |
− | bottom: 0;
| |
− | margin-bottom: -5px;
| |
− | border-width: 5px 5px 0;
| |
− | border-top-color: #000;
| |
− | }
| |
− | .tooltip.top-right .tooltip-arrow {
| |
− | bottom: 0;
| |
− | left: 5px;
| |
− | margin-bottom: -5px;
| |
− | border-width: 5px 5px 0;
| |
− | border-top-color: #000;
| |
− | }
| |
− | .tooltip.right .tooltip-arrow {
| |
− | top: 50%;
| |
− | left: 0;
| |
− | margin-top: -5px;
| |
− | border-width: 5px 5px 5px 0;
| |
− | border-right-color: #000;
| |
− | }
| |
− | .tooltip.left .tooltip-arrow {
| |
− | top: 50%;
| |
− | right: 0;
| |
− | margin-top: -5px;
| |
− | border-width: 5px 0 5px 5px;
| |
− | border-left-color: #000;
| |
− | }
| |
− | .tooltip.bottom .tooltip-arrow {
| |
− | top: 0;
| |
− | left: 50%;
| |
− | margin-left: -5px;
| |
− | border-width: 0 5px 5px;
| |
− | border-bottom-color: #000;
| |
− | }
| |
− | .tooltip.bottom-left .tooltip-arrow {
| |
− | top: 0;
| |
− | right: 5px;
| |
− | margin-top: -5px;
| |
− | border-width: 0 5px 5px;
| |
− | border-bottom-color: #000;
| |
− | }
| |
− | .tooltip.bottom-right .tooltip-arrow {
| |
− | top: 0;
| |
− | left: 5px;
| |
− | margin-top: -5px;
| |
− | border-width: 0 5px 5px;
| |
− | border-bottom-color: #000;
| |
− | }
| |
− | .popover {
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | z-index: 1060;
| |
− | display: none;
| |
− | max-width: 276px;
| |
− | padding: 1px;
| |
− | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
− | font-size: 14px;
| |
− | font-weight: normal;
| |
− | line-height: 1.42857143;
| |
− | text-align: left;
| |
− | white-space: normal;
| |
− | background-color: #fff;
| |
− | -webkit-background-clip: padding-box;
| |
− | background-clip: padding-box;
| |
− | border: 1px solid #ccc;
| |
− | border: 1px solid rgba(0, 0, 0, .2);
| |
− | border-radius: 6px;
| |
− | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
| |
− | box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
| |
− | }
| |
− | .popover.top {
| |
− | margin-top: -10px;
| |
− | }
| |
− | .popover.right {
| |
− | margin-left: 10px;
| |
− | }
| |
− | .popover.bottom {
| |
− | margin-top: 10px;
| |
− | }
| |
− | .popover.left {
| |
− | margin-left: -10px;
| |
− | }
| |
− | .popover-title {
| |
− | padding: 8px 14px;
| |
− | margin: 0;
| |
− | font-size: 14px;
| |
− | background-color: #f7f7f7;
| |
− | border-bottom: 1px solid #ebebeb;
| |
− | border-radius: 5px 5px 0 0;
| |
− | }
| |
− | .popover-content {
| |
− | padding: 9px 14px;
| |
− | }
| |
− | .popover > .arrow,
| |
− | .popover > .arrow:after {
| |
− | position: absolute;
| |
− | display: block;
| |
− | width: 0;
| |
− | height: 0;
| |
− | border-color: transparent;
| |
− | border-style: solid;
| |
− | }
| |
− | .popover > .arrow {
| |
− | border-width: 11px;
| |
− | }
| |
− | .popover > .arrow:after {
| |
− | content: "";
| |
− | border-width: 10px;
| |
− | }
| |
− | .popover.top > .arrow {
| |
− | bottom: -11px;
| |
− | left: 50%;
| |
− | margin-left: -11px;
| |
− | border-top-color: #999;
| |
− | border-top-color: rgba(0, 0, 0, .25);
| |
− | border-bottom-width: 0;
| |
− | }
| |
− | .popover.top > .arrow:after {
| |
− | bottom: 1px;
| |
− | margin-left: -10px;
| |
− | content: " ";
| |
− | border-top-color: #fff;
| |
− | border-bottom-width: 0;
| |
− | }
| |
− | .popover.right > .arrow {
| |
− | top: 50%;
| |
− | left: -11px;
| |
− | margin-top: -11px;
| |
− | border-right-color: #999;
| |
− | border-right-color: rgba(0, 0, 0, .25);
| |
− | border-left-width: 0;
| |
− | }
| |
− | .popover.right > .arrow:after {
| |
− | bottom: -10px;
| |
− | left: 1px;
| |
− | content: " ";
| |
− | border-right-color: #fff;
| |
− | border-left-width: 0;
| |
− | }
| |
− | .popover.bottom > .arrow {
| |
− | top: -11px;
| |
− | left: 50%;
| |
− | margin-left: -11px;
| |
− | border-top-width: 0;
| |
− | border-bottom-color: #999;
| |
− | border-bottom-color: rgba(0, 0, 0, .25);
| |
− | }
| |
− | .popover.bottom > .arrow:after {
| |
− | top: 1px;
| |
− | margin-left: -10px;
| |
− | content: " ";
| |
− | border-top-width: 0;
| |
− | border-bottom-color: #fff;
| |
− | }
| |
− | .popover.left > .arrow {
| |
− | top: 50%;
| |
− | right: -11px;
| |
− | margin-top: -11px;
| |
− | border-right-width: 0;
| |
− | border-left-color: #999;
| |
− | border-left-color: rgba(0, 0, 0, .25);
| |
− | }
| |
− | .popover.left > .arrow:after {
| |
− | right: 1px;
| |
− | bottom: -10px;
| |
− | content: " ";
| |
− | border-right-width: 0;
| |
− | border-left-color: #fff;
| |
− | }
| |
− | .carousel {
| |
− | position: relative;
| |
− | }
| |
− | .carousel-inner {
| |
− | position: relative;
| |
− | width: 100%;
| |
− | overflow: hidden;
| |
− | }
| |
− | .carousel-inner > .item {
| |
− | position: relative;
| |
− | display: none;
| |
− | -webkit-transition: .6s ease-in-out left;
| |
− | -o-transition: .6s ease-in-out left;
| |
− | transition: .6s ease-in-out left;
| |
− | }
| |
− | .carousel-inner > .item > img,
| |
− | .carousel-inner > .item > a > img {
| |
− | line-height: 1;
| |
− | }
| |
− | @media all and (transform-3d), (-webkit-transform-3d) {
| |
− | .carousel-inner > .item {
| |
− | -webkit-transition: -webkit-transform .6s ease-in-out;
| |
− | -o-transition: -o-transform .6s ease-in-out;
| |
− | transition: transform .6s ease-in-out;
| |
| | | |
− | -webkit-backface-visibility: hidden;
| + | /** 重置表单元素 **/ |
− | backface-visibility: hidden;
| + | legend { color: #000; } /* for ie6 */ |
− | -webkit-perspective: 1000;
| + | fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ |
− | perspective: 1000;
| + | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */ |
− | }
| + | /* 注:optgroup 无法扶正 */ |
− | .carousel-inner > .item.next,
| + | |
− | .carousel-inner > .item.active.right {
| + | |
− | left: 0;
| + | |
− | -webkit-transform: translate3d(100%, 0, 0);
| + | |
− | transform: translate3d(100%, 0, 0);
| + | |
− | }
| + | |
− | .carousel-inner > .item.prev,
| + | |
− | .carousel-inner > .item.active.left {
| + | |
− | left: 0;
| + | |
− | -webkit-transform: translate3d(-100%, 0, 0);
| + | |
− | transform: translate3d(-100%, 0, 0);
| + | |
− | }
| + | |
− | .carousel-inner > .item.next.left,
| + | |
− | .carousel-inner > .item.prev.right,
| + | |
− | .carousel-inner > .item.active {
| + | |
− | left: 0;
| + | |
− | -webkit-transform: translate3d(0, 0, 0);
| + | |
− | transform: translate3d(0, 0, 0);
| + | |
− | }
| + | |
− | }
| + | |
− | .carousel-inner > .active,
| + | |
− | .carousel-inner > .next,
| + | |
− | .carousel-inner > .prev {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .carousel-inner > .active {
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .carousel-inner > .next,
| + | |
− | .carousel-inner > .prev {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .carousel-inner > .next {
| + | |
− | left: 100%;
| + | |
− | }
| + | |
− | .carousel-inner > .prev {
| + | |
− | left: -100%;
| + | |
− | }
| + | |
− | .carousel-inner > .next.left,
| + | |
− | .carousel-inner > .prev.right {
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .carousel-inner > .active.left {
| + | |
− | left: -100%;
| + | |
− | }
| + | |
− | .carousel-inner > .active.right {
| + | |
− | left: 100%;
| + | |
− | }
| + | |
− | .carousel-control {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | width: 15%;
| + | |
− | font-size: 20px;
| + | |
− | color: #fff;
| + | |
− | text-align: center;
| + | |
− | text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
| + | |
− | filter: alpha(opacity=50);
| + | |
− | opacity: .5;
| + | |
− | }
| + | |
− | .carousel-control.left {
| + | |
− | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
| + | |
− | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
| + | |
− | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
| + | |
− | background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
| + | |
− | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
| + | |
− | background-repeat: repeat-x;
| + | |
− | }
| + | |
− | .carousel-control.right {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
| + | |
− | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
| + | |
− | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
| + | |
− | background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
| + | |
− | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
| + | |
− | background-repeat: repeat-x;
| + | |
− | }
| + | |
− | .carousel-control:hover,
| + | |
− | .carousel-control:focus {
| + | |
− | color: #fff;
| + | |
− | text-decoration: none;
| + | |
− | filter: alpha(opacity=90);
| + | |
− | outline: 0;
| + | |
− | opacity: .9;
| + | |
− | } | + | |
− | .carousel-control .icon-prev,
| + | |
− | .carousel-control .icon-next,
| + | |
− | .carousel-control .glyphicon-chevron-left,
| + | |
− | .carousel-control .glyphicon-chevron-right {
| + | |
− | position: absolute;
| + | |
− | top: 50%;
| + | |
− | z-index: 5;
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .carousel-control .icon-prev,
| + | |
− | .carousel-control .glyphicon-chevron-left {
| + | |
− | left: 50%;
| + | |
− | margin-left: -10px;
| + | |
− | }
| + | |
− | .carousel-control .icon-next,
| + | |
− | .carousel-control .glyphicon-chevron-right {
| + | |
− | right: 50%;
| + | |
− | margin-right: -10px;
| + | |
− | }
| + | |
− | .carousel-control .icon-prev,
| + | |
− | .carousel-control .icon-next {
| + | |
− | width: 20px;
| + | |
− | height: 20px;
| + | |
− | margin-top: -10px;
| + | |
− | font-family: serif;
| + | |
− | line-height: 1;
| + | |
− | }
| + | |
− | .carousel-control .icon-prev:before {
| + | |
− | content: '\2039';
| + | |
− | }
| + | |
− | .carousel-control .icon-next:before {
| + | |
− | content: '\203a';
| + | |
− | }
| + | |
− | .carousel-indicators {
| + | |
− | position: absolute;
| + | |
− | bottom: 10px;
| + | |
− | left: 50%;
| + | |
− | z-index: 15;
| + | |
− | width: 60%;
| + | |
− | padding-left: 0;
| + | |
− | margin-left: -30%;
| + | |
− | text-align: center;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | .carousel-indicators li {
| + | |
− | display: inline-block;
| + | |
− | width: 10px;
| + | |
− | height: 10px;
| + | |
− | margin: 1px;
| + | |
− | text-indent: -999px;
| + | |
− | cursor: pointer;
| + | |
− | background-color: #000 \9;
| + | |
− | background-color: rgba(0, 0, 0, 0);
| + | |
− | border: 1px solid #fff;
| + | |
− | border-radius: 10px;
| + | |
− | }
| + | |
− | .carousel-indicators .active {
| + | |
− | width: 12px;
| + | |
− | height: 12px;
| + | |
− | margin: 0;
| + | |
− | background-color: #fff;
| + | |
− | } | + | |
− | .carousel-caption {
| + | |
− | position: absolute;
| + | |
− | right: 15%;
| + | |
− | bottom: 20px;
| + | |
− | left: 15%;
| + | |
− | z-index: 10;
| + | |
− | padding-top: 20px;
| + | |
− | padding-bottom: 20px;
| + | |
− | color: #fff;
| + | |
− | text-align: center;
| + | |
− | text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
| + | |
− | }
| + | |
− | .carousel-caption .btn {
| + | |
− | text-shadow: none;
| + | |
− | }
| + | |
− | @media screen and (min-width: 768px) {
| + | |
− | .carousel-control .glyphicon-chevron-left,
| + | |
− | .carousel-control .glyphicon-chevron-right,
| + | |
− | .carousel-control .icon-prev,
| + | |
− | .carousel-control .icon-next {
| + | |
− | width: 30px;
| + | |
− | height: 30px;
| + | |
− | margin-top: -15px;
| + | |
− | font-size: 30px;
| + | |
− | }
| + | |
− | .carousel-control .glyphicon-chevron-left,
| + | |
− | .carousel-control .icon-prev {
| + | |
− | margin-left: -15px;
| + | |
− | }
| + | |
− | .carousel-control .glyphicon-chevron-right,
| + | |
− | .carousel-control .icon-next {
| + | |
− | margin-right: -15px;
| + | |
− | }
| + | |
− | .carousel-caption {
| + | |
− | right: 20%;
| + | |
− | left: 20%;
| + | |
− | padding-bottom: 30px;
| + | |
− | }
| + | |
− | .carousel-indicators {
| + | |
− | bottom: 20px;
| + | |
− | }
| + | |
− | }
| + | |
− | .clearfix:before,
| + | |
− | .clearfix:after,
| + | |
− | .dl-horizontal dd:before,
| + | |
− | .dl-horizontal dd:after,
| + | |
− | .rolldown:before,
| + | |
− | .rolldown:after,
| + | |
− | .rolldown-fluid:before,
| + | |
− | .rolldown-fluid:after,
| + | |
− | .row:before,
| + | |
− | .row:after,
| + | |
− | .form-horizontal .form-group:before,
| + | |
− | .form-horizontal .form-group:after,
| + | |
− | .btn-toolbar:before,
| + | |
− | .btn-toolbar:after,
| + | |
− | .btn-group-vertical > .btn-group:before,
| + | |
− | .btn-group-vertical > .btn-group:after,
| + | |
− | .nav:before,
| + | |
− | .nav:after,
| + | |
− | .navbar:before,
| + | |
− | .navbar:after,
| + | |
− | .navbar-header:before,
| + | |
− | .navbar-header:after,
| + | |
− | .navbar-collapse:before,
| + | |
− | .navbar-collapse:after,
| + | |
− | .pager:before,
| + | |
− | .pager:after,
| + | |
− | .panel-body:before,
| + | |
− | .panel-body:after,
| + | |
− | .modal-footer:before,
| + | |
− | .modal-footer:after {
| + | |
− | display: table;
| + | |
− | content: " ";
| + | |
− | }
| + | |
− | .clearfix:after,
| + | |
− | .dl-horizontal dd:after,
| + | |
− | .rolldown:after,
| + | |
− | .rolldown-fluid:after,
| + | |
− | .row:after,
| + | |
− | .form-horizontal .form-group:after,
| + | |
− | .btn-toolbar:after,
| + | |
− | .btn-group-vertical > .btn-group:after,
| + | |
− | .nav:after,
| + | |
− | .navbar:after,
| + | |
− | .navbar-header:after,
| + | |
− | .navbar-collapse:after,
| + | |
− | .pager:after,
| + | |
− | .panel-body:after,
| + | |
− | .modal-footer:after {
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | .center-block {
| + | |
− | display: block;
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .pull-right {
| + | |
− | float: right !important;
| + | |
− | }
| + | |
− | .pull-left {
| + | |
− | float: left !important;
| + | |
− | }
| + | |
− | .hide {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | .show {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | .invisible {
| + | |
− | visibility: hidden;
| + | |
− | }
| + | |
− | .text-hide {
| + | |
− | font: 0/0 a;
| + | |
− | color: transparent;
| + | |
− | text-shadow: none;
| + | |
− | background-color: transparent;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | .hidden {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | .affix {
| + | |
− | position: fixed;
| + | |
− | }
| + | |
− | @-ms-viewport {
| + | |
− | width: device-width;
| + | |
− | }
| + | |
− | .visible-xs,
| + | |
− | .visible-sm,
| + | |
− | .visible-md,
| + | |
− | .visible-lg {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | .visible-xs-block,
| + | |
− | .visible-xs-inline,
| + | |
− | .visible-xs-inline-block,
| + | |
− | .visible-sm-block,
| + | |
− | .visible-sm-inline,
| + | |
− | .visible-sm-inline-block,
| + | |
− | .visible-md-block,
| + | |
− | .visible-md-inline,
| + | |
− | .visible-md-inline-block,
| + | |
− | .visible-lg-block,
| + | |
− | .visible-lg-inline,
| + | |
− | .visible-lg-inline-block {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | .row{
| + | |
− | width:950px;
| + | |
− | padding-left:15px;
| + | |
− | }
| + | |
− | @media (max-width: 767px) {
| + | |
− | .visible-xs {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | table.visible-xs {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | tr.visible-xs {
| + | |
− | display: table-row !important;
| + | |
− | }
| + | |
− | th.visible-xs,
| + | |
− | td.visible-xs {
| + | |
− | display: table-cell !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (max-width: 767px) {
| + | |
− | .visible-xs-block {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (max-width: 767px) {
| + | |
− | .visible-xs-inline {
| + | |
− | display: inline !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (max-width: 767px) {
| + | |
− | .visible-xs-inline-block {
| + | |
− | display: inline-block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) and (max-width: 991px) {
| + | |
− | .visible-sm {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | table.visible-sm {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | tr.visible-sm {
| + | |
− | display: table-row !important;
| + | |
− | }
| + | |
− | th.visible-sm,
| + | |
− | td.visible-sm {
| + | |
− | display: table-cell !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) and (max-width: 991px) {
| + | |
− | .visible-sm-block {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) and (max-width: 991px) {
| + | |
− | .visible-sm-inline {
| + | |
− | display: inline !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) and (max-width: 991px) {
| + | |
− | .visible-sm-inline-block {
| + | |
− | display: inline-block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 992px) and (max-width: 1199px) {
| + | |
− | .visible-md {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | table.visible-md {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | tr.visible-md {
| + | |
− | display: table-row !important;
| + | |
− | }
| + | |
− | th.visible-md,
| + | |
− | td.visible-md {
| + | |
− | display: table-cell !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 992px) and (max-width: 1199px) {
| + | |
− | .visible-md-block {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 992px) and (max-width: 1199px) {
| + | |
− | .visible-md-inline {
| + | |
− | display: inline !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 992px) and (max-width: 1199px) {
| + | |
− | .visible-md-inline-block {
| + | |
− | display: inline-block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .visible-lg {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | table.visible-lg {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | tr.visible-lg {
| + | |
− | display: table-row !important;
| + | |
− | }
| + | |
− | th.visible-lg,
| + | |
− | td.visible-lg {
| + | |
− | display: table-cell !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .visible-lg-block {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .visible-lg-inline {
| + | |
− | display: inline !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .visible-lg-inline-block {
| + | |
− | display: inline-block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (max-width: 767px) {
| + | |
− | .hidden-xs {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) and (max-width: 991px) {
| + | |
− | .hidden-sm {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 992px) and (max-width: 1199px) {
| + | |
− | .hidden-md {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .hidden-lg {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | }
| + | |
− | .visible-print {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | @media print {
| + | |
− | .visible-print {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | table.visible-print {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | tr.visible-print {
| + | |
− | display: table-row !important;
| + | |
− | }
| + | |
− | th.visible-print,
| + | |
− | td.visible-print {
| + | |
− | display: table-cell !important;
| + | |
− | }
| + | |
− | }
| + | |
− | .visible-print-block {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | @media print {
| + | |
− | .visible-print-block {
| + | |
− | display: block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | .visible-print-inline {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | @media print {
| + | |
− | .visible-print-inline {
| + | |
− | display: inline !important;
| + | |
− | }
| + | |
− | }
| + | |
− | .visible-print-inline-block {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | @media print {
| + | |
− | .visible-print-inline-block {
| + | |
− | display: inline-block !important;
| + | |
− | }
| + | |
− | }
| + | |
− | @media print {
| + | |
− | .hidden-print {
| + | |
− | display: none !important;
| + | |
− | }
| + | |
− | }
| + | |
− | /*# sourceMappingURL=bootstrap.css.map */ | + | |
− | </style>
| + | |
− | <style type="text/css">
| + | |
| | | |
| + | /** 重置表格元素 **/ |
| + | table { border-collapse: collapse; border-spacing: 0; } |
| | | |
| + | </style> |
| + | <title>2019 Team:Fudan-TSI Applied Design</title> |
| + | </head> |
| | | |
− | /********************************* DEFAULT WIKI SETTINGS ********************************/ | + | <body> |
| + | <!-- Fudan div at igem.org --> |
| + | <div id="FudanWrapper" class="white"> |
| + | <div id="FudanBody" class="white orangeBg"> |
| + | <header> |
| + | <!-- empty bar --> |
| + | <div id="emptyBar" style="position:relative;width: 100%;"></div> |
| | | |
− | #sideMenu,
| + | <!-- Navigation bar --> |
− | #top_title {
| + | <!-- Dropdown and List elements in navigation bar --> |
− | display: none;
| + | <!-- Slide-out navigator contents --> |
− | }
| + | </header> |
| | | |
− | #content {
| + | <div id="pageContent" style=""> |
− | padding: 0px;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
| | | |
− | body {
| |
− | background-color: white;
| |
− | width: 100%;
| |
− | }
| |
| | | |
− | #bodyContent h1,
| + | <div id="contentBanner" class="figureBanner orangeBg"> |
− | #bodyContent h2,
| + | <div class="row"><!-- below for smaller screen, duplicate h1 and span --> |
− | #bodyContent h3,
| + | <div class="col s12 hide-on-med-and-up"> |
− | #bodyContent h4,
| + | <h1>Applied Design</h1> |
− | #bodyContent h5 { | + | </div> |
− | margin-bottom: 0px;
| + | <div class="col s12 hide-on-med-and-up"> |
− | }
| + | <span>tba tba</span> |
| + | </div> |
| + | </div><!-- above for smaller screen, duplicate h1 and span --> |
| + | <div id="figureBannerTitle" class="hide-on-small-only"> |
| + | <h1>Applied Design</h1> |
| + | <p><span>tba tba</span></p> |
| + | </div> |
| + | <div class="hide-on-small-only"> |
| + | <img alt="2018 team Fudan title attributions" src="https://static.igem.org/mediawiki/2018/5/5f/T--Fudan--title_attri.jpg"> |
| + | <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; left:0;top:0; width: 4%;height: 100%;"> |
| + | <defs> |
| + | <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraleft"> |
| + | <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="0%"/> |
| + | <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="100%"/> |
| + | </linearGradient> |
| + | </defs> |
| + | <g> |
| + | <rect id="svg_1" fill="url(#blackgraleft)" height="100%" width="100%"/> |
| + | </g> |
| + | </svg> |
| + | <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; right:0;top:0; width: 4%;height: 100%;"> |
| + | <defs> |
| + | <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraright"> |
| + | <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="0%"/> |
| + | <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="100%"/> |
| + | </linearGradient> |
| + | </defs> |
| + | <g> |
| + | <rect id="svg_2" fill="url(#blackgraright)" height="100%" width="100%"/> |
| + | </g> |
| + | </svg> |
| + | </div> |
| + | </div> |
| | | |
− | #bodyContent {
| + | <!-- main content of the page --> |
− | padding-right: 0px;
| + | <div class="container"> |
− | }
| + | <!-- side navigator of page content --> |
| + | <main style="margin: 0;"> |
| + | <div class="section container"> |
| + | <h2>Design Concept</h2> |
| + | <p> |
| + | (After re-evaluating the criteria and judging feedback, we combined the hardware and product design pages.) |
| + | Nepetalactol, feral cats, and synthetic biology — three things that look bizarre and irrelevant if we put them together — can actually be mixed and fuse an unprecedented solution to an real world social problem. With creative ideas and massive research, we are confident that our applied design can assist traditional methods dealing with the feral cat problem, and the we envision a promising potential for this product to infiltrate our community creating a mutual positive lives for both cats and human. |
| + | </p> |
| | | |
− | #globalWrapper {
| + | <h2>From lab to factory</h2> |
− | font-size: 100%;
| + | <p> |
− | padding: 0px;
| + | — how our project naturally flows to our product design and how we obtain the product |
− | margin: -10px -20px -20px -20px;
| + | </p> |
− | }
| + | <p>GreatBay_China had succeeded in producing nepetalactol in laboratory, yet the current production level is not very high, future improvement such as continuing knocking out genes and choosing the optimum strain can enhance it greatly. The next step is to transfer the molecules from tubes to applicable and safe containers. We questioned researchers specialised on fermentation in Bluepha Lab, and through some discussion, a process is put forward.</p> |
| + | <p>From the test tubes we transfer the co-culture solution to a conical flask allowing the bacteria and yeast to grow. Then we transfer the mixture to a fermentation tank for good fermentation. After a period of time, we are able to extract the desired molecule from this solution. Instead of the common extraction method used in laboratory, which includes adding oil to solution in test tubes, we intend to directly add oil to the fermentor and carry out the extraction in a large scale. This is more efficient, apparently, compared to the laboratory method. We realised that large-scale fermentation using engineered bacteria and yeast in industrial level is very different from labotary conditions, particularly in terms of the growth states. So before our production is applied to large scale, more explorations and studies are required. The experts on fermentations are very interested in our strains, and suggest that they are able to provide technical support to us in later improvements.</p> |
| + | <p>For application, our product also perfect flows in. After we obtain an amount of nepetalactol, we can add them into small petri dishes inside the cat shelter we designed— Kitty Wonderland. The design incorporates a petri dish that are easily accessible so we can fill and replenish it in the most convenient way. Besides, a fan in the shelter allows the scent to be better diffused. Safety concerns are addressed by a number of details in design and you can check our "Hardware”.</p> |
| + | <p>Numerous evidences show that nepetalactol is very effective at attracting feline animals. For safety consideration, before we broadly implement the shelter, we will cooperate with animal rescue team and animal protection association in government to run a few trails. For example, the concentration of nepetalactol should be determined by the result of observation.</p> |
| + | </div> |
| | | |
− | .navbar-collapse { | + | <div class="section container"> |
− | padding-left: 0px;
| + | <div class="figureHolder"> |
− | }
| + | <p>PCR and subcloning were performed using standard methods. Detailed primer sequences are <a href="/Team:Fudan-TSI/Primers">provided</a>. All constructs were verified by Sanger sequencing. |
| + | </p> |
| + | <p>Cells were cultured in DMEM supplemented with 10% FBS (HyClone), 100 U/ml penicillin, 100 μg/ml streptomycin and 1x GlutaMax (Gibco). Transient transfections were performed using Lipofectamine 2000 (Invitrogen) and Opti-MEM (Gibco). Viral packaging, infection and fluorescence-activated cell sorting were performed using standard methods. |
| + | </p> |
| + | <p>Images, unless otherwise indicated, were captured using an inverted epifluorescence microscope (IX-81, Olympus) and a sCMOS camera (pixel size = 0.3222 μm; Zyla 5.5, Andor; 20x objective N.A. 0.75) and were controlled by <a href="http://www.micro-manager.org/" target=_blank>Micro-Manager software</a>. |
| + | </p> |
| + | <p>All statistical analysis was performed using Prism (Graphpad) and <a href="http://rsbweb.nih.gov/ij/developer/macro/macros.html" target=_blank>ImageJ</a>. All experiments were independently performed in triplicates; unless otherwise indicated. Images were combined and annotated in Powerpoint for presentation. Representative images are shown. |
| + | </p> |
| + | </div> |
| + | </div> |
| + | <div class="section container"> |
| + | <h2>Documentary</h2> |
| + | <p>To know the specific idea and the history of the development of our project, please check the next episode. The previous episode is about stray cat problem. |
| + | </p> |
| | | |
− | #banner {
| + | <h2>From lab to your doorstep</h2> |
− | margin-top: 50px;
| + | <p> |
− | }
| + | — how our product addresses problem, benefits current process, and influences our live positively |
| + | </p> |
| + | <p>Our project is closely intertwined with the human practice we have done. In particular, our synbio product offers an unique solution to the feral cats issue. From our interview with some animal rescue teams in Beijing and HongKong, we learnt that the most difficult thing to do in animal rescue is to find and trap feral cats. This is reasonable because most feral cats are very sensitive so they resist help from many volunteers. Feral cats also have a different lifestyle to us human so it requires a lot of effort to catch them. Last but not least, traditional method requires much labour to cover the different area of cats, which is costly, time-consuming, and ineffective. From our investigation we discovered that other potential solution includes attracting cats by food, or setting up trapping devices. Although these methods have some effect, their efficiencies are questioned. Trapping devices are especially doubted in ethical ways. As a result, we are confident that a cat house, surrounded by the scent of attractive nepetalactol, addresses the problem more effectively than other solutions. |
| + | </p> |
| + | <p>If implementation of our cat shelters are successful, it will merge perfectly with the rescue processes of many rescue teams. In fact, it will make their job easier and save them more time. As mentioned in our Integrated Human Practice, an sophisticated rescue process called TNR (Trap-Neuter-Return) is used to deal with the feral cats problem. Our product will facilitate the “Trapping” step. With the sensor in the cat shelter, a message will be sent to local volunteers’ phone and they can check the connected camera image and see whether it is really the cats that triggered the signal. Once confirmed, they will be able to close the door of a cat shelter on their phone, temporarily trapping the cat. And the volunteers can then come to the cats. Apart from this, we plan to put a automated food-feeding machine inside the shelter so “Kitty Wonderland” can provide a relaxing and cosy environment for cats. Later on conducted an online interview with one rescue team in Beijing. The leaders, Ms. Fenghua Li, Dachui, approved our design surprisingly. From our activities in Public Engagement, we received designers and cat-lovers’ advice on some particular design of the cat shelter that will be more friendly to cats. See our Public Engagement for more details. |
| + | </p> |
| + | <p>In addition to the supportive application to rescue team, our product design will also have a positive implication to the local community and people. From direct interview in our neighbourhood, the idea of a cat shelter were not rejected or doubted, however, many people appreciate it. Some people pointed out that, this design will accelerate the rescue of street cats, therefore reducing annoying cries of them in the night. On top of that, in order to picture a comprehensive impact our product could bring to the whole society, at September 1st, we brought the tester to an adopting festival hosted by ‘Shenzhen Pet League’ in order to seek opinions of the wide public and allow a reasonable inference on how our product would impact the society. By interviewing passengers and other participants on the idea of placing our KW in communities, we found out that most people consider this activity with approval, while others’ main concern is the safety of cats, which we have been working on to assure for a long time. |
| + | </p> |
| + | <p>Indeed, our applied design can have a positive impact on our lives and cats lives, but we are still careful and we are aware of some potential drawback of our design. The current version of cat shelter can be altered to be more cat-welcomed. Besides, the materials we are using do not perfectly cope with the open environment. Although hard, wood may cause fire. This can be improved by choosing other materials that have the desirable properties. We are also considering multi-layers of materials, for example, inside cardboard (cats love them) and plastic and outside waterproofing paint. We now ensure the safety of electricity by separating them in a chamber, but recharging them takes effort. Are solar cells a possible solution? Our team is always thinking possible ways to improve our design.</p> |
| + | </div> |
| + | <div class="section container"> |
| + | <h2>以下内容是上面提取之外的文字</h2> |
| + | <p> |
| | | |
− | #sideMenu {
| |
− | margin-top: 10px;
| |
− | }
| |
| | | |
− | .dropdown-menu li:hover .sub-menu {
| |
− | visibility: visible;
| |
− | }
| |
| | | |
− | .dropdown:hover .dropdown-menu {
| |
− | display: block;
| |
− | }
| |
| | | |
− | .navbar-nav .dropdown-menu, | + | Figure 1. Three elements of our product design |
− | .navbar .dropdown-menu {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | body a{
| + | |
− | transition: 0.5s all;
| + | |
− | -webkit-transition: 0.5s all;
| + | |
− | -o-transition: 0.5s all;
| + | |
− | -moz-transition: 0.5s all;
| + | |
− | -ms-transition: 0.5s all;
| + | |
− | }
| + | |
| | | |
| | | |
− | h1,h2,h3,h4,h5,h6,label,p{
| |
− | margin:0;
| |
− | }
| |
− | .client-js{
| |
− | margin:0;
| |
− | border:none;
| |
− | }
| |
− | #top_title,#sideMenu,#firstHeading,#logo_2018{
| |
− | display: none;
| |
− | margin-bottom:0;
| |
− | }
| |
| | | |
− | #content{
| + | Figure 2. Overview of the process of fermentation |
− | width:100%;
| + | |
− | height:auto;
| + | |
− | border: none;
| + | |
− | z-index: -99999;
| + | |
− | background-size:100%;
| + | |
− | padding:0 0 0 0;
| + | |
− | border:none;
| + | |
− | margin-top:-12px;
| + | |
− | margin-left:0;
| + | |
− | }
| + | |
− | html,body,#globalWrapper,#top_menu_14,#top_menu_inside,#top_title,#firstHeading,#logo_2018{
| + | |
− | margin-top:0;
| + | |
− | margin-left:0;
| + | |
− | margin-bottom:0;
| + | |
− | margin-right:0;
| + | |
− | padding-bottom:0
| + | |
− | border:none;
| + | |
− | }
| + | |
| | | |
− | html,body{
| |
− | font-family: Delius;
| |
− |
| |
− | background:#fff2e6;
| |
− | font-size:90%;
| |
| | | |
− | }
| |
− | h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%; } p { font-family: Delius; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 700;line-height:110%; } blockquote { font-family: Delius; font-size: 29px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%; } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 500; line-height:110%; }
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4, {
| |
− | margin-bottom: 0px;
| |
− | }
| |
− | h1,h2,h3,h4,h5,h6,p{
| |
− | line-height:150%;
| |
− | font-weight:500;
| |
− | }
| |
| | | |
− | .row ul,ol{
| |
− | font-size:14px;
| |
− | }
| |
− | /* navigator */
| |
− | /* the entire div */
| |
− | .top-nav{
| |
− | display:inline-block;
| |
− | width:200px;
| |
− | z-index:1;
| |
− | background-image:url('https://static.igem.org/mediawiki/2018/e/ee/T--GreatBay_China--MenuNew.png');
| |
− | background-repeat:no-repeat;
| |
− | background-position:center;
| |
− | background-size:450px;
| |
− | position:fixed;
| |
− | font-size:120%;
| |
− | top:80px;
| |
− | left:70px;
| |
− | padding-bottom:120px;
| |
− | }
| |
| | | |
| + | Figure 3. A review of our product design(1)Genetic Modified E.coli and Yeast to produce nepetalactol(2)Fermentation via conical flask or fermentation cylinder (3)Extracting essential oils by using a suitable organic phase (4)Aids in attracting cats by volatilisation of essential oils(5)Our Hardware Design,the ”Kitty Wonderland“ |
| | | |
− | *{
| |
− | margin:0; padding:0
| |
− | }
| |
| | | |
− | .top-nav a,a:hover{
| |
− | text-decoration:none;color:#000;
| |
− | }
| |
− | /* the menu position and color*/
| |
− | .top-nav ul{
| |
− | position:relative;
| |
− | top:55px;
| |
− | list-style:none;margin:0 auto;
| |
− | width:90px;
| |
− | line-height:2;
| |
− | text-align:center;
| |
− | font-size:1em;
| |
− | padding-bottom:100px;
| |
− | color:rgb(88,73,63);
| |
− | left:-12px;
| |
− | }
| |
− | /* the pull out menu */
| |
− | .top-nav ul li{
| |
− | position:relative;
| |
− | height:31px;
| |
− | _float:left;
| |
− | }
| |
− | /* style for menu */
| |
− | .top-nav ul li span,ul li div a{
| |
− | color:rgb(88,73,63);
| |
− | display:block;
| |
− | width:90px;
| |
− | min-height:2em;
| |
− | line-height:2em;
| |
− | text-align:center;
| |
− | }
| |
− | <!-- .top-nav ul li div span{ -->
| |
− | <!-- display:block; -->
| |
− | <!-- height:20px; -->
| |
− | <!-- background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png'); -->
| |
− | <!-- background-width:90px; -->
| |
− | <!-- background-height:20px; -->
| |
− | <!-- position:relative; -->
| |
− | <!-- left:-20px; -->
| |
− | <!-- } -->
| |
− | .top-nav ul li div img{
| |
− | width:95px;
| |
− | margin-top:-3px;
| |
− | position:relative;
| |
− | left:-15px;
| |
− | }
| |
− | #top{
| |
− | color:white;
| |
− | width:90px;
| |
− | min-height:2em;
| |
− | line-height:2em;
| |
− | text-align:center;
| |
− |
| |
− | }
| |
| | | |
− | .top-nav ul li div a{
| |
− | width:80px;
| |
| | | |
− | }
| |
− | /* menu when you hover */
| |
− | .top-nav ul li .hover{
| |
− | background:rgb(118,191,141);
| |
− | }
| |
− | /* sub menu when you hover */
| |
− | .top-nav ul li div{
| |
− | font-size:0.9em;
| |
− | width:83px;
| |
− | display:none;
| |
− | position:relative;
| |
− | left:-83px;
| |
− | top:-30px;
| |
| | | |
− | }
| |
− | .top-nav ul li div .long{
| |
− | line-height:1.1em;
| |
− | padding:8px;
| |
− | font-size:0.85em;
| |
| | | |
− | }
| |
− | /* link style */
| |
− | .top-nav ul li div a{
| |
− | background:rgb(118,191,141);
| |
− | color:rgb(88,73,63);
| |
− | }
| |
− | /* submenu link style */
| |
− | .top-nav ul li div span:hover{
| |
− | background:rgba(125, 63, 152, 0.4);;
| |
| | | |
− | }
| |
| | | |
− | /* submenu link style */
| + | This video shows how we came up with the idea of building our ‘Kitty Wonderland’ and how it’s connected to our wet lab project. |
− | .top-nav ul li div a:hover{ | + | |
− | color:rgb(88,73,63);
| + | |
− | background:rgb(203,170,199);
| + | |
− | }
| + | |
− | /* special */
| + | |
− | .top-nav #active{
| + | |
− | background:rgb(118,191,141);
| + | |
− | }
| + | |
| | | |
| + | GBC Documentary P2 |
| | | |
− | /* logo */
| + | Last Episode |
| + | Check Full Playlist |
| + | Next Episode |
| | | |
− | .logo{
| |
− | width:50px;
| |
− | position:fixed;
| |
− | bottom:15px;
| |
− | left:1250px;
| |
− | z-index: 10;
| |
− | }
| |
− | /*footer*/
| |
− | .footer{
| |
− | padding-top:0px;
| |
− | z-index:300;
| |
− | width: 100%;
| |
− | height:220px;
| |
− | position:absolute;
| |
− | bottom:-220px;
| |
− | left:0;
| |
− | background-color:rgba(125, 63, 152, 0.9);
| |
| | | |
| + | To know the specific idea and the history of the development of our project, please check the next episode. The previous episode is about stray cat problem. |
| | | |
− | }
| |
− | /* head, cat staring at the jar */
| |
| | | |
| + | From factory to your doorstep |
| + | — how our product addresses problem, benefits current process, and influences our live positively |
| | | |
− | /* the purple colomn at middle */
| + | Figure 4. Food and Trap: a traditional method of catching feral cats. Image from bostonglobe.com |
− | .rolldown{ | + | |
− | display:inline-block;
| + | |
− | z-index:200;
| + | |
− | position:absolute;
| + | |
− | left:250px;
| + | |
− | width:950px;
| + | |
− | background:rgba(125, 63, 152, 0.4);
| + | |
− | min-height:2000px;
| + | |
| | | |
− | }
| |
| | | |
− | .header img{
| |
− | max-width: 950px;
| |
− | height: auto;
| |
− | }
| |
| | | |
− | .responsive .img-title{
| + | Instead of us trying so hard to hunt the cats, why not let them come happily to us? |
− | font-size:20px;
| + | |
− | color:rgb(88,73,63);
| + | |
− | background-color:white;
| + | |
− | padding-bottom:10px;
| + | |
− | margin:0;
| + | |
− | font-family:Delius;
| + | |
− | text-align:center;
| + | |
− | }
| + | |
− | .responsive div.img {
| + | |
− | margin: 5px;
| + | |
− | border:8px solid rgb(123,83,142);
| + | |
− | float: left;
| + | |
− | width: 210px;
| + | |
− | }
| + | |
| | | |
− | .responsive div.img:hover {
| |
− |
| |
− | border:8px solid rgb(123,83,133);
| |
− | }
| |
| | | |
− | .responsive div.img img { | + | Figure 5. NTR is the most scientific and effective approach toward feral cat problem today. Image obtained from http://bronxtails.org |
− | width: 100%;
| + | |
− | height: auto;
| + | |
− | background-color:#fff;
| + | |
− | }
| + | |
| | | |
− | .responsive div.desc {
| |
− | min-height:220px;
| |
− | padding: 15px;
| |
− | text-align: center;
| |
− | color:rgb(88,73,63);
| |
− | background-color:rgb(215,196,221);
| |
− | }
| |
− | #tail
| |
− | {
| |
− | position:absolute;
| |
− | top:340px
| |
− | }
| |
− | #cattail{
| |
− |
| |
− |
| |
− | position: absolute;
| |
− | left:-2px;
| |
− | top:-9px;
| |
− | z-index:10;
| |
− | }
| |
| | | |
− | #myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 #myModal21
| |
− | {
| |
− | z-index:1;
| |
− | }
| |
− | .line
| |
− | {
| |
− | display:block;
| |
− | margin:20px;
| |
− | }
| |
− | .members
| |
− | {
| |
− | display:inline-block;
| |
− | padding:5px;
| |
− | width:20%;
| |
− | left:100%;
| |
− | }
| |
− | .modal-backdrop.in {
| |
− | filter: alpha(opacity=50);
| |
− | opacity: 1;
| |
− | }
| |
− | opacity.less:4
| |
− | .modal-backdrop.fade {
| |
− | filter: alpha(opacity=0);
| |
− | opacity: 0;
| |
− | }
| |
− | .fade.in {
| |
− | opacity: 1;
| |
− | }
| |
| | | |
− | .modal-backdrop {
| |
− | display:none;
| |
− | position: fixed;
| |
− | top: 0;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | z-index: -1040;
| |
− | background-color: #fff;
| |
− | }
| |
− | .title{
| |
− | position:left;
| |
− | color:rgb(88,73,63);
| |
− | font-size:30px;
| |
| | | |
− | }
| + | Figure 6. Members of GreatBay_China doing random interview with local people about opinions on our design. |
− | .btn{ | + | |
− | background-color:rgba(125, 63, 152, 0.9);
| + | |
− | }
| + | |
− | #menuhead{
| + | |
− | position: absolute;
| + | |
− | z-index: 10;
| + | |
− | left:10px;
| + | |
− | }
| + | |
− | .contact
| + | |
− | {
| + | |
− | display:inline-block;
| + | |
− | padding:5px;
| + | |
− | width:20%;
| + | |
− | left:100%;
| + | |
− | }
| + | |
− | #menuhead h5{
| + | |
− |
| + | |
− |
| + | |
− | position:absolute;
| + | |
− | left:-40px;
| + | |
− | top:-59px;
| + | |
− | z-index:10;
| + | |
− | }
| + | |
− | #menuhead img{
| + | |
− | position:absolute;
| + | |
− | width: 490%;
| + | |
− | left:-160px;
| + | |
− | top:-42px;
| + | |
− | }
| + | |
− | .logos
| + | |
− | {
| + | |
− | padding:10px;
| + | |
− | margin:10px;
| + | |
− | color: white;
| + | |
− | background-color:rgba(125, 63, 152, 0.9);
| + | |
− | display:inline-block;
| + | |
− | width:250px;
| + | |
− | height:260px;
| + | |
− | vertical-align:top;
| + | |
| | | |
− | }
| |
| | | |
− | .photo{
| |
− | padding-left:10px;
| |
− | }
| |
− | .sameline
| |
− | {
| |
− | display:inline-block;
| |
− | padding:5px;
| |
− | padding-right:10px;
| |
− | }
| |
− | th{
| |
− | width:120px;
| |
− | }
| |
− | </style>
| |
− | <!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
| |
− | </head>
| |
− | <body>
| |
| | | |
− | <div class="logo"><a><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></a></div>
| |
| | | |
− | <div class="container">
| |
− |
| |
− | <div class="top-nav">
| |
− | <ul>
| |
− | <li>
| |
− | <div class="res" target="_self" id="menuhead">
| |
− |
| |
− |
| |
− | <h5> Meow~</h5>
| |
− | <img onclick="changeface()" src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div>
| |
− |
| |
− | </li>
| |
− |
| |
− | <li>
| |
− | <a href="#"><span>Team</span></a>
| |
− | <div>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Team">Team</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>
| |
− | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#"><span>Project</span></a>
| |
− | <div>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Results</a>
| |
− |
| |
− | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
| |
− |
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#"><span>Parts</span></a>
| |
− | <div>
| |
− |
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Parts">Parts</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a>
| |
− | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
| |
− |
| |
− | </div>
| |
− |
| |
− | </li>
| |
− | <li id="active">
| |
− | <a href="#"><span>HP</span></a>
| |
− | <div>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/HP">Background</a>
| |
− | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Human_Practices">Integrated HP</a>
| |
− | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Hardware">Hardware</a>
| |
− | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement">Public Engagement</a>
| |
− |
| |
− |
| |
− |
| |
− | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
| |
− |
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#"><span>Lab</span></a>
| |
− | <div>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>
| |
− | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
| |
− |
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a>
| |
− | <div>
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Safety"><span>Safety</span></a>
| |
− | <div>
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Model"><span>Model</span></a>
| |
− | </li>
| |
− | <div>
| |
− | </div>
| |
− | <li>
| |
− | <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
| |
− | </li>
| |
| | | |
− | <li id="tail">
| |
− | <a href="#top" target="_self"><span id="cattail"><img width="90" src="https://static.igem.org/mediawiki/2018/3/3b/T--GreatBay_China--MenuNewTail.png"/></span></a >
| |
− | </li>
| |
− |
| |
− | </ul>
| |
| | | |
− |
| + | Technical Details |
− |
| + | |
− | </div>
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | <div class="rolldown">
| + | |
− |
| + | |
− | <div class="container">
| + | |
− | <div class="footer">
| + | |
− | <br>
| + | |
− | <div class="row" style="padding-left:50px">
| + | |
| | | |
− | <div class="contact">
| |
− | <img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px">
| |
− | </div>
| |
− | <div class="contact" style="width:450px">
| |
− | <h5 style="color:white;">mCATNIP2018@outlook.com</h5>
| |
− | </div>
| |
− | <div class="contact">
| |
− | <img src="https://static.igem.org/mediawiki/2018/e/ed/T--GreatBay_China--footer10.jpeg" width="80px">
| |
− | </div>
| |
− | <div class="contact" >
| |
− | <img src="https://static.igem.org/mediawiki/2018/4/41/T--GreatBay_China--footer3.jpg" width="80px">
| |
− | </div>
| |
− | <div class="contact" >
| |
− | <img src="https://static.igem.org/mediawiki/2018/d/d9/T--GreatBay_China--footer4.png" width="80px">
| |
− | </div>
| |
− | <div class="contact" >
| |
− | <img src="https://static.igem.org/mediawiki/2018/0/05/T--GreatBay_China--footer5.png" width="80px" height="80px">
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" style="padding-left:50px">
| |
− | <div class="contact">
| |
− | <img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px">
| |
− | </div>
| |
− | <div class="contact" style="width:450px">
| |
− | <h5 style="color:white;">@Igem2018C</h5>
| |
− | </div>
| |
− | <div class="contact" >
| |
− | <img src="https://static.igem.org/mediawiki/2018/d/dc/T--GreatBay_China--footer6.jpeg" width="80px">
| |
− | </div>
| |
− | <div class="contact" >
| |
− | <img src="https://static.igem.org/mediawiki/2018/5/5c/T--GreatBay_China--footer7.jpeg" width="80px">
| |
− | </div>
| |
− | <div class="contact" >
| |
− | <img src="https://static.igem.org/mediawiki/2018/7/7c/T--GreatBay_China--footer8.jpeg" width="80px">
| |
− | </div>
| |
− | <div class="contact" >
| |
− | <img src="https://static.igem.org/mediawiki/2018/0/0e/T--GreatBay_China--footer9.jpeg" width="80px">
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row">
| |
− | <div class="header" style="margin-left: -14px;">
| |
− | <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)-->
| + | Video: This is the last episode of our documentary series. We draw out, model and demonstrate our final design. |
| | | |
− |
| + | GBC Documentary P5 |
| | | |
| + | Last Episode |
| + | Check Full Playlist |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| |
− | <br>
| |
− | <h2 style="font-size: 45px; font-weight:800;">Product Design</h2><br><br>
| |
− |
| |
− | <p style="font-family: Delius; font-size: 18px;">Nepetalactol, feral cats, and synthetic biology — three things that look bizarre and irrelevant if we put them together — can actually be mixed and fuse an unprecedented solution to an real world social problem. With creative ideas and massive research, we are confident that our applied design can assist traditional methods dealing with the feral cat problem, and the we envision a promising potential for this product to infiltrate our community creating a mutual positive lives for both cats and human. </p><br>
| |
− | </div>
| |
− | <br>
| |
| | | |
− | <div class="row" style="padding-left:50px">
| + | Thanks all for watching! The previous episode is about incorporating ‘Value Sensitive Design’ into the safety concerns of this hardware. |
− | <img style="align-self: center; padding-left: 50px"src="https://static.igem.org/mediawiki/2018/4/49/T--GreatBay_China--prodesignfoto0.jpg" width="800px">
| + | |
− | <h5 style="text-align: center;">Figure 1. Three elements of our product design</h5>
| + | |
− | </div>
| + | |
− | <br>
| + | |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| |
− | <h1 class="title"> From lab to factory</h1>
| |
− | <h4>— how our project naturally flows to our product design and how we obtain the product</h4>
| |
− | </div>
| |
− | <br>
| |
− | <div class="row" style="padding-left:50px">
| |
− | <img style="align-self: center; padding-left: 50px"src="https://static.igem.org/mediawiki/2018/8/85/T--GreatBay_China--prodesignfoto1.jpeg" width="800px">
| |
− | <h5 style="text-align: center;">Figure 2. Overview of the process of fermentation</h5>
| |
− | </div>
| |
− | <br>
| |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| |
− | <p style="font-family: Delius; font-size: 18px;">GreatBay_China had succeeded in producing nepetalactol in laboratory, yet the current production level is not very high, future improvement such as continuing knocking out genes and choosing the optimum strain can enhance it greatly. The next step is to transfer the molecules from tubes to applicable and safe containers. We questioned researchers specialised on fermentation in Bluepha Lab, and through some discussion, a process is put forward.</p><br>
| |
− | </div>
| |
− | <br>
| |
| | | |
− | <div class="row" style="padding-left:50px">
| |
− | <img style="align-self: center; padding-left: 50px"src="https://static.igem.org/mediawiki/2018/b/bf/T--GreatBay_China--prodesignfoto2.png" width="800px">
| |
− | <h5 style="text-align: center;padding-right: 50px">Figure 3. A review of our product design(1)Genetic Modified E.coli and Yeast to produce nepetalactol(2)Fermentation via conical flask or fermentation cylinder (3)Extracting essential oils by using a suitable organic phase (4)Aids in attracting cats by volatilisation of essential oils(5)Our Hardware Design,the ”Kitty Wonderland“</h5>
| |
− | </div>
| |
− | <br>
| |
− |
| |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| + | Introduction |
− | <p style="font-family: Delius; font-size: 18px;">From the test tubes we transfer the co-culture solution to a conical flask allowing the bacteria and yeast to grow. Then we transfer the mixture to a fermentation tank for good fermentation. After a period of time, we are able to extract the desired molecule from this solution. Instead of the common extraction method used in laboratory, which includes adding oil to solution in test tubes, we intend to directly add oil to the fermentor and carry out the extraction in a large scale. This is more efficient, apparently, compared to the laboratory method. We realised that large-scale fermentation using engineered bacteria and yeast in industrial level is very different from labotary conditions, particularly in terms of the growth states. So before our production is applied to large scale, more explorations and studies are required. The experts on fermentations are very interested in our strains, and suggest that they are able to provide technical support to us in later improvements.</p><br>
| + | |
− | <p style="font-family: Delius; font-size: 18px;">For application, our product also perfect flows in. After we obtain an amount of nepetalactol, we can add them into small petri dishes inside the cat shelter we designed— Kitty Wonderland. The design incorporates a petri dish that are easily accessible so we can fill and replenish it in the most convenient way. Besides, a fan in the shelter allows the scent to be better diffused. Safety concerns are addressed by a number of details in design and you can check our "<a href="https://2018.igem.org/Team:GreatBay_China/Hardware">Hardware</a>”. </p><br>
| + | |
− | <p style="font-family: Delius; font-size: 18px;">Numerous evidences show that nepetalactol is very effective at attracting feline animals. For safety consideration, before we broadly implement the shelter, we will cooperate with animal rescue team and animal protection association in government to run a few trails. For example, the concentration of nepetalactol should be determined by the result of observation. </p><br>
| + | |
− | </div>
| + | |
| | | |
− | <br>
| + | Having noticed it is the difficulty in capturing cats that largely impeded the executive of TNR (Trap, Neuter, Release), we realized that the feline-attracting characteristic of nepetalactone could be of great help (For more details on why nepetalactone appeals felines, see Project Background). Compared to cage traps and usual food lure, the pleasant scent of nepetalactone in catnip would appear to cats less of a pitfall, therefore more easily let down the guard of stray cats. With this need clearly identified, we devised a brand new product (hardware), which can attract and seize stray cats when needed, provides cats with comfortable and secure shelter, and contains an auto-feeder to reduce the workload of the volunteered caregivers. With a beautiful wish that this device would be the promised land for the roaming cats, we named it ‘Kitty Wonderland’. |
| | | |
| | | |
| + | Most of the features and their corresponding functions of the Kitty Wonderland are identified in Figures 1, which demonstrate the final version and the separate sections of our Kitty Wonderland. The functions and adaptations of every component will be discussed and explained comprehensively later in the Design. |
| | | |
− | <div class="row" id="DocuP2" style="padding-left:50px; padding-right: 50px;">
| + | Figure 1. The 3D Modeling Figure of the whole structure, The Base, The House and The Roof of Kitty Wonderland. |
− | <p style="font-family: Delius; font-size: 16px;"><i>This video shows how we came up with the idea of building our ‘Kitty Wonderland’ and how it’s connected to our wet lab project.</i></p><br>
| + | |
− | <h5>GBC Documentary P2</h5>
| + | |
− | <p><video src="https://static.igem.org/mediawiki/2018/3/3c/T--GreatBay_China--GBC_Documentary_P2.mp4" type="video/mov" height="auto" width="850" controls></video></p>
| + | |
− | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);">
| + | |
− | <a href="https://2018.igem.org/Team:GreatBay_China/HP#DocuP1">
| + | |
− | <h5 style="color:#fff;"> Last Episode</h5>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);width:653px;">
| + | |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement#Docu">
| + | |
− | <h5 style="color:#fff;text-align: center;"> Check Full Playlist</h5>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);">
| + | |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Human_Practices#DocuP3">
| + | |
− | <h5 style="color:#fff;text-align: right;"> Next Episode</h5>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <br><br>
| + | |
− | <p style="font-family: Delius; font-size: 16px;"><i>To know the specific idea and the history of the development of our project, please check the next episode. The previous episode is about stray cat problem.</i></p><br>
| + | |
− | </div>
| + | |
− | <br>
| + | |
| | | |
| | | |
| + | Before we came up with the idea of the design of this final version, we gathered and analyzed information and advice from specialists, officials and residence. Corresponding evaluations and modifications have been done to compare our hardware with the existing solutions and improve the possible performance of our design, as explained in the next section. |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| + | Evaluations and Improvements |
− | <h1 class="title"> From factory to your doorstep </h1>
| + | |
− | <h4>— how our product addresses problem, benefits current process, and influences our live positively</h4>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− |
| + | |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| + | Animal lovers in various communities have installed many simple shelters with food and water supplies under their apartments. The price of these simple shelters are cheap (Most of the shelters are made of paperboard plastics) and these shelters are tiny and light so it is very easy to transport and carry them. However, they are not waterproof and therefore could only be placed under the roof where only a confined space is available (Figure 2). Since these shelters only serve to provide stray cats with foods, no cat will be captured and therefore no sterilization could be done. In order to solve the stray cats problem thoroughly, capture and neuter are the priorities and certain number of cats needs to be sterilized to inhibit the surge of stray cats population before further measures are undertaken. |
− | <img style="align-self: center; padding-left: 50px"src="https://static.igem.org/mediawiki/2018/5/5d/T--GreatBay_China--prodesignfoto3.jpg" width="800px">
| + | |
− | <h5 style="text-align: center;">Figure 4. Food and Trap: a traditional method of catching feral cats. Image from bostonglobe.com</h5>
| + | |
− | </div>
| + | |
− | <br>
| + | |
| | | |
| + | In addition, many rescue parties of cats and dogs have already adopted modified cages which serve purely to trap stray cats and dogs (Figure 2). However, this method presents issues and concerns due to the fact that those cages don’t actually offer any benefits to cats and dogs but trap anything enters the cage immediately. Therefore, cats and dogs are becoming increasingly indifferent to those steel cages, which not only fail to demonstrate their functions but also pose threats to the animal. Besides, the sharp and harsh appearance of those steel cages doesn’t appeal to cat and dog at all. Pedestrian and residence will also find those cages very abrupt and unattractive, thus having negative attitudes towards the actions of the rescue team. None of these is helpful in taking care of cats and dogs and rescuing them effectively, not to mention the aim of emphasizing the problem of stray cats and dogs to the public and encouraging every citizen to get involve in the rescue. |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| |
− | <p style="font-family: Delius; font-size: 18px;">Our project is closely intertwined with the human practice we have done. In particular, our synbio product offers an unique solution to the feral cats issue. From our interview with some animal rescue teams in Beijing and HongKong, we learnt that the most difficult thing to do in animal rescue is to find and trap feral cats. This is reasonable because most feral cats are very sensitive so they resist help from many volunteers. Feral cats also have a different lifestyle to us human so it requires a lot of effort to catch them. Last but not least, traditional method requires much labour to cover the different area of cats, which is costly, time-consuming, and ineffective. From our investigation we discovered that other potential solution includes attracting cats by food, or setting up trapping devices. Although these methods have some effect, their efficiencies are questioned. Trapping devices are especially doubted in ethical ways. As a result, we are confident that a cat house, surrounded by the scent of attractive nepetalactol, addresses the problem more effectively than other solutions. </p><br>
| |
− | <p style="font-family: Delius; font-size: 20px;"><em><strong>Instead of us trying so hard to hunt the cats, why not let them come happily to us?</strong></em></p><br>
| |
− | </div>
| |
− | <br>
| |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| |
− | <img style="align-self: center; padding-left: 50px"src="https://static.igem.org/mediawiki/2018/4/40/T--GreatBay_China--prodesignfoto4.png" width="800px">
| |
− | <h5 style="text-align: center;">Figure 5. NTR is the most scientific and effective approach toward feral cat problem today. Image obtained from http://bronxtails.org</h5>
| |
− | </div>
| |
− | <br>
| |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| + | Figure 2. The investigation of the current solutions of stray cats problem. |
− | <p style="font-family: Delius; font-size: 18px;">If implementation of our cat shelters are successful, it will merge perfectly with the rescue processes of many rescue teams. In fact, it will make their job easier and save them more time. As mentioned in our Integrated Human Practice, an sophisticated rescue process called TNR (Trap-Neuter-Return) is used to deal with the feral cats problem. Our product will facilitate the “Trapping” step. With the sensor in the cat shelter, a message will be sent to local volunteers’ phone and they can check the connected camera image and see whether it is really the cats that triggered the signal. Once confirmed, they will be able to close the door of a cat shelter on their phone, temporarily trapping the cat. And the volunteers can then come to the cats. Apart from this, we plan to put a automated food-feeding machine inside the shelter so “Kitty Wonderland” can provide a relaxing and cosy environment for cats. Later on conducted an online interview with one rescue team in Beijing. The leaders, Ms. Fenghua Li, Dachui, approved our design surprisingly. From our activities in Public Engagement, we received designers and cat-lovers’ advice on some particular design of the cat shelter that will be more friendly to cats. See our <a href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement">Public Engagement</a> for more details.</p><br>
| + | |
− | </div>
| + | |
− | <br>
| + | |
| | | |
| | | |
| + | Design |
| | | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| + | Our Kitty Wonderland is made of wooden boards and some extra components like the camera and electric fan which enhance the functionality of the Kitty Wonderland. We select wooden boards instead of plastics or steels because wood is more nature and intimate to cat and it also has outstanding properties like relatively light and heat-insulated. Paintings, drawings and crafts could also be applied easily to the wooden boards to improve the appearance of our hardware. During the construction of the Kitty Wonderland, we simply nail all the components and wooden boards together. |
− | <img style="align-self: center; padding-left: 50px"src="https://static.igem.org/mediawiki/2018/b/b1/T--GreatBay_China--prodesignfoto5.png" width="800px">
| + | |
− | <h5 style="text-align: center;">Figure 6. Members of GreatBay_China doing random interview with local people about opinions on our design.</h5>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | <div class="row" style="padding-left:50px; padding-right: 50px;">
| + | |
− | <p style="font-family: Delius; font-size: 18px;">In addition to the supportive application to rescue team, our product design will also have a positive implication to the local community and people. From direct interview in our neighbourhood, the idea of a cat shelter were not rejected or doubted, however, many people appreciate it. Some people pointed out that, this design will accelerate the rescue of street cats, therefore reducing annoying cries of them in the night. On top of that, in order to picture a comprehensive impact our product could bring to the whole society, at September 1st, we brought the tester to an adopting festival hosted by ‘Shenzhen Pet League’ in order to seek opinions of the wide public and allow a reasonable inference on how our product would impact the society. By interviewing passengers and other participants on the idea of placing our KW in communities, we found out that most people consider this activity with approval, while others’ main concern is the safety of cats, which we have been working on to assure for a long time. </p><br>
| + | |
− | <p style="font-family: Delius; font-size: 18px;">Indeed, our applied design can have a positive impact on our lives and cats lives, but we are still careful and we are aware of some potential drawback of our design. The current version of cat shelter can be altered to be more cat-welcomed. Besides, the materials we are using do not perfectly cope with the open environment. Although hard, wood may cause fire. This can be improved by choosing other materials that have the desirable properties. We are also considering multi-layers of materials, for example, inside cardboard (cats love them) and plastic and outside waterproofing paint. We now ensure the safety of electricity by separating them in a chamber, but recharging them takes effort. Are solar cells a possible solution? Our team is always thinking possible ways to improve our design.</p><br>
| + | |
− | </div>
| + | |
| | | |
− |
| + | The design of Kitty Wonderland is quiet complex, so the whole structure is broken down into three individual parts which are further explained. We name these three parts The Base, The House and The Roof respectively. |
| | | |
| + | The pictures of The Base and The House are shown in Figure 3. The Base is consists of a wooden box with a lid, a 3D printed pedestal and a PVC tube of 90 cm long. In consideration of the protection and safety of battery and other appliance, we make the wooden box and cover the bottom of it with plastic, so the box is made waterproof and can protect the electric appliance inside the box. This wooden box could also provide a foundation and elevation for the main house which is placed on top of it, so our design could be placed on the streets where no shelter against rain is present and the House will not be submerged by heavy rain or flood. The plastic pedestal in nailed at the bottom of the Base and it is designed for the consolidation of the PVC tube, which runs all the way to the top of The House. The PVC pipe has two functions: To immobilized the house and to protect the wiring. Electrical appliance like the camera and the electric fan are installed on the top of the House. In order to connect the wires between the battery and the appliance without imposing potential danger on the cats and damaging the appearance of Kitty Wonderland, we apply this PVC tube into our design to allow wires go through it. Since the PVC tube runs through The Base and The House (The lid of The Base and the bottom of The House both have a hole with the diameter of the PVC tube in the middle), it connects and stabilizes the whole structure. |
| | | |
| | | |
− | <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI (I wonder why I am writing this cuz only Lucinda and I will edit here.)-->
| + | Figure 3. Demonstration of the appearance and design of The Base and The House of Kitty Wonderland |
− | <br><br><br><br>
| + | |
− | </div>
| + | |
− |
| + | |
− | </div>
| + | |
| | | |
− | </div>
| |
| | | |
− |
| + | Right on top of The Base is The House. The House is the place where cats enjoy their lives. Two sliding electric doors are installed on the inner opposite sides of the House, and each door is controlled by a motor. After a cat enters the House, what happens is the sensor above the door detects the cat and the sensor sends signal to the central controller in The Roof or in The Base, which then activates the motors and closes the door. The door could also be adjusted to remain open, so the Kitty Wonderland becomes a habitat of cats and will not capture the cats if necessary. An inverted camera is also installed at one top corner of The House to monitor the conditions inside the House for recording and safety purposes (For more detailed safety considerations, see Application and Safety below). The chemical of our final production, the nepetalactol, and the foods inside the auto-feeder are used to further attract and entertain the cats. The nepetalactol is placed inside the essence oil container which is situated on the top of The House. The wooden board of the top is processed so that a total of 49 ventilation holes with diameter of 2 cm are created. These holes allow gas exchange to occur, and they also allow the wires from the motors and sensors inside The House to reach The Roof safely and easily. Through the ventilation holes, the fragrance of nepetalactol could easily diffuse down into The House where its enthusiastic consumers live and play. The foods and water inside the House also allow cats to stay for a long period of time. All together, these treats will make our design a paradise for cats. |
| | | |
| + | The final section of our design is The Roof, as shown with the whole structure in Figure 4. In the 3D Modeling Figure, the demonstration on the left is the bottom view of The Roof. An inverted electric fan is fixed on the roof. Its function is to strengthen the air flow though our design and facilitate the diffusion of nepetalactol inside the essence oil container, so distant stray cats are also guided by the fragrance of the oil to our Kitty Wonderland. Since there are electric wires and appliance under the Roof, the lateral sides of the Roof are sealed in consideration of the safety of cats as well as the appearance of the design. Thirteen ventilation pores are made on two sealed sides to allow air flow through our design. The Roof is fixed on the top of The House by bolts and nuts, which allow us to remove The Roof and add nepetalactol quiet easily. |
| | | |
| | | |
| + | Figure 4. 3D Modeling Figure of The roof (Picture 1) and the demonstration of the detailed design of The Roof. The final structure of our Hardware in shown in picture 4 |
| | | |
− | </body>
| |
| | | |
− | </p>
| + | All sections are combined to produce the complete structure of our hardware. In practise, the Base Lid will be placed on top of The Base under The House to provide an extra shielding for the electric appliance (Figure 4). |
| | | |
− | </div> <div class="visualClear"></div> | + | After recognizing the functions of each component of our design, a brief description of the scenario of implementing our Kitty Wonderland is written below for your further understanding. |
− | </div>
| + | |
− | </div>
| + | |
| + | |
| + | Kitty Wonderland |
| + | |
| + | |
| + | |
| + | This video is a brief demonstration of the function of the newest version of our Kitty Wonderland. Updated on Dec/6 2018. The recording firstly introduces the structure inside the ‘Kitty Wonderland’ from the roof to the house. This introduction includes almost all parts involving the electric fan, essence oil container, automatic feeder, door motor, door hinge, the door, sonar detector and the wiring. Then, the video demonstrates how the sonar detector senses the object and closes the door. Afterwards, the wiring on the attic is shown and the remote camera is introduced. In this example, the controller of the ‘Kitty Wonderland’ identifies the object as ‘not a cat’ and opens the door remotely. |
| + | |
| + | |
| + | Application and Safety |
| + | |
| + | Our design will be placed on flat ground. Direct exposure to intense sunshine or heavy rain should be avoided as much as possible in consideration of the conditions of battery and other electrical appliance in the Base, in spite of the heat insulation and waterproof properties of the Base. The electric fan under the roof will spread the fragrance of the essence oil, which would fascinate the cats and guide them to our design. Foods and water will be placed inside the House in advance to treat and ease the cats. After a cat enters the House, the motion of the cat will be detected immediately by the sensor which then sends a signal to the electric door through the controller. If necessary, the electric door will shut down so that the cat is remained in our design and awaits the arrival of professionals. The whole process will be recorded by the camera inside the house for future reference and safety consideration. If there is an emergency, the workers nearby will be acknowledged through the camera immediately and they could then remotely control the electric door and release the cats. |
| + | |
| + | Apart from the camera, the electric fan and the nepetalactol under the roof is completely isolated from the range of activity of the cats. Two sealed sides of The Roof mainly serve to keep the cats away from these potential danger, even though the fan is working at very low power and the wires are sealed. The wiring inside the House, as well as the gears and racks of the electric door, are also covered with tapes and metal shielding to prevent cat from touching these components. The tapes and metal shielding are removed in the pictures and 3D Modeling Figures above for explicit demonstration of our design. The position of the design should also be away from places with crowds and harsh weather. Long-term heating by sunlight might result in battery failure, so we place the battery under the structure and insulate it by using another wooden box. Our recommended position of the design is place where vegetation and shades are available, like a park or sides of a trail, and definitely where cats are playing. |
| + | |
| + | In the future, we are going to make extra refinement and improvement on our design(Kitty Wonderland). These include adding telecommunication system to Kitty Wonderland and developing our own cat-searching application(App) which allows our Kitty Wonderland to be more practical and versatile and allows the public to become more engaged with our design and in solving the feral cat issue.</p> |
| + | </div> |
| + | </main> |
| + | </div> |
| + | |
| + | <!--Abstract on content page--> |
| + | <div id="abstractContent" class="z-depth-2"> |
| + | <a href="#!"><img alt="project summary" src="https://static.igem.org/mediawiki/2018/9/96/T--Fudan--X.svg"></a> |
| + | <div class="container"> |
| + | <h2 style="margin: 0;padding: 10px 0;">Project Summary</h2> |
| + | <p style="margin: 0">abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 |
| + | </p> |
| + | </div> |
| + | </div> |
| + | |
| + | <!-- Floating Btns --> |
| + | <div class="floatingBtn"> |
| + | <a href="#!" id="abstractBtn" class="btn"> |
| + | <i class="fa fa-sticky-note" style="font-size: 30px;line-height: 50px"></i> |
| + | </a> |
| + | <a href="#FudanWrapper" class="btn"> |
| + | <i class="fa fa-angle-up" style="font-size: 48px;line-height: 45px"></i> |
| + | </a> |
| + | </div> |
| + | |
| + | <!-- Footer with sponsors and contact methods --> |
| + | <footer id="FudanFooter" class="page-footer grey"> |
| + | <div class="container"> |
| + | <div class="row"> |
| + | <div id="sponsor" class="col m3 s12 row"> |
| + | <a href="https://2019.igem.org/Team:Fudan"><img alt="2018 Team:Fudan logo white" class="col s3 m6 l3" style="position:relative; padding: 0.5em 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2019/7/7f/T--Fudan-TSI--Logo0-crop-grey.png"> |
| + | </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png"> |
| + | </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* 该图比其他小一点,排版需要 */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png"> |
| + | </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png"> |
| + | </a> |
| + | <h3 class="col s12" style="text-align: left; color: rgba(255, 255, 255, 0.8); font-size: 18px">Repeated Evolution in vivo</h3> |
| + | </div> |
| + | <div id="usefulLinks" class="col m9 s12 row"> |
| + | <div class="col s12 l6 row"> |
| + | <div class="col s12 m4"> |
| + | <span><a href="/Team:Fudan-TSI/Description">Project</a></span> |
| + | <ul> |
| + | <li><a href="/Team:Fudan-TSI/Description">Background</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Design">Design</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Applied_Design">Applied Design</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Judging">Judging</a></li> |
| + | </ul> |
| + | </div> |
| + | <div class="col s12 m4"> |
| + | <span><a href="/Team:Fudan-TSI/Results">Results</a></span> |
| + | <ul> |
| + | <li><a href="/Team:Fudan-TSI/Results#ReverseTranscription">Reverse Transcription</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Results#Recombination">Recombination</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li> |
| + | </ul> |
| + | </div> |
| + | <div class="col s12 m4"> |
| + | <span><a href="/Team:Fudan-TSI/Model">Model</a></span> |
| + | <ul> |
| + | <li><a href="/Team:Fudan-TSI/Model">Modeling</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Software">Software</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | <div class="col s12 l6 row"> |
| + | <div class="col s12 m4"> |
| + | <span><a href="/Team:Fudan-TSI/Parts">Parts</a></span> |
| + | <ul> |
| + | <li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Improve">Improved parts</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li> |
| + | </ul> |
| + | </div> |
| + | <div class="col s12 m4"> |
| + | <span><a href="/Team:Fudan-TSI/Human_Practices">Outreach</a></span> |
| + | <ul> |
| + | <li><a href="/Team:Fudan-TSI/Public_Engagement">Education & Public engagement</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Integrated_Human_Practice">Integrated human practice</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Safety">Safety</a></li> |
| + | </ul> |
| + | </div> |
| + | <div class="col s12 m4"> |
| + | <span><a href="/Team:Fudan-TSI/Team">Team</a></span> |
| + | <ul> |
| + | <li><a href="/Team:Fudan-TSI/Team">Members</a></li> |
| + | <li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li> |
| + | <li><a href="https://2018.igem.org/Team:Fudan/Heritage" target=_blank>Heritage</a></li> |
| + | <li><a href="/Team:Fudan-TSI">© 2019</a></li> |
| + | </ul> |
| + | </div> |
| + | <div class="col s12 m4"> </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="footer-copyright"> |
| + | <div class="container"> |
| + | <div class="contactUS row"> |
| + | <div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai |
| + | </div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727 |
| + | </div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn |
| + | </div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </footer> |
| | | |
| </div> | | </div> |
| </div> | | </div> |
− | <!-- Life sucks by Lucinda Lin. Sometimes working out a template can be so goddamn hard, and it is not responsive. --> | + | </div> |
− | <!-- Well life has to go on by Charles Wei. Sometimes correcting a template can be so tiring, and it is a recursive.--> | + | |
| + | |
| + | <!-- Javascript files --> |
| + | <!-- Materialize 1.0.0-rc.2 --> |
| + | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script> |
| + | |
| + | <!-- Javascript --> |
| + | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-js.js&action=raw&ctype=text/javascript"></script> |
| + | |
| + | </body> |
| </html> | | </html> |