chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Design overhaul of details page

Browse source
This commit is contained in:
Christoph Haas 2020-10-20 00:22:41 +02:00
parent 986b42145e
commit adb76650da
4 changed files with 90 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

43
app/assets/stylesheets/my_styles.scss
View file

@ -95,8 +95,8 @@ div.thumb-height
.uploadbutton {
animation-name: pump;
animation-duration: 3s;
animation-delay: 2s;
animation-duration: 10s;
animation-delay: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
// animation-direction: alternate;
@ -105,10 +105,10 @@ div.thumb-height
0% {
transform: scale(1,1);
}
10% {
5% {
transform: scale(1.2,1.2);
}
20% {
10% {
transform: scale(1,1);
}
}
@ -289,16 +289,16 @@ a.black
h1
{
// margin-bottom: 0;
font-size: 150%;
font-weight: normal;
margin: 0 0 0.5rem 0;
// font-size: 200%;
// font-weight: normal;
margin: 0 0 0 0;
}
h2
{
font-size: 150%;
font-weight: normal;
margin: 0 0 0.2rem 0;
margin: 0 0 0.5rem 0;
color: #808080;
}
@ -306,17 +306,12 @@ a.black
.imgcaption
{
text-align: center;
font-variant: italic;
display: inline-block;
padding: 0px 5px;
// top: 10px;
// right: 0px;
color: #fff;
background-color: #808080;
// opacity: 0.5;
// position: absolute;
border-radius: 0 0 10px 10px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Status of a screenshot (e.g. if it has to be moderated) */
@ -541,17 +536,3 @@ a.black
animation-delay: 4s;
animation-fill-mode: both;
}
/* Display caption at the bottom of an image */
// .image-with-zoom-icon .caption {
// padding: 0px 5px;
// top: 10px;
// right: 0px;
// color: #fff;
// background-color: #000;
// opacity: 0.5;
// position: absolute;
// border-radius: 15px 0 0 15px;
// }