fineract-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From m...@apache.org
Subject [6/9] incubator-fineract-site git commit: Switched to materialize css
Date Sun, 03 Jan 2016 13:12:39 GMT
Switched to materialize css


Project: http://git-wip-us.apache.org/repos/asf/incubator-fineract-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-fineract-site/commit/53258963
Tree: http://git-wip-us.apache.org/repos/asf/incubator-fineract-site/tree/53258963
Diff: http://git-wip-us.apache.org/repos/asf/incubator-fineract-site/diff/53258963

Branch: refs/heads/master
Commit: 53258963e0e45f1725a8052eaa30adc4ba6ec7d3
Parents: 03b4368
Author: mage <mage@apache.org>
Authored: Sun Jan 3 10:49:46 2016 +0100
Committer: mage <mage@apache.org>
Committed: Sun Jan 3 10:49:46 2016 +0100

----------------------------------------------------------------------
 css/fineract.css                                | 293 ++-----
 css/materialize.min.css                         |  16 +
 font/material-design-icons/LICENSE.txt          | 428 +++++++++++
 .../Material-Design-Icons.eot                   | Bin 0 -> 102112 bytes
 .../Material-Design-Icons.svg                   | 769 +++++++++++++++++++
 .../Material-Design-Icons.ttf                   | Bin 0 -> 101892 bytes
 .../Material-Design-Icons.woff                  | Bin 0 -> 101968 bytes
 .../Material-Design-Icons.woff2                 | Bin 0 -> 33220 bytes
 font/roboto/Roboto-Bold.eot                     | Bin 0 -> 20966 bytes
 font/roboto/Roboto-Bold.ttf                     | Bin 0 -> 127744 bytes
 font/roboto/Roboto-Bold.woff                    | Bin 0 -> 62876 bytes
 font/roboto/Roboto-Bold.woff2                   | Bin 0 -> 49976 bytes
 font/roboto/Roboto-Light.eot                    | Bin 0 -> 20940 bytes
 font/roboto/Roboto-Light.ttf                    | Bin 0 -> 126792 bytes
 font/roboto/Roboto-Light.woff                   | Bin 0 -> 62316 bytes
 font/roboto/Roboto-Light.woff2                  | Bin 0 -> 49380 bytes
 font/roboto/Roboto-Medium.eot                   | Bin 0 -> 21364 bytes
 font/roboto/Roboto-Medium.ttf                   | Bin 0 -> 127488 bytes
 font/roboto/Roboto-Medium.woff                  | Bin 0 -> 62980 bytes
 font/roboto/Roboto-Medium.woff2                 | Bin 0 -> 50224 bytes
 font/roboto/Roboto-Regular.eot                  | Bin 0 -> 21320 bytes
 font/roboto/Roboto-Regular.ttf                  | Bin 0 -> 126072 bytes
 font/roboto/Roboto-Regular.woff                 | Bin 0 -> 61736 bytes
 font/roboto/Roboto-Regular.woff2                | Bin 0 -> 49236 bytes
 font/roboto/Roboto-Thin.eot                     | Bin 0 -> 21659 bytes
 font/roboto/Roboto-Thin.ttf                     | Bin 0 -> 127584 bytes
 font/roboto/Roboto-Thin.woff                    | Bin 0 -> 61628 bytes
 font/roboto/Roboto-Thin.woff2                   | Bin 0 -> 48524 bytes
 images/egg-logo.png                             | Bin 8626 -> 8905 bytes
 index.html                                      | 350 +++++----
 js/materialize.min.js                           |  10 +
 31 files changed, 1460 insertions(+), 406 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-fineract-site/blob/53258963/css/fineract.css
