Download as
Browse Code »

Commit f0337155eba0a4f40c14c7fe40d43ebc8c7016af

Authored by Lucas D'Avila
1 parent 18d3ab8f
Exists in master

Refatorado página de login

Showing 5 changed files with 745 additions and 73 deletions   Show diff stats
ieducar/intranet/styles/login.css 0 → 100644
  Diff comments   View file @f033715
@@ -0,0 +1,90 @@ @@ -0,0 +1,90 @@
  1 +body {
  2 + background-color: white;
  3 +}
  4 +
  5 +#flash-container {
  6 + min-height: 41px;
  7 +}
  8 +
  9 +#flash-container, #menu, #corpo, #rodape {
  10 +
  11 + /* login-form.widght + 42px */
  12 + width: 706px;
  13 +}
  14 +
  15 +#login-form {
  16 + float: left;
  17 + background-color: #fcfcfc;
  18 + padding: 20px 40px;
  19 + width: 255px;
  20 +
  21 + -moz-box-shadow: 0px 0px 5px #d9d9d9;
  22 + -webkit-box-shadow: 0px 0px 5px #d9d9d9;
  23 + box-shadow: 0px 0px 5px #d9d9d9;
  24 +
  25 + border: 1px solid #ccc;
  26 +}
  27 +
  28 +#login-form, #login-form form {
  29 + margin-bottom: 0;
  30 +}
  31 +
  32 +#login-form label {
  33 + display: block;
  34 +}
  35 +
  36 +.forget-password {
  37 + margin-top: 9px;
  38 +}
  39 +
  40 +input#senha, input#login {
  41 + width: 241px;
  42 +}
  43 +
  44 +input.submit, input#senha, input#login {
  45 + margin: 0px;
  46 + margin-bottom: 9px;
  47 +}
  48 +
  49 +#recaptcha_widget_div {
  50 + margin-bottom: 9px;
  51 +}
  52 +
  53 +#service-info {
  54 + margin-left: 372px;
  55 +}
  56 +
  57 +#service-info .title {
  58 + color: #184E7F;
  59 +}
  60 +
  61 +#service-info p.service, #service-info p.requiriments {
  62 + font-size: 125%;
  63 +}
  64 +
  65 +#service-info ul.service-about {
  66 + margin-top: 10px;
  67 + margin-bottom: 20px;
  68 +}
  69 +
  70 +ul.unstyled, ol.unstyled {
  71 + list-style: none;
  72 +}
  73 +
  74 +#service-info ul.requiriments {
  75 + margin-top: 10px;
  76 + margin-bottom: 10px;
  77 +}
  78 +
  79 +#rodape {
  80 + margin-top: 10px;
  81 + padding: 10px;
  82 + /* border-top: 1px solid #e9e9e9; */
  83 + padding-left: 0px;
  84 + padding-right: 0px;
  85 + text-align: center;
  86 +}
  87 +
  88 +#rodape .contact {
  89 + font-weight: bold;
  90 +}
0 \ No newline at end of file 91 \ No newline at end of file
ieducar/intranet/styles/min-portabilis.css 0 → 100644
  Diff comments   View file @f033715
