Mercurial > wikked

comparison docs/assets/css/wikked.less @ 397:dcaa41b39c23

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
docs: Add more nice graphics.
author Ludovic Chabant <ludovic@chabant.com>
date Wed, 21 Oct 2015 22:48:19 -0700
parents 3a61f45702cb
children
comparison
equal deleted inserted replaced
396:2a70f537337d 397:dcaa41b39c23
21 background: @code-bg; 21 background: @code-bg;
22 padding: 1em 0.5em; 22 padding: 1em 0.5em;
23 } 23 }
24 24
25 // Quotes with a nice icon. 25 // Quotes with a nice icon.
26 @blockquote-img-width: 72px + 20px;
27 @blockquote-img-height: 100px + 20px;
28
26 blockquote { 29 blockquote {
27 padding: 1em; 30 padding: 1em;
28 margin: 1em 0; 31 margin: 1em 0;
29 min-height: 220px; 32 min-height: @blockquote-img-height;
30 color: lighten(@color-gray-dark, 3%); 33 color: lighten(@color-gray-dark, 3%);
31 background: darken(@color-gray-light, 5%); 34 background: darken(@color-gray-light, 5%);
32 35
33 p { 36 p {
34 margin-left: 170px; // width/height of the "toto" image: 145x200 37 margin-left: @blockquote-img-width; // width/height of the "toto" image: 72x100
35 } 38 }
36 p:first-child::before { 39 p:first-child::before {
37 content: " "; 40 content: " ";
38 background-image: url('../img/toto.png'); 41 background-image: url('../img/toto.png');
39 background-repeat: no-repeat; 42 background-repeat: no-repeat;
40 background-position: left center; 43 background-position: left center;
41 display: block; 44 display: block;
42 float: left; 45 float: left;
43 margin-left: -170px; 46 margin-left: -@blockquote-img-width;
44 margin-top: -1em; 47 margin-top: -1em;
45 width: 150px; 48 width: @blockquote-img-width;
46 height: 220px; 49 height: @blockquote-img-height;
47 } 50 }
48 } 51 }
49 52
50 // Make room for the home shortcut. 53 // Make room for the home shortcut.
51 // (it's different from the wiki shortcut) 54 // (it's different from the wiki shortcut)
97 h1 { 100 h1 {
98 color: #fff; 101 color: #fff;
99 } 102 }
100 } 103 }
101 104
105 .wiki-docs header.header-img {
106 img { margin: 1em; float: right; }
107 h1 { float: left; }
108 &::after {
109 content: " ";
110 display: block;
111 clear: both;
112 }
113 }
114
102 @media screen and (min-width: 48em) { 115 @media screen and (min-width: 48em) {
103 // Visible menu by default on big screens. 116 // Visible menu by default on big screens.
104 .wrapper.wiki-docs { 117 .wrapper.wiki-docs {
105 padding-top: 0 !important; 118 padding-top: 0 !important;
106 padding-left: @wiki-menu-width !important; 119 padding-left: @wiki-menu-width !important;