moved responsive CSS classes to separate file
This commit is contained in:
Roland Gruber
parent
c0d146d6e1
commit
93d26f97cb
|
|
@ -762,79 +762,3 @@ h4.schema_oclass_sub {
|
|||
.nsviewType-bright { background:#fff3c8 !important; }
|
||||
.nsviewType-dark { background-color:#ffe27f !important; }
|
||||
|
||||
/** responsive styles */
|
||||
|
||||
.row {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.row input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row input[type="checkbox"] {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.row input[type="radio"] {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
div.dialog-page {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.lam-dialog-msg {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
/* mobile */
|
||||
@media only screen and (max-width: 40.0625em) {
|
||||
|
||||
.responsiveLabel {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hide-on-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* tablet */
|
||||
@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) {
|
||||
|
||||
.responsiveLabel {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.responsiveField {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hide-on-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* desktop */
|
||||
@media only screen and (min-width: 64.0625em) {
|
||||
|
||||
.responsiveLabel {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.responsiveField {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hide-on-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hide-on-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,8 +19,83 @@
|
|||
|
||||
*/
|
||||
|
||||
/* CSS layout for LAM */
|
||||
/** responsive styles */
|
||||
|
||||
textarea {
|
||||
.row {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.row input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.row textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row input[type="checkbox"] {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.row input[type="radio"] {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
div.dialog-page {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.lam-dialog-msg {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
/* mobile */
|
||||
@media only screen and (max-width: 40.0625em) {
|
||||
|
||||
.responsiveLabel {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hide-on-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* tablet */
|
||||
@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) {
|
||||
|
||||
.responsiveLabel {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.responsiveField {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hide-on-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* desktop */
|
||||
@media only screen and (min-width: 64.0625em) {
|
||||
|
||||
.responsiveLabel {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.responsiveField {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hide-on-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hide-on-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,6 +53,7 @@ echo $_SESSION['header'];
|
|||
</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../style/responsive/105_normalize.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../style/responsive/110_foundation.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../style/responsive/120_lam.css">
|
||||
<?php
|
||||
// include all CSS files
|
||||
$cssDirName = dirname(__FILE__) . '/../../style';
|
||||
|
|
|
|||
|
|
@ -78,6 +78,7 @@ echo $_SESSION['header'];
|
|||
</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../style/responsive/105_normalize.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../style/responsive/110_foundation.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../style/responsive/120_lam.css">
|
||||
<?php
|
||||
// include all CSS files
|
||||
$cssDirName = dirname(__FILE__) . '/../../style';
|
||||
|
|
|
|||
|
|
@ -198,6 +198,7 @@ function display_LoginPage(LAMConfig $config_object, LAMCfgMain $cfgMain, $licen
|
|||
<title>LDAP Account Manager</title>
|
||||
<link rel="stylesheet" type="text/css" href="../style/responsive/105_normalize.css">
|
||||
<link rel="stylesheet" type="text/css" href="../style/responsive/110_foundation.css">
|
||||
<link rel="stylesheet" type="text/css" href="../style/responsive/120_lam.css">
|
||||
<?php
|
||||
// include all CSS files
|
||||
$cssDirName = dirname(__FILE__) . '/../style';
|
||||
|
|
|
|||
|
|
@ -128,6 +128,7 @@ if (isset($_POST['submit'])) {
|
|||
<title><?php echo _("Login"); ?></title>
|
||||
<link rel="stylesheet" type="text/css" href="../style/responsive/105_normalize.css">
|
||||
<link rel="stylesheet" type="text/css" href="../style/responsive/110_foundation.css">
|
||||
<link rel="stylesheet" type="text/css" href="../style/responsive/120_lam.css">
|
||||
<?php
|
||||
// include all CSS files
|
||||
$cssDirName = dirname(__FILE__) . '/../style';
|
||||
|
|
|
|||
Loading…
Reference in New Issue