se-hub/templates/css/theme.css

154 lines
3.5 KiB
CSS
Raw Normal View History

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%;
}
/* 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;
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-14 15:54:51 +00:00
float: left;
margin-top: 1em;
margin-right: 1em;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
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-14 15:54:51 +00:00
}*/
2015-05-09 19:00:14 +00:00
.avatar img {
border-radius: 40px;
width: 80px;
height: 80px;
margin: 6px; /* centers the image in the parent element */
2015-06-14 15:54:51 +00:00
}
/* Added BY devMatan */
/*.disabledSubmitButton:
{
/*background: #f7f7f7;*/
/*border-radius: 10000px;*/
/*text-align: center;*/
/*position: relative !important;*
}*/
.campusAvatar:
{
float: left;
margin-top: 1em;
margin-right: 1em;
position: relative;
width:70%;
height:auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
}
.spacer{
margin-right: auto;
margin-left: auto;
}
.port_spacer{
margin-top: auto;
margin-bottom: auto;
}
.mail_suffix{
margin-top: auto;
}
/*div.img campusAvatar
{
border: 1px solid #0000ff;
padding-right: 10px;
float:right;
}*/
/*.dropDown: /* TODO *
{
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;
}*/
/*
h1
{
position:center;
}
*/