social_stream-base 0.9.15 → 0.9.16

data/app/assets/javascripts/jquery.ad-gallery.pack.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2010 Anders Ekdahl (http://coffeescripter.com/)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Version: 1.2.4
+ *
+ * Demo and documentation: http://coffeescripter.com/code/ad-gallery/
+ */
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(8($){$.3n.3o=8(b){5 c={2s:\'Z.3p\',1W:0,1X:q,11:0.7,2t:q,1b:3q,v:q,x:q,2u:B,2v:B,1Y:0,t:{1c:B,1Z:q,1d:3r,2w:\'3s\',2x:\'3t\',20:B,2y:\'(\',2z:\')\',2A:q,2B:q},2C:\'21-2D\',2E:B,1z:B,1A:{1e:q,2F:q,2G:q}};5 d=$.2H(q,c,b);4(b&&b.t){d.t=$.2H(q,c.t,b.t)};4(!d.t.1c){d.t.1Z=q};5 e=[];$(3).2I(8(){5 a=1B 22(3,d);e[e.J]=a});w e};8 2J(a,b,c){5 d=12(a.u(\'Q\'),10);4(b==\'C\'){5 e=\'-\'+3.D+\'z\';a.u(\'Q\',3.D+\'z\')}y{5 e=3.D+\'z\';a.u(\'Q\',\'-\'+3.D+\'z\')};4(c){c.u(\'1f\',\'-\'+c[0].1C+\'z\');c.13({1f:0},3.r.1b*2)};4(3.R){3.R.13({1f:\'-\'+3.R[0].1C+\'z\'},3.r.1b*2)};w{1g:{Q:e},1h:{Q:d}}};8 2K(a,b,c){5 d=12(a.u(\'C\'),10);4(b==\'C\'){5 e=\'-\'+3.K+\'z\';a.u(\'C\',3.K+\'z\')}y{5 e=3.K+\'z\';a.u(\'C\',\'-\'+3.K+\'z\')};4(c){c.u(\'1f\',\'-\'+c[0].1C+\'z\');c.13({1f:0},3.r.1b*2)};4(3.R){3.R.13({1f:\'-\'+3.R[0].1C+\'z\'},3.r.1b*2)};w{1g:{C:e},1h:{C:d}}};8 2L(a,b,c){5 d=a.v();5 e=a.x();5 f=12(a.u(\'C\'),10);5 g=12(a.u(\'Q\'),10);a.u({v:0,x:0,Q:3.D/2,C:3.K/2});w{1g:{v:0,x:0,Q:3.D/2,C:3.K/2},1h:{v:d,x:e,Q:g,C:f}}};8 2M(a,b,c){a.u(\'S\',0);w{1g:{S:0},1h:{S:1}}};8 2N(a,b,c){a.u(\'S\',0);w{1g:{S:0},1h:{S:1},1d:0}};8 22(a,b){3.1e(a,b)};22.2O={17:q,T:q,1D:q,V:q,Z:q,1r:q,N:q,1E:q,1F:q,1i:q,1j:q,t:q,K:0,D:0,O:0,18:q,R:q,1G:0,r:q,G:q,1k:q,1H:q,1e:8(b,c){5 d=3;3.17=$(b);3.r=c;3.2P();3.2Q();4(3.r.v){3.K=3.r.v;3.T.v(3.r.v);3.17.v(3.r.v)}y{3.K=3.T.v()};4(3.r.x){3.D=3.r.x;3.T.x(3.r.x)}y{3.D=3.T.x()};3.1G=3.V.v();3.O=0;3.18=q;3.R=q;3.1k=q;3.2R();4(3.r.2u){3.2S()};5 e=8(a){w d.1I(a)};3.t=1B 23(e,3.r.t);3.L.F(3.t.2T());4(3.r.t.1c){3.t.1c()}y{3.t.24()};4(3.r.2v){3.2U()};4(3.r.2E){3.2V()};5 f=12(3.r.1W,10);4(25.26.27&&25.26.27.3u(\'#s-W\')===0){f=25.26.27.2W(/[^0-9]+/g,\'\');4((f*1)!=f){f=3.r.1W}};3.1J(B);3.1s(f,8(){4(d.r.t.1Z){d.14(f+1);d.t.1t()}});3.P(3.r.1A.1e)},2Q:8(){3.1H={\'21-3v\':2J,\'21-2D\':2K,\'3w\':2L,\'3x\':2M,\'3y\':2N}},2P:8(){3.L=3.17.E(\'.s-L\');3.1D=$(\'<p H="s-3z"></p>\');3.L.F(3.1D);3.T=3.17.E(\'.s-W-17\');3.T.3A();3.V=3.17.E(\'.s-V\');3.N=3.V.E(\'.s-3B\');3.1r=$(\'<A H="s-1r"></A>\');3.Z=$(\'<19 H="s-Z" 1K="\'+3.r.2s+\'">\');3.T.F(3.Z);3.Z.15();$(1L.3C).F(3.1r)},1J:8(a){4(a){3.Z.1l()}y{3.Z.15()}},3D:8(a,b){4($.28(b)){3.1H[a]=b}},2R:8(){5 f=3;3.G=[];5 g=0;5 h=0;5 j=3.N.E(\'a\');5 k=j.J;4(3.r.11<1){j.E(\'19\').u(\'S\',3.r.11)};j.2I(8(i){5 a=$(3);5 b=a.I(\'2X\');5 c=a.E(\'19\');4(!f.29(c[0])){c.2Y(8(){g+=3.1u.1u.2a;h++})}y{g+=c[0].1u.1u.2a;h++};a.1M(\'s-1N\'+i);a.1v(8(){f.1s(i);f.t.M();w q}).2Z(8(){4(!$(3).1w(\'.s-1m\')&&f.r.11<1){$(3).E(\'19\').1O(1P,1)};f.14(i)},8(){4(!$(3).1w(\'.s-1m\')&&f.r.11<1){$(3).E(\'19\').1O(1P,f.r.11)}});5 a=q;4(c.1n(\'s-1x\')){a=c.1n(\'s-1x\')}y 4(c.I(\'2b\')&&c.I(\'2b\').J){a=c.I(\'2b\')};5 d=q;4(c.1n(\'s-1o\')){d=c.1n(\'s-1o\')}y 4(c.I(\'2c\')&&c.I(\'2c\').J){d=c.I(\'2c\')};5 e=q;4(c.1n(\'s-U\')){e=c.1n(\'s-U\')}y 4(c.I(\'U\')&&c.I(\'U\').J){e=c.I(\'U\')};f.G[i]={1N:c.I(\'1K\'),W:b,2d:q,1p:q,1o:d,U:e,1q:q,1x:a}});5 l=2e(8(){4(k==h){f.V.E(\'.s-1N-3E\').u(\'v\',g+\'z\');1Q(l)}},3F)},2V:8(){5 a=3;$(1L).31(8(e){4(e.2f==39){a.1I();a.t.M()}y 4(e.2f==37){a.2g();a.t.M()}})},2S:8(){3.1i=$(\'<A H="s-2h"><A H="s-2h-W"></A></A>\');3.1j=$(\'<A H="s-32"><A H="s-32-W"></A></A>\');3.T.F(3.1i);3.T.F(3.1j);5 a=3;3.1j.33(3.1i).3G(8(e){$(3).u(\'x\',a.D);$(3).E(\'A\').1l()}).3H(8(e){$(3).E(\'A\').15()}).1v(8(){4($(3).1w(\'.s-2h\')){a.1I();a.t.M()}y{a.2g();a.t.M()}}).E(\'A\').u(\'S\',0.7)},2U:8(){5 c=3;3.1F=$(\'<A H="s-2i"></A>\');3.1E=$(\'<A H="s-3I"></A>\');3.V.F(3.1F);3.V.34(3.1E);5 d=0;5 e=q;$(3.1E).33(3.1F).1v(8(){5 a=c.1G-3J;4(c.r.1Y>0){5 a=c.r.1Y};4($(3).1w(\'.s-2i\')){5 b=c.N.1a()+a}y{5 b=c.N.1a()-a};4(c.r.t.20){c.t.M()};c.N.13({1a:b+\'z\'});w q}).u(\'S\',0.6).2Z(8(){5 b=\'C\';4($(3).1w(\'.s-2i\')){b=\'2j\'};e=2e(8(){d++;4(d>30&&c.r.t.20){c.t.M()};5 a=c.N.1a()+1;4(b==\'C\'){a=c.N.1a()-1};c.N.1a(a)},10);$(3).u(\'S\',1)},8(){d=0;1Q(e);$(3).u(\'S\',0.6)})},2k:8(){3.1D.2l((3.O+1)+\' / \'+3.G.J);4(!3.r.1z){3.1j.1l().u(\'x\',3.D);3.1i.1l().u(\'x\',3.D);4(3.O==(3.G.J-1)){3.1i.15()};4(3.O==0){3.1j.15()}};3.P(3.r.1A.2F)},35:8(a,b){4(b>3.D){5 c=a/b;b=3.D;a=3.D*c};4(a>3.K){5 c=b/a;a=3.K;b=3.K*c};w{v:a,x:b}},36:8(a,b,c){a.u(\'Q\',\'38\');4(c<3.D){5 d=3.D-c;a.u(\'Q\',(d/2)+\'z\')};a.u(\'C\',\'38\');4(b<3.K){5 d=3.K-b;a.u(\'C\',(d/2)+\'z\')}},3a:8(a){5 b=q;4(a.1o.J||a.U.J){5 c=\'\';4(a.U.J){c=\'<3b H="s-3c-U">\'+a.U+\'</3b>\'};5 b=\'\';4(a.1o.J){b=\'<16>\'+a.1o+\'</16>\'};b=$(\'<p H="s-W-3c">\'+c+b+\'</p>\')};w b},1s:8(a,b){4(3.G[a]&&!3.1k){5 c=3;5 d=3.G[a];3.1k=B;4(!d.1p){3.1J(B);3.14(a,8(){c.1J(q);c.2m(a,b)})}y{3.2m(a,b)}}},2m:8(a,b){4(3.G[a]){5 c=3;5 d=3.G[a];5 e=$(1L.3K(\'A\')).1M(\'s-W\');5 f=$(1B 3d()).I(\'1K\',d.W);4(d.1x){5 g=$(\'<a 2X="\'+d.1x+\'" 3L="3M"></a>\');g.F(f);e.F(g)}y{e.F(f)}3.T.34(e);5 h=3.35(d.1q.v,d.1q.x);f.I(\'v\',h.v);f.I(\'x\',h.x);e.u({v:h.v+\'z\',x:h.x+\'z\'});3.36(e,h.v,h.x);5 i=3.3a(d,e);4(i){4(!3.r.1X){e.F(i);5 j=h.v-12(i.u(\'3e-C\'),10)-12(i.u(\'3e-2j\'),10);i.u(\'v\',j+\'z\')}y{3.r.1X.F(i)}};3.3f(3.V.E(\'.s-1N\'+a));5 k=\'2j\';4(3.O<a){k=\'C\'};3.P(3.r.1A.2G);4(3.18||3.r.2t){5 l=3.r.1b;5 m=\'3N\';5 n=3.1H[3.r.2C].2n(3,e,k,i);4(1R n.1d!=\'1S\'){l=n.1d};4(1R n.3g!=\'1S\'){m=n.3g};4(3.18){5 o=3.18;5 p=3.R;o.13(n.1g,l,m,8(){o.3h();4(p)p.3h()})};e.13(n.1h,l,m,8(){c.O=a;c.18=e;c.R=i;c.1k=q;c.2k();c.P(b)})}y{3.O=a;3.18=e;c.R=i;3.1k=q;c.2k();3.P(b)}}},3i:8(){4(3.O==(3.G.J-1)){4(!3.r.1z){w q};5 a=0}y{5 a=3.O+1};w a},1I:8(a){5 b=3.3i();4(b===q)w q;3.14(b+1);3.1s(b,a);w B},3j:8(){4(3.O==0){4(!3.r.1z){w q};5 a=3.G.J-1}y{5 a=3.O-1};w a},2g:8(a){5 b=3.3j();4(b===q)w q;3.14(b-1);3.1s(b,a);w B},3O:8(){5 a=3;5 i=0;8 2o(){4(i<a.G.J){i++;a.14(i,2o)}};a.14(i,2o)},14:8(a,b){4(3.G[a]){5 c=3.G[a];4(!3.G[a].1p){5 d=$(1B 3d());d.I(\'1K\',c.W);4(!3.29(d[0])){3.1r.F(d);5 e=3;d.2Y(8(){c.1p=B;c.1q={v:3.v,x:3.x};e.P(b)}).2d(8(){c.2d=B;c.1p=q;c.1q=q})}y{c.1p=B;c.1q={v:d[0].v,x:d[0].x};3.P(b)}}y{3.P(b)}}},29:8(a){4(1R a.3k!=\'1S\'&&!a.3k){w q};4(1R a.3l!=\'1S\'&&a.3l==0){w q};w B},3f:8(a){3.N.E(\'.s-1m\').3m(\'s-1m\');a.1M(\'s-1m\');4(3.r.11<1){3.N.E(\'a:3P(.s-1m) 19\').1O(1P,3.r.11);a.E(\'19\').1O(1P,1)};5 b=a[0].1u.3Q;b-=(3.1G/2)-(a[0].2a/2);3.N.13({1a:b+\'z\'})},P:8(a){4($.28(a)){a.2n(3)}}};8 23(a,b){3.1e(a,b)};23.2O={1T:q,1U:q,X:q,L:q,r:q,2p:q,1y:q,Y:q,1V:q,1e:8(a,b){5 c=3;3.2p=a;3.r=b},2T:8(){3.1T=$(\'<16 H="s-t-1t">\'+3.r.2w+\'</16>\');3.1U=$(\'<16 H="s-t-M">\'+3.r.2x+\'</16>\');3.X=$(\'<16 H="s-t-X"></16>\');3.L=$(\'<A H="s-t-L"></A>\');3.L.F(3.1T).F(3.1U).F(3.X);3.X.15();5 a=3;3.1T.1v(8(){a.1t()});3.1U.1v(8(){a.M()});$(1L).31(8(e){4(e.2f==3R){4(a.Y){a.M()}y{a.1t()}}});w 3.L},24:8(){3.1y=q;3.M();3.L.15()},1c:8(){3.1y=B;3.L.1l()},3S:8(){4(3.1y){3.24()}y{3.1c()}},1t:8(){4(3.Y||!3.1y)w q;5 a=3;3.Y=B;3.L.1M(\'s-t-Y\');3.2q();3.P(3.r.2A);w B},M:8(){4(!3.Y)w q;3.Y=q;3.X.15();3.L.3m(\'s-t-Y\');1Q(3.1V);3.P(3.r.2B);w B},2q:8(){5 c=3;5 d=3.r.2y;5 e=3.r.2z;1Q(c.1V);3.X.1l().2l(d+(3.r.1d/2r)+e);5 f=0;3.1V=2e(8(){f+=2r;4(f>=c.r.1d){5 a=8(){4(c.Y){c.2q()};f=0};4(!c.2p(a)){c.M()};f=0};5 b=12(c.X.3T().2W(/[^0-9]/g,\'\'),10);b--;4(b>0){c.X.2l(d+b+e)}},2r)},P:8(a){4($.28(a)){a.2n(3)}}}})(3U);',62,243,'|||this|if|var|||function||||||||||||||||||false|settings|ad|slideshow|css|width|return|height|else|px|div|true|left|image_wrapper_height|find|append|images|class|attr|length|image_wrapper_width|controls|stop|thumbs_wrapper|current_index|fireCallback|top|current_description|opacity|image_wrapper|title|nav|image|countdown|running|loader||thumb_opacity|parseInt|animate|preloadImage|hide|span|wrapper|current_image|img|scrollLeft|animation_speed|enable|speed|init|bottom|old_image|new_image|next_link|prev_link|in_transition|show|active|data|desc|preloaded|size|preloads|showImage|start|parentNode|click|is|link|enabled|cycle|callbacks|new|offsetHeight|gallery_info|scroll_back|scroll_forward|nav_display_width|animations|nextImage|loading|src|document|addClass|thumb|fadeTo|300|clearInterval|typeof|undefined|start_link|stop_link|countdown_interval|start_at_index|description_wrapper|scroll_jump|autostart|stop_on_scroll|slide|AdGallery|AdGallerySlideshow|disable|window|location|hash|isFunction|isImageLoaded|offsetWidth|longdesc|alt|error|setInterval|keyCode|prevImage|next|forward|right|_afterShow|html|_showWhenLoaded|call|preloadNext|nextimage_callback|_next|1000|loader_image|animate_first_image|display_next_and_prev|display_back_and_forward|start_label|stop_label|countdown_prefix|countdown_sufix|onStart|onStop|effect|hori|enable_keyboard_move|afterImageVisible|beforeImageVisible|extend|each|VerticalSlideAnimation|HorizontalSlideAnimation|ResizeAnimation|FadeAnimation|NoneAnimation|prototype|setupElements|setupAnimations|findImages|initNextAndPrev|create|initBackAndForward|initKeyEvents|replace|href|load|hover||keydown|prev|add|prepend|_getContainedImageSize|_centerImage||0px||_getDescription|strong|description|Image|padding|highLightThumb|easing|remove|nextIndex|prevIndex|complete|naturalWidth|removeClass|fn|adGallery|gif|400|5000|Start|Stop|indexOf|vert|resize|fade|none|info|empty|thumbs|body|addAnimation|list|100|mouseover|mouseout|back|50|createElement|target|_blank|swing|preloadAll|not|offsetLeft|83|toggle|text|jQuery'.split('|'),0,{}))

data/app/assets/stylesheets/_colors.scss

@@ -10,13 +10,16 @@ $success-background: #DFF2BF;
 $auxiliar-color: #879EB5;
 $input-border-color: #BDC7D8;
 $main-color: #1F4A75; /* #2A3890*/
-$secondary-color: #DEEFF8;
+$secondary-color: #DEEFF8; /* #E0EEF5*/
 $separation-color: #D4E4EA;
+$header-color: #1F4A75;
+$header-notification-color: #879EB5;
 
 /**GREYS**/
-$details-color: #666;
+$details-color: #666; /* #6C6D6F*/
 $fill-color: #f5f5f5;
 
 /**OTHERS**/
 $sentence-color: #000;
-$text-over-main: #FFF;
+$text-over-main: #FFF;
+$unread-color: #E0E0FF;

data/app/assets/stylesheets/contacts.css.scss

@@ -50,6 +50,7 @@ span.ui-checkbox, span.ui-radio {
   width: 16px;
   height: 17px;
   background: url(icon_checkbox.png) 0 -40px no-repeat;
+  cursor: pointer;
 }
 
 span.ui-helper-hidden {

data/app/assets/stylesheets/frontpage.css.scss

@@ -49,14 +49,21 @@ span.find{  padding-right:5px;}
 
 /*********** TEXT Frontpage **********/
 #caracteristics{	vertical-align: top;}
-#caracteristics span {	float:left;	padding-right: 13px;	vertical-align: top;	padding-top: 5px;}
-#caracteristics ul{	list-style: none;	margin: 0px;	float:left;}
+#caracteristics #video {	float:left;	padding-right: 14px;	vertical-align: top;	padding-top: 5px;}
+#caracteristics ul {	list-style: none;	margin: 0px;	float:left;}
 #caracteristics ul li{	font-size:13px;	line-height:18px;	padding:7px 0 8px 30px;}
+#gallery ul li{	font-size:13px;	line-height:18px;	padding:0px 0 0px 2px;}
+li.conferences{background: transparent url("frontpage/right_conference.png") no-repeat left center;}
 li.participants{background: transparent url("frontpage/right_webcam.gif") no-repeat left center;}
 li.organizers{background: transparent url("frontpage/right_organizers.gif") no-repeat left center;}
-li.spaces{background: transparent url("frontpage/right_people.gif") no-repeat left center;}
+li.groups{background: transparent url("frontpage/right_people.gif") no-repeat left center;}
 li.comments{background: transparent url("frontpage/right_comments.gif") no-repeat left center;}
 li.tags{background: transparent url("frontpage/right_tags.gif") no-repeat left center;}
 li.networks{background: transparent url("frontpage/right_social.gif") no-repeat left center;}
 
 
+
+
+
+
+

data/app/assets/stylesheets/header.css.scss

@@ -1,7 +1,7 @@
 @import "colors";
 
 /****************** HEADER STRUCTURE ******/
-#headerFront {	width: 100%;	padding: 0;	background: $main-color;  padding: 2px 0px 0px 0px;}
+#headerFront {	width: 100%;	padding: 0;	background: $header-color;  padding: 2px 0px 0px 0px;}
 #header_left {	left: 0px;	float: left;	padding-left: 5px;}
 #header_right {	right: 0px;	float: right; padding-right: 10px;  }
 .banner_top{	width: 960px;	margin-left: auto;	margin-right: auto;	margin-top: 3px;  padding-bottom: 3px;
@@ -26,7 +26,7 @@
 #new_representation {	display: inline-block;}
 #header_notifications a{color: white; padding: 4px 10px 6px 11px;
                       background: transparent url('btn/header_notifications.png') no-repeat center center;}
-#header_inbox_count a{ color: white; background-color: $auxiliar-color; padding: 2px 7px 2px 7px;}
+#header_inbox_count a{ color: white; background-color: $header-notification-color; padding: 2px 7px 2px 7px;}
 #representation {  display: inline;  padding-left:3px;  padding-right:3px;}
 .txt_config {color: $text-over-main;	vertical-align: top;	display: inline;	padding-top: 2px;	
               border-right: thin solid; padding-right: 3px;}
@@ -125,14 +125,14 @@ ul.sf-menu li li li.sfHover ul {
 
 }
 .sf-menu li {
-	background:		$main-color;
+	background:		$header-color;
 }
 
 .sf-menu li li {
-	background:		$main-color;
+	background:		$header-color;
 }
 .sf-menu li li li {
-	background:		$main-color;
+	background:		$header-color;
 }
 .sf-menu li:hover, .sf-menu li.sfHover,
 .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

data/app/assets/stylesheets/{home.css → home.css.scss}

@@ -1,20 +1,25 @@
+@import "colors";
+
 /******** MAIN Structure home *********/
 #center_body {
 	width: 560px;
-	border-right: thin solid #D4E4EA;
-	border-bottom: thin solid #D4E4EA;
-  border-left: thin solid #D4E4EA;
+	border-right: thin solid $separation-color;
+	border-bottom: thin solid $separation-color;
+  border-left: thin solid $separation-color;
 	vertical-align: top;
 	display: table-cell;
 	padding-top: 10px;
 	font-size: 14px;
 }
+#center_body.frontpage_view {
+  width: 100%;
+}
 #sidebar {width: 220px;	display: table-cell;vertical-align: top;}
 #sidebarContent{  padding-left:3px; padding-right:3px;}
-#sponsor{background-color:#fff}
-#toolbar {	width: 160px;	border-color: #000;	vertical-align: top;	display: table-cell;padding: 5px 5px 5px 5px;}
+#sponsor{background-color:$text-over-main}
+#toolbar {	width: 160px;	border-color: $sentence-color;	vertical-align: top;	display: table-cell;padding: 5px;}
 #toolbarContent{}
-#wrapper_body{ background-color: #ffffff; }
+#wrapper_body{ background-color: $text-over-main; }
 #content_logo{/*width: 779px*/}
 
 
@@ -22,7 +27,7 @@
 #logo_index { text-align: center;}
 #map_location {padding-left: 4px;	display: inline-block; }
 .content_size {font-size: 13px;}
-.space_center_border {	padding-top: 8px;	padding-right: 4px;	border-bottom: thin solid #D4E4EA;}
+.space_center_border {	padding-top: 8px;	padding-right: 4px;	border-bottom: thin solid $separation-color;}
 .title_bold{font-size:14px; font-weight:bold;}
 
 /********GROUPS HOME************/
@@ -45,7 +50,3 @@
 .user .title a:hover, .group .title a:hover{  display:block;  text-decoration:underline;}
 
 
-
-
-
-

data/app/assets/stylesheets/jquery.ad-gallery.css

@@ -0,0 +1,171 @@
+.ad-gallery {
+  width: 320px;
+}
+
+.ad-gallery, .ad-gallery * {
+  margin: 0;
+  padding: 0;
+}
+
+  .ad-gallery .ad-image-wrapper {
+    width: 100%;
+    height: 210px;
+    /*margin-bottom: 10px;*/
+    position: relative;
+    overflow: hidden;
+  }
+    .ad-gallery .ad-image-wrapper .ad-loader {
+      position: absolute;
+      z-index: 3;
+      top: 2px;
+      left: 48%;
+      border: 1px solid #CCC;
+    }
+    .ad-gallery .ad-image-wrapper .ad-next {
+      position: absolute;
+      right: 0;
+      top: 0px;
+      width: 25%;
+      height: 95%;
+      cursor: pointer;
+      display: block;
+      z-index: 100;
+    }
+    .ad-gallery .ad-image-wrapper .ad-prev {
+      position: absolute;
+      left: 0;
+      top: 0px;
+      width: 25%;
+      height: 95%;
+      cursor: pointer;
+      display: block;
+      z-index: 150;
+    }
+    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
+      /* Or else IE will hide it */
+      background: url(non-existing.jpg)\9
+    }
+      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
+        background: url(ad_prev.png);
+        width: 30px;
+        height: 30px;
+        display: none;
+        position: absolute;
+        /*top: 47%;*/
+        top:80px;
+        left: 0;
+        z-index: 101;
+      }
+      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
+        background: url(ad_next.png);
+        width: 30px;
+        height: 30px;
+        right: 0;
+        left: auto;
+      }
+    .ad-gallery .ad-image-wrapper .ad-image {
+      position: absolute;
+      overflow: hidden;
+      top: 0;
+      left: 0;
+      z-index: 9;
+    }
+      .ad-gallery .ad-image-wrapper .ad-image a img {
+        border: 0;
+      }
+      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
+        position: absolute;
+        bottom: 0px;
+        left: 0px;
+        padding: 7px;
+        text-align: left;
+        width: 100%;
+        z-index: 2;
+        background: url(opa75.png);
+        color: #000;
+      }
+      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
+        background: none;
+        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
+      }
+        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
+          display: block;
+        }
+  .ad-gallery .ad-controls {
+    height: 15px;
+  }
+    .ad-gallery .ad-info {
+      float: left;
+    }
+    .ad-gallery .ad-slideshow-controls {
+      float: right;
+    }
+      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
+        padding-left: 5px;
+        cursor: pointer;
+      }
+      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
+        padding-left: 5px;
+        font-size: 0.9em;
+      }
+    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
+      cursor: default;
+      font-style: italic;
+    }
+  .ad-gallery .ad-nav {
+    width: 100%;
+    position: relative;
+  }
+    .ad-gallery .ad-forward, .ad-gallery .ad-back {
+      position: absolute;
+      top: 0;
+      height: 100%;
+      z-index: 10;
+    }
+    /* IE 6 doesn't like height: 100% */
+    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
+      height: 100px;
+    }
+    .ad-gallery .ad-back {
+      cursor: pointer;
+      left: -20px;
+      width: 13px;
+      display: block;
+      background: url(ad_scroll_back.png) 0px 22px no-repeat;
+    }
+    .ad-gallery .ad-forward {
+      cursor: pointer;
+      display: block;
+      right: -20px;
+      width: 13px;
+      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
+    }
+    .ad-gallery .ad-nav .ad-thumbs {
+      overflow: hidden;
+      width: 100%;
+    }
+      .ad-gallery .ad-thumbs .ad-thumb-list {
+        float: left;
+        width: 9000px;
+        list-style: none;
+      }
+        .ad-gallery .ad-thumbs li {
+          float: left;
+          /* padding-right: 5px;*/
+        }
+          .ad-gallery .ad-thumbs li a {
+            display: block;
+          }
+            .ad-gallery .ad-thumbs li a img {
+              border: 3px solid #CCC;
+              display: block;
+            }
+            .ad-gallery .ad-thumbs li a.ad-active img {
+              border: 3px solid #616161;
+            }
+/* Can't do display none, since Opera won't load the images then */
+.ad-preloads {
+  position: absolute;
+  left: -9000px;
+  top: -9000px;
+}

