Mercurial > hg > Members > masakoha > eng

comparison presen/s6/themes/blank/blank.css.less @ 0:7e7094064d57

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add somefiles
author MasaKoha <kogagura@cr.ie.u-ryukyu.ac.jp>
date Thu, 11 Jun 2015 00:39:50 +0900
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:7e7094064d57
1 ////////
2 // variables for easy configuration
3 //
4 // (note: this is a less extendend css script, to learn more about less; see lesscss.org)
5
6 @color: black;
7 @color-step-hidden: silver;
8
9 @background-color-code: #ffffa9;
10
11 // -- gradient colors used for slides classified with cover | title
12
13 @background-gradient-color1-cover: white;
14 @background-gradient-color2-cover: white;
15
16 // -- gradient colors for all other slides
17
18 @background-gradient-color1: white;
19 @background-gradient-color2: white;
20
21 // --- font size
22
23 @font-size-h1: 190%; // 30pt / 40px (assuming 100% => 12pt / 16px)
24 @font-size-h2: 200%; // 28pt / 37px
25 @font-size-h3: 150%; // 24pt / 32px
26 @font-size-text: 130%; // 18pt / 24px
27 @font-size-code: 150%; // 16pt / 22px
28 @font-small-size: 100%;
29
30 /////////////////////////////
31
32 body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
33
34 a:link,
35 a:visited { color: @color; }
36
37
38 .slide {
39
40 color: @color;
41
42 h1 { font-size: @font-size-h1;
43 color: white;
44 text-align: center;
45
46 &.fullscreen { position: absolute;
47 top: 40%;
48 width: 100%; }
49
50 // lets you create slides with no heading (that is, heading gets hidden but included in toc)
51 &.hidden { display: none; }
52 }
53
54 h2 { font-size: @font-size-h2; background-color: #808db5; color:white; padding: 5px;}
55
56 h3 { font-size: @font-size-h3; }
57 name {
58 font-size: @font-size-h3;
59 background-color: #ffcc00;
60 &.fullscreen { position: absolute;
61 top: 40%;
62 width: 100%; }
63 }
64
65 .stepcurrent { color: @color; }
66 .step { color: @color-step-hidden; } // or hide next steps e.g. .step { visibility: hidden; }
67 }
68
69
70 ul { list-style-type: square; }
71
72
73 p, li, dt, dd, td{ font-size: @font-size-text; }
74 th { font-size: @font-small-size;}
75
76
77 pre {
78 font-family: 'Droid Sans Mono', 'Courier New', monospace;
79
80 font-size: 20px;
81
82 letter-spacing: -1px;
83
84 color: black;
85 background: rgb(240, 240, 240);
86 border: 1px solid rgb(224, 224, 224);
87 box-shadow: inset 0 2px 6px rgba(0, 0, 0, .1);
88 overflow: hidden;
89 }
90
91 code {
92 font-size: 95%;
93 font-family: 'Droid Sans Mono', 'Courier New', monospace;
94
95 color: black;
96 }
97
98 .footnote a:first-of-type { text-decoration: none; }
99
100 p.footnote { font-size: 88%; }
101
102 .help {
103 p, td { font-size: 88%; }
104 }
105
106 /********
107 * example gradient background using css3
108 */
109
110 .slide {
111 background-image: -webkit-linear-gradient(top, @background-gradient-color1,
112 @background-gradient-color2,
113 @background-gradient-color1,
114 @background-gradient-color2);
115
116 background-image: -moz-linear-gradient(top, @background-gradient-color1,
117 @background-gradient-color2,
118 @background-gradient-color1,
119 @background-gradient-color2);
120
121 &.cover, &.title {
122 background-image: -webkit-linear-gradient(top, @background-gradient-color1-cover,
123 @background-gradient-color2-cover,
124 @background-gradient-color1-cover,
125 @background-gradient-color2-cover);
126
127 background-image: -moz-linear-gradient(top, @background-gradient-color1-cover,
128 @background-gradient-color2-cover,
129 @background-gradient-color1-cover,
130 @background-gradient-color2-cover);
131
132 }
133 }