LDAPAccountManager/lam/style/500_layout.css

737 lines
14 KiB
CSS
Raw Normal View History

2003-03-17 23:28:24 +00:00
/*
$Id$
2009-10-27 18:47:12 +00:00
This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
2009-02-17 20:36:52 +00:00
Copyright (C) 2003 Leonhard Walchshaeusl
2016-01-06 15:05:52 +00:00
Copyright (C) 2005 - 2016 Roland Gruber
2003-03-17 23:28:24 +00:00
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
2003-03-17 23:28:24 +00:00
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more detaexils.
2003-03-17 23:28:24 +00:00
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
*/
2003-06-04 18:47:40 +00:00
/* CSS layout for LAM */
2003-03-17 23:28:24 +00:00
/**
2003-03-17 23:28:24 +00:00
* global page layout
*
2003-03-17 23:28:24 +00:00
*/
2003-06-04 18:47:40 +00:00
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,b,i {
2006-03-03 17:30:35 +00:00
font-family:Arial,Tahoma,Verdana,sans-serif;
2003-04-09 17:10:47 +00:00
}
2011-12-08 19:18:22 +00:00
h1,h2,h3 { color:black; }
2007-11-11 13:49:01 +00:00
2003-04-09 17:10:47 +00:00
body {
background-color:#F5F5F5;
2015-08-02 19:16:46 +00:00
}
body.selfservice {
2015-08-02 17:34:10 +00:00
padding: 10px;
2015-08-04 18:41:12 +00:00
background: #fffde2;
2003-04-09 17:10:47 +00:00
}
.defaultBackground {
2013-02-22 19:30:43 +00:00
background: #F5F5F5 !important;
}
2003-06-04 18:47:40 +00:00
/* links */
2003-04-09 17:10:47 +00:00
a {
2012-11-02 17:45:35 +00:00
color: #222222;
2010-10-13 17:45:13 +00:00
text-decoration: none;
}
a:link {
2012-11-02 17:45:35 +00:00
color: #222222;
2010-10-13 17:45:13 +00:00
text-decoration: none;
2003-04-09 17:10:47 +00:00
}
2003-05-07 22:37:01 +00:00
a:visited {
2012-11-02 17:45:35 +00:00
color: #222222;
2010-10-13 17:45:13 +00:00
text-decoration: none;
2003-05-07 22:37:01 +00:00
}
2003-04-09 17:10:47 +00:00
a:hover {
2010-10-13 17:45:13 +00:00
color: red;
text-decoration: none;
2003-03-17 23:28:24 +00:00
}
2004-01-29 16:01:01 +00:00
a:active {
2010-10-13 17:45:13 +00:00
color: red;
text-decoration: none;
2004-01-29 16:01:01 +00:00
}
2005-02-27 12:40:06 +00:00
a img {
border: 0px;
}
2012-11-03 17:34:18 +00:00
a.classicBold {
color: blue;
text-decoration: none;
font-weight: bold;
}
2003-05-06 23:51:04 +00:00
fieldset {
2015-08-02 19:16:46 +00:00
background-color:#fff3c8;
border:1px solid #af8800;
padding:10px;
2003-05-06 23:51:04 +00:00
}
2012-01-14 13:20:34 +00:00
div.filled {
background-color:#fff3c8;
border:1px solid #af8800;
padding:10px;
}
legend {
2011-12-08 19:18:22 +00:00
color:black;
2003-09-16 16:34:15 +00:00
}
input.listPageInput {
width: 3em;
text-align: center;
2013-01-19 13:18:52 +00:00
}
2010-08-31 18:49:55 +00:00
select {
background:#F5F5F5 none repeat-x scroll 50% 50%;
border:1px solid #AAAAAA;
color:#222222;
2015-07-26 09:37:40 +00:00
margin: 3px;
2011-12-08 19:44:56 +00:00
}
input {
2015-07-26 09:37:40 +00:00
margin: 3px;
2010-08-31 18:49:55 +00:00
}
2013-03-24 11:23:32 +00:00
.margin2 {
2015-07-26 09:37:40 +00:00
margin: 2px;
2013-03-24 11:23:32 +00:00
}
2015-08-02 17:34:10 +00:00
.margin5 {
margin: 5px;
}
2010-10-09 15:12:46 +00:00
.align-middle {
2010-07-29 20:34:08 +00:00
vertical-align: middle;
}
2015-08-09 13:18:04 +00:00
.align-top {
vertical-align: top;
}
2010-07-29 20:34:08 +00:00
table.lamHeader {
background-image: url(lam-images/headerLine.png);
padding: 0px;
2010-08-31 17:34:16 +00:00
height: 35px;
2015-08-02 19:16:46 +00:00
margin: 0px;
2010-07-29 20:34:08 +00:00
}
2013-01-19 13:18:52 +00:00
/* table preferences */
table.accountlist {
border-width:1px;
border-style:solid;
2013-02-03 11:46:47 +00:00
}
table.collapse {
border-collapse:collapse;
2013-01-19 13:18:52 +00:00
}
2010-08-23 19:21:50 +00:00
.rightToLeftText {
text-align: right;
}
2015-08-06 19:20:54 +00:00
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.bold {
font-weight: bold;
}
2010-09-04 12:41:22 +00:00
/** buttons */
2010-08-28 09:34:00 +00:00
.saveButton {
background-image: url(../graphics/save.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-08-28 09:34:00 +00:00
}
.cancelButton {
background-image: url(../graphics/del.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-08-28 09:34:00 +00:00
}
2010-09-02 18:43:05 +00:00
.logoutButton {
background-image: url(../graphics/exit.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2009-07-08 18:02:28 +00:00
}
2010-09-04 12:41:22 +00:00
.undoButton {
background-image: url(../graphics/undo.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-09-04 12:41:22 +00:00
}
.passwordButton {
background-image: url(../graphics/key.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-09-04 12:41:22 +00:00
}
.loadProfileButton {
background-image: url(../graphics/loadProfile.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-09-04 12:41:22 +00:00
}
2010-10-10 17:31:45 +00:00
.deleteButton {
background-image: url(../graphics/del.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-10-10 17:31:45 +00:00
}
.createButton {
background-image: url(../graphics/add.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-10-10 17:31:45 +00:00
}
2011-05-03 16:15:38 +00:00
.editButton {
background-image: url(../graphics/edit.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2011-05-03 16:15:38 +00:00
}
2010-10-10 17:43:02 +00:00
.settingsButton {
background-image: url(../graphics/tools.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2010-10-10 17:43:02 +00:00
}
.upButton {
background-image: url(../graphics/up.gif) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
}
2013-07-21 10:04:38 +00:00
.downButton {
background-image: url(../graphics/down.gif) !important;
background-position: 0px 0px !important;
}
2011-05-03 16:15:38 +00:00
.backButton {
background-image: url(../graphics/back.gif) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2011-05-03 16:15:38 +00:00
}
.pdfButton {
background-image: url(../graphics/pdf.png) !important;
2013-02-22 19:30:43 +00:00
background-position: 0px 0px !important;
2011-05-03 16:15:38 +00:00
}
2013-11-17 19:05:10 +00:00
.dryRunButton {
background-image: url(../graphics/dryRun.png) !important;
background-position: 0px 0px !important;
}
2014-09-13 14:43:44 +00:00
.trashButton {
background-image: url(../graphics/trash.png) !important;
background-position: 0px 0px !important;
}
.refreshButton {
background-image: url(../graphics/refresh.png) !important;
background-position: 0px 0px !important;
}
2015-06-12 18:28:25 +00:00
.testButton {
background-image: url(../graphics/tests.png) !important;
background-position: 0px 0px !important;
}
2010-09-02 18:43:05 +00:00
.smallPadding span {
padding: 0.1em 0.4em !important;
2009-11-13 20:12:34 +00:00
}
.smallPaddingContent {
padding: 0.5em;
}
2010-10-17 13:37:22 +00:00
/** titles */
.titleText {
color: black;
}
2010-09-04 12:41:22 +00:00
/** subtitles */
2010-10-17 13:37:22 +00:00
.subTitle {
2010-09-04 12:41:22 +00:00
margin: 20px 0px 15px 0px;
2011-12-08 19:18:22 +00:00
border-bottom: 1px dotted black;
2010-09-04 12:41:22 +00:00
}
2010-10-17 13:37:22 +00:00
.subTitleText {
2010-09-04 12:41:22 +00:00
margin: 0px 0px 0px 10px;
2010-10-17 13:37:22 +00:00
color: black;
2010-09-04 12:41:22 +00:00
}
.hidden {
display: none;
}
.nowrap {
white-space: nowrap;
}
hr.dotted {
border-bottom: 1px dotted black;
border-top: none;
border-right: none;
border-left: none;
}
2011-12-22 08:43:17 +00:00
div.ui-progressbar-value {
background-image: url(images/pbar-ani.gif);
}
2012-11-30 19:21:47 +00:00
.fullwidth {
width: 100%;
}
2013-01-12 11:27:15 +00:00
.halfwidth {
width: 50%;
}
2014-03-29 09:55:25 +00:00
td.loginLogo {
background-image: url(../graphics/lam.png);
background-repeat:no-repeat;
background-position: center;
margin: 5px;
height: 320px;
width: 65px;
}
2015-08-02 19:16:46 +00:00
.roundedShadowBox {
border: 2px solid #a0a0a4;
border-radius: 5px;
2015-07-29 19:14:10 +00:00
box-shadow: 2px 2px 5px #a0a0a4;
display: inline-block;
background-color: white;
padding: 20px;
2015-08-02 19:16:46 +00:00
max-width: 580px;
2015-07-29 19:14:10 +00:00
}
div.centeredTable {
display: table;
width: 100%;
text-align: center;
}
2014-03-29 11:04:14 +00:00
a.lamLogo {
background-image: url(../graphics/logo24.png);
background-repeat: no-repeat;
background-position: left;
line-height: 24px;
display: block;
text-indent:32px;
vertical-align: middle;
white-space: nowrap;
margin-left: 5px;
}
2014-03-29 09:55:25 +00:00
input.markFail {
background-color: #ffc4ba;
}
input.markOk {
background-color: #abebaa;
}
2013-02-10 16:00:41 +00:00
.sortableList { list-style-type: none; margin: 0; padding: 0; }
.sortableList li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; }
.sortableList li span { position: absolute; margin-left: -1.3em; }
/**
* table style for delete.php
*
*/
/* table preferences */
table.account {
2003-09-11 16:55:57 +00:00
border-width:0px;
border-style:solid;
border-color:#000000;
}
/* color of entry rows */
tr.account {
background-color:#FFFFEE;
}
/* --- workaround for vertical tabs --- */
#lamVerticalTabs .ui-tabs-nav li {
margin: 0 -1px .2em 0;
clear: left;
width: 100%;
border-bottom-width: 1px !important;
border-right-width: 0 !important;
2010-12-14 19:45:58 +00:00
border-bottom: 1px solid #AAAAAA !important;
}
#lamVerticalTabs .ui-tabs-nav li.ui-tabs-selected {
border-right-width: 1px;
border-right-width: 1px;
padding-bottom: 0;
padding-right: .1em;
}
#lamVerticalTabs .ui-tabs-nav {
float: left;
padding: .2em .1em .2em .2em !IMPORTANT;
}
#lamVerticalTabs .ui-tabs-panel {
padding: 1em;
float: left;
}
2015-07-26 09:37:40 +00:00
#lamVerticalTabs .ui-widget-header {
2010-12-14 19:45:58 +00:00
background: #CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x150-vertical.png) repeat-y;
}
#lamVerticalTabs .ui-tabs-nav li button {
width: 100%;
text-align: left;
display:block;
2011-12-27 21:04:42 +00:00
color: #555555;
}
/* --- end of workaround for vertical tabs --- */
2011-01-06 17:38:16 +00:00
.tabs-hover {
2011-01-08 19:44:08 +00:00
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
2011-01-06 17:38:16 +00:00
}
/* title bar */
.titleBar {
background: #AAAAAA url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
border-top: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
padding: 5px 5px 5px 15px;
}
.titleBarTitle {
font: bold 1em Arial,Tahoma,Verdana,sans-serif;
}
.titleBarSubtitle {
/* font-style: italic;*/
padding: 0px 5px 0px 10px;
}
/**
* Color and font definitions for templates/status.php
*
*/
/* Background olor for the different Status Messages */
2003-08-16 17:29:18 +00:00
div.statusInfo {
2007-07-05 19:36:49 +00:00
background-color:#a8c3ff;
border: 1px solid blue;
}
2003-08-16 17:29:18 +00:00
div.statusWarn {
2007-07-05 19:36:49 +00:00
background-color:#fff2a3;
2013-04-28 18:45:35 +00:00
border: 1px solid #f59d00;
}
2003-08-16 17:29:18 +00:00
div.statusError {
2007-07-05 19:36:49 +00:00
background-color:#ffc4ba;
border: 1px solid red;
}
/* H2 (MessageHeadline) font size, family, color, and some more settings for the different Status Messages */
2013-04-28 18:45:35 +00:00
div.statusTitle {
font-weight: bold;
margin: 3px 3px 3px 15px;
}
/* P (MessageText) font size, family, color, and some more settings for the different Status Messages */
2013-04-28 18:45:35 +00:00
p.statusText {
margin: 3px 3px 3px 25px;
}
2009-10-07 18:08:32 +00:00
input.smallImageButton {
background-position: 2px center;
background-repeat: no-repeat;
height:24px;
2010-09-04 12:41:22 +00:00
border: 0px;
background-color: transparent;
cursor:pointer;
2009-10-07 18:08:32 +00:00
}
2013-10-20 18:07:56 +00:00
/* help tooltip */
th.help {
text-align: left;
padding-bottom: 10px;
2015-07-26 07:55:08 +00:00
font-size: 85%;
2013-10-20 18:07:56 +00:00
}
td.help {
2015-07-26 07:55:08 +00:00
font-size: 85%;
2013-10-20 18:07:56 +00:00
}
2014-10-25 13:13:44 +00:00
img.photo {
max-width: 200px;
max-height: 400px;
}
div.confModList {
max-height: 300px;
overflow-y: auto;
}
2005-01-30 15:39:01 +00:00
2005-04-22 08:56:47 +00:00
/* schema browser */
2005-01-30 15:39:01 +00:00
table.schema_oclasses {
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 0;
margin-bottom: 10px;
background-color: #eee;
}
table.schema_oclasses td {
vertical-align: top;
text-align: left;
padding-left: 5px;
}
2011-07-06 08:47:04 +00:00
table.schema_attr {
border: 1px solid black;
}
2005-01-30 15:39:01 +00:00
table.schema_attr th {
2011-07-06 08:47:04 +00:00
background-color: #F3F3F3;
2005-01-30 15:39:01 +00:00
padding: 5px;
2011-07-06 08:47:04 +00:00
color: black;
2005-01-30 15:39:01 +00:00
font-weight: bold;
font-size: 125%;
}
table.schema_attr td {
padding: 5px;
vertical-align: top;
}
table.schema_attr tr.even {
background-color: #eee;
}
table.schema_attr tr.odd {
background-color: #ccc;
}
table.schema_attr tr.highlight{
background-color: #bcd;
font-weight: Bold;
}
ul.schema {
margin: 5px;
margin-left: 0px;
padding-left: 20px;
}
ul.schema li {
margin-left: 0px;
padding-left: 0px;
}
ul.schema li small {
font-size: 75%;
color: #777;
}
ul.schema li small a {
color: #77c;
}
h4.schema_oclass {
2011-07-06 08:47:04 +00:00
background: #F3F3F3;
2005-01-30 15:39:01 +00:00
padding: 5px;
margin: 0px;
margin-top: 8px;
font-weight: normal;
border: 1px solid black;
font-size: 140%;
2011-07-06 08:47:04 +00:00
color: black;
2005-01-30 15:39:01 +00:00
}
h4.schema_oclass_sub {
background: #dde;
border: 1px solid black;
border-top: 0px;
font-weight: normal;
margin: 0px;
padding: 2px;
padding-left: 5px;
font-size: 80%;
}
2013-01-19 13:18:52 +00:00
/** colors for account types */
.alias-border { border-color:#af8800; }
2013-02-22 19:30:43 +00:00
.alias-bright { background:#fff3c8 !important; }
2013-01-19 13:18:52 +00:00
.alias-dark { background-color:#ffe27f !important; }
.asteriskExt-border { border-color:#af8800; }
2013-02-22 19:30:43 +00:00
.asteriskExt-bright { background:#fff3c8 !important; }
2013-01-19 13:18:52 +00:00
.asteriskExt-dark { background-color:#ffe27f !important; }
.automountType-border { border-color:#7167bf; }
2013-02-22 19:30:43 +00:00
.automountType-bright { background:#d6e3ff !important; }
2013-01-19 13:18:52 +00:00
.automountType-dark { background-color:#a8c3ff !important; }
.dhcp-border { border-color:#527510; }
2013-02-22 19:30:43 +00:00
.dhcp-bright { background:#d4f19b !important; }
2013-01-19 13:18:52 +00:00
.dhcp-dark { background-color:#9fc653 !important; }
.gon-border { border-color:#7167bf; }
2013-02-22 19:30:43 +00:00
.gon-bright { background:#d6e3ff !important; }
2013-01-19 13:18:52 +00:00
.gon-dark { background-color:#a8c3ff !important; }
.group-border { border-color:#7167bf; }
2013-02-22 19:30:43 +00:00
.group-bright { background:#d6e3ff !important; }
2013-01-19 13:18:52 +00:00
.group-dark { background-color:#a8c3ff !important; }
.host-border { border-color:#911a1a; }
2013-02-22 19:30:43 +00:00
.host-bright { background:#ffe2dd !important; }
2013-01-19 13:18:52 +00:00
.host-dark { background-color:#ffc4ba !important; }
.mailAlias-border { border-color:#af8800; }
2013-02-22 19:30:43 +00:00
.mailAlias-bright { background:#fff3c8 !important; }
2013-01-19 13:18:52 +00:00
.mailAlias-dark { background-color:#ffe27f !important; }
.netgroup-border { border-color:#7167bf; }
2013-02-22 19:30:43 +00:00
.netgroup-bright { background:#d6e3ff !important; }
2013-01-19 13:18:52 +00:00
.netgroup-dark { background-color:#a8c3ff !important; }
.nisObjectType-border { border-color:#7167bf; }
2013-02-22 19:30:43 +00:00
.nisObjectType-bright { background:#d6e3ff !important; }
2013-01-19 13:18:52 +00:00
.nisObjectType-dark { background-color:#a8c3ff !important; }
.ppolicyType-border { border-color:#af8800; }
2013-02-22 19:30:43 +00:00
.ppolicyType-bright { background:#fff3c8 !important; }
2013-01-19 13:18:52 +00:00
.ppolicyType-dark { background-color:#ffe27f !important; }
.smbDomain-border { border-color:#1d993e; }
2013-02-22 19:30:43 +00:00
.smbDomain-bright { background:#c9ddd2 !important; }
2013-01-19 13:18:52 +00:00
.smbDomain-dark { background-color:#a8ddbf !important; }
.sudo-border { border-color:#9b8523; }
2013-02-22 19:30:43 +00:00
.sudo-bright { background:#fffde2 !important; }
2013-01-19 13:18:52 +00:00
.sudo-dark { background-color:#fff2a3 !important; }
.user-border { border-color:#9b8523; }
.user-bright { background: #fffde2 !important; }
.user-dark { background-color:#fff2a3 !important; }
.zarafaAddressListType-border { border-color:#7167bf; }
2013-02-22 19:30:43 +00:00
.zarafaAddressListType-bright { background:#d6e3ff !important; }
2013-01-19 13:18:52 +00:00
.zarafaAddressListType-dark { background-color:#a8c3ff !important; }
.zarafaDynamicGroupType-border { border-color:#7167bf; }
2013-02-22 19:30:43 +00:00
.zarafaDynamicGroupType-bright { background:#d6e3ff !important; }
2013-01-19 13:18:52 +00:00
.zarafaDynamicGroupType-dark { background-color:#a8c3ff !important; }
2013-08-25 12:19:00 +00:00
.pykotaPrinterType-border { border-color:#911a1a; }
.pykotaPrinterType-bright { background:#ffe2dd !important; }
.pykotaPrinterType-dark { background-color:#ffc4ba !important; }
2013-01-19 13:18:52 +00:00
2013-09-16 19:24:24 +00:00
.pykotaBillingCodeType-border { border-color:#527510; }
.pykotaBillingCodeType-bright { background:#d4f19b !important; }
.pykotaBillingCodeType-dark { background-color:#9fc653 !important; }
2013-10-27 16:02:36 +00:00
.bind-border { border-color:#32768b; }
.bind-bright { background:#b6eeff !important; }
.bind-dark { background-color:#80e0e1 !important; }
2013-01-19 13:18:52 +00:00
2013-11-03 17:17:47 +00:00
.kolabSharedFolderType-border { border-color:#32768b; }
.kolabSharedFolderType-bright { background:#b6eeff !important; }
.kolabSharedFolderType-dark { background-color:#80e0e1 !important; }
2014-02-09 14:47:35 +00:00
.oracleContextType-border { border-color:#32768b; }
.oracleContextType-bright { background:#b6eeff !important; }
.oracleContextType-dark { background-color:#80e0e1 !important; }
2016-01-06 15:05:52 +00:00
.nsviewType-border { border-color:#af8800; }
.nsviewType-bright { background:#fff3c8 !important; }
.nsviewType-dark { background-color:#ffe27f !important; }
2015-07-29 19:14:10 +00:00
/** responsive styles */
2015-08-02 17:34:10 +00:00
2015-08-09 13:18:04 +00:00
.row {
margin-top: 5px;
}
2015-08-09 07:22:01 +00:00
.row input {
width: 100%;
}
2015-08-09 13:18:04 +00:00
.row input[type="checkbox"] {
width: auto;
}
.row input[type="radio"] {
width: auto;
}
2015-08-02 17:34:10 +00:00
div.dialog-page {
2015-08-06 19:20:54 +00:00
float: left;
2015-08-02 17:34:10 +00:00
}
2015-07-29 19:14:10 +00:00
/* mobile */
@media only screen and (max-width: 40.0625em) {
2015-08-05 17:03:32 +00:00
.responsiveLabel {
2015-07-29 19:14:10 +00:00
text-align: left;
}
}
/* tablet */
@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) {
2015-08-05 17:03:32 +00:00
.responsiveLabel {
text-align: right;
2015-07-29 19:14:10 +00:00
}
2015-08-05 17:03:32 +00:00
.responsiveField {
text-align: left;
2015-07-29 19:14:10 +00:00
}
}
/* desktop */
@media only screen and (min-width: 64.0625em) {
2015-08-05 17:03:32 +00:00
.responsiveLabel {
text-align: right;
2015-07-29 19:14:10 +00:00
}
2015-08-05 17:03:32 +00:00
.responsiveField {
text-align: left;
2015-07-29 19:14:10 +00:00
}
}