author | Oleksandr Gavenko <gavenkoa@gmail.com> |
Sat, 18 Mar 2023 22:08:05 +0200 | |
changeset 2564 | 7705e3c293ae |
parent 2001 | 4bebef342260 |
permissions | -rw-r--r-- |
1889
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
1 |
iframe { |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
2 |
overflow: hidden; |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
3 |
} |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
4 |
.document { |
1729
22ffd80639c0
Make centered content design with adoption for mobile devices.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1546
diff
changeset
|
5 |
max-width: 800px; |
1891
471406f3c69c
Apply consistent color schema. Remove duplicated links.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1889
diff
changeset
|
6 |
margin: .5em auto; |
1916
bef8b9e6c2fa
Make iframe thinner.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1908
diff
changeset
|
7 |
padding-left: 190px; |
1889
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
8 |
padding-right: 10px; |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
9 |
overflow: hidden; |
1729
22ffd80639c0
Make centered content design with adoption for mobile devices.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1546
diff
changeset
|
10 |
} |
1889
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
11 |
#sidebar { position: fixed; } |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
12 |
iframe { border: none; } |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
13 |
#sidebar, iframe { |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
14 |
top: 0; |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
15 |
left: 0; |
1916
bef8b9e6c2fa
Make iframe thinner.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1908
diff
changeset
|
16 |
width: 180px; |
1889
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
17 |
height: 100%; |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
18 |
} |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
19 |
@media (max-width: 780px) { |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
20 |
.document { |
1891
471406f3c69c
Apply consistent color schema. Remove duplicated links.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1889
diff
changeset
|
21 |
margin: 5px 10px 1em 10px; |
1889
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
22 |
padding: 0; |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
23 |
} |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
24 |
#sidebar { position: inherit; } |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
25 |
#sidebar, iframe { |
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
26 |
width: 100%; |
1891
471406f3c69c
Apply consistent color schema. Remove duplicated links.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1889
diff
changeset
|
27 |
height: 7em; |
1889
265b8d0f6149
Generate UX friendly index.html with iframe to tips index.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1837
diff
changeset
|
28 |
} |
1729
22ffd80639c0
Make centered content design with adoption for mobile devices.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1546
diff
changeset
|
29 |
} |