Permalink
Browse files

moved styles for pagetools into their own css file

  • Loading branch information...
1 parent 4b5d4e2 commit f33b75ddfb6aa5108edff800dee6948321751db0 @selfthinker selfthinker committed Jan 15, 2012
Showing with 190 additions and 189 deletions.
  1. +0 −189 css/design.css
  2. +189 −0 css/pagetools.css
  3. +1 −0 style.ini
View
@@ -103,195 +103,6 @@
#dokuwiki__usertools ul li.user {
}
-/*____________ page tools ____________*/
-
-#dokuwiki__site .site {
- padding-left: 40px;
- padding-right: 40px;
-}
-#dokuwiki__usertools {
- right: 40px;
-}
-
-#dokuwiki__pagetools {
- position: absolute;
- right: -42px;
- top: 2em;
-}
-
-#dokuwiki__pagetools div.tools {
- position: fixed;
-}
-
-#dokuwiki__pagetools ul {
- position: absolute;
- right: 0;
- margin: 0;
- padding: 0;
- text-align: right;
-}
-
-#dokuwiki__pagetools.version03 ul {
- border: 1px solid __border__;
- border-radius: 2px;
- background-color: __background__;
- box-shadow: .1em .1em .1em __text__;
- margin: 0 -.5em;
-}
-#dokuwiki__pagetools.version02:hover ul li a span,
-#dokuwiki__pagetools.version02:active ul li a span,
-#dokuwiki__pagetools.version02:focus ul li a span,
-#dokuwiki__pagetools.version03:hover ul li a span,
-#dokuwiki__pagetools.version03:active ul li a span,
-#dokuwiki__pagetools.version03:focus ul li a span {
- display: inline;
-}
-#dokuwiki__pagetools.version02 ul {
- margin: 0 -.5em;
- border: 1px solid transparent;
-}
-#dokuwiki__pagetools.version02:hover ul {
- border: 1px solid __border__;
- border-radius: 2px;
- background-color: __background__;
- box-shadow: .1em .1em .1em __text__;
-}
-
-
-#dokuwiki__pagetools ul li {
- padding: 0;
- margin: 0;
- list-style: none;
- font-size: 0.875em;
-}
-
-#dokuwiki__pagetools ul li a {
- display: block;
- min-height: 17px;
- padding: .5em 34px .5em 1em;
- background-repeat: no-repeat;
- background-position: right center;
- white-space: nowrap;
- border: 1px solid transparent;
-}
-#dokuwiki__pagetools.version02 ul li a,
-#dokuwiki__pagetools.version03 ul li a {
- padding: .2em 34px .2em .5em;
-}
-#dokuwiki__pagetools.version01 ul li a:hover,
-#dokuwiki__pagetools.version01 ul li a:active,
-#dokuwiki__pagetools.version01 ul li a:focus {
- border-radius: 2px;
- background-color: __background__;
- box-shadow: .1em .1em .1em __text__;
- text-decoration: none;
- border-color: __border__;
-}
-#dokuwiki__pagetools ul li a span {
- display: none;
-}
-#dokuwiki__pagetools.version01 ul li a:hover span,
-#dokuwiki__pagetools.version01 ul li a:active span,
-#dokuwiki__pagetools.version01 ul li a:focus span {
- display: inline;
-}
-
-
-
-/* @todo: add NEW icons */
-#dokuwiki__pagetools ul li a.edit {
- background-image: url(images/pagetools/edit.png);
-}
-#dokuwiki__pagetools ul li a.edit:hover,
-#dokuwiki__pagetools ul li a.edit:active,
-#dokuwiki__pagetools ul li a.edit:focus {
- background-image: url(images/pagetools/edit-active.png);
-}
-
-#dokuwiki__pagetools ul li a.create {
- background-image: url(images/pagetools/create.png);
-}
-#dokuwiki__pagetools ul li a.create:hover,
-#dokuwiki__pagetools ul li a.create:active,
-#dokuwiki__pagetools ul li a.create:focus {
- background-image: url(images/pagetools/create-active.png);
-}
-
-#dokuwiki__pagetools ul li a.show {
- background-image: url(images/pagetools/show.png);
-}
-#dokuwiki__pagetools ul li a.show:hover,
-#dokuwiki__pagetools ul li a.show:active,
-#dokuwiki__pagetools ul li a.show:focus {
- background-image: url(images/pagetools/show-active.png);
-}
-
-#dokuwiki__pagetools ul li a.source {
- background-image: url(images/pagetools/source.png);
-}
-#dokuwiki__pagetools ul li a.source:hover,
-#dokuwiki__pagetools ul li a.source:active,
-#dokuwiki__pagetools ul li a.source:focus {
- background-image: url(images/pagetools/source-active.png);
-}
-
-#dokuwiki__pagetools ul li a.draft {
- background-image: url(images/pagetools/draft.png);
-}
-#dokuwiki__pagetools ul li a.draft:hover,
-#dokuwiki__pagetools ul li a.draft:active,
-#dokuwiki__pagetools ul li a.draft:focus {
- background-image: url(images/pagetools/draft-active.png);
-}
-
-#dokuwiki__pagetools ul li a.revs {
- background-image: url(images/pagetools/revisions.png);
-}
-#dokuwiki__pagetools ul li a.revs:hover,
-#dokuwiki__pagetools ul li a.revs:active,
-#dokuwiki__pagetools ul li a.revs:focus,
-.mode_revisions #dokuwiki__pagetools ul li a.revs {
- background-image: url(images/pagetools/revisions-active.png);
-}
-
-#dokuwiki__pagetools ul li a.backlink {
- background-image: url(images/pagetools/backlink.png);
-}
-#dokuwiki__pagetools ul li a.backlink:hover,
-#dokuwiki__pagetools ul li a.backlink:active,
-#dokuwiki__pagetools ul li a.backlink:focus,
-.mode_backlink #dokuwiki__pagetools ul li a.backlink {
- background-image: url(images/pagetools/backlink-active.png);
-}
-
-#dokuwiki__pagetools ul li a.top {
- background-image: url(images/pagetools/top.png);
-}
-#dokuwiki__pagetools ul li a.top:hover,
-#dokuwiki__pagetools ul li a.top:active,
-#dokuwiki__pagetools ul li a.top:focus {
- background-image: url(images/pagetools/top-active.png);
-}
-
-#dokuwiki__pagetools ul li a.revert {
- background-image: url(images/pagetools/revert.png);
-}
-#dokuwiki__pagetools ul li a.revert:hover,
-#dokuwiki__pagetools ul li a.revert:active,
-#dokuwiki__pagetools ul li a.revert:focus,
-.mode_revert #dokuwiki__pagetools ul li a.revert {
- background-image: url(images/pagetools/revert-active.png);
-}
-
-#dokuwiki__pagetools ul li a.subscribe {
- background-image: url(images/pagetools/subscribe.png);
-}
-#dokuwiki__pagetools ul li a.subscribe:hover,
-#dokuwiki__pagetools ul li a.subscribe:active,
-#dokuwiki__pagetools ul li a.subscribe:focus,
-.mode_subscribe #dokuwiki__pagetools ul li a.subscribe {
- background-image: url(images/pagetools/subscribe-active.png);
-}
/*____________ site tools ____________*/
View
@@ -0,0 +1,189 @@
+/*____________ page tools ____________*/
+
+#dokuwiki__site .site {
+ padding-left: 40px;
+ padding-right: 40px;
+}
+#dokuwiki__usertools {
@splitbrain

