Commit 2f5ef52eeb222624914acb88b31a6ee20c84e6ac
1 parent
b6b57d70
Exists in
master
and in
12 other branches
New community page and alteration software download block
Showing
3 changed files
with
167 additions
and
16 deletions
Show diff stats
| ... | ... | @@ -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); | ... | ... |