You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1021 B
60 lines
1021 B
|
|
|
|
.panel{
|
|
// background-color: #fffef870;
|
|
border-radius: 6px;
|
|
padding: 8px;
|
|
text-align: center;
|
|
position: relative;
|
|
h1{
|
|
font-size: 2.9116em;
|
|
}
|
|
.author{
|
|
font-size: 1.0833em;
|
|
}
|
|
.content{
|
|
text-align: left;
|
|
font-size: 1.6667em;
|
|
margin-top: 15px;
|
|
line-height: 1.2;
|
|
word-break: break-all;
|
|
}
|
|
.float{
|
|
cursor: pointer;
|
|
font-size: 1.1667em;
|
|
position: absolute;
|
|
right: 100%;
|
|
top: 200px;
|
|
background-color: #fffef870;
|
|
border-top-left-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
width: 45px;
|
|
word-break: break-all;
|
|
padding: 4px 6px;
|
|
&:hover{
|
|
animation: bounce .4s;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0%{
|
|
transform: scale(1);
|
|
}
|
|
50%{
|
|
transform: scale(1.2);
|
|
}
|
|
100%{
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.motto{
|
|
text-align: center;
|
|
font-size: 20px;
|
|
margin: 6px 0;
|
|
}
|
|
|
|
.panel{
|
|
|
|
}
|