Changeset 179 for presentations/Tools

Timestamp:

Sep 22, 2006, 5:36:16 PM (19 years ago)

Author:

garnier

Message:

premiere revision de la feuille de style pour print

Location:

presentations/Tools/v2

Files:

• Slidy/slidy.js (modified) (3 diffs)
• css/styles.css (modified) (7 diffs)

presentations/Tools/v2/Slidy/slidy.js

@@ -1054 +1054 @@
    if (viewAll)
    {
+      initOutliner();
       singleSlideView();
       showToolbar();
@@ -1060 +1061 @@
    else
    {
+      expandAll();
       showAllSlides();
       hideToolbar();
@@ -2367 +2369 @@
   }
 }
+function expandAll()
+{
+  var items = document.getElementsByTagName("LI");
+
+  for (var i = 0; i < items.length; ++i)
+  {
+     var target = items[i];
+
+     if (!hasClass(target.parentNode, "outline"))
+        continue;
+
+     target.onclick = outlineClick;
+
+     if (!ns_pos)
+     {
+        target.onmouseover = hoverOutline;
+        target.onmouseout = unhoverOutline;
+     }
+
+     if (foldable(target))
+     {
+       target.foldable = true;
+       target.onfocus = function () {outline = this;};
+       target.onblur = function () {outline = null;};
+
+       if (!target.getAttribute("tabindex"))
+         target.setAttribute("tabindex", "0");
+
+       unfold(target);
+     }
+     else
+     {
+       addClass(target, "nofold");
+       target.visible = true;
+       target.foldable = false;
+     }
+  }
+}
 
 function foldable(item)

presentations/Tools/v2/css/styles.css

@@ -16 +16 @@
 }
 
