diff --git a/styles.css b/styles.css index 563efd9..41f3055 100755 --- a/styles.css +++ b/styles.css @@ -2569,7 +2569,8 @@ iframe { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } -.container-fluid, .container { +.container-fluid, +.container { box-sizing: border-box; } .row { @@ -2588,7 +2589,9 @@ iframe { margin-bottom: var(--gutter-compensation, -0.5rem); margin-left: var(--gutter-compensation, -0.5rem); } -.xs-col-table, .md-col-table, .lg-col-table { +.xs-col-table, +.md-col-table, +.lg-col-table { display: none; } .col-xs-0 { @@ -2619,77 +2622,59 @@ iframe { .col-xs-11, .col-xs-12 { box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; } .col-xs { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; flex-grow: 1; - -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { - -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-xs-2 { - -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-xs-3 { - -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { - -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-xs-5 { - -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-xs-6 { - -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { - -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-xs-8 { - -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-xs-9 { - -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { - -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-xs-11 { - -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-xs-12 { - -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @@ -2727,55 +2712,36 @@ iframe { margin-left: 91.667%; } .start-xs { - -ms-flex-pack: start; - -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-xs { - -ms-flex-pack: center; - -webkit-box-pack: center; justify-content: center; text-align: center; } .end-xs { - -ms-flex-pack: end; - -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-xs { - -ms-flex-align: start; - -webkit-box-align: start; align-items: flex-start; } .middle-xs { - -ms-flex-align: center; - -webkit-box-align: center; align-items: center; } .bottom-xs { - -ms-flex-align: end; - -webkit-box-align: end; align-items: flex-end; } .around-xs { - -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { - -ms-flex-pack: justify; - -webkit-box-pack: justify; justify-content: space-between; } .first-xs { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; order: -1; } .last-xs { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; order: 1; } @media only screen and (min-width: 48em) { @@ -2797,64 +2763,46 @@ iframe { .col-sm-11, .col-sm-12 { box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; } .col-sm { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; flex-grow: 1; - -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { - -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-sm-2 { - -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-sm-3 { - -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { - -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-sm-5 { - -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-sm-6 { - -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { - -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-sm-8 { - -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-sm-9 { - -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { - -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-sm-11 { - -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-sm-12 { - -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { @@ -2880,46 +2828,27 @@ iframe { .col-sm-offset-11 { margin-left: 91.667%; } .start-sm { - -ms-flex-pack: start; - -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { - -ms-flex-pack: center; - -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { - -ms-flex-pack: end; - -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-sm { - -ms-flex-align: start; - -webkit-box-align: start; align-items: flex-start; } .middle-sm { - -ms-flex-align: center; - -webkit-box-align: center; align-items: center; } .bottom-sm { - -ms-flex-align: end; - -webkit-box-align: end; align-items: flex-end; } .around-sm { - -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { - -ms-flex-pack: justify; - -webkit-box-pack: justify; justify-content: space-between; } .first-sm { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; order: -1; } .last-sm { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 62em) { @@ -2941,64 +2870,46 @@ iframe { .col-md-11, .col-md-12 { box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; } .col-md { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; flex-grow: 1; - -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { - -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-md-2 { - -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-md-3 { - -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { - -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-md-5 { - -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-md-6 { - -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { - -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-md-8 { - -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-md-9 { - -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { - -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-md-11 { - -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-md-12 { - -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { @@ -3024,46 +2935,27 @@ iframe { .col-md-offset-11 { margin-left: 91.667%; } .start-md { - -ms-flex-pack: start; - -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-md { - -ms-flex-pack: center; - -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { - -ms-flex-pack: end; - -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-md { - -ms-flex-align: start; - -webkit-box-align: start; align-items: flex-start; } .middle-md { - -ms-flex-align: center; - -webkit-box-align: center; align-items: center; } .bottom-md { - -ms-flex-align: end; - -webkit-box-align: end; align-items: flex-end; } .around-md { - -ms-flex-pack: distribute; justify-content: space-around; } .between-md { - -ms-flex-pack: justify; - -webkit-box-pack: justify; justify-content: space-between; } .first-md { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; order: -1; } .last-md { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 75em) { @@ -3085,64 +2977,46 @@ iframe { .col-lg-11, .col-lg-12 { box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; } .col-lg { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; flex-grow: 1; - -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { - -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-lg-2 { - -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-lg-3 { - -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { - -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-lg-5 { - -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-lg-6 { - -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { - -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-lg-8 { - -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-lg-9 { - -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { - -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-lg-11 { - -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-lg-12 { - -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { @@ -3168,46 +3042,27 @@ iframe { .col-lg-offset-11 { margin-left: 91.667%; } .start-lg { - -ms-flex-pack: start; - -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-lg { - -ms-flex-pack: center; - -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { - -ms-flex-pack: end; - -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-lg { - -ms-flex-align: start; - -webkit-box-align: start; align-items: flex-start; } .middle-lg { - -ms-flex-align: center; - -webkit-box-align: center; align-items: center; } .bottom-lg { - -ms-flex-align: end; - -webkit-box-align: end; align-items: flex-end; } .around-lg { - -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { - -ms-flex-pack: justify; - -webkit-box-pack: justify; justify-content: space-between; } .first-lg { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; order: -1; } .last-lg { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; order: 1; } } .portlet-body > article { @@ -3218,7 +3073,7 @@ article { padding: 10px; margin: 0; font-size: .9rem; - color: #23222d; + color: #000; line-height: 2rem; white-space: normal; } article del, article ins, article mark { @@ -4293,25 +4148,25 @@ button, input[type="submit"], input[type="button"], label.button, a.button { button.save, .button.save, input[type="submit"].save { color: rgba(0, 0, 0, 0.75); background: #8fff79; } - button.save:hover, button.save:focus, .button.save:hover, .button.save:focus { + button.save:hover, button.save:focus, .button.save:hover, .button.save:focus, input[type="submit"].save:hover, input[type="submit"].save:focus { background: #a1ffa1; } button.cancel, .button.cancel, input[type="submit"].cancel { background: #ee5649; } - button.cancel:hover, button.cancel:focus, .button.cancel:hover, .button.cancel:focus { + button.cancel:hover, button.cancel:focus, .button.cancel:hover, .button.cancel:focus, input[type="submit"].cancel:hover, input[type="submit"].cancel:focus { background: #ff7d79; } button.close, .button.close, input[type="submit"].close { color: rgba(0, 0, 0, 0.75); background: #fffc3e; } - button.close:hover, button.close:focus, .button.close:hover, .button.close:focus { + button.close:hover, button.close:focus, .button.close:hover, .button.close:focus, input[type="submit"].close:hover, input[type="submit"].close:focus { background: #fffd7b; } button.disabled, .button.disabled, input[type="submit"].disabled { color: rgba(0, 0, 0, 0.5); background: #e1e1e1; cursor: not-allowed; } - button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus { + button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus { background: #e1e1e1; } .unseen {