converted all vh used in x-axis to vw
This commit is contained in:
parent
bfac6a2a0a
commit
8b540ad0b1
@ -28,11 +28,11 @@
|
|||||||
#dino
|
#dino
|
||||||
{
|
{
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: 2vh;
|
margin-right: 1.125vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
#vasek
|
#vasek
|
||||||
{
|
{
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: 2vh;
|
margin-left: 1.125vw;
|
||||||
}
|
}
|
@ -12,7 +12,7 @@ body
|
|||||||
#main_panel
|
#main_panel
|
||||||
{
|
{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 130vh;
|
width: 73.125vw;
|
||||||
height: 95vh;
|
height: 95vh;
|
||||||
|
|
||||||
background: #6F7270;
|
background: #6F7270;
|
||||||
@ -26,7 +26,7 @@ body
|
|||||||
|
|
||||||
::-webkit-scrollbar
|
::-webkit-scrollbar
|
||||||
{
|
{
|
||||||
width: 0.75vh;
|
width: 0.422vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-track
|
::-webkit-scrollbar-track
|
||||||
@ -73,7 +73,7 @@ body
|
|||||||
|
|
||||||
#upper_panel img + img
|
#upper_panel img + img
|
||||||
{
|
{
|
||||||
margin-left: 0.25vh;
|
margin-left: 0.141vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
#upper_panel img:hover
|
#upper_panel img:hover
|
||||||
@ -114,7 +114,7 @@ body
|
|||||||
{
|
{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0.3vh;
|
bottom: 0.3vh;
|
||||||
right: 0.3vh;
|
right: 0.169vw;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -123,8 +123,8 @@ body
|
|||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
|
||||||
padding: 0.3vh;
|
padding: 0.3vh;
|
||||||
padding-left: 0.9vh;
|
padding-left: 0.506vw;
|
||||||
padding-right: 0.9vh;
|
padding-right: 0.506vw;
|
||||||
|
|
||||||
background-color: #9E6812;
|
background-color: #9E6812;
|
||||||
border: 1px solid #3E392F;
|
border: 1px solid #3E392F;
|
||||||
@ -244,7 +244,7 @@ body
|
|||||||
|
|
||||||
.post_info
|
.post_info
|
||||||
{
|
{
|
||||||
padding-left: 5vh;
|
padding-left: 2.813vw;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -260,13 +260,13 @@ body
|
|||||||
{
|
{
|
||||||
padding-top: 0.25vh;
|
padding-top: 0.25vh;
|
||||||
padding-bottom: 0.25vh;
|
padding-bottom: 0.25vh;
|
||||||
width: 20vh;
|
width: 11.25vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post img
|
.post img
|
||||||
{
|
{
|
||||||
max-height: 20vh;
|
max-height: 20vh;
|
||||||
max-width: 20vh;
|
max-width: 11.25vw;
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
@ -14,14 +14,14 @@ body
|
|||||||
/* margin-top: 1vh;
|
/* margin-top: 1vh;
|
||||||
margin-left: 1vh; */
|
margin-left: 1vh; */
|
||||||
top: 1vh;
|
top: 1vh;
|
||||||
left: 1vh;
|
left: 0.563vw;
|
||||||
font-size: xx-large;
|
font-size: xx-large;
|
||||||
padding: 1vh;
|
padding: 1vh;
|
||||||
border-radius: 0.5vh;
|
border-radius: 0.5vh;
|
||||||
background-color: #B97C15;
|
background-color: #B97C15;
|
||||||
color: #C1BFBE;
|
color: #C1BFBE;
|
||||||
border-color: #4D2B09;
|
border-color: #4D2B09;
|
||||||
width: 8vh;
|
width: 4.5vw;
|
||||||
height: 8vh;
|
height: 8vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -11,7 +11,7 @@ body
|
|||||||
|
|
||||||
#textPole
|
#textPole
|
||||||
{
|
{
|
||||||
width: 55.5vh;
|
width: 31.219vw;
|
||||||
height: 25.5vh;
|
height: 25.5vh;
|
||||||
resize: none;
|
resize: none;
|
||||||
border-radius: 0.5vh;
|
border-radius: 0.5vh;
|
||||||
@ -26,7 +26,7 @@ body
|
|||||||
|
|
||||||
::-webkit-scrollbar
|
::-webkit-scrollbar
|
||||||
{
|
{
|
||||||
width: 0.75vh;
|
width: 0.422vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-track
|
::-webkit-scrollbar-track
|
||||||
@ -56,7 +56,7 @@ body
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 50vh;
|
margin-top: 50vh;
|
||||||
padding:auto;
|
padding:auto;
|
||||||
margin-left: 15vh;
|
margin-left: 8.438vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tlacitko
|
.tlacitko
|
||||||
@ -66,15 +66,15 @@ body
|
|||||||
border-color: #4D2B09;
|
border-color: #4D2B09;
|
||||||
margin-bottom: 1vh;
|
margin-bottom: 1vh;
|
||||||
border-radius: 0.84vh;
|
border-radius: 0.84vh;
|
||||||
border-width: 0.32vh;
|
border-width: 0.18vw;
|
||||||
width: 35vh;
|
width: 19.688vw;
|
||||||
height: 7vh;
|
height: 7vh;
|
||||||
font-size: larger;
|
font-size: larger;
|
||||||
}
|
}
|
||||||
|
|
||||||
#slideshow
|
#slideshow
|
||||||
{
|
{
|
||||||
width: 40vh;
|
width: 22.5vw;
|
||||||
height: 30vh;
|
height: 30vh;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0vh;
|
bottom: 0vh;
|
||||||
@ -125,8 +125,8 @@ body
|
|||||||
|
|
||||||
#sub_btn
|
#sub_btn
|
||||||
{
|
{
|
||||||
padding-right: 2vh;
|
padding-right: 1.125vw;
|
||||||
padding-left: 2vh;
|
padding-left: 1.125vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
#login_buttons, #logout_button
|
#login_buttons, #logout_button
|
||||||
@ -136,7 +136,7 @@ body
|
|||||||
|
|
||||||
#login_buttons *
|
#login_buttons *
|
||||||
{
|
{
|
||||||
width: 17vh;
|
width: 9.563vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
#logout_button
|
#logout_button
|
||||||
|
@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
#sipky > button
|
#sipky > button
|
||||||
{
|
{
|
||||||
width: 10vh;
|
width: 15.625vw;
|
||||||
height: 10vh;
|
height: 10vh;
|
||||||
font-size: xx-large;
|
font-size: xx-large;
|
||||||
border-radius: 0.5vh;
|
border-radius: 0.5vh;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user