-body {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-  color: black;
-  background: white url(../images/header.gif) repeat-x left top;
-  font-size: 20pt;
-}
-
-h1 {
-        margin:  0em 0 0.1em;
-        margin-bottom: 1em;
-        padding-left: 100px;
-        padding-bottom: 0.3em;
-        font-size: 1.5em;
-        border-bottom: medium dotted #291873;
-        background:  url(../images/h3_marker.gif)  no-repeat 0px 0.3em;
-   }
+/* Definition for screen, projection media
+   */
+@media screen, projection {
+  body {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    color: black;
+//    background-color: #291873;
+    background: white url(../images/header.gif) repeat-x left top;
+    font-size: 20pt;
+  }
+  
+  img#fullscreen { 
+    position: absolute;
+    top: 2.5em;
+    bottom: 40px;
+    left: 0em;
+    right: auto;
+    max-width: 100%;
+    max-height: 100%;
+    z-index: 300;
+    overflow: auto;
+    display: block;
+    visibility: visible;
+  }
+  h1 {
+    margin:  0em 0 0.1em;
+    margin-bottom: 1em;
+    padding-left: 100px;
+    padding-bottom: 0.3em;
+    font-size: 1.5em;
+    border-bottom: medium dotted #291873;
+    background:  url(../images/h3_marker.gif)  no-repeat 0px 0.3em;
+  }
+
+  div.slide {
+    width: 100%;
+    height: 100%;
+    z-index: 20;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 0;
+    padding: 2em 40px 0;
+    border: 0;
+    //  background: transparent;
+  }
+}
+/* Definition for print media
+   */
+@media print {
+  * html div.slide {
+    height: 100%;
+    overflow: auto;
+    padding: 0px;
+  }                   /* end ie6-hack */
+  div.slide { page-break-after: auto; }
+  div.handout { display: block; }
+
+  @page {
+  size: landscape;
+}
+  
+  @page :left {
+    margin-left: 1cm;
+    margin-right: 0.5cm;
+  }
+  @page :right {
+    margin-left: 3cm;
+    margin-right: 4cm;
+  }
+  body {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    color: black;
+    background: white;
+    font-size: 16pt;
+  }
+
+  img#fullscreen { 
+    max-width: 100%;
+    max-height: 100%;
+  }
+  img { 
+    max-width: 80%;
+    max-height: 80%;
+  }
+  h1 {
+    margin:  0em 0 0.1em;
+    margin-bottom: 1em;
+    padding-left: 100px;
+    padding-bottom: 0.3em;
+    font-size: 1.5em;
+    border-bottom: medium dotted #291873;
+    background: #CCCCFF url(../images/h3_marker.gif)  no-repeat 0px 0.3em;
+  }
+  div.slide {
+    width: 100%;
+    height: 100%;
+    z-index: 20;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 0;
+    padding: 0em 40px 0;
+    border: 0;
+    //  background: transparent;
+  }
+}
+
+/* Global definitions
+   */
+
+
 
 h2 {
@@ -287 +388 @@
 /* All Slides */
 /* 
- * A sidebar has the same color and the same rounded corners as the H1
- * title, but on all sides. It is floated to the right.
- */
-    div.sidebar
-    {
-        float: right;
-        clear: right;
-        margin: 0 -28px 0.5em 1em;      /* 28px = width of the shadow */
-        width: 30%;
-        color: white;
-        background: url(../images/blueround-right.png) right center repeat-y;
-        padding: 40px 40px 0 20px;      /* Top 40px reserved for ::before */
-    }
-    div.sidebar::before
-    {
-        display: block;
-        line-height: 0;
-        margin: -40px -40px 0 -20px;    /* height 40px - margin-top 40px = 0 */
-        background: url(../images/blueround-topright.png) right top no-repeat;
-        text-align: left;
-        content: url(../images/blueround-topleft.png); /* height is 40px */
-    }
-    div.sidebar::after
-    {
-        display: block;
-        line-height: 0;
-        margin: 0 -40px 0 -20px;
-        background: url(../images/blueround-bottomright.png) right bottom no-repeat;
-        text-align: left;
-        content: url(../images/blueround-bottomleft.png);
-    }
-    div.sidebar > *:first-child
-    {
-        margin-top: -20px;
-    }    
+   * A sidebar has the same color and the same rounded corners as the H1
+   * title, but on all sides. It is floated to the right.
+   */
+div.sidebar
+{
+  float: right;
+  clear: right;
+  margin: 0 -28px 0.5em 1em;    /* 28px = width of the shadow */
+  width: 30%;
+  color: white;
+  background: url(../images/blueround-right.png) right center repeat-y;
+  padding: 40px 40px 0 20px;    /* Top 40px reserved for ::before */
+}
+div.sidebar::before
+{
+  display: block;
+  line-height: 0;
+  margin: -40px -40px 0 -20px;  /* height 40px - margin-top 40px = 0 */
+  background: url(../images/blueround-topright.png) right top no-repeat;
+  text-align: left;
+  content: url(../images/blueround-topleft.png); /* height is 40px */
+}
+div.sidebar::after
+{
+  display: block;
+  line-height: 0;
+  margin: 0 -40px 0 -20px;
+  background: url(../images/blueround-bottomright.png) right bottom no-repeat;
+  text-align: left;
+  content: url(../images/blueround-bottomleft.png);
+}
+div.sidebar > *:first-child
+{
+  margin-top: -20px;
+}    
 
 
@@ -341 +442 @@
 }
 
- div.hvfill 
- {
-     position:relative; 
-//     top: 50%;
-     left: 50%; 
-     margin-left: -350px; /* moitié de la largeur */
-//     margin-top: -200px;
- }
+div.hvfill 
+{
+  position:relative; 
+  //     top: 50%;
+  left: 50%; 
+  margin-left: -350px; /* moitié de la largeur */
+  //     margin-top: -200px;
+}
 
 div.hfill 
