social_stream 0.0.5 → 0.1.0

data/lib/generators/social_stream/templates/public/stylesheets/frontpage.css

@@ -0,0 +1,708 @@
+/* reset.css */
+html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
+body{line-height:1.5;}
+table{border-collapse:separate;border-spacing:0;}
+caption,th,td{text-align:left;font-weight:normal;}
+table,td,th{vertical-align:middle;}
+blockquote:before,blockquote:after,q:before,q:after{content:"";}
+blockquote,q{quotes:"" "";}
+a img{border:none;}
+
+/* typography.css */
+body{font-size:75%;color:#222;background-color:#f8f9f9;font-family:"Lucida Grande",Helvetica,Arial,Helvetica,sans-serif;}
+h1,h2,h3,h5{font-weight:normal;color:#111;}
+h1{font-size:2.6666em;line-height:1.125;color:#244974;}
+h2{font-size:2em;color: #244974;}
+h3{font-size:1.0833em;line-height:1.3846;text-align:center;}
+h3 img{margin-bottom:-4px;}
+h5{font-size:0.9166em;line-height:1.6363;margin-bottom:0.75em;font-weight:bold;}
+p{margin:0 0 1.5em;}
+a:focus,a:hover{text-decoration:underline;}
+a{color:#1F488F;text-decoration:none;}
+blockquote{margin:1.5em;color:#666;font-style:italic;}
+strong{font-weight:bold;}
+em,dfn{font-style:italic;}
+dfn{font-weight:bold;}
+sup,sub{line-height:0;}
+abbr,acronym{border-bottom:1px dotted #666;}
+address{margin:0 0 1.5em;font-style:italic;}
+del{color:#666;}
+pre{margin:1.5em 0;white-space:pre;}
+pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
+li ul,li ol{margin:0 1.5em;}
+ul,ol{margin:0 1.5em 1.5em 1.5em;}
+ul{list-style-type:disc;}
+ol{list-style-type:decimal;}
+
+
+/*Fin tipografia*/
+
+/************************************************** BUTTONS ********************************************/
+/*
+ * TYPES OF BUTTONS ('a' button, button, input...)
+ * 1- BASIC_BUTTON: blue, small-padding
+ * 2- MEDIUM_BUTTON: blue or yellow,
+ * 3- BIG_BUTTON: red or yellow
+*/
+
+/*COMMON PROPERTIES*/
+button{padding:3px 7px 3px 6px;overflow:visible;width:auto;}
+
+.button_wrapper{
+	overflow:hidden;
+	width:100%;}
+
+a.basic_button,button{
+	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
+    font-weight:bold;}
+
+a.basic_button{
+	display: block;
+    float: left;
+    text-decoration: none;
+	}
+
+a.basic_button:hover{text-decoration:none;outline: none; /* hide dotted outline in Firefox */}
+
+a.basic_button span{
+    display: block;}
+
+a.basic_button span:hover{
+    outline: none; /* hide dotted outline in Firefox */}
+
+/*BASIC BUTTONS*/
+a.basic_button,button.basic_button{
+	-webkit-border-radius:4px;-moz-border-radius:4px;
+	font-size:95%;
+	line-height:135%;
+	margin-right:4px;
+	cursor:pointer;
+	/*padding-right: 4px; /* sliding doors padding */
+}
+a.basic_button span{
+	-webkit-border-radius:4px;-moz-border-radius:4px;
+    line-height: 16px;
+    padding: 4px;
+}
+
+/*BUTTON COLOURS*/
+.blue_button,.blue_button span{background:#275b8a url("../images/buttons/boton-generico1.png") repeat-x scroll;color:#FFF;}
+	
+.blue_button span,button.blue_button{border:1px solid #244974;}
+
+.blue_button span:hover,button.blue_button:hover{border:1px solid #86B5D5;}
+
+
+/* forms.css */
+.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
+.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
+.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
+.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
+.error a {color:#8a1f11;}
+.notice a {color:#514721;}
+.success a {color:#264409;}
+.margin-up{margin-top:0.75em;}
+
+/* grid.css */
+body{min-width:910px;}
+body .icon{margin-bottom:-3px;}
+
+#global,#home,#footer,#sponsor{width:960px;margin:0 auto;}
+#home{background-color:#f8f9f9;}
+#sponsor{color:#666666;}
+
+#global-wrapper{background:#244974;border-bottom:2px solid #0e3d74;}
+#global{padding:0.5em 0;}
+#global a{color:#eee;text-decoration:none;}
+#global-logo {font-family:Trebuchet;font-weight:bold;text-shadow:#000 1px 1px 1px;}
+#global-logo img{margin:0 4px -4px 0;}
+#feedback{margin-left:50px;}
+#feedback a{font-weight:normal;}
+#about{margin-left:50px;}
+#feedback,#about{padding:7px 0.5em 7px 0.5em;}
+#feedback:hover,#about:hover{background:#275b96;}
+
+#header{background-color:#f8f9f9;height:68px;margin-bottom:1em;}
+#logo{float:left;}
+#logo{width:192px;}
+#search{float:right;}
+#search{margin-top:23px;}
+#eu{float:right;margin-top:10px;}
+#prefs{font-size:0.9166em;line-height:1.6363;font-weight:bold;position:relative;float:right;font-family:Helvetica;}
+ul#prefs {list-style-type:none;margin:0;}
+#prefs li{margin-left:12px;display:inline;}
+#prefs a{color:#f0f0f0;}
+#prefs .new{font-weight:bold;color:#A52A2A;}
+#prefs a:hover{text-decoration:underline;}
+#about2{float:right;margin-right:50px;margin-top:27px;}
+#content{clear:both;min-height:600px;overflow:hidden;}
+#main{float:left;margin-bottom:1.5em;}
+#main{width:100%;margin-right:10px;padding-left:10px;}
+#wrapper{padding:0 10px 10px 10px;background:#fff;margin-top: 0.5em;}
+#sidebar{float:left;width:270px;padding-right:10px;}
+
+.help-wrapper{background:#fff;float:left;width:570px;font-size:1.0833em;line-height:1.3846em;color:#111;}
+.help-wrapper{margin-bottom:0.75em;border-right:1px #B0CADB solid;border-bottom:1px #B0CADB solid;}
+.help-wrapper #description{padding:9px;}
+.help-wrapper h3.title{color:#244974; font-size:1.2em;line-height:1.25;padding:8px 9px;margin:0 0 2px 0;background:#bdd8eb;}
+.help-wrapper div.pics{float:left;width:275px;margin:5px 5px 0 5px;text-align: center; color:#244974;} 
+.help-wrapper div#end{margin-bottom:0.75em;}
+.help-wrapper div.pics img{float:left;}
+.help-wrapper div.pics img{width:275px;}
+.help-wrapper object {margin-left:5px;}
+
+/*content*/
+.wrapper{float:left;width:590px;}
+.wrapper ul{list-style-type:none;}
+.wrapper h3.title{color:#244974; font-size:1.2em;line-height:1.25;padding-bottom:10px;padding-top:5px;}
+.wrapper ul{text-align:right;font-size:0.9166em;line-height:3.2727;margin-right:0;margin-bottom:0;}
+.wrapper ul li{display:inline;}
+.wrapper div.spc{float:left;width:190px;margin-right:10px;text-align: center; color:#244974;}
+.wrapper div#end{margin-right:0;}
+.wrapper div.spc img{float:left;}
+.wrapper div.spc img{width:188px;height:143px;border:1px #CCC solid;}
+.wrapper div.spc img:hover{border-color:#999;}
+.wrapper ul#list-events{margin:0;text-align:left;}
+.wrapper #list-events li{float:left;}
+.right a,.right button{float:right;}
+#list-events li span{margin-left:10px;}
+#list-events a{text-decoration:none;color:#111;}
+#list-events a:hover{color:#555;}
+.updated{font-size:0.9166em;line-height:1.6363;font-style:italic;color:#111;}
+.spc p a{text-decoration:none;color:#244974;}
+.spc p a:hover{text-decoration:underline;}
+/*about global*/
+.about-wrapper{background:#fff;float:left;width:570px;font-size:1.0833em;line-height:1.3846em;color:#111;}
+.about-wrapper{margin-bottom:0.75em;border-right:1px #B0CADB solid;border-bottom:1px #B0CADB solid;}
+.about-wrapper #description{padding:9px;}
+.about-wrapper h3.title{color:#244974; font-size:1.2em;line-height:1.25;padding:8px 9px;margin:0 0 2px 0;background:#bdd8eb;}
+.about-wrapper div.pics{float:left;width:275px;margin:5px 5px 0 5px;text-align: center; color:#244974;} 
+.about-wrapper div#end{margin-bottom:0.75em;}
+.about-wrapper div.pics img{float:left;}
+.about-wrapper div.pics img{width:275px;}
+.about-wrapper object {margin-left:5px;}
+/*about-sidebar*/
+
+#sidebar #about-sidebar h5{padding:8px 0.5em 8px 0.5em;background:#bdd8eb;border-right:1px #B0CADB solid;border-bottom:1px #B0CADB solid;margin-bottom:10px;}
+#about-sidebar ul {list-style-type:none;margin-left:0.5em;}
+#about-sidebar .partners ul, #about-sidebar .global-posts ul{margin-bottom:0;padding-bottom:8px;border-bottom:1px #b0cadb solid;margin-bottom:9px;}
+#about-sidebar .partners a, #about-sidebar .global-posts a {font-weight:bold;color:#244974;text-decoration:none;}
+#about-sidebar .partners a:hover, #about-sidebar .global-posts a:hover{text-decoration:underline;}
+#about-sidebar #go-vcc {border:1px #bdd8eb solid;background:#fff;padding:6px 6px 9px 31px;}
+#about-sidebar .global-posts h5 span{float:right;}
+
+/*sidebar*/
+#sidebar .join{background:#bdd8eb;-webkit-border-radius:7px;-moz-border-radius:7px;padding:0 10px 10px 10px;text-align:center;color:#244974;/*border: solid 2px #244974;*/margin-top:10px;border-right:2px #A8C0D1 solid;border-bottom:2px #A8C0D1 solid;}
+.join h2{margin-bottom:0;padding-top:9px;color:#244974;}
+.join p{margin:0.75em 0;}
+/*.join a:hover,.join a:focus{text-decoration:none;}*/
+div.rel-users,div.rcnt-posts,div.contact{margin-top:1.5em;}
+#sidebar h5{font-size:1.1em;line-height:1.3636;color: #244974;}
+#sidebar h5{padding-bottom:0.75em;border-bottom:1px #ccc solid;}
+#sidebar .rcnt-posts li a{font-weight:bold;color:#244974;text-decoration:none;}
+#sidebar .rcnt-posts li a:hover{text-decoration:underline;}
+.rel-users div img{margin-left:2.5px;margin-right:2.5px;}
+.rcnt-posts ul{list-style-type:none;margin-left:0;margin-bottom:0.5em;}
+.rcnt-posts .last p{margin-bottom:0;}
+.rcnt-posts ul img{display:none;}
+.updated{color:#8C8A8A;}
+.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
+.clearfix{display:block;}
+#list-events li span.red{color:#611427;font-weight:bold;}
+.help-info{padding-bottom: 10px; float:left;width:230px;border:1px #bdd8eb solid;background:#f0f6f9;margin-top: 0.5em;}
+.help-title {background:#bdd8eb;border-bottom:1px #A8C0D1 solid;}
+.help-title h3{margin-top:0;padding-top:0.5em;color:#244974;}
+.topics-section{padding:0 10px;padding-top:0.5em;margin:0 0 0.75em;}
+
+#footer{background-color:#e1eef5;clear:left;font-size:0.9166em;line-height:1.6363;color:#666;padding:0.75em 0;}
+#footer ul, #sponsor ul{list-style-type:none;margin:0 0.5em; }
+#footer ul li,#sponsor ul li{display:inline-block;margin-right:0.25em;position:relative;}
+#footer ul li#trade_mark,#sponsor ul li#trademark{font-weight:bold;color:#111;}
+#footer ul li#trade_mark_logo{font-weight:normal;}
+#footer a, #sponsor a{color:#666;}
+#footer a:hover, #sponsor a:hover{color:#444;}
+#footer .icon,#global .icon{margin-bottom:-4px;}
+#footer-wrapper{background-color:#e1eef5;}
+#footer_right{font-weight:normal;}
+#footer_right{ font-size: 10px; line-height: 1.1em;}
+
+
+#thumbs ul li{display: inline;list-style-type: none;}
+.right-align {float:right}
+
+
+#sponsor-wrapper{ text-align:right; vertical-align:middle; padding-bottom: 5px;}
+#spaces_select {float: right;}
+#spaces_select select{font-size:93%;line-height:1.5;}
+column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;min-height:580px;/*margin-right:10px;*/}
+.last, div.last {margin-right:0;}
+
+.span-11 {width:430px;}
+.span-12 {width:470px;}
+
+
+/******************FRONTPAGE PARTE CENTRAL************************/
+
+#share span, #collaborate span, #meet span{
+	float:left;
+}
+
+#collaborate, #meet{
+	margin-top:20px;
+} 
+.no_float_left{
+	clear:left;
+}
+
+#login span.no_float_left{
+	clear:left;
+}
+.float_left{
+	float: left;
+}
+#login ul{
+	text-align:right;
+	list-style:none;
+	color:white;
+}
+#login ul li{
+	margin-top:5px;
+}
+a.login{
+	background-color:#4881c2;
+	padding:2px;
+}
+
+#share ul, #meet ul, #collaborate ul{
+	list-style:none;
+	font-size:14px;
+	margin-top:3px;
+	width:306px;
+}
+#share ul li img, #meet ul li img, #collaborate ul li img, #right_actions ul img{
+	padding-right:5px;
+	
+}
+#right_actions ul{
+	list-style:none;
+	
+}
+
+/************* site ******************/
+#body {
+  width:960px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+*{
+	margin:0;
+	padding:0;
+	font-family:Helvetica;
+}
+
+#site{
+	background-color:#f5f5f5;
+	margin:0px auto;
+	width:100%;
+}
+
+.clearfloat {
+	clear:both;
+	height:0px;
+}
+#espacio_body_top{
+  margin-left:0px;
+  margin-top:34px;
+  display: block;
+}
+
+#espacio_body_bottom{
+  margin-left:0px;
+  display: block;
+  height: 150px;
+  
+}
+
+#home, #header{
+  background-color:#f5f5f5;
+}
+
+/*******************CABECERA***********************/
+
+#global-wrapper {
+	width:100%;	
+	padding:0;
+	background:#1F4A75;
+}
+
+.banner{
+	width:960px;
+	margin-left:auto;
+	margin-right:auto;
+	padding:0;
+	position:relative;
+}
+
+#logo {
+	background:#1F4A75;
+	margin-left:0px;
+	margin-top:0px;
+	width:200px;
+	height:59px;
+	margin-bottom:0px;
+	display:inline;
+	text-indent:99999px;
+}
+
+#logo.frontpage_logo{background:#1F4A75 url('/images/logo.png') no-repeat scroll; }
+
+#espacio_header {
+	margin:0px;	
+	margin-left:166px;
+	margin-top:50px;
+	height:61px;
+	display:inline;
+}
+
+/*DENTRO DE LA CABECERA: LOGIN*/
+
+.div_login, .div_login_openid {	
+	color:#FFF;
+	width:580px;
+	display:inline-block;
+	text-align: right;
+	vertical-align: top;
+	padding-top: 5px;
+	font-family:Helvetica;
+	font-weight:normal;
+	margin-top:3px;
+}
+
+.div_login #username, .div_login_openid #username{
+	height:10px;
+}
+
+.div_login, .div_login_openid, .input_username{
+	position:relative;
+	padding: 0px;
+	border: 0px;
+	
+}
+
+.div_login #login_button, .div_login_openid #login_button,{
+	width:61px;
+	height:18px;
+	
+}
+.div_login a.login, .div_login_openid a.login{
+	background-color:#497FC1;
+	padding-right:2px;
+	padding-left:2px;
+	color:white;
+}
+
+.div_login #subtexto, .div_login_openid #subtexto{
+	padding-top: 10px;
+	height:12px;	
+	font-size: 11px;
+  font-family:Helvetica;
+}
+
+#global .div_login a,#global .div_login_openid a{
+	color:#FFFFFF;
+	padding:0px 7px;	
+}
+
+#global .div_login a:hover,#global .div_login_openid a:hover{text-decoration:underline;}
+
+.div_login .a_border, .div_login_open_id .a_border{
+	border-right:thin solid;
+	padding:0px 7px;
+	text-decoration:underline;	
+}
+
+div#openid_label{
+	font-size:12px;
+	line-height:135%;
+	font-family:"Helvetica";
+}
+
+div#openid_label input#openid_identifier{
+	border:0 none;
+	padding:0 0 0 18px;
+	margin-right:0;
+	position:relative;
+	background:#fff url("../images/open-id-logos/openid1.png") no-repeat scroll left center;
+}
+
+/**************BÚSQUEDA*****************/
+
+
+.banner_busqueda {
+	width:960px;
+	height:61px;
+	margin-left:auto;
+	margin-right:auto;
+	padding:0;
+	position:relative;
+}
+
+.banner_busqueda #espacio_busqueda {
+	width:692px;	
+margin-left:20px;
+margin-top:21px;
+	height:45px;
+	margin-bottom:0px;
+	float:left;
+	display:inline;
+}
+
+.div_busqueda {	
+	color:#0656a4;
+	width:248px;
+	display:inline-block;
+	text-align: right;
+	vertical-align: top;
+	font-size: 12px;
+}
+
+.div_busqueda #subtexto_busqueda {
+	padding-top: 10px;
+	padding-bottom: 8px;
+	height:12px;	
+	font-size: 12px;
+}
+
+.div_busqueda #input_find{
+	position:relative;
+	border-color:#0656a4; 
+	padding: 0px;
+	border: 1px inset;
+}
+
+.div_busqueda #find_button{
+	width:15px;
+	border:0px;
+	height:15px;
+
+}
+
+.div_busqueda .a_border{
+	border-right:thin solid;
+	color:#0656a4;
+	padding:0px 7px;
+	text-decoration:underline;	
+}
+
+.div_busqueda a{
+	color:#0656a4;
+	padding:0px 7px;
+	text-decoration:underline;	
+}
+span.find{
+  padding-right:5px;
+  
+}
+/*********************PARTE CENTRAL**********************/
+
+/**************** LEFT CONTENT *************/
+
+#vcc_title{
+	font-size: 17px;
+	font-weight:bold;
+	color: #1F4A75;
+	vertical-align: top;
+	margin: 0px;
+	text-align: center;
+	padding: 0px;
+}
+#text_bottom_title{
+	font-size: 14px;
+	color: #000;
+	font-weight: bold;
+	font-family:Helvetica;
+}
+
+#join_form{
+	text-align: right;
+	padding-right: 60px;
+
+}
+
+#join_button{
+	width:111px;
+	border:0px;
+	height:auto;
+
+}
+
+.left{
+	margin-left:35px;
+}
+
+div {
+	margin:0px;
+	padding:0px;
+	font-family:verdana; /*font-size:12px;*/
+}
+
+
+/******************** RIGHT **********/
+
+.right{
+	
+	display: inline-block;
+	margin-left:10px;
+}
+
+#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 ul li{
+	font-size:13px;
+	font-family: Helvetica;
+	line-height:18px;
+	padding:7px 0 8px 30px;	
+}
+
+li.participants{background: transparent url("../images/frontpage/right_webcam.gif") no-repeat left center;}
+li.organizers{background: transparent url("../images/frontpage/right_organizers.gif") no-repeat left center;}
+li.spaces{background: transparent url("../images/frontpage/right_people.gif") no-repeat left center;}
+li.comments{background: transparent url("../images/frontpage/right_comments.gif") no-repeat left center;}
+li.tags{background: transparent url("../images/frontpage/right_tags.gif") no-repeat left center;}
+li.networks{background: transparent url("../images/frontpage/right_social.gif") no-repeat left center;}
+
+/****************FOOTER**********************/ 
+
+.idioma {
+  width:960px;
+  height:20px;
+  margin-left:auto;
+  margin-right:auto;
+  padding:0;
+  color: #0656a4;
+}
+
+#footerFront {
+	width:100%;	
+	padding:0;
+	background:#E1EEF5;
+}
+
+.banner_footer {
+	width:960px;
+	margin-left:auto;
+	margin-right:auto;
+	padding:0;
+	position:relative;
+}
+
+.banner_footer span{
+	font-family:sans-serif;
+}
+.banner_footer #footer_content{
+	text-align:left;
+	color: #ccc;
+	
+}
+.banner_footer{
+	width:960px;
+	color: #0656a4;
+	margin-left:auto;
+	margin-right:auto;
+	padding-top:2px;
+	
+	position:relative;
+}
+
+.banner_footer .a_border{
+	border-right:thin solid;
+	color:#0656a4;
+	padding:0px 7px;
+	text-decoration:underline;	
+}
+.banner_footer a{
+	color:#0656a4;
+	padding:0px 7px;
+	text-decoration:underline;	
+}
+
+#logo_UE {
+	margin-left:0px;
+	margin-top:0px;
+	width:30px;
+	height:16px;
+	margin-bottom:0px;
+	display:inline;
+}
+#espacio_body_bottom{
+	margin-left:0px;
+	display: block;
+	height: 150px;
+}
+
+div.banner_footer a{
+	font-family:Helvetica;
+}
+
+input.other_blue{
+	background:#497FC1;
+	border:0px;
+	cursor:pointer;
+  font-size:95%;
+  line-height:135%;
+  margin-right:4px;
+	color:white;
+	padding:1px;
+	font-weight:normal;11px;
+	font-family:Verdana;
+}
+
+/*Internationalization*
+ */
+
+a.language_select{padding:0px 3px 5px 3px;outline:none;margin-left:-3px;}
+#footer a.language_select.menu-open{background:#fff;border:1px solid #999;color:#222;padding:5px 5px;}
+div#language_select{display:inline-block;}
+#language_select ul#language_menu{
+  background:#fff;
+  border-color:#999999;
+  border-style:solid;
+  border-width:1px 1px 1px;
+  margin-right:-1px;
+  margin-bottom:-1px;
+  min-width:90px;
+  position:absolute;
+  right:1px;
+  bottom:22px;
+  z-index:1;
+  list-style-type:none;
+}
+#footer ul#language_menu li{cursor:pointer;display:block;margin-right:0;border-top:1px solid #ccc;}
+ul#language_menu li:hover{background:#244974;}
+ul#language_menu li a{color:#222;display:block;padding:3px 3px 3px 10px;outline:none;}
+ul#language_menu li a:hover{text-decoration:none;color:#fff;}
+
+#video{
+	display:inline-block;
+	width:320px;
+	vertical-align:top;
+	padding-top:0px;
+}
+