@@ -0,0 +1,237 @@ @@ -0,0 +1,237 @@
  1 +ul.autocomplete {
  2 + background-color: whiteSmoke;
  3 + color: #3C3C3D;
  4 + cursor: pointer;
  5 + list-style-type: none;
  6 + margin: 0px;
  7 + margin-left: 2px;
  8 + margin-bottom: 10px;
  9 + padding: 0px;
  10 + border: 1px solid #CACACA;
  11 + border-top: 0px;
  12 +
  13 + -moz-border-radius: 2px;
  14 + border-radius: 3px;
  15 + -webkit-border-radius: 2px;
  16 +}
  17 +
  18 +.decorated {
  19 + text-decoration: underline;
  20 +}
  21 +
  22 +*:hover.decorated {
  23 + text-decoration: none;
  24 +}
  25 +
  26 +ul.autocomplete li {
  27 + padding: 4px;
  28 +}
  29 +
  30 +ul.autocomplete li:hover {
  31 + background: #ECECEC;
  32 + color: #3C3C3D;
  33 + text-shadow: none;
  34 + text-decoration: none;
  35 +}
  36 +
  37 +table.small {
  38 +
  39 +}
  40 +
  41 +table.styled {
  42 + border: thin solid #e9e9e9;
  43 + border-collapse: collapse;
  44 + margin-top: 5px;
  45 +
  46 + font-family: arial, verdana, lucida, helvetica, sans-serif;
  47 + font-size: 11px;
  48 +}
  49 +
  50 +table {
  51 + caption-side: top;
  52 +}
  53 +
  54 +table > caption {
  55 + margin-bottom: 5px;
  56 +}
  57 +
  58 +table.styled tr td, table.styled tr th {
  59 + border: 1px solid #fff;
  60 +}
  61 +
  62 +table.styled td, table.styled th {
  63 + padding: 5px;
  64 +}
  65 +
  66 +table.styled th {
  67 + background-color: #A1B3BD;
  68 + color: #3C3C3D;
  69 + font-weight: bold;
  70 +}
  71 +
  72 +.horizontal-expand {
  73 + width: 100%;
  74 +}
  75 +
  76 +.center {
  77 + text-align: center;
  78 +}
  79 +
  80 +.right {
  81 + text-align: right;
  82 +}
  83 +
  84 +.texto-normal, .texto-normal a, a.texto-normal {
  85 + font-weight: normal;
  86 +}
  87 +
  88 +table.nocellcolor th, .nocellcolor {
  89 + background-color: #fff;
  90 +}
  91 +
  92 +table.cellcolor th, table tr.cellcolor th, .cellcolor, tr.even {
  93 + background-color: #E4E9ED;
  94 +}
  95 +
  96 +table.strong th , tr.strong th, tr.strong td{
  97 + background-color: #A1B3BD;
  98 +}
  99 +
  100 +.hidden {
  101 + display: none;
  102 +}
  103 +
  104 +.success {
  105 + color: #157100 !important;
  106 + border: 1px solid #e0f9d8 !important;
  107 + background-color: #f0f9ee !important;
  108 +}
  109 +
  110 +.notice {
  111 + color: #b0af84 !important;
  112 + border: 1px solid #fdffac !important;
  113 + background-color: #feffce !important;
  114 +}
  115 +
  116 +.info {
  117 + color: #3A87AD;
  118 + background-color: #D9EDF7;
  119 + border-color: #BCE8F1;
  120 +}
  121 +
  122 +.error {
  123 + color: #ff4e4e !important;
  124 + border: 1px solid #ffe5e5 !important;
  125 + background-color: #ffeeee !important;
  126 +}
  127 +
  128 +.simple-block {
  129 + padding: 5px;
  130 + display: inline-block;
  131 +}
  132 +
  133 +.block {
  134 + display: block;
  135 +}
  136 +
  137 +.light {
  138 + font-weight: normal;
  139 +}
  140 +
  141 +.small {
  142 + font-size: 90%;
  143 +}
  144 +
  145 +#recaptcha_widget_div a {
  146 + margin-left: 0;
  147 +}
  148 +
  149 +.spacer {
  150 + padding: 2px;
  151 +}
  152 +
  153 +.clear {
  154 + clear: both;
  155 +}
  156 +
  157 +/* form */
  158 +
  159 +select, input, textarea {
  160 + border: 1px solid #CACACA;
  161 +}
  162 +
  163 +input[type='submit'],
  164 +input[type='button'],
  165 +.bar-buttons .button {
  166 + -moz-border-radius: 3px;
  167 + border-radius: 3px;
  168 + -webkit-border-radius: 3px;
  169 +}
  170 +
  171 +input {
  172 + padding: 2px;
  173 +}
  174 +
  175 +input[type='submit'], input[type='button'], a.button {
  176 + padding: 4px 14px;
  177 +}
  178 +
  179 +input[type='submit'], input[type='button'] {
  180 + font-weight: bold;
  181 + font-style: normal;
  182 + cursor: pointer;
  183 +}
  184 +
  185 +select, input[type="text"], input[type="password"], textarea {
  186 + padding: 4px 6px;
  187 +}
  188 +
  189 +/* flash messages */
  190 +
  191 +#flash-container {
  192 + margin-top: 10px;
  193 + margin-bottom: 10px;
  194 +}
  195 +
  196 +#flash-container p {
  197 + /*margin-top: 5px;
  198 + padding: 5px;*/
  199 + padding: 10px;
  200 +}
  201 +
  202 +#flash-container .flash {
  203 + color: #b0af84;
  204 + border: 1px solid #fdffac;
  205 + background-color: #feffce;
  206 +}
  207 +
  208 +#flash-container .success {
  209 + color: #157100;
  210 + border: 1px solid #e0f9d8;
  211 + background-color: #f0f9ee;
  212 +}
  213 +
  214 +#flash-container .exclamation {
  215 + color: #ffba00;
  216 + border: 1px solid #fff3d3;
  217 + background-color: #fff7e2;
  218 +}
  219 +
  220 +#flash-container .error {
  221 + color: #ff4e4e;
  222 + border: 1px solid #ffe5e5;
  223 + background-color: #ffeeee;
  224 +}
  225 +
  226 +
  227 +
  228 +
  229 +/* inputs not required */
  230 +.geral {
  231 + background-color: #fff;
  232 +}
  233 +
  234 +.disabled, *[disabled] {
  235 + cursor: not-allowed;
  236 + background-color: #EEE;
  237 +}