data/app/assets/stylesheets/{location.css → location.css.scss}

@@ -1,3 +1,5 @@
+@import "colors";
+
 #map_location .first{
   background: transparent url("/assets/arrow-start.png") no-repeat top left;
   display: inline-block;
@@ -20,7 +22,7 @@
   background: transparent url("/assets/arrow-end.png") no-repeat top right;
 }
 #map_location .mid, #map_location .penultimate{
-  color: white;  
+  color: $text-over-main;  
   padding-left:5px;
   padding-right: 12px;
 }

data/app/assets/stylesheets/menu.css.scss

@@ -0,0 +1,19 @@
+@import "colors";
+
+/**************MENU***********/
+.toolbar_menu {list-style-type:none;  margin: 0;  padding: 0;  width: 15em; 
+                border-bottom: thin solid $separation-color; }
+.toolbar_menu ul {list-style-type:none;  margin: 0;  padding: 0;  width: 15em;  }
+.toolbar_menu a {  display: block;  text-decoration: none; }
+.toolbar_menu li {  border-top: thin solid $separation-color; padding-left:0px;  }
+.toolbar_menu li a, ul.menu ul.menu li a {  background: $text-over-main;  color: $main-color; padding:5px 0px; }
+.toolbar_menu li a:hover, ul.menu ul.menu li a:hover {  background: $secondary-color;  color: $main-color; 
+                 text-decoration:none; }
+.toolbar_menu li ul li a, ul.menu ul.menu li ul li a {  background: $text-over-main; border-left: 5px $main-color solid;
+  color: $main-color;  padding-left: 10px;}
+.toolbar_menu li ul li a:hover {  background: $secondary-color;  border-left: 5px $main-color solid;  padding-left: 15px;}
+.toolbar_menu img { vertical-align: middle; padding-bottom: 3px; padding-right: 3px;  padding-left: 3px; 
+                  display: inline-block;}
+
+
+

