1.0

style/style.css

@@ -0,0 +1,131 @@
+@CHARSET "UTF-8";
+
+/* Default Tags */
+
+body {
+	margin:0;
+	padding:1em;
+	font-family: 'Open Sans', sans-serif;
+	font-size: 1em;
+}
+
+header {
+	margin:1em 0;
+	font-size: 2em;
+}
+
+footer {
+	clear:both;
+	font-size: 0.8em;
+	margin: 1em 0px;
+	display: none;
+}
+
+a {
+	text-decoration: none;
+	color:black;
+}
+a:hover {
+	color:#08288B;
+}
+
+/* Common Classes */
+
+.fa-icon {
+	margin-right:0.5em;
+}
+
+/* Font Awesome Classes */
+
+.fa-film:before {
+	content: "\f008";
+}
+.fa-trailer:before {
+	content: "\f144";
+}
+.fa-spinner:before {
+	content: "\f110";	
+}
+.fa-cinema:before {
+	content: "\f145";
+}
+.fa-date:before {
+	content: "\f133";
+}
+.fa-power:before {
+	content: "\f1b0";
+}
+
+/* Sections */
+
+/* Section - Main */
+
+#buffer {
+	font-size:2em;
+}
+
+/* Section - Film */
+
+.film {
+	clear:both;
+	background:white;
+	float:left;
+	margin-bottom:1em;
+}
+
+.film:nth-child(even) {
+
+}
+
+.film .info {
+	margin-left:152px;
+	padding-left:1em;
+}
+
+.film p {
+	margin:0.5em 0;
+}
+
+.film .title a.name {
+	font-weight: bold;
+}
+
+.film .title .edito {
+	font-style: italic;
+}
+
+.film img.poster {
+	vertical-align: middle;
+	float:left;
+}
+
+.film .trailer {
+	
+}
+
+.film .timetable {
+	margin-top:1em;
+	font-size: 0.8em;
+}
+
+.film .timetable .time {
+	margin-right:0.5em;
+}
+
+/* Section - Feeback */
+
+#feedback {
+	background:#EEE;
+	padding:1em;
+	float:left;
+	clear:both;
+	font-size:0.6em;
+	margin-bottom: 1em;
+}
+
+#feedback p:FIRST-CHILD {
+	margin-top:0;
+}
+#feedback p:LAST-CHILD {
+	margin-bottom:0;
+}