Mercurial > wikked

comparison static/css/wikked.less @ 60:8250c977bc50

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Moved static files to the root directory.
author Ludovic Chabant <ludovic@chabant.com>
date Tue, 05 Feb 2013 14:49:34 -0800
parents wikked/static/css/wikked.less@02150022e212
children 130eccd396d8
comparison
equal deleted inserted replaced
59:59ecc742ab8e 60:8250c977bc50
1 // Includes
2 @import "/bootstrap/css/bootstrap.min.css";
3 @import "/css/syntax.css";
4 @import "/css/wmd.css";
5
6 // Constants
7 @baseFontSize: 18px;
8 @baseLineHeight: (@baseFontSize * 1.5);
9 @smallFontSize: 16px;
10 @smallerFontSize: 12px;
11
12 @colorNavLink: rgb(128, 128, 128);
13 @colorNavLinkHover: rgb(96, 96, 96);
14
15 @colorBlueDark: #48577D;
16 @colorBlueMedium: #7690CF;
17 @colorBlueLight: #D9E3FF;
18
19 @colorGrayBlueLight: #D3DCF2;
20 @colorGrayBlueMedium: #9197A6;
21 @colorGrayBlueDark: #43464C;
22
23 @colorGrayLight: #EEE;
24 @colorGrayMedium: #AAA;
25 @colorGrayDark: #666;
26
27 @colorCode: #523C37;
28
29 @backgroundPage: white;
30 @backgroundPageSpecial: #E5D19E;
31
32 // Macros
33 .box-shadow(@style, @c) {
34 box-shadow: @style @c;
35 -webkit-box-shadow: @style @c;
36 -moz-box-shadow: @style @c;
37 }
38
39 // Main tags
40 body {
41 background: url('../img/gray_jean.png');
42 //background-image: url(http://basehold.it/i/27);
43 font-size: @baseFontSize;
44 color: #333;
45 }
46 p {
47 font-size: @baseFontSize;
48 line-height: @baseLineHeight;
49 margin-top: @baseLineHeight;
50 margin-bottom: @baseLineHeight;
51 }
52 h1 {
53 font-size: (@baseFontSize * 2);
54 line-height: (@baseLineHeight * 2);
55 margin-top: @baseLineHeight;
56 margin-bottom: 0;
57 }
58 h2 {
59 font-size: (@baseFontSize * 1.5);
60 line-height: @baseLineHeight;
61 margin-top: @baseLineHeight;
62 margin-bottom: 0;
63 }
64 h3 {
65 font-size: (@baseFontSize * 1.2);
66 line-height: @baseLineHeight;
67 margin-top: @baseLineHeight;
68 margin-bottom: 0;
69 }
70 h4 {
71 font-size: @baseFontSize;
72 line-height: @baseLineHeight;
73 margin-top: @baseLineHeight;
74 margin-bottom: 0;
75 }
76 h5 {
77 font-size: (@baseFontSize / 1.1);
78 line-height: @baseLineHeight;
79 margin-top: @baseLineHeight;
80 margin-bottom: 0;
81 }
82 h6 {
83 font-size: (@baseFontSize / 1.2);
84 line-height: @baseLineHeight;
85 margin-top: @baseLineHeight;
86 margin-bottom: 0;
87 }
88 pre {
89 margin-top: @baseLineHeight;
90 margin-bottom: @baseLineHeight;
91 }
92 sup, sub {
93 line-height: 0;
94 }
95 li {
96 line-height: @baseLineHeight;
97 }
98
99 // Global classes
100 a.wiki-link {
101 color: #12f;
102 text-decoration: none;
103 &:link { color: #12f; }
104 &:visited { color: #12f; }
105 &:hover { color: #36f; }
106 &:active { color: #12f; }
107 }
108 a.wiki-link.missing {
109 color: #f12;
110 }
111 .decorator {
112 text-transform: uppercase;
113 font-weight: lighter;
114 font-size: 0.7em;
115 letter-spacing: 0.1em;
116 color: @colorBlueDark;
117 .rev_id {
118 font-family: monospace;
119 color: @colorCode;
120 }
121 }
122
123 .container {
124 nav, .meta {
125 color: @colorNavLink;
126 font-size: @smallFontSize;
127 line-height: (@baseLineHeight * 2);
128 a {
129 padding: 0 1em;
130 display: inline-block;
131 text-decoration: none;
132 color: @colorNavLink;
133 &:link { color: @colorNavLink; }
134 &:visited { color: @colorNavLink; }
135 &:hover { color: @colorNavLinkHover; }
136 &:active { color: @colorNavLink; }
137 }
138 }
139 .page {
140 .box-shadow(0 0 10px, rgb(210, 210, 210));
141 padding: @baseLineHeight;
142 background: @backgroundPage;
143 }
144 .page.special {
145 background: @backgroundPageSpecial;
146 }
147
148 .page>pre {
149 margin-top: @baseLineHeight;
150 }
151 .meta {
152 font-size: @smallerFontSize;
153 }
154 }
155
156 form.search {
157 display: inline-block;
158 margin: 0;
159 }
160 ul.search-results {
161 list-style: none;
162 }
163
164 form.page-edit {
165 textarea {
166 height: 10em;
167 font-size: 1em;
168 font-family: "Lucida Console", Monaco, Consolas, "Courier New", monospace;
169 margin-bottom: 0;
170 border-radius: 0;
171 }
172 }
173 .wmd-input-wrapper {
174 padding: 1em 0;
175
176 .wmd-input-grip {
177 background: @colorGrayLight;
178 border: 1px solid @colorGrayMedium;
179 border-width: 0 1px 1px 1px;
180 height: 12px;
181 cursor: ns-resize;
182 }
183 }
184 .wmd-preview-wrapper {
185 border: 1px dashed @colorGrayBlueMedium;
186 background: @colorGrayBlueLight;
187
188 h3 {
189 margin-left: 1em;
190 margin-right: 1em;
191 margin-bottom: 1em;
192 }
193 .wmd-preview {
194 margin: 1em;
195 background: none;
196 }
197 }
198 #wmd-button-bar li {
199 margin-left: 0;
200 }
201 .preview-wiki-meta {
202 .meta-name {
203 background: @colorBlueMedium;
204 color: #fff;
205 padding: 0.2em 0.4em 0.2em 0.6em;
206 border-radius: 0.5em 0 0 0.5em;
207 font-variant: small-caps;
208 letter-spacing: 0.18em;
209 }
210 .meta-value {
211 background: @colorGrayBlueDark;
212 color: #fff;
213 padding: 0.2em 0.6em 0.2em 0.4em;
214 border-radius: 0 0.5em 0.5em 0;
215 }
216 }
217 .commit-meta {
218 margin-top: 1em;
219 margin-bottom: 1em;
220 }
221
222 b.match {
223 padding: 0 0.2em;
224 background: #ffeb84;
225 }