Skip to content
This repository
Browse code

moved styles for pagetools into their own css file

  • Loading branch information...
commit f33b75ddfb6aa5108edff800dee6948321751db0 1 parent 4b5d4e2
Anika Henke selfthinker authored

Showing 3 changed files with 190 additions and 189 deletions. Show diff stats Hide diff stats

  1. +0 189 css/design.css
  2. +189 0 css/pagetools.css
  3. +1 0  style.ini
189 css/design.css
@@ -103,195 +103,6 @@
103 103 #dokuwiki__usertools ul li.user {
104 104 }
105 105
106   -/*____________ page tools ____________*/
107   -
108   -#dokuwiki__site .site {
109   - padding-left: 40px;
110   - padding-right: 40px;
111   -}
112   -#dokuwiki__usertools {
113   - right: 40px;
114   -}
115   -
116   -#dokuwiki__pagetools {
117   - position: absolute;
118   - right: -42px;
119   - top: 2em;
120   -}
121   -
122   -#dokuwiki__pagetools div.tools {
123   - position: fixed;
124   -}
125   -
126   -#dokuwiki__pagetools ul {
127   - position: absolute;
128   - right: 0;
129   - margin: 0;
130   - padding: 0;
131   - text-align: right;
132   -}
133   -
134   -#dokuwiki__pagetools.version03 ul {
135   - border: 1px solid __border__;
136   - border-radius: 2px;
137   - background-color: __background__;
138   - box-shadow: .1em .1em .1em __text__;
139   - margin: 0 -.5em;
140   -}
141   -#dokuwiki__pagetools.version02:hover ul li a span,
142   -#dokuwiki__pagetools.version02:active ul li a span,
143   -#dokuwiki__pagetools.version02:focus ul li a span,
144   -#dokuwiki__pagetools.version03:hover ul li a span,
145   -#dokuwiki__pagetools.version03:active ul li a span,
146   -#dokuwiki__pagetools.version03:focus ul li a span {
147   - display: inline;
148   -}
149   -#dokuwiki__pagetools.version02 ul {
150   - margin: 0 -.5em;
151   - border: 1px solid transparent;
152   -}
153   -#dokuwiki__pagetools.version02:hover ul {
154   - border: 1px solid __border__;
155   - border-radius: 2px;
156   - background-color: __background__;
157   - box-shadow: .1em .1em .1em __text__;
158   -}
159   -
160   -
161   -#dokuwiki__pagetools ul li {
162   - padding: 0;
163   - margin: 0;
164   - list-style: none;
165   - font-size: 0.875em;
166   -}
167   -
168   -#dokuwiki__pagetools ul li a {
169   - display: block;
170   - min-height: 17px;
171   - padding: .5em 34px .5em 1em;
172   - background-repeat: no-repeat;
173   - background-position: right center;
174   - white-space: nowrap;
175   - border: 1px solid transparent;
176   -}
177   -#dokuwiki__pagetools.version02 ul li a,
178   -#dokuwiki__pagetools.version03 ul li a {
179   - padding: .2em 34px .2em .5em;
180   -}
181   -#dokuwiki__pagetools.version01 ul li a:hover,
182   -#dokuwiki__pagetools.version01 ul li a:active,
183   -#dokuwiki__pagetools.version01 ul li a:focus {
184   - border-radius: 2px;
185   - background-color: __background__;
186   - box-shadow: .1em .1em .1em __text__;
187   - text-decoration: none;
188   - border-color: __border__;
189   -}
190   -#dokuwiki__pagetools ul li a span {
191   - display: none;
192   -}
193   -#dokuwiki__pagetools.version01 ul li a:hover span,
194   -#dokuwiki__pagetools.version01 ul li a:active span,
195   -#dokuwiki__pagetools.version01 ul li a:focus span {
196   - display: inline;
197   -}
198   -
199   -
200   -
201   -/* @todo: add NEW icons */
202   -#dokuwiki__pagetools ul li a.edit {
203   - background-image: url(images/pagetools/edit.png);
204   -}
205   -#dokuwiki__pagetools ul li a.edit:hover,
206   -#dokuwiki__pagetools ul li a.edit:active,
207   -#dokuwiki__pagetools ul li a.edit:focus {
208   - background-image: url(images/pagetools/edit-active.png);
209   -}
210   -
211   -#dokuwiki__pagetools ul li a.create {
212   - background-image: url(images/pagetools/create.png);
213   -}
214   -#dokuwiki__pagetools ul li a.create:hover,
215   -#dokuwiki__pagetools ul li a.create:active,
216   -#dokuwiki__pagetools ul li a.create:focus {
217   - background-image: url(images/pagetools/create-active.png);
218   -}
219   -
220   -#dokuwiki__pagetools ul li a.show {
221   - background-image: url(images/pagetools/show.png);
222   -}
223   -#dokuwiki__pagetools ul li a.show:hover,
224   -#dokuwiki__pagetools ul li a.show:active,
225   -#dokuwiki__pagetools ul li a.show:focus {
226   - background-image: url(images/pagetools/show-active.png);
227   -}
228   -
229   -#dokuwiki__pagetools ul li a.source {
230   - background-image: url(images/pagetools/source.png);
231   -}
232   -#dokuwiki__pagetools ul li a.source:hover,
233   -#dokuwiki__pagetools ul li a.source:active,
234   -#dokuwiki__pagetools ul li a.source:focus {
235   - background-image: url(images/pagetools/source-active.png);
236   -}
237   -
238   -#dokuwiki__pagetools ul li a.draft {
239   - background-image: url(images/pagetools/draft.png);
240   -}
241   -#dokuwiki__pagetools ul li a.draft:hover,
242   -#dokuwiki__pagetools ul li a.draft:active,
243   -#dokuwiki__pagetools ul li a.draft:focus {
244   - background-image: url(images/pagetools/draft-active.png);
245   -}
246   -
247   -#dokuwiki__pagetools ul li a.revs {
248   - background-image: url(images/pagetools/revisions.png);
249   -}
250   -#dokuwiki__pagetools ul li a.revs:hover,
251   -#dokuwiki__pagetools ul li a.revs:active,
252   -#dokuwiki__pagetools ul li a.revs:focus,
253   -.mode_revisions #dokuwiki__pagetools ul li a.revs {
254   - background-image: url(images/pagetools/revisions-active.png);
255   -}
256   -
257   -#dokuwiki__pagetools ul li a.backlink {
258   - background-image: url(images/pagetools/backlink.png);
259   -}
260   -#dokuwiki__pagetools ul li a.backlink:hover,
261   -#dokuwiki__pagetools ul li a.backlink:active,
262   -#dokuwiki__pagetools ul li a.backlink:focus,
263   -.mode_backlink #dokuwiki__pagetools ul li a.backlink {
264   - background-image: url(images/pagetools/backlink-active.png);
265   -}
266   -
267   -#dokuwiki__pagetools ul li a.top {
268   - background-image: url(images/pagetools/top.png);
269   -}
270   -#dokuwiki__pagetools ul li a.top:hover,
271   -#dokuwiki__pagetools ul li a.top:active,
272   -#dokuwiki__pagetools ul li a.top:focus {
273   - background-image: url(images/pagetools/top-active.png);
274   -}
275   -
276   -#dokuwiki__pagetools ul li a.revert {
277   - background-image: url(images/pagetools/revert.png);
278   -}
279   -#dokuwiki__pagetools ul li a.revert:hover,
280   -#dokuwiki__pagetools ul li a.revert:active,
281   -#dokuwiki__pagetools ul li a.revert:focus,
282   -.mode_revert #dokuwiki__pagetools ul li a.revert {
283   - background-image: url(images/pagetools/revert-active.png);
284   -}
285   -
286   -#dokuwiki__pagetools ul li a.subscribe {
287   - background-image: url(images/pagetools/subscribe.png);
288   -}
289   -#dokuwiki__pagetools ul li a.subscribe:hover,
290   -#dokuwiki__pagetools ul li a.subscribe:active,
291   -#dokuwiki__pagetools ul li a.subscribe:focus,
292   -.mode_subscribe #dokuwiki__pagetools ul li a.subscribe {
293   - background-image: url(images/pagetools/subscribe-active.png);
294   -}
295 106
296 107 /*____________ site tools ____________*/
297 108
189 css/pagetools.css
... ... @@ -0,0 +1,189 @@
  1 +/*____________ page tools ____________*/
  2 +
  3 +#dokuwiki__site .site {
  4 + padding-left: 40px;
  5 + padding-right: 40px;
  6 +}
  7 +#dokuwiki__usertools {
  8 + right: 40px;
  9 +}
  10 +
  11 +#dokuwiki__pagetools {
  12 + position: absolute;
  13 + right: -42px;
  14 + top: 2em;
  15 +}
  16 +
  17 +#dokuwiki__pagetools div.tools {
  18 + position: fixed;
  19 +}
  20 +
  21 +#dokuwiki__pagetools ul {
  22 + position: absolute;
  23 + right: 0;
  24 + margin: 0;
  25 + padding: 0;
  26 + text-align: right;
  27 +}
  28 +
  29 +#dokuwiki__pagetools.version03 ul {
  30 + border: 1px solid __border__;
  31 + border-radius: 2px;
  32 + background-color: __background__;
  33 + box-shadow: .1em .1em .1em __text__;
  34 + margin: 0 -.5em;
  35 +}
  36 +#dokuwiki__pagetools.version02:hover ul li a span,
  37 +#dokuwiki__pagetools.version02:active ul li a span,
  38 +#dokuwiki__pagetools.version02:focus ul li a span,
  39 +#dokuwiki__pagetools.version03:hover ul li a span,
  40 +#dokuwiki__pagetools.version03:active ul li a span,
  41 +#dokuwiki__pagetools.version03:focus ul li a span {
  42 + display: inline;
  43 +}
  44 +#dokuwiki__pagetools.version02 ul {
  45 + margin: 0 -.5em;
  46 + border: 1px solid transparent;
  47 +}
  48 +#dokuwiki__pagetools.version02:hover ul {
  49 + border: 1px solid __border__;
  50 + border-radius: 2px;
  51 + background-color: __background__;
  52 + box-shadow: .1em .1em .1em __text__;
  53 +}
  54 +
  55 +
  56 +#dokuwiki__pagetools ul li {
  57 + padding: 0;
  58 + margin: 0;
  59 + list-style: none;
  60 + font-size: 0.875em;
  61 +}
  62 +
  63 +#dokuwiki__pagetools ul li a {
  64 + display: block;
  65 + min-height: 17px;
  66 + padding: .5em 34px .5em 1em;
  67 + background-repeat: no-repeat;
  68 + background-position: right center;
  69 + white-space: nowrap;
  70 + border: 1px solid transparent;
  71 +}
  72 +#dokuwiki__pagetools.version02 ul li a,
  73 +#dokuwiki__pagetools.version03 ul li a {
  74 + padding: .2em 34px .2em .5em;
  75 +}
  76 +#dokuwiki__pagetools.version01 ul li a:hover,
  77 +#dokuwiki__pagetools.version01 ul li a:active,
  78 +#dokuwiki__pagetools.version01 ul li a:focus {
  79 + border-radius: 2px;
  80 + background-color: __background__;
  81 + box-shadow: .1em .1em .1em __text__;
  82 + text-decoration: none;
  83 + border-color: __border__;
  84 +}
  85 +#dokuwiki__pagetools ul li a span {
  86 + display: none;
  87 +}
  88 +#dokuwiki__pagetools.version01 ul li a:hover span,
  89 +#dokuwiki__pagetools.version01 ul li a:active span,
  90 +#dokuwiki__pagetools.version01 ul li a:focus span {
  91 + display: inline;
  92 +}
  93 +
  94 +
  95 +
  96 +/* @todo: add NEW icons */
  97 +#dokuwiki__pagetools ul li a.edit {
  98 + background-image: url(images/pagetools/edit.png);
  99 +}
  100 +#dokuwiki__pagetools ul li a.edit:hover,
  101 +#dokuwiki__pagetools ul li a.edit:active,
  102 +#dokuwiki__pagetools ul li a.edit:focus {
  103 + background-image: url(images/pagetools/edit-active.png);
  104 +}
  105 +
  106 +#dokuwiki__pagetools ul li a.create {
  107 + background-image: url(images/pagetools/create.png);
  108 +}
  109 +#dokuwiki__pagetools ul li a.create:hover,
  110 +#dokuwiki__pagetools ul li a.create:active,
  111 +#dokuwiki__pagetools ul li a.create:focus {
  112 + background-image: url(images/pagetools/create-active.png);
  113 +}
  114 +
  115 +#dokuwiki__pagetools ul li a.show {
  116 + background-image: url(images/pagetools/show.png);
  117 +}
  118 +#dokuwiki__pagetools ul li a.show:hover,
  119 +#dokuwiki__pagetools ul li a.show:active,
  120 +#dokuwiki__pagetools ul li a.show:focus {
  121 + background-image: url(images/pagetools/show-active.png);
  122 +}
  123 +
  124 +#dokuwiki__pagetools ul li a.source {
  125 + background-image: url(images/pagetools/source.png);
  126 +}
  127 +#dokuwiki__pagetools ul li a.source:hover,
  128 +#dokuwiki__pagetools ul li a.source:active,
  129 +#dokuwiki__pagetools ul li a.source:focus {
  130 + background-image: url(images/pagetools/source-active.png);
  131 +}
  132 +
  133 +#dokuwiki__pagetools ul li a.draft {
  134 + background-image: url(images/pagetools/draft.png);
  135 +}
  136 +#dokuwiki__pagetools ul li a.draft:hover,
  137 +#dokuwiki__pagetools ul li a.draft:active,
  138 +#dokuwiki__pagetools ul li a.draft:focus {
  139 + background-image: url(images/pagetools/draft-active.png);
  140 +}
  141 +
  142 +#dokuwiki__pagetools ul li a.revs {
  143 + background-image: url(images/pagetools/revisions.png);
  144 +}
  145 +#dokuwiki__pagetools ul li a.revs:hover,
  146 +#dokuwiki__pagetools ul li a.revs:active,
  147 +#dokuwiki__pagetools ul li a.revs:focus,
  148 +.mode_revisions #dokuwiki__pagetools ul li a.revs {
  149 + background-image: url(images/pagetools/revisions-active.png);
  150 +}
  151 +
  152 +#dokuwiki__pagetools ul li a.backlink {
  153 + background-image: url(images/pagetools/backlink.png);
  154 +}
  155 +#dokuwiki__pagetools ul li a.backlink:hover,
  156 +#dokuwiki__pagetools ul li a.backlink:active,
  157 +#dokuwiki__pagetools ul li a.backlink:focus,
  158 +.mode_backlink #dokuwiki__pagetools ul li a.backlink {
  159 + background-image: url(images/pagetools/backlink-active.png);
  160 +}
  161 +
  162 +#dokuwiki__pagetools ul li a.top {
  163 + background-image: url(images/pagetools/top.png);
  164 +}
  165 +#dokuwiki__pagetools ul li a.top:hover,
  166 +#dokuwiki__pagetools ul li a.top:active,
  167 +#dokuwiki__pagetools ul li a.top:focus {
  168 + background-image: url(images/pagetools/top-active.png);
  169 +}
  170 +
  171 +#dokuwiki__pagetools ul li a.revert {
  172 + background-image: url(images/pagetools/revert.png);
  173 +}
  174 +#dokuwiki__pagetools ul li a.revert:hover,
  175 +#dokuwiki__pagetools ul li a.revert:active,
  176 +#dokuwiki__pagetools ul li a.revert:focus,
  177 +.mode_revert #dokuwiki__pagetools ul li a.revert {
  178 + background-image: url(images/pagetools/revert-active.png);
  179 +}
  180 +
  181 +#dokuwiki__pagetools ul li a.subscribe {
  182 + background-image: url(images/pagetools/subscribe.png);
  183 +}
  184 +#dokuwiki__pagetools ul li a.subscribe:hover,
  185 +#dokuwiki__pagetools ul li a.subscribe:active,
  186 +#dokuwiki__pagetools ul li a.subscribe:focus,
  187 +.mode_subscribe #dokuwiki__pagetools ul li a.subscribe {
  188 + background-image: url(images/pagetools/subscribe-active.png);
  189 +}
1  style.ini
@@ -26,6 +26,7 @@ css/_forms.css = screen
26 26 css/_admin.css = screen
27 27 css/structure.css = screen
28 28 css/design.css = screen
  29 +css/pagetools.css = screen
29 30 css/content.css = screen
30 31 css/includes.css = screen
31 32

0 comments on commit f33b75d

Andreas Gohr

I believe this rule shouldn't be in the pagetools file at all

Anika Henke

It is directly related to the pagetools and doesn't make sense without it. (It only adds the 40px to make it consistent with the pagetools, otherwise it wouldn't be needed.) I think it's better to keep related styles together rather than styles which belong to a certain part only.
So in other words, if you wanted to change or delete the pagetools styling and these rules weren't in here, you'd have to search for it in a different file as well as changing other styles in here.

Andreas Gohr

ah okay. that makes sense

Please sign in to comment.
Something went wrong with that request. Please try again.