Commit dd14aa508857d9e5f387562a353fa1040250d7e8

Authored by Paulo Graça
1 parent fb668ce1c4
Exists in master

PG: validador footer logos

web/validator2resources/footer.jsp
... ... @@ -8,51 +8,21 @@
8 8 + "/validator2resources";
9 9 %>
10 10  
11   -<div id="footer" style="margin-top: 40px">
12   - <table class="pageFooterBar" style="background-color:white;">
13   - <tbody>
14   - <tr style="font: 10px/10px arial, helvetica, sans-serif; color: #666;">
15   - <td colspan="2" rowspan="1" style="text-align:left;padding-left: 10px;">&nbsp;</td>
16   - <td width="30">&nbsp;</td>
17   - <td colspan="3" rowspan="1" style="text-align:left;">Financiadores do RCAAP</td>
18   - </tr>
19   - <tr style="font: 10px/10px serif;">
20   - <td colspan="8" rowspan="1"><hr style="height: 1px; border: 0; color: #ccc; background-color: #ccc; margin: 0;" /></td>
21   - </tr>
22   - <tr valign="bottom">
23   - <td style="padding-left: 10px;padding-right: 10px;">
24   - <a href="http://www.fct.pt" target="_blank" title="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.fct' />">
25   - <img src="../_img/logos/fctfccn.gif" alt="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.fct' />" border="0" />
26   - </a>
27   - </td>
28   - <td style="padding-right: 10px;">
29   - <a href="http://www.uminho.pt" target="_blank" title="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.uminho' />">
30   - <img src="../_img/logos/uminho.gif" alt="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.uminho' />" border="0" />
31   - </a>
32   - </td>
33   - <td width="50%">&nbsp;</td>
34   - <td style="padding-right: 10px;">
35   - <a href="http://www.portugal.gov.pt" target="_blank" title="Governo Portugu&ecirc;s">
36   - <img src="../_img/logos/govpt.gif" alt="Governo Portugu&ecirc;s" border="0" />
37   - </a>
38   - </td>
39   - <td style="padding-right: 10px;">
40   - <a href="http://www.portugal.gov.pt/pt/os-ministerios/ministerio-da-educacao-e-ciencia.aspx" target="_blank" title="<KEEP:lang key='webui.general.alt.mec' lang='<%=lang %>' />">
41   - <img src="../_img/logos/mec.gif" alt="<KEEP:lang key='webui.general.alt.mec' lang='<%=lang %>' />" border="0" />
42   - </a>
43   - </td>
44   - <td style="padding-right: 10px;">
45   - <a href="http://www.qca.pt/pos/posc.asp" target="_blank" title="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.pos' />">
46   - <img src="../_img/logos/pos.gif" alt="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.pos' />" border="0" />
47   - </a>
48   - </td>
49   - <td style="padding-right: 10px;">
50   - <a href="http://europa.eu" target="_blank" title="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.eu' />">
51   - <img src="../_img/logos/ue.gif" alt="<KEEP:lang lang='<%=lang %>' key='webui.general.alt.eu' />" border="0" />
52   - </a>
53   - </td>
54   - <td>&nbsp;</td>
55   - </tr>
56   - </tbody>
57   - </table>
58   -</div>
59 11 \ No newline at end of file
  12 +<!-- rcaap footer -->
  13 +<footer>
  14 + <div class="container">
  15 + <div class="row">
  16 + <div class="col-md-6 promotors">
  17 + <p>&nbsp;</p>
  18 + <a href="http://www.fct.pt" target="_blank" title="Funda&ccedil;&atilde;o para a Ci&ecirc;ncia e a Tecnologia"><span class="hide-text logos logos-logo-fct-fccn">Funda&ccedil;&atilde;o para a Ci&ecirc;ncia e a Tecnologia - Funda&ccedil;&atilde;o para a Computa&ccedil;&atilde;o Cient&iacute;fica Nacional</span></a>
  19 + <a href="http://www.uminho.pt" target="_blank" title="Universidade do Minho"><span class="hide-text logos logos-logo-uminho">Universidade do Minho</span></a>
  20 + </div>
  21 + <div class="col-md-6 sponsors">
  22 + <p>Financiadores do RCAAP:</p>
  23 + <a href="http://www.portugal.gov.pt/" target="_blank" title="Rep&uacute;blica Portuguesa"><span class="hide-text logos logos-logo-rp-mctes">Rep&uacute;blica Portuguesa &middot; Minist&eacute;rio da Ci&ecirc;ncia, Tecnologia e Ensino Superior</span></a>
  24 + <a href="http://www.posc.mctes.pt/" target="_blank" title="POS_Conhecimento"><span class="hide-text logos logos-logo-posc">POS_C</span></a>
  25 + <a href="http://www.europa.eu.int/" target="_blank" title="Uni&atilde;o Europeia"><span class="hide-text logos logos-logo_FEDER">Uni&atilde;o Europeia - Programa FEDER</span></a>
  26 + </div>
  27 + </div>
  28 + </div>
  29 +</footer>
