diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/CooperBlackStd.otf | bin | 0 -> 35728 bytes | |||
| -rw-r--r-- | css/SF Movie Poster Condensed.ttf | bin | 0 -> 24472 bytes | |||
| -rw-r--r-- | css/SF Movie Poster.ttf | bin | 0 -> 24568 bytes | |||
| -rw-r--r-- | css/radial4.png | bin | 0 -> 162545 bytes | |||
| -rw-r--r-- | css/reset.css | 75 | ||||
| -rw-r--r-- | css/style.css | 116 |
6 files changed, 191 insertions, 0 deletions
diff --git a/css/CooperBlackStd.otf b/css/CooperBlackStd.otf Binary files differnew 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 Binary files differnew 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 Binary files differnew file mode 100644 index 0000000..2e58e26 --- /dev/null +++ b/css/SF Movie Poster.ttf diff --git a/css/radial4.png b/css/radial4.png Binary files differnew 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 |
