Updated for Carousal and Material CSS

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174358 ce508802-f39f-4f6c-b175-0d175dae99d5

ecm/Angular/ProteusECM/trunk/src/assets/css/flickity.css

+/*! Flickity v2.0.8
+http://flickity.metafizzy.co
+---------------------------------------------- */
+
+.flickity-enabled {
+  position: relative;
+}
+
+.flickity-enabled:focus { outline: none; }
+
+.flickity-viewport {
+  overflow: hidden;
+  position: relative;
+  height: 100%;
+}
+
+.flickity-slider {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+/* draggable */
+
+.flickity-enabled.is-draggable {
+  -webkit-tap-highlight-color: transparent;
+          tap-highlight-color: transparent;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport {
+  cursor: move;
+  cursor: -webkit-grab;
+  cursor: grab;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+
+/* ---- previous/next buttons ---- */
+
+.flickity-prev-next-button {
+  position: absolute;
+  top: 50%;
+  width: 44px;
+  height: 44px;
+  border: none;
+  border-radius: 50%;
+  background: white;
+  background: hsla(0, 0%, 100%, 0.75);
+  cursor: pointer;
+  /* vertically center */
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+
+.flickity-prev-next-button:hover { background: white; }
+
+.flickity-prev-next-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 5px #09F;
+}
+
+.flickity-prev-next-button:active {
+  opacity: 0.6;
+}
+
+.flickity-prev-next-button.previous { left: 10px; }
+.flickity-prev-next-button.next { right: 10px; }
+/* right to left */
+.flickity-rtl .flickity-prev-next-button.previous {
+  left: auto;
+  right: 10px;
+}
+.flickity-rtl .flickity-prev-next-button.next {
+  right: auto;
+  left: 10px;
+}
+
+.flickity-prev-next-button:disabled {
+  opacity: 0.3;
+  cursor: auto;
+}
+
+.flickity-prev-next-button svg {
+  position: absolute;
+  left: 20%;
+  top: 20%;
+  width: 60%;
+  height: 60%;
+}
+
+.flickity-prev-next-button .arrow {
+  fill: #333;
+}
+
+/* ---- page dots ---- */
+
+.flickity-page-dots {
+  position: absolute;
+  width: 100%;
+  bottom: -25px;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  text-align: center;
+  line-height: 1;
+}
+
+.flickity-rtl .flickity-page-dots { direction: rtl; }
+
+.flickity-page-dots .dot {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 0 8px;
+  background: #333;
+  border-radius: 50%;
+  opacity: 0.25;
+  cursor: pointer;
+}
+
+.flickity-page-dots .dot.is-selected {
+  opacity: 1;
+}

ecm/Angular/ProteusECM/trunk/src/assets/css/foundation.min.css

 @charset "UTF-8";
 	
 	/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-button, img, legend {
-	border: 0
-}
-
-body, button, legend {
-	padding: 0
-}
 
 .button.dropdown::after, .small-pull-1, .small-pull-10, .small-pull-11,
 	.small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5,
@@ -1748,7 +1741,7 @@ p+.stat {
 	float: none;
 	top: .2em
 }
-
+/*
 [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local],
 	[type=month], [type=week], [type=email], [type=number], [type=search],
 	[type=tel], [type=time], [type=url], [type=color], textarea {
@@ -1832,7 +1825,7 @@ label {
 	line-height: 1.8;
 	color: #0a0a0a
 }
-
+*/
 .form-error, .menu-text, .switch {
 	font-weight: 700
 }
@@ -1923,7 +1916,7 @@ legend {
 	padding: 0 .1875rem;
 	margin: 0 0 0 -.1875rem
 }
-
+/*
 select {
 	height: 2.4375rem;
 	padding: .5rem;
@@ -1942,11 +1935,11 @@ select {
 	background-position: right .5rem center;
 	background-repeat: no-repeat
 }
-
+*/
 .form-error, .is-invalid-label {
 	color: #ec5840
 }
-
+/*
 @media screen and (min-width:0\0) {
 	select {
 		background-image:
@@ -1966,7 +1959,7 @@ select::-ms-expand {
 select[multiple] {
 	height: auto
 }
-
+*/
 .is-invalid-input:not (:focus ){
 	background-color: rgba(236, 88, 64, .1);
 	border-color: #ec5840

ecm/Angular/ProteusECM/trunk/src/assets/css/styles.css

@@ -17,6 +17,42 @@ body {
 	src: url("elegant-icons.ttf") format("truetype");
 }
 
+/* fallback */
+/* Font loaded - Material Icons*/
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Material Icons'), local('MaterialIcons-Regular'), url("material-icons.woff2") format('woff2');
+}
+
+.material-icons {
+  font-family: 'Material Icons' !important;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  
+  /* Support for all WebKit browsers. */
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}
+
 * {
 	font-family: "Roboto-Regular", sans-serif !important;
 }