preliminary redesign of stuff above the fold

1 files changed, 43 insertions, 69 deletions

diff --git a/webroot/css/base.css b/webroot/css/base.css
index 399b770..5a2cb29 100644
--- a/webroot/css/base.css
+++ b/webroot/css/base.css
@@ -2,10 +2,10 @@ a:hover {
 	text-decoration:none;
 }
 h1 {
-	font-weight:bold;
-	font-size:220%;
-	float:left;
-	margin-top:5px;
+	font-weight: bold;
+	font-size: 220%;
+	float: left;
+	margin-top: 5px;
 }
 h2 {
 	font-size:200%;
@@ -36,10 +36,6 @@ h2.ribbon {
 	z-index: -1;
 }
 
-#recent {
-	float: left;
-	width: 560px;
-}
 #signup {
 	float: right;
 	text-align: center;
@@ -214,6 +210,7 @@ nav a {
 	font-size:113%;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
+	border-radius: 3px;
 }
 nav a:hover {
 	background: #000;
@@ -465,53 +462,55 @@ dl.definition dd {
 	margin-right:10px;
 }
 
-
+#scrollwrapper {
+	padding: 15px;
+	border: 1px solid #ccc;
+	float: left;
+	margin: 15px 32px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
 .scrollable {
-	height:110px;
-	overflow:hidden;
-	position:relative;
-	width:100%;
+	height: 330px;
+	overflow: hidden;
+	position: relative;
+	width: 800px;
+	float: left;
 }
 .scrollable .items {
-	clear:both;
-	position:absolute;
-	width:20000em;
+	clear: both;
+	position: absolute;
+	width: 20000em;
 }
 .items div {
-	float:left;
-	width:740pxpx;
+	float: left;
+	width: 740px;
 }
 .scrollable img {
-	-moz-border-radius:4px 4px 4px 4px;
-	background-color:#FFFFFF;
-	border:1px solid #CCCCCC;
-	float:left;
-	height:100px;
-	margin:0 4px 0 35px;
-	padding:2px;
-	width:100px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	float: left;
+	height: 300px;
 }
 .scrollable .active {
-	border:2px solid #000000;
-	cursor:default;
-	position:relative;
-}
-/* this makes it possible to add next button beside scrollable */
-.scrollable {
-	float:left;
+	border: 2px solid #000;
+	cursor: default;
+	position: relative;
 }
-/* prev, next, prevPage and nextPage buttons */
 a.browse {
-	background:url(../img/scrollable.png) no-repeat;
-	display:block;
-	width:30px;
-	height:30px;
-	margin:40px 10px;
-	cursor:pointer;
-	font-size:1px;
-	position:absolute;
+	background: url(../img/scrollable.png) no-repeat;
+	display: block;
+	width: 30px;
+	height: 30px;
+	margin: 150px 10px;
+	cursor: pointer;
+	font-size: 1px;
+	position: absolute;
 }
-/* right */
 a.right {
 	background-position: 0 -30px;
 	clear:right;
@@ -524,7 +523,6 @@ a.right:hover {
 a.right:active {
 	background-position:-60px -30px;
 }
-/* left */
 a.left {
 	margin-left: 0px;
 	left:25px;
@@ -535,32 +533,8 @@ a.left:hover {
 a.left:active {
 	background-position:-60px 0;
 }
-/* up and down */
-a.up, a.down {
-	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
-	float: none;
-	margin: 10px 50px;
-}
-/* up */
-a.up:hover {
-	background-position:-30px 0;
-}
-a.up:active {
-	background-position:-60px 0;
-}
-/* down */
-a.down {
-	background-position: 0 -30px;
-}
-a.down:hover {
-	background-position:-30px -30px;
-}
-a.down:active {
-	background-position:-60px -30px;
-}
-/* disabled navigational button */
 a.disabled {
-	visibility:hidden !important;
+	visibility: hidden !important;
 }
 
 .search {