lets wrap the form
[Braintube.git] / local.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 .pageheader .title.header {
51     display: block;
52 }   
53
54 .pageheader .title.header .links {
55     display: block;
56     font-size: small;
57 }
58
59 .pageheader .header {
60         background-image:url(http://www.braintube.com/images/mp.png);
61         background-position:right top;
62         background-repeat:no-repeat;
63         height:150px;
64         font: arial, helvetica, sans-serif; */
65  }
66
67 .pageheader .header .title{
68     font-weight: bold;
69 }
70
71 .selflink { text-decoration: underline; }
72
73 .pageheader .actions ul,
74 #sitemeta {
75   border-top: solid 1px;
76   border-bottom: solid 1px;
77   font-size: small;
78   border-color: #aaa;
79   background: #eee;
80 }
81 .actions ul {
82   padding: 1px;
83   margin-top: 5px;
84 }
85 #sitemeta {
86   padding: 0;
87   margin-bottom: 5px;
88 }
89 #backlinks,
90 .tags {
91   margin-top: 0;
92   margin-bottom: 0;
93 }
94
95 #pageinfo {
96   border: none;
97 }
98
99 .blogform {
100     display: inline;
101 }
102
103 #searchform div:before {
104   font-size: small;
105   content: "search:";
106 }
107 #searchform input {
108   border-top: none;
109   border-bottom: none;
110   vertical-align: bottom;
111   margin-right: 7px;
112 }
113
114 .sidebar {
115   padding: 0;
116   margin-top: 15px;
117 }
118 .sidebar ul {
119   margin: 0;
120   padding-left: 1em;
121   list-style-type: none;
122 }
123 .sidebar ul ul {
124   padding-left: 1.5em;
125   font-size: 90%;
126 }
127 .sidebar .col-md-2{
128   width: 30%;      
129 }        
130
131 .notebox {
132     max-width: 200px;
133 }
134
135 #pageinfo,
136 #footer {
137   margin: 0;
138 }
139 #pageinfo {
140   font-size: small;
141 }
142 .pagecopyright,
143 .pagelicense,
144 .pagedate {
145   margin: 0;
146   display: inline;
147 }
148 #backlinks {
149   margin-top: 5px;
150   margin-bottom: 10px;
151   font-size: larger;
152 }
153 .validation {
154   display: inline;
155   float: right;
156 }
157
158 .pagecloud {
159   margin-left: 5px;
160   max-width: 90%;
161 }
162
163 table.identikit tr th {
164   text-align: right;
165   vertical-align: top;
166 }
167 table.identikit tr th:after {
168   content: ":";
169 }
170 table.identikit tr td {
171   text-align: left;
172   vertical-align: top;
173 }
174
175 .doi_logo , .doi_logo a {
176     background: #3965bd;
177     color: white !important;
178     font-size: 80%;
179     text-decoration: none;
180     font-family: times;
181     font-weight: bold;
182     padding: 0px 1px 0px 2px;
183 }
184
185 .feedlink, #feedlink {
186     display: block;
187 }
188
189 #comments {
190     margin-top: 5ex;
191     border-top: solid 1px;
192     border-color: #aaa;
193     font-size: small;
194     width: 90%;
195 }
196
197 #comments #feedlink {
198     text-align: right;
199 }
200 #comments #feedlink:before {
201     content: "comment feeds: ";
202 }
203
204 .comment-subject {
205     display: block;
206 }
207
208 .addcomment {
209     padding: 5px;
210     font-style: italic;
211 }
212
213 .comment {
214     border: none;
215     background-color: #eee;
216     margin: 5px;
217     margin-top: 10px;
218 }
219
220 .comment-subject {
221     font-style: normal;
222 }
223
224 .comment-header {
225     border-top: solid 1px;
226     border-color: #aaa;
227     text-align: right;
228     font-style: normal;
229 }