User register form

Juliana
1 parent e96b8acd
Showing 6 changed files with 132 additions and 3 deletions Show diff stats
cadastro.css
footer.html.erb
images/alerta-cadastro16.jpg
images/hdot2.gif
images/login16.png
style.css
@@ -0,0 +1,126 @@
+/*cadastro de usuario e instituicao*/
+
+#signup-form {
+	display:block;
+	background-color:#F0F0F0;
+	border-left:solid 3px;
+	border-top:solid 1px;
+	width: 720px;
+}
+
+#signup-form-header {
+	width:90% !important;
+}
+
+#signup-form-profile{
+	width:90% !important;
+}
+
+#signup-formfield-group {
+	background: url(images/hdot2.gif) repeat-x bottom #ECECEC;
+
+}
+#signup-formfield-group:hover {
+	background: url(../images/hdot2.gif) repeat-x bottom #f1e5dc;
+}
+
+/*#signup-form .formlabel {
+	color: #4A4A4A;
+	font-size: 20px;
+	font-weight: normal;
+	text-align: left;
+	float: left;
+
+}*/
+.action-account-signup #content {
+	text-align: left;
+}
+
+.required-field label.formlabel {
+font-weight: bold;
+color: #c00;
+float: left;
+}
+
+#signup-form select, #signup-form textarea, #signup-form input {
+/*padding: 7px 7% 10px 3%; */
+	height: 30px !important;
+	width: 50%;
+	float:center;
+	margin:3px 2px 3px 0px;
+}
+
+.formlabel{
+	float:left;
+	padding:0px 15px 0px 0px;
+	width:237px;
+	height:30px;
+	margin:3px 2px 10px 0px;
+}
+
+.formfieldline {
+	/*background-color:#E7E7E7;*/ /*colorir linhas especificas*/
+	width:100%;
+	background: url(images/hdot2.gif) repeat-x bottom #ECECEC;
+	margin:0px 10px 10px 0px;
+	
+}
+.formfieldline:hover {
+	background: url(../images/hdot2.gif) repeat-x bottom #f1e5dc;
+}
+
+.formfield input, .formfield textarea{
+	background-color:#fff;
+	width:50%;
+}
+
+#content a.button.with-text {
+	line-height: 50px !important;
+}
+
+#status-identifier{
+	width:50%;
+	height:30px;
+}
+
+#content form input.button.submit{
+	margin:13px;
+}
+#errorExplanation{
+	width:720px;
+}
+
+
+/**** mudar para a cor do icone e link da imagem passado pela suzete
+
+#signup-form .invalid {
+border-color: #7f0000;
+background-image: url(images/alerta-cadastro16.jpg);
+box-shadow: 0 0 7px red;
+
+} */
+
+/**** talvez para os botoes****
+#content a.button.with-text {
+line-height: 30px !important;
+border: none;
+float: right;
+margin: 3px;
+border-radius: 8px;
+} *****/
+
+/****modal***/
+#institutions_cnpj, #community_country, #type_PublicInstitution, #institutions_acronym {
+	width:200px;
+
+}
+
+.formfield .type-radio{
+	width:200px;
+	float:left;
+}
+
+#institution_dialog{
+	background-color:#F0F0F0;
+}
+
@@ -85,12 +85,12 @@
          <!-- </div>
           <!-- fim .container2 -->
          <div class="footer-logos">
-            <div class="container2">
-   <a href="http://www.acessoainformacao.gov.br/" class="logo-acesso pull-left"><img src="{{ STATIC_URL }}img/acesso-a-informacao.png" alt="Acesso a Informação"></a>
+         <!--   <div class="container2">
+   <a href="http://www.acessoainformacao.gov.br/" class="logo-acesso pull-left"><img src="{{ STATIC_URL }}img/acesso-a-informacao.png" alt="Acesso a Informação"></a> -->
    <!-- separador para fins de acessibilidade -->
    <span class="hide">&nbsp;</span>
    <!-- fim separador para fins de acessibilidade -->
-               <a href="http://www.brasil.gov.br/" class="brasil pull-right"><img src="{{ STATIC_URL }}img/brasil.png" alt="Brasil - Governo Federal"></a>
+          <!--     <a href="http://www.brasil.gov.br/" class="brasil pull-right"><img src="{{ STATIC_URL }}img/brasil.png" alt="Brasil - Governo Federal"></a> -->
             </div>
          </div>
  
@@ -8,6 +8,9 @@
 /****************** cabecalho azul ********************/
 @import url(cabecalho-cinza-theme.css);
 /****************** FIM cabecalho azul ******************/
+/****************** cadastro ********************/
+@import url(cadastro.css);
+/****************** FIM cabecalho azul ****************/
  
 @import url(../../icons/tango/style.css);
