overflow: hidden;
height: 40px;
width: 64px;
- background: url("template/KaiRoLogo-64x40.png") no-repeat;
+ background: url("template/KaiRoLogo-256x160.png") no-repeat;
+ background-size: 64px 40px;
}
#header-text {
#slidenav {
position: absolute;
- right: 200px;
+ right: 120px;
top: 15px;
font-size: 10px;
}
.simplebox,
.captionedbox {
margin: 1em;
- background: #fff;
- background-image: radial-gradient(center 45px, ellipse farthest-corner, #FFFFEE 0, #fff 100%);
+ background: #FFFFFF;
box-shadow: #AAAA80 3px 3px 2px 0;
}
.slidepic {
float: right;
margin-left: .5em;
+ max-width: 33%;
}
.ensurepicinbox {
/***** specific slides *****/
+.endslidecontainer {
+ position: relative;
+}
+
+.endslidepic {
+ width: 100%;
+ z-index: 1;
+}
+
+.endslidetext {
+ position: absolute;
+ width: calc(100% - 2rem);
+ z-index: 3;
+}
+
+h1.endslidetext {
+ font-size: 2.5em;
+}
+
+h2.endslidetext,
+h3.endslidetext {
+ font-size: 2em;
+}
+
+.endslidetext:first-child {
+ top: 1rem;
+}
+
+.endslidetext:nth-child(2) {
+ top: 20rem;
+}
+
+.endslidetext:nth-child(3) {
+ top: 30rem;
+}
+
+@media (min-resolution: 1.3dppx) {
+ .endslidetext:nth-child(2) {
+ top: 15rem;
+ }
+
+ .endslidetext:nth-child(3) {
+ top: 25rem;
+ }
+}