activo-rails 1.0

data/public/javascripts/textile.js

@@ -0,0 +1,153 @@
+/***************************************
+*
+*	Javascript Textile->HTML conversion
+*
+*	ben@ben-daglish.net (with thanks to John Hughes for improvements)
+*   Issued under the "do what you like with it - I take no respnsibility" licence
+****************************************/
+
+var inpr,inbq,inbqq,html;
+var aliases = new Array;
+var alg={'>':'right','<':'left','=':'center','<>':'justify','~':'bottom','^':'top'};
+var ent={"'":"&#8217;"," - ":" &#8211; ","--":"&#8212;"," x ":" &#215; ","\\.\\.\\.":"&#8230;","\\(C\\)":"&#169;","\\(R\\)":"&#174;","\\(TM\\)":"&#8482;"};
+var tags={"b":"\\*\\*","i":"__","em":"_","strong":"\\*","cite":"\\?\\?","sup":"\\^","sub":"~","span":"\\%","del":"-","code":"@","ins":"\\+","del":"-"};
+var le="\n\n";
+var lstlev=0,lst="",elst="",intable=0,mm="";
+var para = /^p(\S*)\.\s*(.*)/;
+var rfn = /^fn(\d+)\.\s*(.*)/;
+var bq = /^bq\.(\.)?\s*/;
+var table=/^table\s*{(.*)}\..*/;
+var trstyle = /^\{(\S+)\}\.\s*\|/;
+
+function convert(t) {
+	var lines = t.split(/\r?\n/);
+	html="";
+	inpr=inbq=inbqq=0;
+	for(var i=0;i<lines.length;i++) {
+		if(lines[i].indexOf("[") == 0) {
+			var m = lines[i].indexOf("]");
+			aliases[lines[i].substring(1,m)]=lines[i].substring(m+1);
+		}
+	}
+	for(i=0;i<lines.length;i++) {
+		if (lines[i].indexOf("[") == 0) {continue;}
+		if(mm=para.exec(lines[i])){stp(1);inpr=1;html += lines[i].replace(para,"<p"+make_attr(mm[1])+">"+prep(mm[2]));continue;}
+		if(mm = /^h(\d)(\S*)\.\s*(.*)/.exec(lines[i])){stp(1);html += tag("h"+mm[1],make_attr(mm[2]),prep(mm[3]))+le;continue;}
+		if(mm=rfn.exec(lines[i])){stp(1);inpr=1;html+=lines[i].replace(rfn,'<p id="fn'+mm[1]+'"><sup>'+mm[1]+'<\/sup>'+prep(mm[2]));continue;}
+		if (lines[i].indexOf("*") == 0) {lst="<ul>";elst="<\/ul>";}
+		else if (lines[i].indexOf("#") == 0) {lst="<\ol>";elst="<\/ol>";}
+		else {while (lstlev > 0) {html += elst;if(lstlev > 1){html += "<\/li>";}else{html+="\n";}html+="\n";lstlev--;}lst="";}
+		if(lst) {
+			stp(1);
+			var m = /^([*#]+)\s*(.*)/.exec(lines[i]);
+			var lev = m[1].length;
+			while(lev < lstlev) {html += elst+"<\/li>\n";lstlev--;}
+			while(lstlev < lev) {html=html.replace(/<\/li>\n$/,"\n");html += lst;lstlev++;}
+			html += tag("li","",prep(m[2]))+"\n";
+			continue;
+		}
+		if (lines[i].match(table)){stp(1);intable=1;html += lines[i].replace(table,'<table style="$1;">\n');continue;}
+		if ((lines[i].indexOf("|") == 0)  || (lines[i].match(trstyle)) ) {
+			stp(1);
+			if(!intable) {html += "<table>\n";intable=1;}
+			var rowst="";var trow="";
+			var ts=trstyle.exec(lines[i]);
+			if(ts){rowst=qat('style',ts[1]);lines[i]=lines[i].replace(trstyle,"\|");}
+			var cells = lines[i].split("|");
+			for(j=1;j<cells.length-1;j++) {
+				var ttag="td";
+				if(cells[j].indexOf("_.")==0) {ttag="th";cells[j]=cells[j].substring(2);}
+				cells[j]=prep(cells[j]);
+				var al=/^([<>=^~\/\\\{]+.*?)\.(.*)/.exec(cells[j]);
+				var at="",st="";
+				if(al != null) {
+					cells[j]=al[2];
+					var cs= /\\(\d+)/.exec(al[1]);if(cs != null){at +=qat('colspan',cs[1]);}
+					var rs= /\/(\d+)/.exec(al[1]);if(rs != null){at +=qat('rowspan',rs[1]);}
+					var va= /([\^~])/.exec(al[1]);if(va != null){st +="vertical-align:"+alg[va[1]]+";";}
+					var ta= /(<>|=|<|>)/.exec(al[1]);if(ta != null){st +="text-align:"+alg[ta[1]]+";";}
+					var is= /\{([^\}]+)\}/.exec(al[1]);if(is != null){st +=is[1];}
+					if(st != ""){at+=qat('style',st);}					
+				}
+				trow += tag(ttag,at,cells[j]);
+			}
+			html += "\t"+tag("tr",rowst,trow)+"\n";
+			continue;
+		}
+		if(intable) {html += "<\/table>"+le;intable=0;}
+
+		if (lines[i]=="") {stp();}
+		else if (!inpr) {
+			if(mm=bq.exec(lines[i])){lines[i]=lines[i].replace(bq,"");html +="<blockquote>";inbq=1;if(mm[1]) {inbqq=1;}}
+			html += "<p>"+prep(lines[i]);inpr=1;
+		}
+		else {html += prep(lines[i]);}
+	}
+	stp();
+	return html;
+}
+
+function prep(m){
+	for(i in ent) {m=m.replace(new RegExp(i,"g"),ent[i]);}
+	for(i in tags) {
+		m = make_tag(m,RegExp("^"+tags[i]+"(.+?)"+tags[i]),i,"");
+		m = make_tag(m,RegExp(" "+tags[i]+"(.+?)"+tags[i]),i," ");
+	}
+	m=m.replace(/\[(\d+)\]/g,'<sup><a href="#fn$1">$1<\/a><\/sup>');
+	m=m.replace(/([A-Z]+)\((.*?)\)/g,'<acronym title="$2">$1<\/acronym>');
+	m=m.replace(/\"([^\"]+)\":((http|https|mailto):\S+)/g,'<a href="$2">$1<\/a>');
+	m = make_image(m,/!([^!\s]+)!:(\S+)/);
+	m = make_image(m,/!([^!\s]+)!/);
+	m=m.replace(/"([^\"]+)":(\S+)/g,function($0,$1,$2){return tag("a",qat('href',aliases[$2]),$1)});
+	m=m.replace(/(=)?"([^\"]+)"/g,function($0,$1,$2){return ($1)?$0:"&#8220;"+$2+"&#8221;"});
+	return m;
+}
+
+function make_tag(s,re,t,sp) {
+	while(m = re.exec(s)) {
+		var st = make_attr(m[1]);
+		m[1]=m[1].replace(/^[\[\{\(]\S+[\]\}\)]/g,"");
+		m[1]=m[1].replace(/^[<>=()]+/,"");
+		s = s.replace(re,sp+tag(t,st,m[1]));
+	}
+	return s;
+}
+
+function make_image(m,re) {
+	var ma = re.exec(m);
+	if(ma != null) {
+		var attr="";var st="";
+		var at = /\((.*)\)$/.exec(ma[1]);
+		if(at != null) {attr = qat('alt',at[1])+qat("title",at[1]);ma[1]=ma[1].replace(/\((.*)\)$/,"");}
+		if(ma[1].match(/^[><]/)) {st = "float:"+((ma[1].indexOf(">")==0)?"right;":"left;");ma[1]=ma[1].replace(/^[><]/,"");}
+		var pdl = /(\(+)/.exec(ma[1]);if(pdl){st+="padding-left:"+pdl[1].length+"em;";}
+		var pdr = /(\)+)/.exec(ma[1]);if(pdr){st+="padding-right:"+pdr[1].length+"em;";}
+		if(st){attr += qat('style',st);}
+		var im = '<img src="'+ma[1]+'"'+attr+" />";
+		if(ma.length >2) {im=tag('a',qat('href',ma[2]),im);}
+		m = m.replace(re,im);
+	}
+	return m;
+}
+
+function make_attr(s) {
+	var st="";var at="";
+	if(!s){return "";}
+	var l=/\[(\w\w)\]/.exec(s);
+	if(l != null) {at += qat('lang',l[1]);}
+	var ci=/\((\S+)\)/.exec(s);
+	if(ci != null) {
+		s = s.replace(/\((\S+)\)/,"");
+		at += ci[1].replace(/#(.*)$/,' id="$1"').replace(/^(\S+)/,' class="$1"');
+	}
+	var ta= /(<>|=|<|>)/.exec(s);if(ta){st +="text-align:"+alg[ta[1]]+";";}
+	var ss=/\{(\S+)\}/.exec(s);if(ss){st += ss[1];if(!ss[1].match(/;$/)){st+= ";";}}
+	var pdl = /(\(+)/.exec(s);if(pdl){st+="padding-left:"+pdl[1].length+"em;";}
+	var pdr = /(\)+)/.exec(s);if(pdr){st+="padding-right:"+pdr[1].length+"em;";}
+	if(st) {at += qat('style',st);}
+	return at;
+}
+
+function qat(a,v){return ' '+a+'="'+v+'"';}
+function tag(t,a,c) {return "<"+t+a+">"+c+"</"+t+">";}
+function stp(b){if(b){inbqq=0;}if(inpr){html+="<\/p>"+le;inpr=0;}if(inbq && !inbqq){html+="<\/blockquote>"+le;inbq=0;}}

data/public/stylesheets/activo-attrtastic/attrtastic_changes.css

@@ -0,0 +1,72 @@
+/*
+    Stylesheet for attrtastic
+
+    David Marquês Francisco
+    (dfrancisc[at]gmail.com)
+
+    -------------------------------------
+*/
+
+.attrtastic .attributes > ol {
+  /* evitar a numeração da listagem */
+  list-style: none;
+}
+
+.attrtastic .attributes > ol > li.attribute {
+  /* espaçamento entre linhas */
+  margin-bottom: 10px;
+  line-height: 18px;
+  margin-right: -6px; /* FIXME */
+}
+
+.attrtastic .attributes > ol > li.attribute .label {
+  /* label do atributo */
+  font-family: helvetica, arial, sans-serif;
+  font-weight: bold;
+  color: #666666;
+  /* para ficar por cima do campo */
+  width:100%;
+  display: block;
+  font-size: 14px;
+}
+
+.attrtastic .attributes > ol > li.attribute .value {
+  /* valor do atributo */
+  background-color: #f6f6f6;
+  padding: 2px;
+  padding-left: 4px;
+  display: block;
+  min-height: 18px;
+  font-size: 13px;
+}
+
+.attrtastic hr {
+  /* barra para subdividir grupos */
+  height: 1px;
+  border-bottom: solid #e8e8e8 1px;
+  margin-bottom: 15px;
+  background-color: #fff;
+}
+
+
+/* COLUNAS */
+
+.attrtastic .attributes > ol  {
+  /* uma só coluna */
+  float:left;
+  width:100%;
+}
+
+.attrtastic .column_left {
+  /* duas colunas - esquerda */
+  float:left;
+  width:47%;
+  margin-left: 0px;
+}
+
+.attrtastic .column_right {
+  /* duas colunas - direita */
+  float:right;
+  width:48%;
+  margin-right: 0px;
+}

data/public/stylesheets/activo-formtastic/formtastic.css

@@ -0,0 +1,146 @@
+/* -------------------------------------------------------------------------------------------------
+
+It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
+this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
+This will allow you to update formtastic.css with new releases without clobbering your own changes.
+
+This stylesheet forms part of the Formtastic Rails Plugin
+(c) 2008 Justin French
+
+--------------------------------------------------------------------------------------------------*/
+
+
+/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
+--------------------------------------------------------------------------------------------------*/
+form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
+form.formtastic fieldset { border:0; }
+form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
+form.formtastic ol, form.formtastic ul { list-style:none; }
+form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
+form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
+form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
+form.formtastic legend { white-space:normal; color:#000; }
+
+
+/* SEMANTIC ERRORS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic ul.errors { color:#cc0000; margin:0.5em 0 1.5em 25%; list-style:square; }
+form.formtastic ul.errors li { padding:0; border:none; display:list-item; }
+
+
+/* FIELDSETS & LISTS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset { }
+form.formtastic fieldset.inputs { }
+form.formtastic fieldset.buttons { padding-left:25%; }
+form.formtastic fieldset ol { }
+form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }
+
+/* clearfixing the fieldsets */
+form.formtastic fieldset { display: inline-block; }
+form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+html[xmlns] form.formtastic fieldset { display: block; }
+* html form.formtastic fieldset { height: 1%; }
+
+
+/* INPUT LIs
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li { margin-bottom:1.5em; }
+
+/* clearfixing the li's */
+form.formtastic fieldset > ol > li { display: inline-block; }
+form.formtastic fieldset > ol > li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+html[xmlns] form.formtastic fieldset > ol > li { display: block; }
+* html form.formtastic fieldset > ol > li { height: 1%; }
+
+form.formtastic fieldset > ol > li.required { }
+form.formtastic fieldset > ol > li.optional { }
+form.formtastic fieldset > ol > li.error { }
+  
+
+/* LABELS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li label { display:block; width:25%; float:left; padding-top:.2em; }
+form.formtastic fieldset > ol > li > li label { line-height:100%; padding-top:0; }
+form.formtastic fieldset > ol > li > li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}
+
+
+/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li fieldset { position:relative; }
+form.formtastic fieldset > ol > li fieldset legend { position:absolute; width:95%; padding-top:0.1em; left: 0px; }
+form.formtastic fieldset > ol > li fieldset legend span { position:absolute; }
+form.formtastic fieldset > ol > li fieldset legend.label label { position:absolute; }
+form.formtastic fieldset > ol > li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
+form.formtastic fieldset > ol > li fieldset ol li { padding:0; border:0; }
+
+
+/* INLINE HINTS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }
+
+
+/* INLINE ERRORS
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li p.inline-errors { color:#cc0000; margin:0.5em 0 0 0; }
+form.formtastic fieldset > ol > li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
+form.formtastic fieldset > ol > li ul.errors li { padding:0; border:none; display:list-item; }
+
+
+/* STRING & NUMERIC OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.string input { max-width:74%; }
+form.formtastic fieldset > ol > li.password input { max-width: 13em; }
+form.formtastic fieldset > ol > li.numeric input { max-width:74%; }
+
+
+/* TEXTAREA OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.text textarea { width:74%; }
+
+
+/* HIDDEN OVERRIDES
+The dual declarations are required because of our clearfix display hack on the LIs, which is more
+specific than the more general rule below. TODO: Revist the clearing hack and this rule.
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset ol li.hidden,
+html[xmlns] form.formtastic fieldset ol li.hidden { display:none; }
+
+/* BOOLEAN OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.boolean label { padding-left:25%; width:auto; }
+form.formtastic fieldset > ol > li.boolean label input { margin:0 0.5em 0 0.2em; }
+
+
+/* RADIO OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.radio { }
+form.formtastic fieldset > ol > li.radio fieldset ol { margin-bottom:-0.6em; }
+form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
+form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; }
+form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; }
+
+
+/* CHECK BOXES (COLLECTION) OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.check_boxes { }
+form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom:-0.6em; }
+form.formtastic fieldset > ol > li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
+form.formtastic fieldset > ol > li.check_boxes fieldset ol li label { float:none; width:100%; }
+form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input { margin-right:0.2em; }
+
+
+
+/* DATE & TIME OVERRIDES
+--------------------------------------------------------------------------------------------------*/
+form.formtastic fieldset > ol > li.date fieldset ol li,
+form.formtastic fieldset > ol > li.time fieldset ol li,
+form.formtastic fieldset > ol > li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }
+
+form.formtastic fieldset > ol > li.date fieldset ol li label,
+form.formtastic fieldset > ol > li.time fieldset ol li label,
+form.formtastic fieldset > ol > li.datetime fieldset ol li label { display:none; }
+
+form.formtastic fieldset > ol > li.date fieldset ol li label input, 
+form.formtastic fieldset > ol > li.time fieldset ol li label input, 
+form.formtastic fieldset > ol > li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }

data/public/stylesheets/activo-formtastic/formtastic_changes.css

@@ -0,0 +1,218 @@
+/*
+    Stylesheet for formtastic
+    
+    David Marquês Francisco
+    (dfrancisc[at]gmail.com)
+    
+    -------------------------------------
+*/
+
+
+/* WEB-APP-THEME */
+
+
+#main .block .content .inner form.formtastic {
+  padding-right: 7px;  
+}
+
+form.formtastic hr {
+  /* barra para subdividir grupos */
+  height: 1px;
+  border-bottom: solid #eaeaea 1px;
+  padding-top: 10px;
+  margin-bottom: 15px;
+  background-color: #fff;
+  margin-right: -5px;
+}
+
+form.formtastic .wat-cf { padding-top:10px; }
+
+/* COLUNAS */
+
+form.formtastic fieldset {
+  /* uma só coluna */
+  font-size: 14px;
+  width:100%;
+}
+
+form.formtastic fieldset.column_left {
+  /* duas colunas - esquerda */
+  float:left;
+  width:47%;
+  margin-left: 0px;
+}
+
+form.formtastic fieldset.column_right {
+  /* duas colunas - direita */
+  float:right;
+  width:48%;
+  margin-right: 0px;
+}
+
+/* LABELS */
+
+form.formtastic fieldset > ol > li label {
+  font-family: helvetica, arial, sans-serif;
+  font-weight: bold;
+  color: #666666;
+  /* para ficar por cima do campo */
+  width:100%;
+}
+
+form.formtastic fieldset > ol > li fieldset ol {
+  /* para ficar por cima do campo nas datas */
+  padding:20px 0 0 0;
+}
+
+/* FIELDS */
+
+form.formtastic fieldset > ol > li.string input,
+form.formtastic fieldset > ol > li.password input,
+form.formtastic fieldset > ol > li.numeric input,
+form.formtastic fieldset > ol > li.text textarea,
+form.formtastic fieldset > ol > li.datepicker input {
+  width:100%;
+  max-width:100%;
+  border: 1px solid #eaeaea;
+  padding: 2px;
+}
+
+form.formtastic fieldset > ol > li.select select,
+form.formtastic fieldset > ol > li.file input {
+  /* comboboxes e input de ficheiros */
+  width:100%;
+  max-width:100%;
+}
+
+form.formtastic fieldset > ol > li.datepicker input {
+  /* icone do datepicker */
+  background: url('../../images/icons/calendar.png') no-repeat right;
+}
+
+form.formtastic fieldset > ol > li.string input:hover,
+form.formtastic fieldset > ol > li.password input:hover,
+form.formtastic fieldset > ol > li.numeric input:hover,
+form.formtastic fieldset > ol > li.text textarea:hover,
+form.formtastic fieldset > ol > li.datepicker input:hover {
+  border: 1px solid #a2a294;
+  -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
+  -moz-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
+}
+
+form.formtastic fieldset > ol > li.datepicker input:hover {
+  /* icone do datepicker quando rato está por cima */
+  background: url('../../images/icons/calendar-hover.png') no-repeat right;
+}
+
+form.formtastic fieldset > ol > li.string input:focus,
+form.formtastic fieldset > ol > li.password input:focus,
+form.formtastic fieldset > ol > li.numeric input:focus,
+form.formtastic fieldset > ol > li.text textarea:focus,
+form.formtastic fieldset > ol > li.datepicker input:focus {
+  border: 1px solid #a2a294;
+}
+
+form.formtastic fieldset > ol > li.string input[disabled='disabled'],
+form.formtastic fieldset > ol > li.password input[disabled='disabled'],
+form.formtastic fieldset > ol > li.numeric input[disabled='disabled'],
+form.formtastic fieldset > ol > li.text textarea[disabled='disabled'], 
+form.formtastic fieldset > ol > li.datepicker input[disabled='disabled'] {
+  /* campos que não podem ser preenchidos (disabled) */
+  background-color: #f6f6f6;
+  border: 1px solid #f6f6f6;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+}
+
+form.formtastic fieldset > ol > li.boolean label {
+  /* inline checkboxes (como as dos documentos anexos solicitados nos materiais) */
+  padding-left: 0px;
+}
+
+#box .block .content form.formtastic fieldset > ol > li input {
+  /* caixas (como a de login) têm tamanho fixo. Definir o
+   * width de text fields dá problemas no IE. Desta forma,
+   * ficou funcional */
+  width: auto;
+  max-width: 430px;
+}
+
+form.formtastic fieldset > ol > li {
+  /* espaço entre duas linhas de campos */
+  margin-bottom:10px;
+}
+
+form.formtastic fieldset > ol > li.date fieldset ol li,
+form.formtastic fieldset > ol > li.time fieldset ol li,
+form.formtastic fieldset > ol > li.datetime fieldset ol li {
+  /* Campos de datas - para as duas colunas ficarem alinhadas */
+  height: 20px;
+}
+
+form.formtastic fieldset > ol > li.error  input {
+  /* em caso de erro, borda do campo fica vermelha */
+  border: 1px solid #fbb;
+}
+
+form.formtastic fieldset > ol > li.radio fieldset ol li {
+  /* espaço entre várias linhas com radios */
+  margin-bottom:4px;
+}
+
+form.formtastic fieldset > ol > li.radio fieldset ol li label {
+  /* texto apresentado à frente de um radio button */
+  color: #222;
+  font-size: 13px;
+  font-weight: normal;
+}
+
+form.formtastic fieldset > ol > li.datepicker input {
+  /* datepicker (apagar a sombra que é colocada no jquery) */
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+}
+
+form.formtastic fieldset > ol > li select {
+  /* espaço entre duas linhas de campos quando se trata de uma combobox */
+  margin-bottom:4px;
+}
+
+/* HINT */
+
+form.formtastic fieldset > ol > li p.inline-hints {
+  /* texto de ajuda - porque não fica itálico? */
+  font-style: italic;
+  color: #8C8C8C;
+  font-size: .9em;
+  margin:2px 0 0 0;
+}
+
+/* BUTTON */
+form.formtastic button.button, form.formtastic a.button {
+  font-size: 12px;
+}
+
+/* CHECK_BOXES */
+
+#box .block .content form.formtastic fieldset > ol > li.check_boxes fieldset ol {
+  width: 440px;
+}
+
+#box .block .content form.formtastic fieldset > ol > li.check_boxes fieldset ol li label {
+  /* texto apresentado à frente de uma checkbox (nas boxes, por exemplo nos roles do editar perfil) */
+  color: #222;
+  font-size: 13px;
+  font-weight: normal;
+  padding-right: 50px;
+}
+
+/* BOOLEAN */
+
+#box .block .content form.formtastic fieldset > ol > li#user_session_remember_me_input.boolean label {
+  /* checkbox 'remember me' no login */
+  padding-top: 7px;
+  padding-right: 5px;
+  float: right;
+  font-weight: normal;
+  font-size: 13px;
+}