| 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 |
|
| 17 |
div#controls, div#header, div#footer, div.slide{ position:absolute; } |
| 18 |
div.footer{ position:absolute; } |
| 19 |
div.header{ top:0px; left:0px; width:100%;} |
| 20 |
div.footer{ bottom:0px; left:0px; width:100%;} |
| 21 |
|
| 22 |
div.handout{ display:none; } |
| 23 |
|
| 24 |
div.layout{ |
| 25 |
display: block; |
| 26 |
} |
| 27 |
|
| 28 |
div.presentation{ |
| 29 |
} |
| 30 |
|
| 31 |
div#controls{ |
| 32 |
display:block; |
| 33 |
} |
| 34 |
|
| 35 |
div#header{ |
| 36 |
display:none; |
| 37 |
} |
| 38 |
div#footer{ |
| 39 |
display:none; |
| 40 |
} |
| 41 |
div.topleft{ |
| 42 |
display:none; |
| 43 |
} |
| 44 |
div.topright{ |
| 45 |
display:none; |
| 46 |
} |
| 47 |
div.bottomleft{ |
| 48 |
display:none; |
| 49 |
} |
| 50 |
div.bottomright{ |
| 51 |
display:none; |
| 52 |
} |
| 53 |
|
| 54 |
div.slidecontent{ |
| 55 |
margin-left:15%; |
| 56 |
width:820px; |
| 57 |
padding:0px; |
| 58 |
} |
| 59 |
|
| 60 |
div.content{ |
| 61 |
margin-left:15%; |
| 62 |
} |
| 63 |
|
| 64 |
* { |
| 65 |
-webkit-transition:all 0.5s ease-in-out; |
| 66 |
} |
| 67 |
|
| 68 |
.incremental{ |
| 69 |
visibility:hidden; |
| 70 |
color:white; |
| 71 |
} |
| 72 |
|
| 73 |
|
| 74 |
.current{ |
| 75 |
visibility:visible; |
| 76 |
} |
| 77 |
|
| 78 |
|
| 79 |
/////// |
| 80 |
//body {background: #ffffff color: #210; font: 48px Arial, sans-serif; font-size:12ex;} |
| 81 |
body {background: #ffffff color: #210; font-size:18pt;} |
| 82 |
|
| 83 |
a {text-decoration: none; color: #336; border-bottom: 1px dotted;} |
| 84 |
h1, h2, h3, h4, h5, h6 {font-size: 1em; margin: 0;} |
| 85 |
sup {font-size: 0.75em; font-weight: normal; |
| 86 |
vertical-align: 0.5em; line-height: 1px;} |
| 87 |
ul {margin-left: 1em; padding-left: 0;} |
| 88 |
li {margin-bottom: 0.66em;} |
| 89 |
li li {margin: 0.33em 0; font-size: smaller;} |
| 90 |
|
| 91 |
#header {background: url(images/bg.png); border-bottom: 1px solid #333; |
| 92 |
padding: 10px;} |
| 93 |
#footer {background: color: #BBB; border-top: 1px solid #333;} |
| 94 |
#header, #footer {font-size: 0.5em;} |
| 95 |
|
| 96 |
div.header, div.footer {font-size: 0.8em;} |
| 97 |
div.header {top:0px; left:0px; width:98%;} |
| 98 |
|
| 99 |
div.header { background: url(images/bg.png); border-bottom: 1px solid #333; padding: 10px;} |
| 100 |
div.footer { text-align:center; color: #333; border-top: 1px solid #333; font-size:10pt;} |
| 101 |
|
| 102 |
#footer h1, #footer h2 { padding: 0.5em 0.75em; |
| 103 |
font-weight: normal; } |
| 104 |
#footer h1 {left: 0; font-size: 0.6em; letter-spacing: 1px; color:black;} |
| 105 |
#footer h2 {position: absolute; bottom: 0; right: 0;} |
| 106 |
|
| 107 |
#controls {font-size: 0.75em; bottom:0; right:25%; z-index:100; background-color:#808080; width:50%;} |
| 108 |
#navLinks a {margin: 0 0.33em; padding: 0 0.25em; |
| 109 |
border: 1px solid; border-color: #CCD #556 #556 #CCD; |
| 110 |
background-color: #8597C4; |
| 111 |
} |
| 112 |
|
| 113 |
#navLinks button { background-color:white; color: black; } |
| 114 |
|
| 115 |
#currentSlide {position:absolute; bottom:0px; right:10px;} |
| 116 |
#currentSlide {font-size: 0.5em;} |
| 117 |
#currentSlide span {font-size: 13px; color: rgb(49%,47%,66%);} |
| 118 |
#currentSlide #csSep {display: none;} |
| 119 |
#currentSlide #csHere {font-weight: bold;} |
| 120 |
#currentSlide #csTotal:before {content: " / ";} |
| 121 |
|
| 122 |
.slide h1 {font-size: 1.66em; line-height: 1; letter-spacing: -1px; |
| 123 |
margin: 0 0 1em 15%; padding: 0.5em 15% 0.06125em 0; border-bottom: 0.06125em solid rgb(90,94,120); |
| 124 |
width:70%; |
| 125 |
} |
| 126 |
|
| 127 |
.cover h1 {border: none; font-size: 2.25em; letter-spacing: 0; margin: 3em 0 1.5em 15%; width:85%;} |
| 128 |
.cover h3 {margin: 0.5em 0 0 20%; font-size: 1.5em;} |
| 129 |
.cover h4 {margin-top: 0; font-size: smaller;} |
| 130 |
|
| 131 |
//.slide .current {color: #003; text-shadow: 0 0 0.25em #9AABD7;} |
| 132 |
|
| 133 |
.slide .current {color: #f64; } |
| 134 |
|
| 135 |
.slidecontent canvas.abs { position: absolute; } |
| 136 |
.slidecontent .border { border: 1px solid black; } |
| 137 |
|
| 138 |
|