tupdate materialize, expand description to table of results - cosmo - front and backend for Markov-Chain Monte Carlo inversion of cosmogenic nuclide concentrations
(HTM) git clone git://src.adamsgaard.dk/cosmo
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
(DIR) commit 068ac11fc72743cb31c163b7b5e5871b6f6438de
(DIR) parent 49fb9a9ce650f09e31d0ff0969474ed0742714b1
(HTM) Author: Anders Damsgaard <anders.damsgaard@geo.au.dk>
Date: Thu, 19 Nov 2015 10:50:52 +0100
update materialize, expand description to table of results
Diffstat:
M css/materialize.css | 528 ++++++++++++++++++++++++-------
M css/materialize.min.css | 14 +++++++-------
M index.php | 4 +++-
M js/materialize.js | 1089 ++++++++++++++++++++-----------
M js/materialize.min.js | 21 +++++++++++----------
5 files changed, 1130 insertions(+), 526 deletions(-)
---
(DIR) diff --git a/css/materialize.css b/css/materialize.css
t@@ -1,8 +1,8 @@
-/*!
- * Materialize v0.97.0 (http://materializecss.com)
- * Copyright 2014-2015 Materialize
- * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
- */
+/*!
+ * Materialize v0.97.3 (http://materializecss.com)
+ * Copyright 2014-2015 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
.materialize-red.lighten-5 {
background-color: #fdeaeb !important; }
t@@ -1628,6 +1628,8 @@
/*** Buttons ***/
/*** Cards ***/
/*** Collapsible ***/
+/*** Chips ***/
+/*** Date Picker ***/
/*** Dropdown ***/
/*** Fonts ***/
/*** Forms ***/
t@@ -1635,6 +1637,7 @@
/*** Navbar ***/
/*** SideNav ***/
/*** Photo Slider ***/
+/*** Spinners | Loaders ***/
/*** Tabs ***/
/*** Tables ***/
/*** Toasts ***/
t@@ -2056,7 +2059,7 @@ img.responsive-img, video.responsive-video {
height: auto; }
.pagination li {
- float: left;
+ display: inline-block;
font-size: 1.2rem;
padding: 0 10px;
line-height: 30px;
t@@ -2072,7 +2075,8 @@ img.responsive-img, video.responsive-video {
cursor: default;
color: #999; }
.pagination li i {
- font-size: 2rem; }
+ font-size: 2.2rem;
+ vertical-align: middle; }
.pagination li.pages ul li {
display: inline-block;
float: none; }
t@@ -2087,6 +2091,25 @@ img.responsive-img, video.responsive-video {
overflow: hidden;
white-space: nowrap; } }
+.breadcrumb {
+ font-size: 18px;
+ color: rgba(255, 255, 255, 0.7); }
+ .breadcrumb:before {
+ content: '\E5CC';
+ color: rgba(255, 255, 255, 0.7);
+ vertical-align: top;
+ display: inline-block;
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 25px;
+ margin: 0 10px 0 8px;
+ -webkit-font-smoothing: antialiased; }
+ .breadcrumb:first-child:before {
+ display: none; }
+ .breadcrumb:last-child {
+ color: #fff; }
+
.parallax-container {
position: relative;
overflow: hidden;
t@@ -2196,13 +2219,13 @@ table {
background-color: #f2f2f2; }
table.striped > tbody > tr > td {
border-radius: 0px; }
- table.hoverable > tbody > tr {
+ table.highlight > tbody > tr {
-webkit-transition: background-color .25s ease;
-moz-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
-ms-transition: background-color .25s ease;
transition: background-color .25s ease; }
- table.hoverable > tbody > tr:hover {
+ table.highlight > tbody > tr:hover {
background-color: #f2f2f2; }
table.centered thead tr th, table.centered tbody tr td {
text-align: center; }
t@@ -2314,6 +2337,8 @@ td, th {
.collection .collection-item.active {
background-color: #26a69a;
color: #eafaf9; }
+ .collection .collection-item.active .secondary-content {
+ color: #fff; }
.collection a.collection-item {
display: block;
-webkit-transition: 0.25s;
t@@ -2337,6 +2362,10 @@ td, th {
float: right;
color: #26a69a; }
+.collapsible .collection {
+ margin: 0;
+ border: none; }
+
span.badge {
min-width: 3rem;
padding: 0 6px;
t@@ -2358,14 +2387,16 @@ span.badge {
span.badge.new:after {
content: " new"; }
+nav ul a span.badge {
+ position: static;
+ margin-left: 4px;
+ line-height: 0; }
+
.video-container {
position: relative;
padding-bottom: 56.25%;
- padding-top: 30px;
height: 0;
overflow: hidden; }
- .video-container.no-controls {
- padding-top: 0; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
t@@ -5061,188 +5092,334 @@ span.badge {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.75rem; }
+ .row .col[class*="push-"], .row .col[class*="pull-"] {
+ position: relative; }
.row .col.s1 {
width: 8.33333%;
margin-left: 0; }
+ .row .col.offset-s1 {
+ margin-left: 8.33333%; }
+ .row .col.pull-s1 {
+ right: 8.33333%; }
+ .row .col.push-s1 {
+ left: 8.33333%; }
.row .col.s2 {
width: 16.66667%;
margin-left: 0; }
+ .row .col.offset-s2 {
+ margin-left: 16.66667%; }
+ .row .col.pull-s2 {
+ right: 16.66667%; }
+ .row .col.push-s2 {
+ left: 16.66667%; }
.row .col.s3 {
width: 25%;
margin-left: 0; }
+ .row .col.offset-s3 {
+ margin-left: 25%; }
+ .row .col.pull-s3 {
+ right: 25%; }
+ .row .col.push-s3 {
+ left: 25%; }
.row .col.s4 {
width: 33.33333%;
margin-left: 0; }
+ .row .col.offset-s4 {
+ margin-left: 33.33333%; }
+ .row .col.pull-s4 {
+ right: 33.33333%; }
+ .row .col.push-s4 {
+ left: 33.33333%; }
.row .col.s5 {
width: 41.66667%;
margin-left: 0; }
+ .row .col.offset-s5 {
+ margin-left: 41.66667%; }
+ .row .col.pull-s5 {
+ right: 41.66667%; }
+ .row .col.push-s5 {
+ left: 41.66667%; }
.row .col.s6 {
width: 50%;
margin-left: 0; }
+ .row .col.offset-s6 {
+ margin-left: 50%; }
+ .row .col.pull-s6 {
+ right: 50%; }
+ .row .col.push-s6 {
+ left: 50%; }
.row .col.s7 {
width: 58.33333%;
margin-left: 0; }
+ .row .col.offset-s7 {
+ margin-left: 58.33333%; }
+ .row .col.pull-s7 {
+ right: 58.33333%; }
+ .row .col.push-s7 {
+ left: 58.33333%; }
.row .col.s8 {
width: 66.66667%;
margin-left: 0; }
+ .row .col.offset-s8 {
+ margin-left: 66.66667%; }
+ .row .col.pull-s8 {
+ right: 66.66667%; }
+ .row .col.push-s8 {
+ left: 66.66667%; }
.row .col.s9 {
width: 75%;
margin-left: 0; }
+ .row .col.offset-s9 {
+ margin-left: 75%; }
+ .row .col.pull-s9 {
+ right: 75%; }
+ .row .col.push-s9 {
+ left: 75%; }
.row .col.s10 {
width: 83.33333%;
margin-left: 0; }
+ .row .col.offset-s10 {
+ margin-left: 83.33333%; }
+ .row .col.pull-s10 {
+ right: 83.33333%; }
+ .row .col.push-s10 {
+ left: 83.33333%; }
.row .col.s11 {
width: 91.66667%;
margin-left: 0; }
+ .row .col.offset-s11 {
+ margin-left: 91.66667%; }
+ .row .col.pull-s11 {
+ right: 91.66667%; }
+ .row .col.push-s11 {
+ left: 91.66667%; }
.row .col.s12 {
width: 100%;
margin-left: 0; }
- .row .col.offset-s1 {
- margin-left: 8.33333%; }
- .row .col.offset-s2 {
- margin-left: 16.66667%; }
- .row .col.offset-s3 {
- margin-left: 25%; }
- .row .col.offset-s4 {
- margin-left: 33.33333%; }
- .row .col.offset-s5 {
- margin-left: 41.66667%; }
- .row .col.offset-s6 {
- margin-left: 50%; }
- .row .col.offset-s7 {
- margin-left: 58.33333%; }
- .row .col.offset-s8 {
- margin-left: 66.66667%; }
- .row .col.offset-s9 {
- margin-left: 75%; }
- .row .col.offset-s10 {
- margin-left: 83.33333%; }
- .row .col.offset-s11 {
- margin-left: 91.66667%; }
.row .col.offset-s12 {
margin-left: 100%; }
+ .row .col.pull-s12 {
+ right: 100%; }
+ .row .col.push-s12 {
+ left: 100%; }
@media only screen and (min-width : 601px) {
.row .col.m1 {
width: 8.33333%;
margin-left: 0; }
+ .row .col.offset-m1 {
+ margin-left: 8.33333%; }
+ .row .col.pull-m1 {
+ right: 8.33333%; }
+ .row .col.push-m1 {
+ left: 8.33333%; }
.row .col.m2 {
width: 16.66667%;
margin-left: 0; }
+ .row .col.offset-m2 {
+ margin-left: 16.66667%; }
+ .row .col.pull-m2 {
+ right: 16.66667%; }
+ .row .col.push-m2 {
+ left: 16.66667%; }
.row .col.m3 {
width: 25%;
margin-left: 0; }
+ .row .col.offset-m3 {
+ margin-left: 25%; }
+ .row .col.pull-m3 {
+ right: 25%; }
+ .row .col.push-m3 {
+ left: 25%; }
.row .col.m4 {
width: 33.33333%;
margin-left: 0; }
+ .row .col.offset-m4 {
+ margin-left: 33.33333%; }
+ .row .col.pull-m4 {
+ right: 33.33333%; }
+ .row .col.push-m4 {
+ left: 33.33333%; }
.row .col.m5 {
width: 41.66667%;
margin-left: 0; }
+ .row .col.offset-m5 {
+ margin-left: 41.66667%; }
+ .row .col.pull-m5 {
+ right: 41.66667%; }
+ .row .col.push-m5 {
+ left: 41.66667%; }
.row .col.m6 {
width: 50%;
margin-left: 0; }
+ .row .col.offset-m6 {
+ margin-left: 50%; }
+ .row .col.pull-m6 {
+ right: 50%; }
+ .row .col.push-m6 {
+ left: 50%; }
.row .col.m7 {
width: 58.33333%;
margin-left: 0; }
+ .row .col.offset-m7 {
+ margin-left: 58.33333%; }
+ .row .col.pull-m7 {
+ right: 58.33333%; }
+ .row .col.push-m7 {
+ left: 58.33333%; }
.row .col.m8 {
width: 66.66667%;
margin-left: 0; }
+ .row .col.offset-m8 {
+ margin-left: 66.66667%; }
+ .row .col.pull-m8 {
+ right: 66.66667%; }
+ .row .col.push-m8 {
+ left: 66.66667%; }
.row .col.m9 {
width: 75%;
margin-left: 0; }
+ .row .col.offset-m9 {
+ margin-left: 75%; }
+ .row .col.pull-m9 {
+ right: 75%; }
+ .row .col.push-m9 {
+ left: 75%; }
.row .col.m10 {
width: 83.33333%;
margin-left: 0; }
+ .row .col.offset-m10 {
+ margin-left: 83.33333%; }
+ .row .col.pull-m10 {
+ right: 83.33333%; }
+ .row .col.push-m10 {
+ left: 83.33333%; }
.row .col.m11 {
width: 91.66667%;
margin-left: 0; }
+ .row .col.offset-m11 {
+ margin-left: 91.66667%; }
+ .row .col.pull-m11 {
+ right: 91.66667%; }
+ .row .col.push-m11 {
+ left: 91.66667%; }
.row .col.m12 {
width: 100%;
margin-left: 0; }
- .row .col.offset-m1 {
- margin-left: 8.33333%; }
- .row .col.offset-m2 {
- margin-left: 16.66667%; }
- .row .col.offset-m3 {
- margin-left: 25%; }
- .row .col.offset-m4 {
- margin-left: 33.33333%; }
- .row .col.offset-m5 {
- margin-left: 41.66667%; }
- .row .col.offset-m6 {
- margin-left: 50%; }
- .row .col.offset-m7 {
- margin-left: 58.33333%; }
- .row .col.offset-m8 {
- margin-left: 66.66667%; }
- .row .col.offset-m9 {
- margin-left: 75%; }
- .row .col.offset-m10 {
- margin-left: 83.33333%; }
- .row .col.offset-m11 {
- margin-left: 91.66667%; }
.row .col.offset-m12 {
- margin-left: 100%; } }
+ margin-left: 100%; }
+ .row .col.pull-m12 {
+ right: 100%; }
+ .row .col.push-m12 {
+ left: 100%; } }
@media only screen and (min-width : 993px) {
.row .col.l1 {
width: 8.33333%;
margin-left: 0; }
+ .row .col.offset-l1 {
+ margin-left: 8.33333%; }
+ .row .col.pull-l1 {
+ right: 8.33333%; }
+ .row .col.push-l1 {
+ left: 8.33333%; }
.row .col.l2 {
width: 16.66667%;
margin-left: 0; }
+ .row .col.offset-l2 {
+ margin-left: 16.66667%; }
+ .row .col.pull-l2 {
+ right: 16.66667%; }
+ .row .col.push-l2 {
+ left: 16.66667%; }
.row .col.l3 {
width: 25%;
margin-left: 0; }
+ .row .col.offset-l3 {
+ margin-left: 25%; }
+ .row .col.pull-l3 {
+ right: 25%; }
+ .row .col.push-l3 {
+ left: 25%; }
.row .col.l4 {
width: 33.33333%;
margin-left: 0; }
+ .row .col.offset-l4 {
+ margin-left: 33.33333%; }
+ .row .col.pull-l4 {
+ right: 33.33333%; }
+ .row .col.push-l4 {
+ left: 33.33333%; }
.row .col.l5 {
width: 41.66667%;
margin-left: 0; }
+ .row .col.offset-l5 {
+ margin-left: 41.66667%; }
+ .row .col.pull-l5 {
+ right: 41.66667%; }
+ .row .col.push-l5 {
+ left: 41.66667%; }
.row .col.l6 {
width: 50%;
margin-left: 0; }
+ .row .col.offset-l6 {
+ margin-left: 50%; }
+ .row .col.pull-l6 {
+ right: 50%; }
+ .row .col.push-l6 {
+ left: 50%; }
.row .col.l7 {
width: 58.33333%;
margin-left: 0; }
+ .row .col.offset-l7 {
+ margin-left: 58.33333%; }
+ .row .col.pull-l7 {
+ right: 58.33333%; }
+ .row .col.push-l7 {
+ left: 58.33333%; }
.row .col.l8 {
width: 66.66667%;
margin-left: 0; }
+ .row .col.offset-l8 {
+ margin-left: 66.66667%; }
+ .row .col.pull-l8 {
+ right: 66.66667%; }
+ .row .col.push-l8 {
+ left: 66.66667%; }
.row .col.l9 {
width: 75%;
margin-left: 0; }
+ .row .col.offset-l9 {
+ margin-left: 75%; }
+ .row .col.pull-l9 {
+ right: 75%; }
+ .row .col.push-l9 {
+ left: 75%; }
.row .col.l10 {
width: 83.33333%;
margin-left: 0; }
+ .row .col.offset-l10 {
+ margin-left: 83.33333%; }
+ .row .col.pull-l10 {
+ right: 83.33333%; }
+ .row .col.push-l10 {
+ left: 83.33333%; }
.row .col.l11 {
width: 91.66667%;
margin-left: 0; }
+ .row .col.offset-l11 {
+ margin-left: 91.66667%; }
+ .row .col.pull-l11 {
+ right: 91.66667%; }
+ .row .col.push-l11 {
+ left: 91.66667%; }
.row .col.l12 {
width: 100%;
margin-left: 0; }
- .row .col.offset-l1 {
- margin-left: 8.33333%; }
- .row .col.offset-l2 {
- margin-left: 16.66667%; }
- .row .col.offset-l3 {
- margin-left: 25%; }
- .row .col.offset-l4 {
- margin-left: 33.33333%; }
- .row .col.offset-l5 {
- margin-left: 41.66667%; }
- .row .col.offset-l6 {
- margin-left: 50%; }
- .row .col.offset-l7 {
- margin-left: 58.33333%; }
- .row .col.offset-l8 {
- margin-left: 66.66667%; }
- .row .col.offset-l9 {
- margin-left: 75%; }
- .row .col.offset-l10 {
- margin-left: 83.33333%; }
- .row .col.offset-l11 {
- margin-left: 91.66667%; }
.row .col.offset-l12 {
- margin-left: 100%; } }
+ margin-left: 100%; }
+ .row .col.pull-l12 {
+ right: 100%; }
+ .row .col.push-l12 {
+ left: 100%; } }
nav {
color: #fff;
t@@ -5291,7 +5468,19 @@ nav {
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
- transform: translateX(-50%); } }
+ transform: translateX(-50%); }
+ nav .brand-logo.left, nav .brand-logo.right {
+ padding: 0;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none; }
+ nav .brand-logo.left {
+ left: 0.5rem; }
+ nav .brand-logo.right {
+ right: 0.5rem;
+ left: auto; } }
nav .brand-logo.right {
right: 0.5rem;
padding: 0; }
t@@ -5359,17 +5548,17 @@ nav {
@font-face {
font-family: "Roboto";
- src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
+ src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
font-weight: 200; }
@font-face {
font-family: "Roboto";
- src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
+ src: local(Roboto Light), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
font-weight: 300; }
@font-face {
font-family: "Roboto";
- src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
+ src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
font-weight: 400; }
@font-face {
t@@ -5530,13 +5719,11 @@ small {
.card {
position: relative;
- overflow: hidden;
margin: 0.5rem 0 1rem 0;
background-color: #fff;
transition: box-shadow .25s;
border-radius: 2px; }
.card .card-title {
- color: #fff;
font-size: 24px;
font-weight: 300; }
.card .card-title.activator {
t@@ -5544,35 +5731,28 @@ small {
.card.small, .card.medium, .card.large {
position: relative; }
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
+ max-height: 60%;
overflow: hidden; }
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
+ max-height: 40%;
overflow: hidden; }
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
position: absolute;
bottom: 0;
left: 0;
- right: 0; }
+ right: 0;
+ z-index: 1;
+ background-color: inherit; }
.card.small {
height: 300px; }
- .card.small .card-image {
- height: 150px; }
- .card.small .card-content {
- height: 150px; }
.card.medium {
height: 400px; }
- .card.medium .card-image {
- height: 250px; }
- .card.medium .card-content {
- height: 150px; }
.card.large {
height: 500px; }
- .card.large .card-image {
- height: 330px; }
- .card.large .card-content {
- height: 170px; }
.card .card-image {
position: relative; }
.card .card-image img {
+ display: block;
border-radius: 2px 2px 0 0;
position: relative;
left: 0;
t@@ -5581,6 +5761,7 @@ small {
bottom: 0;
width: 100%; }
.card .card-image .card-title {
+ color: #fff;
position: absolute;
bottom: 0;
left: 0;
t@@ -5624,7 +5805,7 @@ small {
#toast-container {
display: block;
position: fixed;
- z-index: 1001; }
+ z-index: 10000; }
@media only screen and (max-width : 600px) {
#toast-container {
min-width: 100%;
t@@ -5633,12 +5814,14 @@ small {
#toast-container {
min-width: 30%;
left: 5%;
+ right: 5%;
bottom: 7%; } }
@media only screen and (min-width : 993px) {
#toast-container {
min-width: 8%;
top: 10%;
- right: 7%; } }
+ right: 7%;
+ left: 7%; } }
.toast {
border-radius: 2px;
t@@ -5647,15 +5830,13 @@ small {
clear: both;
margin-top: 10px;
position: relative;
- /*max-width: 100%; by AD */
- max-width: 50%;
- /*height: 48px; by AD */
+ max-width: 100%;
height: auto;
- /*line-height: 48px; by AD */
- line-height: 26px;
+ min-height: 48px;
+ line-height: 1.5em;
+ word-break: break-all;
background-color: #323232;
- /*padding: 100 25px; by AD */
- padding: 20px 25px;
+ padding: 10px 25px;
font-size: 1.1rem;
font-weight: 300;
color: #fff;
t@@ -5687,6 +5868,11 @@ small {
float: right; } }
.tabs {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
position: relative;
height: 48px;
background-color: #fff;
t@@ -5694,21 +5880,30 @@ small {
width: 100%;
white-space: nowrap; }
.tabs .tab {
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
display: block;
float: left;
text-align: center;
line-height: 48px;
height: 48px;
- padding: 0 20px;
+ padding: 0;
margin: 0;
text-transform: uppercase;
+ text-overflow: ellipsis;
+ overflow: hidden;
letter-spacing: .8px;
- width: 15%; }
+ width: 15%;
+ min-width: 80px; }
.tabs .tab a {
color: #ee6e73;
display: block;
width: 100%;
height: 100%;
+ text-overflow: ellipsis;
+ overflow: hidden;
-webkit-transition: color .28s ease;
-moz-transition: color .28s ease;
-o-transition: color .28s ease;
t@@ -5726,8 +5921,20 @@ small {
background-color: #f6b2b5;
will-change: left, right; }
-.tabs .tab {
- padding: 0; }
+.hide-tab-scrollbar {
+ position: relative;
+ height: 48px;
+ overflow: hidden; }
+ .hide-tab-scrollbar .tabs {
+ overflow-x: scroll;
+ overflow-y: hidden; }
+
+.scrollbar-measure {
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
+ position: absolute;
+ top: -9999px; }
.material-tooltip {
padding: 10px 8px;
t@@ -5737,11 +5944,12 @@ small {
border-radius: 2px;
color: #fff;
min-height: 36px;
- line-height: 1rem;
+ line-height: 120%;
opacity: 0;
display: none;
position: absolute;
text-align: center;
+ max-width: calc(100% - 4px);
overflow: hidden;
left: 0;
top: 0;
t@@ -5845,13 +6053,30 @@ button.btn-floating {
padding-top: 15px;
margin-bottom: 0;
z-index: 998; }
+ .fixed-action-btn.active ul {
+ visibility: visible; }
+ .fixed-action-btn.horizontal {
+ padding: 0 0 0 15px; }
+ .fixed-action-btn.horizontal ul {
+ text-align: right;
+ right: 64px;
+ top: 50%;
+ transform: translateY(-50%);
+ height: 100%;
+ left: initial;
+ width: 500px;
+ /*width 100% only goes to width of button container */ }
+ .fixed-action-btn.horizontal ul li {
+ display: inline-block;
+ margin: 15px 15px 0 0; }
.fixed-action-btn ul {
left: 0;
right: 0;
text-align: center;
position: absolute;
bottom: 64px;
- margin: 0; }
+ margin: 0;
+ visibility: hidden; }
.fixed-action-btn ul li {
margin-bottom: 15px; }
.fixed-action-btn ul a.btn-floating {
t@@ -5890,17 +6115,28 @@ button.btn-floating {
clear: both;
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
+ min-height: 50px;
line-height: 1.5rem;
width: 100%;
text-align: left;
text-transform: none; }
- .dropdown-content li:hover, .dropdown-content li.active {
+ .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
background-color: #eee; }
+ .dropdown-content li.active.selected {
+ background-color: #e1e1e1; }
+ .dropdown-content li.divider {
+ min-height: 0;
+ height: 1px; }
.dropdown-content li > a, .dropdown-content li > span {
- font-size: 1.2rem;
+ font-size: 16px;
color: #26a69a;
display: block;
- padding: 1rem 1rem; }
+ line-height: 22px;
+ padding: 14px 16px; }
+ .dropdown-content li > span > label {
+ top: 1px;
+ left: 3px;
+ height: 18px; }
.dropdown-content li > a > i {
height: inherit;
line-height: inherit; }
t@@ -5969,6 +6205,12 @@ button.btn-floating {
background-color: rgba(76, 175, 80, 0.7); }
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7); }
+ .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
+ border: 0;
+ font-style: normal;
+ font-size: inherit;
+ text-transform: inherit;
+ background: none; }
.waves-notransition {
-webkit-transition: none !important;
t@@ -6086,7 +6328,7 @@ a.waves-effect .waves-ripple {
.collapsible-header {
display: block;
cursor: pointer;
- height: 3rem;
+ min-height: 3rem;
line-height: 3rem;
padding: 0 1rem;
background-color: #fff;
t@@ -6140,7 +6382,31 @@ a.waves-effect .waves-ripple {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
margin: 16px 0; }
+.chip {
+ display: inline-block;
+ height: 32px;
+ font-size: 13px;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+ line-height: 32px;
+ padding: 0 12px;
+ border-radius: 16px;
+ background-color: #e4e4e4; }
+ .chip img {
+ float: left;
+ margin: 0 8px 0 -12px;
+ height: 32px;
+ width: 32px;
+ border-radius: 50%; }
+ .chip i.material-icons {
+ cursor: pointer;
+ float: right;
+ font-size: 16px;
+ line-height: 32px;
+ padding-left: 8px; }
+
.materialboxed {
+ display: block;
cursor: zoom-in;
position: relative;
-webkit-transition: opacity .4s;
t@@ -6316,11 +6582,11 @@ input[type=text], input[type=password], input[type=email], input[type=url], inpu
border: 0;
box-shadow: none;
color: #444; }
- .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close {
+ .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons {
color: #444; }
.input-field input[type=search] + label {
left: 1rem; }
- .input-field input[type=search] ~ .mdi-navigation-close {
+ .input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
position: absolute;
top: 0;
right: 1rem;
t@@ -6750,10 +7016,25 @@ select:disabled {
.select-wrapper i {
color: rgba(0, 0, 0, 0.3); }
-.select-dropdown li.disabled {
+.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup {
color: rgba(0, 0, 0, 0.3);
background-color: transparent; }
+.select-dropdown li img {
+ height: 40px;
+ width: 40px;
+ margin: 5px 15px;
+ float: right; }
+
+.select-dropdown li.optgroup {
+ border-top: 1px solid #eee; }
+ .select-dropdown li.optgroup.selected > span {
+ color: rgba(0, 0, 0, 0.7); }
+ .select-dropdown li.optgroup > span {
+ color: rgba(0, 0, 0, 0.4); }
+ .select-dropdown li.optgroup ~ li:not(.optgroup) {
+ padding-left: 1rem; }
+
/*********************
File Input
**********************/
t@@ -7087,7 +7368,8 @@ select {
position: absolute;
width: 100%;
height: 100%;
- opacity: 0; }
+ opacity: 0;
+ border-color: #26a69a; }
.spinner-blue, .spinner-blue-only {
border-color: #4285f4; }
t@@ -7134,7 +7416,7 @@ select {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
-.active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only {
+.active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only {
/* durations: 4 * ARCTIME */
opacity: 1;
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
(DIR) diff --git a/css/materialize.min.css b/css/materialize.min.css
t@@ -1,16 +1,16 @@
-/*!
- * Materialize v0.97.0 (http://materializecss.com)
- * Copyright 2014-2015 Materialize
- * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
- */