0 \ No newline at end of file 238 \ No newline at end of file
ieducar/intranet/styles/portabilis.css 0 → 100644
  Diff comments   View file @f033715
@@ -0,0 +1,220 @@ @@ -0,0 +1,220 @@
  1 +body {
  2 + font-family: Verdana, Geneva, Arial, sans-serif;
  3 + font-size: small;
  4 + line-height: 1.5;
  5 + margin: 0px;
  6 + color: #666;
  7 + text-align: left;
  8 + background-color: #FCFCFC;
  9 +}
  10 +
  11 +
  12 +body, table td{
  13 + font-family: Verdana, Geneva, Arial, sans-serif;
  14 + font-size: small;
  15 +}
  16 +
  17 +a {
  18 + font-weight: bold;
  19 + color: #054B80;
  20 + text-decoration: none;
  21 +}
  22 +
  23 +a.logout {
  24 + color: #ff8f00;
  25 +}
  26 +
  27 +a.cadastro {
  28 + color: #42e112;
  29 +}
  30 +
  31 +a:hover {
  32 + text-decoration: underline;
  33 +}
  34 +
  35 +h1, h2, h3, h4, h5, h6, table caption, #service-info p.service, #extra .title {
  36 + color: #184e7f;
  37 + font-weight: bold;
  38 +}
  39 +
  40 +h1 {
  41 + font-size: 150%;
  42 +}
  43 +
  44 +h2 {
  45 + font-size: 150%;
  46 +}
  47 +
  48 +h3 {
  49 + font-size: 110%;
  50 +}
  51 +
  52 +#corpo {
  53 + margin-top: 10px;
  54 +}
  55 +
  56 +.explanation {
  57 + font-style: italic;
  58 +}
  59 +
  60 +body {
  61 + font-family: Verdana, Geneva, Arial, sans-serif;
  62 + font-size: 13px;/*small;*/
  63 + line-height: 1.5;
  64 + margin: 0px;
  65 + color: #666;
  66 + padding: 0px;
  67 +}
  68 +
  69 +#cabecalho {
  70 + color: #fff;
  71 +/* padding-top: 6px;
  72 + padding-bottom: 6px;*/
  73 +}
  74 +
  75 +#cabecalho, #ccorpo {
  76 + background-color: #184e7f;
  77 +}
  78 +
  79 +#flash-container, #menu, #corpo, /*#cabecalho #ccorpo,*/ #rodape {
  80 + width: 800px;
  81 + margin-left: auto;
  82 + margin-right: auto;
  83 +}
  84 +
  85 +#cabecalho #ccorpo {
  86 + line-height: 1.2;
  87 + padding: 0px;
  88 + padding-left: 10px;
  89 + padding-right: 10px;
  90 +}
  91 +
  92 +#cabecalho #ccorpo #logo {
  93 + font-size: 175%;
  94 + font-weight: bold;
  95 +}
  96 +
  97 +#cabecalho #ccorpo a#logo, #cabecalho #ccorpo #status a#user {
  98 + font-weight: bold;
  99 +}
  100 +
  101 +#cabecalho #ccorpo a{
  102 + color: #fff;
  103 + text-decoration: none;
  104 +}
  105 +
  106 +#cabecalho #ccorpo #status {
  107 + float: right;
  108 + text-align: right;
  109 + margin-top: 6px;
  110 +}
  111 +
  112 +.erro{
  113 + color: red;
  114 + padding: 4px;
  115 +}
  116 +
  117 +form {
  118 + margin-top: 10px;
  119 + margin-bottom: 10px;
  120 +}
  121 +
  122 +input, textarea, .bar-buttons .button {
  123 + border: 1px solid #CACACA;
  124 +}
  125 +
  126 +a.button, input, textarea {
  127 + padding: 4px;
  128 +}
  129 +
  130 +input[type="submit"], input[type="button"], .bar-buttons .button {
  131 + background-color: #f5f5f5;
  132 + color: #3C3C3D;
  133 + cursor: pointer;
  134 +}
  135 +
  136 +input.submit, input.button {
  137 + background-color: #f5f5f5;
  138 + color: #3C3C3D;
  139 + cursor: pointer;
  140 +}
  141 +
  142 +a.button, input[type="submit"], input[type="button"], .bar-buttons .button {
  143 + padding: 4px;
  144 + padding-left: 20px;
  145 + padding-right: 20px;
  146 + margin-right: 3px;
  147 +}
  148 +
  149 +input.submit, input.button {
  150 + padding: 4px;
  151 + padding-left: 20px;
  152 + padding-right: 20px;
  153 + margin-right: 3px;
  154 +}
  155 +
  156 +a.button, input[type="button"], .bar-buttons a.button {
  157 + font-weight: normal;
  158 + font-style: normal;
  159 +}
  160 +
  161 +a[class="button"].primary, input[type="submit"], input[type="button"].primary, .bar-buttons .button.primary {
  162 + font-weight: bold;
  163 + font-style: normal;
  164 +}
  165 +
  166 +input.submit, input.button {
  167 + font-weight: bold;
  168 + font-style: normal;
  169 +}
  170 +
  171 +input:focus, textarea:focus, .bar-buttons .button:focus {
  172 + border: 1px solid #666;
  173 +/* outline: #054B80 solid 1px;
  174 + outline-offset: -2px;*/
  175 + outline-width: 0px;
  176 +}
  177 +
  178 +input:hover, textarea:hover {
  179 + border: 1px solid #666;
  180 +}
  181 +
  182 +input[type="submit"]:hover, input[type="button"]:hover, .bar-buttons .button:hover {
  183 + border: 1px solid #CACACA;
  184 + background: #ECECEC;
  185 + color: #3C3C3D;
  186 + text-shadow: none;
  187 + text-decoration: none;
  188 +}
  189 +
  190 +input.submit:hover, input.buton:hover {
  191 + border: 1px solid #CACACA;
  192 + background: #ECECEC;
  193 + color: #3C3C3D;
  194 + text-shadow: none;
  195 + text-decoration: none;
  196 +}
  197 +
  198 +input, textarea {
  199 + margin-top:4px;
  200 + margin-left:4px;
  201 +}
  202 +
  203 +.shadow {
  204 + -moz-box-shadow: 0px 0px 5px #e6e6e6;
  205 + -webkit-box-shadow: 0px 0px 5px #E6E6E6;
  206 + box-shadow: 0px 0px 5px #E6E6E6;
  207 +}
  208 +
  209 +.box {
  210 + padding-top: 10px;
  211 +}
  212 +
  213 +.box, .bubble {
  214 + border: 1px solid #EEE;
  215 + -moz-border-radius: 3px;
  216 + border-radius: 3px;
  217 + -webkit-border-radius: 3px;
  218 + padding: 0 10px 10px 10px;
  219 + margin-bottom: 10px;
  220 +}
