3 This is an commented example on how to use ewikis` CSS class names. Note
4 that everything here starts with ".wiki" and NOT ".ewiki"!
9 /* ----------------------------------------------
10 every page that comes thru
11 ewiki is wrapped into:
14 background: url("wikibg.png") repeat-y;
18 /* ----------------------------------------------
19 then you can select on $actions
23 background-color: #993322;
27 background-color: #55cc50;
30 .wiki.view.PageIndex { /* "PageIndex" when "view"ed */
31 background-color: #ffee55;
34 .wiki.SiteOverview { /* "SiteOverview" regardless of $action */
35 font-family: "Lucida Bright";
40 /* -----------------------------------------------
41 every page has a title now, always <h2>,
42 some of them enclose links (when "view"ed)
46 border-bottom: 2px #eedddd solid;
49 .wiki h2.page.title a {
51 text-decoration: none;
55 /* -----------------------------------------------
56 the ".action-links" or ".control-links" are the
57 list of links below every wiki page ('PageInfo'
58 and 'EditThisPage' ...)
60 .wiki.view .action-links {
61 background-color: #444444;
62 border: dashed 4px #444444;
65 .wiki.view .action-links hr, .wiki .action-links br {
69 .wiki.view .action-links a {
73 .wiki.view .action-links a:hover {
78 /* -----------------------------------------------
79 the "info" pages result list is often
82 .wiki.info .chunked-result a {
83 text-decoration: underline;
84 basckground-color: #ddbb55;
88 /* -----------------------------------------------
89 the "edit" pages form elements are grouped
91 .wiki.edit .edit-box {
92 /* usually encloses a textarea and two submit buttons */
95 .wiki.edit .edit-box textarea {
96 border: 2px solid #000000;
97 background-color: #ccccff;
100 .wiki.edit form[name=ewiki] {
101 /* old way, doesn't work with good old IE reliable */
104 .wiki.edit .image-upload {
105 background: url("image-upload.jpeg") no-repeat;
108 .wiki.edit .preview {
109 background-image: url("dashed.png");
115 for the complete list of available class names
116 please always visit the README and the plugins
117 which also provide documentation of any such
123 /* -----------------------------------------------
124 inside of rendered pages, there is only little
125 CSS, if you do not utilize plugins/markup_css
126 and create some of your own
129 .wiki .indent { /* space-indentation */