Commit 2f5ef52eeb222624914acb88b31a6ee20c84e6ac

Authored by Juliana
1 parent b6b57d70

New community page and alteration software download block

pagina_comunidade.css 0 → 100644
... ... @@ -0,0 +1,143 @@
  1 +/*****************Nome da comunidade********************/
  2 +#infor-community-geral{
  3 + border-bottom: 1px solid #D3D6DE;
  4 + padding-bottom: 30px;
  5 + margin:0px 20px 0px 0px;
  6 +
  7 +}
  8 +#infor-community-geral h1{
  9 + text-align: left;
  10 +}
  11 +#infor-community-geral p{
  12 +
  13 +}
  14 +
  15 +/********Bloco de informacao da comunidade********/
  16 +.community-block{
  17 + border:1px solid #ECEDF1;
  18 + border-radius:4px;
  19 + /*padding:10px;*/
  20 +}
  21 +
  22 +.community-block-logo{
  23 + border-bottom: 3px solid #3E67B1;
  24 +}
  25 +.community-block-title{
  26 + background-color:#ECEDF1;
  27 + padding:10px;
  28 + border-bottom-right-radius: 4px;
  29 + border-bottom-left-radius: 4px;
  30 +}
  31 +.community-block-title h1{
  32 + font-size: 14px !important;
  33 + margin-bottom:0px !important;
  34 +}
  35 +.community-block-logo{
  36 + padding:10px;
  37 +}
  38 +
  39 +.community-block-logo img.logo{
  40 + max-width: 170px;
  41 + height: auto;
  42 + min-width: 100px;
  43 + width: 100px;
  44 +}
  45 +
  46 +.community-block-logo a{
  47 + display:block;
  48 + /*width: 210px;*/
  49 + height: 100px;
  50 + overflow: hidden;
  51 + text-align: center;
  52 +
  53 +}
  54 +
  55 +/*****Bloco principal-com informacoes da comunidade*******/
  56 +#block-infor-community ul {
  57 + /*margin:20px 20px 0;*/
  58 + list-style:none;
  59 +}
  60 +
  61 +#block-infor-community ul li {
  62 + float:left;
  63 + border-top-right-radius: 4px;
  64 + border-top-left-radius: 4px;
  65 +}
  66 +
  67 +.itens-aba a {
  68 + float:left;
  69 + border:1px solid #FFF;
  70 + background:#ccc;
  71 + padding:10px 14px;
  72 + color:#FFF;
  73 + text-decoration:none;
  74 +}
  75 +
  76 +.itens-aba a:focus {
  77 + background:red;
  78 +}
  79 +
  80 +.abas-conteudo {
  81 + /*margin:0 20px;*/
  82 + width:400px;
  83 + clear:both;
  84 + position:relative;
  85 +}
  86 +
  87 +.abas-conteudo div {
  88 + background:white;
  89 + border:1px solid black;
  90 + padding:10px;
  91 + width:490px;
  92 + height: 250px;
  93 + display:none;
  94 + position:absolute;
  95 +}
  96 +
  97 +.abas-conteudo div:first-child {
  98 + display:block;
  99 +}
  100 +
  101 +.abas-conteudo div:target {
  102 + display:block;
  103 +}
  104 +/******************************************************/
  105 +/******************* Bloco Membros*********************/
  106 +.members-block{
  107 + background-color:#D3D6DE;
  108 +}
  109 +.members-block .block-title{
  110 + border:1px solid #D3D6DE;
  111 +}
  112 +
  113 +/*****************************************************/
  114 +/**********Bloco de informacoes temporarias*************/
  115 +#temporary-alerts{
  116 + border:1px solid #D3D6DE;
  117 + border-radius:4px;
  118 + margin:0px 20px 0px 0px;
  119 +}
  120 +
  121 +#temporary-alerts h3{
  122 + background-color:#ECEDF1;
  123 + border-bottom:1px solid #D3D6DE;
  124 + margin:0px;
  125 + padding:10px 15px;
  126 + text-transform: uppercase;
  127 +}
  128 +
  129 +.calendar-infor-temp,
  130 +.search-infor-temp,
  131 +.chat-infor-temp{
  132 + display:block;
  133 + border-bottom:1px dotted #D3D6DE;
  134 + border-radius: 1px;
  135 + line-height: 21px;
  136 + padding:10px 15px;
  137 +}
  138 +
  139 +#infor-temporary span:last-child {
  140 + border-bottom:none;
  141 +}
  142 +
  143 +/**************************************************/
