3d4ffe52404b916a730eea65043215b064cd0492
[atutor.git] / mods / wiki / fragments / css / core.css
1
2 /*
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"!
5    
6 */
7
8
9 /* ----------------------------------------------
10   every page that comes thru
11   ewiki is wrapped into:
12 */
13 .wiki  {
14    background: url("wikibg.png") repeat-y;
15 }
16
17
18 /* ----------------------------------------------
19   then you can select on $actions
20   or even page names
21 */
22 .wiki.edit {
23    background-color: #993322;
24 }
25
26 .wiki.info {
27    background-color: #55cc50;
28 }
29
30 .wiki.view.PageIndex {                  /* "PageIndex" when "view"ed */
31    background-color: #ffee55;
32 }
33
34 .wiki.SiteOverview {                    /* "SiteOverview" regardless of $action */
35    font-family: "Lucida Bright";
36 }
37
38
39
40 /* -----------------------------------------------
41   every page has a title now, always <h2>,
42   some of them enclose links (when "view"ed)
43 */
44 .wiki h2.page.title {
45    color: red;
46    border-bottom: 2px #eedddd solid;
47 }
48
49 .wiki h2.page.title a {
50    color: #5555cc;
51    text-decoration: none;
52 }
53
54
55 /* -----------------------------------------------
56   the ".action-links" or ".control-links" are the
57   list of links below every wiki page ('PageInfo'
58   and 'EditThisPage' ...)
59 */
60 .wiki.view .action-links {
61    background-color: #444444;
62    border: dashed 4px #444444;
63 }
64
65 .wiki.view .action-links hr,  .wiki .action-links br {
66    display: none;
67 }
68
69 .wiki.view .action-links a {
70    color: #ffffff;
71 }
72
73 .wiki.view .action-links a:hover {
74    background: #151155;
75 }
76
77
78 /* -----------------------------------------------
79   the "info" pages result list is often
80   chunked into parts
81 */
82 .wiki.info .chunked-result a {
83    text-decoration: underline;
84    basckground-color: #ddbb55;
85 }
86
87
88 /* -----------------------------------------------
89   the "edit" pages form elements are grouped
90 */
91 .wiki.edit .edit-box {
92    /* usually encloses a textarea and two submit buttons */
93 }
94
95 .wiki.edit .edit-box textarea {
96    border: 2px solid #000000;
97    background-color: #ccccff;
98 }
99
100 .wiki.edit form[name=ewiki] {
101    /* old way, doesn't work with good old IE reliable */
102 }
103
104 .wiki.edit .image-upload {
105    background: url("image-upload.jpeg") no-repeat;
106 }
107
108 .wiki.edit .preview {
109    background-image: url("dashed.png");
110    font-size:50%;
111 }
112
113
114 /*
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
118   features
119 */
120
121
122
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
127 */
128
129 .wiki .indent {                   /* space-indentation */
130    margin-left: 5px;
131 }
132
133 .wiki em {
134   color:#331111;
135 }
136
137