Mercurial > wikked

annotate static/css/wikked.less @ 101:13249e5ca51c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Big refactor for better database caching: - Using SQL alchemy instead of raw SQLite. - Better architecture and internal APIs. - Fixed some issues where the database was not used correctly. - Fixed some problems with querying pages. Got rid of `Makefile`, now using `grunt`. Now using a custom `Bootstrap` include file.
author Ludovic Chabant <ludovic@chabant.com>
date Tue, 05 Nov 2013 08:13:18 -0800
parents 315c32a4ce58
children 9d22cf4d2412
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
1 // Includes
101
13249e5ca51c Big refactor for better database caching:
Ludovic Chabant <ludovic@chabant.com>
parents: 91
diff changeset
2 @import "bootstrap.less";
13249e5ca51c Big refactor for better database caching:
Ludovic Chabant <ludovic@chabant.com>
parents: 91
diff changeset
3 @import "syntax.css";
13249e5ca51c Big refactor for better database caching:
Ludovic Chabant <ludovic@chabant.com>
parents: 91
diff changeset
4 @import "wmd.css";
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
5
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
6 // Constants
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
7 @colorBlue: #0F1FFF;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
8 @colorBlueDark: #1D3982;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
9 @colorOrange: #B03500;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
10 @colorGreen: #B6CC95;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
11 @colorGreenDark: #496B15;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
12 @colorPage: #FFFFFF;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
13 @colorFooter: #E5E7FF;
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
14 @colorCode: #523C37;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
15
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
16
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
17 // Macros
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
18 .box-shadow(@style, @c) {
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
19 box-shadow: @style @c;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
20 -webkit-box-shadow: @style @c;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
21 -moz-box-shadow: @style @c;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
22 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
23
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
24 // Main tags
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
25 body {
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
26 background: url('../img/gray_jean.png');
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
27 //background-image: url(http://basehold.it/i/27);
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
28 }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
29
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
30 // Global classes
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
31 a {
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
32 text-decoration: none;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
33 color: @colorBlue;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
34 &:link { color: @colorBlue; }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
35 &:visited { color: @colorBlue; }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
36 &:hover { color: @colorBlue; text-decoration: underline; }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
37 &:active { color: @colorBlue; }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
38 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
39 a.wiki-link.missing {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
40 color: @colorOrange;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
41 &:hover { color: @colorOrange; text-decoration: underline; }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
42 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
43 .decorator {
7
256e563c49b7 Better looking title decorators.
Ludovic Chabant <ludovic@chabant.com>
parents: 3
diff changeset
44 text-transform: uppercase;
256e563c49b7 Better looking title decorators.
Ludovic Chabant <ludovic@chabant.com>
parents: 3
diff changeset
45 font-weight: lighter;
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
46 font-size: 0.7em;
7
256e563c49b7 Better looking title decorators.
Ludovic Chabant <ludovic@chabant.com>
parents: 3
diff changeset
47 letter-spacing: 0.1em;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
48 color: @colorBlue;
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
49 .rev_id {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
50 font-family: @monoFontFamily;
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
51 }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
52 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
53 .tooltip {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
54 font-size: @baseFontSize*0.75;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
55 }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
56 .alert {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
57 font-size: @fontSizeSmall;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
58 }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
59
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
60 // Main classes
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
61 .wrapper>nav,
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
62 .wrapper>footer {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
63 color: @grayLight;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
64 font-size: @fontSizeSmall;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
65 line-height: (@baseLineHeight * 2);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
66
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
67 a {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
68 padding: 0 1em;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
69 display: inline-block;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
70 text-decoration: none;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
71 color: @grayLight;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
72 &:link { color: @grayLight; }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
73 &:visited { color: @grayLight; }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
74 &:hover { color: @linkColorHover; }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
75 &:active { color: @grayLight; }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
76 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
77 }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
78 .wrapper>article {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
79 .box-shadow(0 0 10px, rgb(210, 210, 210));
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
80 background: @colorPage;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
81 overflow: hidden;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
82
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
83 header {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
84 background: @colorBlueDark;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
85 color: @colorPage;
13
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
86 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
87 footer {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
88 background: @colorFooter;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
89 border-top: 1px dashed darken(@colorFooter, 5%);
17
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
90 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
91 pre {
13
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
92 margin-top: @baseLineHeight;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
93 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
94 }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
95 .wrapper>article>header,
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
96 .wrapper>article>section,
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
97 .wrapper>article>footer {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
98 padding: @baseLineHeight;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
99 }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
100 .wrapper>footer {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
101 font-size: @fontSizeMini;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
102 }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
103 .special>article {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
104 background: @colorGreen;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
105 }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
106 .special>article header {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
107 background: @colorGreenDark;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
108 }
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
109 .special>article footer {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
110 background: @colorGreen;
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
111 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
112
91
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
113 // Search
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
114 form.form-search {
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
115 display: inline-block;
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
116 margin: 0;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
117
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
118 .search-query {
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
119 font-size: @fontSizeSmall;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
120 height: @fontSizeSmall * 1.5;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
121 }
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
122 }
16
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
123 ul.search-results {
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
124 list-style: none;
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
125 }
91
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
126 b.match {
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
127 padding: 0 0.2em;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
128 background: #ffeb84;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
129 }
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
130
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
131 // Page editing
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
132 #page-edit {
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
133 textarea {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
134 height: 10em;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
135 font-size: @baseFontSize;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
136 font-family: @monoFontFamily;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
137 margin-bottom: 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
138 border-radius: 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
139 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
140 }
91
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
141 #wmd-form-wrapper>section {
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
142 margin: 1em;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
143 }
91
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
144 #wmd-input-grip {
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
145 background: @grayLighter;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
146 border: 1px solid @grayLight;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
147 border-width: 0 1px 1px 1px;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
148 height: 12px;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
149 cursor: ns-resize;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
150 }
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
151 #wmd-preview-button span {
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
152 background: url(../img/markdown-32x20.png);
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
153 width: 32px;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
154 height: 20px;
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
155 }
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
156 /*#wmd-preview-wrapper {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
157 border: 1px dashed @colorBlueDark;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
158
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
159 h3 {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
160 margin: 0.5em 1em 0.5em 1em;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
161 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
162 #wmd-preview {
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
163 margin: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
164 background: none;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
165 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
166 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
167 #wmd-button-bar li {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
168 margin-left: 0;
91
315c32a4ce58 Modified edit page to support side-by-side preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 89
diff changeset
169 }*/
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
170 .preview-wiki-meta {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
171 .meta-name {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
172 background: @colorBlueDark;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
173 color: @colorPage;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
174 padding: 0.2em 0.4em 0.2em 0.6em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
175 border-radius: 0.5em 0 0 0.5em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
176 font-variant: small-caps;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
177 letter-spacing: 0.18em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
178 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
179 .meta-value {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
180 background: @colorFooter;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
181 color: black;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
182 padding: 0.2em 0.6em 0.2em 0.4em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
183 border-radius: 0 0.5em 0.5em 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
184 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
185 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
186 .commit-meta {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
187 margin-top: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
188 margin-bottom: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
189 }
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
190
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
191 // Page alerts
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
192 article .alert {
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
193 float: right;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
194 margin-left: -100%;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
195 position: relative;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
196 width: 50%;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
197 -webkit-border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
198 -moz-border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
199 border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
200 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
201
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
202 // Corner ribbon
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
203 .makeRibbon(@bgColor) {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
204 background-color: @bgColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
205 overflow: hidden;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
206 transform: translate(50%, 0) translate(-3em, 2.05em) rotate(45deg);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
207 -moz-transform: translate(50%, 0) translate(-3em, 2.05em) rotate(45deg);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
208 -webkit-transform: translate(50%, 0) translate(-3em, 2.05em) rotate(45deg);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
209 box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
210 -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
211 -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
212 float: right;
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
213 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
214 .makeRibbonContent(@borderColor, @textColor) {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
215 border: 1px solid @borderColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
216 color: @textColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
217 display: block;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
218 margin: 0.05em 0 0.05em 0;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
219 padding: 0.5em 5em;
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
220 text-align: center;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
221 text-shadow: 0 0 0.5em rgba(1, 1, 1, 0.2);
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
222 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
223 .ribbon {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
224 .makeRibbon(lighten(@colorOrange, 10%));
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
225 float: right;
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
226
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
227 .ribbon-inner {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
228 .makeRibbonContent(@colorOrange, @colorPage);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
229 a { color: #fff; text-decoration: none; }
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
230 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
231 }