Home diseñada. Carrousel arreglado.

linkingpaths · Apr 18, 2010 · 699a9df · 699a9df
1 parent 720558c
commit 699a9df
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 101 deletions.
diff --git a/design/psd/index.psd b/design/psd/index.psd
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
@@ -48,7 +48,7 @@ $(document).ready(function () {
   $('#budget_timeline').jcarousel({
     // Configuration goes here 
     scroll: 3,
-    start: 100,
+    start: 1,
     initCallback: budget_timeline_callback,
     buttonNextHTML: null,
     buttonPrevHTML: null

diff --git a/public/stylesheets/jquery.jcarousel.css b/public/stylesheets/jquery.jcarousel.css
@@ -2,9 +2,7 @@
  * This <div> element is wrapped by jCarousel around the list
  * and has the classname "jcarousel-container".
  */
-.jcarousel-container {
-    position: relative;
-}
+.jcarousel-container {position: relative;}
 
 .jcarousel-clip {
     z-index: 2;
@@ -38,117 +36,53 @@
  * the <ul> list (inside the <div> described above) and
  * have the classnames "jcarousel-next" and "jcarousel-prev".
  */
-.jcarousel-next {
-    z-index: 3;
-    display: none;
-}
-
-.jcarousel-prev {
-    z-index: 3;
-    display: none;
-}
+.jcarousel-next {display: none;}
+.jcarousel-prev {display: none;}
 
-.jcarousel-container {
-    -moz-border-radius: 10px;
-    background: #F0F6F9;
-    border: 1px solid #346F97;
-}
+.jcarousel-container {float: left;}
 
 .jcarousel-container-horizontal {
-    width: 245px;
-    padding: 20px 40px;
 }
 
-.jcarousel-container-vertical {
-    width: 75px;
-    height: 245px;
-    padding: 40px 20px;
-}
+.jcarousel-container-vertical {}
 
-.jcarousel-clip-horizontal {
-    width:  245px;
-    height: 75px;
-}
+.jcarousel-clip-horizontal {width:  640px;}
 
-.jcarousel-clip-vertical {
-    width:  75px;
-    height: 245px;
-}
+.jcarousel-clip-vertical {}
 
-.jcarousel-item {
-    width: 75px;
-    height: 75px;
-}
+.jcarousel-item {}
 
-.jcarousel-item-horizontal {
-    margin-right: 10px;
-}
+.jcarousel-item-horizontal {}
 
-.jcarousel-item-vertical {
-    margin-bottom: 10px;
-}
+.jcarousel-item-vertical {}
 
-.jcarousel-item-placeholder {
-    background: #fff;
-    color: #000;
-}
+.jcarousel-item-placeholder {}
 
 /**
  *  Horizontal Buttons
  */
-.jcarousel-next-horizontal {
-    position: absolute;
-    top: 43px;
-    right: 5px;
-    width: 32px;
-    height: 32px;
-    cursor: pointer;
-    background: transparent url(next-horizontal.png) no-repeat 0 0;
-}
-
-.jcarousel-next-horizontal:hover {
-    background-position: -32px 0;
-}
-
-.jcarousel-next-horizontal:active {
-    background-position: -64px 0;
-}
+.jcarousel-next-horizontal {}
+.jcarousel-next-horizontal:hover {}
+.jcarousel-next-horizontal:active {}
 
 .jcarousel-next-disabled-horizontal,
 .jcarousel-next-disabled-horizontal:hover,
-.jcarousel-next-disabled-horizontal:active {
-    cursor: default;
-    background-position: -96px 0;
-}
+.jcarousel-next-disabled-horizontal:active {}
 
-.jcarousel-prev-horizontal {
-    position: absolute;
-    top: 43px;
-    left: 5px;
-    width: 32px;
-    height: 32px;
-    cursor: pointer;
-    background: transparent url(prev-horizontal.png) no-repeat 0 0;
-}
+.jcarousel-prev-horizontal {}
 
-.jcarousel-prev-horizontal:hover {
-    background-position: -32px 0;
-}
+.jcarousel-prev-horizontal:hover {}
 
-.jcarousel-prev-horizontal:active {
-    background-position: -64px 0;
-}
+.jcarousel-prev-horizontal:active {}
 
 .jcarousel-prev-disabled-horizontal,
 .jcarousel-prev-disabled-horizontal:hover,
-.jcarousel-prev-disabled-horizontal:active {
-    cursor: default;
-    background-position: -96px 0;
-}
+.jcarousel-prev-disabled-horizontal:active {}
 
 /**
  *  Vertical Buttons
  */
+ /*
 .jcarousel-next-vertical {
     position: absolute;
     bottom: 5px;
@@ -198,3 +132,4 @@
     cursor: default;
     background-position: 0 -96px;
 }
+*/
diff --git a/public/stylesheets/screen.css b/public/stylesheets/screen.css
@@ -517,17 +517,6 @@ a::selection
 }
 .timeline li {display: inline-block;}
 
-.timeline .actual_year {}
-
-.timeline .actual_year a,
-.timeline .actual_year a:hover
-{ 
-	background: #000;
-	border: 1px solid #000;
-	color: #333;
-	cursor: default;
-}
-
 .timeline li a
 {
 	-moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .75) inset;
@@ -557,6 +546,17 @@ a::selection
 	padding: 10px 20px;
 }
 
+.timeline li.actual_year {}
+
+.timeline li.actual_year a,
+.timeline li.actual_year a:hover
+{ 
+	background: #088;
+	border: 1px solid #066;
+	color: #fff;
+	cursor: default;
+}
+
 .timeline .years_nav
 {
 	display: inline-block;
@@ -581,6 +581,7 @@ a::selection
 .timeline .years_prev
 { 
 	float: left;
+	margin: 0 5px 0 0;
 }
 
 .timeline .years_next
@@ -873,9 +874,9 @@ a::selection
 	line-height: 1;
 }
 
-.in_out .citizen_in {background: url(/images/citizen_in.png) no-repeat 10px 0;padding-top: 120px;width: 175px;}
-.in_out .townhall_in {background: url(/images/townhall_in.png) no-repeat 10px 0;padding-top: 120px;width: 205px;}
-.in_out .townhall_out {background: url(/images/townhall_out.png) no-repeat 10px 0;padding-top: 120px;width: 195px;}
+.in_out .citizen_in {background: url(/images/citizen_in.png) no-repeat 10px 0;padding-top: 120px;}
+.in_out .townhall_in {background: url(/images/townhall_in.png) no-repeat 10px 0;padding-top: 120px;}
+.in_out .townhall_out {background: url(/images/townhall_out.png) no-repeat 10px 0;padding-top: 120px;}
 /* @end */