argos/dmp-frontend/src/app/app.component.css

161 lines
2.2 KiB
CSS
Raw Normal View History

2017-09-18 12:18:17 +02:00
.hide{
display:none;
}
.show {
display:block;
2017-09-29 18:16:37 +02:00
}
.ng-valid[required], .ng-valid.required {
border-left: 5px solid #42A948; /* green */
}
.ng-invalid:not(form) {
border-left: 5px solid #a94442; /* red */
}
2017-11-01 18:18:27 +01:00
2017-11-09 15:18:02 +01:00
.navbar-center {
2017-11-01 18:18:27 +01:00
position: absolute;
width: 100%;
left: 0;
text-align: center;
vertical-align: middle;
margin:0 auto;
}
.invisible {
display:none;
}
.visible {
display:block;
}
.cursor{
cursor: pointer;
2017-11-03 18:57:06 +01:00
}
2017-11-13 17:19:43 +01:00
.navbar {
-webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.73);
-moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.73);
box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.73);
margin-bottom: 5px;
}
2017-11-03 18:57:06 +01:00
2017-11-13 17:19:43 +01:00
.navbar-title {
2017-11-13 17:41:07 +01:00
/*
2017-11-03 18:57:06 +01:00
width: 100%;
2017-11-13 17:41:07 +01:00
position: absolute;
2017-11-03 18:57:06 +01:00
left: 0;
2017-11-13 17:41:07 +01:00
*/
2017-11-03 18:57:06 +01:00
margin:0 auto;
2017-11-13 17:41:07 +01:00
text-align: center;
2017-11-03 18:57:06 +01:00
}
.navbar-toggle {
z-index:3;
}
.arrange-horizontally > * {
display: inline-block;
/*text-align: center;*/
white-space: nowrap
}
.arrange-vertically > * {
display: block;
}
/* FOR THE SIDEBAR */
.parent_div{
height:100%;
width:100%;
float:left;
}
2017-11-09 15:18:02 +01:00
.child_div_left{
2017-11-03 18:57:06 +01:00
height:100%;
float:left;
}
2017-11-09 15:18:02 +01:00
.child_div_right{
height:100%;
float:right;
}
2017-11-03 18:57:06 +01:00
.sidenav {
2017-11-09 15:18:02 +01:00
display:none;
2017-11-09 10:35:27 +01:00
2017-11-09 15:18:02 +01:00
border-radius: 15px;
2017-11-07 16:06:17 +01:00
2017-11-03 18:57:06 +01:00
z-index: 1;
width: 0px;
2017-11-09 15:18:02 +01:00
/*
2017-11-03 18:57:06 +01:00
top: 0px;
2017-11-09 15:18:02 +01:00
height: 100%;
2017-11-03 18:57:06 +01:00
left: 0px;
2017-11-09 15:18:02 +01:00
*/
overflow-x: hidden;
2017-11-07 16:06:17 +01:00
background-color: #f8f8f8;
2017-11-03 18:57:06 +01:00
transition: 0.5s;
padding-top: 60px;
}
.sidenav.expanded{
width: 15%;
2017-11-09 15:18:02 +01:00
display: block;
2017-11-07 16:06:17 +01:00
border-style: solid;
border-width: thin;
2017-11-09 10:35:27 +01:00
border-radius: 15px;
padding-top: 60px;
2017-11-03 18:57:06 +01:00
}
#appBody {
width : 100%;
transition: 0.5s;
}
#appBody.expanded{
width: 85%;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
2017-11-09 10:35:27 +01:00
transition: 0.5s;
2017-11-03 18:57:06 +01:00
}
.sidenav a:hover {
2017-11-07 16:06:17 +01:00
color: #000;
2017-11-03 18:57:06 +01:00
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
#main {
transition: margin-left .5s;
2017-11-09 10:35:27 +01:00
/*padding: 16px;*/
2017-11-03 18:57:06 +01:00
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}