----------------------------------------------------------------------
diff --git a/css/fineract.css b/css/fineract.css
index 7264109..0d443ed 100644
--- a/css/fineract.css
+++ b/css/fineract.css
@@ -16,305 +16,106 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-body {
-  margin: 0;
-  padding: 0;
-  color: #343434;
-  background-color: #f8f8ff;
-  font-family: "Open Sans Condensed", sans-serif;
-  font-size: 14pt;
-  font-weight: normal;
-}
-
-a {
-  outline: 0;
-}
-
-header {
-  top: 0;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 90px;
-  position: fixed;
-  color: #f8f8ff;
-  background-color: #343434;
-}
-
-.container {
-  margin: auto;
-  padding: 0;
-  min-width: 360px;
-  max-width: 970px !important;
-  height: 100%;
-}
-
-.brand {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  float: left;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+html {
+  font-family: "Open Sans Condensed";
 }
 
 .logo {
-  margin-top: 5px;
-  margin-left: 10px;
-  height: 80px;
-}
-
-.tag-line {
-  margin-left: 10px;
-  font-size: 22pt;
-}
-
-.tag-line>small {
-  font-size: 12pt;
-}
-
-nav {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  float: right;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.fully-fledged {
-  display: block;
-  visibility: visible;
+  margin: 5px 0px;
+  height: 55px;
 }
 
-.collapsed {
-  display: none;
-  visibility: hidden;
+.brand {
+  margin: 0px 10px;
+  position: absolute;
 }
 
-.tripple-bar {
-  margin: 10px;
-  color: #f8f8ff;
-  font-size: 28pt;
-  text-decoration: none;
-  cursor: pointer;
+.side-nav-heading {
+  margin: 20px 0px;
+  font-size: 1.9rem;
+  text-align: center;
 }
 
-.close-menu {
-  margin-left: 10px;
-  padding: 0;
-  color: #343434;
-  font-size: 28pt;
-  text-decoration: none;
-  cursor: pointer;
+.side-nav li:hover {
+  background-color: #f8f8ff;
 }
 
-.modal {
-    position: fixed;
-    font-family: Arial, Helvetica, sans-serif;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background: rgba(0, 0, 0, 0.4);
-    z-index: 200;
-    opacity:0;
-    transition: opacity 400ms ease-in;
-    pointer-events: none;
+.jet {
+  background-color: #343434;
 }
 
-.menu-slider {
-  top: 0px;
-  margin: 0;
-  width: 200px;
-  height: 100%;
-  visibility: hidden;
-  position: fixed;
+.jet-text {
   color: #343434;
-  background: #f8f8ff;
-  transform: translateX(-100%);
-  z-index: 300;
 }
 
-.menu-slider>ul {
-  margin-top: -5px;
-  padding: 0;
-}
-
-.menu-slider>ul>li {
-  padding: 15px;
-}
-
-.slide-in {
-  animation: slide-in 0.5s forwards;
-}
-
-.slide-out {
-  animation: slide-out 0.5s forwards;
-}
-
-@keyframes slide-in {
-  100% { transform: translateX(0%); }
+.jet-hover:hover {
+  background-color: #343434;
+  color: #f8f8ff;
 }
 
-@keyframes slide-out {
-  0% { transform: translateX(0%); }
-  100% { transform: translateX(-100%); }
+.ghost-white {
+  background-color: #f8f8ff;
 }
 
-.nav-link {
-  margin: 4px;
-  padding: 8px 16px;
+.ghost-white-text {
   color: #f8f8ff;
-  text-decoration: none;
-  border-width: 2px;
-  border-color: #343434;
-  border-radius: 4px;
-  border-style: solid;
-  transition: border-color .25s ease-in-out;
 }
 
-.nav-link-inverse {
-  margin: 4px;
-  padding: 8px 16px;
+.ghost-white-hover:hover {
+  background-color: #f8f8ff;
   color: #343434;
-  text-decoration: none;
-  border-width: 2px;
-  border-color: #f8f8ff;
-  border-radius: 4px;
-  border-style: solid;
-  transition: border-color .25s ease-in-out;
-}
-
-.nav-link-blue:hover {
-  border-color: #0973ba;
-}
-
-.nav-link-green:hover {
-  border-color: #73ba09;
-}
-
-.nav-link-magenta:hover {
-  border-color: #ba0973;
-}
-
-main {
-  margin-top: 100px;
-  padding: 0;
-  width: 100%;
 }
 
-.heading {
-  margin: 0;
+.side-nav li {
   padding: 0;
-  width: 100%;
-  text-align: center;
 }
 
-h2 {
-  font-size: 18pt;
-  text-transform: uppercase;
-}
-
-.text-justified {
-  margin: 10px 20px;
-  text-align: justify;
-}
-
-.inline-list {
-  margin-left: 20px;
-  margin-right: 20px;
-}
-
-.inline-list>li {
+.justify-align {
   text-align: justify;
 }
 
-hr {
+.divider {
   border: 0;
   height: 1px;
   background: #343434;
   background-image: linear-gradient(to right, #f8f8ff, #343434, #f8f8ff);
 }
 
-.inline-link {
-  color: #0973ba;
-  text-decoration: none;
+.divider-inverse {
+  background: #f8f8ff;
+  background-image: linear-gradient(to right, #343434, #f8f8ff, #343434);
 }
 
-.inline-link:hover {
-  text-decoration: underline;
+.link-inverse {
+  color: #f8f8ff;
 }
 
-footer {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  text-align: center;
+.link-inverse:hover {
+  color: #039BE5;
 }
 
-.copyright {
-  margin: 10px 20px;
-  font-size: 12pt;
+.circle-list-style {
+  padding: 0px 20px;
+  list-style-type: circle;
+  list-style-position: inside;
 }
 
-.image-link {
-  text-decoration: none;
+footer.page-footer {
+  background-color: #343434;
+  color: #f8f8ff;
 }
 
-@media screen and (max-width: 700px) {
-  body {
-    font-size: 16pt;
-  }
-
-  header {
-    height: 60px;
-  }
-
+@media screen and (max-width: 992px) {
   .brand {
-    margin: 0 auto;
-    float: none;
-  }
-
-  nav {
-    float: left;
-  }
-
-  .fully-fledged {
     display: none;
     visibility: hidden;
   }
+}
 
-  .collapsed {
-    top: 0px;
-    position: absolute;
-    display: block;
-    visibility: visible;
-  }
-
+@media screen and (max-width: 600px) {
   .logo {
-    height: 50px;
-  }
-
-  .tag-line {
-    font-size: 20pt;
-  }
-
-  .tag-line>small {
-    font-size: 14pt;
-  }
-
-  main {
-    margin-top: 70px;
-  }
-
-  h2 {
-    font-size: 20pt;
-  }
-
-  .copyright {
-    font-size: 14pt;
+    margin: 5px 0px;
+    height: 45px;
   }
 }
+


Mime
View raw message