... ...
web/validator2resources/image/logos/logos-small.png

7.27 KB

web/validator2resources/starter-template.css
... ... @@ -91,3 +91,93 @@ span.label-danger a{
91 91 height: 50px;
92 92 visibility: hidden;
93 93 }
  94 +
  95 +
  96 +/*
  97 + Footer promoters and funding
  98 +*/
  99 +.promotors > a {
  100 + margin-right: 30px;
  101 +}
  102 +
  103 +.sponsors {
  104 + padding-left: 0px;
  105 +}
  106 +
  107 +.sponsors > a {
  108 + margin-right: 0px;
  109 +}
  110 +
  111 +.sponsors p, .promotors p {
  112 + color: #999;
  113 + font-size: 0.75em;
  114 +}
  115 +
  116 +.hide-text {
  117 + text-indent: 100%;
  118 + white-space: nowrap;
  119 + overflow: hidden;
  120 +}
  121 +
  122 +.logos {
  123 + background-image: url(image/logos/logos-small.png);
  124 + background-repeat: no-repeat;
  125 + display: inline-block;
  126 + opacity: 0.5;
  127 + filter: alpha(opacity=50);
  128 + -moz-filter: grayscale(100%);
  129 + -webkit-filter: grayscale(100%);
  130 + filter: grayscale(100%);
  131 + -o-filter: grayscale(100%);
  132 + /* IE 6-9 */
  133 + -moz-transition: all 0.2s ease-in;
  134 + -o-transition: all 0.2s ease-in;
  135 + -webkit-transition: all 0.2s ease-in;
  136 + transition: all 0.2s ease-in;
  137 +}
  138 +
  139 +.logos:hover {
  140 + opacity: 1;
  141 + filter: alpha(opacity=100);
  142 + -moz-filter: grayscale(0%);
  143 + -webkit-filter: grayscale(0%);
  144 + filter: grayscale(0%);
  145 + -o-filter: grayscale(0%);
  146 +}
  147 +
  148 +.logos-logo-fct-fccn {
  149 + width: 194px;
  150 + height: 42px;
  151 + background-position: -2px -2px;
  152 +}
  153 +
  154 +.logos-logo-posc {
  155 + width: 172px;
  156 + height: 42px;
  157 + background-position: -2px -48px;
  158 +}
  159 +
  160 +.logos-logo-rp-mctes {
  161 + width: 182px;
  162 + height: 42px;
  163 + background-position: -2px -94px;
  164 +}
  165 +
  166 +.logos-logo-uminho {
  167 + width: 44px;
  168 + height: 42px;
  169 + background-position: -2px -140px;
  170 +}
  171 +
  172 +.logos-logo_FEDER {
  173 + width: 118px;
  174 + height: 42px;
  175 + background-position: -50px -140px;
  176 +}
  177 +
  178 +footer {
  179 + padding: 30px 0;
  180 + text-align: left;
  181 +}
  182 +
  183 +
... ...