diff 2015_01_29/themes/ribbon/styles/style.css @ 0:47676a16ed13

Add Slides
author Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp>
date Tue, 14 Jul 2015 17:23:04 +0900
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/2015_01_29/themes/ribbon/styles/style.css	Tue Jul 14 17:23:04 2015 +0900
@@ -0,0 +1,396 @@
+/*
+	Ribbon theme for Shower presentation template: http://github.com/pepelsbey/shower
+	Copyright © 2010–2011 Vadim Makeev, http://pepelsbey.net/
+	Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License
+*/
+
+@import url(fonts.css);
+@import url(reset.css);
+
+BODY {
+	font:25px/1.8 'PT Sans', sans-serif;
+	counter-reset:paging;
+	}
+
+/* Slide
+---------------------------------------- */
+.slide:after {
+	counter-increment:paging;
+	content:counter(paging, decimal-leading-zero);
+	}
+.slide SECTION {
+	padding:80px 120px 0;
+	width:784px;
+	height:560px;
+	background:#FFF;
+	color:#000;
+	}
+	.slide SECTION:before {
+		position:absolute;
+		bottom:-90px;
+		right:45px;
+		width:200px;
+		height:200px;
+		background:url(../../../pictures/logo.svg) no-repeat;
+		background-size: 200px;
+		content:'';
+		}
+
+/* Header */
+.slide HEADER {
+	margin:0 0 58px;
+	color:#666;
+	font:bold 40px/1.13 'PT Sans Narrow', sans-serif;
+	}
+
+/* Elements */
+.slide P {
+	margin:0 0 45px;
+	}
+.slide P.note {
+	color:#888;
+	}
+.slide A {
+	border-bottom:0.1em solid;
+	color:#0174A7;
+	text-decoration:none;
+	}
+.slide A[target=_blank] {
+	margin-right:22px;
+	}
+.slide A[target=_blank]:after {
+	position:absolute;
+	margin-left:7px;
+	font-family:'Target Blank';
+	content:'\005E';
+	}
+.slide B,
+.slide STRONG {
+	font-weight:bold;
+	}
+.slide I,
+.slide EM {
+	font-style:italic;
+	}
+.slide KBD,
+.slide CODE {
+	padding:3px 8px;
+	-webkit-border-radius:8px;
+	-moz-border-radius:8px;
+	border-radius:8px;
+	background:#FAFAA2;
+	-webkit-tab-size:4;
+	-moz-tab-size:4;
+	-o-tab-size:4;
+	tab-size:4;
+	font-family:Consolas, 'Droid Sans Mono', monospace;
+	}
+
+/* Quote */
+.slide BLOCKQUOTE {
+	font-style:italic;
+	}
+.slide BLOCKQUOTE:before {
+	position:absolute;
+	margin:-15px 0 0 -80px;
+	color:#CCC;
+	font:200px/1 'PT Sans', sans-serif;
+	content:'\201C'; /* ldquo */
+	}
+.slide BLOCKQUOTE:after {
+	margin:-45px 0 45px;
+	display:block;
+	color:#444;
+	font-weight:bold;
+	content:attr(cite);
+	}
+
+/* Lists */
+.slide OL,
+.slide UL {
+	margin:0 0 45px;
+	counter-reset:list;
+	}
+	.slide UL UL,
+	.slide OL UL,
+	.slide OL OL,
+	.slide UL OL {
+		margin:0 0 0 38px;
+		}
+	.slide OL > LI:before,
+	.slide UL > LI:before {
+		position:absolute;
+		margin-left:-120px;
+		width:100px;
+		color:#BBB;
+		text-align:right;
+		}
+	.slide UL > LI:before {
+		content:'\2022'; /* bull */
+		line-height:1.1;
+		font-size:40px;
+		}
+	.slide OL > LI:before {
+		counter-increment:list;
+		content:counter(list)'.';
+		}
+
+/* Code */
+.slide PRE {
+	margin:0 0 45px;
+	counter-reset:code;
+	white-space:normal;
+	}
+	.slide PRE CODE {
+		display:block;
+		padding:0;
+		background:none;
+		white-space:pre;
+		}
+	.slide PRE CODE:before {
+		position:absolute;
+		margin:0 0 0 -120px;
+		width:110px;
+		color:#BBB;
+		text-align:right;
+		counter-increment:code;
+		content:counter(code, decimal-leading-zero)'.';
+		}
+	.slide PRE MARK {
+		padding:3px 8px;
+		-webkit-border-radius:8px;
+		-moz-border-radius:8px;
+		border-radius:8px;
+		}
+	.slide PRE MARK {
+		background:#FAFAA2;
+		color:#000;
+		font-style:normal;
+		}
+	.slide PRE MARK.important {
+		background:#C00;
+		color:#FFF;
+		font-weight:normal;
+		}
+
+/* Cover */
+.slide.cover SECTION {
+	background:transparent;
+	background-color: white;
+	}
+.slide.cover H2 {
+	color:#666;
+	text-align:center;
+	font-size:84px;
+}
+.slide.cover H3#author {
+	color:#888;
+	text-align:right;
+	font-size:56px;
+	margin-top:24px;
+	margin-right:90px;
+}
+
+.slide.cover H3#profile {
+	color:#888;
+	text-align:right;
+	font-size:24px;
+	margin-right:90px;
+}
+
+/* Shout */
+.slide.shout SECTION:before {
+	display:none;
+	}
+.slide.shout H2 {
+	position:absolute;
+	top:50%;
+	left:0;
+	width:100%;
+	text-align:center;
+	line-height:1;
+	font-size:150px;
+	-webkit-transform:translateY(-50%);
+	-moz-transform:translateY(-50%);
+	-ms-transform:translateY(-50%);
+	-o-transform:translateY(-50%);
+	transform:translateY(-50%);
+	}
+	.slide.shout H2 A[target=_blank] {
+		margin:0;
+		}
+		.slide.shout H2 A[target=_blank]:after {
+			content:'';
+			}
+
+/* Middle */
+.middle {
+	position:absolute;
+	top:50%;
+	left:50%;
+	-webkit-transform:translate(-50%, -50%);
+	-moz-transform:translate(-50%, -50%);
+	-ms-transform:translate(-50%, -50%);
+	-o-transform:translate(-50%, -50%);
+	transform:translate(-50%, -50%);
+	}
+
+/* List
+---------------------------------------- */
+.list {
+	float:left;
+	padding:80px 0 80px 100px;
+	background:#585A5E url(../images/linen.png);
+	}
+
+/* Caption */
+.list .caption {
+	color:#3C3D40;
+	text-shadow:0 1px 1px #8D8E90;
+	}
+	.list .caption H1 {
+		font:bold 50px/1 'PT Sans Narrow', sans-serif;
+		}
+
+/* Slide */
+.list .slide {
+	position:relative;
+	float:left;
+	margin:0 50px 0 0;
+	padding:80px 0 0;
+	}
+	.list .slide:after {
+		position:absolute;
+		bottom:-45px;
+		left:57px;
+		color:#3C3D40;
+		text-shadow:0 1px 1px #8D8E90;
+		line-height:1;
+		font-weight:bold;
+		font-size:25px;
+		}
+	.list .slide:target:after {
+		text-shadow:0 -1px 1px #1F3F60;
+		color:#4B86C2;
+		}
+	.list .slide > DIV {
+		position:relative;
+		overflow:hidden;
+		width:512px;
+		height:320px;
+		box-shadow:0 0 50px #3C3D40;
+		border-radius:1px;
+		background:rgba(0, 0, 0, 0.3);
+		}
+	.list .slide > DIV:hover {
+		box-shadow:
+			0 0 0 10px rgba(60, 61, 64, 0.6),
+			0 0 50px #3C3D40;
+		}
+	.list .slide:target > DIV {
+		box-shadow:
+			0 0 0 1px #305F8D,
+			0 0 0 10px #3C7CBD,
+			0 0 50px #3C3D40;
+		}
+	.list .slide SECTION {
+		-webkit-transform-origin:0 0;
+		-webkit-transform:scale(0.5);
+		-moz-transform-origin:0 0;
+		-moz-transform:scale(0.5);
+		-ms-transform-origin:0 0;
+		-ms-transform:scale(0.5);
+		-o-transform-origin:0 0;
+		-o-transform:scale(0.5);
+		transform-origin:0 0;
+		transform:scale(0.5);
+		}
+		.list .slide SECTION:after {
+			position:absolute;
+			top:0;
+			right:0;
+			bottom:0;
+			left:0;
+			content:'';
+			}
+
+/* Full
+---------------------------------------- */
+.full {
+	position:absolute;
+	top:50%;
+	left:50%;
+	overflow:hidden;
+	margin:-320px 0 0 -512px;
+	width:1024px;
+	height:640px;
+	background:#000;
+	}
+	.full .caption {
+		display:none;
+		}
+	.full .slide {
+		position:absolute;
+		visibility:hidden;
+		}
+		.full .slide:target {
+			visibility:visible;
+			}
+		.full .slide:after {
+			position:absolute;
+			bottom:85px;
+			left:120px;
+			color:#BBB;
+			line-height:1;
+			}
+		.full .slide SECTION {
+			-webkit-transform:scale(1);
+			-moz-transform:scale(1);
+			-ms-transform:scale(1);
+			-o-transform:scale(1);
+			transform:scale(1);
+			}
+		.full .slide.bg {
+			z-index:1;
+			}
+			.full .slide.bg:after,
+			.full .slide.shout:after {
+				content:'';
+				}
+
+/* Inner Navigation */
+.full .inner > * {
+	opacity:0;
+	-webkit-transition:opacity 0.5s linear;
+	-moz-transition:opacity 0.5s linear;
+	-ms-transition:opacity 0.5s linear;
+	-o-transition:opacity 0.5s linear;
+	transition:opacity 0.5s linear;
+	}
+.full .inner > .active {
+	opacity:1;
+	}
+
+/* Progress */
+.full .progress {
+	position:absolute;
+	right:118px;
+	bottom:49px;
+	left:118px;
+	border-radius:7px;
+	border:2px solid rgba(255, 255, 255, 0.2);
+	}
+	.full .progress DIV {
+		width:0;
+		height:10px;
+		border-radius:5px;
+		background:rgba(177, 177, 177, 0.4);
+		-webkit-transition:width 0.2s linear;
+		-moz-transition:width 0.2s linear;
+		-ms-transition:width 0.2s linear;
+		-o-transition:width 0.2s linear;
+		transition:width 0.2s linear;
+		}
+.full .progress-off {
+	z-index:1;
+	}