data/app/assets/stylesheets/{messages.css → messages.css.scss}

@@ -1,3 +1,5 @@
+@import "colors";
+
 /*
  *= require fcbkComplete
  *= require jquery.cleditor
@@ -24,12 +26,12 @@
 }
 .message .header{
 	padding: 5px 5px 5px 5px;
-	background-color: #E0EEF5;
+	background-color: $secondary-color;
 	height:40px;
 }
 .message .body{
 	padding: 5px 5px 5px 5px;
-	border: 1px solid #E0EEF5;
+	border: 1px solid $secondary-color;
 }
 .message .content_left {
 	float:left;
@@ -48,17 +50,17 @@
 .message .subject {
 }
 .message .date {
-	color: #6C6D6F;
+	color: $details-color;
 }
 .message ul {
     margin: 0px 5px
     ;padding-left:40px;
 }
 .conversation_full .messages .unread .header{
-	background-color: #E0E0FF;
+	background-color: $unread-color;
 }
 .conversation_full .messages .unread .body{
-	border: 1px solid #E0E0FF;
+	border: 1px solid $unread-color;
 }
 .conversation_full .messages .unread .subject{
 	font-weight: bold;
@@ -75,24 +77,24 @@
 	padding: 5px 5px 5px 5px;
 }
 .conversation_full .participants {
-	border-top:1px solid #E0EEF5;
-	border-bottom:1px solid #E0EEF5;
+	border-top:1px solid $secondary-color;
+	border-bottom:1px solid $secondary-color;
 	padding: 5px 5px 3px 5px;
 }
 /***************** Conversations *******************/
 .conversations {
-	border-top:1px solid #E0EEF5;
-	border-bottom:1px solid #E0EEF5;
+	border-top:1px solid $secondary-color;
+	border-bottom:1px solid $secondary-color;
 }
 .conversations .unread {
-	background-color: #E0EEF5;
+	background-color: $secondary-color;
 }
 .conversations .conversation {
-	color: #2A3890;
+	color: $main-color;
 	padding: 5px 5px 5px 5px;
 	width:549px;
 	height:40px;
-	border-bottom:1px solid #FFF;
+	border-bottom:1px solid $text-over-main;
 }
 .conversations .conversation .content_left {
 	float:left;
@@ -119,10 +121,10 @@
 	font-weight: bold;
 }
 .conversations .conversation .date {
-	color: #6C6D6F;
+	color: $details-color;
 }
 .conversations .conversation .briefing {
-	color: #6C6D6F;
+	color: $details-color;
 }
 .conversations .conversation .notification {
 	float:left;
@@ -131,5 +133,5 @@
 	margin: 0px 5px 0px 0px;
 }
 .conversations .unread .notification {
-	background-color: #2A3890;
+	background-color: $main-color;
 }

