Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-05-30 07:13:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixing up some CSS

Browse source
This commit is contained in:
Michał Gdula 2022-08-08 19:59:40 +01:00
parent d8b20c9b34
commit bf449271e6
6 changed files with 34 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

20
css/master.css
View file

@ -11,7 +11,7 @@
@import "footer.css";
:root {
--bg: #15151588;
--bg: #151515bb;
--bg-1: #242621;
--bg-2: #1D1E1C;
--bg-3: #151515;
@ -25,8 +25,8 @@
--black: #151515;
--white: #E8E3E3;
--shadow: 6px 6px 10px #15151588;
--rad: 5px;
--shadow: 6px 6px 2px #15151588;
--rad: 2px;
--square: 33.33%;
}
@ -62,6 +62,8 @@ body {
display: flex;
position: relative;
flex-direction: column;
justify-content: space-between;
}
@ -72,7 +74,7 @@ body {
#back-to-top {
margin: 0; padding: 0.5rem;
position: fixed; z-index: 9999999;
position: fixed; z-index: 99;
right: -2.5rem; bottom: 1rem;
object-position: center;
@ -109,7 +111,7 @@ body {
background-color: var(--bg);
backdrop-filter: blur(8px);
outline: 0.5rem solid var(--bg);
/*outline: 0.5rem solid var(--bg);*/
border-radius: var(--rad);
box-shadow: var(--shadow);
@ -152,7 +154,7 @@ body {
backdrop-filter: blur(8px);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
/*outline: 0.5rem solid var(--bg);*/
border-radius: var(--rad);
box-shadow: var(--shadow);
@ -203,7 +205,7 @@ body {
-=-=-= IMAGE FULLSCREEN =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.image-container {
padding: 0.5rem;
/*padding: 0.5rem;*/
width: calc(100vw - var(--space-medium));
max-height: 69vh; height: auto;
@ -212,7 +214,7 @@ body {
background-color: var(--bg);
backdrop-filter: blur(8px);
outline: 0.5rem solid var(--bg);
/*outline: 0.5rem solid var(--bg);*/
border-radius: var(--rad);
@ -355,7 +357,7 @@ body {
display: block;
border-radius: var(--rad);
outline: 0.5rem solid var(--bg);
/*outline: 0.5rem solid var(--bg);*/
}
.alert {