http://git-wip-us.apache.org/repos/asf/airavata-site/blob/adb3d87a/source/assets/css/style.css ---------------------------------------------------------------------- diff --git a/source/assets/css/style.css b/source/assets/css/style.css new file mode 100644 index 0000000..0495996 --- /dev/null +++ b/source/assets/css/style.css @@ -0,0 +1,270 @@ +/* Custom Stylesheet */ +/** + * + * Made By Joash Pereira + * Thanks for MaterializeCSS.com + */ + +.default_color{background-color: #2196F3 !important} + +.default_color_text{color: #2196F3 !important} + +.icon-block { + padding: 0 15px; +} + +#intro, #work, #team {padding-top: 4rem;} + + +#index-banner { + min-height: 632px; + max-height: 864px; + position: relative; + background-color: #2196F3; +} + +#nav_f{ + box-shadow: none !important; + -webkit-box-shadow:none !important; +} + +.text_h { + padding: 15% 0; + font-size: 6.0em; + font-weight: 100; + color:white; +} + +.brand-logo{ + position: absolute; + color: #fff; + display: inline-block; + font-size: 2.1rem; + font-style: normal; + font-weight: 100; + padding: 0; + letter-spacing: 7px; + padding-top:5px; +} + +@media only screen and (max-width: 480px) { + .brand-logo{ padding:0; } +} + +.text_h2 {font-weight: 100;margin-bottom: 4%; line-height: 4.5rem;} + +.span_h2 {font-weight: 300;color: #2196F3;} + +.text_b{color: #2196F3;} + +.in{font-weight: 400 !important; font-style: normal !important;} + +.promo i { + color: #2196F3; + font-size: 7rem; + display: block; +} +.card-content a {color: #2196F3;} + +.card-content a:hover {color: #2196F3;} + +#work, #team{background: rgb(247, 247, 247);} + +.text_pink{color:#EF9A9A;} + +nav ul a { + font-size: 1.2rem; + color: #FFF; + letter-spacing: 2px; + display: block; + font-weight: 300; + padding: 0px 15px; +} + +.cd-headline.type .cd-words-wrapper { + vertical-align: top; + overflow: hidden; +} + +.cd-headline.type .cd-words-wrapper::after { + /* vertical bar */ + content: ''; + position: absolute; + right: 0; + top: 50%; + bottom: auto; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + height: 90%; + width: 1px; + background-color: #aebcb9; +} + +.cd-headline.type .cd-words-wrapper.waiting::after { + -webkit-animation: cd-pulse 1s infinite; + -moz-animation: cd-pulse 1s infinite; + animation: cd-pulse 1s infinite; +} +.cd-headline.type .cd-words-wrapper.selected { + background-color: #FFF; +} + +.cd-headline.type .cd-words-wrapper.selected::after { + visibility: hidden; +} + +.cd-headline.type .cd-words-wrapper.selected b { + color: #2196F3; +} + +.cd-headline.type b { + visibility: hidden; +} + +.cd-headline.type b.is-visible { + visibility: visible; +} + +.cd-headline.type i { + position: absolute; + visibility: hidden; +} +.cd-headline.type i.in { + position: relative; + visibility: visible; +} + +@-webkit-keyframes cd-pulse { + 0% { + -webkit-transform: translateY(-50%) scale(1); + opacity: 1; + } + 40% { + -webkit-transform: translateY(-50%) scale(0.9); + opacity: 0; + } + 100% { + -webkit-transform: translateY(-50%) scale(0); + opacity: 0; + } +} +@-moz-keyframes cd-pulse { + 0% { + -moz-transform: translateY(-50%) scale(1); + opacity: 1; + } + 40% { + -moz-transform: translateY(-50%) scale(0.9); + opacity: 0; + } + 100% { + -moz-transform: translateY(-50%) scale(0); + opacity: 0; + } +} + +@keyframes cd-pulse { + 0% { + -webkit-transform: translateY(-50%) scale(1); + -moz-transform: translateY(-50%) scale(1); + -ms-transform: translateY(-50%) scale(1); + -o-transform: translateY(-50%) scale(1); + transform: translateY(-50%) scale(1); + opacity: 1; + } + 40% { + -webkit-transform: translateY(-50%) scale(0.9); + -moz-transform: translateY(-50%) scale(0.9); + -ms-transform: translateY(-50%) scale(0.9); + -o-transform: translateY(-50%) scale(0.9); + transform: translateY(-50%) scale(0.9); + opacity: 0; + } + 100% { + -webkit-transform: translateY(-50%) scale(0); + -moz-transform: translateY(-50%) scale(0); + -ms-transform: translateY(-50%) scale(0); + -o-transform: translateY(-50%) scale(0); + transform: translateY(-50%) scale(0); + opacity: 0; + } +} + + +/* Preloader */ +#preloader { + position: fixed; + top:0; + left:0; + right:0; + bottom:0; + background-color:#fff; /* change if the mask should have another color then white */ + z-index:1200; /* makes sure it stays on top */ +} + +#status { + width:200px; + height:200px; + position:absolute; + left:50%; /* centers the loading animation horizontally one the screen */ + top:50%; /* centers the loading animation vertically one the screen */ + background-image:url(../img/status.gif); /* path to your loading animation */ + background-repeat:no-repeat; + background-position:center; + margin:-100px 0 0 -100px; /* is width and height divided by two */ +} + +@media only screen and (max-width: 480px) { + .text_h { + padding: 4% 0; + font-size: 5em; + font-weight: 100; + color: white; + } +} + +input, textarea { + border-bottom: 1px solid #fff; +} + +nav a.button-collapse { + left: -25px; +} + +.card-avatar .waves-effect { + text-align: center; + margin-top: 20px; +} + +.card-avatar img { + height: 150px; + width: 150px; + border-radius: 75px; +} + +.card-avatar .card-content { + text-align: center; +} + +.card .card-content p { + margin: 15px 0px; +} + +.card-avatar .card-content i { + font-size: 1.5rem; +} + +.card-avatar .card-content .card-title { + line-height: 30px !important; +} + +.parallax-container { + max-height: 400px; +} + +footer.page-footer { + margin-top: 0px !important; +} \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/adb3d87a/source/assets/fonts/FontAwesome.otf ---------------------------------------------------------------------- diff --git a/source/assets/fonts/FontAwesome.otf b/source/assets/fonts/FontAwesome.otf new file mode 100644 index 0000000..81c9ad9 Binary files /dev/null and b/source/assets/fonts/FontAwesome.otf differ http://git-wip-us.apache.org/repos/asf/airavata-site/blob/adb3d87a/source/assets/fonts/fontawesome-webfont.eot ---------------------------------------------------------------------- diff --git a/source/assets/fonts/fontawesome-webfont.eot b/source/assets/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..84677bc Binary files /dev/null and b/source/assets/fonts/fontawesome-webfont.eot differ