0 \ No newline at end of file 221 \ No newline at end of file
ieducar/intranet/styles/reset.css 0 → 100644
  Diff comments   View file @f033715
@@ -0,0 +1,67 @@ @@ -0,0 +1,67 @@
  1 +/* --------------------------------------------------------------
  2 +
  3 + reset.css
  4 + * Resets default browser CSS.
  5 +
  6 +-------------------------------------------------------------- */
  7 +
  8 +html {
  9 + margin:0;
  10 + padding:0;
  11 + border:0;
  12 +}
  13 +
  14 +body, div, span, object, iframe,
  15 +h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  16 +a, abbr, acronym, address, code,
  17 +del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
  18 +fieldset, form, label, legend,
  19 +table, caption, tbody, tfoot, thead, tr, th, td,
  20 +article, aside, dialog, figure, footer, header,
  21 +hgroup, nav, section {
  22 + margin: 0;
  23 + padding: 0;
  24 + border: 0;
  25 + font-weight: inherit;
  26 + font-style: inherit;
  27 + font-size: 100%;
  28 + font-family: inherit;
  29 + vertical-align: baseline;
  30 +}
  31 +
  32 +/* This helps to make newer HTML5 elements behave like DIVs in older browers */
  33 +article, aside, dialog, figure, footer, header,
  34 +hgroup, nav, section {
  35 + display:block;
  36 +}
  37 +
  38 +/* Line-height should always be unitless! */
  39 +body {
  40 + line-height: 1.5;
  41 + background: white;
  42 +}
  43 +
  44 +/* Tables still need 'cellspacing="0"' in the markup. */
  45 +table {
  46 + border-collapse: separate;
  47 + border-spacing: 0;
  48 +}
  49 +/* float:none prevents the span-x classes from breaking table-cell display */
  50 +caption, th, td {
  51 + text-align: left;
  52 + font-weight: normal;
  53 + float:none !important;
  54 +}
  55 +table, th, td {
  56 + vertical-align: middle;
  57 +}
  58 +
  59 +/* Remove possible quote marks (") from <q>, <blockquote>. */
  60 +blockquote:before, blockquote:after, q:before, q:after { content: ''; }
  61 +blockquote, q { quotes: "" ""; }
  62 +
  63 +/* Remove annoying border on linked images. */
  64 +a img { border: none; }
  65 +
  66 +/* Remember to define your own focus styles! */
  67 +:focus { outline: 0; }