data/app/assets/stylesheets/{relation_customs.css → relation_customs.css.scss}

@@ -1,19 +1,5 @@
-.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover {
-	color: #999;
-}
-
-span.ui-checkbox, span.ui-radio {
-	display: block;
-	float: left;
-	width: 16px;
-	height: 17px;
-	background: url(icon_checkbox.png) 0 -40px no-repeat;
-	cursor: pointer;
-}
+@import "colors";
 
-span.ui-helper-hidden {
-	display: none;
-}
 
 #relation_customs label, #permissions label {
 	display: block;
@@ -93,19 +79,15 @@ form {
 	margin-left: 10px;
 }
 
-.checked-option{
-	background-color: #dfecf1;
-}
-
 .pageTitle{
-	color: black;
+	color: $sentence-color;
 	padding: 0px 10px 0px 0px;
 	font-size: 15px;
 }
 
 .sectionTitle{
-	background-color: #dfecf1;
-	color: #4d539d;
+	background-color: $secondary-color;
+	color: $main-color;
 	padding: 15px 20px 15px 20px;
 }
 
@@ -120,9 +102,9 @@ form {
 }
 
 input.privacy_input_new{
-	background-color: #dfecf1;
-	border: 1px solid #1F4A75;
-	color: #1F4A75;
+	background-color: $secondary-color;
+	border: 1px solid $main-color;
+	color: $main-color;
 }
 
 span.privacy_span_new {
@@ -190,7 +172,7 @@ span.privacy_span_new {
 	float: right;
 	text-align: center;
 	display: block;
-	border:1px solid #1F4A75;
+	border:1px solid $main-color;
 }
 
 #columns_container{
@@ -240,6 +222,6 @@ span.privacy_span_new {
 
 #privacy-rule-arrow {
 	background: url('images/add-policy.png') no-repeat center center;
-	color: #FFFFFF;
+	color: $text-over-main;
 }
 

data/app/assets/stylesheets/{search.css → search.css.scss}

@@ -1,3 +1,5 @@
+@import "colors";
+
 /******************** Search css ***********************/
 /********************************* Header **************/
 #header_search {
@@ -9,19 +11,18 @@
   padding: 0 3px 0 22px;
   background: url('btn/search_icon.png') 5px 50% no-repeat white;
   font-size: 11px;
-  color: #2A3890;
+  color: $main-color;
 }
 #header_search_input {
