Permalink
Browse files

cute css for the form page

  • Loading branch information...
ceci committed Apr 14, 2012
1 parent 6c18c15 commit 723b878afa839476f475d265d18421142e1943e2
Showing with 1,608 additions and 85 deletions.
  1. +0 −1 .classpath
  2. +29 −25 WebContent/WEB-INF/jsp/attendees/index.jsp
  3. +0 −14 WebContent/WEB-INF/jsp/index/lalala.jsp
  4. +116 −0 WebContent/css/html5forms.layout.css
  5. BIN WebContent/css/images/button_bg.png
  6. BIN WebContent/css/images/datepicker.gif
  7. BIN WebContent/css/images/icon_sprite.png
  8. BIN WebContent/css/images/progress_bar.gif
  9. BIN WebContent/css/images/slider_h_bg.gif
  10. BIN WebContent/css/images/slider_handles.png
  11. BIN WebContent/css/images/slider_v_bg.gif
  12. BIN WebContent/css/images/tab_bg.gif
  13. BIN WebContent/css/images/the_gradient.gif
  14. BIN WebContent/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png
  15. BIN WebContent/css/images/ui-bg_diagonals-thick_20_666666_40x40.png
  16. BIN WebContent/css/images/ui-bg_flat_10_000000_40x100.png
  17. BIN WebContent/css/images/ui-bg_glass_100_f6f6f6_1x400.png
  18. BIN WebContent/css/images/ui-bg_glass_100_fdf5ce_1x400.png
  19. BIN WebContent/css/images/ui-bg_glass_65_ffffff_1x400.png
  20. BIN WebContent/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png
  21. BIN WebContent/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
  22. BIN WebContent/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
  23. BIN WebContent/css/images/ui-icons_222222_256x240.png
  24. BIN WebContent/css/images/ui-icons_228ef1_256x240.png
  25. BIN WebContent/css/images/ui-icons_ef8c08_256x240.png
  26. BIN WebContent/css/images/ui-icons_ffd27a_256x240.png
  27. BIN WebContent/css/images/ui-icons_ffffff_256x240.png
  28. +519 −0 WebContent/css/jquery.ui.all.css
  29. +166 −0 WebContent/js/jquery-1.4.3.min.js
  30. +778 −0 WebContent/js/jquery-ui-1.8.5.min.js
  31. +0 −5 src/br/com/agilebrazil/inscricoes/controllers/ControleTest.java
  32. +0 −21 src/br/com/agilebrazil/inscricoes/controllers/IndexController.java
  33. +0 −19 src/br/com/agilebrazil/inscricoes/model/Cadastro.java
