1
0
Fork 0

Use size-relative units for CSS.

main
Mari 5 years ago
parent d14ba4bf55
commit 44ecfcb36e
  1. 10
      _includes/assets/css/main.css
  2. 2
      _includes/assets/css/resizing.css
  3. 7
      _includes/assets/css/screen.css

@ -96,15 +96,15 @@ header rt {
#content {
position: relative;
overflow: hidden;
margin-top: 10px;
margin-top: 0.77rem;
border-top: 1px solid black;
padding-top: 10px;
padding-top: 0.77rem;
}
#content > .divider {
position: absolute;
left: calc(12.25rem - 1px);
top: 0;
left: calc(12rem - 1px);
top: 0.77rem;
bottom: 0;
width: 1px;
border-right: 1px solid black;
@ -189,7 +189,7 @@ header rt {
overflow: hidden;
margin-left: 0.25rem;
margin-top: 0.05rem;
border-radius: 2px;
border-radius: 0.15rem;
}
.skill .icon {

@ -1,7 +1,7 @@
/* Too small for big margins */
@media only screen and (max-width: 700px) and (min-width: 571px) {
main {
padding: 0 calc((100% - 550px) / 2) 72px calc((100vw - 550px) / 2);
padding: 0 calc((100vw - 550px) / 2) 72px calc((100vw - 550px) / 2);
}
}

@ -8,15 +8,16 @@
padding: 0 72px 72px 72px;
background-color: white;
margin: 0;
border: 1px solid gray;
box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.3);
border: 0.077rem solid gray;
border-top: 0;
box-shadow: 0.15rem 0.5rem 0.23rem rgba(0, 0, 0, 0.3);
}
footer {
display: block;
font-size: smaller;
color: white;
padding: 10px;
padding: 0.77rem;
text-shadow: black 1px 1px 1px, black -1px 1px 1px, black 1px -1px 1px, black -1px -1px 1px;
}

Loading…
Cancel
Save