diff options
| -rw-r--r-- | public/stylesheets/style.css | 55 |
1 files changed, 37 insertions, 18 deletions
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 8681414..1279860 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -4,6 +4,12 @@ body { padding: 50px; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } a { @@ -280,8 +286,14 @@ ol li:nth-child(10){ -webkit-animation-delay: 0s; } -h1 { +h1, h2, h3 { font-family: 'Julius Sans One', sans-serif; + font-weight: 500; + position:relative; + z-index:2; +} + +h1 { -webkit-animation-name: a; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; @@ -290,7 +302,6 @@ h1 { -moz-animation-duration: 2s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s; - font-weight:500; font-size:50px; margin:20px 0 0 0; letter-spacing: 12px; @@ -298,7 +309,6 @@ h1 { } h2 { - font-family: 'Julius Sans One', sans-serif; -webkit-animation-name: b; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; @@ -307,14 +317,12 @@ h2 { -moz-animation-duration: 2s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s; - font-weight:500; margin:7px 0 0 0; letter-spacing: 8px; font-size:18px; } h3 { - font-family: 'Julius Sans One', sans-serif; -webkit-animation-name: b; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; @@ -323,7 +331,6 @@ h3 { -moz-animation-duration: 2s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s; - font-weight: 500; margin: 0; font-size: 33px; border-bottom: 1px solid; @@ -358,12 +365,6 @@ header { margin-right: -9999px; z-index:0; -webkit-transform: translateZ(0); - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; @@ -376,19 +377,37 @@ header { color: transparent; opacity: 0.8; } +.cursor.idle span { + text-shadow: 0 0 2px #333; + color: transparent; + opacity: 0.8; +} .cursor.own { position: absolute; top: -200px; left: -200px; margin: 0; z-index: 2; - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} + -webkit-transition: all .01s ease-out; + -moz-transition: all .01s ease-out; + -ms-transition: all .01s ease-out; + -o-transition: all .01s ease-out; + transition: all .01s ease-out; +} +.cursor.own div{ + color:red; + font-weight:bold; + font-family:"helvetica",sans-serif; +} +.cursor.own div.name { +left: 23px; +top:2px; +} +.cursor.own div.time { +left: 23px; +top:0; +} .cursor div { position: relative; left: 25px; |