-  border: solid 1px #dedede;
+  border: solid 1px $input-border-color;
   height: 16px;
   width: 200px;
 }
 .banner_busqueda #header_search_input {
-  border: solid 1px #aaa;
   height: 20px;
 }
 #global_search_input {
-  border: solid 1px #aeaeae;
+  border: solid 1px $input-border-color;
   height: 25px;
   width: 300px;
 }
@@ -30,36 +31,35 @@
   display: none;
   float: right;
   margin-right: 35px;
-  border-left: solid 1px #B9B9B9;
-  border-right: solid 1px #B9B9B9;
-  border-bottom: solid 1px #B9B9B9;
+  border: solid 1px $auxiliar-color;
+  border-top: none;
   overflow: hidden;
   position: absolute;
   z-index: 2000;
-  background: #f5f5f5;
+  background: $fill-color;
   text-align: left;
 }
 #header_search_display a {
-  color: #2A3890;
+  color: $main-color;
   text-decoration: none;
 }
 #header_search_display a:hover {
-  color: #2A3890;
+  color: $main-color;
   text-decoration: none;
   font-weight: bold;
 }
 #header_search_display  li {
   padding: 4px;
-  border-top: solid 1px #B9B9B9;
+  border-top: solid 1px $auxiliar-color;
   font-size: 10px;
   height: 35px;