...	...	@@ -0,0 +1,126 @@
	1	+/cadastro de usuario e instituicao/
	2	+
	3	+#signup-form {
	4	+ display:block;
	5	+ background-color:#F0F0F0;
	6	+ border-left:solid 3px;
	7	+ border-top:solid 1px;
	8	+ width: 720px;
	9	+}
	10	+
	11	+#signup-form-header {
	12	+ width:90% !important;
	13	+}
	14	+
	15	+#signup-form-profile{
	16	+ width:90% !important;
	17	+}
	18	+
	19	+#signup-formfield-group {
	20	+ background: url(images/hdot2.gif) repeat-x bottom #ECECEC;
	21	+
	22	+}
	23	+#signup-formfield-group:hover {
	24	+ background: url(../images/hdot2.gif) repeat-x bottom #f1e5dc;
	25	+}
	26	+
	27	+/*#signup-form .formlabel {
	28	+ color: #4A4A4A;
	29	+ font-size: 20px;
	30	+ font-weight: normal;
	31	+ text-align: left;
	32	+ float: left;
	33	+
	34	+}*/
	35	+.action-account-signup #content {
	36	+ text-align: left;
	37	+}
	38	+
	39	+.required-field label.formlabel {
	40	+font-weight: bold;
	41	+color: #c00;
	42	+float: left;
	43	+}
	44	+
	45	+#signup-form select, #signup-form textarea, #signup-form input {
	46	+/padding: 7px 7% 10px 3%; /
	47	+ height: 30px !important;
	48	+ width: 50%;
	49	+ float:center;
	50	+ margin:3px 2px 3px 0px;
	51	+}
	52	+
	53	+.formlabel{
	54	+ float:left;
	55	+ padding:0px 15px 0px 0px;
	56	+ width:237px;
	57	+ height:30px;
	58	+ margin:3px 2px 10px 0px;
	59	+}
	60	+
	61	+.formfieldline {
	62	+ /background-color:#E7E7E7;/ /colorir linhas especificas/
	63	+ width:100%;
	64	+ background: url(images/hdot2.gif) repeat-x bottom #ECECEC;
	65	+ margin:0px 10px 10px 0px;
	66	+
	67	+}
	68	+.formfieldline:hover {
	69	+ background: url(../images/hdot2.gif) repeat-x bottom #f1e5dc;
	70	+}
	71	+
	72	+.formfield input, .formfield textarea{
	73	+ background-color:#fff;
	74	+ width:50%;
	75	+}
	76	+
	77	+#content a.button.with-text {
	78	+ line-height: 50px !important;
	79	+}
	80	+
	81	+#status-identifier{
	82	+ width:50%;
	83	+ height:30px;
	84	+}
	85	+
	86	+#content form input.button.submit{
	87	+ margin:13px;
	88	+}
	89	+#errorExplanation{
	90	+ width:720px;
	91	+}
	92	+
	93	+
	94	+/**** mudar para a cor do icone e link da imagem passado pela suzete
	95	+
	96	+#signup-form .invalid {
	97	+border-color: #7f0000;
	98	+background-image: url(images/alerta-cadastro16.jpg);
	99	+box-shadow: 0 0 7px red;
	100	+
	101	+} */
	102	+
	103	+/** talvez para os botoes**
	104	+#content a.button.with-text {
	105	+line-height: 30px !important;
	106	+border: none;
	107	+float: right;
	108	+margin: 3px;
	109	+border-radius: 8px;
	110	+} *****/
	111	+
	112	+/**modal*/
	113	+#institutions_cnpj, #community_country, #type_PublicInstitution, #institutions_acronym {
	114	+ width:200px;
	115	+
	116	+}
	117	+
	118	+.formfield .type-radio{
	119	+ width:200px;
	120	+ float:left;
	121	+}
	122	+
	123	+#institution_dialog{
	124	+ background-color:#F0F0F0;
	125	+}
	126	+
...	...
...	...	@@ -85,12 +85,12 @@
85	85	<!-- </div>
86	86	<!-- fim .container2 -->
87	87	<div class="footer-logos">
88		- <div class="container2">
89		- <a href="http://www.acessoainformacao.gov.br/" class="logo-acesso pull-left"><img src="{{ STATIC_URL }}img/acesso-a-informacao.png" alt="Acesso a Informação"></a>
	88	+ <!-- <div class="container2">
	89	+ <a href="http://www.acessoainformacao.gov.br/" class="logo-acesso pull-left"><img src="{{ STATIC_URL }}img/acesso-a-informacao.png" alt="Acesso a Informação"></a> -->
90	90	<!-- separador para fins de acessibilidade -->
91	91	<span class="hide"> </span>
92	92	<!-- fim separador para fins de acessibilidade -->
93		- <a href="http://www.brasil.gov.br/" class="brasil pull-right"><img src="{{ STATIC_URL }}img/brasil.png" alt="Brasil - Governo Federal"></a>
	93	+ <!-- <a href="http://www.brasil.gov.br/" class="brasil pull-right"><img src="{{ STATIC_URL }}img/brasil.png" alt="Brasil - Governo Federal"></a> -->
94	94	</div>
95	95	</div>
96	96
...	...
...	...	@@ -8,6 +8,9 @@
8	8	/**************** cabecalho azul ******************/
9	9	@import url(cabecalho-cinza-theme.css);
10	10	/**************** FIM cabecalho azul ****************/
	11	+/**************** cadastro ******************/
	12	+@import url(cadastro.css);
	13	+/**************** FIM cabecalho azul **************/
11	14
12	15	@import url(../../icons/tango/style.css);
13	16
...	...