61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
/*アイコンをクリックした時とかにでてくるユーザーデータ*/
|
|
#his-data {
|
|
background-repeat: no-repeat;
|
|
background-image: url('/img/loading.svg');
|
|
overflow-y: hidden;
|
|
}
|
|
#his-prof {
|
|
float: left;
|
|
width: 100px;
|
|
}
|
|
.his-float {
|
|
float: left;
|
|
width: calc(50% - 50px);
|
|
height: 122px;
|
|
overflow-y: scroll;
|
|
padding: 5px;
|
|
}
|
|
#his-data-show {
|
|
margin: 50px;
|
|
background-color:rgba(255, 255, 255, 0.9);
|
|
width: calc(100% - 50px);
|
|
height: calc(100% - 50px);
|
|
margin-bottom: 0;
|
|
padding: 5px;
|
|
}
|
|
.tab-content {
|
|
overflow-y: scroll;
|
|
height: calc(100% - 240px)
|
|
}
|
|
.my-data-width {
|
|
width: 11.11%;
|
|
}
|
|
.active-back{
|
|
background-color: #e6ee9c;
|
|
}
|
|
#his-name .emojione,#his-name .emoji-img{
|
|
width: 20px;
|
|
}
|
|
|
|
|
|
/*black theme*/
|
|
.blacktheme #his-data-show {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.blacktheme .active-back{
|
|
background-color:#757575;
|
|
}
|
|
/*indigo theme*/
|
|
.indigotheme #his-data-show {
|
|
background-color: rgba(13, 19, 81,0.8);
|
|
}
|
|
.indigotheme .active-back{
|
|
background-color:#757575;
|
|
}
|
|
/*brown theme*/
|
|
.browntheme #his-data-show {
|
|
background-color: rgba(62, 39, 35,0.8);
|
|
}
|
|
.browntheme .active-back{
|
|
background-color:#757575;
|
|
} |