View
@@ -1,7 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<classpath>
<classpathentry kind="src" path="src"/>
- <classpathentry kind="src" path="test"/>
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.6">
<attributes>
<attribute name="owner.project.facets" value="java"/>
@@ -1,33 +1,37 @@
-<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
- pageEncoding="ISO-8859-1"%>
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
-<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
-<title>Insert title here</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
+ <title>Agile Brazil - Inscrições</title>
+ <link href="<c:url value='/css/html5forms.layout.css'/>" rel="stylesheet" />
+ <link href="<c:url value='/css/jquery.ui.all.css' />" rel="stylesheet" />
+ <script src="<c:url value='/js/jquery-ui-1.8.5.min.js' />"></script>
</head>
<body>
-<form action="create">
- Nome: <input name="attendee.firstName"><br />
- Sobrenome: <input name="attendee.lastName"><br />
- Nome para o crachá: <input name="attendee.badgeName"><br />
- Sexo: <input name="attendee.gender"><br />
- Email: <input name="attendee.email"><br />
- Confirme o email: <input><br />
- Twitter: <input name="attendee.twitter"><br />
- Empresa: <input name="attendee.organization"><br />
- Telefone de contato: <input name="attendee.phone"><br />
- Endereço <input name="attendee.address"><br />
- CEP: <input name="attendee.zipcode"><br />
- Bairro: <input name="attendee.neighbourhood"><br />
- Cidade: <input name="attendee.city"><br />
- Estado: <input name="attendee.state"><br />
- País: <input name="attendee.country"><br />
-
- <input type="submit" value="Cadastrar">
-
-</form>
+ <form action="create">
+ <label for="firstName">Nome</label> <input name="attendee.firstName" id="firstName" /><br />
+ <label for="lastName">Sobrenome</label> <input name="attendee.lastName" id="lastName" /><br />
+ <label for="badgeName">Nome para o crachá</label> <input name="attendee.badgeName" id="badgeName"/><br />
+ <label for="gender">Sexo</label> <input name="attendee.gender" id="gender" /><br />
+ <label for="email">Email</label> <input name="attendee.email" id="email" /><br />
+ <label for="emailConfirmation">Confirme o email</label> <input name="emailConfirmation" id="emailConfirmation" /><br />
+ <label for="twitter">Twitter</label> <input name="attendee.twitter" id="twitter" /><br />
+ <label for="organization">Empresa</label> <input name="attendee.organization" id="organization" /><br />
+ <label for="phone">Telefone de contato</label> <input name="attendee.phone" id="phone" /><br />
+ <label for="address">Endereço</label> <input name="attendee.address" id="address" /><br />
+ <label for="zipcode">CEP</label> <input name="attendee.zipcode" id="zipcode" /><br />
+ <label for="neighbourhood">Bairro</label> <input name="attendee.neighbourhood" id="neighbourhood" /><br />
+ <label for="city">Cidade</label> <input name="attendee.city" id="city" /><br />
+ <label for="state">Estado</label> <input name="attendee.state" id="state" /><br />
+ <label for="country">País</label> <input name="attendee.country" id="country" /><br />
+
+ <button class="ui-button ui-button-text-only" type="submit">
+ <span class="ui-button-text">Cadastre-se</span>
+ </button>
+ </form>
</body>
</html>
@@ -1,14 +0,0 @@
-<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
- pageEncoding="ISO-8859-1"%>
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
-<title>Insert title here</title>
-</head>
-<body>
-
-Agilistas: ${cadastro.nome }
-
-</body>
-</html>
@@ -0,0 +1,116 @@
+/*
+ * HTML5 Forms Fallback for older and unsupporting browsers
+ * Using jQuery, jQuery UI, Modernizr, Webforms2, and other jQuery Plugins
+ *
+ * 2010 Cristian I. Colceriu
+ *
+ * www.ghinda.net
+ * contact@ghinda.net
+ *
+ * Stylesheet for demo page
+ *
+ */
+
+html {
+ background-color: #333;
+ margin: 0px;
+ padding: 0px;
+}
+body {
+ width: 500px;
+ padding: 20px;
+ margin: 10px auto;
+ background-color: #eee;
+
+ font-family: Helvetica, Arial, sans-serif;
+ color: #333;
+
+ -moz-box-shadow: 0px 0px 10px #000;
+}
+h1 {
+ padding: 20px;
+ margin: -20px -20px 20px -20px;
+ border-bottom: 1px solid #558199;
+
+ background-color: #B5DCF1;
+ background-image: -moz-linear-gradient(top, #B5DCF1, #83B0C9); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B5DCF1),color-stop(1, #83B0C9)); /* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B5DCF1', EndColorStr='#83B0C9'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#B5DCF1', EndColorStr='#83B0C9')"; /* IE8 */
+
+ color: #313131;
+ text-shadow: 0px 1px 0px #CAE9F9;
+
+ -moz-box-shadow: 0px 1px 0px #fff;
+ -webkit-box-shadow: 0px 1px 0px #fff;
+ box-shadow: 0px 1px 0px #fff;
+}
+h1 span {
+ font-size: 14px;
+ display: block;
+}
+h1 a {
+ color: #000;
+}
+footer {
+ display: block;
+ padding-top: 20px;
+ margin: 20px -20px -20px -20px;
+ background-color: #C4C3C4;
+
+ font-size: 70%;
+}
+footer p {
+ padding: 0px 20px 0px 20px;
+ margin: 0px;
+}
+.author {
+ padding: 10px 20px;
+
+ text-align: right;
+}
+.clearfix {
+ clear: both;
+}
+/* General forms */
+form {
+ overflow: hidden;
+ clear: both;
+ width: 490px;
+}
+label{
+ clear: left;
+ float: left;
+ width: 41%;
+ padding-right: 2%;
+ height: 1em;
+ margin-bottom: 10px;
+
+ text-align: right;
+}
+input{
+ float: left;
+ height: 1em;
+ margin-bottom: 15px;
+}
+button {
+ float: left;
+ clear: both;
+ margin-left: 43%;
+
+ display: inline;
+}
+/* Placerholder */
+.placeholder {
+ color: #aaa;
+}
+/* Slider */
+.slider {
+ float: left;
+ width: 49%;
+ margin: 10px 0px 20px 10px;
+}
+/* Spinner */
+.ui-spinner {
+ float: left;
+}
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Oops, something went wrong.

0 comments on commit 723b878

Please sign in to comment.