]>
Commit | Line | Data |
---|---|---|
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 | } |