diff options
Diffstat (limited to 'docs/dist/css/bootstrap.css')
| -rw-r--r-- | docs/dist/css/bootstrap.css | 390 |
1 files changed, 381 insertions, 9 deletions
diff --git a/docs/dist/css/bootstrap.css b/docs/dist/css/bootstrap.css index c7b0caa3b..d3204d1c5 100644 --- a/docs/dist/css/bootstrap.css +++ b/docs/dist/css/bootstrap.css @@ -1953,15 +1953,19 @@ output { } .form-control::-webkit-input-placeholder { color: #999; + opacity: 1; } .form-control::-moz-placeholder { color: #999; + opacity: 1; } .form-control:-ms-input-placeholder { color: #999; + opacity: 1; } .form-control::placeholder { color: #999; + opacity: 1; } .form-control:disabled, .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; @@ -3011,6 +3015,383 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto margin-left: -1px; } +.c-input { + position: relative; + display: inline-block; + padding-left: 1.5rem; + font-weight: normal; + color: #555; + cursor: pointer; +} +.c-input > input { + position: absolute; + z-index: -1; + opacity: 0; + /* Put the input behind the label so it doesn't overlay text */ +} + +.c-indicator { + position: absolute; + top: .25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + font-size: 65%; + line-height: 1rem; + color: #eee; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #eee; + background-repeat: no-repeat; + background-position: center center; + -webkit-background-size: 50% 50%; + background-size: 50% 50%; +} + +/* Hover state */ +/* Uncomment if you need it, but be aware of the sticky iOS states. +.control:hover .control-indicator { + color: #fff; + background-color: #ccc; +} +*/ +/* Focus */ +.c-input input:focus ~ .c-indicator { + -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; + box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; +} + +/* Checked state */ +.c-input input:checked ~ .c-indicator { + color: #fff; + background-color: #0074d9; +} + +/* Active */ +.c-input input:active ~ .c-indicator { + color: #fff; + background-color: #84c6ff; +} + +/* Checkbox modifiers */ +.c-checkbox .c-indicator { + border-radius: .25rem; +} + +.c-checkbox input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); +} + +/* Radio modifiers */ +.c-radio .c-indicator { + border-radius: 50%; +} + +.c-radio input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); +} + +/* Alternately, use another character */ +.control-x input:checked ~ .control-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==); +} + +.control-dash input:checked ~ .control-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); +} + +/* +* Select +*/ +.select { + position: relative; + display: inline-block; + color: #555; +} + +.select select { + display: inline-block; + width: 100%; + -webkit-appearance: none; + padding: .5rem 2.25rem .5rem 1rem; + margin: 0; + line-height: 1.5; + color: #555; + cursor: pointer; + background-color: #eee; + border: 0; + border-radius: .25rem; + outline: 0; + + -moz-appearance: none; + appearance: none; +} + +/* Undo the Firefox inner focus ring */ +.select select:focus:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000; +} + +/* Dropdown arrow */ +.select:after { + position: absolute; + top: 50%; + right: 1.25rem; + display: inline-block; + width: 0; + height: 0; + margin-top: -.15rem; + pointer-events: none; + content: ""; + border-top: .35rem solid; + border-right: .35rem solid transparent; + border-bottom: .35rem solid transparent; + border-left: .35rem solid transparent; +} + +/* Hover state */ +/* Uncomment if you need it, but be aware of the sticky iOS states. +.select select:hover { + background-color: #ddd; +} +*/ +/* Focus */ +.select select:focus { + -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; + box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; +} + +/* Active/open */ +.select select:active { + color: #fff; + background-color: #0074d9; +} + +/* Hide the arrow in IE10 and up */ +.select select::-ms-expand { + display: none; +} + +/* Media query to target Firefox only */ +@-moz-document url-prefix() { + /* Firefox hack to hide the arrow */ + /* <option> elements inherit styles from <select>, so reset them. */ + .select select { + padding-right: 1rem; + text-indent: .01px; + text-overflow: ''; + } + + .select option { + background-color: #fff; + } +} + +/* IE9 hack to hide the arrow */ +@media screen and (min-width: 0\0) { + .select select { + z-index: 1; + padding: .5rem 1.5rem .5rem 1rem; + } + + .select:after { + z-index: 5; + } + + .select:before { + position: absolute; + top: 0; + right: 1rem; + bottom: 0; + z-index: 2; + display: block; + width: 1.5rem; + content: ""; + background-color: #eee; + } + + .select select:hover, .select select:focus, .select select:active { + color: #555; + background-color: #eee; + } +} + +/* +* File +*/ +.file { + position: relative; + display: inline-block; + height: 2.5rem; + cursor: pointer; +} + +.file input { + min-width: 14rem; + margin: 0; + filter: alpha(opacity=0); + opacity: 0; +} + +.file-custom { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 5; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #fff; + border: .075rem solid #ddd; + border-radius: .25rem; + -webkit-box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05); + box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05); +} + +.file-custom:after { + content: "Choose file..."; +} + +.file-custom:before { + position: absolute; + top: -.075rem; + right: -.075rem; + bottom: -.075rem; + z-index: 6; + display: block; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + content: "Browse"; + background-color: #eee; + border: .075rem solid #ddd; + border-radius: 0 .25rem .25rem 0; +} + +/* Focus */ +.file input:focus ~ .file-custom { + -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; + box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; +} + +/* +* Progress +*/ +.progress { + display: inline-block; + height: 1rem; +} + +.progress[value] { + /* Reset the default appearance */ + -webkit-appearance: none; + /* IE10 uses `color` to set the bar background-color */ + color: #0074d9; + /* Remove Firefox and Opera border */ + border: 0; + + -moz-appearance: none; + appearance: none; +} + +.progress[value]::-webkit-progress-bar { + background-color: #eee; + border-radius: .2rem; +} + +.progress[value]::-webkit-progress-value { + background-color: #0074d9; + border-top-left-radius: .2rem; + border-bottom-left-radius: .2rem; +} + +.progress[value="100"]::-webkit-progress-value { + border-top-right-radius: .2rem; + border-bottom-right-radius: .2rem; +} + +/* Firefox styles must be entirely separate or it busts Webkit styles. */ +@-moz-document url-prefix() { + .progress[value] { + background-color: #eee; + border-radius: .2rem; + } + + .progress[value]::-moz-progress-bar { + background-color: #0074d9; + border-top-left-radius: .2rem; + border-bottom-left-radius: .2rem; + } + + .progress[value="100"]::-moz-progress-bar { + border-top-right-radius: .2rem; + border-bottom-right-radius: .2rem; + } +} + +/* IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway. */ +@media screen and (min-width: 0\0) { + .progress { + background-color: #eee; + border-radius: .2rem; + } + + .progress-bar { + display: inline-block; + height: 1rem; + text-indent: -999rem; + /* Simulate hiding of value as in native `<progress>` */ + background-color: #0074d9; + border-top-left-radius: .2rem; + border-bottom-left-radius: .2rem; + } + + .progress[width="100%"] { + border-top-right-radius: .2rem; + border-bottom-right-radius: .2rem; + } +} + +/* +* Control layouts +*/ +.controls-stacked { + margin: 1rem 0; +} + +.controls-stacked .control, .controls-stacked .progress { + display: block; +} + +.controls-stacked .control + .control, .controls-stacked .progress + .progress { + margin-top: .5rem; +} + +.controls-inline { + margin: 1rem 0; +} + +.controls-inline .control { + display: inline-block; + height: 1rem; +} + +.controls-inline .control + .control { + margin-left: 1rem; +} + .nav { margin-bottom: 0; } @@ -4932,10 +5313,6 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro z-index: 1030; } -.show { - display: block !important; -} - [hidden] { display: none !important; } @@ -4952,11 +5329,6 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro border: 0; } -.hidden { - display: none !important; - visibility: hidden !important; -} - .affix { position: fixed; } |