splitbrain Apr 20, 2012

Owner

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

@selfthinker

selfthinker Apr 22, 2012

Collaborator

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.

@splitbrain

splitbrain Apr 22, 2012

Owner

ah okay. that makes sense

+ right: 40px;
+}
+
+#dokuwiki__pagetools {
+ position: absolute;
+ right: -42px;
+ top: 2em;
+}
+
+#dokuwiki__pagetools div.tools {
+ position: fixed;
+}
+
+#dokuwiki__pagetools ul {
+ position: absolute;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ text-align: right;
+}
+
+#dokuwiki__pagetools.version03 ul {
+ border: 1px solid __border__;
+ border-radius: 2px;
+ background-color: __background__;
+ box-shadow: .1em .1em .1em __text__;
+ margin: 0 -.5em;
+}
+#dokuwiki__pagetools.version02:hover ul li a span,
+#dokuwiki__pagetools.version02:active ul li a span,
+#dokuwiki__pagetools.version02:focus ul li a span,
+#dokuwiki__pagetools.version03:hover ul li a span,
+#dokuwiki__pagetools.version03:active ul li a span,
+#dokuwiki__pagetools.version03:focus ul li a span {
+ display: inline;
+}
+#dokuwiki__pagetools.version02 ul {
+ margin: 0 -.5em;
+ border: 1px solid transparent;
+}
+#dokuwiki__pagetools.version02:hover ul {
+ border: 1px solid __border__;
+ border-radius: 2px;
+ background-color: __background__;
+ box-shadow: .1em .1em .1em __text__;
+}
+
+
+#dokuwiki__pagetools ul li {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ font-size: 0.875em;
+}
+
+#dokuwiki__pagetools ul li a {
+ display: block;
+ min-height: 17px;
+ padding: .5em 34px .5em 1em;
+ background-repeat: no-repeat;
+ background-position: right center;
+ white-space: nowrap;
+ border: 1px solid transparent;
+}
+#dokuwiki__pagetools.version02 ul li a,
+#dokuwiki__pagetools.version03 ul li a {
+ padding: .2em 34px .2em .5em;
+}
+#dokuwiki__pagetools.version01 ul li a:hover,
+#dokuwiki__pagetools.version01 ul li a:active,
+#dokuwiki__pagetools.version01 ul li a:focus {
+ border-radius: 2px;
+ background-color: __background__;
+ box-shadow: .1em .1em .1em __text__;
+ text-decoration: none;
+ border-color: __border__;
+}
+#dokuwiki__pagetools ul li a span {
+ display: none;
+}
+#dokuwiki__pagetools.version01 ul li a:hover span,
+#dokuwiki__pagetools.version01 ul li a:active span,
+#dokuwiki__pagetools.version01 ul li a:focus span {
+ display: inline;
+}
+
+
+
+/* @todo: add NEW icons */
+#dokuwiki__pagetools ul li a.edit {
+ background-image: url(images/pagetools/edit.png);
+}
+#dokuwiki__pagetools ul li a.edit:hover,
+#dokuwiki__pagetools ul li a.edit:active,
+#dokuwiki__pagetools ul li a.edit:focus {
+ background-image: url(images/pagetools/edit-active.png);
+}
+
+#dokuwiki__pagetools ul li a.create {
+ background-image: url(images/pagetools/create.png);
+}
+#dokuwiki__pagetools ul li a.create:hover,
+#dokuwiki__pagetools ul li a.create:active,
+#dokuwiki__pagetools ul li a.create:focus {
+ background-image: url(images/pagetools/create-active.png);
+}
+
+#dokuwiki__pagetools ul li a.show {
+ background-image: url(images/pagetools/show.png);
+}
+#dokuwiki__pagetools ul li a.show:hover,
+#dokuwiki__pagetools ul li a.show:active,
+#dokuwiki__pagetools ul li a.show:focus {
+ background-image: url(images/pagetools/show-active.png);
+}
+
+#dokuwiki__pagetools ul li a.source {
+ background-image: url(images/pagetools/source.png);
+}
+#dokuwiki__pagetools ul li a.source:hover,
+#dokuwiki__pagetools ul li a.source:active,
+#dokuwiki__pagetools ul li a.source:focus {
+ background-image: url(images/pagetools/source-active.png);
+}
+
+#dokuwiki__pagetools ul li a.draft {
+ background-image: url(images/pagetools/draft.png);
+}
+#dokuwiki__pagetools ul li a.draft:hover,
+#dokuwiki__pagetools ul li a.draft:active,
+#dokuwiki__pagetools ul li a.draft:focus {
+ background-image: url(images/pagetools/draft-active.png);
+}
+
+#dokuwiki__pagetools ul li a.revs {
+ background-image: url(images/pagetools/revisions.png);
+}
+#dokuwiki__pagetools ul li a.revs:hover,
+#dokuwiki__pagetools ul li a.revs:active,
+#dokuwiki__pagetools ul li a.revs:focus,
+.mode_revisions #dokuwiki__pagetools ul li a.revs {
+ background-image: url(images/pagetools/revisions-active.png);
+}
+
+#dokuwiki__pagetools ul li a.backlink {
+ background-image: url(images/pagetools/backlink.png);
+}
+#dokuwiki__pagetools ul li a.backlink:hover,
+#dokuwiki__pagetools ul li a.backlink:active,
+#dokuwiki__pagetools ul li a.backlink:focus,
+.mode_backlink #dokuwiki__pagetools ul li a.backlink {
+ background-image: url(images/pagetools/backlink-active.png);
+}
+
+#dokuwiki__pagetools ul li a.top {
+ background-image: url(images/pagetools/top.png);
+}
+#dokuwiki__pagetools ul li a.top:hover,
+#dokuwiki__pagetools ul li a.top:active,
+#dokuwiki__pagetools ul li a.top:focus {
+ background-image: url(images/pagetools/top-active.png);
+}
+
+#dokuwiki__pagetools ul li a.revert {
+ background-image: url(images/pagetools/revert.png);
+}
+#dokuwiki__pagetools ul li a.revert:hover,
+#dokuwiki__pagetools ul li a.revert:active,
+#dokuwiki__pagetools ul li a.revert:focus,
+.mode_revert #dokuwiki__pagetools ul li a.revert {
+ background-image: url(images/pagetools/revert-active.png);
+}
+
+#dokuwiki__pagetools ul li a.subscribe {
+ background-image: url(images/pagetools/subscribe.png);
+}
+#dokuwiki__pagetools ul li a.subscribe:hover,
+#dokuwiki__pagetools ul li a.subscribe:active,
+#dokuwiki__pagetools ul li a.subscribe:focus,
+.mode_subscribe #dokuwiki__pagetools ul li a.subscribe {
+ background-image: url(images/pagetools/subscribe-active.png);
+}
View
@@ -26,6 +26,7 @@ css/_forms.css = screen
css/_admin.css = screen
css/structure.css = screen
css/design.css = screen
+css/pagetools.css = screen
css/content.css = screen
css/includes.css = screen

0 comments on commit f33b75d

Please sign in to comment.