-  background: #f5f5f5;
+  background: $fill-color;
   overflow: hidden;
   text-align: center;
 }
 #header_search_display  li:hover {
-  background: #CFDEFF;
-  color: #2A3890;
+  background: $secondary-color;
+  color: $main-color;
 }
 #header_search_display  li .logo {
   float: left;
@@ -84,14 +84,6 @@
   height: 45px;
   text-align: left;
 }
-#header_search_display  li.title {
-  overflow: hidden;
-  text-align: center;
-  background: #879EB5;
-  height: 15px;
-  color: whiteSmoke;
-  font-weight: bold;
-}
 #header_search_display  li.loading, #header_search_display  li.more, #header_search_display  li.none {
   text-align: center;
 }
@@ -116,6 +108,14 @@
 }
 .subject_search_results {
   width: 186px;
+  height: 81px;
+  overflow: hidden;
+  text-align: center;
+}
+.subject_search_results.post {
+  width: 560px;
+  height: 100%;
+  overflow: hidden;
   text-align: center;
 }
 .subject_search_results img {
@@ -123,7 +123,7 @@
   height: 48px;
 }
 .subject_search_results .sub-block {
-  width: 62%;
+  width: 69%;
   word-wrap: break-word;
   height: 50px;
   overflow: hidden;
@@ -139,6 +139,9 @@
   float: right;
   padding: 0;
 }
+#search_results .highlight{
+  background-color: $unread-color;
+}
 /********************************* Form and errors *********/
 #search_form .error {
   display: none;