Permalink
Browse files

Updates and overhaul of book effect

  • Loading branch information...
Matt Lantz
Matt Lantz committed Nov 19, 2012
2 parents 7ac8f36 + b993e0d commit 0b3230bf177267394da5f3c4ceaca86c8491d286
View
@@ -36,23 +36,41 @@ body {
/* Logo sprite */
+#logo{
+ margin: 0 auto 20px;
+ background: url('../images/backgrounds/wave_header.jpg');
+ height: 190px;
+ border: 10px solid #111;
+ border-radius: 10px;
+ box-shadow: 0px 0px 15px #666;
+ max-width: 1460px;
+}
+
#logo-alice-img {
background: transparent url('../images/AliceMain.png') no-repeat 0px 0px;
float: left;
width: 160px;
height: 250px;
}
+#logo-alice-img-original {
+ background: transparent url('../images/logo_header_plain_sprite.png') no-repeat 0px 0px;
+ float: left;
+ width: 114px;
+ height: 180px;
+ margin-top: 15px;
+}
+
#logo-alice-txt-alice{
- padding: 40px 0 0 0;
+ padding: 15px 0 0 0;
}
#logo-alice-txt-a {
background: transparent url('../images/logo_header_plain_sprite.png') no-repeat -120px 0px;
float: left;
width: 114px;
height: 150px;
- margin-left: -30px;
+ margin-left: -10px;
}
#logo-alice-txt-l {
background: transparent url('../images/logo_header_plain_sprite.png') no-repeat -234px 0px;
@@ -106,7 +124,7 @@ a:hover {
}
.card-edge {
- background: #F2DCC2; /* url(../../images/backgrounds/wave_header.jpg) no-repeat */
+ background: #F2DCC2; /* url(../images/backgrounds/wave_header.jpg) no-repeat */
border-radius: 10px;
padding: 20px;
margin: 0px 15px;
@@ -121,7 +139,7 @@ a:hover {
opacity: 0.9;
/*border: 1px solid #B5B8BA;*/
border-radius: 15px;
- box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);
+ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
min-height: 250px;
}
@@ -238,12 +256,12 @@ a.button, button {
min-height: 300px;
background: #F2F0D5;
border-radius: 20px;
- border: 1px solid #ddd;
+ box-shadow: 0px 0px 10px #999;
}
.infoBox a{
color: #333;
- text-decoration: none;
+ text-decoration: underline;
}
.infoBox a:hover{
View
@@ -22,7 +22,6 @@
<style type="text/css">
body, select {
font: 8pt Arial, sans-serif;
- overflow: hidden;
}
legend, label, .label {
@@ -47,26 +46,34 @@
#testDiv {
position: absolute;
- top: 0;
+ top: 50px;
left: 0;
width: 100%;
height: 161px;
z-index: 1;
}
#settingsDiv {
+ position: relative;
+ top: 20px;
+ width: 650px;
+ height: 980px;
+ z-index: 0;
+ margin: 0 auto;
+ }
+ #bottomBox {
background-color: #EEE;
- position: absolute;
- bottom: 0;
- left: 0;
+ position: relative;
+ top: 180px;
width: 100%;
- height: 380px;
- overflow-y: auto;
+ height: 980px;
z-index: 0;
+ margin: 0 auto;
}
</style>
</head>
<body>
+ <h1><a href="../index.html">AliceJS</a> &gt; <a href="index.html">Demos</a> &gt; Builder</h1>
<!-- Test Elements -->
<div id="testDiv">
<div style="padding: 0px;">
@@ -80,8 +87,8 @@
</div>
<!-- Settings -->
+ <div id="bottomBox">
<div id="settingsDiv">
- <h1><a href="../index.html">AliceJS</a> &gt; <a href="index.html#moredemos">Demos</a> &gt; Builder</h1>
<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>&nbsp;</td>
@@ -441,8 +448,8 @@ <h1><a href="../index.html">AliceJS</a> &gt; <a href="index.html#moredemos">Demo
</tr>
</table>
</div>
-
- <script src="../js/alice.js"></script>
+ </div>
+ <script src="../js/alice.min.js"></script>
<script src="builder.js"></script>
<script type="text/javascript">
Oops, something went wrong.

0 comments on commit 0b3230b

Please sign in to comment.