| 1 |
/* |
| 2 |
iSlide.css |
| 3 |
|
| 4 |
iSlideMaker |
| 5 |
http://sourceforge.jp/projects/islidemaker/simple/ |
| 6 |
|
| 7 |
Copyright(c) 2010, Isao Hara, isao-hara@users.sourceforge.jp |
| 8 |
|
| 9 |
All rights reserved. This program is made available under the terms of the |
| 10 |
Eclipse Public License v1.0 which accompanies this distribution, and is |
| 11 |
available at http://www.eclipse.org/legal/epl-v10.html |
| 12 |
|
| 13 |
Contributors: Isao Hara. |
| 14 |
|
| 15 |
*/ |
| 16 |
div#controls, div#header, div#footer, div.slide{ position:absolute; } |
| 17 |
div#controls{ display:block; } |
| 18 |
div#header{ display:none; } |
| 19 |
div#footer{ display:none; } |
| 20 |
div.handout{ display:none; } |
| 21 |
div.layout{ display: block; } |
| 22 |
div.presentation{ } |
| 23 |
div.topleft{ display:none; } |
| 24 |
div.topright{ display:none; } |
| 25 |
div.bottomleft{ display:none; } |
| 26 |
div.bottomright{ display:none; } |
| 27 |
|
| 28 |
div.slidecontent{ |
| 29 |
margin-left:15%; |
| 30 |
width:820px; |
| 31 |
padding:0px; |
| 32 |
} |
| 33 |
|
| 34 |
div.content{ margin-left:15%; } |
| 35 |
div.footer{ position:absolute; bottom:0px; left:0px; width:100%;} |
| 36 |
div.header{ top:0px; left:0px; width:100%;} |
| 37 |
|
| 38 |
* { -webkit-transition:all 0.5s ease-in-out; } |
| 39 |
.incremental{ visibility:hidden; color:white; } |
| 40 |
.current{ visibility:visible; } |
| 41 |
|
| 42 |
/* */ |
| 43 |
body { } |
| 44 |
body { font: 18pt Arial, sans-serif;} |
| 45 |
|
| 46 |
a {text-decoration: none; color: #336; border-bottom: 1px dotted;} |
| 47 |
h1, h2, h3, h4, h5, h6 {font-size: 1em; margin: 0;} |
| 48 |
sup {font-size: 0.75em; font-weight: normal; |
| 49 |
vertical-align: 0.5em; line-height: 1px;} |
| 50 |
ul {margin-left: 1em; padding-left: 0;} |
| 51 |
li {margin-bottom: 0.66em;} |
| 52 |
li li {margin: 0.33em 0; font-size: smaller;} |
| 53 |
|
| 54 |
div.header, div.footer {font-size: 0.8em;} |
| 55 |
div.header {top:0px; left:0px; width:98%; background: url(images/bg.png); border-bottom: 1px solid #333; padding: 10px;} |
| 56 |
div.footer { text-align:center; color: #333; border-top: 1px solid #333; font-size:10pt;} |
| 57 |
|
| 58 |
#controls {font-size: 0.75em; bottom:0; right:25%; z-index:100; background-color:#808080; width:50%;} |
| 59 |
#navLinks a {margin: 0 0.33em; padding: 0 0.25em; |
| 60 |
border: 1px solid; border-color: #CCD #556 #556 #CCD; |
| 61 |
background-color: #8597C4; |
| 62 |
} |
| 63 |
|
| 64 |
#navLinks button { background-color:white; color: black; } |
| 65 |
|
| 66 |
#currentSlide {position:absolute; bottom:0px; right:10px; font-size: 0.5em;} |
| 67 |
#currentSlide span {font-size: 13px; color: rgb(49%,47%,66%);} |
| 68 |
#currentSlide #csSep {display: none;} |
| 69 |
#currentSlide #csHere {font-weight: bold;} |
| 70 |
#currentSlide #csTotal:before {content: " / ";} |
| 71 |
|
| 72 |
.slide h1 {font-size: 1.66em; line-height: 1; letter-spacing: -1px; |
| 73 |
margin: 0 0 1em 15%; padding: 0.5em 15% 0.06125em 0; |
| 74 |
border-bottom: 0.06125em solid rgb(90,94,120); |
| 75 |
width:70%; |
| 76 |
} |
| 77 |
|
| 78 |
.cover h1 {border: none; font-size: 2.25em; letter-spacing: 0; margin: 3em 0 1.5em 15%; width:85%;} |
| 79 |
.cover h3 {margin: 0.5em 0 0 20%; font-size: 1.5em;} |
| 80 |
.cover h4 {margin-top: 0; font-size: smaller;} |
| 81 |
|
| 82 |
.slide .current {color: #f64; } |
| 83 |
.slidecontent canvas.abs { position: absolute; } |
| 84 |
.slidecontent .border { border: 1px solid black; } |
| 85 |
|
| 86 |
|