First commit

6 files changed, 191 insertions, 0 deletions

diff --git a/css/CooperBlackStd.otf b/css/CooperBlackStd.otf
new file mode 100644
index 0000000..96f32bc
--- /dev/null
+++ b/css/CooperBlackStd.otf
diff --git a/css/SF Movie Poster Condensed.ttf b/css/SF Movie Poster Condensed.ttf
new file mode 100644
index 0000000..69058f5
--- /dev/null
+++ b/css/SF Movie Poster Condensed.ttf
diff --git a/css/SF Movie Poster.ttf b/css/SF Movie Poster.ttf
new file mode 100644
index 0000000..2e58e26
--- /dev/null
+++ b/css/SF Movie Poster.ttf
diff --git a/css/radial4.png b/css/radial4.png
new file mode 100644
index 0000000..d2200af
--- /dev/null
+++ b/css/radial4.png
diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 0000000..37d2012
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,75 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+/*
+	With addtions by Tommaso Lanza
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	background: transparent;
+	cursor: default;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+
+/*
+tmslnz additions
+ */
+
+/* Clean up anchors */
+a {
+	margin: 0;
+	padding: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+	color: inherit;
+	text-decoration: inherit;
+}
+
+/*html {
+	-webkit-text-size-adjust: none;
+			-ms-text-size-adjust: none;
+}*/
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..0cb0f0f
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,116 @@
+/* apply a natural box layout model to all elements */
+* {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+
+@font-face {
+  font-family: Poster;
+  src: url('SF Movie Poster.ttf');
+  /*font-weight: bol/d;*/
+  font-style: normal;
+}
+
+@font-face {
+  font-family: Poster Condensed;
+  src: url('SF Movie Poster Condensed.ttf');
+  /*font-weight: bol/d;*/
+  font-style: normal;
+}
+
+@font-face {
+  font-family: Cooper Black;
+  src: url('CooperBlackStd.otf');
+  font-style: normal;
+}
+
+html, body {
+   height:100%;
+   width: 100%;
+   margin: 0;
+   padding: 0;
+   border: 0;
+}
+
+body {
+  font-size: 20px;
+  font-family: 'Chango', sans-serif;
+  color: black;
+}
+
+#main {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  line-height: 0;
+  background-image: url(radial4.png);
+  background-size: 1000px;
+  background-position: 50%;
+}
+
+/*.jtag {
+  display: inline-block;
+  -webkit-transform: rotate(-10deg);
+  -webkit-backface-visibility:hidden;
+}*/
+
+.tighter {
+  letter-spacing: -10px;
+}
+
+.center {
+  line-height: normal;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.highlight {
+  color: rgb(255, 50, 50);
+}
+
+.groove {
+  z-index: 1000;
+  position: relative;
+  font-size: 140px;
+  margin-bottom: 100px;
+  /*font-weight: 800;*/
+  color: rgba(0,0,0,0.05);
+}
+
+.info {
+  /*text-transform: uppercase;*/
+  margin-top: 100px;
+  font-family: Poster Condensed;
+  line-height: 45px;
+  font-size: 60px;
+  color: rgb(230,230,230);
+  letter-spacing: 1px;
+  text-shadow: 0 0 20px rgb(0,0,0);
+}
+
+a {
+  /*border-bottom-color: white;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  padding-bottom: 1px;*/
+  text-decoration: underline;
+}
+.date {
+  color: rgb(255,255,255);
+  font-weight: 800;
+  text-shadow: 0 0 20px rgb(0,50,0);
+}
+/*.normal-small {
+  font-size: 60px;
+}*/
+.small {
+  font-size: 40px;
+  line-height: 36px;
+}
+
+/*.small-small {
+  font-size: 30px;
+  line-height: 33px;
+}*/
\ No newline at end of file