a development on the topic of defining classes of pages
[ikiwiki] / doc / css_market / zack.css
1 /* local.css stylesheet to be used with ikiwiki
2  *
3  * Copyright: (C) 2006 Stefano Zacchiroli <zack@debian.org>
4  * License: GNU General Public License version 2 or above.
5  *
6  * TODO
7  * - plone-like actions in the toplevel bar, but remember: resist the
8  *   temptation of making them floating to the right: the breadcrumb trail can
9  *   grow indefinitely
10  * - blog form aligned to the right, keeping the RSS logo to the left
11  * - some rendering for the tags (a la 'xhtml' logo of plone? ...)
12  * - some rendering for backlinks
13  * - some rendering for posting dates
14  */
15
16 body {
17   font-family: sans-serif;
18   font-size: medium;
19 }
20 h1, h2, h3, h4 {
21   font-weight: normal;
22 }
23 h1 { font-size: 140%; }
24 h2 { font-size: 120%; }
25 h3 { font-size: 110%; }
26 h4 { font-size: 105% }
27
28 a { text-decoration: none; }
29 a:hover { text-decoration: underline; }
30
31 .flow {
32   float: right;
33   margin-left: 10px;
34   margin-bottom: 10px;
35   text-align: center;
36 }
37
38 .attrib-caption {
39   font-size: xx-small;
40   font-style: italic;
41 }
42
43 input {
44   border: solid 1px;
45   border-color: #aaa;
46 }
47
48 .header { font-weight: normal; }
49
50 .selflink { text-decoration: underline; }
51
52 .pageheader .actions ul,
53 #sitemeta {
54   border-top: solid 1px;
55   border-bottom: solid 1px;
56   font-size: small;
57   border-color: #aaa;
58   background: #eee;
59 }
60 .actions ul {
61   padding: 1px;
62   margin-top: 5px;
63 }
64 #sitemeta {
65   padding: 0;
66   margin-bottom: 5px;
67 }
68 #backlinks,
69 .tags {
70   margin-top: 0;
71   margin-bottom: 0;
72 }
73
74 #pageinfo {
75   border: none;
76 }
77
78 #searchform div:before {
79   font-size: small;
80   content: "search:";
81 }
82 #searchform input {
83   border-top: none;
84   border-bottom: none;
85   vertical-align: bottom;
86   margin-right: 7px;
87 }
88
89 #sidebar {
90   border: solid;
91   border-width: 1px;
92   padding: 0;
93   margin-top: 15px;
94   border: 1px solid;
95   border-color: #aaa;
96   background: #eee;
97   width: 16ex;
98 }
99 #sidebar ul {
100   margin: 0;
101   padding-left: 1em;
102   list-style-type: none;
103 }
104 #sidebar ul ul {
105   padding-left: 1.5em;
106   font-size: 90%;
107 }
108
109 #pageinfo,
110 #footer {
111   margin: 0;
112 }
113 #pageinfo {
114   font-size: small;
115 }
116 .pagecopyright,
117 .pagelicense,
118 .pagedate {
119   margin: 0;
120   display: inline;
121 }
122 #backlinks {
123   margin-top: 5px;
124   margin-bottom: 10px;
125   font-size: larger;
126 }
127 .validation {
128   display: inline;
129   float: right;
130 }
131
132 .pagecloud {
133   margin-left: 5px;
134 }
135
136 table.identikit tr th {
137   text-align: right;
138   vertical-align: top;
139 }
140 table.identikit tr th:after {
141   content: ":";
142 }
143 table.identikit tr td {
144   text-align: left;
145   vertical-align: top;
146 }
147
148 .doi_logo , .doi_logo a {
149     background: #3965bd;
150     color: white !important;
151     font-size: 80%;
152     text-decoration: none;
153     font-family: times;
154     font-weight: bold;
155     padding: 0px 1px 0px 2px;
156 }
157
158 #comments {
159     margin-top: 5ex;
160     border-top: solid 1px;
161     border-color: #aaa;
162     font-size: small;
163 }
164
165 #comments #feedlink {
166     text-align: right;
167 }
168 #comments #feedlink:before {
169     content: "comment feeds: ";
170 }
171
172 .addcomment {
173     padding: 5px;
174     font-style: italic;
175 }
176
177 .comment {
178     border: none;
179     background-color: #eee;
180     margin: 5px;
181     margin-top: 10px;
182 }
183
184 .comment-subject {
185     font-style: normal;
186 }
187
188 .comment-header {
189     border-top: solid 1px;
190     border-color: #aaa;
191     text-align: right;
192     font-style: normal;
193 }