Panels
diff --git a/material/material.css b/material/material.css
index 8d80d9c6..90f58c9a 100644
--- a/material/material.css
+++ b/material/material.css
@@ -1659,8 +1659,10 @@ select.form-control:focus {
legend {
border-bottom: 0;
}
+body .well,
.container .well,
.container-fluid .well,
+body .jumbotron,
.container .jumbotron,
.container-fluid .jumbotron {
background-color: #fff;
@@ -1668,292 +1670,390 @@ legend {
border-radius: 2px;
border: 0;
}
+body .well p,
.container .well p,
.container-fluid .well p,
+body .jumbotron p,
.container .jumbotron p,
.container-fluid .jumbotron p {
font-weight: 300;
}
+body .well,
.container .well,
.container-fluid .well,
+body .jumbotron,
.container .jumbotron,
.container-fluid .jumbotron,
+body .well-default,
.container .well-default,
.container-fluid .well-default,
+body .jumbotron-default,
.container .jumbotron-default,
.container-fluid .jumbotron-default {
background-color: #ffffff;
}
+body .well-primary,
.container .well-primary,
.container-fluid .well-primary,
+body .jumbotron-primary,
.container .jumbotron-primary,
.container-fluid .jumbotron-primary {
background-color: #4285f4;
}
+body .well-success,
.container .well-success,
.container-fluid .well-success,
+body .jumbotron-success,
.container .jumbotron-success,
.container-fluid .jumbotron-success {
background-color: #0f9d58;
}
+body .well-info,
.container .well-info,
.container-fluid .well-info,
+body .jumbotron-info,
.container .jumbotron-info,
.container-fluid .jumbotron-info {
background-color: #03a9f4;
}
+body .well-warning,
.container .well-warning,
.container-fluid .well-warning,
+body .jumbotron-warning,
.container .jumbotron-warning,
.container-fluid .jumbotron-warning {
background-color: #ff5722;
}
+body .well-danger,
.container .well-danger,
.container-fluid .well-danger,
+body .jumbotron-danger,
.container .jumbotron-danger,
.container-fluid .jumbotron-danger {
background-color: #f44336;
}
+body .well-material-red,
.container .well-material-red,
.container-fluid .well-material-red,
+body .jumbotron-material-red,
.container .jumbotron-material-red,
.container-fluid .jumbotron-material-red {
background-color: #f44336;
}
+body .well-material-pink,
.container .well-material-pink,
.container-fluid .well-material-pink,
+body .jumbotron-material-pink,
.container .jumbotron-material-pink,
.container-fluid .jumbotron-material-pink {
background-color: #e91e63;
}
+body .well-material-purple,
.container .well-material-purple,
.container-fluid .well-material-purple,
+body .jumbotron-material-purple,
.container .jumbotron-material-purple,
.container-fluid .jumbotron-material-purple {
background-color: #9c27b0;
}
+body .well-material-deeppurple,
.container .well-material-deeppurple,
.container-fluid .well-material-deeppurple,
+body .jumbotron-material-deeppurple,
.container .jumbotron-material-deeppurple,
.container-fluid .jumbotron-material-deeppurple {
background-color: #673ab7;
}
+body .well-material-indigo,
.container .well-material-indigo,
.container-fluid .well-material-indigo,
+body .jumbotron-material-indigo,
.container .jumbotron-material-indigo,
.container-fluid .jumbotron-material-indigo {
background-color: #3f51b5;
}
+body .well-material-lightblue,
.container .well-material-lightblue,
.container-fluid .well-material-lightblue,
+body .jumbotron-material-lightblue,
.container .jumbotron-material-lightblue,
.container-fluid .jumbotron-material-lightblue {
background-color: #03a9f4;
}
+body .well-material-cyan,
.container .well-material-cyan,
.container-fluid .well-material-cyan,
+body .jumbotron-material-cyan,
.container .jumbotron-material-cyan,
.container-fluid .jumbotron-material-cyan {
background-color: #00bcd4;
}
+body .well-material-teal,
.container .well-material-teal,
.container-fluid .well-material-teal,
+body .jumbotron-material-teal,
.container .jumbotron-material-teal,
.container-fluid .jumbotron-material-teal {
background-color: #009688;
}
+body .well-material-lightgreen,
.container .well-material-lightgreen,
.container-fluid .well-material-lightgreen,
+body .jumbotron-material-lightgreen,
.container .jumbotron-material-lightgreen,
.container-fluid .jumbotron-material-lightgreen {
background-color: #8bc34a;
}
+body .well-material-lime,
.container .well-material-lime,
.container-fluid .well-material-lime,
+body .jumbotron-material-lime,
.container .jumbotron-material-lime,
.container-fluid .jumbotron-material-lime {
background-color: #cddc39;
}
+body .well-material-lightyellow,
.container .well-material-lightyellow,
.container-fluid .well-material-lightyellow,
+body .jumbotron-material-lightyellow,
.container .jumbotron-material-lightyellow,
.container-fluid .jumbotron-material-lightyellow {
background-color: #ffeb3b;
}
+body .well-material-orange,
.container .well-material-orange,
.container-fluid .well-material-orange,
+body .jumbotron-material-orange,
.container .jumbotron-material-orange,
.container-fluid .jumbotron-material-orange {
background-color: #ff9800;
}
+body .well-material-deeporange,
.container .well-material-deeporange,
.container-fluid .well-material-deeporange,
+body .jumbotron-material-deeporange,
.container .jumbotron-material-deeporange,
.container-fluid .jumbotron-material-deeporange {
background-color: #ff5722;
}
+body .well-material-grey,
.container .well-material-grey,
.container-fluid .well-material-grey,
+body .jumbotron-material-grey,
.container .jumbotron-material-grey,
.container-fluid .jumbotron-material-grey {
background-color: #9e9e9e;
}
+body .well-material-bluegrey,
.container .well-material-bluegrey,
.container-fluid .well-material-bluegrey,
+body .jumbotron-material-bluegrey,
.container .jumbotron-material-bluegrey,
.container-fluid .jumbotron-material-bluegrey {
background-color: #607d8b;
}
+body .well-material-brown,
.container .well-material-brown,
.container-fluid .well-material-brown,
+body .jumbotron-material-brown,
.container .jumbotron-material-brown,
.container-fluid .jumbotron-material-brown {
background-color: #795548;
}
+body .well-material-lightgrey,
.container .well-material-lightgrey,
.container-fluid .well-material-lightgrey,
+body .jumbotron-material-lightgrey,
.container .jumbotron-material-lightgrey,
.container-fluid .jumbotron-material-lightgrey {
background-color: #ececec;
}
+body .well,
.container .well,
.container-fluid .well,
+body .jumbotron,
.container .jumbotron,
.container-fluid .jumbotron,
+body .well-default,
.container .well-default,
.container-fluid .well-default,
+body .jumbotron-default,
.container .jumbotron-default,
.container-fluid .jumbotron-default {
color: rgba(0, 0, 0, 0.84);
}
+body .well-primary,
.container .well-primary,
.container-fluid .well-primary,
+body .jumbotron-primary,
.container .jumbotron-primary,
.container-fluid .jumbotron-primary {
color: #4285f4;
}
+body .well-success,
.container .well-success,
.container-fluid .well-success,
+body .jumbotron-success,
.container .jumbotron-success,
.container-fluid .jumbotron-success {
color: #0f9d58;
}
+body .well-info,
.container .well-info,
.container-fluid .well-info,
+body .jumbotron-info,
.container .jumbotron-info,
.container-fluid .jumbotron-info {
color: #03a9f4;
}
+body .well-warning,
.container .well-warning,
.container-fluid .well-warning,
+body .jumbotron-warning,
.container .jumbotron-warning,
.container-fluid .jumbotron-warning {
color: #ff5722;
}
+body .well-danger,
.container .well-danger,
.container-fluid .well-danger,
+body .jumbotron-danger,
.container .jumbotron-danger,
.container-fluid .jumbotron-danger {
color: #f44336;
}
+body .well-material-red,
.container .well-material-red,
.container-fluid .well-material-red,
+body .jumbotron-material-red,
.container .jumbotron-material-red,
.container-fluid .jumbotron-material-red {
color: #f44336;
}
+body .well-material-pink,
.container .well-material-pink,
.container-fluid .well-material-pink,
+body .jumbotron-material-pink,
.container .jumbotron-material-pink,
.container-fluid .jumbotron-material-pink {
color: #e91e63;
}
+body .well-material-purple,
.container .well-material-purple,
.container-fluid .well-material-purple,
+body .jumbotron-material-purple,
.container .jumbotron-material-purple,
.container-fluid .jumbotron-material-purple {
color: #9c27b0;
}
+body .well-material-deeppurple,
.container .well-material-deeppurple,
.container-fluid .well-material-deeppurple,
+body .jumbotron-material-deeppurple,
.container .jumbotron-material-deeppurple,
.container-fluid .jumbotron-material-deeppurple {
color: #673ab7;
}
+body .well-material-indigo,
.container .well-material-indigo,
.container-fluid .well-material-indigo,
+body .jumbotron-material-indigo,
.container .jumbotron-material-indigo,
.container-fluid .jumbotron-material-indigo {
color: #3f51b5;
}
+body .well-material-lightblue,
.container .well-material-lightblue,
.container-fluid .well-material-lightblue,
+body .jumbotron-material-lightblue,
.container .jumbotron-material-lightblue,
.container-fluid .jumbotron-material-lightblue {
color: #03a9f4;
}
+body .well-material-cyan,
.container .well-material-cyan,
.container-fluid .well-material-cyan,
+body .jumbotron-material-cyan,
.container .jumbotron-material-cyan,
.container-fluid .jumbotron-material-cyan {
color: #00bcd4;
}
+body .well-material-teal,
.container .well-material-teal,
.container-fluid .well-material-teal,
+body .jumbotron-material-teal,
.container .jumbotron-material-teal,
.container-fluid .jumbotron-material-teal {
color: #009688;
}
+body .well-material-lightgreen,
.container .well-material-lightgreen,
.container-fluid .well-material-lightgreen,
+body .jumbotron-material-lightgreen,
.container .jumbotron-material-lightgreen,
.container-fluid .jumbotron-material-lightgreen {
color: #8bc34a;
}
+body .well-material-lime,
.container .well-material-lime,
.container-fluid .well-material-lime,
+body .jumbotron-material-lime,
.container .jumbotron-material-lime,
.container-fluid .jumbotron-material-lime {
color: #cddc39;
}
+body .well-material-lightyellow,
.container .well-material-lightyellow,
.container-fluid .well-material-lightyellow,
+body .jumbotron-material-lightyellow,
.container .jumbotron-material-lightyellow,
.container-fluid .jumbotron-material-lightyellow {
color: #ffeb3b;
}
+body .well-material-orange,
.container .well-material-orange,
.container-fluid .well-material-orange,
+body .jumbotron-material-orange,
.container .jumbotron-material-orange,
.container-fluid .jumbotron-material-orange {
color: #ff9800;
}
+body .well-material-deeporange,
.container .well-material-deeporange,
.container-fluid .well-material-deeporange,
+body .jumbotron-material-deeporange,
.container .jumbotron-material-deeporange,
.container-fluid .jumbotron-material-deeporange {
color: #ff5722;
}
+body .well-material-grey,
.container .well-material-grey,
.container-fluid .well-material-grey,
+body .jumbotron-material-grey,
.container .jumbotron-material-grey,
.container-fluid .jumbotron-material-grey {
color: #9e9e9e;
}
+body .well-material-bluegrey,
.container .well-material-bluegrey,
.container-fluid .well-material-bluegrey,
+body .jumbotron-material-bluegrey,
.container .jumbotron-material-bluegrey,
.container-fluid .jumbotron-material-bluegrey {
color: #607d8b;
}
+body .well-material-brown,
.container .well-material-brown,
.container-fluid .well-material-brown,
+body .jumbotron-material-brown,
.container .jumbotron-material-brown,
.container-fluid .jumbotron-material-brown {
color: #795548;
}
+body .well-material-lightgrey,
.container .well-material-lightgrey,
.container-fluid .well-material-lightgrey,
+body .jumbotron-material-lightgrey,
.container .jumbotron-material-lightgrey,
.container-fluid .jumbotron-material-lightgrey {
color: #ececec;
@@ -1973,16 +2073,97 @@ legend {
margin-bottom: 10px;
}
.list-group {
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- border-radius: 2px;
+ border-radius: 0;
}
-.list-group .list-group-item:last-child {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
+.list-group .list-group-item {
+ background-color: transparent;
+ overflow: hidden;
+ border: 0;
+ border-radius: 0;
+ padding: 0 16px;
}
-.list-group .list-group-item:first-child {
- border-top-right-radius: 2px;
- boborder-top-right-radius: 2px;
+.list-group .list-group-item .row-picture,
+.list-group .list-group-item .row-action-primary {
+ float: left;
+ display: inline-block;
+ padding-right: 16px;
+}
+.list-group .list-group-item .row-picture img,
+.list-group .list-group-item .row-action-primary img,
+.list-group .list-group-item .row-picture i,
+.list-group .list-group-item .row-action-primary i,
+.list-group .list-group-item .row-picture label,
+.list-group .list-group-item .row-action-primary label {
+ display: block;
+ width: 56px;
+ height: 56px;
+}
+.list-group .list-group-item .row-picture img,
+.list-group .list-group-item .row-action-primary img {
+ background: rgba(0, 0, 0, 0.1);
+ padding: 1px;
+}
+.list-group .list-group-item .row-picture img.circle,
+.list-group .list-group-item .row-action-primary img.circle {
+ border-radius: 100%;
+}
+.list-group .list-group-item .row-picture i,
+.list-group .list-group-item .row-action-primary i {
+ background: rgba(0, 0, 0, 0.25);
+ border-radius: 100%;
+ text-align: center;
+ line-height: 56px;
+ font-size: 20px;
+ color: white;
+}
+.list-group .list-group-item .row-picture label,
+.list-group .list-group-item .row-action-primary label {
+ margin-left: 7px;
+ margin-right: -7px;
+ margin-top: 5px;
+ margin-bottom: -5px;
+}
+.list-group .list-group-item .row-content {
+ display: inline-block;
+ width: calc(100% - 92px);
+ min-height: 66px;
+}
+.list-group .list-group-item .row-content .action-secondary {
+ position: absolute;
+ right: 16px;
+ top: 16px;
+}
+.list-group .list-group-item .row-content .action-secondary i {
+ font-size: 20px;
+ color: rgba(0, 0, 0, 0.25);
+ cursor: pointer;
+}
+.list-group .list-group-item .row-content .action-secondary ~ * {
+ max-width: calc(100% - 30px);
+}
+.list-group .list-group-item .row-content .least-content {
+ position: absolute;
+ right: 16px;
+ top: 0px;
+ color: rgba(0, 0, 0, 0.54);
+ font-size: 14px;
+}
+.list-group .list-group-item .list-group-item-heading {
+ color: rgba(0, 0, 0, 0.77);
+ font-size: 20px;
+ line-height: 29px;
+}
+.list-group .list-group-separator {
+ clear: both;
+ overflow: hidden;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+.list-group .list-group-separator:before {
+ content: "";
+ width: calc(100% - 90px);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ float: right;
}
.navbar {
background-color: #4285f4;
+ 
+