Mercurial > wikked

annotate static/css/wikked.less @ 70:acc615617fdf

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Changed styles for alerts, added style for a corner ribbon.
author Ludovic Chabant <ludovic@chabant.com>
date Tue, 12 Feb 2013 21:27:20 -0800
parents 130eccd396d8
children b03f083c3a29
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
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
7 @wikiLinkColor: #12f;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
8 @wikiLinkColorHover: #36f;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
9 @wikiLinkColorMissing: #f12;
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
10
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
11 @colorBlueDark: #48577D;
17
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
12 @colorBlueMedium: #7690CF;
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
13 @colorBlueLight: #D9E3FF;
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
14
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
15 @colorGrayBlueLight: #D3DCF2;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
16 @colorGrayBlueMedium: #9197A6;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
17 @colorGrayBlueDark: #43464C;
17
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
18
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
19 @colorCode: #523C37;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
20
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
21 @pageBackground: white;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
22 @pageBackgroundSpecial: #E5D19E;
3
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 // Macros
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
25 .box-shadow(@style, @c) {
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
26 box-shadow: @style @c;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
27 -webkit-box-shadow: @style @c;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
28 -moz-box-shadow: @style @c;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
29 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
30
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
31 // Main tags
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
32 body {
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
33 background: url('../img/gray_jean.png');
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
34 //background-image: url(http://basehold.it/i/27);
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
35 }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
36
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
37 // Global classes
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
38 a.wiki-link {
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
39 text-decoration: none;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
40 color: @wikiLinkColor;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
41 &:link { color: @wikiLinkColor; }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
42 &:visited { color: @wikiLinkColor; }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
43 &:hover { color: @wikiLinkColorHover; text-decoration: underline; }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
44 &:active { color: @wikiLinkColor; }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
45 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
46 a.wiki-link.missing {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
47 color: @wikiLinkColorMissing;
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
48 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
49 .decorator {
7
256e563c49b7 Better looking title decorators.
Ludovic Chabant <ludovic@chabant.com>
parents: 3
diff changeset
50 text-transform: uppercase;
256e563c49b7 Better looking title decorators.
Ludovic Chabant <ludovic@chabant.com>
parents: 3
diff changeset
51 font-weight: lighter;
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
52 font-size: 0.7em;
7
256e563c49b7 Better looking title decorators.
Ludovic Chabant <ludovic@chabant.com>
parents: 3
diff changeset
53 letter-spacing: 0.1em;
256e563c49b7 Better looking title decorators.
Ludovic Chabant <ludovic@chabant.com>
parents: 3
diff changeset
54 color: @colorBlueDark;
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
55 .rev_id {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
56 font-family: @monoFontFamily;
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
57 color: @colorCode;
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
58 }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
59 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
60
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
61 div.alert {
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
62 font-size: @fontSizeSmall;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
63 }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
64
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
65 .container {
13
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
66 nav, .meta {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
67 color: @grayLight;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
68 font-size: @fontSizeSmall;
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
69 line-height: (@baseLineHeight * 2);
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
70 a {
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
71 padding: 0 1em;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
72 display: inline-block;
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
73 text-decoration: none;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
74 color: @grayLight;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
75 &:link { color: @grayLight; }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
76 &:visited { color: @grayLight; }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
77 &:hover { color: @linkColorHover; }
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
78 &:active { color: @grayLight; }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
79 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
80 }
13
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
81 .page {
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
82 .box-shadow(0 0 10px, rgb(210, 210, 210));
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
83 padding: @baseLineHeight;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
84 background: @pageBackground;
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
85 overflow: hidden;
13
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
86 }
17
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
87 .page.special {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
88 background: @pageBackgroundSpecial;
17
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
89 }
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
90
13
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
91 .page>pre {
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 }
13
30ae685b86df Added support for authentatication
Ludovic Chabant <ludovic@chabant.com>
parents: 11
diff changeset
94 .meta {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
95 font-size: @fontSizeMini;
3
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
96 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
97 }
59cad6ce1a1c Added support for history and diffing.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
98
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
99 form.form-search {
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
100 display: inline-block;
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
101 margin: 0;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
102
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
103 .search-query {
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
104 font-size: @fontSizeSmall;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
105 height: @fontSizeSmall * 1.5;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
106 }
11
aa6951805e1a New features and bug fixes:
Ludovic Chabant <ludovic@chabant.com>
parents: 10
diff changeset
107 }
16
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
108 ul.search-results {
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
109 list-style: none;
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
110 }
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
111
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
112 form.page-edit {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
113 textarea {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
114 height: 10em;
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
115 font-size: @baseFontSize;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
116 font-family: @monoFontFamily;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
117 margin-bottom: 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
118 border-radius: 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
119 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
120 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
121 .wmd-input-wrapper {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
122 padding: 1em 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
123
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
124 .wmd-input-grip {
61
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
125 background: @grayLighter;
130eccd396d8 Now using Boostrap with LESS.
Ludovic Chabant <ludovic@chabant.com>
parents: 60
diff changeset
126 border: 1px solid @grayLight;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
127 border-width: 0 1px 1px 1px;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
128 height: 12px;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
129 cursor: ns-resize;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
130 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
131 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
132 .wmd-preview-wrapper {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
133 border: 1px dashed @colorGrayBlueMedium;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
134 background: @colorGrayBlueLight;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
135
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
136 h3 {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
137 margin-left: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
138 margin-right: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
139 margin-bottom: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
140 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
141 .wmd-preview {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
142 margin: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
143 background: none;
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 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
146 #wmd-button-bar li {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
147 margin-left: 0;
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 .preview-wiki-meta {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
150 .meta-name {
17
8a4e0fe2c689 Added "Special Pages" section:
Ludovic Chabant <ludovic@chabant.com>
parents: 16
diff changeset
151 background: @colorBlueMedium;
10
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
152 color: #fff;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
153 padding: 0.2em 0.4em 0.2em 0.6em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
154 border-radius: 0.5em 0 0 0.5em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
155 font-variant: small-caps;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
156 letter-spacing: 0.18em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
157 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
158 .meta-value {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
159 background: @colorGrayBlueDark;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
160 color: #fff;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
161 padding: 0.2em 0.6em 0.2em 0.4em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
162 border-radius: 0 0.5em 0.5em 0;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
163 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
164 }
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
165 .commit-meta {
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
166 margin-top: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
167 margin-bottom: 1em;
6ac0b74a57f7 UI improvements for page editing.
Ludovic Chabant <ludovic@chabant.com>
parents: 9
diff changeset
168 }
16
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
169
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
170 b.match {
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
171 padding: 0 0.2em;
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
172 background: #ffeb84;
8d6c2a5ed08d Added instant search results preview.
Ludovic Chabant <ludovic@chabant.com>
parents: 13
diff changeset
173 }
70
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
174
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
175 // Page alerts
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
176 .page .alert {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
177 float: right;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
178 margin-left: -100%;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
179 top: -@baseLineHeight;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
180 position: relative;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
181 width: 50%;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
182 -webkit-border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
183 -moz-border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
184 border-radius: 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
185 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
186
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
187 // Corner ribbon
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
188 .makeRibbon(@bgColor) {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
189 background-color: @bgColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
190 overflow: hidden;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
191 transform: translate(50%, -@baseLineHeight) translate(-3em,3em) rotate(45deg);
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
192 -moz-transform: translate(50%, -@baseLineHeight) translate(-3em,3em) rotate(45deg);
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
193 -webkit-transform: translate(50%, -@baseLineHeight) translate(-3em,3em) rotate(45deg);
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
194 box-shadow: 0 0 1em #888;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
195 -moz-box-shadow: 0 0 1em #888;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
196 -webkit-box-shadow: 0 0 1em #888;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
197 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
198 .makeRibbonContent(@borderColor, @textColor) {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
199 border: 1px solid @borderColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
200 color: @textColor;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
201 display: block;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
202 margin: 0.05em 0 0.05em 0;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
203 padding: 0.5em 3.5em;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
204 text-align: center;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
205 text-shadow: 0 0 0.5em #444;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
206 }
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
207 .ribbon {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
208 .makeRibbon(#a00);
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
209 margin-bottom: @baseFontSize * -2.6 - 4px;
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
210
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
211 .ribbon-inner {
acc615617fdf Changed styles for alerts, added style for a corner ribbon.
Ludovic Chabant <ludovic@chabant.com>
parents: 61
diff changeset
212 .makeRibbonContent(#faa, #fff);
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 }