tellform/public/modules/forms/css/form.css

128 lines
2.7 KiB
CSS
Raw Normal View History

2015-07-02 02:49:35 +00:00
/* Styles for form admin view (/forms/:formID/admin) */
.admin-form > .page-header {
padding-bottom: 0px;
margin-bottom: 40px;
}
.admin-form > .page-header h1 {
margin-bottom: 0px
}
.admin-form > .page-header > .col-xs-3 {
padding-top: 1.4em;
}
.admin-form .form-controls .row {
padding: 5px;
}
2015-07-03 23:47:14 +00:00
.admin-form .page-header {
border: none;
}
/*Styles for admin view tabs */
.admin-form .tab-content {
padding-top: 3em;
}
2015-07-02 02:49:35 +00:00
2015-07-04 03:25:25 +00:00
.admin-form .panel-heading {
background-color: #f1f1f1;
}
.admin-form .panel-heading:hover {
background-color: #fff;
cursor: pointer;
}
.admin-form .panel-heading a:hover {
text-decoration: none;
}
.current-fields .tool-panel > .panel-default:hover {
border-color: #9d9d9d;
cursor: pointer;
}
.current-fields .tool-panel > .panel-default .panel-heading {
background-color: #fff;
color: #9d9d9d!important;
}
.current-fields .tool-panel > .panel-default .panel-heading:hover {
background-color: #eee;
color: #000!important;
cursor: pointer;
}
.current-fields .tool-panel > .panel-default .panel-heading a {
color: inherit;
}
.current-fields .tool-panel > .panel-default .panel-heading a:hover{
text-decoration: none;
}
2015-07-03 23:47:14 +00:00
/*Style for edit fields tab*/
.admin-form .tab-content .add-field {
border-right: 1px solid #ddd;
background-color: #ddd;
}
2015-06-29 22:51:29 +00:00
2015-07-02 02:49:35 +00:00
.status-light {
padding-left:0.6em;
}
.status-light.status-light-off {
color: red;
}
.status-light.status-light-on {
color: green;
}
/* Styles for form list view (/forms) */
section > section.ng-scope {
padding: 0 60px 20px 60px;
}
2015-06-30 08:54:00 +00:00
.form-item.row {
text-align: center;
2015-07-02 02:49:35 +00:00
border-bottom: 6px inset #ccc;
2015-06-30 08:54:00 +00:00
background-color: #eee;
width: 180px;
height: 215px;
2015-07-02 02:49:35 +00:00
margin-bottom: 45px;
2015-06-29 22:51:29 +00:00
}
2015-06-30 08:54:00 +00:00
.form-item.row.create-new {
2015-07-01 23:14:39 +00:00
background-color: rgb(131,131,131);
2015-06-30 08:54:00 +00:00
color: white;
2015-06-29 22:51:29 +00:00
}
2015-06-30 08:54:00 +00:00
.form-item.row:hover, .form-item.row.create-new:hover {
2015-07-02 02:49:35 +00:00
border-bottom: 8px inset #ccc;
2015-06-30 10:00:23 +00:00
background-color: #d9d9d9;
2015-06-29 22:51:29 +00:00
}
2015-06-30 08:54:00 +00:00
.form-item.row.create-new:hover {
2015-06-30 10:00:23 +00:00
/*color: #eee;*/
background-color: rgb(81,81,81);
2015-06-29 22:51:29 +00:00
}
2015-06-30 08:54:00 +00:00
.form-item.row > .title-row{
position: relative;
top: 15px;
padding-top:3em;
padding-bottom:3.65em;
2015-06-29 22:51:29 +00:00
}
2015-06-30 08:54:00 +00:00
.form-item.row > .title-row h4 {
font-size: 1.3em;
}
2015-06-29 22:51:29 +00:00
2015-06-30 08:54:00 +00:00
.form-item.row.create-new > .title-row{
padding: 0;
/*margin-top:1em; */
2015-06-29 22:51:29 +00:00
}
2015-06-30 08:54:00 +00:00
.form-item.row.create-new > .title-row h4 {
font-size: 7em;
}
2015-06-29 22:51:29 +00:00
2015-06-30 08:54:00 +00:00
.form-item.row > .details-row{
margin-top: 3.2em;
2015-06-29 22:51:29 +00:00
}
2015-06-30 08:54:00 +00:00
.form-item.row > .details-row small {
font-size: 0.65em;
}
.form-item.row.create-new > .details-row small {
font-size: 0.95em;
}