reduced grid to minimum

This commit is contained in:
Roland Gruber 2018-06-27 18:19:35 +02:00
parent 516a6b7654
commit 558a8f774f
6 changed files with 382 additions and 1512 deletions

View File

@ -15,9 +15,11 @@ time.
* lib/modules/aliasEntry.inc * lib/modules/aliasEntry.inc
* lib/modules/automount.inc * lib/modules/automount.inc
* lib/modules/bindDLZ.inc * lib/modules/bindDLZ.inc
* lib/modules/customBaseType.inc
* lib/modules/customFields.inc * lib/modules/customFields.inc
* lib/modules/customScripts.inc * lib/modules/customScripts.inc
* lib/modules/device.inc * lib/modules/device.inc
* lib/modules/dynamicList.inc
* lib/modules/groupOfNames.inc * lib/modules/groupOfNames.inc
* lib/modules/groupOfNamesUser.inc * lib/modules/groupOfNamesUser.inc
* lib/modules/groupOfUniqueNames.inc * lib/modules/groupOfUniqueNames.inc
@ -48,8 +50,9 @@ time.
* lib/modules/zarafaServer.inc * lib/modules/zarafaServer.inc
* lib/modules/zarafaUser.inc * lib/modules/zarafaUser.inc
* lib/types/alias.inc * lib/types/alias.inc
* lib/types/bind.inc
* lib/types/automountType.inc * lib/types/automountType.inc
* lib/types/bind.inc
* lib/types/customType.inc
* lib/types/gon.inc * lib/types/gon.inc
* lib/types/nisObjectType.inc * lib/types/nisObjectType.inc
* lib/types/nsview.inc * lib/types/nsview.inc
@ -206,5 +209,9 @@ templates/lib/*jquery*.js B 2010 John Resig, Paul Bakaus, Fr
templates/lib/*jquery-dropmenu-*.js B 2010 Fred Heusschen templates/lib/*jquery-dropmenu-*.js B 2010 Fred Heusschen
templates/lib/*jquery-validationEngine-*.js B 2010 Cedric Dugas and Olivier Refalo templates/lib/*jquery-validationEngine-*.js B 2010 Cedric Dugas and Olivier Refalo
templates/lib/*jquery-fineuploader-*.js B 2010 Andrew Valums templates/lib/*jquery-fineuploader-*.js B 2010 Andrew Valums
templates/lib/extra/cropperjs B 2018 Chen Fengyuan
style/600_cropper.css B 2018 Chen Fengyuan
style/responsive/105_normalize.css B Nicolas Gallagher and Jonathan Neal
style/responsive/110_grid.css B

View File

@ -211,4 +211,5 @@ templates/lib/*jquery-fineuploader-*.js B 2010 Andrew Valums
templates/lib/extra/cropperjs B 2018 Chen Fengyuan templates/lib/extra/cropperjs B 2018 Chen Fengyuan
style/600_cropper.css B 2018 Chen Fengyuan style/600_cropper.css B 2018 Chen Fengyuan
style/responsive/105_normalize.css B Nicolas Gallagher and Jonathan Neal style/responsive/105_normalize.css B Nicolas Gallagher and Jonathan Neal
style/responsive/110_grid.css B

View File

@ -70,6 +70,7 @@ text-decoration: none;
a:hover { a:hover {
color: red; color: red;
text-decoration: none; text-decoration: none;
cursor: pointer;
} }
a:active { a:active {

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,370 @@
/*
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; } }

View File

@ -20,7 +20,6 @@
*/ */
/** responsive styles */ /** responsive styles */
.row { .row {
margin-top: 5px; margin-top: 5px;
} }