371 lines
14 KiB
CSS
371 lines
14 KiB
CSS
/*
|
|
|
|
This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
|
|
Copyright (C) 2018 Roland Gruber
|
|
Based on Foundation Grid: https://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html
|
|
License: MIT License
|
|
|
|
*/
|
|
|
|
/** basic grid */
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-size: 100%;
|
|
}
|
|
|
|
body {
|
|
cursor: auto;
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
textarea {
|
|
height: auto;
|
|
min-height: 50px;
|
|
}
|
|
|
|
select {
|
|
width: 100%;
|
|
}
|
|
|
|
.row {
|
|
margin: 0 auto;
|
|
max-width: 62.5rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.row:before, .row:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.row:after {
|
|
clear: both;
|
|
}
|
|
|
|
.row.collapse>.column, .row.collapse>.columns {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.row.collapse .row {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.row .row {
|
|
margin: 0 -0.9375rem;
|
|
max-width: none;
|
|
width: auto;
|
|
}
|
|
|
|
.row .row:before, .row .row:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.row .row:after {
|
|
clear: both;
|
|
}
|
|
|
|
.row .row.collapse {
|
|
margin: 0;
|
|
max-width: none;
|
|
width: auto;
|
|
}
|
|
|
|
.row .row.collapse:before, .row .row.collapse:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.row .row.collapse:after {
|
|
clear: both;
|
|
}
|
|
|
|
.column, .columns {
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.column+.column:last-child, .columns+.column:last-child, .column+.columns:last-child,
|
|
.columns+.columns:last-child {
|
|
float: right;
|
|
}
|
|
|
|
.column+.column.end, .columns+.column.end, .column+.columns.end,
|
|
.columns+.columns.end {
|
|
float: left;
|
|
}
|
|
|
|
@media only screen {
|
|
.column,
|
|
.columns {
|
|
position: relative;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left; }
|
|
|
|
.small-1 {
|
|
width: 8.33333%; }
|
|
|
|
.small-2 {
|
|
width: 16.66667%; }
|
|
|
|
.small-3 {
|
|
width: 25%; }
|
|
|
|
.small-4 {
|
|
width: 33.33333%; }
|
|
|
|
.small-5 {
|
|
width: 41.66667%; }
|
|
|
|
.small-6 {
|
|
width: 50%; }
|
|
|
|
.small-7 {
|
|
width: 58.33333%; }
|
|
|
|
.small-8 {
|
|
width: 66.66667%; }
|
|
|
|
.small-9 {
|
|
width: 75%; }
|
|
|
|
.small-10 {
|
|
width: 83.33333%; }
|
|
|
|
.small-11 {
|
|
width: 91.66667%; }
|
|
|
|
.small-12 {
|
|
width: 100%; }
|
|
|
|
}
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.column,
|
|
.columns {
|
|
position: relative;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left; }
|
|
|
|
.medium-1 {
|
|
width: 8.33333%; }
|
|
|
|
.medium-2 {
|
|
width: 16.66667%; }
|
|
|
|
.medium-3 {
|
|
width: 25%; }
|
|
|
|
.medium-4 {
|
|
width: 33.33333%; }
|
|
|
|
.medium-5 {
|
|
width: 41.66667%; }
|
|
|
|
.medium-6 {
|
|
width: 50%; }
|
|
|
|
.medium-7 {
|
|
width: 58.33333%; }
|
|
|
|
.medium-8 {
|
|
width: 66.66667%; }
|
|
|
|
.medium-9 {
|
|
width: 75%; }
|
|
|
|
.medium-10 {
|
|
width: 83.33333%; }
|
|
|
|
.medium-11 {
|
|
width: 91.66667%; }
|
|
|
|
.medium-12 {
|
|
width: 100%; }
|
|
|
|
}
|
|
@media only screen and (min-width: 64.0625em) {
|
|
.column,
|
|
.columns {
|
|
position: relative;
|
|
padding-left: 0.9375rem;
|
|
padding-right: 0.9375rem;
|
|
float: left; }
|
|
|
|
.large-1 {
|
|
width: 8.33333%; }
|
|
|
|
.large-2 {
|
|
width: 16.66667%; }
|
|
|
|
.large-3 {
|
|
width: 25%; }
|
|
|
|
.large-4 {
|
|
width: 33.33333%; }
|
|
|
|
.large-5 {
|
|
width: 41.66667%; }
|
|
|
|
.large-6 {
|
|
width: 50%; }
|
|
|
|
.large-7 {
|
|
width: 58.33333%; }
|
|
|
|
.large-8 {
|
|
width: 66.66667%; }
|
|
|
|
.large-9 {
|
|
width: 75%; }
|
|
|
|
.large-10 {
|
|
width: 83.33333%; }
|
|
|
|
.large-11 {
|
|
width: 91.66667%; }
|
|
|
|
.large-12 {
|
|
width: 100%; }
|
|
|
|
}
|
|
|
|
/* small displays */
|
|
@media only screen {
|
|
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down {
|
|
display: inherit !important; }
|
|
|
|
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down {
|
|
display: none !important; }
|
|
|
|
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto; }
|
|
|
|
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px; }
|
|
|
|
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down {
|
|
display: table !important; }
|
|
|
|
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down {
|
|
display: table-header-group !important; }
|
|
|
|
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down {
|
|
display: table-row-group !important; }
|
|
|
|
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down {
|
|
display: table-row; }
|
|
|
|
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down {
|
|
display: table-cell !important; } }
|
|
/* medium displays */
|
|
@media only screen and (min-width: 40.0625em) {
|
|
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down {
|
|
display: inherit !important; }
|
|
|
|
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down {
|
|
display: none !important; }
|
|
|
|
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto; }
|
|
|
|
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px; }
|
|
|
|
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down {
|
|
display: table !important; }
|
|
|
|
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down {
|
|
display: table-header-group !important; }
|
|
|
|
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down {
|
|
display: table-row-group !important; }
|
|
|
|
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down {
|
|
display: table-row; }
|
|
|
|
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down {
|
|
display: table-cell !important; } }
|
|
/* large displays */
|
|
@media only screen and (min-width: 64.0625em) {
|
|
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down {
|
|
display: inherit !important; }
|
|
|
|
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down {
|
|
display: none !important; }
|
|
|
|
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down {
|
|
position: static !important;
|
|
height: auto;
|
|
width: auto;
|
|
overflow: visible;
|
|
clip: auto; }
|
|
|
|
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px; }
|
|
|
|
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down {
|
|
display: table !important; }
|
|
|
|
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down {
|
|
display: table-header-group !important; }
|
|
|
|
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down {
|
|
display: table-row-group !important; }
|
|
|
|
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down {
|
|
display: table-row; }
|
|
|
|
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down {
|
|
display: table-cell !important; } }
|