Mercurial > wikked

annotate static/css/wikked.less @ 89:b03f083c3a29

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Lots of HTML/JS/Less changes: - more semantic and simple markup, no useless grid. - simpler colour schemes (TODO: colours are ugly, tune them). - better error handling in Backbone views. - fixed some view bugs. - changed new/modified page alert to a ribbon with tooltip.
author Ludovic Chabant <ludovic@chabant.com>
date Sat, 06 Apr 2013 18:07:31 -0700
parents acc615617fdf
children 315c32a4ce58
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
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
2 @import "/bootstrap/less/bootstrap.less";
58
02150022e212 Use absolute paths in the `less` file.
Ludovic Chabant <ludovic@chabant.com>
parents: 17
diff changeset
3 @import "/css/syntax.css";
02150022e212 Use absolute paths in the `less` file.
Ludovic Chabant <ludovic@chabant.com>
parents: 17
diff changeset
4 @import "/css/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
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
113 // Other classes
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 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
126 #page-edit {
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
127 textarea {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
128 height: 10em;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
129 font-size: @baseFontSize;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
130 font-family: @monoFontFamily;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
131 margin-bottom: 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
132 border-radius: 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
133 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
134 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
135 #wmd-input-wrapper {
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
136 padding: 1em 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
137
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
138 #wmd-input-grip {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
139 background: @grayLighter;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
140 border: 1px solid @grayLight;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
141 border-width: 0 1px 1px 1px;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
142 height: 12px;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
143 cursor: ns-resize;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
144 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
145 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
146 #wmd-preview-wrapper {
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
147 border: 1px dashed @colorBlueDark;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
148
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
149 h3 {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
150 margin: 0.5em 1em 0.5em 1em;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
151 }
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
152 #wmd-preview {
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
153 margin: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
154 background: none;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
155 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
156 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
157 #wmd-button-bar li {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
158 margin-left: 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
159 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
160 .preview-wiki-meta {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
161 .meta-name {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
162 background: @colorBlueDark;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
163 color: @colorPage;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
164 padding: 0.2em 0.4em 0.2em 0.6em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
165 border-radius: 0.5em 0 0 0.5em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
166 font-variant: small-caps;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
167 letter-spacing: 0.18em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
168 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
169 .meta-value {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
170 background: @colorFooter;
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
171 color: black;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
172 padding: 0.2em 0.6em 0.2em 0.4em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
173 border-radius: 0 0.5em 0.5em 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
174 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
175 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
176 .commit-meta {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
177 margin-top: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
178 margin-bottom: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
179 }
16
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
180 b.match {
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
181 padding: 0 0.2em;
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
182 background: #ffeb84;
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
183 }
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
184
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
185 // Page alerts
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
186 article .alert {
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
187 float: right;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
188 margin-left: -100%;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
189 position: relative;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
190 width: 50%;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
191 -webkit-border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
192 -moz-border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
193 border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
194 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
195
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
196 // Corner ribbon
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
197 .makeRibbon(@bgColor) {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
198 background-color: @bgColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
199 overflow: hidden;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
200 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
201 -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
202 -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
203 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
204 -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
205 -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
206 float: right;
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
207 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
208 .makeRibbonContent(@borderColor, @textColor) {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
209 border: 1px solid @borderColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
210 color: @textColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
211 display: block;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
212 margin: 0.05em 0 0.05em 0;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
213 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
214 text-align: center;
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
215 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
216 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
217 .ribbon {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
218 .makeRibbon(lighten(@colorOrange, 10%));
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
219 float: right;
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
220
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
221 .ribbon-inner {
89
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
222 .makeRibbonContent(@colorOrange, @colorPage);
b03f083c3a29 Lots of HTML/JS/Less changes:
Ludovic Chabant <ludovic@chabant.com>
parents: 70
diff changeset
223 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
224 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
225 }