2015-06-16 11:32:57 +00:00
|
|
|
@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);
|
|
|
|
|
|
|
|
body{
|
|
|
|
font-family: "Alef Hebrew",
|
2015-06-21 19:22:13 +00:00
|
|
|
“Helvetica Neue”,
|
|
|
|
Helvetica,
|
|
|
|
Arial,
|
|
|
|
sans-serif;
|
2015-06-16 11:32:57 +00:00
|
|
|
}
|
|
|
|
|
2015-05-09 19:00:14 +00:00
|
|
|
.menuBtn {
|
|
|
|
background-color: transparent;
|
|
|
|
border: none;
|
|
|
|
height: 38px;
|
|
|
|
margin: 16px 0 0 16px;
|
|
|
|
width: 36px;
|
|
|
|
}
|
|
|
|
md-toolbar h1 {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
md-list .md-button {
|
|
|
|
color: inherit;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2015-06-15 15:07:15 +00:00
|
|
|
.welcome-logo-banner{
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2015-05-09 19:00:14 +00:00
|
|
|
/* Using Data-URI converted from svg until <md-icon> becomes available
|
|
|
|
https://github.com/google/material-design-icons
|
|
|
|
*/
|
2015-06-15 08:37:21 +00:00
|
|
|
|
|
|
|
p {
|
|
|
|
margin-left: 2em;
|
|
|
|
}
|
|
|
|
|
2015-05-09 19:00:14 +00:00
|
|
|
.menuBtn {
|
|
|
|
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkhlYWRlciI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB4PSItNjE4IiB5PSItMjIzMiIgZmlsbD0ibm9uZSIgd2lkdGg9IjE0MDAiIGhlaWdodD0iMzYwMCIvPgogICAgPC9nPgo8L2c+CjxnIGlkPSJMYWJlbCI+CjwvZz4KPGcgaWQ9Ikljb24iPgogICAgPGc+CiAgICAgICAgPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+CiAgICAgICAgPHBhdGggZD0iTTMsMThoMTh2LTJIM1YxOHogTTMsMTNoMTh2LTJIM1YxM3ogTTMsNnYyaDE4VjZIM3oiIHN0eWxlPSJmaWxsOiNmM2YzZjM7Ii8+CiAgICA8L2c+CjwvZz4KPGcgaWQ9IkdyaWQiIGRpc3BsYXk9Im5vbmUiPgogICAgPGcgZGlzcGxheT0iaW5saW5lIj4KICAgIDwvZz4KPC9nPgo8L3N2Zz4=) no-repeat center center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wellcome-page{
|
|
|
|
background: url(../images/wellcome.jpg);
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.noscroll
|
|
|
|
{
|
|
|
|
position: fixed;
|
|
|
|
overflow-y: scroll;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wellcome-float{
|
|
|
|
position: fixed;
|
|
|
|
width:40%;
|
|
|
|
height:400px;
|
|
|
|
margin: auto;
|
|
|
|
margin-top: 15%;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
background-color: rgba(225, 225, 225, 0.5);
|
|
|
|
padding: 15px;
|
|
|
|
-webkit-border-radius: 5px;
|
|
|
|
-moz-border-radius: 5px;
|
|
|
|
border-radius: 5px;
|
|
|
|
-webkit-box-shadow: 10px 10px 66px 0px rgba(0,0,0,0.84);
|
|
|
|
-moz-box-shadow: 10px 10px 66px 0px rgba(0,0,0,0.84);
|
|
|
|
box-shadow: 10px 10px 66px 0px rgba(0,0,0,0.84);
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar {
|
2015-06-15 15:15:36 +00:00
|
|
|
margin-top: 1em;
|
|
|
|
margin-right: 1em;
|
|
|
|
position: center;
|
|
|
|
|
|
|
|
-webkit-border-radius: 30%;
|
|
|
|
-moz-border-radius: 30%;
|
|
|
|
border-radius: 30%;
|
|
|
|
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-05-09 19:00:14 +00:00
|
|
|
}
|
|
|
|
|
2015-06-14 15:54:51 +00:00
|
|
|
/*.avatar {
|
2015-05-09 19:00:14 +00:00
|
|
|
background: rgba(0, 0, 0, 0.2);
|
2015-06-15 15:15:36 +00:00
|
|
|
}*/
|
|
|
|
|
|
|
|
.avatar img {
|
|
|
|
border-radius: 40px;
|
|
|
|
position:center;
|
|
|
|
width: 80px;
|
|
|
|
height: 80px;
|
|
|
|
margin: 6px; /*centers the image in the parent element */
|
|
|
|
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
|
|
|
|
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
|
|
|
|
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
|
|
|
|
}
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-06-15 15:15:36 +00:00
|
|
|
/* Added BY devMatan */
|
2015-06-14 15:54:51 +00:00
|
|
|
|
|
|
|
/*.disabledSubmitButton:
|
|
|
|
{
|
|
|
|
/*background: #f7f7f7;*/
|
|
|
|
/*border-radius: 10000px;*/
|
|
|
|
/*text-align: center;*/
|
2015-06-15 15:15:36 +00:00
|
|
|
|
2015-06-14 15:54:51 +00:00
|
|
|
/*position: relative !important;*
|
|
|
|
|
2015-06-15 15:15:36 +00:00
|
|
|
}*/
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-06-15 15:15:36 +00:00
|
|
|
.campusAvatar img
|
|
|
|
{
|
2015-06-15 08:37:21 +00:00
|
|
|
/*
|
2015-06-21 19:22:13 +00:00
|
|
|
margin-top: 1em;
|
|
|
|
margin-right: 1em;
|
|
|
|
position: center;
|
|
|
|
*/
|
|
|
|
|
|
|
|
border-radius: 40px;
|
|
|
|
position:center;
|
|
|
|
width: 80px;
|
|
|
|
height: 80px;
|
|
|
|
margin: 6px;
|
|
|
|
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
|
|
|
|
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
|
|
|
|
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
|
|
|
|
}
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-06-21 19:22:13 +00:00
|
|
|
.spacer{
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-06-21 19:22:13 +00:00
|
|
|
.port_spacer
|
|
|
|
{
|
|
|
|
margin-top: auto;
|
|
|
|
margin-bottom: auto;
|
|
|
|
}
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-06-21 19:22:13 +00:00
|
|
|
.mail_suffix
|
|
|
|
{
|
|
|
|
margin-top: auto;
|
|
|
|
}
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-06-16 08:34:04 +00:00
|
|
|
|
|
|
|
.createCampus
|
|
|
|
{
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
|
2015-06-21 19:22:13 +00:00
|
|
|
.listdemoBasicUsage md-divider
|
|
|
|
{
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.md-avatar img
|
|
|
|
{
|
|
|
|
/*TODO*/
|
|
|
|
}
|
2015-06-16 08:34:04 +00:00
|
|
|
|
2015-06-21 19:22:13 +00:00
|
|
|
.feedContent
|
2015-06-14 15:54:51 +00:00
|
|
|
{
|
2015-06-21 19:22:13 +00:00
|
|
|
padding-left: 6%;
|
|
|
|
font-size: 15px;
|
|
|
|
display:table;
|
|
|
|
}
|
|
|
|
|
|
|
|
.md-no-sticky
|
|
|
|
{
|
|
|
|
background-color: blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
.roundUserAvatar
|
|
|
|
{
|
|
|
|
width: 6%;
|
|
|
|
height: auto;
|
|
|
|
border-radius: 150px;
|
|
|
|
-webkit-border-radius: 150px;
|
|
|
|
-moz-border-radius: 150px;
|
|
|
|
/*background: url(http://i61.tinypic.com/v86f7.png) no-repeat;*/
|
|
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
|
|
|
|
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
|
|
|
|
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
|
|
|
|
}
|
2015-06-14 15:54:51 +00:00
|
|
|
|
2015-06-15 08:37:21 +00:00
|
|
|
/*.dropDown /* TODO *
|
2015-06-14 15:54:51 +00:00
|
|
|
{
|
|
|
|
border-bottom: 2px black solid;
|
|
|
|
border-top: 2px black solid;
|
|
|
|
border-left: 2px black solid;
|
|
|
|
border-right: 2px black solid;
|
|
|
|
border-radius: 1px black solid;
|
2015-06-16 17:34:37 +00:00
|
|
|
}*/
|
|
|
|
|
2015-06-21 19:22:13 +00:00
|
|
|
.gray-font
|
|
|
|
{
|
2015-06-16 17:34:37 +00:00
|
|
|
color: #7f7f7f;
|
|
|
|
font-size: 300%;
|
|
|
|
text-shadow:#e0e0e0 1px 1px 0;
|
2015-06-21 19:22:13 +00:00
|
|
|
opacity: 0;
|
|
|
|
-webkit-animation-duration: 8s;
|
|
|
|
animation-duration: 8s;
|
|
|
|
-webkit-animation-fill-mode: both;
|
|
|
|
animation-fill-mode: both;
|
|
|
|
overflow: hidden;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes fadeOutUp {
|
|
|
|
0% {
|
|
|
|
opacity: 1;
|
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
-webkit-transform: translateY(-200px);
|
|
|
|
/*-webkit-transform: scale(0,0); */
|
|
|
|
height: 0px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@keyframes fadeOutUp {
|
|
|
|
0% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translateY(0);
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translateY(-200px);
|
|
|
|
/*transform: scale(0,0); */
|
|
|
|
height: 0px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.fadeOutUp {
|
|
|
|
-webkit-animation-name: fadeOutUp;
|
|
|
|
animation-name: fadeOutUp;
|
2015-06-16 17:34:37 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-pane-menu{
|
|
|
|
width: 100%;
|
|
|
|
height: 15%;
|
|
|
|
background-color: #3F51B5;
|
|
|
|
-webkit-box-shadow: 0px 13px 34px -14px rgba(0,0,0,0.75);
|
|
|
|
-moz-box-shadow: 0px 13px 34px -14px rgba(0,0,0,0.75);
|
|
|
|
box-shadow: 0px 13px 34px -14px rgba(0,0,0,0.75);
|
|
|
|
top: 20px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-pane-menu img{
|
|
|
|
border: 7px rgb(255, 255, 255) solid;
|
|
|
|
-webkit-border-radius: 100px;
|
|
|
|
-moz-border-radius: 100px;
|
|
|
|
border-radius: 50px;
|
|
|
|
width: 30%;
|
|
|
|
/*top: -40px;*/
|
|
|
|
position: relative;
|
|
|
|
z-index: 50;
|
|
|
|
}
|
|
|
|
|
|
|
|
.se-menu{
|
|
|
|
/*margin-top: 20%; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.se-menu ul{
|
|
|
|
list-style: none;
|
|
|
|
padding: 0;
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.se-menu li{
|
|
|
|
width: 100%;
|
|
|
|
padding: 15px 0px 15px 15px;
|
|
|
|
font-size: 150%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.se-menu li:hover{
|
|
|
|
background-color: #E2E2E2;
|
|
|
|
font-weight: bold;
|
2015-06-21 19:22:13 +00:00
|
|
|
cursor: pointer;
|
2015-06-16 17:34:37 +00:00
|
|
|
}
|
|
|
|
.se-menu li .selected{
|
|
|
|
background-color: #E2E2E2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-box{
|
|
|
|
width: 100%
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-box img{
|
|
|
|
width: 100%;
|
|
|
|
border: 4px #7f7f7f solid;
|
|
|
|
|
|
|
|
-webkit-border-radius: 5px;
|
|
|
|
-moz-border-radius: 5px;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
.user-data{
|
|
|
|
margin-top: auto;
|
|
|
|
}
|
2015-06-16 11:15:59 +00:00
|
|
|
|
2015-06-16 17:34:37 +00:00
|
|
|
.se-menu ul a{
|
|
|
|
text-decoration: none !important;
|
|
|
|
color: #7f7f7f;
|
2015-06-21 19:22:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Settings Style*/
|
|
|
|
|
|
|
|
.settingList .settingListItem:hover{
|
|
|
|
background-color: #E2E2E2;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.settingList .settingListItemRoot{
|
|
|
|
list-style: none;
|
|
|
|
padding: 0;
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.settingList .settingListItem{
|
|
|
|
width: 100%;
|
|
|
|
padding: 15px 0px auto 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*End Settings*/
|
|
|
|
|
|
|
|
|
|
|
|
/*md Effects*/
|
|
|
|
|
|
|
|
.md-avatar{
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
margin-top: 8px;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
margin-right: 16px;
|
|
|
|
border-radius: 50%;
|
|
|
|
box-sizing: content-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* md-list-item .md-no-style.md-button, md-list-item.md-no-proxy.md-button {
|
|
|
|
font-size: inherit;
|
|
|
|
height: inherit;
|
|
|
|
text-align: left;
|
|
|
|
text-transform: none;
|
|
|
|
width: 100%;
|
|
|
|
white-space: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
md-list-item, md-list-item .md-list-item-inner {
|
|
|
|
display: -webkit-flex;
|
|
|
|
display: -ms-flexbox;
|
|
|
|
display: flex;
|
|
|
|
-webkit-justify-content: flex-start;
|
|
|
|
-ms-flex-pack: start;
|
|
|
|
justify-content: flex-start;
|
|
|
|
-webkit-align-items: center;
|
|
|
|
-ms-flex-align: center;
|
|
|
|
align-items: center;
|
|
|
|
min-height: 48px;
|
|
|
|
}*/
|
|
|
|
|
|
|
|
/*End Effects for MD*/
|