0 144 \ No newline at end of file
... ...
pagina_software.css
... ... @@ -147,7 +147,7 @@ border: none;
147 147 #content span.req_spb a:hover , #content span.nov_spb a:hover, #content span.licensed a:hover {
148 148 color: #8ECBF7;
149 149 }
150   -/************Bloco de Software**************/
  150 +/************Bloco de download de Software**************/
151 151 #download-block-2{
152 152 border:1px solid #D3D6DE;
153 153 border-radius: 10px;
... ... @@ -161,11 +161,12 @@ border: none;
161 161 background-color: #D3D6DE;
162 162 border-top-left-radius:8px;
163 163 border-top-right-radius:8px;
164   - padding:3px 11px;
  164 + padding:5px 10px; /*3px 11px;*/
165 165 }
166 166  
167   -#download_spb h3{
  167 +#download_spb-2 h3{
168 168 margin:6px 0px 2px 10px;
  169 + font-size: 20px;
169 170 }
170 171  
171 172 #download-info-1,
... ... @@ -187,10 +188,12 @@ border: none;
187 188 /*border:1px solid #2c66ce;/*#5E82C6;*/
188 189 /*border-radius: 8px;
189 190 /*background-color: #2c66ce;/*#5E82C6;*/
190   - /*padding: 20px 10px;
191   - width:40px;*/
  191 + /*padding: 20px 10px;*/
  192 + width:80px;
192 193 float:left;
193 194 margin-right: 20px;
  195 + margin-left: 15px;
  196 + clear:both;
194 197  
195 198 }
196 199  
... ... @@ -202,11 +205,11 @@ border: none;
202 205 border-top-left-radius: 8px;
203 206 background-image: url("images/download-icon.png");
204 207 background-repeat: no-repeat;
205   - background-position: 15px;
206   - padding: 10px 15px; /*5px 10px;*/
207   - margin: 0px 9px;
208   - width: 45px;
209   - height: 33px;
  208 + background-position: center; /*15px;*/
  209 + padding:50px 0px 8px 0px; /*20px;*/ /*15px 15px;*/ /*5px 10px;*/
  210 + /*margin: 0px 9px; */
  211 + /*width: 45px;*/
  212 + /*height: 25px;*/
210 213 display:block;
211 214 }
212 215  
... ... @@ -218,11 +221,12 @@ border: none;
218 221 border:1px solid #1a397d;
219 222 border-bottom-right-radius: 8px;
220 223 border-bottom-left-radius: 8px;
221   - width: 45px;
  224 + display:block;
  225 + /*padding: 0px 10px 3px 6px; /*3px 22px;*/
  226 + /* width: 45px;
222 227 height: 17px;
223   - padding:3px 22px;
224 228 margin:0px 9px;
225   - line-height: 20px;
  229 + line-height: 20px; */
226 230 }
227 231  
228 232 /*
... ... @@ -238,6 +242,7 @@ border: none;
238 242 }*/
239 243  
240 244 #info-software-download{
  245 + font-size: 16px;
241 246 position: relative;
242 247 margin: 5px 0px 0px 100px;
243 248 }
... ... @@ -248,25 +253,26 @@ border: none;
248 253 }
249 254  
250 255 .download-system{
251   - font-size: 12px;
  256 + font-size: 14px;
252 257 display: block;
253 258  
254 259 }
255 260  
256 261 .req_min_spb{
257   - font-size: 11px;
  262 + font-size: 12px;
258 263 }
259 264  
260 265 .req_min_spb a{
261 266 line-height: 40px;
262 267 color:#3E67B1;
  268 + text-decoration: underline;
263 269 }
264 270  
265 271 #licensed-software{
266 272 border-top: 1px solid #D3D6DE;
267 273 background-color: #D3D6DE;
268 274 text-align: right;
269   - padding:15px;
  275 + padding:14px;
270 276 border-bottom-right-radius:8px;
271 277 border-bottom-left-radius:8px;
272 278 font-size: 12px;
... ...
style.css
... ... @@ -24,6 +24,8 @@
24 24  
25 25 /****************** pagina de software ********************/
26 26 @import url(pagina_software.css);
  27 +/****************** Pagina comunidade ********************/
  28 +@import url(pagina_comunidade.css);
27 29  
28 30 @import url(page-inicial.css);
29 31 @import url(page-catalog-software.css);
... ...