0 \ No newline at end of file 68 \ No newline at end of file
ieducar/intranet/templates/nvp_htmlloginintranet.tpl
  Diff comments   View file @f033715
1 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
2 -<html>  
3 - <head>  
4 - <title>Intranet</title>  
5 -  
6 - <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />  
7 - <meta http-equiv="Pragma" content="no-cache" />  
8 - <meta http-equiv="Expires" content="-1" />  
9 -  
10 - <script language="JavaScript" type="text/javascript">  
11 - function loginpage_onload()  
12 - {  
13 - loginObj = document.getElementById( "login" );  
14 - if( loginObj.value == "" )  
15 - {  
16 - loginObj.focus();  
17 - }  
18 - }  
19 - </script>  
20 - <style type="text/css">  
21 - BODY,TABLE,TD {  
22 - color: #000000;  
23 - background-color: #E4E9ED;  
24 - font-family: verdana, arial, heveltica, sans;  
25 - font-size: 11px;  
26 - background-repeat: no-repeat;  
27 - margin: 0 0 0 0;  
28 - }  
29 - A:link, A:visited, A:active, A:hover {  
30 - color: #0033CC;  
31 - font-family: verdana, arial, heveltica, sans;  
32 - font-size: 11px;  
33 - }  
34 - LABEL{  
35 - float: left;  
36 - width: 60px;  
37 - font-family: verdana, arial, heveltica, sans;  
38 - font-size: 11px;  
39 - }  
40 - INPUT{  
41 - margin-bottom:5px;  
42 - width: 140px;  
43 - }  
44 - .botao{  
45 - margin-left: 60px;  
46 - width:66px;  
47 - }  
48 - </style>  
49 - </head>  
50 - <body onload="loginpage_onload();">  
51 - <table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">  
52 - <tr>  
53 - <td valign="top" align="left" width="211"><img src="imagens/nvp_top_webmail.jpg" border="0" alt="Intranet" title="Intranet" /></td>  
54 - <td style="padding-left:10px;">  
55 - <br /><br /><br /><br /><br />  
56 - <br /><!-- #&ERROLOGIN&# --><br /><br />  
57 - <img src="imagens/nvp_tit_intranet.jpg" border="0" alt="Bem vindo � Intranet" title="Bem vindo � Intranet" /><br /><br />  
58 - <form action="" method="post">  
59 - <label for="login">Matr&iacute;cula:</label>  
60 - <input type="text" name="login" id="login" value="" size="15" /><br />  
61 -  
62 - <label for="senha">Senha:</label>  
63 - <input type="password" name="senha" id="senha" size="15" /><br />  
64 -  
65 - <input type="image" class="botao" src="imagens/nvp_bot_entra_webmail.jpg" value="Entrar" />  
66 - </form>  
67 - <br /><br /><br /><br /><br /><br />  
68 -  
69 - </td>  
70 - </tr>  
71 - </table>  
72 - </body>  
73 -</html> 1 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2 +<html>
  3 + <head>
  4 + <title>Intranet</title>
  5 + <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1' />
  6 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7 + <meta http-equiv="Pragma" content="no-cache" />
  8 + <meta http-equiv="Expires" content="-1" />
  9 +
  10 + <link rel=stylesheet type='text/css' href='styles/reset.css?rand=3' />
  11 + <link rel=stylesheet type='text/css' href='styles/portabilis.css?rand=3' />
  12 + <link rel=stylesheet type='text/css' href='styles/min-portabilis.css?rand=3' />
  13 + <link rel=stylesheet type='text/css' href='styles/login.css?rand=4' />
  14 +
  15 + <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
  16 +
  17 + <script type="text/javascript">
  18 +
  19 + var $j = jQuery.noConflict();
  20 +
  21 + function currentSO() {
  22 + var so = undefined;
  23 +
  24 + if (navigator && navigator.platform) {
  25 + var platform = navigator.platform.toLowerCase();
  26 +
  27 + if (platform.indexOf('win') > -1)
  28 + so = 'windows';
  29 + else if (platform.indexOf('linux') > -1)
  30 + so = 'linux';
  31 + else if (platform.indexOf('mac') > -1)
  32 + so = 'macOS';
  33 + else if (platform.indexOf('x11') > -1)
  34 + so = 'unix';
  35 + else
  36 + so = platform;
  37 + }
  38 +
  39 + return so;
  40 + }
  41 +
  42 + function loginpage_onload() {
  43 + var domainName = window.location.hostname;
  44 +
  45 + if (domainName.indexOf('treinamento') < 0 && domainName.indexOf('demonstracao') < 0)
  46 + $j('.only-for-clients').show();
  47 +
  48 + $j('.fade-in').fadeIn('slow');
  49 +
  50 + $j('#login').focus();
  51 +
  52 + // used for support links
  53 + if (currentSO() == 'windows')
  54 + $j('.visible-for-windows-so').show();
  55 + else
  56 + $j('.visible-for-non-windows-so').show();
  57 + }
  58 + </script>
  59 +
  60 + </head>
  61 + <body onload="loginpage_onload();" class="hidden fade-in">
  62 + <div id="flash-container">
  63 +
  64 + <!--[if lt IE 7]>
  65 + <p style="min-height: 32px;" class="flash update-browser"><strong>Seu navegador est&aacute desatualizado.</strong> Para melhor navega&ccedil;&atildeo no sistema, por favor, atualize seu navegador.<a href="http://br.mozdev.org/download/" target="_blank"><img style="margin-top:4px;" src="http://www.mozilla.org/contribute/buttons/110x32bubble_r_pt.png" alt="Firefox" width="110" height="32" style="border-style:none;" title="Mozilla Firefox" /></a></p>
  66 + <![endif]-->
  67 +
  68 + <!-- #&ERROLOGIN&# -->
  69 + </div>
  70 +
  71 + <div id="corpo">
  72 + <div id="login-form" class="box shadow">
  73 + <h2>Entrar</h2>
  74 + <p class="explanation"></p>
  75 +
  76 + <form action="" method="post">
  77 + <table>
  78 + <tbody><tr>
  79 + <td>
  80 + <label class="" for="login">Matr&iacute;cula:</label>
  81 + <input type="text" name="login" id="login"></td>
  82 + </tr>
  83 +
  84 + <tr>
  85 + <td>
  86 + <label class="" for="senha">Senha:</label>
  87 + <input type="password" name="senha" id="senha">
  88 + </td>
  89 + </tr>
  90 + <tr>
  91 + <td><!-- #&RECAPTCHA&# --></td>
  92 + </tr>
  93 + <tr>
  94 + <td>
  95 + <input type="submit" class="submit" src="imagens/nvp_bot_entra_webmail.jpg" value="Entrar">
  96 + </td>
  97 + </tr>
  98 + <tr>
  99 + <td>
  100 + <p class="forget-password"><a class="light small" href="/module/Usuario/RedefinirSenha">Esqueceu sua senha?</a></p>
  101 +
  102 + <p><a target="_blank" class="light small" href="http://educacao.portabilis.com.br/">Acesso professores, pais e alunos.</a> <a target="_blank" class="decorated light small" href="http://www.portabilis.com.br/produto/educacao-19#destaques">Saiba mais</a>
  103 + </p>
  104 + </td>
  105 + </tr>
  106 + </tbody></table>
  107 + </form>
  108 +
  109 + </div> <!-- end login-form -->
  110 +
  111 + <div id="service-info">
  112 + <p class="requiriments title">Requisitos</p>
  113 + <p class="explanation">Para melhor uso do sistema, recomendamos:</p>
  114 + <ul class="requiriments unstyled">
  115 + <li>- Navegador <a target="_blank" class="light decorated" href="https://www.google.com/intl/pt-BR/chrome/browser/">Google Chrome</a> ou <a target="_blank" class="light decorated" href="http://br.mozdev.org/download/">Mozilla Firefox</a></li>
  116 + <li>- Leitor relat&oacute;rios PDF <a target="_blank" class="light decorated" href="http://get.adobe.com/br/reader/">Adobe Reader</a> ou <a target="_blank" class="light decorated" href="http://www.foxitsoftware.com/downloads#reader">Foxit</a></li>
  117 + </ul>
  118 + </div>
  119 +
  120 + <div class="clear"></div>
  121 +
  122 + </div> <!-- end corpo -->
  123 +
  124 + <div id="rodape" class="texto-normal">
  125 + <p>
  126 + <!--Portabilis Tecnologia-->
  127 + </p>
  128 + </div> <!-- end rodape -->
  129 +
  130 + </body>
  131 +</html>