Mercurial > addons > firefox-addons > feed-preview
annotate web_resources/style/entry-content.css @ 51:dc25aa2bc628
Revert flexbox layout from extension.css in the entry style sheet
This reverts laying out the contents of the body according to the flexbox model
since it has, among other things, the unwanted effect of stretching images.
author | Guido Berhoerster <guido+feed-preview@berhoerster.name> |
---|---|
date | Fri, 06 Sep 2019 13:16:48 +0200 |
parents | fe3cb4aa6944 |
children |
rev | line source |
---|---|
8
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
1 /* |
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
2 * Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name> |
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
3 * |
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
4 * This Source Code Form is subject to the terms of the Mozilla Public |
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
5 * License, v. 2.0. If a copy of the MPL was not distributed with this |
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
6 * file, You can obtain one at http://mozilla.org/MPL/2.0/. |
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
7 */ |
c271192aac9d
Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
0
diff
changeset
|
8 |
0
bc5cc170163c
Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff
changeset
|
9 @import url("common.css"); |
bc5cc170163c
Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff
changeset
|
10 |
41
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
11 html, |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
12 body { |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
13 /* |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
14 * revert some unwanted changes in "extension.css" disallowing text selection |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
15 * and forcing use of the default cursor for all contexts |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
16 */ |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
17 -moz-user-select: auto; |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
18 -webkit-user-select: auto; |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
19 user-select: auto; |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
20 cursor: auto; |
51
dc25aa2bc628
Revert flexbox layout from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
43
diff
changeset
|
21 display: unset; |
41
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
22 } |
fe3ee7a4a99a
Revert unwanted changes from extension.css in the entry style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
30
diff
changeset
|
23 |
0
bc5cc170163c
Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff
changeset
|
24 body { |
bc5cc170163c
Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff
changeset
|
25 padding: 4px; |
bc5cc170163c
Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff
changeset
|
26 } |
30
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
27 |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
28 body > :first-child { |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
29 margin-block-start: 0; |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
30 } |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
31 |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
32 p { |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
33 margin-block-start: 0; |
42
a427c3156f5e
Fix invalid CSS property name
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
41
diff
changeset
|
34 margin-block-end: 0; |
30
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
35 } |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
36 |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
37 img { |
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
38 margin-block-start: 0; |
42
a427c3156f5e
Fix invalid CSS property name
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
41
diff
changeset
|
39 margin-block-end: 0; |
43
fe3cb4aa6944
Limit the width of images to the entries iframe width
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
42
diff
changeset
|
40 max-width: 100%; |
30
b9dc94ce2eeb
Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
8
diff
changeset
|
41 } |