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