75 lines
2.2 KiB
CSS
75 lines
2.2 KiB
CSS
|
.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%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Using Data-URI converted from svg until <md-icon> becomes available
|
||
|
|
https://github.com/google/material-design-icons
|
||
|
|
*/
|
||
|
|
.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;
|
||
|
|
z-index:200;
|
||
|
|
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 {
|
||
|
|
border: 1px solid white;
|
||
|
|
height: 90px;
|
||
|
|
width: 90px;
|
||
|
|
display: block;
|
||
|
|
border-radius: 45px;
|
||
|
|
box-shadow: 1px 1px 1px rgba(0,0,0, 0.7);
|
||
|
|
}
|
||
|
|
|
||
|
|
.avatar {
|
||
|
|
background: rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.avatar img {
|
||
|
|
border-radius: 40px;
|
||
|
|
width: 80px;
|
||
|
|
height: 80px;
|
||
|
|
margin: 6px; /* centers the image in the parent element */
|
||
|
|
}
|