From f6ebab8b7b89e5aac83e140bf802ae8b1364ee80 Mon Sep 17 00:00:00 2001
From: Felix Kopp <felix-source@phorax.com>
Date: Thu, 30 Oct 2014 20:58:39 +0100
Subject: [PATCH] [TASK] Use Bootstrap 3.3.x in t3skin
Use twbs Bootstrap 3.3 release for t3skin.
Notes: https://github.com/twbs/bootstrap/releases/tag/v3.3.0
Resolves: #62573
Releases: master
Change-Id: I4138bbf154d091e30155998c4e52c79c41967dc1
Reviewed-on: http://review.typo3.org/33640
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
Reviewed-by: Markus Klein <klein.t3@reelworx.at>
Tested-by: Markus Klein <klein.t3@reelworx.at>
---
composer.json | 2 +-
.../Resources/Public/Css/visual/t3kin.css | 391 ++++++++++++------
2 files changed, 276 insertions(+), 117 deletions(-)
diff --git a/composer.json b/composer.json
index 590ef7d8fd55..196eaf4f2539 100644
--- a/composer.json
+++ b/composer.json
@@ -38,7 +38,7 @@
"require-dev": {
"mikey179/vfsStream": "1.3.*@dev",
"phpunit/phpunit": "~4.1.0",
- "twbs/bootstrap": "3.2.*",
+ "twbs/bootstrap": "3.3.*",
"fortawesome/font-awesome": "4.2.*"
},
"suggest": {
diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
index 455f082c1b2d..15e277eb61b9 100644
--- a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
@@ -11,12 +11,15 @@
* The TYPO3 project - inspiring people to share!
*/
/* Not supported yet in CMS */
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
- * {
- text-shadow: none !important;
- color: #000 !important;
+ *,
+ *:before,
+ *:after {
background: transparent !important;
+ color: #000 !important;
box-shadow: none !important;
+ text-shadow: none !important;
}
a,
a:visited {
@@ -28,8 +31,8 @@
abbr[title]:after {
content: " (" attr(title) ")";
}
- a[href^="javascript:"]:after,
- a[href^="#"]:after {
+ a[href^="#"]:after,
+ a[href^="javascript:"]:after {
content: "";
}
pre,
@@ -63,10 +66,6 @@
.navbar {
display: none;
}
- .table td,
- .table th {
- background-color: #fff !important;
- }
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
@@ -77,6 +76,10 @@
.table {
border-collapse: collapse !important;
}
+ .table td,
+ .table th {
+ background-color: #fff !important;
+ }
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
@@ -104,7 +107,8 @@
.glyphicon-plus:before {
content: "\2b";
}
-.glyphicon-euro:before {
+.glyphicon-euro:before,
+.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
@@ -752,7 +756,6 @@ img {
.thumbnail > img,
.thumbnail a > img {
display: block;
- width: 100% \9;
max-width: 100%;
height: auto;
}
@@ -769,7 +772,6 @@ img {
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
- width: 100% \9;
max-width: 100%;
height: auto;
}
@@ -934,9 +936,6 @@ small,
.small {
font-size: 91%;
}
-cite {
- font-style: normal;
-}
mark,
.mark {
background-color: #fcf8e3;
@@ -1145,10 +1144,6 @@ blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
-blockquote:before,
-blockquote:after {
- content: "";
-}
address {
margin-bottom: 18px;
font-style: normal;
@@ -1178,6 +1173,7 @@ kbd {
kbd kbd {
padding: 0;
font-size: 100%;
+ font-weight: bold;
box-shadow: none;
}
pre {
@@ -1875,6 +1871,12 @@ pre code {
table {
background-color: #f9f9f9;
}
+caption {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ color: #737373;
+ text-align: left;
+}
th {
text-align: left;
}
@@ -1935,12 +1937,10 @@ th {
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
-.table-striped > tbody > tr:nth-child(odd) > td,
-.table-striped > tbody > tr:nth-child(odd) > th {
+.table-striped > tbody > tr:nth-child(odd) {
background-color: #f4f4f4;
}
-.table-hover > tbody > tr:hover > td,
-.table-hover > tbody > tr:hover > th {
+.table-hover > tbody > tr:hover {
background-color: #e0e0e0;
}
table col[class*="col-"] {
@@ -2059,15 +2059,17 @@ table th[class*="col-"] {
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
+.table-responsive {
+ overflow-x: auto;
+ min-height: 0.01%;
+}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 13.5px;
overflow-y: hidden;
- overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ffffff;
- -webkit-overflow-scrolling: touch;
}
.table-responsive > .table {
margin-bottom: 0;
@@ -2224,12 +2226,44 @@ input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
line-height: 26px;
+ line-height: 1.5 \0;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
line-height: 41.2px;
+ line-height: 1.33 \0;
+}
+_:-ms-fullscreen,
+:root input[type="date"],
+_:-ms-fullscreen,
+:root input[type="time"],
+_:-ms-fullscreen,
+:root input[type="datetime-local"],
+_:-ms-fullscreen,
+:root input[type="month"] {
+ line-height: 1.5;
+}
+_:-ms-fullscreen.input-sm,
+:root input[type="date"].input-sm,
+_:-ms-fullscreen.input-sm,
+:root input[type="time"].input-sm,
+_:-ms-fullscreen.input-sm,
+:root input[type="datetime-local"].input-sm,
+_:-ms-fullscreen.input-sm,
+:root input[type="month"].input-sm {
+ line-height: 1.5;
+}
+_:-ms-fullscreen.input-lg,
+:root input[type="date"].input-lg,
+_:-ms-fullscreen.input-lg,
+:root input[type="time"].input-lg,
+_:-ms-fullscreen.input-lg,
+:root input[type="datetime-local"].input-lg,
+_:-ms-fullscreen.input-lg,
+:root input[type="month"].input-lg {
+ line-height: 1.33;
}
.form-group {
margin-bottom: 15px;
@@ -2238,12 +2272,12 @@ input[type="month"].input-lg {
.checkbox {
position: relative;
display: block;
- min-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
+ min-height: 18px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
@@ -2306,35 +2340,41 @@ fieldset[disabled] .checkbox label {
padding-right: 0;
}
.input-sm,
-.form-horizontal .form-group-sm .form-control {
+.form-group-sm .form-control {
height: 26px;
padding: 4px 4px;
font-size: 11px;
line-height: 1.5;
border-radius: 2px;
}
-select.input-sm {
+select.input-sm,
+select.form-group-sm .form-control {
height: 26px;
line-height: 26px;
}
textarea.input-sm,
-select[multiple].input-sm {
+textarea.form-group-sm .form-control,
+select[multiple].input-sm,
+select[multiple].form-group-sm .form-control {
height: auto;
}
.input-lg,
-.form-horizontal .form-group-lg .form-control {
+.form-group-lg .form-control {
height: 41.2px;
padding: 12px 12px;
font-size: 15px;
line-height: 1.33;
border-radius: 2px;
}
-select.input-lg {
+select.input-lg,
+select.form-group-lg .form-control {
height: 41.2px;
line-height: 41.2px;
}
textarea.input-lg,
-select[multiple].input-lg {
+textarea.form-group-lg .form-control,
+select[multiple].input-lg,
+select[multiple].form-group-lg .form-control {
height: auto;
}
.has-feedback {
@@ -2345,7 +2385,7 @@ select[multiple].input-lg {
}
.form-control-feedback {
position: absolute;
- top: 23px;
+ top: 0;
right: 0;
z-index: 2;
display: block;
@@ -2353,6 +2393,7 @@ select[multiple].input-lg {
height: 32px;
line-height: 32px;
text-align: center;
+ pointer-events: none;
}
.input-lg + .form-control-feedback {
width: 41.2px;
@@ -2369,7 +2410,11 @@ select[multiple].input-lg {
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
-.has-success .checkbox-inline {
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
color: #3b7826;
}
.has-success .form-control {
@@ -2395,7 +2440,11 @@ select[multiple].input-lg {
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
-.has-warning .checkbox-inline {
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
color: #9e7d4a;
}
.has-warning .form-control {
@@ -2421,7 +2470,11 @@ select[multiple].input-lg {
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
-.has-error .checkbox-inline {
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
color: #aa0225;
}
.has-error .form-control {
@@ -2442,6 +2495,9 @@ select[multiple].input-lg {
.has-error .form-control-feedback {
color: #aa0225;
}
+.has-feedback label ~ .form-control-feedback {
+ top: 23px;
+}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
@@ -2462,6 +2518,9 @@ select[multiple].input-lg {
width: auto;
vertical-align: middle;
}
+ .form-inline .form-control-static {
+ display: inline-block;
+ }
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
@@ -2522,7 +2581,6 @@ select[multiple].input-lg {
}
}
.form-horizontal .has-feedback .form-control-feedback {
- top: 0;
right: 15px;
}
@media (min-width: 768px) {
@@ -2541,6 +2599,7 @@ select[multiple].input-lg {
font-weight: normal;
text-align: center;
vertical-align: middle;
+ touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
@@ -2556,13 +2615,17 @@ select[multiple].input-lg {
}
.btn:focus,
.btn:active:focus,
-.btn.active:focus {
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
-.btn:focus {
+.btn:focus,
+.btn.focus {
color: #ffffff;
text-decoration: none;
}
@@ -2590,6 +2653,7 @@ fieldset[disabled] .btn {
}
.btn-default:hover,
.btn-default:focus,
+.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
@@ -2611,6 +2675,9 @@ 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,
@@ -2631,6 +2698,7 @@ fieldset[disabled] .btn-default.active {
}
.btn-primary:hover,
.btn-primary:focus,
+.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
@@ -2652,6 +2720,9 @@ 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,
@@ -2672,6 +2743,7 @@ fieldset[disabled] .btn-primary.active {
}
.btn-success:hover,
.btn-success:focus,
+.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
@@ -2693,6 +2765,9 @@ 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,
@@ -2713,6 +2788,7 @@ fieldset[disabled] .btn-success.active {
}
.btn-info:hover,
.btn-info:focus,
+.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
@@ -2734,6 +2810,9 @@ 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,
@@ -2754,6 +2833,7 @@ fieldset[disabled] .btn-info.active {
}
.btn-warning:hover,
.btn-warning:focus,
+.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
@@ -2775,6 +2855,9 @@ 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,
@@ -2795,6 +2878,7 @@ fieldset[disabled] .btn-warning.active {
}
.btn-danger:hover,
.btn-danger:focus,
+.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
@@ -2816,6 +2900,9 @@ 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,
@@ -2832,11 +2919,11 @@ fieldset[disabled] .btn-danger.active {
.btn-link {
color: #212424;
font-weight: normal;
- cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
+.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
@@ -2906,9 +2993,11 @@ input[type="button"].btn-block {
}
.collapse {
display: none;
+ visibility: hidden;
}
.collapse.in {
display: block;
+ visibility: visible;
}
tr.collapse.in {
display: table-row;
@@ -2920,9 +3009,12 @@ tbody.collapse.in {
position: relative;
height: 0;
overflow: hidden;
- -webkit-transition: height 0.35s ease;
- -o-transition: height 0.35s ease;
- transition: height 0.35s ease;
+ -webkit-transition-property: height, visibility;
+ transition-property: height, visibility;
+ -webkit-transition-duration: 0.35s;
+ transition-duration: 0.35s;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
}
.caret {
display: inline-block;
@@ -3227,12 +3319,13 @@ tbody.collapse.in {
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+[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;
- z-index: -1;
- opacity: 0;
- filter: alpha(opacity=0);
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
}
.input-group {
position: relative;
@@ -3571,9 +3664,11 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
}
.tab-content > .tab-pane {
display: none;
+ visibility: hidden;
}
.tab-content > .active {
display: block;
+ visibility: visible;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
@@ -3615,6 +3710,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
}
.navbar-collapse.collapse {
display: block !important;
+ visibility: visible !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
@@ -3633,7 +3729,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
-@media (max-width: 480px) and (orientation: landscape) {
+@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
@@ -3670,8 +3766,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
right: 0;
left: 0;
z-index: 1030;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
.navbar-fixed-top,
@@ -3699,6 +3793,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-brand:focus {
text-decoration: none;
}
+.navbar-brand > img {
+ display: block;
+}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
@@ -3776,19 +3873,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
padding-top: 13.5px;
padding-bottom: 13.5px;
}
- .navbar-nav.navbar-right:last-child {
- margin-right: -15px;
- }
-}
-@media (min-width: 768px) {
- .navbar-left {
- float: left !important;
- float: left;
- }
- .navbar-right {
- float: right !important;
- float: right;
- }
}
.navbar-form {
margin-left: -15px;
@@ -3812,6 +3896,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
width: auto;
vertical-align: middle;
}
+ .navbar-form .form-control-static {
+ display: inline-block;
+ }
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
@@ -3852,6 +3939,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-form .form-group {
margin-bottom: 5px;
}
+ .navbar-form .form-group:last-child {
+ margin-bottom: 0;
+ }
}
@media (min-width: 768px) {
.navbar-form {
@@ -3864,9 +3954,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
-webkit-box-shadow: none;
box-shadow: none;
}
- .navbar-form.navbar-right:last-child {
- margin-right: -15px;
- }
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
@@ -3899,7 +3986,18 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
margin-left: 15px;
margin-right: 15px;
}
- .navbar-text.navbar-right:last-child {
+}
+@media (min-width: 768px) {
+ .navbar-left {
+ float: left !important;
+ float: left;
+ }
+ .navbar-right {
+ float: right !important;
+ float: right;
+ margin-right: -15px;
+ }
+ .navbar-right ~ .navbar-right {
margin-right: 0;
}
}
@@ -4357,7 +4455,7 @@ a.list-group-item.active > .badge,
margin-left: 3px;
}
.jumbotron {
- padding: 30px;
+ padding: 30px 15px;
margin-bottom: 30px;
color: inherit;
background-color: #f5f5f5;
@@ -4374,7 +4472,8 @@ a.list-group-item.active > .badge,
.jumbotron > hr {
border-top-color: #dcdcdc;
}
-.container .jumbotron {
+.container .jumbotron,
+.container-fluid .jumbotron {
border-radius: 2px;
}
.jumbotron .container {
@@ -4382,8 +4481,7 @@ a.list-group-item.active > .badge,
}
@media screen and (min-width: 768px) {
.jumbotron {
- padding-top: 48px;
- padding-bottom: 48px;
+ padding: 48px 0;
}
.container .jumbotron {
padding-left: 60px;
@@ -4402,9 +4500,9 @@ a.list-group-item.active > .badge,
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 2px;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
+ -webkit-transition: border 0.2s ease-in-out;
+ -o-transition: border 0.2s ease-in-out;
+ transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
@@ -4548,17 +4646,6 @@ a.thumbnail.active {
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
-.progress-bar[aria-valuenow="1"],
-.progress-bar[aria-valuenow="2"] {
- min-width: 30px;
-}
-.progress-bar[aria-valuenow="0"] {
- color: #d7d7d7;
- min-width: 30px;
- background-color: transparent;
- background-image: none;
- box-shadow: none;
-}
.progress-bar-success {
background-color: #1eb941;
}
@@ -4591,29 +4678,35 @@ a.thumbnail.active {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.media,
-.media-body {
- overflow: hidden;
- zoom: 1;
-}
-.media,
-.media .media {
+.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
-.media-object {
- display: block;
-}
-.media-heading {
- margin: 0 0 5px;
+.media-right,
+.media > .pull-right {
+ padding-left: 10px;
}
+.media-left,
.media > .pull-left {
- margin-right: 10px;
+ padding-right: 10px;
}
-.media > .pull-right {
- margin-left: 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;
@@ -4663,6 +4756,7 @@ a.list-group-item:focus {
.list-group-item.disabled:focus {
background-color: #f5f5f5;
color: #d7d7d7;
+ cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
@@ -4830,19 +4924,23 @@ a.list-group-item-danger.active:focus {
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
-.panel > .list-group {
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
-.panel > .list-group .list-group-item {
+.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 > .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-right-radius: 1px;
border-top-left-radius: 1px;
}
-.panel > .list-group:last-child .list-group-item:last-child {
+.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: 1px;
border-bottom-left-radius: 1px;
@@ -4858,11 +4956,24 @@ a.list-group-item-danger.active:focus {
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+ padding-left: 15px;
+ padding-right: 15px;
+}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 1px;
border-top-left-radius: 1px;
}
+.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: 1px;
+ border-top-right-radius: 1px;
+}
.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,
@@ -4888,6 +4999,13 @@ a.list-group-item-danger.active:focus {
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
+.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-left-radius: 1px;
+ border-bottom-right-radius: 1px;
+}
.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,
@@ -4909,7 +5027,9 @@ a.list-group-item-danger.active:focus {
border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table,
-.panel > .panel-body + .table-responsive {
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
border-top: 1px solid #ffffff;
}
.panel > .table > tbody:first-child > tr:first-child th,
@@ -4985,7 +5105,8 @@ a.list-group-item-danger.active:focus {
.panel-group .panel-heading {
border-bottom: 0;
}
-.panel-group .panel-heading + .panel-collapse > .panel-body {
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
@@ -5112,7 +5233,8 @@ a.list-group-item-danger.active:focus {
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
-.embed-responsive object {
+.embed-responsive object,
+.embed-responsive video {
position: absolute;
top: 0;
left: 0;
@@ -5254,8 +5376,6 @@ button.close {
}
.affix {
position: fixed;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
}
@-ms-viewport {
width: device-width;
@@ -8628,12 +8748,10 @@ table.t3-table > tbody > tr:hover > td {
table.t3-table > tbody > tr:hover > td a {
text-decoration: underline;
}
-table.t3-table > tbody > tr:nth-child(odd) > td,
-table.t3-table > tbody > tr:nth-child(odd) > th {
+table.t3-table > tbody > tr:nth-child(odd) {
background-color: #f4f4f4;
}
-table.t3-table > tbody > tr:hover > td,
-table.t3-table > tbody > tr:hover > th {
+table.t3-table > tbody > tr:hover {
background-color: #e0e0e0;
}
/**
@@ -10171,6 +10289,7 @@ input[type=reset] {
font-weight: normal;
text-align: center;
vertical-align: middle;
+ touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
@@ -10203,7 +10322,22 @@ input[type=reset]:active:focus,
button.active:focus,
input[type=submit].active:focus,
input[type=button].active:focus,
-input[type=reset].active:focus {
+input[type=reset].active:focus,
+.t3-button.focus,
+button.focus,
+input[type=submit].focus,
+input[type=button].focus,
+input[type=reset].focus,
+.t3-button:active.focus,
+button:active.focus,
+input[type=submit]:active.focus,
+input[type=button]:active.focus,
+input[type=reset]:active.focus,
+.t3-button.active.focus,
+button.active.focus,
+input[type=submit].active.focus,
+input[type=button].active.focus,
+input[type=reset].active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
@@ -10217,7 +10351,12 @@ input[type=reset]:hover,
button:focus,
input[type=submit]:focus,
input[type=button]:focus,
-input[type=reset]:focus {
+input[type=reset]:focus,
+.t3-button.focus,
+button.focus,
+input[type=submit].focus,
+input[type=button].focus,
+input[type=reset].focus {
color: #ffffff;
text-decoration: none;
}
@@ -10268,6 +10407,11 @@ button:focus,
input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus,
+.t3-button.focus,
+button.focus,
+input[type=submit].focus,
+input[type=button].focus,
+input[type=reset].focus,
.t3-button:active,
button:active,
input[type=submit]:active,
@@ -10349,6 +10493,21 @@ fieldset[disabled] button:focus,
fieldset[disabled] input[type=submit]:focus,
fieldset[disabled] input[type=button]:focus,
fieldset[disabled] input[type=reset]:focus,
+.t3-button.disabled.focus,
+button.disabled.focus,
+input[type=submit].disabled.focus,
+input[type=button].disabled.focus,
+input[type=reset].disabled.focus,
+.t3-button[disabled].focus,
+button[disabled].focus,
+input[type=submit][disabled].focus,
+input[type=button][disabled].focus,
+input[type=reset][disabled].focus,
+fieldset[disabled] .t3-button.focus,
+fieldset[disabled] button.focus,
+fieldset[disabled] input[type=submit].focus,
+fieldset[disabled] input[type=button].focus,
+fieldset[disabled] input[type=reset].focus,
.t3-button.disabled:active,
button.disabled:active,
input[type=submit].disabled:active,
--
GitLab