blob: 043c0cbc67c2d4e5cc265dfffc35775a403f3ce2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
body {
height: 100%;
display: flex;
flex-direction: column;
}
.main {
flex-grow: 1;
display: flex;
background: #ccc;
}
.main div {
padding: 2em;
}
#photos {
width: 30%;
flex-shrink: 0;
background: #eee;
}
#bio {
background: #bbb;
}
/* #photos-inner { */
/* position: fixed; */
/* } */
/* #photos-inner img { */
/* position: absolute; */
/* height: 33%; */
/* border-color: #ddd; */
/* border-width: 10px; */
/* border-style: solid; */
/* border-radius: 20%; */
/* filter: grayscale(1); */
/* transition: 1s; */
/* } */
/* #photos-inner img:hover { */
/* filter: none; */
/* } */
/* /\* TODO: fix photos div height when zoomed out *\/ */
/* img:nth-of-type(1) { */
/* left: 1%; */
/* top: 5%; */
/* } */
/* img:nth-of-type(2) { */
/* right: 1%; */
/* top: 10%; */
/* } */
/* img:nth-of-type(3) { */
/* left: 1%; */
/* top: 30%; */
/* } */
/* img:nth-of-type(4) { */
/* right: 1%; */
/* top: 35%; */
/* } */
/* #bio { */
/* width: 45%; */
/* background: #fee; */
/* } */
|
