select,
summary,
textarea {
- -ms-touch-action: manipulation;
- touch-action: manipulation; }
+ touch-action: manipulation; }
table {
border-collapse: collapse;
padding-left: 12px; } }
.row {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px; }
@media (min-width: 576px) {
padding-left: 12px; } }
.col {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-basis: 0;
+ flex-grow: 1;
max-width: 100%; }
.col-auto {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ flex: 0 0 auto;
width: auto; }
.col-1 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 8.3333333333%;
- flex: 0 0 8.3333333333%;
+ flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-2 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 16.6666666667%;
- flex: 0 0 16.6666666667%;
+ flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-3 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
+ flex: 0 0 25%;
max-width: 25%; }
.col-4 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 33.3333333333%;
- flex: 0 0 33.3333333333%;
+ flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-5 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 41.6666666667%;
- flex: 0 0 41.6666666667%;
+ flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-6 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
+ flex: 0 0 50%;
max-width: 50%; }
.col-7 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 58.3333333333%;
- flex: 0 0 58.3333333333%;
+ flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-8 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 66.6666666667%;
- flex: 0 0 66.6666666667%;
+ flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-9 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
+ flex: 0 0 75%;
max-width: 75%; }
.col-10 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 83.3333333333%;
- flex: 0 0 83.3333333333%;
+ flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-11 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 91.6666666667%;
- flex: 0 0 91.6666666667%;
+ flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-12 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
+ flex: 0 0 100%;
max-width: 100%; }
.pull-0 {
@media (min-width: 576px) {
.col-sm {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-basis: 0;
+ flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ flex: 0 0 auto;
width: auto; }
.col-sm-1 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 8.3333333333%;
- flex: 0 0 8.3333333333%;
+ flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-sm-2 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 16.6666666667%;
- flex: 0 0 16.6666666667%;
+ flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-sm-3 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
+ flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 33.3333333333%;
- flex: 0 0 33.3333333333%;
+ flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-sm-5 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 41.6666666667%;
- flex: 0 0 41.6666666667%;
+ flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-sm-6 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
+ flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 58.3333333333%;
- flex: 0 0 58.3333333333%;
+ flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-sm-8 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 66.6666666667%;
- flex: 0 0 66.6666666667%;
+ flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-sm-9 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
+ flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 83.3333333333%;
- flex: 0 0 83.3333333333%;
+ flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-sm-11 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 91.6666666667%;
- flex: 0 0 91.6666666667%;
+ flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-sm-12 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
+ flex: 0 0 100%;
max-width: 100%; }
.pull-sm-0 {
right: auto; }
@media (min-width: 768px) {
.col-md {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-basis: 0;
+ flex-grow: 1;
max-width: 100%; }
.col-md-auto {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ flex: 0 0 auto;
width: auto; }
.col-md-1 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 8.3333333333%;
- flex: 0 0 8.3333333333%;
+ flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-md-2 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 16.6666666667%;
- flex: 0 0 16.6666666667%;
+ flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-md-3 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
+ flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 33.3333333333%;
- flex: 0 0 33.3333333333%;
+ flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-md-5 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 41.6666666667%;
- flex: 0 0 41.6666666667%;
+ flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-md-6 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
+ flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 58.3333333333%;
- flex: 0 0 58.3333333333%;
+ flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-md-8 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 66.6666666667%;
- flex: 0 0 66.6666666667%;
+ flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-md-9 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
+ flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 83.3333333333%;
- flex: 0 0 83.3333333333%;
+ flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-md-11 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 91.6666666667%;
- flex: 0 0 91.6666666667%;
+ flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-md-12 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
+ flex: 0 0 100%;
max-width: 100%; }
.pull-md-0 {
right: auto; }
@media (min-width: 992px) {
.col-lg {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-basis: 0;
+ flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ flex: 0 0 auto;
width: auto; }
.col-lg-1 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 8.3333333333%;
- flex: 0 0 8.3333333333%;
+ flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-lg-2 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 16.6666666667%;
- flex: 0 0 16.6666666667%;
+ flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-lg-3 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
+ flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 33.3333333333%;
- flex: 0 0 33.3333333333%;
+ flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-lg-5 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 41.6666666667%;
- flex: 0 0 41.6666666667%;
+ flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-lg-6 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
+ flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 58.3333333333%;
- flex: 0 0 58.3333333333%;
+ flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-lg-8 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 66.6666666667%;
- flex: 0 0 66.6666666667%;
+ flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-lg-9 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
+ flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 83.3333333333%;
- flex: 0 0 83.3333333333%;
+ flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-lg-11 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 91.6666666667%;
- flex: 0 0 91.6666666667%;
+ flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-lg-12 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
+ flex: 0 0 100%;
max-width: 100%; }
.pull-lg-0 {
right: auto; }
@media (min-width: 1200px) {
.col-xl {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-basis: 0;
+ flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ flex: 0 0 auto;
width: auto; }
.col-xl-1 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 8.3333333333%;
- flex: 0 0 8.3333333333%;
+ flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-xl-2 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 16.6666666667%;
- flex: 0 0 16.6666666667%;
+ flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-xl-3 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
+ flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 33.3333333333%;
- flex: 0 0 33.3333333333%;
+ flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-xl-5 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 41.6666666667%;
- flex: 0 0 41.6666666667%;
+ flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-xl-6 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
+ flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 58.3333333333%;
- flex: 0 0 58.3333333333%;
+ flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-xl-8 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 66.6666666667%;
- flex: 0 0 66.6666666667%;
+ flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-xl-9 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
+ flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 83.3333333333%;
- flex: 0 0 83.3333333333%;
+ flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-xl-11 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 91.6666666667%;
- flex: 0 0 91.6666666667%;
+ flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-xl-12 {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
+ flex: 0 0 100%;
max-width: 100%; }
.pull-xl-0 {
right: auto; }
text-align: center;
white-space: nowrap;
vertical-align: middle;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ user-select: none;
border: 2px solid transparent;
padding: 8px 16px;
font-size: 1rem;
.btn-group,
.btn-group-vertical {
position: relative;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
- -webkit-box-flex: 0;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
+ flex: 0 1 auto; }
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 2; }
margin-left: -2px; }
.btn-toolbar {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start; }
+ justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
padding-left: 24px; }
.btn-group-vertical {
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
display: inline-flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center; }
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center; }
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%; }
pointer-events: none; }
.nav {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
background-color: #0275d8; }
.nav-fill .nav-item {
- -webkit-box-flex: 1;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
+ flex: 1 1 auto;
text-align: center; }
.nav-justified .nav-item {
- -webkit-box-flex: 1;
- -ms-flex: 1 1 100%;
- flex: 1 1 100%;
+ flex: 1 1 100%;
text-align: center; }
.tab-content > .tab-pane {
.navbar {
position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ flex-direction: column;
padding: 8px 8px; }
.navbar-brand {
text-decoration: none; }
.navbar-nav {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
padding-bottom: .425rem; }
.navbar-toggler {
- -ms-flex-item-align: start;
- align-self: flex-start;
+ align-self: flex-start;
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
@media (min-width: 576px) {
.navbar-toggleable {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable .navbar-nav {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row; }
+ flex-direction: row; }
.navbar-toggleable .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem; }
.navbar-toggleable > .container {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable .navbar-collapse {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
width: 100%; }
.navbar-toggleable .navbar-toggler {
@media (min-width: 768px) {
.navbar-toggleable-sm {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-sm .navbar-nav {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row; }
+ flex-direction: row; }
.navbar-toggleable-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem; }
.navbar-toggleable-sm > .container {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-sm .navbar-collapse {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
width: 100%; }
.navbar-toggleable-sm .navbar-toggler {
@media (min-width: 992px) {
.navbar-toggleable-md {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-md .navbar-nav {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row; }
+ flex-direction: row; }
.navbar-toggleable-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem; }
.navbar-toggleable-md > .container {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-md .navbar-collapse {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
width: 100%; }
.navbar-toggleable-md .navbar-toggler {
@media (min-width: 1200px) {
.navbar-toggleable-lg {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-lg .navbar-nav {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row; }
+ flex-direction: row; }
.navbar-toggleable-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem; }
.navbar-toggleable-lg > .container {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-lg .navbar-collapse {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
width: 100%; }
.navbar-toggleable-lg .navbar-toggler {
display: none; } }
.navbar-toggleable-xl {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none; }
padding-right: 0;
padding-left: 0; }
.navbar-toggleable-xl .navbar-nav {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row; }
+ flex-direction: row; }
.navbar-toggleable-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem; }
.navbar-toggleable-xl > .container {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center; }
+ flex-wrap: nowrap;
+ align-items: center; }
.navbar-toggleable-xl .navbar-collapse {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
width: 100%; }
.navbar-toggleable-xl .navbar-toggler {
.navbar-inverse .navbar-text {
color: rgba(255, 255, 255, 0.5); }
-@-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 1rem 0; }
- to {
- background-position: 0 0; } }
-
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
background-position: 0 0; } }
.progress {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 0.75rem;
background-size: 1rem 1rem; }
.progress-bar-animated {
- -webkit-animation: progress-bar-stripes 1s linear infinite;
- animation: progress-bar-stripes 1s linear infinite; }
+ animation: progress-bar-stripes 1s linear infinite; }
.media {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start; }
+ align-items: flex-start; }
.media-body {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1; }
+ flex: 1; }
.list-group {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ flex-direction: column;
padding-left: 0;
margin-bottom: 0; }
.list-group-item {
position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ flex-flow: row wrap;
+ align-items: center;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
display: table-cell !important; }
.d-flex {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important; }
.d-sm-inline-flex {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important; }
.d-md-inline-flex {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important; }
.d-lg-inline-flex {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important; }
.d-xl-inline-flex {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
.flex-first {
- -webkit-box-ordinal-group: 0;
- -ms-flex-order: -1;
- order: -1; }
+ order: -1; }
.flex-last {
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1; }
+ order: 1; }
.flex-unordered {
- -webkit-box-ordinal-group: 1;
- -ms-flex-order: 0;
- order: 0; }
+ order: 0; }
.flex-row {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: row !important;
- flex-direction: row !important; }
+ flex-direction: row !important; }
.flex-column {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: column !important;
- flex-direction: column !important; }
+ flex-direction: column !important; }
.flex-row-reverse {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: row-reverse !important;
- flex-direction: row-reverse !important; }
+ flex-direction: row-reverse !important; }
.flex-column-reverse {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: column-reverse !important;
- flex-direction: column-reverse !important; }
+ flex-direction: column-reverse !important; }
.flex-wrap {
- -ms-flex-wrap: wrap !important;
- flex-wrap: wrap !important; }
+ flex-wrap: wrap !important; }
.flex-nowrap {
- -ms-flex-wrap: nowrap !important;
- flex-wrap: nowrap !important; }
+ flex-wrap: nowrap !important; }
.flex-wrap-reverse {
- -ms-flex-wrap: wrap-reverse !important;
- flex-wrap: wrap-reverse !important; }
+ flex-wrap: wrap-reverse !important; }
.justify-content-start {
- -webkit-box-pack: start !important;
- -ms-flex-pack: start !important;
- justify-content: flex-start !important; }
+ justify-content: flex-start !important; }
.justify-content-end {
- -webkit-box-pack: end !important;
- -ms-flex-pack: end !important;
- justify-content: flex-end !important; }
+ justify-content: flex-end !important; }
.justify-content-center {
- -webkit-box-pack: center !important;
- -ms-flex-pack: center !important;
- justify-content: center !important; }
+ justify-content: center !important; }
.justify-content-between {
- -webkit-box-pack: justify !important;
- -ms-flex-pack: justify !important;
- justify-content: space-between !important; }
+ justify-content: space-between !important; }
.justify-content-around {
- -ms-flex-pack: distribute !important;
- justify-content: space-around !important; }
+ justify-content: space-around !important; }
.align-items-start {
- -webkit-box-align: start !important;
- -ms-flex-align: start !important;
- align-items: flex-start !important; }
+ align-items: flex-start !important; }
.align-items-end {
- -webkit-box-align: end !important;
- -ms-flex-align: end !important;
- align-items: flex-end !important; }
+ align-items: flex-end !important; }
.align-items-center {
- -webkit-box-align: center !important;
- -ms-flex-align: center !important;
- align-items: center !important; }
+ align-items: center !important; }
.align-items-baseline {
- -webkit-box-align: baseline !important;
- -ms-flex-align: baseline !important;
- align-items: baseline !important; }
+ align-items: baseline !important; }
.align-items-stretch {
- -webkit-box-align: stretch !important;
- -ms-flex-align: stretch !important;
- align-items: stretch !important; }
+ align-items: stretch !important; }
.align-content-start {
- -ms-flex-line-pack: start !important;
- align-content: flex-start !important; }
+ align-content: flex-start !important; }
.align-content-end {
- -ms-flex-line-pack: end !important;
- align-content: flex-end !important; }
+ align-content: flex-end !important; }
.align-content-center {
- -ms-flex-line-pack: center !important;
- align-content: center !important; }
+ align-content: center !important; }
.align-content-between {
- -ms-flex-line-pack: justify !important;
- align-content: space-between !important; }
+ align-content: space-between !important; }
.align-content-around {
- -ms-flex-line-pack: distribute !important;
- align-content: space-around !important; }
+ align-content: space-around !important; }
.align-content-stretch {
- -ms-flex-line-pack: stretch !important;
- align-content: stretch !important; }
+ align-content: stretch !important; }
.align-self-auto {
- -ms-flex-item-align: auto !important;
- -ms-grid-row-align: auto !important;
- align-self: auto !important; }
+ align-self: auto !important; }
.align-self-start {
- -ms-flex-item-align: start !important;
- align-self: flex-start !important; }
+ align-self: flex-start !important; }
.align-self-end {
- -ms-flex-item-align: end !important;
- align-self: flex-end !important; }
+ align-self: flex-end !important; }
.align-self-center {
- -ms-flex-item-align: center !important;
- -ms-grid-row-align: center !important;
- align-self: center !important; }
+ align-self: center !important; }
.align-self-baseline {
- -ms-flex-item-align: baseline !important;
- align-self: baseline !important; }
+ align-self: baseline !important; }
.align-self-stretch {
- -ms-flex-item-align: stretch !important;
- -ms-grid-row-align: stretch !important;
- align-self: stretch !important; }
+ align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-first {
- -webkit-box-ordinal-group: 0;
- -ms-flex-order: -1;
- order: -1; }
+ order: -1; }
.flex-sm-last {
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1; }
+ order: 1; }
.flex-sm-unordered {
- -webkit-box-ordinal-group: 1;
- -ms-flex-order: 0;
- order: 0; }
+ order: 0; }
.flex-sm-row {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: row !important;
- flex-direction: row !important; }
+ flex-direction: row !important; }
.flex-sm-column {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: column !important;
- flex-direction: column !important; }
+ flex-direction: column !important; }
.flex-sm-row-reverse {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: row-reverse !important;
- flex-direction: row-reverse !important; }
+ flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: column-reverse !important;
- flex-direction: column-reverse !important; }
+ flex-direction: column-reverse !important; }
.flex-sm-wrap {
- -ms-flex-wrap: wrap !important;
- flex-wrap: wrap !important; }
+ flex-wrap: wrap !important; }
.flex-sm-nowrap {
- -ms-flex-wrap: nowrap !important;
- flex-wrap: nowrap !important; }
+ flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
- -ms-flex-wrap: wrap-reverse !important;
- flex-wrap: wrap-reverse !important; }
+ flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
- -webkit-box-pack: start !important;
- -ms-flex-pack: start !important;
- justify-content: flex-start !important; }
+ justify-content: flex-start !important; }
.justify-content-sm-end {
- -webkit-box-pack: end !important;
- -ms-flex-pack: end !important;
- justify-content: flex-end !important; }
+ justify-content: flex-end !important; }
.justify-content-sm-center {
- -webkit-box-pack: center !important;
- -ms-flex-pack: center !important;
- justify-content: center !important; }
+ justify-content: center !important; }
.justify-content-sm-between {
- -webkit-box-pack: justify !important;
- -ms-flex-pack: justify !important;
- justify-content: space-between !important; }
+ justify-content: space-between !important; }
.justify-content-sm-around {
- -ms-flex-pack: distribute !important;
- justify-content: space-around !important; }
+ justify-content: space-around !important; }
.align-items-sm-start {
- -webkit-box-align: start !important;
- -ms-flex-align: start !important;
- align-items: flex-start !important; }
+ align-items: flex-start !important; }
.align-items-sm-end {
- -webkit-box-align: end !important;
- -ms-flex-align: end !important;
- align-items: flex-end !important; }
+ align-items: flex-end !important; }
.align-items-sm-center {
- -webkit-box-align: center !important;
- -ms-flex-align: center !important;
- align-items: center !important; }
+ align-items: center !important; }
.align-items-sm-baseline {
- -webkit-box-align: baseline !important;
- -ms-flex-align: baseline !important;
- align-items: baseline !important; }
+ align-items: baseline !important; }
.align-items-sm-stretch {
- -webkit-box-align: stretch !important;
- -ms-flex-align: stretch !important;
- align-items: stretch !important; }
+ align-items: stretch !important; }
.align-content-sm-start {
- -ms-flex-line-pack: start !important;
- align-content: flex-start !important; }
+ align-content: flex-start !important; }
.align-content-sm-end {
- -ms-flex-line-pack: end !important;
- align-content: flex-end !important; }
+ align-content: flex-end !important; }
.align-content-sm-center {
- -ms-flex-line-pack: center !important;
- align-content: center !important; }
+ align-content: center !important; }
.align-content-sm-between {
- -ms-flex-line-pack: justify !important;
- align-content: space-between !important; }
+ align-content: space-between !important; }
.align-content-sm-around {
- -ms-flex-line-pack: distribute !important;
- align-content: space-around !important; }
+ align-content: space-around !important; }
.align-content-sm-stretch {
- -ms-flex-line-pack: stretch !important;
- align-content: stretch !important; }
+ align-content: stretch !important; }
.align-self-sm-auto {
- -ms-flex-item-align: auto !important;
- -ms-grid-row-align: auto !important;
- align-self: auto !important; }
+ align-self: auto !important; }
.align-self-sm-start {
- -ms-flex-item-align: start !important;
- align-self: flex-start !important; }
+ align-self: flex-start !important; }
.align-self-sm-end {
- -ms-flex-item-align: end !important;
- align-self: flex-end !important; }
+ align-self: flex-end !important; }
.align-self-sm-center {
- -ms-flex-item-align: center !important;
- -ms-grid-row-align: center !important;
- align-self: center !important; }
+ align-self: center !important; }
.align-self-sm-baseline {
- -ms-flex-item-align: baseline !important;
- align-self: baseline !important; }
+ align-self: baseline !important; }
.align-self-sm-stretch {
- -ms-flex-item-align: stretch !important;
- -ms-grid-row-align: stretch !important;
- align-self: stretch !important; } }
+ align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-first {
- -webkit-box-ordinal-group: 0;
- -ms-flex-order: -1;
- order: -1; }
+ order: -1; }
.flex-md-last {
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1; }
+ order: 1; }
.flex-md-unordered {
- -webkit-box-ordinal-group: 1;
- -ms-flex-order: 0;
- order: 0; }
+ order: 0; }
.flex-md-row {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: row !important;
- flex-direction: row !important; }
+ flex-direction: row !important; }
.flex-md-column {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: column !important;
- flex-direction: column !important; }
+ flex-direction: column !important; }
.flex-md-row-reverse {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: row-reverse !important;
- flex-direction: row-reverse !important; }
+ flex-direction: row-reverse !important; }
.flex-md-column-reverse {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: column-reverse !important;
- flex-direction: column-reverse !important; }
+ flex-direction: column-reverse !important; }
.flex-md-wrap {
- -ms-flex-wrap: wrap !important;
- flex-wrap: wrap !important; }
+ flex-wrap: wrap !important; }
.flex-md-nowrap {
- -ms-flex-wrap: nowrap !important;
- flex-wrap: nowrap !important; }
+ flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
- -ms-flex-wrap: wrap-reverse !important;
- flex-wrap: wrap-reverse !important; }
+ flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
- -webkit-box-pack: start !important;
- -ms-flex-pack: start !important;
- justify-content: flex-start !important; }
+ justify-content: flex-start !important; }
.justify-content-md-end {
- -webkit-box-pack: end !important;
- -ms-flex-pack: end !important;
- justify-content: flex-end !important; }
+ justify-content: flex-end !important; }
.justify-content-md-center {
- -webkit-box-pack: center !important;
- -ms-flex-pack: center !important;
- justify-content: center !important; }
+ justify-content: center !important; }
.justify-content-md-between {
- -webkit-box-pack: justify !important;
- -ms-flex-pack: justify !important;
- justify-content: space-between !important; }
+ justify-content: space-between !important; }
.justify-content-md-around {
- -ms-flex-pack: distribute !important;
- justify-content: space-around !important; }
+ justify-content: space-around !important; }
.align-items-md-start {
- -webkit-box-align: start !important;
- -ms-flex-align: start !important;
- align-items: flex-start !important; }
+ align-items: flex-start !important; }
.align-items-md-end {
- -webkit-box-align: end !important;
- -ms-flex-align: end !important;
- align-items: flex-end !important; }
+ align-items: flex-end !important; }
.align-items-md-center {
- -webkit-box-align: center !important;
- -ms-flex-align: center !important;
- align-items: center !important; }
+ align-items: center !important; }
.align-items-md-baseline {
- -webkit-box-align: baseline !important;
- -ms-flex-align: baseline !important;
- align-items: baseline !important; }
+ align-items: baseline !important; }
.align-items-md-stretch {
- -webkit-box-align: stretch !important;
- -ms-flex-align: stretch !important;
- align-items: stretch !important; }
+ align-items: stretch !important; }
.align-content-md-start {
- -ms-flex-line-pack: start !important;
- align-content: flex-start !important; }
+ align-content: flex-start !important; }
.align-content-md-end {
- -ms-flex-line-pack: end !important;
- align-content: flex-end !important; }
+ align-content: flex-end !important; }
.align-content-md-center {
- -ms-flex-line-pack: center !important;
- align-content: center !important; }
+ align-content: center !important; }
.align-content-md-between {
- -ms-flex-line-pack: justify !important;
- align-content: space-between !important; }
+ align-content: space-between !important; }
.align-content-md-around {
- -ms-flex-line-pack: distribute !important;
- align-content: space-around !important; }
+ align-content: space-around !important; }
.align-content-md-stretch {
- -ms-flex-line-pack: stretch !important;
- align-content: stretch !important; }
+ align-content: stretch !important; }
.align-self-md-auto {
- -ms-flex-item-align: auto !important;
- -ms-grid-row-align: auto !important;
- align-self: auto !important; }
+ align-self: auto !important; }
.align-self-md-start {
- -ms-flex-item-align: start !important;
- align-self: flex-start !important; }
+ align-self: flex-start !important; }
.align-self-md-end {
- -ms-flex-item-align: end !important;
- align-self: flex-end !important; }
+ align-self: flex-end !important; }
.align-self-md-center {
- -ms-flex-item-align: center !important;
- -ms-grid-row-align: center !important;
- align-self: center !important; }
+ align-self: center !important; }
.align-self-md-baseline {
- -ms-flex-item-align: baseline !important;
- align-self: baseline !important; }
+ align-self: baseline !important; }
.align-self-md-stretch {
- -ms-flex-item-align: stretch !important;
- -ms-grid-row-align: stretch !important;
- align-self: stretch !important; } }
+ align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-first {
- -webkit-box-ordinal-group: 0;
- -ms-flex-order: -1;
- order: -1; }
+ order: -1; }
.flex-lg-last {
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1; }
+ order: 1; }
.flex-lg-unordered {
- -webkit-box-ordinal-group: 1;
- -ms-flex-order: 0;
- order: 0; }
+ order: 0; }
.flex-lg-row {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: row !important;
- flex-direction: row !important; }
+ flex-direction: row !important; }
.flex-lg-column {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: column !important;
- flex-direction: column !important; }
+ flex-direction: column !important; }
.flex-lg-row-reverse {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: row-reverse !important;
- flex-direction: row-reverse !important; }
+ flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: column-reverse !important;
- flex-direction: column-reverse !important; }
+ flex-direction: column-reverse !important; }
.flex-lg-wrap {
- -ms-flex-wrap: wrap !important;
- flex-wrap: wrap !important; }
+ flex-wrap: wrap !important; }
.flex-lg-nowrap {
- -ms-flex-wrap: nowrap !important;
- flex-wrap: nowrap !important; }
+ flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
- -ms-flex-wrap: wrap-reverse !important;
- flex-wrap: wrap-reverse !important; }
+ flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
- -webkit-box-pack: start !important;
- -ms-flex-pack: start !important;
- justify-content: flex-start !important; }
+ justify-content: flex-start !important; }
.justify-content-lg-end {
- -webkit-box-pack: end !important;
- -ms-flex-pack: end !important;
- justify-content: flex-end !important; }
+ justify-content: flex-end !important; }
.justify-content-lg-center {
- -webkit-box-pack: center !important;
- -ms-flex-pack: center !important;
- justify-content: center !important; }
+ justify-content: center !important; }
.justify-content-lg-between {
- -webkit-box-pack: justify !important;
- -ms-flex-pack: justify !important;
- justify-content: space-between !important; }
+ justify-content: space-between !important; }
.justify-content-lg-around {
- -ms-flex-pack: distribute !important;
- justify-content: space-around !important; }
+ justify-content: space-around !important; }
.align-items-lg-start {
- -webkit-box-align: start !important;
- -ms-flex-align: start !important;
- align-items: flex-start !important; }
+ align-items: flex-start !important; }
.align-items-lg-end {
- -webkit-box-align: end !important;
- -ms-flex-align: end !important;
- align-items: flex-end !important; }
+ align-items: flex-end !important; }
.align-items-lg-center {
- -webkit-box-align: center !important;
- -ms-flex-align: center !important;
- align-items: center !important; }
+ align-items: center !important; }
.align-items-lg-baseline {
- -webkit-box-align: baseline !important;
- -ms-flex-align: baseline !important;
- align-items: baseline !important; }
+ align-items: baseline !important; }
.align-items-lg-stretch {
- -webkit-box-align: stretch !important;
- -ms-flex-align: stretch !important;
- align-items: stretch !important; }
+ align-items: stretch !important; }
.align-content-lg-start {
- -ms-flex-line-pack: start !important;
- align-content: flex-start !important; }
+ align-content: flex-start !important; }
.align-content-lg-end {
- -ms-flex-line-pack: end !important;
- align-content: flex-end !important; }
+ align-content: flex-end !important; }
.align-content-lg-center {
- -ms-flex-line-pack: center !important;
- align-content: center !important; }
+ align-content: center !important; }
.align-content-lg-between {
- -ms-flex-line-pack: justify !important;
- align-content: space-between !important; }
+ align-content: space-between !important; }
.align-content-lg-around {
- -ms-flex-line-pack: distribute !important;
- align-content: space-around !important; }
+ align-content: space-around !important; }
.align-content-lg-stretch {
- -ms-flex-line-pack: stretch !important;
- align-content: stretch !important; }
+ align-content: stretch !important; }
.align-self-lg-auto {
- -ms-flex-item-align: auto !important;
- -ms-grid-row-align: auto !important;
- align-self: auto !important; }
+ align-self: auto !important; }
.align-self-lg-start {
- -ms-flex-item-align: start !important;
- align-self: flex-start !important; }
+ align-self: flex-start !important; }
.align-self-lg-end {
- -ms-flex-item-align: end !important;
- align-self: flex-end !important; }
+ align-self: flex-end !important; }
.align-self-lg-center {
- -ms-flex-item-align: center !important;
- -ms-grid-row-align: center !important;
- align-self: center !important; }
+ align-self: center !important; }
.align-self-lg-baseline {
- -ms-flex-item-align: baseline !important;
- align-self: baseline !important; }
+ align-self: baseline !important; }
.align-self-lg-stretch {
- -ms-flex-item-align: stretch !important;
- -ms-grid-row-align: stretch !important;
- align-self: stretch !important; } }
+ align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-first {
- -webkit-box-ordinal-group: 0;
- -ms-flex-order: -1;
- order: -1; }
+ order: -1; }
.flex-xl-last {
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1; }
+ order: 1; }
.flex-xl-unordered {
- -webkit-box-ordinal-group: 1;
- -ms-flex-order: 0;
- order: 0; }
+ order: 0; }
.flex-xl-row {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: row !important;
- flex-direction: row !important; }
+ flex-direction: row !important; }
.flex-xl-column {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: normal !important;
- -ms-flex-direction: column !important;
- flex-direction: column !important; }
+ flex-direction: column !important; }
.flex-xl-row-reverse {
- -webkit-box-orient: horizontal !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: row-reverse !important;
- flex-direction: row-reverse !important; }
+ flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
- -webkit-box-orient: vertical !important;
- -webkit-box-direction: reverse !important;
- -ms-flex-direction: column-reverse !important;
- flex-direction: column-reverse !important; }
+ flex-direction: column-reverse !important; }
.flex-xl-wrap {
- -ms-flex-wrap: wrap !important;
- flex-wrap: wrap !important; }
+ flex-wrap: wrap !important; }
.flex-xl-nowrap {
- -ms-flex-wrap: nowrap !important;
- flex-wrap: nowrap !important; }
+ flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
- -ms-flex-wrap: wrap-reverse !important;
- flex-wrap: wrap-reverse !important; }
+ flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
- -webkit-box-pack: start !important;
- -ms-flex-pack: start !important;
- justify-content: flex-start !important; }
+ justify-content: flex-start !important; }
.justify-content-xl-end {
- -webkit-box-pack: end !important;
- -ms-flex-pack: end !important;
- justify-content: flex-end !important; }
+ justify-content: flex-end !important; }
.justify-content-xl-center {
- -webkit-box-pack: center !important;
- -ms-flex-pack: center !important;
- justify-content: center !important; }
+ justify-content: center !important; }
.justify-content-xl-between {
- -webkit-box-pack: justify !important;
- -ms-flex-pack: justify !important;
- justify-content: space-between !important; }
+ justify-content: space-between !important; }
.justify-content-xl-around {
- -ms-flex-pack: distribute !important;
- justify-content: space-around !important; }
+ justify-content: space-around !important; }
.align-items-xl-start {
- -webkit-box-align: start !important;
- -ms-flex-align: start !important;
- align-items: flex-start !important; }
+ align-items: flex-start !important; }
.align-items-xl-end {
- -webkit-box-align: end !important;
- -ms-flex-align: end !important;
- align-items: flex-end !important; }
+ align-items: flex-end !important; }
.align-items-xl-center {
- -webkit-box-align: center !important;
- -ms-flex-align: center !important;
- align-items: center !important; }
+ align-items: center !important; }
.align-items-xl-baseline {
- -webkit-box-align: baseline !important;
- -ms-flex-align: baseline !important;
- align-items: baseline !important; }
+ align-items: baseline !important; }
.align-items-xl-stretch {
- -webkit-box-align: stretch !important;
- -ms-flex-align: stretch !important;
- align-items: stretch !important; }
+ align-items: stretch !important; }
.align-content-xl-start {
- -ms-flex-line-pack: start !important;
- align-content: flex-start !important; }
+ align-content: flex-start !important; }
.align-content-xl-end {
- -ms-flex-line-pack: end !important;
- align-content: flex-end !important; }
+ align-content: flex-end !important; }
.align-content-xl-center {
- -ms-flex-line-pack: center !important;
- align-content: center !important; }
+ align-content: center !important; }
.align-content-xl-between {
- -ms-flex-line-pack: justify !important;
- align-content: space-between !important; }
+ align-content: space-between !important; }
.align-content-xl-around {
- -ms-flex-line-pack: distribute !important;
- align-content: space-around !important; }
+ align-content: space-around !important; }
.align-content-xl-stretch {
- -ms-flex-line-pack: stretch !important;
- align-content: stretch !important; }
+ align-content: stretch !important; }
.align-self-xl-auto {
- -ms-flex-item-align: auto !important;
- -ms-grid-row-align: auto !important;
- align-self: auto !important; }
+ align-self: auto !important; }
.align-self-xl-start {
- -ms-flex-item-align: start !important;
- align-self: flex-start !important; }
+ align-self: flex-start !important; }
.align-self-xl-end {
- -ms-flex-item-align: end !important;
- align-self: flex-end !important; }
+ align-self: flex-end !important; }
.align-self-xl-center {
- -ms-flex-item-align: center !important;
- -ms-grid-row-align: center !important;
- align-self: center !important; }
+ align-self: center !important; }
.align-self-xl-baseline {
- -ms-flex-item-align: baseline !important;
- align-self: baseline !important; }
+ align-self: baseline !important; }
.align-self-xl-stretch {
- -ms-flex-item-align: stretch !important;
- -ms-grid-row-align: stretch !important;
- align-self: stretch !important; } }
+ align-self: stretch !important; } }
.float-left {
float: left !important; }
z-index: 1030; }
.sticky-top {
- position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1030; }
@media (min-width: 768px) {
h3 {
font-size: 24px;
- line-height: 32px; } }
+ line-height: 32px;
+ font-weight: 300;
+ margin-bottom: 0; } }
+ h3.headline {
+ text-align: center;
+ font-size: 36px;
+ line-height: 48px;
+ color: #263238; }
h4 {
font-weight: 500;
h4 {
font-size: 20px;
line-height: 28px; } }
+ h4.secondHeadline {
+ font-size: 24px;
+ line-height: 32px;
+ text-align: left;
+ margin-top: 24px; }
h5, .h5 {
font-size: 16px;
h5, .h5 {
font-size: 24px;
line-height: 32px; } }
+ h5.subheadline,
+ .h5.subheadline {
+ text-align: center;
+ font-size: 16px;
+ line-height: 24px;
+ color: rgba(38, 50, 56, 0.6); }
p {
font-size: 16px;
p.lead {
font-size: 24px;
line-height: 32px; } }
+ p.copy {
+ margin-top: 24px; }
.display-1 {
font-size: 120px;
position: absolute;
top: 12px;
left: 50%;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%); }
+ transform: translateX(-50%); }
.tux h1 {
font-weight: 300 !important;
color: #263238;
font-weight: 900; }
.navbar-brand img {
margin-right: 4px;
- -webkit-transform: translateY(-5px);
- transform: translateY(-5px);
+ transform: translateY(-5px);
height: 32px;
width: auto; }
@media (min-width: 992px) {
width: 256px;
height: 100vh;
padding-top: 64px;
- -webkit-transform: translateX(-256px);
- transform: translateX(-256px);
+ transform: translateX(-256px);
transition: all 0.25s ease-in-out; }
#navbarSupportedContent.open {
- -webkit-transform: translateX(0);
- transform: translateX(0);
+ transform: translateX(0);
transition: all .25s ease-in-out;
box-shadow: 14px 0 28px 0 rgba(0, 0, 0, 0.25), 10px 0 10px 0 rgba(0, 0, 0, 0.26); } }
content: "";
border-bottom: 2px solid #b71c1c;
position: absolute;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
+ transform: scaleX(0);
width: 100%;
left: 0;
top: 44px;
padding: inherit;
- transition: color .3s ease-out, -webkit-transform .3s ease-out;
- transition: transform .3s ease-out, color .3s ease-out;
- transition: transform .3s ease-out, color .3s ease-out, -webkit-transform .3s ease-out; } }
+ transition: transform .3s ease-out, color .3s ease-out; } }
@media (max-width: 1199px) {
.navbar-nav .nav-link:active {
position: absolute;
left: 0;
height: 36px;
- -webkit-transform: translateY(-4px);
- transform: translateY(-4px); } }
+ transform: translateY(-4px); } }
@media (min-width: 992px) {
.navbar-nav .nav-link:hover {
@media (min-width: 992px) {
.navbar-nav .nav-link:hover:after {
- -webkit-transform: scaleX(1);
- transform: scaleX(1); } }
+ transform: scaleX(1); } }
+
+#sidebar ul {
+ list-style: none; }
+ #sidebar ul ul {
+ margin: 24px 0 0 0;
+ padding-left: 0; }
+ #sidebar ul li {
+ padding: 0 16px;
+ margin-bottom: 24px; }
.btn-red900 {
color: #fff !important;
position: absolute;
left: .75rem;
top: -.25rem;
- -webkit-animation: scroll 1.5s ease-in-out infinite;
- animation: scroll 1.5s ease-in-out infinite; }
+ animation: scroll 1.5s ease-in-out infinite; }
@media (max-width: 575px) {
.i_arrow_down {
width: 1.75rem !important;
width: 2.5rem;
height: 2.5rem;
margin: 0;
- -webkit-transform: translateY(-0.35rem);
- transform: translateY(-0.35rem);
+ transform: translateY(-0.35rem);
fill: #b71c1c; }
.i_sm {
vertical-align: top;
- -webkit-transform: translateY(-0.1rem);
- transform: translateY(-0.1rem); }
+ transform: translateY(-0.1rem); }
footer .btn-toolbar .icon {
height: 2.25rem;
footer .i_heart {
vertical-align: top;
- -webkit-transform: translateY(-0.15rem);
- transform: translateY(-0.15rem); }
+ transform: translateY(-0.15rem); }
@media (max-width: 767px) {
footer .i_heart {
- -webkit-transform: translateY(-0.75rem);
- transform: translateY(-0.75rem); } }
+ transform: translateY(-0.75rem); } }
section.intro {
min-height: 100vh;
position: absolute;
bottom: 48px;
left: 50%;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%); }
+ transform: translateX(-50%); }
.page-scroll .btn {
width: 36px;
height: 36px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
padding: 40px 24px; }
-hr.divider {
+.divider {
width: 128px;
- border-width: 4px;
+ height: 4px;
+ border-radius: 2px;
+ background-image: linear-gradient(to right, #b71c1c, #ff3d00);
margin: 56px auto 40px auto; }
footer {
font-size: 12px;
line-height: 16px; }
-@-webkit-keyframes scroll {
- 0%, 100% {
- -webkit-transform: translateY(30%);
- transform: translateY(30%); }
- 50% {
- -webkit-transform: translateY(50%);
- transform: translateY(50%); } }
-
@keyframes scroll {
0%, 100% {
- -webkit-transform: translateY(30%);
- transform: translateY(30%); }
+ transform: translateY(30%); }
50% {
- -webkit-transform: translateY(50%);
- transform: translateY(50%); } }
+ transform: translateY(50%); } }
<section class="content col-9">
<section id="about">
- <h3>About IP<strong>Fire</strong></h3>
- <h4>The Open Source Firewall Distribution</h4>
+ <h3 class="headline">About IP<strong>Fire</strong></h3>
+ <h5 class="subheadline">The Open Source Firewall Distribution</h5>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IP<strong>Fire</strong> wurde mit Augenmerk auf Modularität und einem hohen
Level an Flexibilität entwickelt. Es ist kinderleicht verschiedene Konfigurationen
zu installieren, wie zum Beispiel eine Firewall, einen Proxy-Server oder ein
Erweiterungen und Updates lasses sich durch einen Paketmanager einfach
verwalten und aktualisieren.
</p>
- <p>
+ <p class="copy">
Das IP<strong>Fire</strong> Entwicklerteam ist sich im Klaren, dass Sicherheit von Anwendungsfall
zu Anwendungsfall ganz verschieden aussehen kann und sich auch über die Zeit
verändert.
Einsatz von IPFire schon sofort nach der Installation möglich.
</p>
{% else %}
- <p>
+ <p class="copy">
IP<strong>Fire</strong> was designed with both modularity and a high-level of
flexibility in mind. You can easily deploy many variations of it, such as a firewall,
a proxy server or a VPN gateway.
nothing more. Everything is simple to manage and update through the package manager,
making maintenance a breeze.
</p>
- <p>
+ <p class="copy">
The IP<strong>Fire</strong> development team understands that security means different things to
different people and certainly can change over time.
The fact that IPFire is modular and flexible make it perfect for integrating
{% end %}
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="security">
- <h3>{{ _("Security") }}</h3>
+ <h3 class="headline">{{ _("Security") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Das Hauptaugenmerk von IPFire liegt bei Sicherheit.
Gerade bei einem solch umfangreichen Thema gibt es nicht nur einen einzigen
Weg, um ein maximales Maß an Sicherheit zu erlangen. Mindestens genauso
anschließend nach eigenen Erfordernissen anzupassen
(mehr dazu unter <a href="/features/firewall">Firewall</a>).
</p>
- <p>
+ <p class="copy">
Eine ebenso hohe Priorität genießt die Sicherheit der modularen Komponenten.
Aktualisierungen werden digital signiert, verschlüsselt
und können automatisch über das <a href="#pakfire">Pakfire
sicher zu sein, dass alle wichtigen Lücken gestopft und Fehler
in allen eingesetzten Komponenten beseitigt sind.
</p>
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
<a href="http://planet.ipfire.org/post/feature-highlights-ipfire-2-15-1-hardening-the-system">Ab IPFire 2.15</a>
wird der IPFire/Linux-Kernel mit dem <a href="http://grsecurity.net">grsecurity</a>-Patchset gepatcht.
anrichten kann.
</p>
{% else %}
- <p>
+ <p class="copy">
The primary objective of IPFire is security.
As there is of course no one, single way to achieve network security, it is important
for a network administrator to understand their environment and what the term
and makes it easy to create custom policies that manage each segment
(see the Firewall page for more information).
</p>
- <p>
+ <p class="copy">
Security of the modular components is a top priority.
Updates are digitally signed and encrypted, as well as can be automatically installed
by Pakfire (<a href="#updates">the IPFire package management system</a>).
they are running the latest security updates and bug fixes for all of the
components they utilize.
</p>
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
<a href="http://planet.ipfire.org/post/feature-highlights-ipfire-2-15-1-hardening-the-system">Since IPFire 2.15</a>,
the IPFire Linux kernel is patched with the
{% end %}
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="firewall">
- <h3>{{ _("Firewall") }}</h3>
+ <h3 class="headline">{{ _("Firewall") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IPFire nutzt eine Stateful-Packet-Inspection-Firewall (SPI),
welche auf das Linux Paketfilter-Framework <em>netfilter</em> aufsetzt.
</p>
- <p>
+ <p class="copy">
Während des IPFire Installationsprozesses, wird das Netzwerk in
mehrere separate Segmente unterteilt.
Dieses Sicherheitsschema impliziert einen perfekten Platz für
</tbody>
</table>
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
Mit IPFire 2.15 wurde die grafische Benutzeroberfläche der Firewall komplett
überarbeitet und mit vielen Funktionen erweitert.
an Systemen im Netzwerk.
</p>
- <h3>Eine Firewall zu verwalten war noch nie so einfach.</h3>
+ <h4 class="headline">Eine Firewall zu verwalten war noch nie so einfach.</h3>
- <p>
+ <p class="copy">
Da die Konfirguation auch mit vielen Regeln nun immer noch übersichtlich
bleibt, ist die Verwaltung der Firewall besonders einfach und
auch komplexe Konfigurationen sind möglich ohne die Kontrolle zu verlieren.
</p>
- <p>
+ <p class="copy">
Zusätzlich zu den oben genannten Policies kann auch der ausgehende
Netzwerkverkehr für jedes Segment geregelt werden.
Diese Funktion gibt dem Netzwerkadministrator vollständige
Kontrolle über das Netzwerk.
</p>
- <p>
+ <p class="copy">
<a href="http://wiki.ipfire.org/en/configuration/firewall/start">
Firewall-Dokumentation
</a>
</p>
{% else %}
- <p>
+ <p class="copy">
IPFire employs a Stateful Packet Inspection (SPI) firewall,
which is built on top of netfilter (the Linux packet filtering framework).
</p>
- <p>
+ <p class="copy">
During the installation of IPFire, the network is configured into different,
separate segments.
This segmented security scheme means that there is a perfect place for each
</tbody>
</table>
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
With IPFire 2.15, the graphical user interface has been completely rewritten
and massively extended with new functionality.
to create many similar rules for a great number of hosts, networks or services.
</p>
- <h3>Managing firewall rules has never been easier before.</h3>
+ <h4 class="secondHeadline">Managing firewall rules has never been easier before.</h4>
- <p>
+ <p class="copy">
Because even with a big number of rules, the configuration remains
easily manageable and that makes it possible to build more restrictive
configurations without losing control.
</p>
- <p>
+ <p class="copy">
Additionally, the firewall can be used to control outbound Internet
access from any segment.
This feature gives the network administrator complete control
over how their network is configured and secured.
</p>
- <p>
+ <p class="copy">
<a href="http://wiki.ipfire.org/en/configuration/firewall/start">
Firewall Documentation
</a>
</p>
{% end %}
- <h3>Web User-Interface screenshots</h3>
+ <h4 class="secondHeadline">Web User-Interface screenshots</h4>
<div class="row">
<div class="col-3">
</div>
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="pakfire">
- <h3>Pakfire <small>{{ _("The IPFire package management system") }}</small></h3>
+ <h3 class="headline">Pakfire</h3>
+ <h5 class="subheadline">{{ _("The IPFire package management system") }}</h5>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Vom technischen Standpunkt aus ist IPFire ein schlankes, gehärtetes
Firewall-System, welches den Paketmanager Pakfire mitbringt.
Die primäre Aufgabe von Pakfire ist es, Systemupdates mit nur einem Klick
zu schließen und Bugfixes sowie neue Funktionen zu installieren</a>.
Dies macht IPFIre sicherer und schneller - oder einfach: besser.
</p>
- <p>
+ <p class="copy">
Eine weitere Aufgabe ist es, zusätzliche Addons zu installieren, welche die
Funktionen des Systems erweitern.
</p>
{% else %}
- <p>
+ <p class="copy">
From a technical point of view, IPFire is a minimalistic, hardened firewall system
which comes with an integrated package manager called Pakfire.
The primary task of Pakfire is to update the system with only a single click.
bugfixes and feature enhancements</a>, which make IPFire safer and faster
- or simply: better.
</p>
- <p>
+ <p class="copy">
Another task of Pakfire is to install additional software that adds new
functionality to the IPFire system.
</div>
{% if lang == "de" %}
- <h3>Pakfire als Buildsystem</h3>
- <p>
+ <h4 class="secondHeadline">Pakfire als Buildsystem</h4>
+ <p class="copy">
Das kommende Major-Release von IPFire wird eine neue
Generation des Pakfire Paketmanagementsystems mitbringen.
Diese ist schneller, sicherer und einfacher zu bedienen.
Dazu kommen unzählige neue Funktionen.
</p>
- <p>
+ <p class="copy">
Eine der neuen Funktionen ist, dass pakfire
nun auch als Buildsystem fungiert.
Ein auf die IPFire-Distribution angepasstes Buildsystem
Neue Pakete zu bauen ist nun einfacher und nimmt weniger
Zeit in Anspruch.
</p>
- <p>
+ <p class="copy">
Qualitätssicherung ist jetzt eine Aufgabe für alle.
Mehr dazu auf <a href="http://pakfire.ipfire.org/">pakfire.ipfire.org</a>.
</p>
<hr class="separator">
{% else %}
- <h3>Pakfire as a build system</h3>
- <p>
+ <h4 class="secondHeadline">Pakfire as a build system</h4>
+ <p class="copy">
The next major release of IPFire will also ship a new generation
of the Pakfire packagement system.
This new generation has been made faster, more secure, more
easy to handle and adds a whole bunch of new features.
</p>
- <p>
+ <p class="copy">
One of this features is that pakfire is now the
buildsystem as well. Having a customized build system for
the needs of IPFire and the IPFire developers improved
the development process very much. Building new packages
became a lot more easy and less time-consuming.
</p>
- <p>
+ <p class="copy">
Quality assurance became more social right now. Check it
out at <a href="http://pakfire.ipfire.org/">pakfire.ipfire.org</a>.
</p>
{% end %}
</section>
- <div class="divider">
+ <div class="divider"></div>
<section id="updates">
- <h3>{{ _("Updates") }}</h3>
+ <h3 class="headline">{{ _("Updates") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IPFire basiert auf Linux, dem besten Open-Source-Kernel, den es gibt.
Ebenso basiert IPFire <strong>nicht</strong> auf irgendeiner Distribution
wie z.B. Knoppix auf Debian basiert sondern wird aus den Sourcen einer
unterstützen - und viel wichtiger, Sicherheitsupdates zeitnah zur
Verfügung zu stellen.
</p>
- <p>
+ <p class="copy">
Das macht IPFire zu einem sehr leistungsfähigen und gleichzeitig
gehärtetem System.
</p>
- <p>
+ <p class="copy">
Um dies beizubehalten und kompatibel zu der Vielzahl an Hardware auf
dem Markt zu bleiben, werden sogenannte "Core Updates" in einem Abstand
von etwa vier Wochen herausgegeben, um gesammelte Patches auszuliefern.
Im Falle eines kritischen Sicherheitsproblems in einem der Pakete gibt
es Sicherheitsupdates innerhalb weniger als 24 Stunden.
</p>
- <p>
+ <p class="copy">
Alle Updates können mittels des Paketmanagementsystems eingespielt werden
und die Benutzer werden per Email über eben diese informiert. So ist
in allen Fällen das Update nach einem einzigen Klick installiert und
das System ist wieder gesichert im Internet.
</p>
{% else %}
- <p>
+ <p class="copy">
IPFire is based on Linux, which is the best Open Source kernel around.
Additionally, IPFire is <strong>not</strong> based on any other
distribution like Knoppix is on Debian. It is compiled from the sources
with patches to support as much hardware as possible and more importantly
fix security errors.
</p>
- <p>
+ <p class="copy">
This is what makes IPFire a very strong and hardened system.
</p>
- <p>
+ <p class="copy">
To keep up that strength and be prepared for new
<a href="/features/hardware">hardware</a>, we give
out the so called <strong>Core Updates</strong> which are issued in
security emergency, we provide updates in less than a day to overcome
zero-day holes in the system.
</p>
- <p>
+ <p class="copy">
All of the updates can be installed by the
<a href="/features/pakfire">package management system</a>
and users are notified by mail. So in all cases, the update is just
{% end %}
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="dialup">
- <h3>{{ _("Dialup") }}</h3>
+ <h3 class="headline">{{ _("Dialup") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IPFire ist als Internet-Gateway in der Lage über verschiedene
(Einwahl-)Techniken eine Verbindung zum Internet aufzubauen.
</p>
- <p>
+ <p class="copy">
Es werden alle gängigen Breitbandzugangsarten wie auch mobile Zugänge unterstützt:
</p>
</tbody>
</table>
{% else %}
- <p>
+ <p class="copy">
IPFire as an Internet Gateway is able to dialup through various techniques
to connect to the Internet.
</p>
- <p>
+ <p class="copy">
It supports all popular types of broadband access, as well as mobile access:
</p>
{% end %}
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="proxy">
- <h3>{{ _("Web proxy") }}</h3>
+ <h3 class="headline">{{ _("Web proxy") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Der Webproxy in IPFire, die Open-Source-Software Squid, ist der Linux und UNIX-Welt nicht unbekannt
und steht unter der GNU General Public License. Nicht nur ISPs, Universitäten, Schulen und grosse
Firmen nutzen diesen Proxy, denn seine Vielfältigkeit, Stabilität und ausgereifte Entwicklung macht
</li>
</ul>
{% else %}
- <p>
+ <p class="copy">
IPFire includes a full-fledged web proxy, which is the well-known, open-source software Squid. It is used by ISPs, universities, schools and large companies use because of its diversity, stability and mature development. Even for small home networks, it
is a useful feature. In addition to the stateful paket inspection (SPI) filtering by the firewall on
the TCP/IP layer, the web content which is transmitted over HTTP, HTTPS or FTP can be analyzed
{% end %}
- <h3>{{ _("Content filter") }}</h3>
+ <h4 class="secondHeadline">{{ _("Content filter") }}</h4>
{% if lang == "de" %}
- <p>
+ <p class="copy">
SquidGuard ist ein URL-Filter, der über den Redirektor-Mechanismus an den Proxy angebunden wird.
Das Herz stellen sogenannte Blacklists dar, die von offizieller Seite erstellt, eine Reihe von
klassifizierten Webseiten enthalten und über das Webinterface automatisch auf dem neuesten Stand
die erlauben unter anderem jugendgefährdende Inhalte, Shopping-, Warez-, Social-Networking- oder
gewaltverherrlichende Seiten zu filtern.
</p>
- <p>
+ <p class="copy">
Individuelle Erweiterungen einzelner Domains oder URLs können für Blacklists und ebenso für Whitelists
über das Webinterface eingerichtet werden. IPFire bietet auch einen Blacklist-Editor, der das Editieren
und erstellen eigener Blacklists über das Webinterface anbietet.
</p>
- <p>
+ <p class="copy">
Mögliche Anwendungsbereiche für SquidGuard auf dem IPFire sind:
</p>
<ul>
</li>
</ul>
{% else %}
- <p>
+ <p class="copy">
SquidGuard is a URL filter add-on which is connected via the redirector mechanism of the proxy.
The heart of SquidGuard is something called a "blacklist." This is a content control list created by the official site. These lists contain a number of categorically-classified websites and can be kept up-to-date automatically. There are different, independent
sources for pre-built blacklists available, which allow among other classes filtering for adult
content, shopping, warez, social networking, or sites containing violent/abusive content.
</p>
- <p>
+ <p class="copy">
Individual extensions for particular domains or URLs can be set up on the IPFire web interface for
blacklists and whitelists as well. IPFire also offers a black list editor, that makes the editing
and creating your own blacklists quite easy.
</p>
- <p>
+ <p class="copy">
Possible areas of application for the SquidGuard on IPFire are:
</p>
<ul>
{% end %}
- <h3>{{ _("Update accelerator") }}</h3>
+ <h4 class="secondHeadline">{{ _("Update accelerator") }}</h4>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Der Update-Accelerator ist ein System, das Updates für z.B. Betriebssysteme erheblich beschleunigen
kann. Dazu werden alle heruntergeladenen Updates zwischengespeichert und bei einem weiteren Download
aus dem lokalen Cache ausgeliefert.
</p>
- <p>
+ <p class="copy">
Bei Service Packs für Microsoft Windows, die oft einige hundert Megabytes haben, lohnt sich dieses
Speichern massiv, aber auch Virenscanner und andere Produkte profitieren hiervon und machen ein Update von
allen Workstations in der Firma zu einer schnell erledigten Aufgabe.
</p>
{% else %}
- <p>
+ <p class="copy">
The Update Accelerator is a feature that can greatly accelerate deploying updates for operating systems.
All downloaded updates are cached and if requested another time, are delivered from the cache.
</p>
- <p>
+ <p class="copy">
For example, Service Packs for Microsoft Windows (which often are several hundred megabytes) are cached for future retrieval, as well as virus scanner definition updates and other product updates which the system automatically identifies. This saves a massive amount of time when updating large amounts of computers (such as corporate networks).
</p>
{% end %}
- <h3>{{ _("Transparent virus scanner") }}</h3>
+ <h4 class="secondHeadline">{{ _("Transparent virus scanner") }}</h4>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Das Paketmanagement bietet das Addon “SquidClamAV” zur Erweiterung an. Somit steht dem Webproxy
ein Virenscanner zur Verfügung, der in Echtzeit den Datenverkehr nach Viren mit Hilfe des bekannten
ClamAV prüft.
</p>
- <p>
+ <p class="copy">
Der zusätzliche Schutz zu einem herkömmlichen Virenscanner besteht vor allem darin, dass die Dateien
nicht erst auf den Client-Rechner gelangen, bevor der Virenscan ausgeführt werden kann. Potentielle
Schädlinge werden vor dem Download durch SquidClamAV geblockt.
</p>
{% else %}
- <p>
+ <p class="copy">
The package manager Pakfire offers the addon SquidClamAV - a virus scanner for the web proxy. This checks in real-time all web traffic for viruses, utilizing the ClamAV virus definitions and scanning engine.
</p>
- <p>
+ <p class="copy">
The additional protection to a conventional virus scanner lies in the fact that the files are transparently checked before ever making it to the client machine before the client machine's virus scan can be performed. So potentially-malicious files are blocked by
SquidClamAV before the client's actual download.
</p>
{% end %}
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="crypto">
- <h3>{{ _("Cryptography") }}</h3>
+ <h3 class="headline">{{ _("Cryptography") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Kryptographie ist die Basis für viele Dienste wie
<a href="#vpn">VPNs</a> und sicherer Kommunikation im Internet.
Daher legt IPFire einen besonderen Wert auf dieses Thema.
</p>
{% else %}
- <p>
+ <p class="copy">
Cryptography is one of the foundations for various services
like <a href="#vpn">VPNs</a> and secure communication on the Internet.
Therefore, IPFire is putting an emphasis on this topic.
</p>
{% end %}
- <h3>{{ _("Hardware Acceleration") }}</h3>
+ <h4 class="secondHeadline">{{ _("Hardware Acceleration") }}</h4>
{% if lang == "de" %}
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
IPFire ist in der Lage verschiedene Kryptoprozessoren zu nutzen,
wie zum Beispiel den der AMD Geode CPUs, den VIA Padlock oder
</li>
</ul>
{% else %}
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
IPFire can use various crypto processors like those to be found
in AMD Geode CPUs, the VIA Padlock or CPU extensions like AES-NI
</ul>
{% end %}
- <h3>{{ _("Random Number Generators") }}</h3>
+ <h4 class="secondHeadline">{{ _("Random Number Generators") }}</h4>
{% if lang == "de" %}
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
IPFire unterstützt ebenfalls verschiedene Hardware-Zufallszahlgeneratoren.
Diese generieren Entropie, wird in den Entropie-Pool des Kernels
</li>
</ul>
{% else %}
- <p>
+ <p class="copy">
<span class="label label-success">IPFire 2.15 - Core Update 77</span>
IPFire is also able to use various random hardware number generators
to seed the kernel's entropy pool. That entropy is needed to generate
{% end %}
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="vpn">
- <h3>
- {{ _("VPN") }} <small>{{ _("Virtual Private Networks") }}</small>
- </h3>
+ <h3 class="headline">{{ _("VPN") }}</h3>
+ <h5 class="subheadline">{{ _("Virtual Private Networks") }}</h5>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IPFire kann zu einem VPN-Gateway (virtal private network - virtuelles, privates Netzwerk)
ausgebaut werden, welches Personen mit unterschiedlichem Standort untereinander verbindet.
Dies können zum Beispiel Mitarbeiter, Freunde oder Personen sein mit denen man Daten sicher
austauschen möchte, aber auch eine Filiale, Außenstelle, wichtige Kunden oder andere Unternehmen
mit denen kommuniziert wird.
</p>
- <p>
+ <p class="copy">
Um sich über verschiedene Technologien verbinden zu können unterstützt IPFire die VPN Protokolle
IPsec und OpenVPN. Dies erlaubt dem Administrator große Freiheiten bei der Konfiguration des VPNs.
Die Verwendung dieser Protokolle erlaubt es IPFire auch sich mit VPN Endpunkten verschiedenster
Hardwarehersteller, wie Cisco, Juniper, Checkpoint, etc. zu verbinden.
</p>
{% else %}
- <p>
+ <p class="copy">
IPFire also includes functionality to create virtual private networks (VPN).
A VPN is a gateway which connects remote networks to the local one using an
encrypted link.
Uses for a VPN include business connections to branch offices or datacenters,
as well as providing traveling staff with a secure portal to the corporate network.
</p>
- <p>
+ <p class="copy">
For maximum flexibility, IPFire uses both IPsec and OpenVPN protocols,
giving administrators maximum flexibility when configuring their VPN.
Use of these protocols allows IPFire to connect to a variety of VPN endpoint
</p>
{% end %}
- <h3>{{ _("IPsec") }}</h3>
+ <h4 class="secondHeadline">{{ _("IPsec") }}</h4>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IPsec ist ein Standard, der unter den VPN-Technologien weit bekannt
ist und im IPv6-Protokoll entwickelt wurde. Da IPv6 allerdings erst
langsam seinen Weg in die Welt findet, wurde das IPsec-Protokoll
auf IPv4 zurückzuportiert.
</p>
- <p>
+ <p class="copy">
Im Gegensatz zu den ebenfalls eingesetzten SSL-VPNs gilt IPsec als
schwer einzurichten. Diese Hürde wurde in IPFire beseitigt - zur
Verfügung steht ein einfach zu bedienendes User-Interface,
kompatibel zu denen anderer Anbieter.
</p>
- <p>
+ <p class="copy">
Der hohe Grad der Kompatibilität zu anderen Herstellern wird durch
die Verwendung der freien Implementierung
<a href="http://www.strongswan.org" target="_blank">strongSwan</a>
Microsoft Windows Vista und Mac OS X zusammen.
</p>
{% else %}
- <p>
+ <p class="copy">
IPsec is a widely-deployed VPN solution that was originally developed to be used in conjunction with IPv6. Because it was so secure and IPv6 was so slowly deployed, it was backported to secure IPv4 traffic as well.
</p>
- <p>
+ <p class="copy">
In contrast to SSL-VPNs, IPsec is hard to set-up. In IPFire, we
thought about how to make this technology easy-to-use and as a result, there
is a web user interface that handles all settings and takes care of the rest
and compatible with all other implementations.
</p>
- <p>
+ <p class="copy">
This high-level of compatibility is achieved by using the free
implementation called
<a href="http://www.strongswan.org" target="_blank">strongSwan</a>. It is maintained by Andreas Steffen, who is a professor for security in communications and head of the Institute for Internet Technologies
{% end %}
- <h3>{{ _("OpenVPN") }}</h3>
+ <h4 class="secondHeadline">{{ _("OpenVPN") }}</h4>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Unter den Open Source SSL-VPNs ist OpenVPN ein häufig angetroffener und
beliebter Vertreter, dessen einfache Konfiguration über das IPFire-
Webinterface noch einmal erleichtert wird. Die Firewall-Einstellungen
Client-Paket heruntergeladen, verteilt und mit einem weiteren Klick
ausgeführt werden.
</p>
- <p>
+ <p class="copy">
Durch die hohe Kompatibilität zu anderen Betriebssystemen
(Microsoft Windows, Mac OSX, Linux, Android, uvam.)
eignet sich OpenVPN bestens zur Anbindung sogenannter Roadwarrior-Clients.
nur über Notebooks, sondern unter anderem auch über PDAs, Smartphones
oder Tablets hergestellt werden.
</p>
- <p>
+ <p class="copy">
Doch neben der Anbindung von Laptops und anderen Handgeräten, kann
mit OpenVPN auch eine transparente Verbindung zu Filialen, Partnern
und für jeden beliebigen anderen Einsatz erstellt werden.
aufwändige Konfiguration.
</p>
{% else %}
- <p>
+ <p class="copy">
OpenVPN is a frequently-encountered and most popular representative
of the class of Open Source SSL VPNs.
Its relative ease of configuration has again, been made easier
generated with a few mouse clicks and can be downloaded and distributed
as a very compact client package.
</p>
- <p>
+ <p class="copy">
Due to its high compatibility to all sorts of operating systems,
such as Microsoft Windows, Mac OSX, Linux, Android and many more,
it is perfectly useful for roadwarrior connections.
other devices to your company network, which makes it easy to
work from anywhere in the world.
</p>
- <p>
+ <p class="copy">
But besides connecting portable devices, OpenVPN can also be used
to securely connect branches to the headquater.
This makes it easy to access resources on other networks
</p>
{% end %}
</section>
+
+ <div class="divider"></div>
<section id="ids">
- <h3>{{ _("Intrusion detection system") }}</h3>
+ <h3 class="headline">{{ _("Intrusion detection system") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Ein Intrusion Dection System, kurz IDS, dient zur Erkennung von Angriffen gegen Computersysteme
oder Computernetze. Dabei analysiert das IDS den Netzwerktraffic und durchsucht diesen nach Angriffsmustern.
Wird zum Beispiel ein einfacher Portscan auf ein IPFire-System ausgeführt um angebotene Dienste auszuspähen,
dann wird dies sofort erkannt.
</p>
- <p>
+ <p class="copy">
Ein IPS, Intrusion Prevention System, hat zusätzlich zu der Erkennung die Aufgabe Aktionen auszuführen.
Dabei nimmt es Informationen zum Angriff vom IDS entgegen und handelt entsprechend. Bei dem Beispiel des
Portscans würde es den Angreifer blocken damit keine Daten mehr ausgetauscht werden.
</p>
- <p>
+ <p class="copy">
Arbeiten wie in IPFire beide Systeme zusammen nennt man dies ein IDPS (Intrusion detection and prevention
system). Ein sehr bekannter Vertreter dafür ist Snort. Das freie Netzwerk Intrusion Dection System (NIDS)
analysiert den Datenverkehr und sofern es etwas Auffälliges findet, logt es dieses. IPFire bietet die
Möglichkeit die erkannten Angriffe im Webinterface detailliert durchzusehen.
</p>
- <p>
+ <p class="copy">
Automatische Gegenmaßnahmen verrichtet in IPFire Guardian, was optional nachinstalliert werden kann.
</p>
- <p>
+ <p class="copy">
Somit ist ein IDPS ein sinnvoller Zusatz zum herkömmlichen Paketfilter um intelligente Entscheidungen
über einkommende Daten zu treffen.
</p>
{% else %}
- <p>
+ <p class="copy">
An Intrusion Dection System (or IDS), is a piece of software designed to detect attacks against computer systems
and networks. Thereby the IDS will analyze the network traffic and search for attack samples. If someone
scans the ports of the IPFire-System to see which services are available, the IDS will immediately notice it.
</p>
- <p>
+ <p class="copy">
An Intrusion Prevention System (or IPS), in addition to the detection system, will perform actions.
The IPS gets the information from the IDS and reacts accordingly. That means, recalling the example above with
the portscan, the system would automatically block the attacker immediately in order to prevent further inquiries.
</p>
- <p>
+ <p class="copy">
It is possible to use IDS and IPS on the IPFire system. We call this system "Intrusion Detection
and Prevention System" (or IDPS). A very important deputy of this system is Snort, the free Network Intrusion Dection System
(NIDS). It analyzes the network traffic and if something abnormal happens, it will log the event. IPFire gives you
the possibility to see it very explicitly in the web interface.
</p>
- <p>
+ <p class="copy">
For automatic prevention, IPFire has an add-on called Guardian which can be installed optionally.
</p>
- <p>
+ <p class="copy">
An IDPS is a wise addition to the normal packet filter. It makes intelligent decisions about
incoming and outgoing network traffic and how to deal with it.
</p>
{% end %}
</section>
- <hr class="divider">
+ <div class="divider"></div>
<section id="qos">
- <h3>{{ _("Quality of Service") }}</h3>
+ <h3 class="headline">{{ _("Quality of Service") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Ein Quality of Service, oder kurz QoS, ist in der Lage die Qualität eines Dienstes über eine
Internetleitung sicherzustellen. Das bedeutet, dass auf einer stark belasteten Internetverbindung
einem Dienst, wie zum Beispiel einem VoIP-Telefonats, ein gewisses Maß an Bandbreite zugesichert
Das geht allerdings zu Lasten der anderen Datenströme auf der Leitung, welche es aber durchaus
vertragen, dass Daten langsamer übertragen werden, wie z.B. ein Upload auf einen FTP-Server.
</p>
- <p>
+ <p class="copy">
Ein QoS bietet aber nicht nur bei Echtzeitdiensten Vorteile und macht sie besser benutzbar, sondern
bringt auch kleine Verbesserungen mit, die sich angenehm bemerkbar machen. Dazu gehören unter anderem:
</p>
<strong>Stabilere Verbindungen:</strong> da jedem Dienst ein Mindestmaß an Bandbreite zugesichert wird.
</li>
</ul>
- <p>
+ <p class="copy">
Für die Klassifizierung der Pakete, die das System wissen lässt mit welcher Art von Daten es zu tun hat,
kommt ein Layer-7-Filter zum Einsatz. Dabei wird auch der Inhalt und nicht nur Quell-Ports, -IPs und
Ziel-Ports und -IPs eines Pakets untersucht. Mit dem Wissen, ob es sich z.B. um einen langen Download
oder um ein Echtzeitprotokoll handelt, kann es Entscheidungen zur optimalen Auslastung der
Internetverbindung treffen.
</p>
- <p>
+ <p class="copy">
Zusammengefasst ist das Endergebnis eines QoS, eine Leitung mit geringer Latenzzeit und geringer
Paketverlustrate. Eine Funktion, die man schnell nicht mehr vermissen möchte, wo die Bandbreite knapp ist.
</p>
- <p>
+ <p class="copy">
Perfekte Kontrolle über die getätigten Einstellungen, findet man in der graphischen Darstellung der
Leitungsauslastung.
</p>
{% else %}
- <p>
+ <p class="copy">
Quality of Service (QoS) is able to save the quality of a service on one internet connection. This
means that on a highly-utilized internet connection, a service (for example VoIP) gets a stable size of bandwidth,
to transfer the information without delay and without loss. This is at the expense of the other
data flows on the line, which is tolerated, albeit transmitted more slowly (such as a file upload to an FTP server).
</p>
- <p>
+ <p class="copy">
QoS does not only increase the functionality of real-time services, but also offers a little bit of overall improvement. For example:
</p>
<ul>
Every service gets a minimum, guaranteed amount of bandwidth.
</li>
</ul>
- <p>
+ <p class="copy">
For the classification of the packets, a Level-7-Filter is used. It also analyses the content, as well as the source-ports/IPs, and destination-ports/IPs of the packets. With that analysis, it will decide if it's a long download or a real-time
protocol and then subsequently determines the optimal use of the connection.
</p>
- <p>
+ <p class="copy">
To put all in a nutshell, QoS reduces the latency and packet loss of an
internet connection. This is certainly a function that you don't want to miss where bandwidth is limited.
</p>
</section>
<section id="hardware">
- <h3>{{ _("Hardware") }}</h3>
+ <h3 class="headline">{{ _("Hardware") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
Da IPFire auf einer aktuellen Version des Linux Kernels basiert, ist es möglich
eine Breite Palette an neuer Hardware, wie 10-Gigabit-Netzwerkkarten und
Wireless-Hardware, ohne zusätzlichen Aufwand zu betreiben.
Hardware lauffähig zu machen. Dadurch lässt sich IPFire auf alter, günster Hardware
genauso hervoragend verwenden, wie auf High-Performance-Systemen.
</p>
- <p>
- Dabei belaufen sich die Mindestanforderungen bei einem Pentium I (i568), 512MB RAM
+ <p class="copy">
+ Dabei belaufen sich die Mindestanforderungen bei einem Pentium I (i568), 512MB RAM
und 2 GB Festplattenspeicher.
</p>
- <p>
+ <p class="copy">
Einige Erweiterungen haben zuätzliche Anforderungen an die Hardware um korrekt
funktionieren zu können. Ein System welches alle Anforderungen erfüllt, ist in der
Lage hunderte Clients zur selben Zeit zu bedienen.
</p>
- <h3>Heads up: Zusätzliche Architekturen in Entwicklung</h3>
- <p>
+
+ <h4 class="secondHeadline">Heads up: Zusätzliche Architekturen in Entwicklung</h4>
+ <p class="copy">
Das IPFire Projekt ist auch interessiert Ressorcen schonende Systeme zu unterstützen.
In diesem Zusammenhang, ist die ARM Architektur erwähnenswert, welche äußerst wenig Strom
benötigt und ein großes Zukunftspotential aufweist.
</p>
- <!-- <p>
+ <!-- <p class="copy">
Mehr zu diesem Thema kann auf der <a href="/features/ports/arm">ARM Projekt Seite</a> gefunden
werden.
</p> -->
{% else %}
- <p>
+ <p class="copy">
Since IPFire is based on a recent version of the Linux kernel, it supports most
of the latest hardware such as 10Gbit network cards and a variety of wireless
hardware out of the box.
system variations as possible.
This helps IPFire to run on older or cheap hardware, as well as high-performance systems.
</p>
- <p>
+ <p class="copy">
Minimum system requirements are an Intel Pentium I (i586),
512MB RAM and 2GB hard drive space.
</p>
- <p>
+ <p class="copy">
Some add-ons have extra requirements to perform smoothly.
On a system that fits the hardware requirements, IPFire
is able to serve hundreds of clients simultaneously.
</p>
- <h3>Heads up: More architectures in development!</h3>
- <p>
+ <h4 class="secondHeadline">Heads up: More architectures in development!</h4>
+ <p class="copy">
The IPFire project is always interested in creating systems
which save the environment. The ARM architecture consumes
much less power and certainly has a lot of potential.
</p>
- <!-- <p>
+ <!-- <p class="copy">
More about this may be found on the
<a href="/features/ports/arm">ARM project page</a>.
</p> -->
</div>
</div>
</section>
+
+ <div class="divider"></div>
<section id="virtualization">
- <h3>{{ _("Virtualization") }}</h3>
+ <h3 class="headline">{{ _("Virtualization") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IPFire bringt einige Frontend-Treiber für High-Performance-Virtualisierung
mit sich und arbeitet hervorragend als Gast auf den folgenden
Virtualisierungsplattformen.
</p>
- <h3>Unterstützte Hypervisoren</h3>
- <h3>KVM</h3>
- <p>
+ <h4 class="secondHeadline">Unterstützte Hypervisoren</h4>
+
+ <h4 class="secondHeadline">KVM</h4>
+ <p class="copy">
<a href="http://www.linux-kvm.org">KVM</a> ist die Abkürzung
für Kernel-based Virtual Machine und wird von
<a href="http://www.redhat.com">Red Hat Inc.</a> entwickelt.
Es ist die derzeit am häufigsten eingesetzte, freie Virtualisierungslösung
und löst Xen zunehmend ab.
</p>
- <p>
+ <p class="copy">
Der IPFire-Kernel verfügt über die <em>virtio</em> Module,
welche hervorragende Leistung bei wenig Virtualisierungsoverhead
bieten.
</p>
- <h3>VMware</h3>
- <p>
+ <h4 class="secondHeadline">VMware</h4>
+ <p class="copy">
IPFire arbeitet auf verschiedenen VMware Produkten wie
<em>vSphere</em>, <em>ESXi</em> und <em>VMware workstation</em>.
Das optionale Paket <em>open-vm-tools</em> verbessert die
Integration zusätzlich.
</p>
- <h3>Xen</h3>
- <p>
+ <h4 class="secondHeadline">Xen</h4>
+ <p class="copy">
Xen war der de-facto Open-Source-Hypervisor, wird
allerdings immer öfter durch KVM ersetzt.
</p>
- <p>
+ <p class="copy">
IPFire bringt für den Einsatz auf einem Xen-Host einen
paravirtualisierten Kernel mit.
Die Installation ist sehr einfach, da bereits ein
werden kann.
</p>
- <h3>Andere</h3>
- <p>
+ <h4 class="secondHeadline">Andere</h4>
+ <p class="copy">
IPFire ist nicht auf die oben genannten Lösungen beschränkt.
Ebenso läuft die Distribution auch unter <em>Qemu</em>,
<em>Microsoft Hyper-V</em> und <em>Oracle Virtualbox</em>.
</p>
- <h3>Ein Hinweis zu Virtualisierung</h3>
- <p>
+ <h4 class="secondHeadline">Ein Hinweis zu Virtualisierung</h4>
+ <p class="copy">
Virtualisierung hat Vorteile, allerdings nicht ohne Nachteile.
Es besteht die Möglichkeit, dass die VM-Container-Sicherheit
umgangen werden kann und somit ein Angreifer Zugang über die
in produktiven Umgebungen einzusetzen.
</p>
{% else %}
- <p>
+ <p class="copy">
IPFire brings many front-end drivers for high-performance virtualization
and can be run as virtual guest operating system on the following
virtualization platforms.
the best possible performance without impacting the hardware very much.
</p>
- <h2>Supported hypervisors</h2>
- <h3>KVM</h3>
- <p>
+ <h4 class="secondHeadline">Supported hypervisors</h4>
+ <h4 class="secondHeadline">KVM</h4>
+ <p class="copy">
<a href="http://www.linux-kvm.org">KVM</a> is short for
Kernel-based Virtual Machine and is developed by
<a href="http://www.redhat.com">Red Hat Inc.</a>.
It is becoming the most advanced hypervisor and succeeding Xen, which
has been used so far.
</p>
- <p>
+ <p class="copy">
IPFire is coming with the <em>virtio</em> kernel modules, that have best
performance due to very less virtualization overhead.
</p>
- <h3>VMware</h3>
- <p>
+ <h4 class="secondHeadline">VMware</h4>
+ <p class="copy">
IPFire runs on different VMware products like <em>vSphere</em>,
<em>ESXi</em> and <em>VMware workstation</em>. The additional package
<em>open-vm-tools</em> offers tools for a better integration.
</p>
- <h3>Xen</h3>
- <p>
+ <h4 class="secondHeadline">Xen</h4>
+ <p class="copy">
Xen has recently been the de-facto Open Source hypervisor but is now
succeeded by KVM.
</p>
- <p>
+ <p class="copy">
IPFire can optionally be run with a paravirtualized kernel, which has very
less virtualization overhead as well. To make the installation very easy,
a pregenerated Xen image can be downloaded from the download page.
</p>
- <h3>Others</h2>
- <p>
+ <h4 class="secondHeadline">Others</h4>
+ <p class="copy">
IPFire is not limited to the hypervisors described above. It runs perfectly on
<em>Qemu</em>, <em>Microsoft Hyper-V</em> or <em>Oracle VirtualBox</em>, too.
</p>
- <h3>A note on virtualization</h3>
- <p>
+ <h4 class="secondHeadline">A note on virtualization</h4>
+ <p class="copy">
Virtualization does have advantages, but it is not without disadavantages.
There is always the possibility that the VM container security can be
bypassed in some way and a hacker can gain access beyond the VM.
</div>
</div>
</section>
+
+ <div class="divider"></div>
<section id="wlanap">
- <h3>{{ _("Wireless Access Point") }}</h3>
+ <h3 class="headline">{{ _("Wireless Access Point") }}</h3>
{% if lang == "de" %}
- <p>
+ <p class="copy">
IPFire bietet mehrere Möglichkeiten zur Einbindung von Wireless-Clients. Zum einen kann ein
Accesspoint über eine LAN Karte angeschlossen werden. Hier bietet IPFire einen MAC/IP Addressfilter,
um nur erlaubte Clients zuzulassen. Die Clients dürfen in der Standardeinstellung zwar ins Internet,
dann unverschlüsselte sowie WPA/WPA2 verschlüsselte Verbindungen. Auch die Nutzung des 5 GHz Bandes
(802.11a) ist möglich, wenn die WLAN-Karte dies unterstützt.
</p>
- <p>
+ <p class="copy">
Die Unterstützung von Wireless-Karten in IPFire ist exzellent, da in dem stabilen Kernel die Treiber
trotzdem auf neuestem Stand sind und somit möglichst viele Karten unterstützt werden.
</p>
{% else %}
- <p>
+ <p class="copy">
IPFire offers several options for the integration of wireless clients. First, an access point can
be connected via a LAN card. In this scenario, IPFire offers MAC/IP address filtering to allow only authorized
clients. The clients are allowed by default to access the Internet, but they are not allowed access the local LAN.
point over, using the add-on "hostapd". This add-on supports both unencrypted and WPA/WPA2-encrypted connections. Also
the use of 5 GHz (802.11a standard) is possible if the wireless card supports it.
</p>
- <p>
+ <p class="copy">
Wireless card support in IPFire is excellent. The drivers in the stable kernel are very up-to-date
and IPFire therefore supports a significant amount of WLAN cards.
</p>
projects / ipfire.org.git / commitdiff
