Mercurial > hg > Members > masakoha > eng
diff presen/s6/themes/blank/blank.css.less @ 0:7e7094064d57
add somefiles
author | MasaKoha <kogagura@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Thu, 11 Jun 2015 00:39:50 +0900 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/presen/s6/themes/blank/blank.css.less Thu Jun 11 00:39:50 2015 +0900 @@ -0,0 +1,133 @@ +//////// +// variables for easy configuration +// +// (note: this is a less extendend css script, to learn more about less; see lesscss.org) + +@color: black; +@color-step-hidden: silver; + +@background-color-code: #ffffa9; + +// -- gradient colors used for slides classified with cover | title + +@background-gradient-color1-cover: white; +@background-gradient-color2-cover: white; + +// -- gradient colors for all other slides + +@background-gradient-color1: white; +@background-gradient-color2: white; + +// --- font size + +@font-size-h1: 190%; // 30pt / 40px (assuming 100% => 12pt / 16px) +@font-size-h2: 200%; // 28pt / 37px +@font-size-h3: 150%; // 24pt / 32px +@font-size-text: 130%; // 18pt / 24px +@font-size-code: 150%; // 16pt / 22px +@font-small-size: 100%; + +///////////////////////////// + +body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } + +a:link, +a:visited { color: @color; } + + +.slide { + + color: @color; + + h1 { font-size: @font-size-h1; + color: white; + text-align: center; + + &.fullscreen { position: absolute; + top: 40%; + width: 100%; } + + // lets you create slides with no heading (that is, heading gets hidden but included in toc) + &.hidden { display: none; } + } + + h2 { font-size: @font-size-h2; background-color: #808db5; color:white; padding: 5px;} + + h3 { font-size: @font-size-h3; } + name { + font-size: @font-size-h3; + background-color: #ffcc00; + &.fullscreen { position: absolute; + top: 40%; + width: 100%; } + } + + .stepcurrent { color: @color; } + .step { color: @color-step-hidden; } // or hide next steps e.g. .step { visibility: hidden; } +} + + +ul { list-style-type: square; } + + +p, li, dt, dd, td{ font-size: @font-size-text; } +th { font-size: @font-small-size;} + + +pre { + font-family: 'Droid Sans Mono', 'Courier New', monospace; + + font-size: 20px; + + letter-spacing: -1px; + + color: black; + background: rgb(240, 240, 240); + border: 1px solid rgb(224, 224, 224); + box-shadow: inset 0 2px 6px rgba(0, 0, 0, .1); + overflow: hidden; +} + +code { + font-size: 95%; + font-family: 'Droid Sans Mono', 'Courier New', monospace; + + color: black; +} + +.footnote a:first-of-type { text-decoration: none; } + +p.footnote { font-size: 88%; } + +.help { + p, td { font-size: 88%; } +} + +/******** + * example gradient background using css3 + */ + +.slide { + background-image: -webkit-linear-gradient(top, @background-gradient-color1, + @background-gradient-color2, + @background-gradient-color1, + @background-gradient-color2); + + background-image: -moz-linear-gradient(top, @background-gradient-color1, + @background-gradient-color2, + @background-gradient-color1, + @background-gradient-color2); + + &.cover, &.title { + background-image: -webkit-linear-gradient(top, @background-gradient-color1-cover, + @background-gradient-color2-cover, + @background-gradient-color1-cover, + @background-gradient-color2-cover); + + background-image: -moz-linear-gradient(top, @background-gradient-color1-cover, + @background-gradient-color2-cover, + @background-gradient-color1-cover, + @background-gradient-color2-cover); + + } +} \ No newline at end of file