108 lines
1.3 KiB
CSS
108 lines
1.3 KiB
CSS
#list{
|
|
position: absolute;
|
|
right: 0;
|
|
top:0;
|
|
width: 20rem;
|
|
min-height: 100%;
|
|
|
|
}
|
|
|
|
#switch{
|
|
width: 25rem;
|
|
height: 5rem;
|
|
position: relative;
|
|
top: 0;
|
|
left: -50%;
|
|
|
|
}
|
|
.navButton{
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
#main{
|
|
width: 65rem;
|
|
height: 38rem;
|
|
position: relative;
|
|
top: 10rem;
|
|
left: -50%;
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
|
|
.listIMG{
|
|
width: 5rem;
|
|
float: left;
|
|
}
|
|
|
|
.navi{
|
|
margin-left: 1.5rem;
|
|
}
|
|
|
|
.personalInfo{
|
|
float: right;
|
|
width: 9rem;
|
|
margin:0;
|
|
padding:0;
|
|
overflow: auto;
|
|
}
|
|
.card{
|
|
margin-top:1rem;
|
|
}
|
|
.card-text{
|
|
padding: 0;
|
|
height: 0;
|
|
}
|
|
|
|
#middle-left{
|
|
float: left;
|
|
}
|
|
#middle-right{
|
|
float:right;
|
|
overflow: auto;
|
|
}
|
|
.middle{
|
|
padding: 2rem ;
|
|
margin: 0 !important;
|
|
height: 100%;
|
|
width: 45%;
|
|
display: block;
|
|
}
|
|
|
|
#image-left{
|
|
width:100%;
|
|
|
|
}
|
|
#image-right{
|
|
width:100%;
|
|
|
|
}
|
|
.card-text{
|
|
overflow: contain;
|
|
display: block;
|
|
}
|
|
.heroInfo{
|
|
|
|
}
|
|
|
|
.middle-controls{
|
|
margin-left: 1rem;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
|
|
#middle-right .personalInfo{
|
|
float: right;
|
|
width: 9rem;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
#middle-right .listIMG{
|
|
width: 15rem;
|
|
float: left;
|
|
}
|
|
|
|
.btn-delete{
|
|
float: right;
|
|
margin-top: 5px;
|
|
} |