upgrade bs to latest git and some more progress

This commit is contained in:
Mario Vavti 2017-03-09 22:04:17 +01:00
parent c42cbda904
commit 14d1912115
12 changed files with 254 additions and 406 deletions

View File

@ -4,250 +4,6 @@
* Copyright 2011-2017 Twitter, Inc. * Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
@media print { @media print {
*, *,
*::before, *::before,
@ -318,6 +74,12 @@ template {
html { html {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
} }
*, *,
@ -331,12 +93,8 @@ html {
width: device-width; width: device-width;
} }
html {
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
body { body {
margin: 0;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -349,6 +107,13 @@ body {
outline: none !important; outline: none !important;
} }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-top: 0;
margin-bottom: .5rem; margin-bottom: .5rem;
@ -361,7 +126,10 @@ p {
abbr[title], abbr[title],
abbr[data-original-title] { abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help; cursor: help;
border-bottom: 0;
} }
address { address {
@ -397,12 +165,43 @@ blockquote {
margin: 0 0 1rem; margin: 0 0 1rem;
} }
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a { a {
color: #0275d8; color: #0275d8;
text-decoration: none; text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
} }
a:focus, a:hover { a:hover {
color: #014c8c; color: #014c8c;
text-decoration: underline; text-decoration: underline;
} }
@ -421,6 +220,14 @@ a:not([href]):not([tabindex]):focus {
outline: 0; outline: 0;
} }
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre { pre {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -433,10 +240,11 @@ figure {
img { img {
vertical-align: middle; vertical-align: middle;
border-style: none;
} }
[role="button"] { svg:not(:root) {
cursor: pointer; overflow: hidden;
} }
a, a,
@ -454,7 +262,6 @@ textarea {
table { table {
border-collapse: collapse; border-collapse: collapse;
background-color: transparent;
} }
caption { caption {
@ -482,10 +289,46 @@ button:focus {
input, input,
button, button,
select, select,
optgroup,
textarea { textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; line-height: inherit;
} }
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="radio"]:disabled, input[type="radio"]:disabled,
input[type="checkbox"]:disabled { input[type="checkbox"]:disabled {
cursor: not-allowed; cursor: not-allowed;
@ -499,6 +342,7 @@ input[type="month"] {
} }
textarea { textarea {
overflow: auto;
resize: vertical; resize: vertical;
} }
@ -512,20 +356,51 @@ fieldset {
legend { legend {
display: block; display: block;
width: 100%; width: 100%;
max-width: 100%;
padding: 0; padding: 0;
margin-bottom: .5rem; margin-bottom: .5rem;
font-size: 1.5rem; font-size: 1.5rem;
line-height: inherit; line-height: inherit;
color: inherit;
white-space: normal;
} }
input[type="search"] { progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; -webkit-appearance: none;
} }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output { output {
display: inline-block; display: inline-block;
} }
summary {
display: list-item;
}
template {
display: none;
}
[hidden] { [hidden] {
display: none !important; display: none !important;
} }
@ -2080,6 +1955,7 @@ pre code {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: transparent;
} }
.table th, .table th,
@ -2409,7 +2285,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.form-check-label { .form-check-label {
padding-left: 1.25rem; padding-left: 1.25rem;
margin-bottom: 0; margin-bottom: 0;
cursor: pointer;
} }
.form-check-input { .form-check-input {
@ -2456,7 +2331,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
color: #5cb85c; color: #5cb85c;
} }
.has-success .form-control { .has-success .form-control,
.has-success .custom-select,
.has-success .custom-file-control {
border-color: #5cb85c; border-color: #5cb85c;
} }
@ -2478,7 +2355,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
color: #f0ad4e; color: #f0ad4e;
} }
.has-warning .form-control { .has-warning .form-control,
.has-warning .custom-select,
.has-warning .custom-file-control {
border-color: #f0ad4e; border-color: #f0ad4e;
} }
@ -2500,7 +2379,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
color: #d9534f; color: #d9534f;
} }
.has-danger .form-control { .has-danger .form-control,
.has-danger .custom-select,
.has-danger .custom-file-control {
border-color: #d9534f; border-color: #d9534f;
} }
@ -2519,6 +2400,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap; -webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
@ -2557,6 +2440,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
-webkit-flex: 0 0 auto; -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap; -webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
@ -3276,6 +3161,7 @@ tbody.collapse.show {
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto; -ms-flex: 0 1 auto;
flex: 0 1 auto; flex: 0 1 auto;
margin-bottom: 0;
} }
.btn-group > .btn:hover, .btn-group > .btn:hover,
@ -3306,6 +3192,9 @@ tbody.collapse.show {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start; -webkit-box-pack: start;
-webkit-justify-content: flex-start; -webkit-justify-content: flex-start;
-ms-flex-pack: start; -ms-flex-pack: start;
@ -3480,15 +3369,10 @@ tbody.collapse.show {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-align: center;
-webkit-box-direction: normal; -webkit-align-items: center;
-webkit-flex-direction: column; -ms-flex-align: center;
-ms-flex-direction: column; align-items: center;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
} }
.input-group-addon:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child),
@ -3575,10 +3459,6 @@ tbody.collapse.show {
.input-group-btn > .btn { .input-group-btn > .btn {
position: relative; position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
} }
.input-group-btn > .btn + .btn { .input-group-btn > .btn + .btn {
@ -3616,7 +3496,6 @@ tbody.collapse.show {
min-height: 1.5rem; min-height: 1.5rem;
padding-left: 1.5rem; padding-left: 1.5rem;
margin-right: 1rem; margin-right: 1rem;
cursor: pointer;
} }
.custom-control-input { .custom-control-input {
@ -3723,8 +3602,9 @@ tbody.collapse.show {
background-size: 8px 10px; background-size: 8px 10px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem; border-radius: 0.25rem;
-moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
.custom-select:focus { .custom-select:focus {
@ -3759,7 +3639,6 @@ tbody.collapse.show {
max-width: 100%; max-width: 100%;
height: 2.5rem; height: 2.5rem;
margin-bottom: 0; margin-bottom: 0;
cursor: pointer;
} }
.custom-file-input { .custom-file-input {
@ -3767,7 +3646,6 @@ tbody.collapse.show {
max-width: 100%; max-width: 100%;
height: 2.5rem; height: 2.5rem;
margin: 0; margin: 0;
filter: alpha(opacity=0);
opacity: 0; opacity: 0;
} }
@ -3820,6 +3698,9 @@ tbody.collapse.show {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
list-style: none; list-style: none;
@ -3883,7 +3764,6 @@ tbody.collapse.show {
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link { .nav-pills .nav-item.show .nav-link {
color: #fff; color: #fff;
cursor: default;
background-color: #0275d8; background-color: #0275d8;
} }
@ -3925,8 +3805,18 @@ tbody.collapse.show {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@media (max-width: 575px) {
.navbar > .container {
margin-right: 0;
margin-left: 0;
}
}
.navbar-brand { .navbar-brand {
display: inline-block; display: inline-block;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding-top: .25rem; padding-top: .25rem;
padding-bottom: .25rem; padding-bottom: .25rem;
margin-right: 1rem; margin-right: 1rem;
@ -4349,7 +4239,7 @@ tbody.collapse.show {
} }
.navbar-light .navbar-toggler-icon { .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
} }
.navbar-light .navbar-text { .navbar-light .navbar-text {
@ -4391,7 +4281,7 @@ tbody.collapse.show {
} }
.navbar-inverse .navbar-toggler-icon { .navbar-inverse .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
} }
.navbar-inverse .navbar-text { .navbar-inverse .navbar-text {
@ -4629,6 +4519,8 @@ tbody.collapse.show {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap; -webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
@ -4662,6 +4554,8 @@ tbody.collapse.show {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap; -webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
@ -4868,7 +4762,6 @@ tbody.collapse.show {
a.badge:focus, a.badge:hover { a.badge:focus, a.badge:hover {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer;
} }
.badge-pill { .badge-pill {
@ -5069,6 +4962,7 @@ a.badge:focus, a.badge:hover {
.progress-bar { .progress-bar {
height: 1rem; height: 1rem;
line-height: 1rem;
color: #fff; color: #fff;
background-color: #0275d8; background-color: #0275d8;
} }
@ -5125,10 +5019,6 @@ a.badge:focus, a.badge:hover {
text-align: inherit; text-align: inherit;
} }
.list-group-item-action .list-group-item-heading {
color: #292b2c;
}
.list-group-item-action:focus, .list-group-item-action:hover { .list-group-item-action:focus, .list-group-item-action:hover {
color: #464a4c; color: #464a4c;
text-decoration: none; text-decoration: none;
@ -5146,6 +5036,8 @@ a.badge:focus, a.badge:hover {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap; -webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
@ -5180,14 +5072,6 @@ a.badge:focus, a.badge:hover {
background-color: #fff; background-color: #fff;
} }
.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
color: #636c72;
}
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
@ -5195,16 +5079,6 @@ a.badge:focus, a.badge:hover {
border-color: #0275d8; border-color: #0275d8;
} }
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text {
color: #daeeff;
}
.list-group-flush .list-group-item { .list-group-flush .list-group-item {
border-right: 0; border-right: 0;
border-left: 0; border-left: 0;
@ -5229,11 +5103,6 @@ button.list-group-item-success {
color: #3c763d; color: #3c763d;
} }
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:focus, a.list-group-item-success:hover, a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus, button.list-group-item-success:focus,
button.list-group-item-success:hover { button.list-group-item-success:hover {
@ -5258,11 +5127,6 @@ button.list-group-item-info {
color: #31708f; color: #31708f;
} }
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:focus, a.list-group-item-info:hover, a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus, button.list-group-item-info:focus,
button.list-group-item-info:hover { button.list-group-item-info:hover {
@ -5287,11 +5151,6 @@ button.list-group-item-warning {
color: #8a6d3b; color: #8a6d3b;
} }
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:focus, a.list-group-item-warning:hover, a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus, button.list-group-item-warning:focus,
button.list-group-item-warning:hover { button.list-group-item-warning:hover {
@ -5316,11 +5175,6 @@ button.list-group-item-danger {
color: #a94442; color: #a94442;
} }
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover, a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus, button.list-group-item-danger:focus,
button.list-group-item-danger:hover { button.list-group-item-danger:hover {
@ -5391,13 +5245,11 @@ button.list-group-item-danger.active {
.close:focus, .close:hover { .close:focus, .close:hover {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
cursor: pointer;
opacity: .75; opacity: .75;
} }
button.close { button.close {
padding: 0; padding: 0;
cursor: pointer;
background: transparent; background: transparent;
border: 0; border: 0;
-webkit-appearance: none; -webkit-appearance: none;
@ -6012,7 +5864,6 @@ button.close {
margin-right: 3px; margin-right: 3px;
margin-left: 3px; margin-left: 3px;
text-indent: -999px; text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
} }
@ -6356,21 +6207,21 @@ a.bg-inverse:focus, a.bg-inverse:hover {
} }
} }
.flex-first { .order-first {
-webkit-box-ordinal-group: 0; -webkit-box-ordinal-group: 0;
-webkit-order: -1; -webkit-order: -1;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
.flex-last { .order-last {
-webkit-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;
-webkit-order: 1; -webkit-order: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
} }
.flex-unordered { .order-0 {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-webkit-order: 0; -webkit-order: 0;
-ms-flex-order: 0; -ms-flex-order: 0;
@ -6572,19 +6423,19 @@ a.bg-inverse:focus, a.bg-inverse:hover {
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.flex-sm-first { .order-sm-first {
-webkit-box-ordinal-group: 0; -webkit-box-ordinal-group: 0;
-webkit-order: -1; -webkit-order: -1;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
.flex-sm-last { .order-sm-last {
-webkit-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;
-webkit-order: 1; -webkit-order: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
} }
.flex-sm-unordered { .order-sm-0 {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-webkit-order: 0; -webkit-order: 0;
-ms-flex-order: 0; -ms-flex-order: 0;
@ -6758,19 +6609,19 @@ a.bg-inverse:focus, a.bg-inverse:hover {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.flex-md-first { .order-md-first {
-webkit-box-ordinal-group: 0; -webkit-box-ordinal-group: 0;
-webkit-order: -1; -webkit-order: -1;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
.flex-md-last { .order-md-last {
-webkit-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;
-webkit-order: 1; -webkit-order: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
} }
.flex-md-unordered { .order-md-0 {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-webkit-order: 0; -webkit-order: 0;
-ms-flex-order: 0; -ms-flex-order: 0;
@ -6944,19 +6795,19 @@ a.bg-inverse:focus, a.bg-inverse:hover {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.flex-lg-first { .order-lg-first {
-webkit-box-ordinal-group: 0; -webkit-box-ordinal-group: 0;
-webkit-order: -1; -webkit-order: -1;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
.flex-lg-last { .order-lg-last {
-webkit-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;
-webkit-order: 1; -webkit-order: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
} }
.flex-lg-unordered { .order-lg-0 {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-webkit-order: 0; -webkit-order: 0;
-ms-flex-order: 0; -ms-flex-order: 0;
@ -7130,19 +6981,19 @@ a.bg-inverse:focus, a.bg-inverse:hover {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.flex-xl-first { .order-xl-first {
-webkit-box-ordinal-group: 0; -webkit-box-ordinal-group: 0;
-webkit-order: -1; -webkit-order: -1;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
.flex-xl-last { .order-xl-last {
-webkit-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;
-webkit-order: 1; -webkit-order: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
} }
.flex-xl-unordered { .order-xl-0 {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-webkit-order: 0; -webkit-order: 0;
-ms-flex-order: 0; -ms-flex-order: 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -645,7 +645,7 @@ var Carousel = function ($) {
if (this._isSliding) { if (this._isSliding) {
throw new Error('Carousel is sliding'); throw new Error('Carousel is sliding');
} }
this._slide(Direction.PREVIOUS); this._slide(Direction.PREV);
}; };
Carousel.prototype.pause = function pause(event) { Carousel.prototype.pause = function pause(event) {
@ -701,7 +701,7 @@ var Carousel = function ($) {
return; return;
} }
var direction = index > activeIndex ? Direction.NEXT : Direction.PREVIOUS; var direction = index > activeIndex ? Direction.NEXT : Direction.PREV;
this._slide(direction, this._items[index]); this._slide(direction, this._items[index]);
}; };
@ -772,7 +772,7 @@ var Carousel = function ($) {
Carousel.prototype._getItemByDirection = function _getItemByDirection(direction, activeElement) { Carousel.prototype._getItemByDirection = function _getItemByDirection(direction, activeElement) {
var isNextDirection = direction === Direction.NEXT; var isNextDirection = direction === Direction.NEXT;
var isPrevDirection = direction === Direction.PREVIOUS; var isPrevDirection = direction === Direction.PREV;
var activeIndex = this._getItemIndex(activeElement); var activeIndex = this._getItemIndex(activeElement);
var lastItemIndex = this._items.length - 1; var lastItemIndex = this._items.length - 1;
var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex; var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
@ -781,7 +781,7 @@ var Carousel = function ($) {
return activeElement; return activeElement;
} }
var delta = direction === Direction.PREVIOUS ? -1 : 1; var delta = direction === Direction.PREV ? -1 : 1;
var itemIndex = (activeIndex + delta) % this._items.length; var itemIndex = (activeIndex + delta) % this._items.length;
return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex]; return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
@ -1374,9 +1374,11 @@ var Dropdown = function ($) {
var DATA_API_KEY = '.data-api'; var DATA_API_KEY = '.data-api';
var JQUERY_NO_CONFLICT = $.fn[NAME]; var JQUERY_NO_CONFLICT = $.fn[NAME];
var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key
var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key
var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key
var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse) var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse)
var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEYCODE + '|' + ARROW_DOWN_KEYCODE + '|' + ESCAPE_KEYCODE + '|' + SPACE_KEYCODE);
var Event = { var Event = {
HIDE: 'hide' + EVENT_KEY, HIDE: 'hide' + EVENT_KEY,
@ -1549,7 +1551,7 @@ var Dropdown = function ($) {
}; };
Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) { Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) {
if (!/(38|40|27|32)/.test(event.which) || /input|textarea/i.test(event.target.tagName)) { if (!REGEXP_KEYDOWN.test(event.which) || /input|textarea/i.test(event.target.tagName)) {
return; return;
} }

File diff suppressed because one or more lines are too long

View File

@ -3,19 +3,15 @@
/* nav overrides */ /* nav overrides */
nav .badge { nav .badge {
font-size: 100%;
position: absolute; position: absolute;
top: 1px; top: 1px;
left: 1px; left: 1px;
font-size: 10px;
line-height: 20px;
padding: 0px 5px;
height: 20px;
min-width: 20px;
border-radius: 10px;
} }
#navbar-collapse-1 i { #navbar-collapse-1 i {
font-size: 14px; font-size: 1rem;
} }
/* nav overrides end */ /* nav overrides end */
@ -27,7 +23,6 @@ aside .nav-pills > li > a,
} }
nav .dropdown-menu { nav .dropdown-menu {
margin-top: 0px;
max-height: 70vh; max-height: 70vh;
overflow: auto; overflow: auto;
} }

View File

@ -18,7 +18,7 @@ aside {
position: relative; position: relative;
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
padding: 71px 7px 0px 7px; padding: 5rem 7px 0px 7px;
} }
section { section {
@ -26,5 +26,5 @@ section {
width: 100%; width: 100%;
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
padding: 71px 7px 200px 7px; padding: 5rem 7px 200px 7px;
} }

View File

@ -12,13 +12,9 @@
} }
#doco-content h4 { #doco-content h4 {
text-decoration: underline; font-weight: bold;
} }
#doco-content h5 {
text-decoration: underline;
}
#region_1 .widget ul ul { #region_1 .widget ul ul {
list-style-type: none; list-style-type: none;
} }

View File

@ -54,28 +54,27 @@ main {
} }
h1, .h1 { h1, .h1 {
font-size: 2em; font-size: 1.75em;
} }
h2, .h2 { h2, .h2 {
font-size: 1.667em; font-size: 1.5rem;
} }
h3, .h3 { h3, .h3 {
font-size: 1.334em; font-size: 1.25rem;
} }
h4, .h4 { h4, .h4 {
font-size: 1em; font-size: 1rem;
font-weight: bold;
} }
h5, .h5 { h5, .h5 {
font-size: 1em; font-size: 0.75rem;
} }
h6, .h6 { h6, .h6 {
font-size: 0.75em; font-size: 0.5rem;
} }
@ -213,7 +212,7 @@ nav #banner #logo-text a:hover { text-decoration: none; }
header #banner { header #banner {
z-index: 1040; z-index: 1040;
margin-top: 14px; margin-top: 10px;
text-align: center; text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,.5); text-shadow: 1px 1px 2px rgba(0,0,0,.5);
font-size: 14px; font-size: 14px;
@ -576,10 +575,19 @@ footer {
color: $nav_active_icon_colour; color: $nav_active_icon_colour;
} }
/*
#nav-search-text { #nav-search-text {
width: 250px; font-size: 12px;
width: 200px;
height: 20px;
margin-right: 15px;
padding: 0px 5px 0px 5px;
border-radius: $radiuspx;
border-color: $nav_bd;
background-color: #eee;
transition: background-color 300ms ease 0s;
} }
*/
#nav-search-text::-webkit-input-placeholder { #nav-search-text::-webkit-input-placeholder {
font-family: FontAwesome, sans-serif; font-family: FontAwesome, sans-serif;
} }
@ -589,7 +597,7 @@ footer {
} }
nav .acpopup { nav .acpopup {
top: 50px !important; top: 46px !important;
margin-left: -35px; margin-left: -35px;
width: 290px; width: 290px;
} }
@ -1400,11 +1408,13 @@ img.mail-conv-sender-photo {
font-size: 0.833em; font-size: 0.833em;
} }
.wall-item-content, .wall-item-content,
.mail-conv-body, .mail-conv-body,
.page-body, .page-body,
.chat-item-text, .chat-item-text,
.chat-item-text-self { .chat-item-text-self,
#doco-content {
font-size: $font_size; font-size: $font_size;
clear: both; clear: both;
} }
@ -1520,6 +1530,7 @@ nav img {
border-radius: $radiuspx; border-radius: $radiuspx;
} }
/*
nav .dropdown-menu { nav .dropdown-menu {
font-size: $body_font_size; font-size: $body_font_size;
border-top-right-radius: 0px; border-top-right-radius: 0px;
@ -1528,12 +1539,14 @@ nav .dropdown-menu {
border-bottom-left-radius: $radiuspx; border-bottom-left-radius: $radiuspx;
} }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus, .dropdown-menu > .show > a,
.dropdown-menu > .active > a:hover { .dropdown-menu > .show > a:focus,
.dropdown-menu > .show > a:hover {
color: #333; color: #333;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
*/
.dropdown-menu-img-sm { .dropdown-menu-img-sm {
float: left; float: left;
@ -1549,8 +1562,8 @@ nav .dropdown-menu {
} }
.usermenu { .usermenu {
width: 32px; width: 2rem;
height: 32px; height: 2rem;
} }
.usermenu img { .usermenu img {
@ -1732,17 +1745,6 @@ blockquote {
margin: 0px; margin: 0px;
} }
.badge {
border-radius: $radiuspx;
}
nav .badge.home-update,
nav .badge.notify-update,
nav .badge.intro-update,
nav .badge.mail-update {
background-color: #C9302C;
}
.dropdown-menu { .dropdown-menu {
font-size: $body_font_size; font-size: $body_font_size;
border-radius: $radiuspx; border-radius: $radiuspx;
@ -1752,6 +1754,7 @@ nav .badge.mail-update {
border-radius: $radiuspx; border-radius: $radiuspx;
} }
/*
.navbar-inverse { .navbar-inverse {
background-image: -webkit-linear-gradient(top, $nav_gradient_top 0%, $nav_gradient_bottom 100%); background-image: -webkit-linear-gradient(top, $nav_gradient_top 0%, $nav_gradient_bottom 100%);
background-image: linear-gradient(to bottom, $nav_gradient_top 0%, $nav_gradient_bottom 100%); background-image: linear-gradient(to bottom, $nav_gradient_top 0%, $nav_gradient_bottom 100%);
@ -1760,6 +1763,7 @@ nav .badge.mail-update {
border-color: $nav_bd; border-color: $nav_bd;
} }
.navbar-inverse .navbar-collapse { .navbar-inverse .navbar-collapse {
border-color: $nav_bd; border-color: $nav_bd;
} }
@ -1804,7 +1808,7 @@ nav .badge.mail-update {
.navbar-inverse .navbar-toggle .icon-bar { .navbar-inverse .navbar-toggle .icon-bar {
background-color: $nav_active_icon_colour; background-color: $nav_active_icon_colour;
} }
*/
.nav-tabs.nav-justified { .nav-tabs.nav-justified {
background-color: rgba(254,254,254,.5); background-color: rgba(254,254,254,.5);
border-top-left-radius: 4px; border-top-left-radius: 4px;

View File

@ -122,7 +122,7 @@ if (! $toolicon_activecolour)
if (! $item_opacity) if (! $item_opacity)
$item_opacity = "1"; $item_opacity = "1";
if (! $font_size) if (! $font_size)
$font_size = "0.9rem"; $font_size = "1rem";
if (! $body_font_size) if (! $body_font_size)
$body_font_size = "0.75rem"; $body_font_size = "0.75rem";
if (! $font_colour) if (! $font_colour)

View File

@ -78,10 +78,10 @@
<div class="collapse navbar-collapse " id="navbar-collapse-1"> <div class="collapse navbar-collapse " id="navbar-collapse-1">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
{{if $nav.network}} {{if $nav.network}}
<li class="nav-item dropdown {{$sel.network}} net-button" style="display: none;"> <li class="nav-item dropdown net-button" style="display: none;">
<a class="nav-link" href="#" title="{{$nav.network.3}}" id="{{$nav.network.4}}" data-toggle="dropdown" rel="#nav-network-menu"> <a class="nav-link" href="#" title="{{$nav.network.3}}" id="{{$nav.network.4}}" data-toggle="dropdown" rel="#nav-network-menu">
<i class="fa fa-fw fa-th"></i> <i class="fa fa-fw fa-th"></i>
<span class="net-update"></span> <span class="badge badge-pill badge-default net-update"></span>
</a> </a>
<div id="nav-network-menu" class="dropdown-menu" rel="network"> <div id="nav-network-menu" class="dropdown-menu" rel="network">
<a class="dropdown-item" id="nav-network-see-all" href="{{$nav.network.all.0}}">{{$nav.network.all.1}}</a> <a class="dropdown-item" id="nav-network-see-all" href="{{$nav.network.all.0}}">{{$nav.network.all.1}}</a>
@ -91,10 +91,10 @@
</li> </li>
{{/if}} {{/if}}
{{if $nav.home}} {{if $nav.home}}
<li class="nav-item dropdown {{$sel.home}} home-button" style="display: none;"> <li class="nav-item dropdown home-button" style="display: none;">
<a class="nav-link" href="#" title="{{$nav.home.3}}" id="{{$nav.home.4}}" data-toggle="dropdown" rel="#nav-home-menu"> <a class="nav-link" href="#" title="{{$nav.home.3}}" id="{{$nav.home.4}}" data-toggle="dropdown" rel="#nav-home-menu">
<i class="fa fa-fw fa-home"></i> <i class="fa fa-fw fa-home"></i>
<span class="home-update"></span> <span class="badge badge-pill badge-danger home-update"></span>
</a> </a>
<div id="nav-home-menu" class="dropdown-menu" rel="home"> <div id="nav-home-menu" class="dropdown-menu" rel="home">
<a class="dropdown-item" id="nav-home-see-all" href="{{$nav.home.all.0}}">{{$nav.home.all.1}}</a> <a class="dropdown-item" id="nav-home-see-all" href="{{$nav.home.all.0}}">{{$nav.home.all.1}}</a>
@ -104,10 +104,10 @@
</li> </li>
{{/if}} {{/if}}
{{if $nav.messages}} {{if $nav.messages}}
<li class="nav-item dropdown {{$sel.messages}} mail-button" style="display: none;"> <li class="nav-item dropdown mail-button" style="display: none;">
<a class="nav-link" href="#" title="{{$nav.messages.3}}" id="{{$nav.messages.4}}" data-toggle="dropdown" rel="#nav-messages-menu"> <a class="nav-link" href="#" title="{{$nav.messages.3}}" id="{{$nav.messages.4}}" data-toggle="dropdown" rel="#nav-messages-menu">
<i class="fa fa-fw fa-envelope"></i> <i class="fa fa-fw fa-envelope"></i>
<span class="mail-update"></span> <span class="badge badge-pill badge-danger mail-update"></span>
</a> </a>
<div id="nav-messages-menu" class="dropdown-menu" rel="messages"> <div id="nav-messages-menu" class="dropdown-menu" rel="messages">
<a class="dropdown-item" id="nav-messages-see-all" href="{{$nav.messages.all.0}}">{{$nav.messages.all.1}}</a> <a class="dropdown-item" id="nav-messages-see-all" href="{{$nav.messages.all.0}}">{{$nav.messages.all.1}}</a>
@ -117,10 +117,10 @@
</li> </li>
{{/if}} {{/if}}
{{if $nav.all_events}} {{if $nav.all_events}}
<li class="nav-item dropdown {{$sel.all_events}} all_events-button" style="display: none;"> <li class="nav-item dropdown all_events-button" style="display: none;">
<a class="nav-link" href="#" title="{{$nav.all_events.3}}" id="{{$nav.all_events.4}}" data-toggle="dropdown" rel="#nav-all_events-menu"> <a class="nav-link" href="#" title="{{$nav.all_events.3}}" id="{{$nav.all_events.4}}" data-toggle="dropdown" rel="#nav-all_events-menu">
<i class="fa fa-fw fa-calendar"></i> <i class="fa fa-fw fa-calendar"></i>
<span class="all_events-update"></span> <span class="badge badge-pill badge-default all_events-update"></span>
</a> </a>
<div id="nav-all_events-menu" class="dropdown-menu" rel="all_events"> <div id="nav-all_events-menu" class="dropdown-menu" rel="all_events">
<a class="dropdown-item" id="nav-all_events-see-all" href="{{$nav.all_events.all.0}}">{{$nav.all_events.all.1}}</a> <a class="dropdown-item" id="nav-all_events-see-all" href="{{$nav.all_events.all.0}}">{{$nav.all_events.all.1}}</a>
@ -130,10 +130,10 @@
</li> </li>
{{/if}} {{/if}}
{{if $nav.intros}} {{if $nav.intros}}
<li class="nav-item dropdown {{$sel.intros}} intro-button" style="display: none;"> <li class="nav-item dropdown intro-button" style="display: none;">
<a class="nav-link" href="{{$nav.intros.0}}" title="{{$nav.intros.3}}" id="{{$nav.intros.4}}" data-toggle="dropdown" rel="#nav-intros-menu"> <a class="nav-link" href="{{$nav.intros.0}}" title="{{$nav.intros.3}}" id="{{$nav.intros.4}}" data-toggle="dropdown" rel="#nav-intros-menu">
<i class="fa fa-fw fa-users"></i> <i class="fa fa-fw fa-users"></i>
<span class="intro-update"></span> <span class="badge badge-pill badge-danger intro-update"></span>
</a> </a>
<div id="nav-intros-menu" class="dropdown-menu" rel="intros"> <div id="nav-intros-menu" class="dropdown-menu" rel="intros">
<a class="dropdown-item" id="nav-intros-see-all" href="{{$nav.intros.all.0}}">{{$nav.intros.all.1}}</a> <a class="dropdown-item" id="nav-intros-see-all" href="{{$nav.intros.all.0}}">{{$nav.intros.all.1}}</a>
@ -142,10 +142,10 @@
</li> </li>
{{/if}} {{/if}}
{{if $nav.notifications}} {{if $nav.notifications}}
<li class="nav-item dropdown {{$sel.notifications}} notify-button" style="display: none;"> <li class="nav-item dropdown notify-button" style="display: none;">
<a class="nav-link" href="{{$nav.notifications.0}}" title="{{$nav.notifications.1}}" id="{{$nav.notifications.4}}" data-toggle="dropdown" rel="#nav-notify-menu"> <a class="nav-link" href="{{$nav.notifications.0}}" title="{{$nav.notifications.1}}" id="{{$nav.notifications.4}}" data-toggle="dropdown" rel="#nav-notify-menu">
<i class="fa fa-fw fa-exclamation"></i> <i class="fa fa-fw fa-exclamation"></i>
<span class="notify-update"></span> <span class="badge badge-pill badge-danger notify-update"></span>
</a> </a>
<div id="nav-notify-menu" class="dropdown-menu" rel="notify"> <div id="nav-notify-menu" class="dropdown-menu" rel="notify">
<a class="dropdown-item" id="nav-notify-see-all" href="{{$nav.notifications.all.0}}">{{$nav.notifications.all.1}}</a> <a class="dropdown-item" id="nav-notify-see-all" href="{{$nav.notifications.all.0}}">{{$nav.notifications.all.1}}</a>