@@ -359 +460 @@
 
 /*
- * A div.callout has a lighter background and also rounded corners.
- */
- 
-    div.callout
-    {
-        clear: both;
-        margin: 1em -20px 0 0;          /* 20px = width of the shadow */
-        max-width: 1600px;
-        color: #291873; //#005A9C;
-        background: url(../images/lightblueround-right.png) right center repeat-y;
-        padding: 40px 40px 0 20px;      /* Top 40px reserved for ::before */
-        font-style: normal;
-    }
-    div.callout::before
-    {
-        display: block;
-        line-height: 0;
-        margin: -40px -40px 0 -20px;    /* Height + margin-top = 0 */
-        background: url(../images/lightblueround-topright.png) right top no-repeat;
-        text-align: left;
-        content: url(../images/lightblueround-topleft.png); /* Height is 40px */
-    }
-    div.callout::after
-    {
-        display: block;
-        line-height: 0;
-        margin: 0 -40px 0 -20px;
-        background: url(../images/lightblueround-bottomright.png) right bottom no-repeat;
-        text-align: left;
-        content: url(../images/lightblueround-bottomleft.png);
-        clear: both;
-    }
-    div.callout > *:first-child, address > *:first-child
-    {
-        margin-top: -20px;
-    }
+   * A div.callout has a lighter background and also rounded corners.
+   */
 
 div.callout
@@ -430 +497 @@
 }
 
-div.slide {
-  width: 100%;
-  height: 100%;
-  z-index: 20;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: 0;
-  padding: 2em 40px 0;
-  border: 0;
-  //    background: transparent;
-}
-img#fullscreen { 
-  position: absolute;
-  top: 2.5em;
-  bottom: 40px;
-  left: 0em;
-  right: auto;
-  max-width: 100%;
-  max-height: 100%;
-  z-index: 300;
-  overflow: auto;
+div.callout
+{
+  clear: both;
+  margin: 1em -20px 0 0;                /* 20px = width of the shadow */
+  max-width: 1600px;
+  color: #291873; //#005A9C;
+  background: url(../images/lightblueround-right.png) right center repeat-y;
+  padding: 40px 40px 0 20px;    /* Top 40px reserved for ::before */
+  font-style: normal;
+}
+div.callout::before
+{
   display: block;
-  visibility: visible;
-
-
- }
+  line-height: 0;
+  margin: -40px -40px 0 -20px;  /* Height + margin-top = 0 */
+  background: url(../images/lightblueround-topright.png) right top no-repeat;
+  text-align: left;
+  content: url(../images/lightblueround-topleft.png); /* Height is 40px */
+}
+div.callout::after
+{
+  display: block;
+  line-height: 0;
+  margin: 0 -40px 0 -20px;
+  background: url(../images/lightblueround-bottomright.png) right bottom no-repeat;
+  text-align: left;
+  content: url(../images/lightblueround-bottomleft.png);
+  clear: both;
+}
+div.callout > *:first-child, address > *:first-child
+{
+  margin-top: -20px;
+}
+
 html>body div.slide { width: auto; height: auto; }
 
@@ -521 +594 @@
 
 div#cover p {
-        font-size: 1.0em;
-        font-weight: bold;
-        line-height: 1.0;
-        color: #291873;
-        text-align: center;
-        }
+  font-size: 1.0em;
+  font-weight: bold;
+  line-height: 1.0;
+  color: #291873;
+  text-align: center;
+}
 
 div#cover p#title 
 {
-//     margin:  0em 0 0.1em;
-//     margin-bottom: 1em;
-//     padding-left: 100px;
-//     padding-bottom: 0.3em;
-//     margin: 1em 0 1.2em;
-        font-size: 1.5em;
-        font-weight: bold;
-        line-height: 1.0;
-         color: #291873;
-    //height: 30%;
-//    background-color: #8B8EBE;
-//    color: white;
-       text-align: center;    
+  //     margin:  0em 0 0.1em;
+  //     margin-bottom: 1em;
+  //     padding-left: 100px;
+  //     padding-bottom: 0.3em;
+  //     margin: 1em 0 1.2em;
+  font-size: 1.5em;
+  font-weight: bold;
+  line-height: 1.0;
+  color: #291873;
+  //height: 30%;
+  //    background-color: #8B8EBE;
+  //    color: white;
+  text-align: center;    
 }
 
@@ -707 +780 @@
 
 
-@media print {
-  * html div.slide {
-    height: 100%;
-    overflow: auto;
-    padding: 0px;
-  }                   /* end ie6-hack */
-  div.slide { page-break-after: always; }
-  div.handout { display: block; }
-
-  @page :left {
-  margin-left: 1cm;
-  margin-right: 0.5cm;
-}
-  @page :right {
-  margin-left: 3cm;
-  margin-right: 4cm;
-}
-}