Permalink
Browse files

Shrink overlay into a centered box.

  • Loading branch information...
1 parent 125bd7a commit d231218f37bfa91563aedbcef40aa34b4e11baef Mike Bourgeous committed Jan 16, 2012
Showing with 12 additions and 8 deletions.
  1. +12 −8 index.html
View
@@ -33,15 +33,17 @@
#sopa-box #sopabox-link {
position: absolute;
top: 40%;
- left: 0;
- width: 100%;
+ left: 18%;
+ width: 64%;
+ min-width: 580px;
height: 1em;
margin: -0.77em 0 0 0;
font-size: 90px;
line-height: 1em;
font-weight: bold;
text-align: center;
-webkit-user-select: none;
+ white-space: nowrap;
}
#sopa-box #sopabox-text {
@@ -59,14 +61,16 @@
#sopa-box #sopabox-wall {
position: absolute;
top: 40%;
- left: 0;
- width: 100%;
- height: 60%;
+ left: 18%;
+ width: 64%;
+ min-width: 580px;
+ min-height: 216px;
}
#sopa-box #sopabox-box {
- -webkit-box-shadow: black 0px -45.2px 39px;
- -moz-box-shadow: black 0px -45.2px 39px;
+ -webkit-box-shadow: 0px -39.2px 39px 16px black;
+ -moz-box-shadow: 0px -39.2px 39px 16px black;
+ box-shadow: 0px -39.2px 39px 16px black;
}
#sopa-box #sopabox-wall {
@@ -164,7 +168,7 @@
text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';
if (boxProperty) {
- box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
+ box.style[boxProperty] = -xm + 'px ' + (16 - ym) + 'px ' + (d + 30) + 'px 16px black';
}
xm = e.clientX - Math.floor(window.innerWidth / 2);

0 comments on commit d231218

Please sign in to comment.