You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@fineract.apache.org by ma...@apache.org on 2016/01/03 14:12:39 UTC
[6/9] incubator-fineract-site git commit: Switched to materialize css
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 <ma...@apache.org>
Authored: Sun Jan 3 10:49:46 2016 +0100
Committer: mage <ma...@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;
}
}
+