diff options
author | Jérémy Benoist <j0k3r@users.noreply.github.com> | 2017-10-23 11:09:17 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-10-23 11:09:17 +0200 |
commit | 1953a872932a63792293b4aec087880265ba89f7 (patch) | |
tree | fd16599e737fcdaf193c933ef3ec4a4ee248b117 /app/Resources/static/themes/baggy/css/article.scss | |
parent | d83d25dadec2c38460a32d96f5d2903426fec9d3 (diff) | |
parent | 702f2d67d60ca963492b90dad74cb5f8dcc84e51 (diff) | |
download | wallabag-1953a872932a63792293b4aec087880265ba89f7.tar.gz wallabag-1953a872932a63792293b4aec087880265ba89f7.tar.zst wallabag-1953a872932a63792293b4aec087880265ba89f7.zip |
Merge pull request #3011 from wallabag/2.3
wallabag 2.3.0
Diffstat (limited to 'app/Resources/static/themes/baggy/css/article.scss')
-rw-r--r-- | app/Resources/static/themes/baggy/css/article.scss | 165 |
1 files changed, 165 insertions, 0 deletions
diff --git a/app/Resources/static/themes/baggy/css/article.scss b/app/Resources/static/themes/baggy/css/article.scss new file mode 100644 index 00000000..9094ad55 --- /dev/null +++ b/app/Resources/static/themes/baggy/css/article.scss | |||
@@ -0,0 +1,165 @@ | |||
1 | |||
2 | #article { | ||
3 | width: 70%; | ||
4 | margin-bottom: 3em; | ||
5 | text-align: justify; | ||
6 | |||
7 | .tags { | ||
8 | margin-bottom: 1em; | ||
9 | } | ||
10 | |||
11 | i { | ||
12 | font-style: normal; | ||
13 | } | ||
14 | |||
15 | h1 { | ||
16 | text-align: left; | ||
17 | } | ||
18 | |||
19 | h2::after { | ||
20 | content: none; | ||
21 | } | ||
22 | |||
23 | h2, | ||
24 | h3, | ||
25 | h4 { | ||
26 | text-transform: none; | ||
27 | } | ||
28 | } | ||
29 | |||
30 | blockquote { | ||
31 | border: 1px solid #999; | ||
32 | background-color: #fff; | ||
33 | padding: 1em; | ||
34 | margin: 0; | ||
35 | } | ||
36 | |||
37 | .topPosF { | ||
38 | position: fixed; | ||
39 | right: 20%; | ||
40 | bottom: 2em; | ||
41 | font-size: 1.5em; | ||
42 | } | ||
43 | |||
44 | #article_toolbar { | ||
45 | margin-bottom: 1em; | ||
46 | |||
47 | li { | ||
48 | display: inline-block; | ||
49 | margin: 3px auto; | ||
50 | } | ||
51 | |||
52 | a { | ||
53 | background-color: #000; | ||
54 | padding: 0.3em 0.5em 0.2em; | ||
55 | color: #fff; | ||
56 | text-decoration: none; | ||
57 | |||
58 | &:hover, | ||
59 | &:focus { | ||
60 | background-color: #999; | ||
61 | } | ||
62 | } | ||
63 | } | ||
64 | |||
65 | #nav-btn-add-tag { | ||
66 | cursor: pointer; | ||
67 | } | ||
68 | |||
69 | .shaarli::before { | ||
70 | content: "*"; | ||
71 | } | ||
72 | |||
73 | .return { | ||
74 | text-decoration: none; | ||
75 | margin-top: 1em; | ||
76 | display: block; | ||
77 | } | ||
78 | |||
79 | .return::before { | ||
80 | margin-right: 0.5em; | ||
81 | } | ||
82 | |||
83 | .notags { | ||
84 | font-style: italic; | ||
85 | color: #999; | ||
86 | } | ||
87 | |||
88 | .icon-rss { | ||
89 | background-color: #000; | ||
90 | color: #fff; | ||
91 | padding: 0.2em 0.5em; | ||
92 | |||
93 | &::before { | ||
94 | position: relative; | ||
95 | top: 2px; | ||
96 | } | ||
97 | } | ||
98 | |||
99 | .list-tags { | ||
100 | li { | ||
101 | margin-bottom: 0.5em; | ||
102 | } | ||
103 | |||
104 | .icon-rss:hover, | ||
105 | .icon-rss:focus { | ||
106 | background-color: #fff; | ||
107 | color: #000; | ||
108 | text-decoration: none; | ||
109 | } | ||
110 | |||
111 | a { | ||
112 | text-decoration: none; | ||
113 | |||
114 | &:hover, | ||
115 | &:focus { | ||
116 | text-decoration: underline; | ||
117 | } | ||
118 | } | ||
119 | } | ||
120 | |||
121 | pre code { | ||
122 | font-family: "Courier New", Courier, monospace; | ||
123 | } | ||
124 | |||
125 | #filters { | ||
126 | position: fixed; | ||
127 | width: 20%; | ||
128 | height: 100%; | ||
129 | top: 0; | ||
130 | right: 0; | ||
131 | background-color: #fff; | ||
132 | padding: 30px 30px 15px 15px; | ||
133 | border-left: 1px #333 solid; | ||
134 | z-index: 12; | ||
135 | min-width: 300px; | ||
136 | |||
137 | form .filter-group { | ||
138 | margin: 5px; | ||
139 | } | ||
140 | } | ||
141 | |||
142 | #download-form { | ||
143 | position: fixed; | ||
144 | width: 10%; | ||
145 | height: 100%; | ||
146 | top: 0; | ||
147 | right: 0; | ||
148 | background-color: #fff; | ||
149 | padding: 30px 30px 15px 15px; | ||
150 | border-left: 1px #333 solid; | ||
151 | z-index: 12; | ||
152 | min-width: 200px; | ||
153 | |||
154 | li { | ||
155 | display: block; | ||
156 | padding: 0.5em 2em 0.5em 1em; | ||
157 | color: #fff; | ||
158 | position: relative; | ||
159 | text-transform: uppercase; | ||
160 | text-decoration: none; | ||
161 | font-weight: 400; | ||
162 | font-family: PT Sans, sans-serif; | ||
163 | transition: all 0.5s ease; | ||
164 | } | ||
165 | } | ||