Commit 8c847dfbe9ed06bfe6f644cbdbbc89e4f8f9f53d
0 parents
Exists in
master
and in
2 other branches
New participa theme
Showing
213 changed files
with
4742 additions
and
0 deletions
Show diff stats
| 1 | +++ a/cabecalho.css | ||
| @@ -0,0 +1,1143 @@ | @@ -0,0 +1,1143 @@ | ||
| 1 | +/*(amarelo-claro=#fcdd4e)*/ | ||
| 2 | +/*(amarelo-escuro=#f9c404)*/ | ||
| 3 | +/****************** cabecalho ******************/ | ||
| 4 | +#theme-header{height: auto;} | ||
| 5 | + | ||
| 6 | +#header { | ||
| 7 | + padding: 13px 0 0 0; | ||
| 8 | +background-color: #fcdd4e;/*(amarelo-claro)*/ | ||
| 9 | + /* Old browsers */ | ||
| 10 | + background-color: #f9c404; /*(amarelo-escuro)*/ | ||
| 11 | + background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/ | ||
| 12 | + /* FF3.6+ */ | ||
| 13 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404)); | ||
| 14 | + /* Chrome,Safari4+ */ | ||
| 15 | + background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 16 | + /* Chrome10+,Safari5.1+ */ | ||
| 17 | + background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 18 | + /* Opera 12+ */ | ||
| 19 | + background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 20 | + /* IE10+ */ | ||
| 21 | + background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%); | ||
| 22 | + /* W3C */ | ||
| 23 | +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/ | ||
| 24 | + /* IE6-9 fallback on horizontal gradient */ | ||
| 25 | + color: #fff; | ||
| 26 | +} | ||
| 27 | + | ||
| 28 | +#header>div { | ||
| 29 | + max-width: 960px; | ||
| 30 | + margin: 0 auto; | ||
| 31 | +} | ||
| 32 | + | ||
| 33 | +.header-content * { | ||
| 34 | + margin: 0; | ||
| 35 | + padding: 0; | ||
| 36 | + list-style: none; | ||
| 37 | + vertical-align: baseline; | ||
| 38 | +} | ||
| 39 | + | ||
| 40 | +.header-content { | ||
| 41 | + height: 5px; | ||
| 42 | + transition-duration: 0.6s; | ||
| 43 | + overflow: hidden; | ||
| 44 | +} | ||
| 45 | + | ||
| 46 | +.header-content:hover, | ||
| 47 | +.header-content *:focus + .header-content, | ||
| 48 | +.header-content *:focus > .header-content { | ||
| 49 | + height: 173px; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +.header-content li { display: inline; } | ||
| 53 | + | ||
| 54 | +#brasilgov { | ||
| 55 | + background: #00510f; | ||
| 56 | + border-bottom: 1px solid #ffcc00; | ||
| 57 | + padding: 5px 10px; | ||
| 58 | + color: #03316f; | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | +#accessibility { | ||
| 62 | + display: block !important; | ||
| 63 | + float: left; | ||
| 64 | + font-family: arial; | ||
| 65 | + font-size: 10px; | ||
| 66 | + width: 50%; | ||
| 67 | +} | ||
| 68 | + | ||
| 69 | +#accessibility a { | ||
| 70 | + color: #00500f; | ||
| 71 | + margin-right: 8px; | ||
| 72 | +} | ||
| 73 | + | ||
| 74 | +#accessibility span { | ||
| 75 | + background: none repeat scroll 0 0 #497B16; | ||
| 76 | + color: #FFFFFF; | ||
| 77 | + padding: 0 4px; | ||
| 78 | +} | ||
| 79 | + | ||
| 80 | + | ||
| 81 | + | ||
| 82 | +/* logo */ | ||
| 83 | +#logo { | ||
| 84 | + padding: 0; | ||
| 85 | + float: left; | ||
| 86 | + width: 70%; | ||
| 87 | +} | ||
| 88 | + | ||
| 89 | +#logo span { | ||
| 90 | + display: block; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +#logo a { | ||
| 94 | + display: block; | ||
| 95 | + width: 100%; | ||
| 96 | + color: #03316f !important; | ||
| 97 | + margin: 1em 0px; | ||
| 98 | +} | ||
| 99 | + | ||
| 100 | +#logo a, #logo #portal-title { | ||
| 101 | + color: #03316f; | ||
| 102 | +} | ||
| 103 | + | ||
| 104 | +#logo #portal-title { | ||
| 105 | + margin: 30px 0px 46px 0px; | ||
| 106 | + color: #03316f; | ||
| 107 | + font-size: 40px; | ||
| 108 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | ||
| 109 | + font-weight: normal; | ||
| 110 | + line-height: 1em; | ||
| 111 | + letter-spacing: -0.05em; | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +#logo .luongo { | ||
| 115 | + font-size: 3em !important; | ||
| 116 | + line-height: 1.1em; | ||
| 117 | + margin-bottom: 0.2em; | ||
| 118 | +} | ||
| 119 | + | ||
| 120 | +#logo #portal-description { | ||
| 121 | + font-size: 1.2em; | ||
| 122 | + text-transform: uppercase; | ||
| 123 | +} | ||
| 124 | + | ||
| 125 | +/* Site Actions */ | ||
| 126 | +#portal-siteactions { | ||
| 127 | + display: block; | ||
| 128 | + float: right; | ||
| 129 | + clear: left; | ||
| 130 | + border-bottom: 1px dotted #00500f; | ||
| 131 | + padding-bottom: 2px; | ||
| 132 | + margin-top: -15px; | ||
| 133 | + font-size: 10px; | ||
| 134 | + text-align: center; | ||
| 135 | +} | ||
| 136 | + | ||
| 137 | +#portal-siteactions a { | ||
| 138 | + color: #00500f; | ||
| 139 | + text-decoration: none; | ||
| 140 | + padding: 4px 0 4px 10px; | ||
| 141 | + text-transform: uppercase; | ||
| 142 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | ||
| 143 | +} | ||
| 144 | + | ||
| 145 | +#portal-siteactions a:hover { | ||
| 146 | + color: #03316f; | ||
| 147 | +} | ||
| 148 | + | ||
| 149 | +#portal-siteactions li { | ||
| 150 | + display: inline; | ||
| 151 | +} | ||
| 152 | + | ||
| 153 | +#portal-siteactions li a:hover { | ||
| 154 | +color: #75ad0a | ||
| 155 | +} | ||
| 156 | +#portal-siteactions li a { | ||
| 157 | + padding: 4px 0px; | ||
| 158 | +} | ||
| 159 | + | ||
| 160 | +#social-icons { | ||
| 161 | + float: right; | ||
| 162 | + clear: right; | ||
| 163 | + margin: 0px; | ||
| 164 | +} | ||
| 165 | + | ||
| 166 | +#social-icons ul { | ||
| 167 | + display: table-row; | ||
| 168 | +} | ||
| 169 | + | ||
| 170 | +#social-icons li { | ||
| 171 | + display: table-cell; | ||
| 172 | +} | ||
| 173 | + | ||
| 174 | +#social-icons li a { | ||
| 175 | + border: none; | ||
| 176 | + padding: 0 5px; | ||
| 177 | +} | ||
| 178 | + | ||
| 179 | +#siteaction-accessibility, | ||
| 180 | +#siteaction-contraste { | ||
| 181 | + margin: 0px 15px 0px 0px; | ||
| 182 | +} | ||
| 183 | +/* */ | ||
| 184 | + | ||
| 185 | +/* Top links */ | ||
| 186 | +#theme-header .header-content #link-faq a { | ||
| 187 | + border-right: 1px solid #00500f; | ||
| 188 | + padding: 0 10px; | ||
| 189 | +} | ||
| 190 | +#theme-header .header-content #link-contact a { | ||
| 191 | + padding-left: 10px; | ||
| 192 | +} | ||
| 193 | + | ||
| 194 | +#theme-header #sobre { | ||
| 195 | + line-height: 20px; | ||
| 196 | + font-size: 12px; | ||
| 197 | +} | ||
| 198 | +/* */ | ||
| 199 | + | ||
| 200 | +/* Sobre o brasil */ | ||
| 201 | +#sobre { | ||
| 202 | + clear: both; | ||
| 203 | + max-width: 100% !important; | ||
| 204 | + margin: 0; | ||
| 205 | + background: #f8c300;/*amarelo-mais-escuro*/ | ||
| 206 | + padding: 5px 0; | ||
| 207 | +} | ||
| 208 | + | ||
| 209 | +#sobre ul { | ||
| 210 | + max-width: 960px; | ||
| 211 | + margin: 0 auto; | ||
| 212 | + text-align: right; | ||
| 213 | +} | ||
| 214 | + | ||
| 215 | +#sobre a { | ||
| 216 | + color: #00500f; | ||
| 217 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | ||
| 218 | +} | ||
| 219 | + | ||
| 220 | +#sobre .portalservicos-item a { | ||
| 221 | + padding: 0 10px; | ||
| 222 | + border-right: 1px solid #03316f; | ||
| 223 | +} | ||
| 224 | + | ||
| 225 | +#sobre .last-item a { | ||
| 226 | + padding: 0 0 0 10px; | ||
| 227 | + border-right: none; | ||
| 228 | +} | ||
| 229 | + | ||
| 230 | +/* Searchbox */ | ||
| 231 | +.LSBox { | ||
| 232 | + margin: 0; | ||
| 233 | + padding: 0; | ||
| 234 | + border: none; | ||
| 235 | +} | ||
| 236 | + | ||
| 237 | +input.searchField { | ||
| 238 | + -moz-appearance: none; | ||
| 239 | +} | ||
| 240 | + | ||
| 241 | +#portal-searchbox { | ||
| 242 | + clear: right; | ||
| 243 | + float: right; | ||
| 244 | + font-size: 80%; | ||
| 245 | + margin: 30px 0 14px; | ||
| 246 | + /*margin: 3.12em 0px 3px 0px;*/ | ||
| 247 | + text-align: right; | ||
| 248 | + border-radius: 5px; | ||
| 249 | + -moz-border-radius: 5px; | ||
| 250 | + -webkit-border-radius: 5px; | ||
| 251 | + border: 1px solid #CCCCCC; | ||
| 252 | + background: #fff; | ||
| 253 | + padding: 2px; | ||
| 254 | +} | ||
| 255 | + | ||
| 256 | +#portal-searchbox .searchField { | ||
| 257 | + padding: 0.45em; | ||
| 258 | + border-right: none; | ||
| 259 | + border: none; | ||
| 260 | + width: 170px; | ||
| 261 | +} | ||
| 262 | + | ||
| 263 | +#portal-searchbox form { | ||
| 264 | +white-space: nowrap; | ||
| 265 | +} | ||
| 266 | + | ||
| 267 | +#portal-searchbox label { | ||
| 268 | +font-weight: normal; | ||
| 269 | +} | ||
| 270 | + | ||
| 271 | +#searchGadget { | ||
| 272 | +width: 13em; | ||
| 273 | +} | ||
| 274 | + | ||
| 275 | +#header input.searchButton { | ||
| 276 | + padding: 0.3em; | ||
| 277 | + background: transparent; | ||
| 278 | + text-indent: -2000px; | ||
| 279 | + padding: 4px 15px; | ||
| 280 | + border: none; | ||
| 281 | +} | ||
| 282 | + | ||
| 283 | +#content input.searchField { | ||
| 284 | +margin-bottom: 1em; | ||
| 285 | +} | ||
| 286 | +input.searchField { | ||
| 287 | +-moz-appearance: searchfield; | ||
| 288 | +} | ||
| 289 | + | ||
| 290 | +#header input.searchButton { | ||
| 291 | + background-image: url("images/search-button.gif"); | ||
| 292 | + background-position: 8px 2px; | ||
| 293 | + background-repeat: no-repeat; | ||
| 294 | + background-color: #ffffff; | ||
| 295 | +} | ||
| 296 | + | ||
| 297 | +#LSResult { | ||
| 298 | + z-index: 1; | ||
| 299 | + margin-top: 0.5%; | ||
| 300 | +} | ||
| 301 | + | ||
| 302 | + | ||
| 303 | +/* Search Button */ | ||
| 304 | +#search-button a { | ||
| 305 | + display: inline-block; | ||
| 306 | + width: 29px; | ||
| 307 | + height: 25px; | ||
| 308 | + margin-right: 3px; | ||
| 309 | + margin-top: 10px; | ||
| 310 | +} | ||
| 311 | + | ||
| 312 | +#search-button a:hover { | ||
| 313 | + opacity: 0.6; | ||
| 314 | +} | ||
| 315 | + | ||
| 316 | +#search-button #sb_search { | ||
| 317 | +background-image: url(images/search.png); | ||
| 318 | +background-size: 100% 100%; | ||
| 319 | +} | ||
| 320 | + | ||
| 321 | +#search-button span { display: none; } | ||
| 322 | + | ||
| 323 | + | ||
| 324 | +/* */ | ||
| 325 | + | ||
| 326 | +/* Social Buttons */ | ||
| 327 | +#social-buttons a { | ||
| 328 | + width: 18px; | ||
| 329 | + height: 20px; | ||
| 330 | + margin-right: 3px; | ||
| 331 | + margin-top: 10px; | ||
| 332 | +} | ||
| 333 | + | ||
| 334 | +#social-icons li a { | ||
| 335 | + width: 20px; | ||
| 336 | + height: 20px; | ||
| 337 | + padding: 0px; | ||
| 338 | + display: inline-block; | ||
| 339 | + background-repeat: no-repeat; | ||
| 340 | +} | ||
| 341 | + | ||
| 342 | +#social-icons li { | ||
| 343 | + float: right; | ||
| 344 | + width: 20px; | ||
| 345 | + margin-left: 4px; | ||
| 346 | +} | ||
| 347 | + | ||
| 348 | +#social-icons #sb_face { | ||
| 349 | +background-image: url(images/icone-verde-facebook.png); | ||
| 350 | +} | ||
| 351 | +#social-icons #sb_face:hover { | ||
| 352 | +background: url(images/icone-verde-facebook.png) 0 20px; | ||
| 353 | +} | ||
| 354 | + | ||
| 355 | +#social-icons #sb_tweet { | ||
| 356 | +background-image: url(images/icone-verde-twitter.png); | ||
| 357 | +} | ||
| 358 | +#social-icons #sb_tweet:hover { | ||
| 359 | +background: url(images/icone-verde-twitter.png) 0 20px; | ||
| 360 | +} | ||
| 361 | + | ||
| 362 | +#social-icons #sb_youtb { | ||
| 363 | +background-image: url(images/icone-verde-youtube.png); | ||
| 364 | +} | ||
| 365 | +#social-icons #sb_youtb:hover { | ||
| 366 | +background: url(images/icone-verde-youtube.png) 0 20px; | ||
| 367 | +} | ||
| 368 | + | ||
| 369 | +#social-icons #sb_flickr { | ||
| 370 | +background-image: url(images/icone-verde-flickr.png); | ||
| 371 | +} | ||
| 372 | +#social-icons #sb_flickr:hover { | ||
| 373 | +background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 374 | +} | ||
| 375 | + | ||
| 376 | +#social-icons span { display: none; } | ||
| 377 | + | ||
| 378 | +/* FIM social Buttons */ | ||
| 379 | + | ||
| 380 | +/****************** FIM cabecalho ******************/ | ||
| 381 | + | ||
| 382 | + | ||
| 383 | + | ||
| 384 | +/****************** Barra do usuário e Espaço do usuário ******************/ | ||
| 385 | + | ||
| 386 | +/********ABA Lateral - Espaço do Usuário**********/ | ||
| 387 | +/*escondendo e revelando a aba lateral*/ | ||
| 388 | +div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;} | ||
| 389 | +div#wrap-1,div#theme-footer {float: right;width:100%;} | ||
| 390 | +div#wrap-1.menu,div#theme-footer.menu {width: 80%;} | ||
| 391 | +div#wrap-0.menu{/*width: 20%*/; /*float: left;height: 1px;*/} | ||
| 392 | + | ||
| 393 | +/*Propriedades da aba lateral e elementos internos*/ | ||
| 394 | +#navigation-control { | ||
| 395 | + width: 20%; | ||
| 396 | + /*position: absolute;*/ | ||
| 397 | + position: fixed; | ||
| 398 | + left: 0px; | ||
| 399 | + display: inline-block; | ||
| 400 | + background-color: transparent; | ||
| 401 | + color: black; | ||
| 402 | + z-index: -1; | ||
| 403 | +} | ||
| 404 | + | ||
| 405 | +#navigation-control a{} | ||
| 406 | + | ||
| 407 | +#navigation-control ul li { | ||
| 408 | + margin: 10px 0; | ||
| 409 | + text-align: left; | ||
| 410 | + list-style: none; | ||
| 411 | +} | ||
| 412 | + | ||
| 413 | +#navigation-control ul li a.button.with-text, | ||
| 414 | +#navigation-control ul li a.button.with-text:visited { | ||
| 415 | + border: 0px solid #AAA; | ||
| 416 | +} | ||
| 417 | + | ||
| 418 | +#navigation-control ul li a span { | ||
| 419 | + background-repeat: no-repeat; | ||
| 420 | + /*padding-left: 25px;*/ | ||
| 421 | +} | ||
| 422 | + | ||
| 423 | +/**/ | ||
| 424 | +#navigation-control .perfil{ | ||
| 425 | + display: inline-block; | ||
| 426 | + background-color: gray; | ||
| 427 | + width: 100%; | ||
| 428 | +} | ||
| 429 | + | ||
| 430 | +#navigation-control .perfil ul{padding-left: 0;} | ||
| 431 | + | ||
| 432 | +#navigation-control .perfil ul li{} | ||
| 433 | + | ||
| 434 | +#navigation-control .perfil .name{text-align: center;} | ||
| 435 | + | ||
| 436 | +#navigation-control .perfil .name h1{color: #fff;} | ||
| 437 | + | ||
| 438 | +#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;} | ||
| 439 | + | ||
| 440 | +#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/} | ||
| 441 | + | ||
| 442 | +#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;} | ||
| 443 | + | ||
| 444 | +#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;} | ||
| 445 | + | ||
| 446 | +#navigation-control .perfil .online{color: greenyellow;} | ||
| 447 | +#navigation-control .perfil .busy{color: red;} | ||
| 448 | +#navigation-control .perfil .away{color: yellow;} | ||
| 449 | +#navigation-control .perfil .offline{color: #ccc;} | ||
| 450 | + | ||
| 451 | +#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;} | ||
| 452 | + | ||
| 453 | + | ||
| 454 | +#navigation-control .menu_user{margin-top: 0;} | ||
| 455 | + | ||
| 456 | +#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;} | ||
| 457 | + | ||
| 458 | +#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;} | ||
| 459 | + | ||
| 460 | +#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;} | ||
| 461 | + | ||
| 462 | +#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;} | ||
| 463 | + | ||
| 464 | +#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;} | ||
| 465 | + | ||
| 466 | +/********FIM ABA Lateral - Espaço do Usuário**********/ | ||
| 467 | + | ||
| 468 | + | ||
| 469 | +/****************** Barra do usuário ******************/ | ||
| 470 | +#barra-psocial { | ||
| 471 | + position: relative; | ||
| 472 | + height: 40px; | ||
| 473 | + margin: auto; | ||
| 474 | + background: url(images/barra-psocial-bg.png) repeat-x; | ||
| 475 | +} | ||
| 476 | + | ||
| 477 | +#barra-psocial.top { | ||
| 478 | + background-image: none; | ||
| 479 | + background-color: #fff; | ||
| 480 | + height: 40px; | ||
| 481 | +} | ||
| 482 | + | ||
| 483 | +#barra-psocial li { | ||
| 484 | + float: left; | ||
| 485 | +} | ||
| 486 | + | ||
| 487 | + | ||
| 488 | +/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/ | ||
| 489 | +.btn_control_panel{ | ||
| 490 | + min-width: 40px; | ||
| 491 | + height: 40px; | ||
| 492 | + color: #999; | ||
| 493 | + margin-top: 0; | ||
| 494 | + margin-right: -3px; | ||
| 495 | + display: inline-block; | ||
| 496 | + /*float: left;*/ | ||
| 497 | + vertical-align:top; | ||
| 498 | + cursor: pointer; | ||
| 499 | + border-right: 1px solid #999; | ||
| 500 | + opacity:0.4; | ||
| 501 | + filter:alpha(opacity=40); | ||
| 502 | + padding: 0px 0px 0 35px; | ||
| 503 | + position:relative; | ||
| 504 | + /*z-index: 99;*/ | ||
| 505 | +} | ||
| 506 | + | ||
| 507 | +.btn_control_panel:hover { background-color: #eee; opacity:0.8;filter:alpha(opacity=80);} | ||
| 508 | + | ||
| 509 | +.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;} | ||
| 510 | + | ||
| 511 | +a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | ||
| 512 | + | ||
| 513 | +.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 514 | + | ||
| 515 | +.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 516 | + | ||
| 517 | +a.btn_control_panel:hover ul li{display: block;} | ||
| 518 | + | ||
| 519 | +.btn_control_panel ul li ul {display: none;} | ||
| 520 | + | ||
| 521 | +.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | ||
| 522 | + | ||
| 523 | +.btn_control_panel.btn_control {padding: 0;} | ||
| 524 | + | ||
| 525 | +/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/ | ||
| 526 | + | ||
| 527 | +/*.btn_control,*/ | ||
| 528 | +.btn_menu { | ||
| 529 | + background: url(images/barra-menu-control.png) no-repeat 14px center #eee; | ||
| 530 | + padding-left: 10px; | ||
| 531 | +} | ||
| 532 | + | ||
| 533 | +.btn_tasks { | ||
| 534 | + background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px; | ||
| 535 | +} | ||
| 536 | + | ||
| 537 | +.btn_msg { | ||
| 538 | + background: url(images/barra-menu-mail.png) no-repeat 10px center #eee; | ||
| 539 | +} | ||
| 540 | + | ||
| 541 | + | ||
| 542 | +/*tarefas da barra do usuário*/ | ||
| 543 | +.task_list { | ||
| 544 | + position: absolute; | ||
| 545 | + background: #eee; | ||
| 546 | + z-index: 9999; | ||
| 547 | + margin-left: 50px; | ||
| 548 | + visibility: visible; | ||
| 549 | + display: block; | ||
| 550 | +} | ||
| 551 | + | ||
| 552 | +#msg_list.task_list {margin-left: 122px;} | ||
| 553 | + | ||
| 554 | +.task_list ul {display: inline-block;padding-left: 0;} | ||
| 555 | + | ||
| 556 | +.task_list ul li { | ||
| 557 | + float: none; | ||
| 558 | + display: block; | ||
| 559 | + padding: 10px; | ||
| 560 | +} | ||
| 561 | +.task_list ul .task_box { | ||
| 562 | + border-bottom: 1px solid #ccc; | ||
| 563 | + padding:16px; | ||
| 564 | +/* display: inline-block; | ||
| 565 | + float: left; | ||
| 566 | + margin-right: 1em;*/ | ||
| 567 | +} | ||
| 568 | + | ||
| 569 | +.task_icon { | ||
| 570 | + float: left; | ||
| 571 | + margin-right: 14px; | ||
| 572 | +} | ||
| 573 | + | ||
| 574 | +.task_list ul .task_decisions { | ||
| 575 | + clear: right; | ||
| 576 | +} | ||
| 577 | + | ||
| 578 | +.task_information { | ||
| 579 | + display: inline-block; | ||
| 580 | + width: 300px; | ||
| 581 | +} | ||
| 582 | + | ||
| 583 | +.task_list ul .task_title {margin-right: 0px !important} | ||
| 584 | + | ||
| 585 | +.task_list .button-bar{float: right;margin-right: 10px;} | ||
| 586 | + | ||
| 587 | +.task_list .button-bar a.button.with-text { | ||
| 588 | + padding: 5px 10px; | ||
| 589 | + padding-left: 20px; | ||
| 590 | + padding-right: 5px; | ||
| 591 | +} | ||
| 592 | +.task_list .button-bar input.button.with-text { | ||
| 593 | + max-height: 32px; | ||
| 594 | + height: 32px; | ||
| 595 | + padding: 0 25px; | ||
| 596 | + padding-right: 10px; | ||
| 597 | +} | ||
| 598 | + | ||
| 599 | +.task_list.hide {display: none; visibility: hidden;} | ||
| 600 | + | ||
| 601 | +/*FIM tarefas da barra do usuário*/ | ||
| 602 | + | ||
| 603 | + | ||
| 604 | +/**/ | ||
| 605 | + | ||
| 606 | + /*código "#control-panel" substituído por "#control_panel_bar" */ | ||
| 607 | +/* | ||
| 608 | +#control-panel { | ||
| 609 | + position: absolute; | ||
| 610 | + width: 230px; | ||
| 611 | + padding: 10px; | ||
| 612 | +} | ||
| 613 | +#control-panel .pending-tasks {background-color: white;} | ||
| 614 | + | ||
| 615 | +#control-panel .pending-tasks ul{ | ||
| 616 | + padding-left: 0; | ||
| 617 | +} | ||
| 618 | + | ||
| 619 | +#control-panel .pending-tasks ul li{ | ||
| 620 | + margin: 10px 0; | ||
| 621 | + padding: 10px 0; | ||
| 622 | + border-bottom: 1px solid gray; | ||
| 623 | +} | ||
| 624 | + | ||
| 625 | +#control-panel .control-panel {position: relative;} | ||
| 626 | + | ||
| 627 | +#control-panel .control-panel a, | ||
| 628 | +#control-panel .control-panel a:visited { | ||
| 629 | + clear: left; | ||
| 630 | + border-bottom: 1px solid LightGray; | ||
| 631 | +} | ||
| 632 | +*/ | ||
| 633 | + | ||
| 634 | + | ||
| 635 | + | ||
| 636 | +/************* Bar Psocial Style - Menu Horizontal**************/ | ||
| 637 | +/* | ||
| 638 | +#user{ | ||
| 639 | + padding: 0px 2em; | ||
| 640 | + top: -30px; | ||
| 641 | + font-size: 12px; | ||
| 642 | + right: 4em; | ||
| 643 | +} | ||
| 644 | + | ||
| 645 | +.logged-in #user{ | ||
| 646 | + top: -40px; | ||
| 647 | +} | ||
| 648 | +*/ | ||
| 649 | + | ||
| 650 | +#user{ | ||
| 651 | + | ||
| 652 | + top: 0px; | ||
| 653 | + font-size: 12px; | ||
| 654 | + position: relative; | ||
| 655 | + z-index: 9; | ||
| 656 | +} | ||
| 657 | + | ||
| 658 | +#user form { | ||
| 659 | + display:none; | ||
| 660 | +} | ||
| 661 | + | ||
| 662 | +#user #top-search {display: none;visibility:hidden;} | ||
| 663 | + | ||
| 664 | +#user .logged-in { | ||
| 665 | + visibility: hidden; | ||
| 666 | + display: block; | ||
| 667 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | ||
| 668 | + display: block; | ||
| 669 | + padding: 2px 1em; | ||
| 670 | + text-align: left; | ||
| 671 | + width: 130px; | ||
| 672 | + border-radius: 10px | ||
| 673 | +} | ||
| 674 | + | ||
| 675 | +#user .logged-in:hover { | ||
| 676 | + visibility: visible; | ||
| 677 | +} | ||
| 678 | +#user .logged-in a#homepage-link { | ||
| 679 | + display: block; | ||
| 680 | + visibility: visible; | ||
| 681 | +} | ||
| 682 | + | ||
| 683 | + | ||
| 684 | +#user .logged-in a.admin-link, | ||
| 685 | +#user .logged-in a.ctrl-panel, | ||
| 686 | +#user .logged-in a#logout { | ||
| 687 | + margin-top: 14px; | ||
| 688 | +} | ||
| 689 | + | ||
| 690 | + | ||
| 691 | +#user .logged-in span {display: none;} | ||
| 692 | + | ||
| 693 | +#user .logged-in a { | ||
| 694 | + display: block; | ||
| 695 | + margin-bottom: 10px; | ||
| 696 | + width: auto; | ||
| 697 | +} | ||
| 698 | + | ||
| 699 | +/*modificado devido a barra do usuário*/ | ||
| 700 | +/* | ||
| 701 | +#user .logged-in #pending-tasks-count { | ||
| 702 | + display: inline-block; | ||
| 703 | + left: -30px; | ||
| 704 | + position: absolute; | ||
| 705 | + top: 0px; | ||
| 706 | + visibility: visible; | ||
| 707 | + text-align: right; | ||
| 708 | +} | ||
| 709 | +*/ | ||
| 710 | + | ||
| 711 | +/* | ||
| 712 | +.layout_user { | ||
| 713 | + margin-left: 14px; | ||
| 714 | + margin-top: 11px; | ||
| 715 | + position: relative; | ||
| 716 | + z-index: 9; | ||
| 717 | + display: inline-block; | ||
| 718 | +} | ||
| 719 | + | ||
| 720 | +.layout_user ul {margin-right: 24px;} | ||
| 721 | + | ||
| 722 | +.layout_user ul li { | ||
| 723 | + display: inline; | ||
| 724 | +} | ||
| 725 | +*/ | ||
| 726 | +/*info do usuário na barra do usuário*/ | ||
| 727 | +#barra-psocial{} | ||
| 728 | + | ||
| 729 | +#barra-psocial .layout_user {} | ||
| 730 | + | ||
| 731 | +#barra-psocial .layout_user #user .logged-in a{text-decoration: none;} | ||
| 732 | + | ||
| 733 | +#barra-psocial .layout_user #user .logged-in { | ||
| 734 | + visibility: visible; | ||
| 735 | + display: block; | ||
| 736 | + background: none; | ||
| 737 | + display: block; | ||
| 738 | + padding: 5px 5px 5px 15px; | ||
| 739 | + text-align: left; | ||
| 740 | + width: auto; | ||
| 741 | + border-radius: 0; | ||
| 742 | + border: 0px; | ||
| 743 | +} | ||
| 744 | + | ||
| 745 | +.btn_control_panel #user span.not-logged-in, | ||
| 746 | +.btn_control_panel #user span.not-logged-in span { | ||
| 747 | +margin: 5px 5px 5px 5px; | ||
| 748 | +border: 0px solid #808080; | ||
| 749 | +border-radius: 5px; | ||
| 750 | +background-color: transparent; | ||
| 751 | +padding: 3px; | ||
| 752 | +color: #333; | ||
| 753 | +display: inline-block; | ||
| 754 | +} | ||
| 755 | + | ||
| 756 | +#barra-psocial .layout_user #user .not-logged-in a{text-decoration: none;} | ||
| 757 | + | ||
| 758 | +#barra-psocial .layout_user #user .not-logged-in {padding-left: 35px;} | ||
| 759 | + | ||
| 760 | +/*info do usuário no espaço do usuário*/ | ||
| 761 | +#navigation-control{ | ||
| 762 | + height: 100%; | ||
| 763 | + overflow-y: scroll; | ||
| 764 | + overflow-x: hidden; | ||
| 765 | + background-color:gray; | ||
| 766 | +} | ||
| 767 | + | ||
| 768 | +#navigation-control #user{margin-top: 0;width: 300px;} | ||
| 769 | + | ||
| 770 | + | ||
| 771 | +#navigation-control #user .logged-in { | ||
| 772 | + visibility: visible; | ||
| 773 | + display: block; | ||
| 774 | + background: none; | ||
| 775 | + display: block; | ||
| 776 | + padding: 5px; | ||
| 777 | + text-align: left; | ||
| 778 | + width: auto; | ||
| 779 | + border-radius: 0; | ||
| 780 | + border: 0px; | ||
| 781 | + margin-top: 0; | ||
| 782 | + padding: 0; | ||
| 783 | + border-top: 0px solid #DDD; | ||
| 784 | +} | ||
| 785 | + | ||
| 786 | +#navigation-control #user .logged-in a { | ||
| 787 | + text-decoration: none; | ||
| 788 | + color: #DDD; | ||
| 789 | + background-color: #808080; | ||
| 790 | + padding: 14px 28px; | ||
| 791 | + margin: 0; | ||
| 792 | + border-bottom: 1px solid #DDD; | ||
| 793 | +} | ||
| 794 | + | ||
| 795 | +#navigation-control #user .logged-in a strong { | ||
| 796 | +font-weight: normal; | ||
| 797 | +color: #DDD; | ||
| 798 | +background-color: #808080; | ||
| 799 | +padding: 14px; | ||
| 800 | +margin: 0; | ||
| 801 | +border-bottom: 0px solid #DDD; | ||
| 802 | +font-size: 16px; | ||
| 803 | +font-family: Arial, sans-serif; | ||
| 804 | +text-decoration: none; | ||
| 805 | +} | ||
| 806 | + | ||
| 807 | +#navigation-control .menu_user .activity_menu{border-top: 0px solid #DDD;} | ||
| 808 | + | ||
| 809 | + | ||
| 810 | +/*modificação da scroll bar DO ESPAÇO DO USUÁRIO*/ | ||
| 811 | +#navigation-control::-webkit-scrollbar-button { | ||
| 812 | + height: 0; | ||
| 813 | + width: 0; | ||
| 814 | +} | ||
| 815 | + | ||
| 816 | +#navigation-control::-webkit-scrollbar-thumb { | ||
| 817 | + background-clip: padding-box; | ||
| 818 | + background-color: gray;/*rgba(0,0,0,.3);*/ | ||
| 819 | + border: 5px solid transparent; | ||
| 820 | + border-radius: 10px; | ||
| 821 | + min-height: 20px; | ||
| 822 | + min-width: 20px; | ||
| 823 | + height: 5px; | ||
| 824 | + width: 5px; | ||
| 825 | +} | ||
| 826 | + | ||
| 827 | +#navigation-control::-webkit-scrollbar-thumb:hover { | ||
| 828 | + background-clip: padding-box; | ||
| 829 | + background-color: #eee;/*rgba(0,0,0,.3);*/ | ||
| 830 | + border: 5px solid transparent; | ||
| 831 | + border-radius: 10px; | ||
| 832 | + min-height: 20px; | ||
| 833 | + min-width: 20px; | ||
| 834 | + height: 5px; | ||
| 835 | + width: 5px; | ||
| 836 | +} | ||
| 837 | + | ||
| 838 | + | ||
| 839 | +#navigation-control::-webkit-scrollbar { | ||
| 840 | + height: 15px; | ||
| 841 | + width: 15px; | ||
| 842 | +} | ||
| 843 | + | ||
| 844 | +/*fim de modificação da scroll bar DO ESPAÇO DO USUÁRIO */ | ||
| 845 | + | ||
| 846 | +/* * Internacionalização * */ | ||
| 847 | + | ||
| 848 | +#participa-languages { | ||
| 849 | + margin-right: 14px; | ||
| 850 | + float: right; | ||
| 851 | + vertical-align: top; | ||
| 852 | + display: inline-block; | ||
| 853 | +} | ||
| 854 | + | ||
| 855 | +#participa-languages ul {} | ||
| 856 | + | ||
| 857 | +#participa-languages ul li { | ||
| 858 | + display: inline; | ||
| 859 | +} | ||
| 860 | + | ||
| 861 | +#participa-languages a.flag { | ||
| 862 | + color: #333; | ||
| 863 | + text-decoration: none; | ||
| 864 | + cursor: pointer; | ||
| 865 | + background-repeat: no-repeat; | ||
| 866 | + display: inline-block; | ||
| 867 | + height: 17px; | ||
| 868 | + width: 25px; | ||
| 869 | + margin-left: 5px; | ||
| 870 | +} | ||
| 871 | + | ||
| 872 | +.flag-en { background-image: url(images/flag-en.png) } | ||
| 873 | +.flag-pt { background-image: url(images/flag-pt_br.png) } | ||
| 874 | + | ||
| 875 | +#participa-languages a span{ display: none } | ||
| 876 | + | ||
| 877 | +/* * FIM Internacionalização * */ | ||
| 878 | + | ||
| 879 | +/****************** FIM Barra do usuário ******************/ | ||
| 880 | + | ||
| 881 | +/****************** FIM Barra do usuário e Menu do usuário ******************/ | ||
| 882 | + | ||
| 883 | + | ||
| 884 | +/****************** Painel de Controle ******************/ | ||
| 885 | + | ||
| 886 | +/*Botão Painel de controle*/ | ||
| 887 | + | ||
| 888 | +#btn_open_control_panel { | ||
| 889 | +/* float: right;*/ | ||
| 890 | +/* width: 100%;*/ | ||
| 891 | + background-color: #eee; | ||
| 892 | + position: relative; | ||
| 893 | + padding: 0 14px; | ||
| 894 | + text-decoration: none; | ||
| 895 | + font-size: small; | ||
| 896 | + color: #666; | ||
| 897 | +} | ||
| 898 | + | ||
| 899 | +#btn_open_control_panel span { | ||
| 900 | + position: relative; | ||
| 901 | + background: url("images/20-gear2.png") no-repeat left center transparent; | ||
| 902 | + padding-left: 30px; | ||
| 903 | + display: inline-block; | ||
| 904 | + height: 30px; | ||
| 905 | + line-height: 30px; | ||
| 906 | + text-decoration: none; | ||
| 907 | +} | ||
| 908 | + | ||
| 909 | +#btn_open_control_panel.show span {} | ||
| 910 | + | ||
| 911 | +/*****FIM Botão Painel de controle*****/ | ||
| 912 | + | ||
| 913 | +/*barra (menu) painel de controle*/ | ||
| 914 | + | ||
| 915 | +#control_panel_bar { | ||
| 916 | + /*width: 100%;*/ | ||
| 917 | + text-align: center; | ||
| 918 | + display: inline-block; | ||
| 919 | + padding-top: 0px; | ||
| 920 | + background-color: #ccc; | ||
| 921 | + overflow: hidden; | ||
| 922 | + height: 0px; | ||
| 923 | + transition: 0.6s; | ||
| 924 | + /*margin-bottom: 14px;*/ | ||
| 925 | + width: 100%; | ||
| 926 | +} | ||
| 927 | + | ||
| 928 | + | ||
| 929 | +#control_panel_bar.show { | ||
| 930 | + padding-top: 0px; | ||
| 931 | + background-color: #ccc; | ||
| 932 | + height: 80px; | ||
| 933 | + | ||
| 934 | +} | ||
| 935 | + | ||
| 936 | +.btn_control_panel_bar{ | ||
| 937 | + text-align: right; | ||
| 938 | + position: relative; | ||
| 939 | + background-color: #eee; | ||
| 940 | + /*position: absolute;*/ | ||
| 941 | + /*right: 0;*/ | ||
| 942 | + /*padding: 0;*/ | ||
| 943 | +} | ||
| 944 | + | ||
| 945 | +.btn_control_panel_bar ul {text-align: center;display: inline-block;padding-left: 0px;} | ||
| 946 | + | ||
| 947 | +.btn_control_panel_bar ul li{ | ||
| 948 | +display: inline-block; | ||
| 949 | +border-left: 1px solid black; | ||
| 950 | +padding: 0 14px;} | ||
| 951 | + | ||
| 952 | +#control_panel_bar .btn_control_panel{ | ||
| 953 | + float: none; | ||
| 954 | +} | ||
| 955 | + | ||
| 956 | +#control_panel_bar #new_content{ | ||
| 957 | + background-image: url(images/text-editor.png); | ||
| 958 | + background-repeat: no-repeat; | ||
| 959 | +} | ||
| 960 | + | ||
| 961 | +#control_panel_bar .btn_control { | ||
| 962 | + background-position: center 3px; | ||
| 963 | + height: 35px; | ||
| 964 | + padding: 40px 14px 0px 14px; | ||
| 965 | + display: inline-block; | ||
| 966 | + width: 100px; | ||
| 967 | + vertical-align: top; | ||
| 968 | + background-size: 25%; | ||
| 969 | +} | ||
| 970 | + | ||
| 971 | +#control_panel_bar .btn_menu{ | ||
| 972 | + background-position: center 3px; | ||
| 973 | + height: 0px; | ||
| 974 | + overflow: hidden; | ||
| 975 | + padding: 0px; | ||
| 976 | + display: inline-block; | ||
| 977 | + width: 100px; | ||
| 978 | + vertical-align: top; | ||
| 979 | + background-size: 25%; | ||
| 980 | + transition: 0.6s; | ||
| 981 | +} | ||
| 982 | + | ||
| 983 | +#control_panel_bar.show .btn_menu{ | ||
| 984 | + background-position: center 3px; | ||
| 985 | + height: 35px; | ||
| 986 | + overflow: hidden; | ||
| 987 | + padding: 40px 14px 0px 14px; | ||
| 988 | + display: inline-block; | ||
| 989 | + width: 100px; | ||
| 990 | + vertical-align: top; | ||
| 991 | + background-size: 25%; | ||
| 992 | +} | ||
| 993 | + | ||
| 994 | +#control_panel_bar.show .btn_menu:hover{ | ||
| 995 | + overflow: visible; | ||
| 996 | +} | ||
| 997 | + | ||
| 998 | +/*Menu e SubMenu do Painel de controle*/ | ||
| 999 | +#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | ||
| 1000 | + | ||
| 1001 | + | ||
| 1002 | +#control_panel_bar .btn_control_panel ul {display: inline-block;padding-left: 0;padding-top: 0;text-align: left;margin: 0;position: relative;left: -14px;} | ||
| 1003 | + | ||
| 1004 | +#control_panel_bar .btn_control_panel ul:hover {} | ||
| 1005 | + | ||
| 1006 | +#control_panel_bar .btn_control_panel ul li {padding: 0;display: block;display: inline-block;}/*{display: block;padding-left: 0;text-align: left;margin: 0;padding: 0 1em}*/ | ||
| 1007 | + | ||
| 1008 | +#control_panel_bar a.btn_control_panel:hover ul li{display: block;} | ||
| 1009 | + | ||
| 1010 | +#control_panel_bar a.btn_control_panel ul li span{height: auto;width: 140px;background-color: #eee;padding: 7px 14px;} | ||
| 1011 | + | ||
| 1012 | +#control_panel_bar a.btn_control_panel ul li span:hover{background-color: #ccc;} | ||
| 1013 | + | ||
| 1014 | +#control_panel_bar .btn_control_panel ul li ul {display: none;} | ||
| 1015 | + | ||
| 1016 | +#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | ||
| 1017 | +/*FIM Menu e SubMenu do Painel de controle*/ | ||
| 1018 | + | ||
| 1019 | +/* FIM barra (menu) painel de controle*/ | ||
| 1020 | + | ||
| 1021 | + | ||
| 1022 | + | ||
| 1023 | +/****************** FIM Painel de Controle ******************/ | ||
| 1024 | + | ||
| 1025 | + | ||
| 1026 | +#assets-menu { | ||
| 1027 | + background: #E8E8E8; | ||
| 1028 | + top: 35px; | ||
| 1029 | + left: 80px; | ||
| 1030 | + min-width: 132px; | ||
| 1031 | +} | ||
| 1032 | + | ||
| 1033 | +#assets-menu a { | ||
| 1034 | + border: 1px solid #E8E8E8; | ||
| 1035 | +} | ||
| 1036 | + | ||
| 1037 | +#categories_menu { | ||
| 1038 | + /*max-width: 960px;*/ | ||
| 1039 | + padding: 0 1em; | ||
| 1040 | + margin: auto; | ||
| 1041 | + float: left; | ||
| 1042 | +} | ||
| 1043 | + | ||
| 1044 | +#cat_menu { | ||
| 1045 | + background: url(images/logo-ps.png) no-repeat center left; | ||
| 1046 | + height: 40px; | ||
| 1047 | + padding-left: 70px; | ||
| 1048 | + | ||
| 1049 | +} | ||
| 1050 | + | ||
| 1051 | +#cat_menu li { | ||
| 1052 | + list-style: none; | ||
| 1053 | + font-size: 12px; | ||
| 1054 | + font-weight: bold; | ||
| 1055 | + padding: 0px 20px; | ||
| 1056 | + height: 100%; | ||
| 1057 | + text-transform: uppercase; | ||
| 1058 | +} | ||
| 1059 | + | ||
| 1060 | +#cat_menu li:hover { | ||
| 1061 | + background-color: #E1E4E4; | ||
| 1062 | +} | ||
| 1063 | + | ||
| 1064 | +#cat_menu li a { | ||
| 1065 | + line-height: 40px; | ||
| 1066 | + width: 100%; | ||
| 1067 | + height: 100%; | ||
| 1068 | + display: block; | ||
| 1069 | +} | ||
| 1070 | +/************* FIM Bar Psocial Style - Menu Horizontal**************/ | ||
| 1071 | + | ||
| 1072 | +/*ajuste no content*/ | ||
| 1073 | +#content{margin-top: 0;} | ||
| 1074 | + | ||
| 1075 | + | ||
| 1076 | +/******************Footer - Rodapé**********************************/ | ||
| 1077 | + | ||
| 1078 | +#theme-footer { | ||
| 1079 | + background-color: #eee; | ||
| 1080 | + position: relative; | ||
| 1081 | + margin-bottom: 0; | ||
| 1082 | +} | ||
| 1083 | +} | ||
| 1084 | + | ||
| 1085 | +#footer-content { | ||
| 1086 | + background: #fff; | ||
| 1087 | +} | ||
| 1088 | + | ||
| 1089 | +#footer-logos { | ||
| 1090 | + background: #F28F00; | ||
| 1091 | + max-width: 100%; | ||
| 1092 | + padding: 2em 0; | ||
| 1093 | + height: 49px; | ||
| 1094 | +} | ||
| 1095 | + | ||
| 1096 | +#footer-logos div { | ||
| 1097 | + max-width: 960px; | ||
| 1098 | + margin: 0 auto; | ||
| 1099 | +} | ||
| 1100 | + | ||
| 1101 | +#footer-logos a { | ||
| 1102 | + display: block; | ||
| 1103 | + height: 49px; | ||
| 1104 | + float: left; | ||
| 1105 | +} | ||
| 1106 | + | ||
| 1107 | +#footer-logos span { | ||
| 1108 | + display: none; | ||
| 1109 | +} | ||
| 1110 | + | ||
| 1111 | +#footer-logos .logo-acesso { | ||
| 1112 | + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | ||
| 1113 | + width: 107px; | ||
| 1114 | +} | ||
| 1115 | + | ||
| 1116 | +#footer-logos .logo-brasil { | ||
| 1117 | + background: transparent url(images/brasil.png) center center no-repeat; | ||
| 1118 | + width: 153px; | ||
| 1119 | +} | ||
| 1120 | + | ||
| 1121 | +#footer-logos .logo-sgpr { | ||
| 1122 | + background: transparent url(images/sgpr.png) center center no-repeat; | ||
| 1123 | + width: 187px; | ||
| 1124 | + margin-right: 30px; | ||
| 1125 | +} | ||
| 1126 | + | ||
| 1127 | +#footer-logos .institucionais { | ||
| 1128 | + float: right; | ||
| 1129 | +} | ||
| 1130 | + | ||
| 1131 | +#footer-license { | ||
| 1132 | + max-width: 960px; | ||
| 1133 | + margin: 0 auto; | ||
| 1134 | + text-align: left; | ||
| 1135 | + padding: 19px; | ||
| 1136 | +} | ||
| 1137 | + | ||
| 1138 | +#footer-license p { | ||
| 1139 | + color: #F28F00; | ||
| 1140 | + text-align: left; | ||
| 1141 | +} | ||
| 1142 | + | ||
| 1143 | + |
| 1 | +++ a/css/cabecalho-amarelo-theme.css | ||
| @@ -0,0 +1,940 @@ | @@ -0,0 +1,940 @@ | ||
| 1 | +/*(amarelo-claro=#fcdd4e)*/ | ||
| 2 | +/*(amarelo-escuro=#f9c404)*/ | ||
| 3 | +/****************** cabecalho ******************/ | ||
| 4 | +#theme-header{} | ||
| 5 | + | ||
| 6 | +#header { | ||
| 7 | + padding: 13px 0 0 0; | ||
| 8 | +background-color: #fcdd4e;/*(amarelo-claro)*/ | ||
| 9 | + /* Old browsers */ | ||
| 10 | + background-color: #f9c404; /*(amarelo-escuro)*/ | ||
| 11 | + background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/ | ||
| 12 | + /* FF3.6+ */ | ||
| 13 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404)); | ||
| 14 | + /* Chrome,Safari4+ */ | ||
| 15 | + background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 16 | + /* Chrome10+,Safari5.1+ */ | ||
| 17 | + background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 18 | + /* Opera 12+ */ | ||
| 19 | + background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 20 | + /* IE10+ */ | ||
| 21 | + background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%); | ||
| 22 | + /* W3C */ | ||
| 23 | +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/ | ||
| 24 | + /* IE6-9 fallback on horizontal gradient */ | ||
| 25 | + color: #fff; | ||
| 26 | +} | ||
| 27 | + | ||
| 28 | +#header>div { | ||
| 29 | + max-width: 960px; | ||
| 30 | + margin: 0 auto; | ||
| 31 | +} | ||
| 32 | + | ||
| 33 | +.header-content * { | ||
| 34 | + margin: 0; | ||
| 35 | + padding: 0; | ||
| 36 | + list-style: none; | ||
| 37 | + vertical-align: baseline; | ||
| 38 | +} | ||
| 39 | + | ||
| 40 | +.header-content { | ||
| 41 | + height: 5px; | ||
| 42 | + transition-duration: 0.6s; | ||
| 43 | + overflow: hidden; | ||
| 44 | +} | ||
| 45 | + | ||
| 46 | +.header-content:hover, | ||
| 47 | +.header-content *:focus + .header-content, | ||
| 48 | +.header-content *:focus > .header-content { | ||
| 49 | + height: 173px; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +.header-content li { display: inline; } | ||
| 53 | + | ||
| 54 | +#brasilgov { | ||
| 55 | + background: #00510f; | ||
| 56 | + border-bottom: 1px solid #ffcc00; | ||
| 57 | + padding: 5px 10px; | ||
| 58 | + color: #03316f; | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | +#accessibility { | ||
| 62 | + display: block !important; | ||
| 63 | + float: left; | ||
| 64 | + font-family: arial; | ||
| 65 | + font-size: 10px; | ||
| 66 | + width: 50%; | ||
| 67 | +} | ||
| 68 | + | ||
| 69 | +#accessibility a { | ||
| 70 | + color: #00500f; | ||
| 71 | + margin-right: 8px; | ||
| 72 | +} | ||
| 73 | + | ||
| 74 | +#accessibility span { | ||
| 75 | + background: none repeat scroll 0 0 #497B16; | ||
| 76 | + color: #FFFFFF; | ||
| 77 | + padding: 0 4px; | ||
| 78 | +} | ||
| 79 | + | ||
| 80 | + | ||
| 81 | + | ||
| 82 | +/* logo */ | ||
| 83 | +#logo { | ||
| 84 | + padding: 0; | ||
| 85 | + float: left; | ||
| 86 | + width: 70%; | ||
| 87 | +} | ||
| 88 | + | ||
| 89 | +#logo span { | ||
| 90 | + display: block; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +#logo a { | ||
| 94 | + display: block; | ||
| 95 | + width: 100%; | ||
| 96 | + color: #03316f !important; | ||
| 97 | + margin: 1em 0px; | ||
| 98 | +} | ||
| 99 | + | ||
| 100 | +#logo a, #logo #portal-title { | ||
| 101 | + color: #03316f; | ||
| 102 | +} | ||
| 103 | + | ||
| 104 | +#logo #portal-title { | ||
| 105 | + margin: 30px 0px 46px 0px; | ||
| 106 | + color: #03316f; | ||
| 107 | + font-size: 40px; | ||
| 108 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | ||
| 109 | + font-weight: normal; | ||
| 110 | + line-height: 1em; | ||
| 111 | + letter-spacing: -0.05em; | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +#logo .luongo { | ||
| 115 | + font-size: 3em !important; | ||
| 116 | + line-height: 1.1em; | ||
| 117 | + margin-bottom: 0.2em; | ||
| 118 | +} | ||
| 119 | + | ||
| 120 | +#logo #portal-description { | ||
| 121 | + font-size: 1.2em; | ||
| 122 | + text-transform: uppercase; | ||
| 123 | +} | ||
| 124 | + | ||
| 125 | +/* Site Actions */ | ||
| 126 | +#portal-siteactions { | ||
| 127 | + display: block; | ||
| 128 | + float: right; | ||
| 129 | + clear: left; | ||
| 130 | + border-bottom: 1px dotted #00500f; | ||
| 131 | + padding-bottom: 2px; | ||
| 132 | + margin-top: -15px; | ||
| 133 | + font-size: 10px; | ||
| 134 | + text-align: center; | ||
| 135 | +} | ||
| 136 | + | ||
| 137 | +#portal-siteactions a { | ||
| 138 | + color: #00500f; | ||
| 139 | + text-decoration: none; | ||
| 140 | + padding: 4px 0 4px 10px; | ||
| 141 | + text-transform: uppercase; | ||
| 142 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | ||
| 143 | +} | ||
| 144 | + | ||
| 145 | +#portal-siteactions a:hover { | ||
| 146 | + color: #03316f; | ||
| 147 | +} | ||
| 148 | + | ||
| 149 | +#portal-siteactions li { | ||
| 150 | + display: inline; | ||
| 151 | +} | ||
| 152 | + | ||
| 153 | +#portal-siteactions li a:hover { | ||
| 154 | +color: #75ad0a | ||
| 155 | +} | ||
| 156 | +#portal-siteactions li a { | ||
| 157 | + padding: 4px 0px; | ||
| 158 | +} | ||
| 159 | + | ||
| 160 | +#social-icons { | ||
| 161 | + float: right; | ||
| 162 | + clear: right; | ||
| 163 | + margin: 0px; | ||
| 164 | +} | ||
| 165 | + | ||
| 166 | +#social-icons ul { | ||
| 167 | + display: table-row; | ||
| 168 | +} | ||
| 169 | + | ||
| 170 | +#social-icons li { | ||
| 171 | + display: table-cell; | ||
| 172 | +} | ||
| 173 | + | ||
| 174 | +#social-icons li a { | ||
| 175 | + border: none; | ||
| 176 | + padding: 0 5px; | ||
| 177 | +} | ||
| 178 | + | ||
| 179 | +#siteaction-accessibility, | ||
| 180 | +#siteaction-contraste { | ||
| 181 | + margin: 0px 15px 0px 0px; | ||
| 182 | +} | ||
| 183 | +/* */ | ||
| 184 | + | ||
| 185 | +/* Top links */ | ||
| 186 | +#theme-header .header-content #link-faq a { | ||
| 187 | + border-right: 1px solid #00500f; | ||
| 188 | + padding: 0 10px; | ||
| 189 | +} | ||
| 190 | +#theme-header .header-content #link-contact a { | ||
| 191 | + padding-left: 10px; | ||
| 192 | +} | ||
| 193 | + | ||
| 194 | +#theme-header #sobre { | ||
| 195 | + line-height: 20px; | ||
| 196 | + font-size: 12px; | ||
| 197 | +} | ||
| 198 | +/* */ | ||
| 199 | + | ||
| 200 | +/* Sobre o brasil */ | ||
| 201 | +#sobre { | ||
| 202 | + clear: both; | ||
| 203 | + max-width: 100% !important; | ||
| 204 | + margin: 0; | ||
| 205 | + background: #f8c300;/*amarelo-mais-escuro*/ | ||
| 206 | + padding: 5px 0; | ||
| 207 | +} | ||
| 208 | + | ||
| 209 | +#sobre ul { | ||
| 210 | + max-width: 960px; | ||
| 211 | + margin: 0 auto; | ||
| 212 | + text-align: right; | ||
| 213 | +} | ||
| 214 | + | ||
| 215 | +#sobre a { | ||
| 216 | + color: #00500f; | ||
| 217 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | ||
| 218 | +} | ||
| 219 | + | ||
| 220 | +#sobre .portalservicos-item a { | ||
| 221 | + padding: 0 10px; | ||
| 222 | + border-right: 1px solid #03316f; | ||
| 223 | +} | ||
| 224 | + | ||
| 225 | +#sobre .last-item a { | ||
| 226 | + padding: 0 0 0 10px; | ||
| 227 | + border-right: none; | ||
| 228 | +} | ||
| 229 | + | ||
| 230 | +/* Searchbox */ | ||
| 231 | +.LSBox { | ||
| 232 | + margin: 0; | ||
| 233 | + padding: 0; | ||
| 234 | + border: none; | ||
| 235 | +} | ||
| 236 | + | ||
| 237 | +input.searchField { | ||
| 238 | + -moz-appearance: none; | ||
| 239 | +} | ||
| 240 | + | ||
| 241 | +#portal-searchbox { | ||
| 242 | + clear: right; | ||
| 243 | + float: right; | ||
| 244 | + font-size: 80%; | ||
| 245 | + margin: 30px 0 14px; | ||
| 246 | + /*margin: 3.12em 0px 3px 0px;*/ | ||
| 247 | + text-align: right; | ||
| 248 | + border-radius: 5px; | ||
| 249 | + -moz-border-radius: 5px; | ||
| 250 | + -webkit-border-radius: 5px; | ||
| 251 | + border: 1px solid #CCCCCC; | ||
| 252 | + background: #fff; | ||
| 253 | + padding: 2px; | ||
| 254 | +} | ||
| 255 | + | ||
| 256 | +#portal-searchbox .searchField { | ||
| 257 | + padding: 0.45em; | ||
| 258 | + border-right: none; | ||
| 259 | + border: none; | ||
| 260 | + width: 170px; | ||
| 261 | +} | ||
| 262 | + | ||
| 263 | +#portal-searchbox form { | ||
| 264 | +white-space: nowrap; | ||
| 265 | +} | ||
| 266 | + | ||
| 267 | +#portal-searchbox label { | ||
| 268 | +font-weight: normal; | ||
| 269 | +} | ||
| 270 | + | ||
| 271 | +#searchGadget { | ||
| 272 | +width: 13em; | ||
| 273 | +} | ||
| 274 | + | ||
| 275 | +#header input.searchButton { | ||
| 276 | + padding: 0.3em; | ||
| 277 | + background: transparent; | ||
| 278 | + text-indent: -2000px; | ||
| 279 | + padding: 4px 15px; | ||
| 280 | + border: none; | ||
| 281 | +} | ||
| 282 | + | ||
| 283 | +#content input.searchField { | ||
| 284 | +margin-bottom: 1em; | ||
| 285 | +} | ||
| 286 | +input.searchField { | ||
| 287 | +-moz-appearance: searchfield; | ||
| 288 | +} | ||
| 289 | + | ||
| 290 | +#header input.searchButton { | ||
| 291 | + background-image: url("images/search-button.gif"); | ||
| 292 | + background-position: 8px 2px; | ||
| 293 | + background-repeat: no-repeat; | ||
| 294 | + background-color: #ffffff; | ||
| 295 | +} | ||
| 296 | + | ||
| 297 | +#LSResult { | ||
| 298 | + z-index: 1; | ||
| 299 | + margin-top: 0.5%; | ||
| 300 | +} | ||
| 301 | + | ||
| 302 | + | ||
| 303 | +/* Search Button */ | ||
| 304 | +#search-button a { | ||
| 305 | + display: inline-block; | ||
| 306 | + width: 29px; | ||
| 307 | + height: 25px; | ||
| 308 | + margin-right: 3px; | ||
| 309 | + margin-top: 10px; | ||
| 310 | +} | ||
| 311 | + | ||
| 312 | +#search-button a:hover { | ||
| 313 | + opacity: 0.6; | ||
| 314 | +} | ||
| 315 | + | ||
| 316 | +#search-button #sb_search { | ||
| 317 | +background-image: url(images/search.png); | ||
| 318 | +background-size: 100% 100%; | ||
| 319 | +} | ||
| 320 | + | ||
| 321 | +#search-button span { display: none; } | ||
| 322 | + | ||
| 323 | + | ||
| 324 | +/* */ | ||
| 325 | + | ||
| 326 | +/* Social Buttons */ | ||
| 327 | +#social-buttons a { | ||
| 328 | + width: 18px; | ||
| 329 | + height: 20px; | ||
| 330 | + margin-right: 3px; | ||
| 331 | + margin-top: 10px; | ||
| 332 | +} | ||
| 333 | + | ||
| 334 | +#social-icons li a { | ||
| 335 | + width: 20px; | ||
| 336 | + height: 20px; | ||
| 337 | + padding: 0px; | ||
| 338 | + display: inline-block; | ||
| 339 | + background-repeat: no-repeat; | ||
| 340 | +} | ||
| 341 | + | ||
| 342 | +#social-icons li { | ||
| 343 | + float: right; | ||
| 344 | + width: 20px; | ||
| 345 | + margin-left: 4px; | ||
| 346 | +} | ||
| 347 | + | ||
| 348 | +#social-icons #sb_face { | ||
| 349 | +background-image: url(images/icone-verde-facebook.png); | ||
| 350 | +} | ||
| 351 | +#social-icons #sb_face:hover { | ||
| 352 | +background: url(images/icone-verde-facebook.png) 0 20px; | ||
| 353 | +} | ||
| 354 | + | ||
| 355 | +#social-icons #sb_tweet { | ||
| 356 | +background-image: url(images/icone-verde-twitter.png); | ||
| 357 | +} | ||
| 358 | +#social-icons #sb_tweet:hover { | ||
| 359 | +background: url(images/icone-verde-twitter.png) 0 20px; | ||
| 360 | +} | ||
| 361 | + | ||
| 362 | +#social-icons #sb_youtb { | ||
| 363 | +background-image: url(images/icone-verde-youtube.png); | ||
| 364 | +} | ||
| 365 | +#social-icons #sb_youtb:hover { | ||
| 366 | +background: url(images/icone-verde-youtube.png) 0 20px; | ||
| 367 | +} | ||
| 368 | + | ||
| 369 | +#social-icons #sb_flickr { | ||
| 370 | +background-image: url(images/icone-verde-flickr.png); | ||
| 371 | +} | ||
| 372 | +#social-icons #sb_flickr:hover { | ||
| 373 | +background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 374 | +} | ||
| 375 | + | ||
| 376 | +#social-icons span { display: none; } | ||
| 377 | + | ||
| 378 | +/* FIM social Buttons */ | ||
| 379 | + | ||
| 380 | +/****************** FIM cabecalho ******************/ | ||
| 381 | + | ||
| 382 | + | ||
| 383 | +/****************** Barra do usuário e Espaço do usuário ******************/ | ||
| 384 | + | ||
| 385 | +/********ABA Lateral - Espaço do Usuário**********/ | ||
| 386 | +/*escondendo e revelando a aba lateral*/ | ||
| 387 | +div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;} | ||
| 388 | +div#wrap-1,div#theme-footer {float: right;} | ||
| 389 | +div#wrap-1.menu,div#theme-footer.menu {width: 80%;} | ||
| 390 | +div#wrap-0.menu{width: 20%; float: left;height: 1px;} | ||
| 391 | + | ||
| 392 | +/*Propriedades da aba lateral e elementos internos*/ | ||
| 393 | +#navigation-control { | ||
| 394 | + width: 20%; | ||
| 395 | + position: absolute; | ||
| 396 | + display: inline-block; | ||
| 397 | + background-color: transparent; | ||
| 398 | + color: black; | ||
| 399 | +} | ||
| 400 | + | ||
| 401 | +#navigation-control a{} | ||
| 402 | + | ||
| 403 | +#navigation-control ul li { | ||
| 404 | + margin: 10px 0; | ||
| 405 | + text-align: left; | ||
| 406 | +} | ||
| 407 | + | ||
| 408 | +#navigation-control ul li a.button.with-text, | ||
| 409 | +#navigation-control ul li a.button.with-text:visited { | ||
| 410 | + border: 0px solid #AAA; | ||
| 411 | +} | ||
| 412 | + | ||
| 413 | +#navigation-control ul li a span { | ||
| 414 | + background-repeat: no-repeat; | ||
| 415 | + /*padding-left: 25px;*/ | ||
| 416 | +} | ||
| 417 | + | ||
| 418 | +/**/ | ||
| 419 | +#navigation-control .perfil{ | ||
| 420 | + display: inline-block; | ||
| 421 | + background-color: gray; | ||
| 422 | + width: 100%; | ||
| 423 | +} | ||
| 424 | + | ||
| 425 | +#navigation-control .perfil ul{padding-left: 0;} | ||
| 426 | + | ||
| 427 | +#navigation-control .perfil ul li{} | ||
| 428 | + | ||
| 429 | +#navigation-control .perfil .name{text-align: center;} | ||
| 430 | + | ||
| 431 | +#navigation-control .perfil .name h1{color: #fff;} | ||
| 432 | + | ||
| 433 | +#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;} | ||
| 434 | + | ||
| 435 | +#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/} | ||
| 436 | + | ||
| 437 | +#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;} | ||
| 438 | + | ||
| 439 | +#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;} | ||
| 440 | + | ||
| 441 | +#navigation-control .perfil .online{color: greenyellow;} | ||
| 442 | +#navigation-control .perfil .busy{color: red;} | ||
| 443 | +#navigation-control .perfil .away{color: yellow;} | ||
| 444 | +#navigation-control .perfil .offline{color: #ccc;} | ||
| 445 | + | ||
| 446 | +#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;} | ||
| 447 | + | ||
| 448 | + | ||
| 449 | +#navigation-control .menu_user{margin-top: 0;} | ||
| 450 | + | ||
| 451 | +#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;} | ||
| 452 | + | ||
| 453 | +#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;} | ||
| 454 | + | ||
| 455 | +#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;} | ||
| 456 | + | ||
| 457 | +#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;} | ||
| 458 | + | ||
| 459 | +#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;} | ||
| 460 | + | ||
| 461 | +/********FIM ABA Lateral - Espaço do Usuário**********/ | ||
| 462 | + | ||
| 463 | + | ||
| 464 | +/****************** Barra do usuário ******************/ | ||
| 465 | +#barra-psocial { | ||
| 466 | + position: relative; | ||
| 467 | + height: 40px; | ||
| 468 | + margin: auto; | ||
| 469 | + background: url(images/barra-psocial-bg.png) repeat-x; | ||
| 470 | +} | ||
| 471 | + | ||
| 472 | +#barra-psocial.top { | ||
| 473 | + background-image: none; | ||
| 474 | + background-color: #fff; | ||
| 475 | + height: 40px; | ||
| 476 | +} | ||
| 477 | + | ||
| 478 | +#barra-psocial li { | ||
| 479 | + float: left; | ||
| 480 | +} | ||
| 481 | + | ||
| 482 | + | ||
| 483 | +/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/ | ||
| 484 | +.btn_control_panel{ | ||
| 485 | + min-width: 40px; | ||
| 486 | + height: 40px; | ||
| 487 | + color: #999; | ||
| 488 | + margin-top: 0; | ||
| 489 | + display: inline-block; | ||
| 490 | + float: left; | ||
| 491 | + cursor: pointer; | ||
| 492 | + border-right: 1px solid #999; | ||
| 493 | + opacity:0.4; | ||
| 494 | + filter:alpha(opacity=40); | ||
| 495 | + padding: 0px 0px 0 35px; | ||
| 496 | +} | ||
| 497 | + | ||
| 498 | +.btn_control_panel:hover { background-color: #ddd; opacity:0.8;filter:alpha(opacity=80);} | ||
| 499 | + | ||
| 500 | +.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;} | ||
| 501 | + | ||
| 502 | +a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | ||
| 503 | + | ||
| 504 | +.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 505 | + | ||
| 506 | +.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 507 | + | ||
| 508 | +a.btn_control_panel:hover ul li{display: block;} | ||
| 509 | + | ||
| 510 | +.btn_control_panel ul li ul {display: none;} | ||
| 511 | + | ||
| 512 | +.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | ||
| 513 | + | ||
| 514 | + | ||
| 515 | +/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/ | ||
| 516 | + | ||
| 517 | +.btn_control, | ||
| 518 | +.btn_menu { | ||
| 519 | + background: url(images/barra-menu-control.png) no-repeat 14px center #eee; | ||
| 520 | + padding-left: 10px; | ||
| 521 | +} | ||
| 522 | + | ||
| 523 | +.btn_tasks { | ||
| 524 | + background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px; | ||
| 525 | +} | ||
| 526 | + | ||
| 527 | +.btn_msg { | ||
| 528 | + background: url(images/barra-menu-mail.png) no-repeat 10px center #eee; | ||
| 529 | +} | ||
| 530 | + | ||
| 531 | + | ||
| 532 | +/*tarefas da barra do usuário*/ | ||
| 533 | +.task_list { | ||
| 534 | + position: absolute; | ||
| 535 | + background: #eee; | ||
| 536 | + z-index: 9999; | ||
| 537 | + margin-left: 50px; | ||
| 538 | + visibility: visible; | ||
| 539 | + display: block; | ||
| 540 | +} | ||
| 541 | + | ||
| 542 | +#msg_list.task_list {margin-left: 122px;} | ||
| 543 | + | ||
| 544 | +.task_list ul {display: inline-block;padding-left: 0;} | ||
| 545 | + | ||
| 546 | +.task_list ul li { | ||
| 547 | + float: none; | ||
| 548 | + display: block; | ||
| 549 | + padding: 10px; | ||
| 550 | +} | ||
| 551 | +.task_list ul .task_box { | ||
| 552 | + border-bottom: 1px solid #ccc; | ||
| 553 | +/* display: inline-block; | ||
| 554 | + float: left; | ||
| 555 | + margin-right: 1em;*/ | ||
| 556 | +} | ||
| 557 | + | ||
| 558 | +.task_icon { | ||
| 559 | + float: left; | ||
| 560 | + margin-right: 14px; | ||
| 561 | +} | ||
| 562 | + | ||
| 563 | +.task_list ul .task_decisions { | ||
| 564 | + clear: right; | ||
| 565 | +} | ||
| 566 | + | ||
| 567 | +.task_information { | ||
| 568 | + display: inline-block; | ||
| 569 | + width: 300px; | ||
| 570 | +} | ||
| 571 | + | ||
| 572 | +.task_list ul .task_title {margin-right: 0px !important} | ||
| 573 | + | ||
| 574 | +.task_list .button-bar{float: right;margin-right: 10px;} | ||
| 575 | + | ||
| 576 | +.task_list .button-bar a.button.with-text { | ||
| 577 | + padding: 5px 10px; | ||
| 578 | + padding-left: 20px; | ||
| 579 | + padding-right: 5px; | ||
| 580 | +} | ||
| 581 | +.task_list .button-bar input.button.with-text { | ||
| 582 | + max-height: 32px; | ||
| 583 | + height: 32px; | ||
| 584 | + padding: 0 25px; | ||
| 585 | + padding-right: 10px; | ||
| 586 | +} | ||
| 587 | + | ||
| 588 | +.task_list.hide {display: none; visibility: hidden;} | ||
| 589 | + | ||
| 590 | +/*FIM tarefas da barra do usuário*/ | ||
| 591 | + | ||
| 592 | + | ||
| 593 | +/**/ | ||
| 594 | + | ||
| 595 | + /*código "#control-panel" substituído por "#control_panel_bar" */ | ||
| 596 | +/* | ||
| 597 | +#control-panel { | ||
| 598 | + position: absolute; | ||
| 599 | + width: 230px; | ||
| 600 | + padding: 10px; | ||
| 601 | +} | ||
| 602 | +#control-panel .pending-tasks {background-color: white;} | ||
| 603 | + | ||
| 604 | +#control-panel .pending-tasks ul{ | ||
| 605 | + padding-left: 0; | ||
| 606 | +} | ||
| 607 | + | ||
| 608 | +#control-panel .pending-tasks ul li{ | ||
| 609 | + margin: 10px 0; | ||
| 610 | + padding: 10px 0; | ||
| 611 | + border-bottom: 1px solid gray; | ||
| 612 | +} | ||
| 613 | + | ||
| 614 | +#control-panel .control-panel {position: relative;} | ||
| 615 | + | ||
| 616 | +#control-panel .control-panel a, | ||
| 617 | +#control-panel .control-panel a:visited { | ||
| 618 | + clear: left; | ||
| 619 | + border-bottom: 1px solid LightGray; | ||
| 620 | +} | ||
| 621 | +*/ | ||
| 622 | + | ||
| 623 | + | ||
| 624 | + | ||
| 625 | +/************* Bar Psocial Style - Menu Horizontal**************/ | ||
| 626 | +/* | ||
| 627 | +#user{ | ||
| 628 | + padding: 0px 2em; | ||
| 629 | + top: -30px; | ||
| 630 | + font-size: 12px; | ||
| 631 | + right: 4em; | ||
| 632 | +} | ||
| 633 | + | ||
| 634 | +.logged-in #user{ | ||
| 635 | + top: -40px; | ||
| 636 | +} | ||
| 637 | +*/ | ||
| 638 | + | ||
| 639 | +#user{ | ||
| 640 | + | ||
| 641 | + top: 0px; | ||
| 642 | + font-size: 12px; | ||
| 643 | + position: relative; | ||
| 644 | +} | ||
| 645 | + | ||
| 646 | + | ||
| 647 | +#user form { | ||
| 648 | + display:none; | ||
| 649 | +} | ||
| 650 | + | ||
| 651 | +#user .logged-in { | ||
| 652 | + visibility: hidden; | ||
| 653 | + display: block; | ||
| 654 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | ||
| 655 | + display: block; | ||
| 656 | + padding: 2px 1em; | ||
| 657 | + text-align: left; | ||
| 658 | + width: 130px; | ||
| 659 | + border-radius: 10px | ||
| 660 | +} | ||
| 661 | + | ||
| 662 | +#user .logged-in:hover { | ||
| 663 | + visibility: visible; | ||
| 664 | +} | ||
| 665 | +#user .logged-in a#homepage-link { | ||
| 666 | + display: block; | ||
| 667 | + visibility: visible; | ||
| 668 | +} | ||
| 669 | + | ||
| 670 | + | ||
| 671 | +#user .logged-in a.admin-link, | ||
| 672 | +#user .logged-in a.ctrl-panel, | ||
| 673 | +#user .logged-in a#logout { | ||
| 674 | + margin-top: 14px; | ||
| 675 | +} | ||
| 676 | + | ||
| 677 | + | ||
| 678 | +#user .logged-in span {display: none;} | ||
| 679 | + | ||
| 680 | +#user .logged-in a { | ||
| 681 | + display: block; | ||
| 682 | + margin-bottom: 10px; | ||
| 683 | + width: auto; | ||
| 684 | +} | ||
| 685 | + | ||
| 686 | +#user .logged-in #pending-tasks-count { | ||
| 687 | + display: inline-block; | ||
| 688 | + left: -30px; | ||
| 689 | + position: absolute; | ||
| 690 | + top: 0px; | ||
| 691 | + visibility: visible; | ||
| 692 | + text-align: right; | ||
| 693 | +} | ||
| 694 | + | ||
| 695 | +/****************** FIM Barra do usuário ******************/ | ||
| 696 | + | ||
| 697 | +/****************** FIM Barra do usuário e Menu do usuário ******************/ | ||
| 698 | + | ||
| 699 | + | ||
| 700 | +/****************** Painel de Controle ******************/ | ||
| 701 | + | ||
| 702 | +/*Botão Painel de controle*/ | ||
| 703 | + | ||
| 704 | +#btn_open_control_panel {float: right;} | ||
| 705 | + | ||
| 706 | +#btn_open_control_panel span { | ||
| 707 | + position: relative; | ||
| 708 | + background: url("images/20-gear2.png") no-repeat left center transparent; | ||
| 709 | + padding-left: 30px; | ||
| 710 | + display: inline-block; | ||
| 711 | + height: 30px; | ||
| 712 | + line-height: 30px; | ||
| 713 | +} | ||
| 714 | + | ||
| 715 | +#btn_open_control_panel.show span {} | ||
| 716 | + | ||
| 717 | +/*****FIM Botão Painel de controle*****/ | ||
| 718 | + | ||
| 719 | +/*barra (menu) painel de controle*/ | ||
| 720 | + | ||
| 721 | +#control_panel_bar { | ||
| 722 | + /*width: 100%;*/ | ||
| 723 | + text-align: center; | ||
| 724 | + display: inline-block; | ||
| 725 | + padding-top: 0px; | ||
| 726 | + background-color: #ccc; | ||
| 727 | + overflow: hidden; | ||
| 728 | + height: 0px; | ||
| 729 | + transition: 0.6s; | ||
| 730 | + /*margin-bottom: 14px;*/ | ||
| 731 | + width: 100%; | ||
| 732 | +} | ||
| 733 | + | ||
| 734 | + | ||
| 735 | +#control_panel_bar.show { | ||
| 736 | + padding-top: 0px; | ||
| 737 | + background-color: #ccc; | ||
| 738 | + height: 80px; | ||
| 739 | + | ||
| 740 | +} | ||
| 741 | + | ||
| 742 | +.btn_control_panel_bar{ | ||
| 743 | + text-align: right; | ||
| 744 | + /*position: absolute;*/ | ||
| 745 | + /*right: 0;*/ | ||
| 746 | + padding: 0 14px; | ||
| 747 | +} | ||
| 748 | + | ||
| 749 | +.btn_control_panel_bar ul {text-align: center;display: inline-block;} | ||
| 750 | + | ||
| 751 | +.btn_control_panel_bar ul li{ | ||
| 752 | +display: inline-block; | ||
| 753 | +border-left: 1px solid black; | ||
| 754 | +padding: 0 14px;} | ||
| 755 | + | ||
| 756 | +#control_panel_bar .btn_control_panel{ | ||
| 757 | + float: none; | ||
| 758 | +} | ||
| 759 | + | ||
| 760 | +#control_panel_bar #new_content{ | ||
| 761 | + background-image: url(images/text-editor.png); | ||
| 762 | + background-repeat: no-repeat; | ||
| 763 | +} | ||
| 764 | + | ||
| 765 | +#control_panel_bar .btn_control { | ||
| 766 | + background-position: center 3px; | ||
| 767 | + height: 35px; | ||
| 768 | + padding: 40px 14px 0px 14px; | ||
| 769 | + display: inline-block; | ||
| 770 | + width: 100px; | ||
| 771 | + vertical-align: top; | ||
| 772 | + background-size: 25%; | ||
| 773 | +} | ||
| 774 | + | ||
| 775 | +#control_panel_bar .btn_menu{ | ||
| 776 | + background-position: center 3px; | ||
| 777 | + height: 0px; | ||
| 778 | + overflow: hidden; | ||
| 779 | + padding: 0px; | ||
| 780 | + display: inline-block; | ||
| 781 | + width: 100px; | ||
| 782 | + vertical-align: top; | ||
| 783 | + background-size: 25%; | ||
| 784 | + transition: 0.6s; | ||
| 785 | +} | ||
| 786 | + | ||
| 787 | +#control_panel_bar.show .btn_menu{ | ||
| 788 | + background-position: center 3px; | ||
| 789 | + height: 35px; | ||
| 790 | + overflow: hidden; | ||
| 791 | + padding: 40px 14px 0px 14px; | ||
| 792 | + display: inline-block; | ||
| 793 | + width: 100px; | ||
| 794 | + vertical-align: top; | ||
| 795 | + background-size: 25%; | ||
| 796 | +} | ||
| 797 | + | ||
| 798 | +#control_panel_bar.show .btn_menu:hover{ | ||
| 799 | + overflow: visible; | ||
| 800 | +} | ||
| 801 | + | ||
| 802 | +/*Menu e SubMenu do Painel de controle*/ | ||
| 803 | +#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | ||
| 804 | + | ||
| 805 | + | ||
| 806 | +#control_panel_bar .btn_control_panel ul {display: inline-block;padding-left: 0;padding-top: 0;text-align: left;margin: 0;position: relative;left: -14px;} | ||
| 807 | + | ||
| 808 | +#control_panel_bar .btn_control_panel ul:hover {} | ||
| 809 | + | ||
| 810 | +#control_panel_bar .btn_control_panel ul li {padding: 0;display: block;display: inline-block;}/*{display: block;padding-left: 0;text-align: left;margin: 0;padding: 0 1em}*/ | ||
| 811 | + | ||
| 812 | +#control_panel_bar a.btn_control_panel:hover ul li{display: block;} | ||
| 813 | + | ||
| 814 | +#control_panel_bar a.btn_control_panel ul li span{height: auto;width: 140px;background-color: #eee;padding: 7px 14px;} | ||
| 815 | + | ||
| 816 | +#control_panel_bar a.btn_control_panel ul li span:hover{background-color: #ccc;} | ||
| 817 | + | ||
| 818 | +#control_panel_bar .btn_control_panel ul li ul {display: none;} | ||
| 819 | + | ||
| 820 | +#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | ||
| 821 | +/*FIM Menu e SubMenu do Painel de controle*/ | ||
| 822 | + | ||
| 823 | +/* FIM barra (menu) painel de controle*/ | ||
| 824 | + | ||
| 825 | + | ||
| 826 | + | ||
| 827 | +/****************** FIM Painel de Controle ******************/ | ||
| 828 | + | ||
| 829 | + | ||
| 830 | +#assets-menu { | ||
| 831 | + background: #E8E8E8; | ||
| 832 | + top: 35px; | ||
| 833 | + left: 80px; | ||
| 834 | + min-width: 132px; | ||
| 835 | +} | ||
| 836 | + | ||
| 837 | +#assets-menu a { | ||
| 838 | + border: 1px solid #E8E8E8; | ||
| 839 | +} | ||
| 840 | + | ||
| 841 | +#categories_menu { | ||
| 842 | + /*max-width: 960px;*/ | ||
| 843 | + padding: 0 1em; | ||
| 844 | + margin: auto; | ||
| 845 | + float: left; | ||
| 846 | +} | ||
| 847 | + | ||
| 848 | +#cat_menu { | ||
| 849 | + background: url(images/logo-ps.png) no-repeat center left; | ||
| 850 | + height: 40px; | ||
| 851 | + padding-left: 70px; | ||
| 852 | + | ||
| 853 | +} | ||
| 854 | + | ||
| 855 | +#cat_menu li { | ||
| 856 | + list-style: none; | ||
| 857 | + font-size: 12px; | ||
| 858 | + font-weight: bold; | ||
| 859 | + padding: 0px 20px; | ||
| 860 | + height: 100%; | ||
| 861 | + text-transform: uppercase; | ||
| 862 | +} | ||
| 863 | + | ||
| 864 | +#cat_menu li:hover { | ||
| 865 | + background-color: #E1E4E4; | ||
| 866 | +} | ||
| 867 | + | ||
| 868 | +#cat_menu li a { | ||
| 869 | + line-height: 40px; | ||
| 870 | + width: 100%; | ||
| 871 | + height: 100%; | ||
| 872 | + display: block; | ||
| 873 | +} | ||
| 874 | +/************* FIM Bar Psocial Style - Menu Horizontal**************/ | ||
| 875 | + | ||
| 876 | + | ||
| 877 | +/******************Footer - Rodapé**********************************/ | ||
| 878 | +#theme-footer { | ||
| 879 | + width: 100%; | ||
| 880 | +} | ||
| 881 | + | ||
| 882 | +#footer-content { | ||
| 883 | + background: #fff; | ||
| 884 | +} | ||
| 885 | + | ||
| 886 | +#footer-logos { | ||
| 887 | + background: #F28F00; | ||
| 888 | + max-width: 100%; | ||
| 889 | + padding: 2em 0; | ||
| 890 | + height: 49px; | ||
| 891 | +} | ||
| 892 | + | ||
| 893 | +#footer-logos div { | ||
| 894 | + max-width: 960px; | ||
| 895 | + margin: 0 auto; | ||
| 896 | +} | ||
| 897 | + | ||
| 898 | +#footer-logos a { | ||
| 899 | + display: block; | ||
| 900 | + height: 49px; | ||
| 901 | + float: left; | ||
| 902 | +} | ||
| 903 | + | ||
| 904 | +#footer-logos span { | ||
| 905 | + display: none; | ||
| 906 | +} | ||
| 907 | + | ||
| 908 | +#footer-logos .logo-acesso { | ||
| 909 | + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | ||
| 910 | + width: 107px; | ||
| 911 | +} | ||
| 912 | + | ||
| 913 | +#footer-logos .logo-brasil { | ||
| 914 | + background: transparent url(images/brasil.png) center center no-repeat; | ||
| 915 | + width: 153px; | ||
| 916 | +} | ||
| 917 | + | ||
| 918 | +#footer-logos .logo-sgpr { | ||
| 919 | + background: transparent url(images/sgpr.png) center center no-repeat; | ||
| 920 | + width: 187px; | ||
| 921 | + margin-right: 30px; | ||
| 922 | +} | ||
| 923 | + | ||
| 924 | +#footer-logos .institucionais { | ||
| 925 | + float: right; | ||
| 926 | +} | ||
| 927 | + | ||
| 928 | +#footer-license { | ||
| 929 | + max-width: 960px; | ||
| 930 | + margin: 0 auto; | ||
| 931 | + text-align: left; | ||
| 932 | + padding: 19px; | ||
| 933 | +} | ||
| 934 | + | ||
| 935 | +#footer-license p { | ||
| 936 | + color: #F28F00; | ||
| 937 | + text-align: left; | ||
| 938 | +} | ||
| 939 | + | ||
| 940 | + |
| 1 | +++ a/css/userBar_controlPanel.css | ||
| @@ -0,0 +1,430 @@ | @@ -0,0 +1,430 @@ | ||
| 1 | + | ||
| 2 | +/****************** Barra do usuário e Espaço do usuário ******************/ | ||
| 3 | + | ||
| 4 | +/********ABA Lateral - Espaço do Usuário**********/ | ||
| 5 | +/*escondendo e revelando a aba lateral*/ | ||
| 6 | +div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;} | ||
| 7 | +div#wrap-1,div#theme-footer {float: right;} | ||
| 8 | +div#wrap-1.menu,div#theme-footer.menu {width: 80%;} | ||
| 9 | +div#wrap-0.menu{width: 20%; float: left;height: 1px;} | ||
| 10 | + | ||
| 11 | +/*Propriedades da aba lateral e elementos internos*/ | ||
| 12 | +#navigation-control { | ||
| 13 | + width: 20%; | ||
| 14 | + position: absolute; | ||
| 15 | + display: inline-block; | ||
| 16 | + background-color: transparent; | ||
| 17 | + color: black; | ||
| 18 | +} | ||
| 19 | + | ||
| 20 | +#navigation-control a{} | ||
| 21 | + | ||
| 22 | +#navigation-control ul li { | ||
| 23 | + margin: 10px 0; | ||
| 24 | + text-align: left; | ||
| 25 | +} | ||
| 26 | + | ||
| 27 | +#navigation-control ul li a.button.with-text, | ||
| 28 | +#navigation-control ul li a.button.with-text:visited { | ||
| 29 | + border: 0px solid #AAA; | ||
| 30 | +} | ||
| 31 | + | ||
| 32 | +#navigation-control ul li a span { | ||
| 33 | + background-repeat: no-repeat; | ||
| 34 | + /*padding-left: 25px;*/ | ||
| 35 | +} | ||
| 36 | + | ||
| 37 | +/**/ | ||
| 38 | +#navigation-control .perfil{ | ||
| 39 | + display: inline-block; | ||
| 40 | + background-color: gray; | ||
| 41 | + width: 100%; | ||
| 42 | +} | ||
| 43 | + | ||
| 44 | +#navigation-control .perfil ul{padding-left: 0;} | ||
| 45 | + | ||
| 46 | +#navigation-control .perfil ul li{} | ||
| 47 | + | ||
| 48 | +#navigation-control .perfil .name{text-align: center;} | ||
| 49 | + | ||
| 50 | +#navigation-control .perfil .name h1{color: #fff;} | ||
| 51 | + | ||
| 52 | +#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;} | ||
| 53 | + | ||
| 54 | +#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/} | ||
| 55 | + | ||
| 56 | +#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;} | ||
| 57 | + | ||
| 58 | +#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;} | ||
| 59 | + | ||
| 60 | +#navigation-control .perfil .online{color: greenyellow;} | ||
| 61 | +#navigation-control .perfil .busy{color: red;} | ||
| 62 | +#navigation-control .perfil .away{color: yellow;} | ||
| 63 | +#navigation-control .perfil .offline{color: #ccc;} | ||
| 64 | + | ||
| 65 | +#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;} | ||
| 66 | + | ||
| 67 | + | ||
| 68 | +#navigation-control .menu_user{margin-top: 0;} | ||
| 69 | + | ||
| 70 | +#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;} | ||
| 71 | + | ||
| 72 | +#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;} | ||
| 73 | + | ||
| 74 | +#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;} | ||
| 75 | + | ||
| 76 | +#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;} | ||
| 77 | + | ||
| 78 | +#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;} | ||
| 79 | + | ||
| 80 | +/********FIM ABA Lateral - Espaço do Usuário**********/ | ||
| 81 | + | ||
| 82 | + | ||
| 83 | +/****************** Barra do usuário ******************/ | ||
| 84 | +#barra-psocial { | ||
| 85 | + position: relative; | ||
| 86 | + height: 40px; | ||
| 87 | + margin: auto; | ||
| 88 | + background: url(images/barra-psocial-bg.png) repeat-x; | ||
| 89 | +} | ||
| 90 | + | ||
| 91 | +#barra-psocial.top { | ||
| 92 | + background-image: none; | ||
| 93 | + background-color: #fff; | ||
| 94 | + height: 40px; | ||
| 95 | +} | ||
| 96 | + | ||
| 97 | +#barra-psocial li { | ||
| 98 | + float: left; | ||
| 99 | +} | ||
| 100 | + | ||
| 101 | + | ||
| 102 | +/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/ | ||
| 103 | +.btn_control_panel{ | ||
| 104 | + min-width: 40px; | ||
| 105 | + height: 40px; | ||
| 106 | + color: #999; | ||
| 107 | + margin-top: 0; | ||
| 108 | + display: inline-block; | ||
| 109 | + float: left; | ||
| 110 | + cursor: pointer; | ||
| 111 | + border-right: 1px solid #999; | ||
| 112 | + opacity:0.4; | ||
| 113 | + filter:alpha(opacity=40); | ||
| 114 | + padding: 0px 0px 0 35px; | ||
| 115 | +} | ||
| 116 | + | ||
| 117 | +.btn_control_panel:hover { background-color: #ddd; opacity:0.8;filter:alpha(opacity=80);} | ||
| 118 | + | ||
| 119 | +.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;} | ||
| 120 | + | ||
| 121 | +a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | ||
| 122 | + | ||
| 123 | +.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 124 | + | ||
| 125 | +.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 126 | + | ||
| 127 | +a.btn_control_panel:hover ul li{display: block;} | ||
| 128 | + | ||
| 129 | +.btn_control_panel ul li ul {display: none;} | ||
| 130 | + | ||
| 131 | +.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | ||
| 132 | + | ||
| 133 | + | ||
| 134 | +/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/ | ||
| 135 | + | ||
| 136 | +.btn_control, | ||
| 137 | +.btn_menu { | ||
| 138 | + background: url(images/barra-menu-control.png) no-repeat 14px center #eee; | ||
| 139 | + padding-left: 10px; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | +.btn_tasks { | ||
| 143 | + background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px; | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +.btn_msg { | ||
| 147 | + background: url(images/barra-menu-mail.png) no-repeat 10px center #eee; | ||
| 148 | +} | ||
| 149 | + | ||
| 150 | + | ||
| 151 | +/*tarefas da barra do usuário*/ | ||
| 152 | +.task_list { | ||
| 153 | + position: absolute; | ||
| 154 | + background: #eee; | ||
| 155 | + z-index: 9999; | ||
| 156 | + margin-left: 50px; | ||
| 157 | + visibility: visible; | ||
| 158 | + display: block; | ||
| 159 | +} | ||
| 160 | + | ||
| 161 | +#msg_list.task_list {margin-left: 122px;} | ||
| 162 | + | ||
| 163 | +.task_list ul {display: inline-block;padding-left: 0;} | ||
| 164 | + | ||
| 165 | +.task_list ul li { | ||
| 166 | + float: none; | ||
| 167 | + display: block; | ||
| 168 | + padding: 10px; | ||
| 169 | +} | ||
| 170 | +.task_list ul .task_box { | ||
| 171 | + border-bottom: 1px solid #ccc; | ||
| 172 | +/* display: inline-block; | ||
| 173 | + float: left; | ||
| 174 | + margin-right: 1em;*/ | ||
| 175 | +} | ||
| 176 | + | ||
| 177 | +.task_icon { | ||
| 178 | + float: left; | ||
| 179 | + margin-right: 14px; | ||
| 180 | +} | ||
| 181 | + | ||
| 182 | +.task_list ul .task_decisions { | ||
| 183 | + clear: right; | ||
| 184 | +} | ||
| 185 | + | ||
| 186 | +.task_information { | ||
| 187 | + display: inline-block; | ||
| 188 | + width: 300px; | ||
| 189 | +} | ||
| 190 | + | ||
| 191 | +.task_list ul .task_title {margin-right: 0px !important} | ||
| 192 | + | ||
| 193 | +.task_list .button-bar{float: right;margin-right: 10px;} | ||
| 194 | + | ||
| 195 | +.task_list .button-bar a.button.with-text { | ||
| 196 | + padding: 5px 10px; | ||
| 197 | + padding-left: 20px; | ||
| 198 | + padding-right: 5px; | ||
| 199 | +} | ||
| 200 | +.task_list .button-bar input.button.with-text { | ||
| 201 | + max-height: 32px; | ||
| 202 | + height: 32px; | ||
| 203 | + padding: 0 25px; | ||
| 204 | + padding-right: 10px; | ||
| 205 | +} | ||
| 206 | + | ||
| 207 | +.task_list.hide {display: none; visibility: hidden;} | ||
| 208 | + | ||
| 209 | +/*FIM tarefas da barra do usuário*/ | ||
| 210 | + | ||
| 211 | + | ||
| 212 | +/**/ | ||
| 213 | + | ||
| 214 | + /*código "#control-panel" substituído por "#control_panel_bar" */ | ||
| 215 | +/* | ||
| 216 | +#control-panel { | ||
| 217 | + position: absolute; | ||
| 218 | + width: 230px; | ||
| 219 | + padding: 10px; | ||
| 220 | +} | ||
| 221 | +#control-panel .pending-tasks {background-color: white;} | ||
| 222 | + | ||
| 223 | +#control-panel .pending-tasks ul{ | ||
| 224 | + padding-left: 0; | ||
| 225 | +} | ||
| 226 | + | ||
| 227 | +#control-panel .pending-tasks ul li{ | ||
| 228 | + margin: 10px 0; | ||
| 229 | + padding: 10px 0; | ||
| 230 | + border-bottom: 1px solid gray; | ||
| 231 | +} | ||
| 232 | + | ||
| 233 | +#control-panel .control-panel {position: relative;} | ||
| 234 | + | ||
| 235 | +#control-panel .control-panel a, | ||
| 236 | +#control-panel .control-panel a:visited { | ||
| 237 | + clear: left; | ||
| 238 | + border-bottom: 1px solid LightGray; | ||
| 239 | +} | ||
| 240 | +*/ | ||
| 241 | + | ||
| 242 | + | ||
| 243 | + | ||
| 244 | +/************* Bar Psocial Style - Menu Horizontal**************/ | ||
| 245 | +/* | ||
| 246 | +#user{ | ||
| 247 | + padding: 0px 2em; | ||
| 248 | + top: -30px; | ||
| 249 | + font-size: 12px; | ||
| 250 | + right: 4em; | ||
| 251 | +} | ||
| 252 | + | ||
| 253 | +.logged-in #user{ | ||
| 254 | + top: -40px; | ||
| 255 | +} | ||
| 256 | +*/ | ||
| 257 | + | ||
| 258 | +#user{ | ||
| 259 | + | ||
| 260 | + top: 0px; | ||
| 261 | + font-size: 12px; | ||
| 262 | + position: relative; | ||
| 263 | +} | ||
| 264 | + | ||
| 265 | + | ||
| 266 | +#user form { | ||
| 267 | + display:none; | ||
| 268 | +} | ||
| 269 | + | ||
| 270 | +#user .logged-in { | ||
| 271 | + visibility: hidden; | ||
| 272 | + display: block; | ||
| 273 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | ||
| 274 | + display: block; | ||
| 275 | + padding: 2px 1em; | ||
| 276 | + text-align: left; | ||
| 277 | + width: 130px; | ||
| 278 | + border-radius: 10px | ||
| 279 | +} | ||
| 280 | + | ||
| 281 | +#user .logged-in:hover { | ||
| 282 | + visibility: visible; | ||
| 283 | +} | ||
| 284 | +#user .logged-in a#homepage-link { | ||
| 285 | + display: block; | ||
| 286 | + visibility: visible; | ||
| 287 | +} | ||
| 288 | + | ||
| 289 | + | ||
| 290 | +#user .logged-in a.admin-link, | ||
| 291 | +#user .logged-in a.ctrl-panel, | ||
| 292 | +#user .logged-in a#logout { | ||
| 293 | + margin-top: 14px; | ||
| 294 | +} | ||
| 295 | + | ||
| 296 | + | ||
| 297 | +#user .logged-in span {display: none;} | ||
| 298 | + | ||
| 299 | +#user .logged-in a { | ||
| 300 | + display: block; | ||
| 301 | + margin-bottom: 10px; | ||
| 302 | + width: auto; | ||
| 303 | +} | ||
| 304 | + | ||
| 305 | +#user .logged-in #pending-tasks-count { | ||
| 306 | + display: inline-block; | ||
| 307 | + left: -30px; | ||
| 308 | + position: absolute; | ||
| 309 | + top: 0px; | ||
| 310 | + visibility: visible; | ||
| 311 | + text-align: right; | ||
| 312 | +} | ||
| 313 | + | ||
| 314 | +/****************** FIM Barra do usuário ******************/ | ||
| 315 | + | ||
| 316 | +/****************** FIM Barra do usuário e Menu do usuário ******************/ | ||
| 317 | + | ||
| 318 | + | ||
| 319 | + | ||
| 320 | + | ||
| 321 | +/****************** Painel de Controle ******************/ | ||
| 322 | + | ||
| 323 | +/*Botão Painel de controle*/ | ||
| 324 | + | ||
| 325 | +#btn_open_control_panel {} | ||
| 326 | + | ||
| 327 | +#btn_open_control_panel span { | ||
| 328 | + position: relative; | ||
| 329 | + background: url("images/20-gear2.png") no-repeat left center transparent; | ||
| 330 | + padding-left: 30px; | ||
| 331 | + display: inline-block; | ||
| 332 | + height: 30px; | ||
| 333 | + line-height: 30px; | ||
| 334 | +} | ||
| 335 | + | ||
| 336 | +#btn_open_control_panel.show span {} | ||
| 337 | + | ||
| 338 | +/*****FIM Botão Painel de controle*****/ | ||
| 339 | + | ||
| 340 | +/*barra (menu) painel de controle*/ | ||
| 341 | + | ||
| 342 | +#control_panel_bar { | ||
| 343 | + /*width: 100%;*/ | ||
| 344 | + text-align: center; | ||
| 345 | + display: inline-block; | ||
| 346 | + padding-top: 0px; | ||
| 347 | + background-color: #ccc; | ||
| 348 | + /*overflow: hidden;*/ | ||
| 349 | + height: 0px; | ||
| 350 | + transition: 0.6s; | ||
| 351 | + margin-bottom: 14px; | ||
| 352 | + width: 100%; | ||
| 353 | +} | ||
| 354 | + | ||
| 355 | + | ||
| 356 | +#control_panel_bar.show { | ||
| 357 | + padding-top: 0px; | ||
| 358 | + background-color: transparent; | ||
| 359 | + height: 80px; | ||
| 360 | + | ||
| 361 | +} | ||
| 362 | + | ||
| 363 | +.btn_control_panel_bar{ | ||
| 364 | + text-align: right; | ||
| 365 | + position: absolute; | ||
| 366 | + right: 0; | ||
| 367 | +} | ||
| 368 | + | ||
| 369 | +#control_panel_bar .btn_control_panel{ | ||
| 370 | + float: none; | ||
| 371 | +} | ||
| 372 | + | ||
| 373 | +#control_panel_bar #new_content{ | ||
| 374 | + background-image: url(images/text-editor.png); | ||
| 375 | + background-repeat: no-repeat; | ||
| 376 | +} | ||
| 377 | + | ||
| 378 | +#control_panel_bar .btn_control { | ||
| 379 | + background-position: center 3px; | ||
| 380 | + height: 35px; | ||
| 381 | + padding: 40px 14px 0px 14px; | ||
| 382 | + display: inline-block; | ||
| 383 | + width: 100px; | ||
| 384 | + vertical-align: top; | ||
| 385 | + background-size: 25%; | ||
| 386 | +} | ||
| 387 | + | ||
| 388 | +#control_panel_bar .btn_menu{ | ||
| 389 | + background-position: center 3px; | ||
| 390 | + height: 0px; | ||
| 391 | + overflow: hidden; | ||
| 392 | + padding: 0px; | ||
| 393 | + display: inline-block; | ||
| 394 | + width: 100px; | ||
| 395 | + vertical-align: top; | ||
| 396 | + background-size: 25%; | ||
| 397 | + transition: 0.6s; | ||
| 398 | +} | ||
| 399 | + | ||
| 400 | +#control_panel_bar.show .btn_menu{ | ||
| 401 | + background-position: center 3px; | ||
| 402 | + height: 35px; | ||
| 403 | + overflow: visible; | ||
| 404 | + padding: 40px 14px 0px 14px; | ||
| 405 | + display: inline-block; | ||
| 406 | + width: 100px; | ||
| 407 | + vertical-align: top; | ||
| 408 | + background-size: 25%; | ||
| 409 | +} | ||
| 410 | + | ||
| 411 | +/*Menu e SubMenu do Painel de controle*/ | ||
| 412 | +#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | ||
| 413 | + | ||
| 414 | +#control_panel_bar .btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 415 | + | ||
| 416 | +#control_panel_bar .btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em} | ||
| 417 | + | ||
| 418 | +#control_panel_bar a.btn_control_panel:hover ul li{display: block;} | ||
| 419 | + | ||
| 420 | +#control_panel_bar .btn_control_panel ul li ul {display: none;} | ||
| 421 | + | ||
| 422 | +#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | ||
| 423 | +/*FIM Menu e SubMenu do Painel de controle*/ | ||
| 424 | + | ||
| 425 | +/* FIM barra (menu) painel de controle*/ | ||
| 426 | + | ||
| 427 | + | ||
| 428 | + | ||
| 429 | +/****************** FIM Painel de Controle ******************/ | ||
| 430 | + |
No preview for this file type
| 1 | +++ a/footer.rhtml | ||
| @@ -0,0 +1,7 @@ | @@ -0,0 +1,7 @@ | ||
| 1 | +<div id="footer-links"> | ||
| 2 | + <a id="link-to-doc" class='icon-help'><%= link_to _('Manual'), '/doc' %></a> | ||
| 3 | +</div><!-- end id="footer-links" --> | ||
| 4 | +<div id="copyright"> | ||
| 5 | + <p><%= _('This social network uses <a href="http://noosfero.org/">Noosfero</a>, developed by %s and licensed under the <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> version 3 or any later version.') % link_to('Colivre', 'http://colivre.coop.br/') %></p> | ||
| 6 | +</div><!-- end id="copyright" --> | ||
| 7 | +<%= language_chooser(environment) %> |
| 1 | +++ a/header.rhtml | ||
| @@ -0,0 +1,340 @@ | @@ -0,0 +1,340 @@ | ||
| 1 | +<!-- id="wrap-0" --> | ||
| 2 | + <div id="wrap-0"><!-- Conteúdo do Painel de Controle --> | ||
| 3 | + | ||
| 4 | + <div id="navigation-control"> | ||
| 5 | + | ||
| 6 | + <div class="perfil"> | ||
| 7 | + <ul class="profile_menu"> | ||
| 8 | + <li class="name"><h1 class="title">Nome do usuário</h1></li> | ||
| 9 | + <li class="picture"><img src="/images/icons-app/person-big.png?1392299707"/></li> | ||
| 10 | + <li class="tasks_inner">Pendências</li> | ||
| 11 | + <li class="user_status online"><span>●</span> Disponível</li> | ||
| 12 | + </ul> | ||
| 13 | + </div> | ||
| 14 | + <%= render :partial => 'layouts/user' %> | ||
| 15 | + <div class="menu_user"> | ||
| 16 | + <ul class="activity_menu"> | ||
| 17 | + <li class="activity_menu_item qpost">Blog<span>▼</span> | ||
| 18 | + <ul class="quick_post"> | ||
| 19 | + <li>Quick Post</li> | ||
| 20 | + </ul> | ||
| 21 | + </li> | ||
| 22 | + <li class="activity_menu_item">Agenda<span>▼</span></li> | ||
| 23 | + <li class="activity_menu_item">Artigos Recentes<span>▼</span></li> | ||
| 24 | + <li class="activity_menu_item">Network<span>▼</span></li> | ||
| 25 | + <li class="activity_menu_item">Mural<span>▼</span></li> | ||
| 26 | + <li class="activity_menu_item">Galeria<span>▼</span></li> | ||
| 27 | + <li class="activity_menu_item">Amigos<span>▼</span></li> | ||
| 28 | + <li class="activity_menu_item">Comunidades<span>▼</span></li> | ||
| 29 | + </ul> | ||
| 30 | + </div> | ||
| 31 | +<!-- | ||
| 32 | + <ul> | ||
| 33 | + <%= theme_extra_navigation %> | ||
| 34 | + </ul> | ||
| 35 | + | ||
| 36 | + <div id="navigation-end"></div> | ||
| 37 | +--> | ||
| 38 | + </div><!-- end id="navigation" --> | ||
| 39 | + | ||
| 40 | +</div><!-- end id="wrap-0" --> | ||
| 41 | + | ||
| 42 | + | ||
| 43 | +<!-- Nova Barra de usuário --> | ||
| 44 | + | ||
| 45 | +<div id="barra-psocial" class="top" > | ||
| 46 | + <div class="btn_control_panel btn_control" title="Painel de Controle" alt="menu"> | ||
| 47 | + | ||
| 48 | + <div class="layout_user"> | ||
| 49 | + <%= render :partial => 'layouts/user' %> | ||
| 50 | + </div> | ||
| 51 | +</div> | ||
| 52 | + | ||
| 53 | + <div class="btn_control_panel btn_tasks" title="Pedências" alt="pendências"> | ||
| 54 | + <span>20</span> | ||
| 55 | + </div> | ||
| 56 | + <div class="btn_control_panel btn_msg" title="Mensagens" alt="mensagens"> | ||
| 57 | + <span>362</span> | ||
| 58 | + </div> | ||
| 59 | + | ||
| 60 | +<!-- | ||
| 61 | + <div id="categories_menu"> | ||
| 62 | + <%= theme_include 'categories' %> | ||
| 63 | + </div> | ||
| 64 | + --> | ||
| 65 | + <div id="participa-languages"> | ||
| 66 | + <ul> | ||
| 67 | + <li> | ||
| 68 | + <a href="?lang=pt" class="flag flag-pt" title="Português"><span>Português</span></a> | ||
| 69 | + </li> | ||
| 70 | + <li> | ||
| 71 | + <a href="?lang=en" class="flag flag-en" title="English"><span>English</span></a> | ||
| 72 | + </li> | ||
| 73 | + | ||
| 74 | + </ul> | ||
| 75 | + </div> | ||
| 76 | +</div> | ||
| 77 | +<!-- FIM Nova Barra de usuário --> | ||
| 78 | + | ||
| 79 | + | ||
| 80 | + | ||
| 81 | +<!-- Menu Pendências --> | ||
| 82 | + | ||
| 83 | +<div id="task_list" class="task_list hide"> | ||
| 84 | +<!-- Task list do participa --> | ||
| 85 | + | ||
| 86 | + <ul class="task-list"> | ||
| 87 | + | ||
| 88 | + <div class="task_box" id="task-906"> | ||
| 89 | + | ||
| 90 | + <div class="task_icon"> | ||
| 91 | + <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate"> | ||
| 92 | + </div> | ||
| 93 | + | ||
| 94 | + <div class="task_decisions"> | ||
| 95 | + <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish"> | ||
| 96 | + <label for="decision-finish-906">Aceitar</label> | ||
| 97 | + <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel"> | ||
| 98 | + <label for="decision-cancel-906">Rejeitar</label> | ||
| 99 | + <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip"> | ||
| 100 | + <label for="decision-skip-906">Pular</label> | ||
| 101 | + </div><!-- class="task_decisions" --> | ||
| 102 | + | ||
| 103 | + <strong class="task_title" style="margin-right: 175px;"> | ||
| 104 | + Nova comunidade | ||
| 105 | + </strong> | ||
| 106 | + | ||
| 107 | + <div class="task_information"> | ||
| 108 | + <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo em debate</span> sem descrição. | ||
| 109 | + </div> | ||
| 110 | + | ||
| 111 | + <div id="on-reject-information-906" style="display: none"> | ||
| 112 | + <div class="formfieldline"> | ||
| 113 | + <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label> | ||
| 114 | + <div class="formfield type-textarea"> | ||
| 115 | + <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea> | ||
| 116 | + </div> | ||
| 117 | + </div> | ||
| 118 | + </div> | ||
| 119 | + | ||
| 120 | + </div><!-- class="task_box" --> | ||
| 121 | + | ||
| 122 | +<div class="task_box" id="task-906"> | ||
| 123 | + | ||
| 124 | + <div class="task_icon"> | ||
| 125 | + <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate"> | ||
| 126 | + </div> | ||
| 127 | + | ||
| 128 | + <div class="task_decisions"> | ||
| 129 | + <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish"> | ||
| 130 | + <label for="decision-finish-906">Aceitar</label> | ||
| 131 | + <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel"> | ||
| 132 | + <label for="decision-cancel-906">Rejeitar</label> | ||
| 133 | + <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip"> | ||
| 134 | + <label for="decision-skip-906">Pular</label> | ||
| 135 | + </div><!-- class="task_decisions" --> | ||
| 136 | + | ||
| 137 | + <strong class="task_title" style="margin-right: 175px;"> | ||
| 138 | + Nova comunidade | ||
| 139 | + </strong> | ||
| 140 | + | ||
| 141 | + <div class="task_information"> | ||
| 142 | + <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo em debate</span> sem descrição. | ||
| 143 | + </div> | ||
| 144 | + | ||
| 145 | + <div id="on-reject-information-906" style="display: none"> | ||
| 146 | + <div class="formfieldline"> | ||
| 147 | + <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label> | ||
| 148 | + <div class="formfield type-textarea"> | ||
| 149 | + <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea> | ||
| 150 | + </div> | ||
| 151 | + </div> | ||
| 152 | + </div> | ||
| 153 | + | ||
| 154 | + </div><!-- class="task_box" --> | ||
| 155 | +<div class="task_box" id="task-906"> | ||
| 156 | + | ||
| 157 | + <div class="task_icon"> | ||
| 158 | + <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate"> | ||
| 159 | + </div> | ||
| 160 | + | ||
| 161 | + <div class="task_decisions"> | ||
| 162 | + <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish"> | ||
| 163 | + <label for="decision-finish-906">Aceitar</label> | ||
| 164 | + <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel"> | ||
| 165 | + <label for="decision-cancel-906">Rejeitar</label> | ||
| 166 | + <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip"> | ||
| 167 | + <label for="decision-skip-906">Pular</label> | ||
| 168 | + </div><!-- class="task_decisions" --> | ||
| 169 | + | ||
| 170 | + <strong class="task_title" style="margin-right: 175px;"> | ||
| 171 | + Nova comunidade | ||
| 172 | + </strong> | ||
| 173 | + | ||
| 174 | + <div class="task_information"> | ||
| 175 | + <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer convencer a comunidade de que <span class="task_target">Federalismo em debate</span> é a melhor solução. | ||
| 176 | + </div> | ||
| 177 | + | ||
| 178 | + <div id="on-reject-information-906" style="display: none"> | ||
| 179 | + <div class="formfieldline"> | ||
| 180 | + <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label> | ||
| 181 | + <div class="formfield type-textarea"> | ||
| 182 | + <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea> | ||
| 183 | + </div> | ||
| 184 | + </div> | ||
| 185 | + </div> | ||
| 186 | + | ||
| 187 | + </div><!-- class="task_box" --> | ||
| 188 | + | ||
| 189 | +<div class="button-bar"> | ||
| 190 | + <input class="button with-text icon-save submit" name="commit" type="submit" value="Aplicar!"> | ||
| 191 | + <a href="#" class="button icon-text-plain with-text" title="Ver tarefas processadas"> <span>Ver Todas</span></a> | ||
| 192 | + <a href="#" id="close_task" class="button icon-back with-text" title="Voltar ao painel de controle"> <span>Fechar</span></a> | ||
| 193 | + <br style="clear: left;"> | ||
| 194 | +</div> | ||
| 195 | + | ||
| 196 | + </ul> | ||
| 197 | +<!-- FIM Task list do participa --> | ||
| 198 | +</div> | ||
| 199 | +<!-- FIM Menu Pendências --> | ||
| 200 | + | ||
| 201 | + | ||
| 202 | + | ||
| 203 | + | ||
| 204 | +<!-- Menu Mensagens --> | ||
| 205 | + | ||
| 206 | +<div id="msg_list" class="task_list hide"> | ||
| 207 | +<!-- Task list do participa --> | ||
| 208 | + | ||
| 209 | + <ul class="task-list"> | ||
| 210 | + | ||
| 211 | + <div class="task_box" id="task-906"> | ||
| 212 | + | ||
| 213 | + <div class="task_icon"> | ||
| 214 | + <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate"> | ||
| 215 | + </div> | ||
| 216 | + | ||
| 217 | + <div class="task_decisions"> | ||
| 218 | + <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish"> | ||
| 219 | + <label for="decision-finish-906">Responder</label> | ||
| 220 | + <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel"> | ||
| 221 | + <label for="decision-cancel-906">Apagar</label> | ||
| 222 | + <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip"> | ||
| 223 | + <label for="decision-skip-906">Pular</label> | ||
| 224 | + </div><!-- class="task_decisions" --> | ||
| 225 | + | ||
| 226 | + <strong class="task_title" style="margin-right: 175px;"> | ||
| 227 | + Nova Mensagem | ||
| 228 | + </strong> | ||
| 229 | + | ||
| 230 | + <div class="task_information"> | ||
| 231 | + <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer falar sobre <span class="task_target">Federalismo em debate</span> sem descrição. | ||
| 232 | + </div> | ||
| 233 | + | ||
| 234 | + <div id="on-reject-information-906" style="display: none"> | ||
| 235 | + <div class="formfieldline"> | ||
| 236 | + <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label> | ||
| 237 | + <div class="formfield type-textarea"> | ||
| 238 | + <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea> | ||
| 239 | + </div> | ||
| 240 | + </div> | ||
| 241 | + </div> | ||
| 242 | + | ||
| 243 | + </div><!-- class="task_box" --> | ||
| 244 | + | ||
| 245 | +<div class="task_box" id="task-906"> | ||
| 246 | + | ||
| 247 | + <div class="task_icon"> | ||
| 248 | + <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate"> | ||
| 249 | + </div> | ||
| 250 | + | ||
| 251 | + <div class="task_decisions"> | ||
| 252 | + <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish"> | ||
| 253 | + <label for="decision-finish-906">Responder</label> | ||
| 254 | + <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel"> | ||
| 255 | + <label for="decision-cancel-906">Apagar</label> | ||
| 256 | + <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip"> | ||
| 257 | + <label for="decision-skip-906">Pular</label> | ||
| 258 | + </div><!-- class="task_decisions" --> | ||
| 259 | + | ||
| 260 | + <strong class="task_title" style="margin-right: 175px;"> | ||
| 261 | + Mensagem da comunidade | ||
| 262 | + </strong> | ||
| 263 | + | ||
| 264 | + <div class="task_information"> | ||
| 265 | + <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo</span> sem descrição. | ||
| 266 | + </div> | ||
| 267 | + | ||
| 268 | + <div id="on-reject-information-906" style="display: none"> | ||
| 269 | + <div class="formfieldline"> | ||
| 270 | + <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label> | ||
| 271 | + <div class="formfield type-textarea"> | ||
| 272 | + <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea> | ||
| 273 | + </div> | ||
| 274 | + </div> | ||
| 275 | + </div> | ||
| 276 | + | ||
| 277 | + </div><!-- class="task_box" --> | ||
| 278 | +<div class="task_box" id="task-906"> | ||
| 279 | + | ||
| 280 | + <div class="task_icon"> | ||
| 281 | + <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate"> | ||
| 282 | + </div> | ||
| 283 | + | ||
| 284 | + <div class="task_decisions"> | ||
| 285 | + <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish"> | ||
| 286 | + <label for="decision-finish-906">Responder</label> | ||
| 287 | + <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel"> | ||
| 288 | + <label for="decision-cancel-906">Apagar</label> | ||
| 289 | + <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip"> | ||
| 290 | + <label for="decision-skip-906">Pular</label> | ||
| 291 | + </div><!-- class="task_decisions" --> | ||
| 292 | + | ||
| 293 | + <strong class="task_title" style="margin-right: 175px;"> | ||
| 294 | + Mensagem Nova | ||
| 295 | + </strong> | ||
| 296 | + | ||
| 297 | + <div class="task_information"> | ||
| 298 | + <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> falar com você sobre <span class="task_target">Debate</span> sem descrição. | ||
| 299 | + </div> | ||
| 300 | + | ||
| 301 | + <div id="on-reject-information-906" style="display: none"> | ||
| 302 | + <div class="formfieldline"> | ||
| 303 | + <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label> | ||
| 304 | + <div class="formfield type-textarea"> | ||
| 305 | + <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea> | ||
| 306 | + </div> | ||
| 307 | + </div> | ||
| 308 | + </div> | ||
| 309 | + | ||
| 310 | + </div><!-- class="task_box" --> | ||
| 311 | + | ||
| 312 | +<div class="button-bar"> | ||
| 313 | + <input class="button with-text icon-save submit" name="commit" type="submit" value="Aplicar!"> | ||
| 314 | + <a href="#" class="button icon-text-plain with-text" title="Ver tarefas processadas"> <span>Ver Todas</span></a> | ||
| 315 | + <a href="#" id="close_msg" class="button icon-back with-text" title="Voltar ao painel de controle"> <span>Fechar</span></a> | ||
| 316 | + <br style="clear: left;"> | ||
| 317 | +</div> | ||
| 318 | + | ||
| 319 | + </ul> | ||
| 320 | +<!-- FIM Task list do participa --> | ||
| 321 | +</div> | ||
| 322 | +<!-- FIM Menu Mensagens --> | ||
| 323 | + | ||
| 324 | +<!-- *************** Painel de controle da comunidade ************** --> | ||
| 325 | +<div class="btn_control_panel_bar"> | ||
| 326 | + <a href="#" id="btn_open_control_panel" class="btn_open"> | ||
| 327 | + <span> </span><!-- <span>Painel de Controle</span> --> | ||
| 328 | + <ul> | ||
| 329 | + <li>Conteúdo</li> | ||
| 330 | + <li>Aparência</li> | ||
| 331 | + <li>Configurações</li> | ||
| 332 | + </ul> | ||
| 333 | + </a> | ||
| 334 | + | ||
| 335 | +<div id="control_panel_bar" class="controller-profile_editor"> </div> | ||
| 336 | + | ||
| 337 | +</div> | ||
| 338 | + | ||
| 339 | + | ||
| 340 | +<!-- *************** FIM Painel de controle da comunidade ************** --> |
3.12 KB
9.42 KB
70.1 KB
174 KB
3.75 KB
3.75 KB
229 KB
567 Bytes
548 Bytes
230 Bytes
2.54 KB
268 Bytes
425 Bytes
300 Bytes
179 Bytes
2.93 KB
3.18 KB
3.12 KB
475 Bytes
533 Bytes
636 Bytes
883 Bytes
239 Bytes
187 Bytes
173 Bytes
14.3 KB
245 KB
695 Bytes
159 Bytes
418 Bytes
1.02 KB
3.01 KB
1.47 KB
3.13 KB
884 Bytes
856 Bytes
95.1 KB
78.5 KB
142 Bytes
216 Bytes
35 Bytes
43 Bytes
305 Bytes
127 Bytes
128 Bytes
1.85 KB
14 KB
969 Bytes
333 Bytes
969 Bytes
1.01 KB
2.85 KB
3.12 KB
445 Bytes
448 Bytes
174 Bytes
648 Bytes
648 Bytes
2.17 KB
52 KB
850 Bytes
771 Bytes
5.21 KB
579 Bytes
877 Bytes
7.01 KB
1.04 KB
3.32 KB
3.74 KB
4.75 KB
2.46 KB
624 Bytes
No preview for this file type
538 Bytes
2.09 KB
190 Bytes
1.71 KB
642 Bytes
182 KB
2.04 KB
| 1 | +++ a/images/google_follow.svg | ||
| @@ -0,0 +1,23 @@ | @@ -0,0 +1,23 @@ | ||
| 1 | +<?xml version="1.0" encoding="iso-8859-1"?> | ||
| 2 | +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | ||
| 3 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
| 4 | +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | ||
| 5 | + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> | ||
| 6 | +<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/> | ||
| 7 | +<g> | ||
| 8 | + <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523 | ||
| 9 | + 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/> | ||
| 10 | +</g> | ||
| 11 | +<g> | ||
| 12 | + <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396 | ||
| 13 | + c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0 | ||
| 14 | + c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027 | ||
| 15 | + C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01 | ||
| 16 | + c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541 | ||
| 17 | + c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861 | ||
| 18 | + c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119 | ||
| 19 | + c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645 | ||
| 20 | + c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223 | ||
| 21 | + S12.464,20.707,10.306,20.645z"/> | ||
| 22 | +</g> | ||
| 23 | +</svg> |
279 Bytes
349 Bytes
772 Bytes
674 Bytes
772 Bytes
674 Bytes
567 Bytes
424 Bytes
426 Bytes
357 Bytes
438 Bytes
438 Bytes
373 Bytes
374 Bytes
807 Bytes
1.05 KB
1.09 KB
1.14 KB
1.3 KB
741 Bytes
286 Bytes
283 Bytes
1.19 KB
470 Bytes
569 Bytes
1.26 KB
1.29 KB
1.4 KB
1.75 KB
502 Bytes
4.14 KB
1.97 KB
1.16 KB
19.5 KB
3.91 KB
1.75 KB
2.17 KB
9.03 KB
12.5 KB
No preview for this file type
19.6 KB
2.29 KB
905 Bytes
1.73 KB
1.08 KB
1.02 KB
2.56 KB
2.06 KB
15 KB
161 Bytes
993 Bytes
1.09 KB
43 Bytes
1018 Bytes
6.91 KB
1.1 KB
856 Bytes
2.58 KB
1.87 KB
2.3 KB
1.1 KB
3.62 KB
5.17 KB
3.33 KB
1.75 KB
181 Bytes
800 Bytes
767 Bytes
811 Bytes
468 Bytes
702 Bytes
782 Bytes
737 Bytes
772 Bytes
1.23 KB
2.71 KB
1.83 KB
| 1 | +++ a/images/rss.svg | ||
| @@ -0,0 +1,14 @@ | @@ -0,0 +1,14 @@ | ||
| 1 | +<?xml version="1.0" encoding="iso-8859-1"?> | ||
| 2 | +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | ||
| 3 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
| 4 | +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | ||
| 5 | + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> | ||
| 6 | +<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/> | ||
| 7 | +<g> | ||
| 8 | + <circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/> | ||
| 9 | + <path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242 | ||
| 10 | + C14.436,12.858,19.385,17.807,19.385,23.912z"/> | ||
| 11 | + <path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675 | ||
| 12 | + H21.668z"/> | ||
| 13 | +</g> | ||
| 14 | +</svg> |
1.18 KB
1.72 KB
1.18 KB
747 Bytes
1002 Bytes
237 Bytes
1.18 KB
1.17 KB
1.18 KB
1.21 KB
1.18 KB
1.19 KB
1.23 KB
1.22 KB
1.19 KB
1.19 KB
1.2 KB
1.21 KB
4.13 KB
1.13 KB
157 Bytes
3.79 KB
1.44 KB
5.53 KB
3.71 KB
4.44 KB
3.66 KB
153 Bytes
1.71 KB
5.17 KB
No preview for this file type
608 Bytes
2.1 KB
754 Bytes
4.96 KB
893 Bytes
292 Bytes
983 Bytes
| 1 | +++ a/index.rhtml | ||
| @@ -0,0 +1,91 @@ | @@ -0,0 +1,91 @@ | ||
| 1 | +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| 2 | +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= html_language %>" lang="<%= html_language %>"> | ||
| 3 | + <head> | ||
| 4 | + <title><%= h page_title %></title> | ||
| 5 | + <%= yield(:feeds) %> | ||
| 6 | + <!--<meta http-equiv="refresh" content="1"/>--> | ||
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
| 8 | + <meta name="description" content="<%= @environment.name %>" /> | ||
| 9 | + | ||
| 10 | + <!-- Twitter Card --> | ||
| 11 | + <meta name="twitter:card" value="summary"> | ||
| 12 | + <meta name="twitter:title" content="<%= h page_title %>"> | ||
| 13 | + <meta name="twitter:description" content="<%= meta_description_tag(@page) %>"> | ||
| 14 | + | ||
| 15 | + <!-- Open Graph --> | ||
| 16 | + <meta property="og:type" content="<%= @page ? 'article' : 'website' %>"> | ||
| 17 | + <meta property="og:url" content="<%= @page ? url_for(@page.url) : @environment.top_url %>"> | ||
| 18 | + <meta property="og:title" content="<%= h page_title %>"> | ||
| 19 | + <meta property="og:site_name" content="<%= profile ? profile.name : @environment.name %>"> | ||
| 20 | + <meta property="og:description" content="<%= @page ? truncate(strip_tags(@page.body.to_s), :length => 200) : @environment.name %>"> | ||
| 21 | + | ||
| 22 | + <% if @page %> | ||
| 23 | + <meta property="article:published_time" content="<%= show_date(@page.published_at) %>"> | ||
| 24 | + <% @page.body_images_paths.each do |img| %> | ||
| 25 | + <meta name="twitter:image" content="<%= img.to_s %>"> | ||
| 26 | + <meta property="og:image" content="<%= img.to_s %>"> | ||
| 27 | + <% end %> | ||
| 28 | + <% end %> | ||
| 29 | + | ||
| 30 | + <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" /> | ||
| 31 | + <%= noosfero_javascript %> | ||
| 32 | + <%= noosfero_stylesheets %> | ||
| 33 | + | ||
| 34 | + <%# Add custom tags/styles/etc via content_for %> | ||
| 35 | + <%= yield :head %> | ||
| 36 | + <%= | ||
| 37 | + @plugins.dispatch(:head_ending).collect do |content| | ||
| 38 | + content.respond_to?(:call) ? content.call : content | ||
| 39 | + end.join("\n") | ||
| 40 | + %> | ||
| 41 | + | ||
| 42 | + <script type='text/javascript'> | ||
| 43 | + DEFAULT_LOADING_MESSAGE = <%="'#{ _('loading...') }'" %>; | ||
| 44 | + </script> | ||
| 45 | + </head> | ||
| 46 | + <body class="<%= h body_classes %>"> | ||
| 47 | + <a href="#content" id="link-go-content"><span><%= _("Go to the content") %></span></a> | ||
| 48 | + | ||
| 49 | + <%= | ||
| 50 | + @plugins.dispatch(:body_beginning).collect do |content| | ||
| 51 | + content.respond_to?(:call) ? content.call : content | ||
| 52 | + end.join("\n") | ||
| 53 | + %> | ||
| 54 | + | ||
| 55 | + | ||
| 56 | + | ||
| 57 | + <div id="wrap-1"> | ||
| 58 | + | ||
| 59 | +<!-- cabecalho --> | ||
| 60 | + <div id='theme-header'> | ||
| 61 | + <%= theme_header %> | ||
| 62 | + </div> | ||
| 63 | +<!-- FIM cabecalho --> | ||
| 64 | + | ||
| 65 | + <div id="wrap-2"> | ||
| 66 | + | ||
| 67 | + | ||
| 68 | +<!-- título da comunidade/empreendimento/perfil --> | ||
| 69 | + <h1 id="site-title"> | ||
| 70 | + <%= theme_site_title %> | ||
| 71 | + </h1> | ||
| 72 | + | ||
| 73 | + | ||
| 74 | + | ||
| 75 | + <div id="content"> | ||
| 76 | + <div id="content-inner"> | ||
| 77 | + <%= insert_boxes(yield) %> | ||
| 78 | + <br style='clear: both'/> | ||
| 79 | + </div><!-- end id="content-inner" --> | ||
| 80 | + </div><!-- end id="content" --> | ||
| 81 | + </div><!-- end id="wrap-2" --> | ||
| 82 | + </div><!-- end id="wrap-1" --> | ||
| 83 | + <%= render_environment_features(:logged_in) %> | ||
| 84 | + <div id="theme-footer"> | ||
| 85 | + <%= theme_footer %> | ||
| 86 | + </div><!-- end id="theme-footer" --> | ||
| 87 | + <%= noosfero_layout_features %> | ||
| 88 | + <%= theme_javascript_ng %> | ||
| 89 | + <%= addthis_javascript %> | ||
| 90 | + </body> | ||
| 91 | +</html> |
| 1 | +++ a/navigation.rhtml | ||
| @@ -0,0 +1,11 @@ | @@ -0,0 +1,11 @@ | ||
| 1 | +<li> | ||
| 2 | + <%= search_people_menu %> | ||
| 3 | +</li> | ||
| 4 | +<li> | ||
| 5 | + <%= search_communities_menu %> | ||
| 6 | + </li> | ||
| 7 | +<li> | ||
| 8 | + <%= search_contents_menu %> | ||
| 9 | +</li> | ||
| 10 | +<li><a href="/search/events"><span class='icon-menu-events'><%= _('Events') %></span></a></li> | ||
| 11 | + |
6 KB
No preview for this file type
| 1 | +++ a/style-edit.css | ||
| @@ -0,0 +1,1451 @@ | @@ -0,0 +1,1451 @@ | ||
| 1 | +@import url(cabecalho.css); | ||
| 2 | +/****************** FIM cabecalho amarelo ******************/ | ||
| 3 | + | ||
| 4 | +/* ==> button.css <== */ | ||
| 5 | + | ||
| 6 | +.button { | ||
| 7 | + -moz-border-radius: 3px; | ||
| 8 | + -webkit-border-radius: 3px; | ||
| 9 | +} | ||
| 10 | + | ||
| 11 | +#content input.button, #content a.button { | ||
| 12 | + background-repeat: no-repeat; | ||
| 13 | + background-color: #EEE; | ||
| 14 | + border: 1px solid #CCC; | ||
| 15 | + color: #555; | ||
| 16 | + line-height: 16px; | ||
| 17 | + height: 16px; | ||
| 18 | + text-decoration: none; | ||
| 19 | +} | ||
| 20 | + | ||
| 21 | +#content input.button.with-text, #content a.button.with-text { | ||
| 22 | + line-height: 20px; | ||
| 23 | + height: 20px; | ||
| 24 | +} | ||
| 25 | + | ||
| 26 | +input.button { | ||
| 27 | + max-height: 20px; | ||
| 28 | +} | ||
| 29 | +input.button.with-text { | ||
| 30 | + max-height: 22px; | ||
| 31 | +} | ||
| 32 | + | ||
| 33 | +#content input.button:hover, #content a.button:hover { | ||
| 34 | + color: #FFF; | ||
| 35 | + background-color: #555; | ||
| 36 | + border: 1px solid #2e3436; | ||
| 37 | + text-decoration: none; | ||
| 38 | +} | ||
| 39 | + | ||
| 40 | +/* ==> layout.css <== */ | ||
| 41 | + | ||
| 42 | +body { | ||
| 43 | + background: #EEE; | ||
| 44 | + font-family: Liberation Sans, Arial, sans-serif; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +#wrap-1, #theme-footer { | ||
| 48 | +/* width: 960px;*/ | ||
| 49 | + margin: auto; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +body, th, td, input { | ||
| 53 | + font-size: 12px; | ||
| 54 | +} | ||
| 55 | + | ||
| 56 | +#link-go-content { | ||
| 57 | + position: absolute; | ||
| 58 | + top: -100px; | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | +#wrap-2 { | ||
| 62 | + padding: 10px; | ||
| 63 | + position: relative; | ||
| 64 | + border: 1px solid #d3d7cf; | ||
| 65 | + background-color: white; | ||
| 66 | +} | ||
| 67 | + | ||
| 68 | +.msie7 #wrap-2 { | ||
| 69 | + height: 100%; | ||
| 70 | +} | ||
| 71 | + | ||
| 72 | +#content { | ||
| 73 | + /* margin-top: 105px;*/ | ||
| 74 | +} | ||
| 75 | + | ||
| 76 | +/*************************** user bar ********************************/ | ||
| 77 | +/* | ||
| 78 | +#user { | ||
| 79 | + text-align: right; | ||
| 80 | + position: absolute; | ||
| 81 | + right: 10px; | ||
| 82 | + z-index: 10; | ||
| 83 | +}*/ | ||
| 84 | + | ||
| 85 | +#user { | ||
| 86 | + position: relative; | ||
| 87 | + z-index: 9; | ||
| 88 | +} | ||
| 89 | + | ||
| 90 | +#user #top-search {display: none;visibility:hidden;} | ||
| 91 | + | ||
| 92 | +#user a { | ||
| 93 | + position: relative; | ||
| 94 | + color: #888a85; | ||
| 95 | +} | ||
| 96 | + | ||
| 97 | +#user a strong { | ||
| 98 | + font-weight: bold; | ||
| 99 | + color: #555753; | ||
| 100 | +} | ||
| 101 | + | ||
| 102 | +#user .logged-in > * { | ||
| 103 | + margin-left: 25px; | ||
| 104 | +} | ||
| 105 | + | ||
| 106 | +#user a i { | ||
| 107 | + display: block; | ||
| 108 | + width: 16px; | ||
| 109 | + height: 16px; | ||
| 110 | + position: absolute; | ||
| 111 | + left: -17px; | ||
| 112 | + top: -1px; | ||
| 113 | +} | ||
| 114 | +.msie7 #user a i { | ||
| 115 | + top: 3px; | ||
| 116 | +} | ||
| 117 | + | ||
| 118 | +#user #homepage-link i { | ||
| 119 | + width: 18px; | ||
| 120 | + height: 18px; | ||
| 121 | + left: -20px; | ||
| 122 | + top: -2px; | ||
| 123 | + background-position: 50% 50%; | ||
| 124 | +} | ||
| 125 | + | ||
| 126 | +#user form { | ||
| 127 | + position: relative; | ||
| 128 | + display: inline; | ||
| 129 | + margin-left: 20px; | ||
| 130 | +} | ||
| 131 | + | ||
| 132 | +#user form input .blur { | ||
| 133 | + width: 160px; | ||
| 134 | + border: 1px solid #BBB; | ||
| 135 | + -moz-border-radius: 3px; | ||
| 136 | + -webkit-border-radius: 3px; | ||
| 137 | + color: #CCC; | ||
| 138 | +} | ||
| 139 | +#user form input { | ||
| 140 | + border: 1px solid #888; | ||
| 141 | + color: #555; | ||
| 142 | +} | ||
| 143 | + | ||
| 144 | +#user form div { | ||
| 145 | + font-size: 11px; | ||
| 146 | + color: #888; | ||
| 147 | + visibility: hidden; | ||
| 148 | +} | ||
| 149 | +#user form.focused div { | ||
| 150 | + visibility: visible; | ||
| 151 | +} | ||
| 152 | + | ||
| 153 | + | ||
| 154 | + | ||
| 155 | +/*************************** logo ************************************/ | ||
| 156 | + | ||
| 157 | +#site-title { | ||
| 158 | + margin: 0px; | ||
| 159 | + padding: 0px; | ||
| 160 | + position: absolute; | ||
| 161 | + top: 20px; | ||
| 162 | + left: 0px; | ||
| 163 | + z-index: 7; | ||
| 164 | + overflow: hidden; | ||
| 165 | + width: 310px; | ||
| 166 | + height: 90px; | ||
| 167 | +} | ||
| 168 | + | ||
| 169 | +#site-title a { | ||
| 170 | + display: block; | ||
| 171 | + width: 300px; | ||
| 172 | + height: 40px; | ||
| 173 | + position: absolute; | ||
| 174 | + top: 30px; | ||
| 175 | + left: 20px; | ||
| 176 | +} | ||
| 177 | + | ||
| 178 | +#site-title span { | ||
| 179 | + font-size: 1px; | ||
| 180 | + position: absolute; | ||
| 181 | + top: -200px; | ||
| 182 | +} | ||
| 183 | + | ||
| 184 | +/************************** navigation bar ***************************/ | ||
| 185 | + | ||
| 186 | +#navigation { | ||
| 187 | + position: absolute; | ||
| 188 | + top: 49px; | ||
| 189 | + right: 0px; | ||
| 190 | + width: 100%; | ||
| 191 | + text-align: right; | ||
| 192 | + background: #ccc url(imgs/menu-top-bg-left.png) no-repeat; | ||
| 193 | +} | ||
| 194 | + | ||
| 195 | +#navigation-end { | ||
| 196 | + position: absolute; | ||
| 197 | + top: 0px; | ||
| 198 | + right: 0px; | ||
| 199 | + width: 14px; | ||
| 200 | + height: 42px; | ||
| 201 | + background: url(imgs/menu-top-bg-right.png); | ||
| 202 | +} | ||
| 203 | + | ||
| 204 | +#navigation ul { | ||
| 205 | + height: 42px; | ||
| 206 | + margin: 0px; | ||
| 207 | + padding: 0px 10px 0px 0px; | ||
| 208 | + float: right; | ||
| 209 | +} | ||
| 210 | + | ||
| 211 | +#navigation li { | ||
| 212 | + list-style: none; | ||
| 213 | + display: block; | ||
| 214 | + height: auto; | ||
| 215 | + width: 125px; | ||
| 216 | + float: left; | ||
| 217 | + text-align: center; | ||
| 218 | + position: relative; | ||
| 219 | +} | ||
| 220 | + | ||
| 221 | +#navigation a { | ||
| 222 | + border-left: 1px solid #888a85; | ||
| 223 | + display: block; | ||
| 224 | + font-size: 15px; | ||
| 225 | + line-height: 42px; | ||
| 226 | + text-decoration: none; | ||
| 227 | + color: #000; | ||
| 228 | +} | ||
| 229 | +#navigation a:hover { | ||
| 230 | + background: url(imgs/menu-top-hilight.png); | ||
| 231 | + color: #FFF; | ||
| 232 | +} | ||
| 233 | + | ||
| 234 | +#navigation span { | ||
| 235 | + padding: 0px 0px 0px 30px; | ||
| 236 | + background-position: 5px 50%; | ||
| 237 | + background-repeat: no-repeat; | ||
| 238 | +} | ||
| 239 | + | ||
| 240 | +#navigation .menu-submenu ul, #navigation .menu-submenu li{ | ||
| 241 | + float: none; | ||
| 242 | + text-align: right; | ||
| 243 | + border-left: 0px; | ||
| 244 | +} | ||
| 245 | + | ||
| 246 | +#navigation .menu-submenu ul{ | ||
| 247 | + border: 1px solid #888a85; | ||
| 248 | + border-top: 0px; | ||
| 249 | + background-color: #ccc; | ||
| 250 | + padding-right: 2px; | ||
| 251 | + height: auto; | ||
| 252 | + display: block; | ||
| 253 | + padding-top: 20px; | ||
| 254 | +} | ||
| 255 | + | ||
| 256 | +#navigation .menu-submenu{ | ||
| 257 | + bottom: -75px; | ||
| 258 | + width: 126px; | ||
| 259 | + top: 0px; | ||
| 260 | + right: 0px; | ||
| 261 | + position: relative; | ||
| 262 | +} | ||
| 263 | + | ||
| 264 | +#navigation .menu-submenu a{ | ||
| 265 | + padding: 4px 5px; | ||
| 266 | + font-size: 12px; | ||
| 267 | + line-height: normal; | ||
| 268 | + border-left: 0; | ||
| 269 | +} | ||
| 270 | + | ||
| 271 | +#navigation .menu-submenu-trigger { | ||
| 272 | + background: #eee url(/images/down-arrow.png) center center no-repeat; | ||
| 273 | + border: 0px; | ||
| 274 | + height: 8px; | ||
| 275 | + width: 124px; | ||
| 276 | +} | ||
| 277 | +#navigation li:hover .menu-submenu-trigger:hover { | ||
| 278 | + background: #585858 url(imgs/down-arrow-light.png) center center no-repeat; | ||
| 279 | +} | ||
| 280 | + | ||
| 281 | +#navigation li:hover .menu-submenu-trigger{ | ||
| 282 | + display: block; | ||
| 283 | +} | ||
| 284 | + | ||
| 285 | +#navigation li .menu-submenu-trigger{ | ||
| 286 | + display: none; | ||
| 287 | + height: 16px; | ||
| 288 | + top: 42px; | ||
| 289 | + left: 0; | ||
| 290 | + border: 1px solid #888A85; | ||
| 291 | + outline: none; | ||
| 292 | +} | ||
| 293 | + | ||
| 294 | +#navigation .menu-submenu-header, #navigation .menu-submenu-footer, #navigation .menu-submenu h4{ | ||
| 295 | + display: none; | ||
| 296 | +} | ||
| 297 | + | ||
| 298 | +#navigation .common-profile-list-block .vcard .menu-submenu-trigger, | ||
| 299 | +.menu-submenu-trigger { | ||
| 300 | + left: 1px; | ||
| 301 | + top: 33px; | ||
| 302 | + -moz-border-radius: 0px; | ||
| 303 | + -webkit-border-radius: 0px; | ||
| 304 | +} | ||
| 305 | + | ||
| 306 | +/************************** main content *****************************/ | ||
| 307 | + | ||
| 308 | +#main-content-wrapper-1, #main-content-wrapper-2, | ||
| 309 | +#main-content-wrapper-3, #main-content-wrapper-4, | ||
| 310 | +#main-content-wrapper-5, #main-content-wrapper-6, | ||
| 311 | +#main-content-wrapper-7, #main-content-wrapper-8 { | ||
| 312 | + position: relative; | ||
| 313 | +} | ||
| 314 | + | ||
| 315 | +#main-content-wrapper-1 { background: url(imgs/content-bg-N.png) 0% 0% repeat-x } | ||
| 316 | +#main-content-wrapper-2 { background: url(imgs/content-bg-S.png) 0% 100% repeat-x } | ||
| 317 | +#main-content-wrapper-3 { background: url(imgs/content-bg-L.png) 100% 0% repeat-y } | ||
| 318 | +#main-content-wrapper-4 { background: url(imgs/content-bg-O.png) 0% 0% repeat-y } | ||
| 319 | +#main-content-wrapper-5 { background: url(imgs/content-bg-NL.png) 100% 0% no-repeat } | ||
| 320 | +#main-content-wrapper-6 { background: url(imgs/content-bg-NO.png) 0% 0% no-repeat } | ||
| 321 | +#main-content-wrapper-7 { background: url(imgs/content-bg-SL.png) 100% 100% no-repeat } | ||
| 322 | +#main-content-wrapper-8 { background: url(imgs/content-bg-SO.png) 0% 100% no-repeat } | ||
| 323 | +#main-content-wrapper-8 { | ||
| 324 | + padding: 10px 20px; | ||
| 325 | +} | ||
| 326 | + | ||
| 327 | +#content .main-block h1, #not-found h1, #access-denied h1 { | ||
| 328 | + font-variant: small-caps; | ||
| 329 | + color: #555753; | ||
| 330 | + text-align: left; | ||
| 331 | + border-bottom: 2px solid #2e3436; | ||
| 332 | +} | ||
| 333 | + | ||
| 334 | +.block { | ||
| 335 | + position: relative; | ||
| 336 | + padding: 10px 0; | ||
| 337 | + float: none; | ||
| 338 | +} | ||
| 339 | + | ||
| 340 | +/***************************** header ********************************/ | ||
| 341 | +#theme-header { | ||
| 342 | + /*height: 20px;*/ | ||
| 343 | +} | ||
| 344 | +#profile-header, #profile-footer{clear:left;} | ||
| 345 | +/***************************** footer ********************************/ | ||
| 346 | + | ||
| 347 | +#theme-footer #language-chooser { | ||
| 348 | + margin-top: 3em; | ||
| 349 | + text-align: center; | ||
| 350 | +} | ||
| 351 | + | ||
| 352 | + | ||
| 353 | +#theme-footer { | ||
| 354 | + padding: 0px; | ||
| 355 | + font-size: 11px; | ||
| 356 | + color: #555; | ||
| 357 | + margin-bottom: 20px; | ||
| 358 | +} | ||
| 359 | + | ||
| 360 | +#theme-footer a { | ||
| 361 | + color: #333; | ||
| 362 | + text-decoration: none; | ||
| 363 | +} | ||
| 364 | +#theme-footer a:hover { | ||
| 365 | + color: #222; | ||
| 366 | + text-decoration: underline; | ||
| 367 | +} | ||
| 368 | + | ||
| 369 | +#footer-links { | ||
| 370 | + text-align: left; | ||
| 371 | + float: left; | ||
| 372 | +} | ||
| 373 | + | ||
| 374 | +#link-to-doc { | ||
| 375 | + background-repeat: no-repeat; | ||
| 376 | + padding-left: 20px; | ||
| 377 | + padding-top: 2px; | ||
| 378 | + padding-bottom: 2px; | ||
| 379 | +} | ||
| 380 | + | ||
| 381 | +#copyright { | ||
| 382 | + text-align: right; | ||
| 383 | +} | ||
| 384 | + | ||
| 385 | +#noosfero-license { | ||
| 386 | + margin-bottom: 1em; | ||
| 387 | +} | ||
| 388 | + | ||
| 389 | +div.no_media_panel { | ||
| 390 | + margin: 0px; | ||
| 391 | +} | ||
| 392 | + | ||
| 393 | +div#notice { | ||
| 394 | + right: 50%; | ||
| 395 | + margin-right: -470px; | ||
| 396 | +} | ||
| 397 | + | ||
| 398 | +/* ==> blocks.css <== */ | ||
| 399 | + | ||
| 400 | +.block a { | ||
| 401 | + color: #555753; | ||
| 402 | +} | ||
| 403 | +.block a:visited { | ||
| 404 | + color: #888a85; | ||
| 405 | + font-weight: normal; | ||
| 406 | +} | ||
| 407 | +.block a:hover { | ||
| 408 | + color: #2e3436; | ||
| 409 | + text-decoration: underline; | ||
| 410 | +} | ||
| 411 | + | ||
| 412 | + | ||
| 413 | +#content .block { | ||
| 414 | + padding: 0px; | ||
| 415 | + margin: 0px 0px 20px 0px; | ||
| 416 | + position: relative; | ||
| 417 | +} | ||
| 418 | + | ||
| 419 | + | ||
| 420 | +#content .block-title { | ||
| 421 | + font-variant: small-caps; | ||
| 422 | + color: #AAA; | ||
| 423 | + font-size: 14px; | ||
| 424 | + text-align: left; | ||
| 425 | + border-bottom: 2px solid #AAA; | ||
| 426 | +} | ||
| 427 | + | ||
| 428 | +/*************************** Login block *****************************/ | ||
| 429 | + | ||
| 430 | +.login-box { | ||
| 431 | + padding: 0px; | ||
| 432 | +} | ||
| 433 | + | ||
| 434 | +.login-box-content { | ||
| 435 | + margin: 0px; | ||
| 436 | + border: none; | ||
| 437 | + background: none; | ||
| 438 | + padding: 0px; | ||
| 439 | +} | ||
| 440 | + | ||
| 441 | +.login-box-content .button-bar .button { | ||
| 442 | + position: relative; | ||
| 443 | +} | ||
| 444 | + | ||
| 445 | +.login-box .formfieldline input { | ||
| 446 | + width: 99%; | ||
| 447 | +} | ||
| 448 | + | ||
| 449 | +.login-box form { | ||
| 450 | + margin: 0px; | ||
| 451 | +} | ||
| 452 | +.msie7 .login-box form { | ||
| 453 | + padding: 0px 10px 0px 0px; | ||
| 454 | +} | ||
| 455 | + | ||
| 456 | +#content .login-block h2 { | ||
| 457 | + font-variant: small-caps; | ||
| 458 | + color: #AAA; | ||
| 459 | + font-size: 14px; | ||
| 460 | + text-align: left; | ||
| 461 | + border-bottom: 2px solid #AAA; | ||
| 462 | +} | ||
| 463 | + | ||
| 464 | +.login-box p { | ||
| 465 | + text-align: center; | ||
| 466 | + margin: 0px; | ||
| 467 | + padding: 0px; | ||
| 468 | +} | ||
| 469 | + | ||
| 470 | +.login-box .forgot-passwd a { | ||
| 471 | + color: #555753; | ||
| 472 | +} | ||
| 473 | + | ||
| 474 | +.want-to-be-an-user { | ||
| 475 | + font-size: 13px; | ||
| 476 | +} | ||
| 477 | + | ||
| 478 | +#content .logged-user-info h2 { | ||
| 479 | + font-size: none; | ||
| 480 | +} | ||
| 481 | + | ||
| 482 | +.logged-user-info ul { | ||
| 483 | + margin-top: 5px; | ||
| 484 | +} | ||
| 485 | + | ||
| 486 | +.logged-user-info .user-actions { | ||
| 487 | + padding-left: 50px; | ||
| 488 | +} | ||
| 489 | + | ||
| 490 | + | ||
| 491 | +/************************** Profile List *****************************/ | ||
| 492 | + | ||
| 493 | +#content .people-block ul, | ||
| 494 | +#content .profile-list-block ul, | ||
| 495 | +#content .enterprises-block ul, | ||
| 496 | +#content .members-block ul, | ||
| 497 | +#content .communities-block ul, | ||
| 498 | +#content .friends-block ul, | ||
| 499 | +#content .fans-block ul { | ||
| 500 | + min-width: 196px; | ||
| 501 | + width: 192px; | ||
| 502 | + margin: 0px 0px 0px -3px; | ||
| 503 | + padding: 0px; | ||
| 504 | +} | ||
| 505 | + | ||
| 506 | +#content .box-1 .people-block ul, | ||
| 507 | +#content .box-1 .profile-list-block ul, | ||
| 508 | +#content .box-1 .enterprises-block ul, | ||
| 509 | +#content .box-1 .members-block ul, | ||
| 510 | +#content .box-1 .communities-block ul, | ||
| 511 | +#content .box-1 .friends-block ul, | ||
| 512 | +#content .box-1 .fans-block ul { | ||
| 513 | + width: auto; | ||
| 514 | + display: block; | ||
| 515 | +} | ||
| 516 | + | ||
| 517 | +#content .tags-block .block-footer-content a, | ||
| 518 | +#content .people-block .block-footer-content a, | ||
| 519 | +#content .profile-list-block .block-footer-content a, | ||
| 520 | +#content .enterprises-block .block-footer-content a, | ||
| 521 | +#content .members-block .block-footer-content a, | ||
| 522 | +#content .communities-block .block-footer-content a, | ||
| 523 | +#content .friends-block .block-footer-content a { | ||
| 524 | + position: absolute; | ||
| 525 | + top: 2px; | ||
| 526 | + right: 0px; | ||
| 527 | + font-size: 11px; | ||
| 528 | + color: #000; | ||
| 529 | + text-decoration: none; | ||
| 530 | + padding-right: 15px; | ||
| 531 | +} | ||
| 532 | +#content .tags-block .block-footer-content a, | ||
| 533 | +#content .people-block .block-footer-content a, | ||
| 534 | +#content .profile-list-block .block-footer-content a, | ||
| 535 | +#content .enterprises-block .block-footer-content a, | ||
| 536 | +#content .communities-block .block-footer-content a, | ||
| 537 | +#content .friends-block .block-footer-content a { | ||
| 538 | + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; | ||
| 539 | +} | ||
| 540 | + | ||
| 541 | +#content .members-block .block-footer-content .join-leave-button a { | ||
| 542 | + position: relative; | ||
| 543 | + background-color: #EEE; | ||
| 544 | + border: 1px solid #CCC; | ||
| 545 | + color: #555; | ||
| 546 | + padding-right: inherit; | ||
| 547 | +} | ||
| 548 | + | ||
| 549 | +#content .members-block .block-footer-content .join-leave-button a:hover { | ||
| 550 | + color: #FFF; | ||
| 551 | + background-color: #555; | ||
| 552 | + border: 1px solid #2e3436; | ||
| 553 | + text-decoration: none; | ||
| 554 | +} | ||
| 555 | + | ||
| 556 | +#content .profile-list-block .block-title { | ||
| 557 | + text-align: left; | ||
| 558 | +} | ||
| 559 | + | ||
| 560 | +#content .profile-list li a, | ||
| 561 | +#content .common-profile-list-block .vcard li a { | ||
| 562 | + color: #555; | ||
| 563 | +} | ||
| 564 | +#content .profile-list li a:hover, | ||
| 565 | +#content .common-profile-list-block .vcard li a:hover { | ||
| 566 | + color: #000; | ||
| 567 | + text-decoration: none; | ||
| 568 | +} | ||
| 569 | + | ||
| 570 | +/************************* Recent Contents ***************************/ | ||
| 571 | + | ||
| 572 | +#content .feed-reader-block, | ||
| 573 | +#content .recent-documents-block { | ||
| 574 | + overflow: hidden; | ||
| 575 | +} | ||
| 576 | + | ||
| 577 | +.feed-reader-block li, | ||
| 578 | +.recent-documents-block li { | ||
| 579 | + list-style-image: url(imgs/li-recent.gif); | ||
| 580 | + padding: 5px 0px; | ||
| 581 | +} | ||
| 582 | + | ||
| 583 | +.feed-reader-block li a, | ||
| 584 | +.recent-documents-block li a { | ||
| 585 | + font-weight: bold; | ||
| 586 | +} | ||
| 587 | + | ||
| 588 | +.feed-reader-block li a:visited, | ||
| 589 | +.recent-documents-block li a:visited { | ||
| 590 | + font-weight: normal; | ||
| 591 | +} | ||
| 592 | + | ||
| 593 | +.feed-reader-block li a:hover, | ||
| 594 | +.recent-documents-block li a:hover { | ||
| 595 | + text-decoration: underline; | ||
| 596 | +} | ||
| 597 | + | ||
| 598 | +/************************* Profile Image *****************************/ | ||
| 599 | + | ||
| 600 | +#content .profile-image-block { | ||
| 601 | +} | ||
| 602 | +.profile-big-image-inner1 { | ||
| 603 | + text-align: center; | ||
| 604 | +} | ||
| 605 | + | ||
| 606 | +.profile-big-image { | ||
| 607 | +} | ||
| 608 | +.profile-big-image img { | ||
| 609 | + border: none; | ||
| 610 | + padding: 0px; | ||
| 611 | +} | ||
| 612 | + | ||
| 613 | +.profile-image-block p { | ||
| 614 | + margin: 0px; | ||
| 615 | + font-size: 17px; | ||
| 616 | + font-weight: bold; | ||
| 617 | + color: #555; | ||
| 618 | +} | ||
| 619 | + | ||
| 620 | +.profile-image-block .admin-link { | ||
| 621 | + text-align: center; | ||
| 622 | + font-size: 75%; | ||
| 623 | + clear: both; | ||
| 624 | +} | ||
| 625 | + | ||
| 626 | + | ||
| 627 | +/*************************** My Network ******************************/ | ||
| 628 | + | ||
| 629 | +#content .block.my-network-block { | ||
| 630 | + margin: 0px 0px 10px 0px; | ||
| 631 | +} | ||
| 632 | + | ||
| 633 | +.my-network-block ul { | ||
| 634 | + margin: 0px; | ||
| 635 | + padding: 0px 0px 10px 20px; | ||
| 636 | +} | ||
| 637 | +.my-network-block li { | ||
| 638 | + margin: 0px; | ||
| 639 | + padding: 0px; | ||
| 640 | + list-style: none; | ||
| 641 | +} | ||
| 642 | + | ||
| 643 | + | ||
| 644 | +/*************************** Link List *******************************/ | ||
| 645 | + | ||
| 646 | +.link-list-block .empty { | ||
| 647 | + display: none; | ||
| 648 | +} | ||
| 649 | + | ||
| 650 | +#content .box-1 .link-list-block { | ||
| 651 | + margin: 0px; | ||
| 652 | +} | ||
| 653 | + | ||
| 654 | +#content .link-list-block li { | ||
| 655 | + background: #FFF; | ||
| 656 | + padding: 0px; | ||
| 657 | + margin: 5px 0px; | ||
| 658 | +} | ||
| 659 | + | ||
| 660 | +#content .box-1 .link-list-block li { | ||
| 661 | + display: inline-block; | ||
| 662 | +} | ||
| 663 | + | ||
| 664 | +#content .link-list-block li a { | ||
| 665 | + font-size: 14px; | ||
| 666 | + line-height: 24px; | ||
| 667 | + color: #000; | ||
| 668 | + background-color: #EEE; | ||
| 669 | + background-position: 4px 50%; | ||
| 670 | + border-radius: 4px; | ||
| 671 | +} | ||
| 672 | + | ||
| 673 | +#content .box-1 .link-list-block li a { | ||
| 674 | + padding-left: 25px; | ||
| 675 | + padding-right: 10px; | ||
| 676 | + margin-right: 5px; | ||
| 677 | + background-position: 5px 50%; | ||
| 678 | +} | ||
| 679 | + | ||
| 680 | +#content .link-list-block li a.link-this-page { | ||
| 681 | + border-radius-topright: 0px; | ||
| 682 | + border-radius-bottomright: 0px; | ||
| 683 | + background-color: #cecece; | ||
| 684 | + max-width: 175px; | ||
| 685 | + width: 200px; | ||
| 686 | + border-right: 2px solid #555753; | ||
| 687 | +} | ||
| 688 | + | ||
| 689 | +#content .box-1 .link-list-block li a.link-this-page { | ||
| 690 | + width: auto; | ||
| 691 | + border: none; | ||
| 692 | + border-radius: 4px; | ||
| 693 | +} | ||
| 694 | + | ||
| 695 | +#content .link-list-block li a:hover { | ||
| 696 | + background-color: #555753; | ||
| 697 | + color: #FFF; | ||
| 698 | + text-decoration: none; | ||
| 699 | +} | ||
| 700 | +#content .link-list-block li a.link-this-page:hover { | ||
| 701 | + border-right: 2px solid #555753; | ||
| 702 | +} | ||
| 703 | + | ||
| 704 | + | ||
| 705 | +/************************** Communities ******************************/ | ||
| 706 | + | ||
| 707 | +.communities-block .profile-image { | ||
| 708 | + float: left; | ||
| 709 | + padding-left: 4px; | ||
| 710 | + max-width: 70px; | ||
| 711 | + width: 75px; | ||
| 712 | + height: auto; | ||
| 713 | +} | ||
| 714 | + | ||
| 715 | +.msie7 .communities-block .common-profile-list-block .vcard a { | ||
| 716 | + height: auto; | ||
| 717 | + width: 99%; | ||
| 718 | + padding-bottom: 1px; | ||
| 719 | +} | ||
| 720 | + | ||
| 721 | +.communities-block .vcard a .org { | ||
| 722 | + overflow: hidden; | ||
| 723 | +} | ||
| 724 | +.msie .communities-block .vcard a .org { | ||
| 725 | + height: 30px; | ||
| 726 | +} | ||
| 727 | + | ||
| 728 | +.communities-block .vcard a .may-clear { | ||
| 729 | + clear: left; | ||
| 730 | +} | ||
| 731 | + | ||
| 732 | +/****************************** Tags *********************************/ | ||
| 733 | + | ||
| 734 | +/* the style here is not only for #content .tags-block .tag_cloud */ | ||
| 735 | + | ||
| 736 | +.tag_cloud { | ||
| 737 | + text-align: center; | ||
| 738 | +} | ||
| 739 | + | ||
| 740 | +.tag_cloud a { | ||
| 741 | + text-decoration: none; | ||
| 742 | + white-space: nowrap; | ||
| 743 | +} | ||
| 744 | + | ||
| 745 | +.tag_cloud a small { | ||
| 746 | + opacity: 0.5; | ||
| 747 | + filter:alpha(opacity=50); | ||
| 748 | +} | ||
| 749 | + | ||
| 750 | + | ||
| 751 | +/********************* Product Categories Block **********************/ | ||
| 752 | + | ||
| 753 | +.product-categories-block .catalog-home-link { | ||
| 754 | + display: block; | ||
| 755 | + background: rgba(0,0,0,0.08); | ||
| 756 | + font-weight: bold; | ||
| 757 | + text-align: center; | ||
| 758 | + border-radius: 5px; | ||
| 759 | + padding: 0px; | ||
| 760 | + line-height: 200%; | ||
| 761 | + text-decoration: none; | ||
| 762 | + color: #000; | ||
| 763 | +} | ||
| 764 | +.product-categories-block .catalog-home-link:hover { | ||
| 765 | + background: rgba(0,0,0,0.6); | ||
| 766 | + color: #FFF; | ||
| 767 | + text-decoration: none; | ||
| 768 | +} | ||
| 769 | + | ||
| 770 | +.product-categories-block .catalog-categories-list { | ||
| 771 | + margin-top: 0.5em; | ||
| 772 | +} | ||
| 773 | + | ||
| 774 | +.product-categories-block ul { | ||
| 775 | + list-style-type: none; | ||
| 776 | + margin: 0px; | ||
| 777 | + padding: 0px; | ||
| 778 | + border-radius: 5px; | ||
| 779 | + color: rgba(0,0,0,0.4); | ||
| 780 | +} | ||
| 781 | + | ||
| 782 | +.product-categories-block li { | ||
| 783 | + margin: 0; | ||
| 784 | + padding: 0; | ||
| 785 | + white-space: nowrap; | ||
| 786 | +} | ||
| 787 | + | ||
| 788 | +.product-categories-block li li div { | ||
| 789 | + padding: 0 0 0 1.5em; | ||
| 790 | +} | ||
| 791 | + | ||
| 792 | +.product-categories-block .catalog-categories-list a { | ||
| 793 | + text-decoration: none; | ||
| 794 | + font-size: 120%; | ||
| 795 | + line-height: 150%; | ||
| 796 | + color: #333; | ||
| 797 | + overflow: hidden; | ||
| 798 | + text-overflow: ellipsis; | ||
| 799 | + display: inline-block; | ||
| 800 | + padding: 0 0.3em 0 0.5em; | ||
| 801 | + border-radius: 5px; | ||
| 802 | + max-width: 80%; | ||
| 803 | + vertical-align: middle; | ||
| 804 | +} | ||
| 805 | +.product-categories-block .catalog-categories-list ul a { | ||
| 806 | + text-decoration: none; | ||
| 807 | + font-size: 110%; | ||
| 808 | + line-height: 163.6%; | ||
| 809 | +} | ||
| 810 | +.product-categories-block .catalog-categories-list div:hover a:hover { | ||
| 811 | + background: rgba(0,0,0,0.6); | ||
| 812 | + color: #FFF; | ||
| 813 | + text-decoration: none; | ||
| 814 | +} | ||
| 815 | + | ||
| 816 | +.product-categories-block .catalog-categories-list div:hover a, | ||
| 817 | +.product-categories-block .catalog-categories-list div:hover .count { | ||
| 818 | + background: rgba(0,0,0,0.08); | ||
| 819 | +} | ||
| 820 | + | ||
| 821 | +.block.product-categories-block .catalog-categories-list a { | ||
| 822 | + font-weight: bold; | ||
| 823 | +} | ||
| 824 | + | ||
| 825 | +.block.product-categories-block .catalog-categories-list ul a { | ||
| 826 | + font-weight: normal; | ||
| 827 | +} | ||
| 828 | + | ||
| 829 | +.product-categories-block a:hover { | ||
| 830 | + text-decoration: underline; | ||
| 831 | +} | ||
| 832 | + | ||
| 833 | +.product-categories-block .count { | ||
| 834 | + display: inline-block; | ||
| 835 | + vertical-align: middle; | ||
| 836 | + margin-left: -0.2em; | ||
| 837 | + padding: 0 0.2em; | ||
| 838 | + line-height: 180%; | ||
| 839 | + border-radius: 5px; | ||
| 840 | +} | ||
| 841 | + | ||
| 842 | +.block.product-categories-block .count:before { | ||
| 843 | + content: "("; | ||
| 844 | +} | ||
| 845 | +.block.product-categories-block .count:after { | ||
| 846 | + content: ")"; | ||
| 847 | +} | ||
| 848 | + | ||
| 849 | +.catalog-categories-notice { | ||
| 850 | + color: rgba(0,0,0,0.3); | ||
| 851 | + padding: 0.5em 1em; | ||
| 852 | +} | ||
| 853 | + | ||
| 854 | +/********************* Environment Statistics ************************/ | ||
| 855 | + | ||
| 856 | +#content .environment-statistics-block ul { | ||
| 857 | + margin: 0px 20px; | ||
| 858 | + padding: 0px; | ||
| 859 | +} | ||
| 860 | +#content .environment-statistics-block li { | ||
| 861 | + list-style-image: url(imgs/li-gray.gif); | ||
| 862 | + padding: 3px 0px; | ||
| 863 | + color: #777 | ||
| 864 | +} | ||
| 865 | + | ||
| 866 | +/*************************** News Area *******************************/ | ||
| 867 | + | ||
| 868 | +.action-home-index #content h1 { | ||
| 869 | + color: #555753; | ||
| 870 | + border-bottom: 2px solid #555753; | ||
| 871 | +} | ||
| 872 | + | ||
| 873 | +.highlighted-news-item { | ||
| 874 | + border-top: 1px solid #CCC; | ||
| 875 | + padding-top: 5px; | ||
| 876 | +} | ||
| 877 | +.highlighted-news-item.post-1 { | ||
| 878 | + border: none; | ||
| 879 | + padding-top: 0px; | ||
| 880 | +} | ||
| 881 | + | ||
| 882 | +#highlighted-news h2 a { | ||
| 883 | + font-weight: bold; | ||
| 884 | + color: #2e3436; | ||
| 885 | +} | ||
| 886 | + | ||
| 887 | +.news-area { | ||
| 888 | + border: none; | ||
| 889 | + background: #FFF; | ||
| 890 | + height: auto; | ||
| 891 | + position: relative; | ||
| 892 | +} | ||
| 893 | + | ||
| 894 | +.news-area ul { | ||
| 895 | + border: 1px solid #CCC; | ||
| 896 | + border-top: 2px solid #07C; | ||
| 897 | + height: 125px; | ||
| 898 | + overflow: auto; | ||
| 899 | + margin: 0px; | ||
| 900 | + padding: 5px 10px; | ||
| 901 | + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | ||
| 902 | + border-bottom: none; | ||
| 903 | +} | ||
| 904 | + | ||
| 905 | +.news-area li { | ||
| 906 | + margin-left: 15px; | ||
| 907 | + padding: 0px 0px; | ||
| 908 | + list-style-image: url(imgs/li-blue.gif); | ||
| 909 | +} | ||
| 910 | + | ||
| 911 | +#content .news-area h3 a { | ||
| 912 | + font-weight: bold; | ||
| 913 | + color: #2e3436; | ||
| 914 | +} | ||
| 915 | +#content .news-area h3 a:hover { | ||
| 916 | + text-decoration: none; | ||
| 917 | +} | ||
| 918 | + | ||
| 919 | +#content .news-area h3 { | ||
| 920 | + background: #FFF; | ||
| 921 | + margin: 0px; | ||
| 922 | + padding: 0px; | ||
| 923 | +} | ||
| 924 | + | ||
| 925 | +#content .news-area a { | ||
| 926 | + color: #000; | ||
| 927 | +} | ||
| 928 | + | ||
| 929 | +#content .news-area a.news-see-more { | ||
| 930 | + position: absolute; | ||
| 931 | + top: 3px; | ||
| 932 | + right: 0px; | ||
| 933 | + | ||
| 934 | + color: #000; | ||
| 935 | + padding-right: 10px; | ||
| 936 | + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; | ||
| 937 | +} | ||
| 938 | + | ||
| 939 | +#content .news-area a.news-see-more:hover { | ||
| 940 | + text-decoration: none; | ||
| 941 | + color: #07C; | ||
| 942 | +} | ||
| 943 | + | ||
| 944 | +#portal-news ul { | ||
| 945 | + padding: 0px; | ||
| 946 | + border-top: 1px solid #CCC; | ||
| 947 | +} | ||
| 948 | +#portal-news li { | ||
| 949 | + list-style: none; | ||
| 950 | + padding: 8px 0px; | ||
| 951 | + border-bottom: 1px solid #CCC; | ||
| 952 | +} | ||
| 953 | +#portal-news li a { | ||
| 954 | + font-weight: bold; | ||
| 955 | + color: #555753; | ||
| 956 | +} | ||
| 957 | +#portal-news .post-date, #highlighted-news .post-date { | ||
| 958 | + color: #555753; | ||
| 959 | +} | ||
| 960 | + | ||
| 961 | +#portal-news .post-date { | ||
| 962 | + float: left; | ||
| 963 | +} | ||
| 964 | +#portal-news .post-title { | ||
| 965 | + display: block; | ||
| 966 | + margin-left: 65px; | ||
| 967 | +} | ||
| 968 | + | ||
| 969 | +#highlighted-news .post-title { | ||
| 970 | + font-weight: bold; | ||
| 971 | + font-size: 20px; | ||
| 972 | +} | ||
| 973 | +#highlighted-news h2 { | ||
| 974 | + margin-bottom: 0px; | ||
| 975 | +} | ||
| 976 | + | ||
| 977 | +/* ==> search-results.css <== */ | ||
| 978 | + | ||
| 979 | + | ||
| 980 | +.msie .search-results-box { | ||
| 981 | + width: 48%; | ||
| 982 | +} | ||
| 983 | + | ||
| 984 | +#content .no-boxes h1 { | ||
| 985 | + font-variant: small-caps; | ||
| 986 | + color: #555753; | ||
| 987 | + text-align: left; | ||
| 988 | + border-bottom: 2px solid #2e3436; /*8C0*/ | ||
| 989 | +} | ||
| 990 | + | ||
| 991 | +.query { | ||
| 992 | + display: none; | ||
| 993 | +} | ||
| 994 | + | ||
| 995 | +.controller-search #content .search_form h3 { | ||
| 996 | + display: none; | ||
| 997 | +} | ||
| 998 | + | ||
| 999 | +.controller-search #content .search_form h4 { | ||
| 1000 | + background: #DDD; | ||
| 1001 | + color: #777; | ||
| 1002 | +} | ||
| 1003 | +.controller-search .search-options { | ||
| 1004 | + border: 1px solid #777; | ||
| 1005 | + -moz-border-radius: 5px; | ||
| 1006 | + -webkit-border-radius: 5px; | ||
| 1007 | +} | ||
| 1008 | +.controller-search .search-options ul li { | ||
| 1009 | + position: relative; | ||
| 1010 | +} | ||
| 1011 | + | ||
| 1012 | +.controller-search .search-within select { | ||
| 1013 | + display: block; | ||
| 1014 | + margin-bottom: 5px; | ||
| 1015 | +} | ||
| 1016 | + | ||
| 1017 | +.controller-search .search-within label { | ||
| 1018 | + display: block; | ||
| 1019 | + float: left; | ||
| 1020 | + width: 100px; | ||
| 1021 | + text-align: right; | ||
| 1022 | + padding-right: 10px; | ||
| 1023 | + position: relative; | ||
| 1024 | + top: 5px; | ||
| 1025 | +} | ||
| 1026 | + | ||
| 1027 | +.controller-search a { | ||
| 1028 | + color: #555753; | ||
| 1029 | +} | ||
| 1030 | + | ||
| 1031 | +#search-results h3 { | ||
| 1032 | + color: #555753; /*6A0*/ | ||
| 1033 | + font-variant: small-caps; | ||
| 1034 | + margin: 0px; | ||
| 1035 | +} | ||
| 1036 | + | ||
| 1037 | +.search-results-innerbox { | ||
| 1038 | + border: 1px solid #CCC; | ||
| 1039 | + border-top: 2px solid #2e3436; | ||
| 1040 | + border-bottom: none; | ||
| 1041 | + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | ||
| 1042 | +} | ||
| 1043 | +.only-one-result-box .search-results-innerbox { | ||
| 1044 | + border-top: 1px solid #CCC; | ||
| 1045 | +} | ||
| 1046 | + | ||
| 1047 | +#content .search-results-type-article li, | ||
| 1048 | +#content .search-results-type-event li { | ||
| 1049 | + padding: 5px 0px; | ||
| 1050 | +} | ||
| 1051 | + | ||
| 1052 | +.search-results-type-article a, | ||
| 1053 | +.search-results-type-event a { | ||
| 1054 | + text-decoration: none; | ||
| 1055 | +} | ||
| 1056 | +.search-results-type-article a:hover, | ||
| 1057 | +.search-results-type-event a:hover { | ||
| 1058 | + text-decoration: underline; | ||
| 1059 | +} | ||
| 1060 | + | ||
| 1061 | +/* ==> article.css <== */ | ||
| 1062 | + | ||
| 1063 | +#article a { | ||
| 1064 | + text-decoration: underline; | ||
| 1065 | +} | ||
| 1066 | + | ||
| 1067 | +hr.pre-posts, hr.sep-posts { | ||
| 1068 | + display: none; | ||
| 1069 | +} | ||
| 1070 | + | ||
| 1071 | +.blog-post { | ||
| 1072 | + background: url(imgs/blog-sep.png) repeat-x; | ||
| 1073 | + padding: 15px 20px 5px 20px; | ||
| 1074 | + margin: 0px -19px; | ||
| 1075 | +} | ||
| 1076 | + | ||
| 1077 | +#article-actions a.button, | ||
| 1078 | +#article-actions a.button:hover { | ||
| 1079 | + border: none; | ||
| 1080 | + background-color: transparent; | ||
| 1081 | + color: #888; | ||
| 1082 | +} | ||
| 1083 | +#article-actions a.button:hover { | ||
| 1084 | + color: #555753; | ||
| 1085 | +} | ||
| 1086 | +#content a.disabled, | ||
| 1087 | +#content a.disabled:hover { | ||
| 1088 | + color: #888; | ||
| 1089 | + text-decoration: none; | ||
| 1090 | +} | ||
| 1091 | +#content a.button.disabled, | ||
| 1092 | +#content a.button.disabled:hover { | ||
| 1093 | + background-color: #CCC; | ||
| 1094 | + border-color: #CCC; | ||
| 1095 | +} | ||
| 1096 | + | ||
| 1097 | +#addThis { | ||
| 1098 | + text-align: right; | ||
| 1099 | +} | ||
| 1100 | + | ||
| 1101 | +#content .blog-post .title { | ||
| 1102 | + border-bottom-color: #CCC; | ||
| 1103 | +} | ||
| 1104 | +#content .blog-post .title a { | ||
| 1105 | + font-weight: bold; | ||
| 1106 | + color: #000; | ||
| 1107 | + text-decoration: none; | ||
| 1108 | +} | ||
| 1109 | + | ||
| 1110 | +#content .main-block .created-at { | ||
| 1111 | + text-align: left; | ||
| 1112 | + color: #AAA; | ||
| 1113 | +} | ||
| 1114 | +#content .main-block .created-at a { | ||
| 1115 | + color: #AAA; | ||
| 1116 | + text-decoration: none; | ||
| 1117 | +} | ||
| 1118 | +#content .main-block .created-at a:hover { | ||
| 1119 | + color: #555; | ||
| 1120 | + text-decoration: underline; | ||
| 1121 | +} | ||
| 1122 | + | ||
| 1123 | +#article-tags { | ||
| 1124 | + color: #FFF; | ||
| 1125 | +} | ||
| 1126 | +#article-tags a { | ||
| 1127 | + text-decoration: none; | ||
| 1128 | + padding: 0px 2px; | ||
| 1129 | + -moz-border-radius: 3px; | ||
| 1130 | + -webkit-border-radius: 3px; | ||
| 1131 | + background: #BBB; | ||
| 1132 | + color: #FFF; | ||
| 1133 | +} | ||
| 1134 | +#article-tags a:hover { | ||
| 1135 | + background: #555753; | ||
| 1136 | +} | ||
| 1137 | + | ||
| 1138 | +#article-hits { | ||
| 1139 | + text-align: left; | ||
| 1140 | + color: #AAA; | ||
| 1141 | +} | ||
| 1142 | + | ||
| 1143 | +.msie .post_comment_box { | ||
| 1144 | + padding-top: 15px; | ||
| 1145 | +} | ||
| 1146 | + | ||
| 1147 | +.post_comment_box.closed h4 { | ||
| 1148 | + -moz-border-radius: 4px; | ||
| 1149 | + -webkit-border-radius: 4px; | ||
| 1150 | +} | ||
| 1151 | + | ||
| 1152 | +.post_comment_box.opened h4 { | ||
| 1153 | + display: block; | ||
| 1154 | + background: #FFF; | ||
| 1155 | + padding: 0px; | ||
| 1156 | + font-variant: small-caps; | ||
| 1157 | + color: #555753; | ||
| 1158 | + font-size: 14px; | ||
| 1159 | + text-align: left; | ||
| 1160 | + border-bottom: 2px solid #888a85; | ||
| 1161 | +} | ||
| 1162 | + | ||
| 1163 | +.post_comment_box.opened { | ||
| 1164 | + border: none; | ||
| 1165 | + background: transparent; | ||
| 1166 | +} | ||
| 1167 | + | ||
| 1168 | +/************* uploaded file *****************/ | ||
| 1169 | + | ||
| 1170 | +#article .gallery-navigation { | ||
| 1171 | + padding: 10px 0; | ||
| 1172 | +} | ||
| 1173 | + | ||
| 1174 | +#article .gallery-navigation .previous { | ||
| 1175 | + margin-right: 10px; | ||
| 1176 | +} | ||
| 1177 | + | ||
| 1178 | +#article .gallery-navigation .next { | ||
| 1179 | + margin-left: 10px; | ||
| 1180 | +} | ||
| 1181 | + | ||
| 1182 | +#article .gallery-navigation .total-of-images { | ||
| 1183 | + font-weight: bold; | ||
| 1184 | +} | ||
| 1185 | + | ||
| 1186 | +#article .uploaded-file-description { | ||
| 1187 | + background: #f6f6f6; | ||
| 1188 | + border-top: 1px solid #ccc; | ||
| 1189 | + border-bottom: 1px solid #ccc; | ||
| 1190 | + padding: 1em; | ||
| 1191 | +} | ||
| 1192 | +#article .uploaded-file-description.empty { | ||
| 1193 | + display: none; | ||
| 1194 | +} | ||
| 1195 | + | ||
| 1196 | +#article.file-generic .download-link { | ||
| 1197 | + display: block; | ||
| 1198 | + margin-bottom: 10px; | ||
| 1199 | +} | ||
| 1200 | +#article.file-generic .download-link span { | ||
| 1201 | + font-size: 150%; | ||
| 1202 | + padding-right: 5px; | ||
| 1203 | +} | ||
| 1204 | +#article.file-generic .download-link a { | ||
| 1205 | + font-size: 180%; | ||
| 1206 | + text-decoration: none; | ||
| 1207 | +} | ||
| 1208 | + | ||
| 1209 | +/**************************** Comments *******************************/ | ||
| 1210 | + | ||
| 1211 | +#content .comments h3 { | ||
| 1212 | + font-variant: small-caps; | ||
| 1213 | + color: #555753; | ||
| 1214 | + font-size: 14px; | ||
| 1215 | + text-align: left; | ||
| 1216 | + border-bottom: 2px solid #888a85; | ||
| 1217 | +} | ||
| 1218 | + | ||
| 1219 | +.article-comment { | ||
| 1220 | + border: none; | ||
| 1221 | + background: #FFF; | ||
| 1222 | +} | ||
| 1223 | + | ||
| 1224 | +.comment-logged-out h4 { | ||
| 1225 | + color: #888; | ||
| 1226 | +} | ||
| 1227 | + | ||
| 1228 | +#content .comment-picture { | ||
| 1229 | + text-align: left; | ||
| 1230 | + text-decoration: none; | ||
| 1231 | + position: relative; | ||
| 1232 | +} | ||
| 1233 | + | ||
| 1234 | +.comment-wrapper-1 { | ||
| 1235 | + margin-left: 60px; | ||
| 1236 | + background: url(imgs/comment-bg-N.png) 0% 0% repeat-x; | ||
| 1237 | +} | ||
| 1238 | +.comment-wrapper-2 { | ||
| 1239 | + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | ||
| 1240 | +} | ||
| 1241 | +.comment-wrapper-3 { | ||
| 1242 | + background: url(imgs/comment-bg-L.png) 100% 0% repeat-y; | ||
| 1243 | +} | ||
| 1244 | +.comment-wrapper-4 { | ||
| 1245 | + background: url(imgs/comment-bg-O.png) 0% 0% repeat-y; | ||
| 1246 | +} | ||
| 1247 | +.comment-wrapper-5 { | ||
| 1248 | + background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat; | ||
| 1249 | +} | ||
| 1250 | +.comment-wrapper-6 { | ||
| 1251 | + background: url(imgs/comment-bg-SO.png) 0% 100% no-repeat; | ||
| 1252 | +} | ||
| 1253 | +.comment-wrapper-7 { | ||
| 1254 | + background: url(imgs/comment-bg-NL.png) 100% 0% no-repeat; | ||
| 1255 | +} | ||
| 1256 | +.comment-wrapper-8 { | ||
| 1257 | + background: url(imgs/comment-bg-NO.png) 0% 0% no-repeat; | ||
| 1258 | +} | ||
| 1259 | + | ||
| 1260 | +.comment-from-owner .comment-wrapper-1 { | ||
| 1261 | + background: #fbf7b5 url(/images/comment-owner-bg-N.png) repeat-x; | ||
| 1262 | +} | ||
| 1263 | +.comment-from-owner .comment-wrapper-2 { | ||
| 1264 | + background: url(/images/comment-owner-bg-S.png) 0% 100% repeat-x; | ||
| 1265 | +} | ||
| 1266 | +.comment-from-owner .comment-wrapper-3 { | ||
| 1267 | + background: url(/images/comment-owner-bg-L.png) 100% 0% repeat-y; | ||
| 1268 | +} | ||
| 1269 | +.comment-from-owner .comment-wrapper-4 { | ||
| 1270 | + background: url(/images/comment-owner-bg-O.png) 0% 0% repeat-y; | ||
| 1271 | +} | ||
| 1272 | +.comment-from-owner .comment-wrapper-5 { | ||
| 1273 | + background: url(/images/comment-owner-bg-SL.png) 100% 100% no-repeat; | ||
| 1274 | +} | ||
| 1275 | +.comment-from-owner .comment-wrapper-6 { | ||
| 1276 | + background: url(/images/comment-owner-bg-SO.png) 0% 100% no-repeat; | ||
| 1277 | +} | ||
| 1278 | +.comment-from-owner .comment-wrapper-7 { | ||
| 1279 | + background: url(/images/comment-owner-bg-NL.png) 100% 0% no-repeat; | ||
| 1280 | +} | ||
| 1281 | +.comment-from-owner .comment-wrapper-8 { | ||
| 1282 | + background: url(/images/comment-owner-bg-NO.png) 0% 0% no-repeat; | ||
| 1283 | +} | ||
| 1284 | + | ||
| 1285 | +.comment-created-at { | ||
| 1286 | + position: relative; | ||
| 1287 | + padding-right: 9px; | ||
| 1288 | +} | ||
| 1289 | + | ||
| 1290 | +.comment-order { | ||
| 1291 | + float: right; | ||
| 1292 | + display: block; | ||
| 1293 | +} | ||
| 1294 | + | ||
| 1295 | +.comment-from-owner .comment-created-at { | ||
| 1296 | + color: #333; | ||
| 1297 | +} | ||
| 1298 | + | ||
| 1299 | +.article-comment .button-bar { | ||
| 1300 | + position: relative; | ||
| 1301 | + top: 9px; | ||
| 1302 | + right: 8px; | ||
| 1303 | + z-index: 10px; | ||
| 1304 | +} | ||
| 1305 | + | ||
| 1306 | +.article-comment .button-bar a { | ||
| 1307 | + position: relative; | ||
| 1308 | +} | ||
| 1309 | + | ||
| 1310 | +.comment-details { | ||
| 1311 | + margin: 0px; | ||
| 1312 | + padding: 7px 12px 3px 26px; | ||
| 1313 | +} | ||
| 1314 | + | ||
| 1315 | +/* ==> controllers.css <== */ | ||
| 1316 | + | ||
| 1317 | +/******** controller-friends action-friends-index ********/ | ||
| 1318 | + | ||
| 1319 | +.action-friends-index .profile-list li, | ||
| 1320 | +.common-profile-list-block .vcard { | ||
| 1321 | + border: 1px solid transparent; | ||
| 1322 | +} | ||
| 1323 | + | ||
| 1324 | +.action-friends-index .profile-list li:hover, | ||
| 1325 | +.common-profile-list-block .vcard:hover { | ||
| 1326 | + border: 1px solid #CCC; | ||
| 1327 | + -moz-border-radius: 5px; | ||
| 1328 | + -webkit-border-radius: 5px; | ||
| 1329 | + background: #EEE; | ||
| 1330 | + text-decoration: none; | ||
| 1331 | +} | ||
| 1332 | + | ||
| 1333 | +.common-profile-list-block .vcard a, | ||
| 1334 | +.common-profile-list-block .vcard a:hover { | ||
| 1335 | + background: transparent; | ||
| 1336 | + border: 0; | ||
| 1337 | +} | ||
| 1338 | + | ||
| 1339 | +/******** controller-profile action-profile-index ********/ | ||
| 1340 | + | ||
| 1341 | +table.profile th { | ||
| 1342 | + font-size: 15px; | ||
| 1343 | + text-align: left; | ||
| 1344 | +} | ||
| 1345 | + | ||
| 1346 | +/**** controller-memberships action-memberships-index ****/ | ||
| 1347 | + | ||
| 1348 | +#memberships-index li { | ||
| 1349 | + background-color: #FFF; | ||
| 1350 | + border: 1px solid #EEE; | ||
| 1351 | + -moz-border-radius: 9px; | ||
| 1352 | + -webkit-border-radius: 9px; | ||
| 1353 | + margin-bottom: 10px; | ||
| 1354 | +} | ||
| 1355 | + | ||
| 1356 | +#memberships-index li .vcard a.profile_link.url { | ||
| 1357 | + border: 1px solid transparent; | ||
| 1358 | + background-color: #FFF; | ||
| 1359 | +} | ||
| 1360 | + | ||
| 1361 | +#memberships-index li .vcard a.profile_link.url:hover { | ||
| 1362 | + border: 1px solid #CCC; | ||
| 1363 | + background-color: #EEE; | ||
| 1364 | + -moz-border-radius: 4px; | ||
| 1365 | + -webkit-border-radius: 4px; | ||
| 1366 | +} | ||
| 1367 | + | ||
| 1368 | +/************************** Control Panel ****************************/ | ||
| 1369 | + | ||
| 1370 | +.control-panel a, | ||
| 1371 | +.control-panel a:visited { | ||
| 1372 | + color: #000; | ||
| 1373 | + font-weight: bold; | ||
| 1374 | + background-position: 2px 50%; | ||
| 1375 | +} | ||
| 1376 | +.control-panel a:hover { | ||
| 1377 | + text-decoration: none; | ||
| 1378 | + color: #2e3436; | ||
| 1379 | + background-color: #d3d7cf; | ||
| 1380 | +} | ||
| 1381 | + | ||
| 1382 | + | ||
| 1383 | + | ||
| 1384 | +/* ==> doc.css <== */ | ||
| 1385 | + | ||
| 1386 | +#online-doc-navigation h1 { | ||
| 1387 | + font-variant: small-caps; | ||
| 1388 | + color: #AAA; | ||
| 1389 | + border-bottom: 2px solid #AAA; | ||
| 1390 | +} | ||
| 1391 | + | ||
| 1392 | +#online-doc-text { | ||
| 1393 | + background: transparent url(imgs/blog-sep.png) repeat-x scroll 0 0; | ||
| 1394 | + padding: 15px 20px 5px 20px; | ||
| 1395 | + margin: 10px -19px; | ||
| 1396 | +} | ||
| 1397 | + | ||
| 1398 | +#online-doc-text h1, | ||
| 1399 | +#online-doc-text h2, | ||
| 1400 | +#online-doc-text h3, | ||
| 1401 | +#online-doc-text h4, | ||
| 1402 | +#online-doc-text h5, | ||
| 1403 | +#online-doc-text h6 { | ||
| 1404 | + font-variant: small-caps; | ||
| 1405 | +} | ||
| 1406 | + | ||
| 1407 | +#online-doc-text h2 { | ||
| 1408 | + border-bottom: 2px solid black; | ||
| 1409 | +} | ||
| 1410 | + | ||
| 1411 | +/**************************** Browse *******************************/ | ||
| 1412 | + | ||
| 1413 | +#content .search-results-type-article li { | ||
| 1414 | + padding: 5px 0px; | ||
| 1415 | +} | ||
| 1416 | + | ||
| 1417 | +.search-results-type-article a { | ||
| 1418 | + text-decoration: none; | ||
| 1419 | +} | ||
| 1420 | +.search-results-type-article a:hover { | ||
| 1421 | + text-decoration: underline; | ||
| 1422 | +} | ||
| 1423 | + | ||
| 1424 | +/* simplemenu */ | ||
| 1425 | + | ||
| 1426 | +.simplemenu-submenu { | ||
| 1427 | + background: #EEE; | ||
| 1428 | + border: 1px solid #AAA; | ||
| 1429 | + opacity: 0.9; | ||
| 1430 | + text-align: left; | ||
| 1431 | +} | ||
| 1432 | +.user-status .simplemenu-item a { | ||
| 1433 | + color: black; | ||
| 1434 | +} | ||
| 1435 | + | ||
| 1436 | +/* chat */ | ||
| 1437 | + | ||
| 1438 | +#chat-window .history .self-name { | ||
| 1439 | + color: #3F3F90; | ||
| 1440 | +} | ||
| 1441 | +#chat-window .history .other-name { | ||
| 1442 | + color: #7F1F1F; | ||
| 1443 | +} | ||
| 1444 | + | ||
| 1445 | +/* recaptcha*/ | ||
| 1446 | + | ||
| 1447 | +table#recaptcha_table tr:hover td { | ||
| 1448 | + background-color: #fff; | ||
| 1449 | +} | ||
| 1450 | + | ||
| 1451 | + |
| 1 | +++ a/style.css | ||
| @@ -0,0 +1,238 @@ | @@ -0,0 +1,238 @@ | ||
| 1 | +@import url(../base/style.css); | ||
| 2 | +/****************** ESTILO BASE ******************/ | ||
| 3 | +@import url(cabecalho.css); | ||
| 4 | +/****************** FIM cabecalho amarelo ******************/ | ||
| 5 | + | ||
| 6 | +body, th, td, input { | ||
| 7 | +font-size: 16px; | ||
| 8 | +font-family: Arial, sans-serif; | ||
| 9 | +} | ||
| 10 | + | ||
| 11 | +#wrap-2 {background-color:#ebeff2;} | ||
| 12 | + | ||
| 13 | +#site-title { | ||
| 14 | + position: relative; | ||
| 15 | + top: 0; | ||
| 16 | + width: auto; | ||
| 17 | + height: auto; | ||
| 18 | + display: none; | ||
| 19 | + visibility: hidden; | ||
| 20 | +} | ||
| 21 | + | ||
| 22 | +#site-title a { | ||
| 23 | + display: block; | ||
| 24 | + width: auto; | ||
| 25 | + height: auto; | ||
| 26 | + position: relative; | ||
| 27 | + top: 0; | ||
| 28 | + left: 0; | ||
| 29 | +} | ||
| 30 | + | ||
| 31 | +/*largura dos blocos lateral e principal*/ | ||
| 32 | + | ||
| 33 | +/*Largura dos blocos funciona somente para duas colunas*/ | ||
| 34 | +/*e somente com a barra lateral do lado direito*/ | ||
| 35 | +/* | ||
| 36 | +.box-1, | ||
| 37 | +.no-boxes { | ||
| 38 | +margin: 0 0 0 0; | ||
| 39 | +float: left; | ||
| 40 | +width: 80%; | ||
| 41 | +} | ||
| 42 | + | ||
| 43 | +.box-1 .blocks, | ||
| 44 | +.no-boxes .blocks { | ||
| 45 | + width: auto; | ||
| 46 | + float: none; | ||
| 47 | + padding: 0 1em; | ||
| 48 | +} | ||
| 49 | + | ||
| 50 | +.box-2, .box-3 { | ||
| 51 | + position: relative; | ||
| 52 | + float: left; | ||
| 53 | + width: 20%; | ||
| 54 | +} | ||
| 55 | + | ||
| 56 | +.box-2 .blocks{ | ||
| 57 | + padding: 0 1em; | ||
| 58 | +} | ||
| 59 | +*/ | ||
| 60 | + | ||
| 61 | +/**Nova largura dos blocos lateral e principal**/ | ||
| 62 | + | ||
| 63 | +.box-1, .no-boxes { | ||
| 64 | +margin: 0 0 0 0; | ||
| 65 | +display: block; | ||
| 66 | +position: relative; | ||
| 67 | +overflow: hidden; | ||
| 68 | +} | ||
| 69 | + | ||
| 70 | +.box-1 .blocks, | ||
| 71 | +.no-boxes .blocks { | ||
| 72 | + width: auto; | ||
| 73 | + float: none; | ||
| 74 | + padding: 0 1em; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | + | ||
| 78 | +.box-2/*, .box-3 */{ | ||
| 79 | +position: relative; | ||
| 80 | +display: block; | ||
| 81 | +margin: 0; | ||
| 82 | +vertical-align: top; | ||
| 83 | +width: 20%; | ||
| 84 | +} | ||
| 85 | +.box-3{ | ||
| 86 | +min-width: 20%; | ||
| 87 | +} | ||
| 88 | + | ||
| 89 | +.box-2 .blocks, .box-3 .blocks{ | ||
| 90 | + padding: 0 1em; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +/*estilo dos blocos*/ | ||
| 94 | + | ||
| 95 | +#main-content-wrapper-1, | ||
| 96 | +#main-content-wrapper-2, | ||
| 97 | +#main-content-wrapper-3, | ||
| 98 | +#main-content-wrapper-4, | ||
| 99 | +#main-content-wrapper-5, | ||
| 100 | +#main-content-wrapper-6, | ||
| 101 | +#main-content-wrapper-7, | ||
| 102 | +#main-content-wrapper-8 { | ||
| 103 | + background: url(images/no-image.gif) no-repeat; | ||
| 104 | +} | ||
| 105 | + | ||
| 106 | +#content .block {background-color:#fff;box-shadow: 5px 5px 5px -2px #ddd;padding-bottom: 1em;} | ||
| 107 | + | ||
| 108 | +#content .box-1 .block, | ||
| 109 | +#content .no-boxes .block{padding: 1em;} | ||
| 110 | + | ||
| 111 | +#content .link-list-block{padding: 0;} | ||
| 112 | + | ||
| 113 | +#content .link-list-block li{margin: 0;} | ||
| 114 | + | ||
| 115 | +#content .link-list-block li a { | ||
| 116 | + border-radius: 0; | ||
| 117 | + padding: 10px 5px 10px 40px; | ||
| 118 | + border-bottom: 1px solid #ccc; | ||
| 119 | + background-color: #f7f9fa; | ||
| 120 | + border-left: 3px solid #f7f9fa; | ||
| 121 | +} | ||
| 122 | + | ||
| 123 | +/*bloco lateral de menu*/ | ||
| 124 | +#content .link-list-block li a.link-this-page{ | ||
| 125 | + max-width:100%; | ||
| 126 | + width: auto; | ||
| 127 | + border-right: 0px; | ||
| 128 | + background-color:#7293cf; | ||
| 129 | + color: white; | ||
| 130 | + border-left: 3px solid #fff; | ||
| 131 | +} | ||
| 132 | + | ||
| 133 | +#content .link-list-block li a.link-this-page:hover, | ||
| 134 | +#content .link-list-block li a:hover { | ||
| 135 | + background-color: #7293cf; | ||
| 136 | + border-left: 3px solid #fff; | ||
| 137 | +} | ||
| 138 | + | ||
| 139 | +#profile-header {margin-bottom: 20px;} | ||
| 140 | +#content .block-title { font-variant: inherit; margin-bottom: 0px;} | ||
| 141 | + | ||
| 142 | +/*cabeçalho dos blocos laterais*/ | ||
| 143 | +#content .block h3.block-title { | ||
| 144 | + color: #AAA; | ||
| 145 | + font-size: 16px; | ||
| 146 | + text-align: left; | ||
| 147 | + border-bottom: 1px solid #AAA; | ||
| 148 | + padding: 0.5em; | ||
| 149 | + background-color: #7293cf; | ||
| 150 | + color: white; | ||
| 151 | +} | ||
| 152 | + | ||
| 153 | +/*cabeçalho do blocos principal*/ | ||
| 154 | +#content .box-1 .block h3.block-title, | ||
| 155 | +#content .no-boxes .block h3.block-title { | ||
| 156 | + color: #333; | ||
| 157 | + font-size: 16px; | ||
| 158 | + text-align: left; | ||
| 159 | + border-bottom: 0px solid #AAA; | ||
| 160 | + padding: 0px; | ||
| 161 | + background-color: transparent; | ||
| 162 | +} | ||
| 163 | + | ||
| 164 | +/*ver todos blocos laterais*/ | ||
| 165 | +#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a { | ||
| 166 | + position: absolute; | ||
| 167 | + top: 5px; | ||
| 168 | + right: 5px; | ||
| 169 | + font-size: 12px; | ||
| 170 | + color: #000; | ||
| 171 | + text-decoration: none; | ||
| 172 | + background-color: #fff; | ||
| 173 | + padding: 6px 20px 6px 12px; | ||
| 174 | + border-radius: 12px; | ||
| 175 | + background-position-x: 90%; | ||
| 176 | +} | ||
| 177 | + | ||
| 178 | +#content .tags-block .block-footer-content a:hover, | ||
| 179 | +#content .people-block .block-footer-content a:hover, | ||
| 180 | +#content .profile-list-block .block-footer-content a:hover, | ||
| 181 | +#content .enterprises-block .block-footer-content a:hover, | ||
| 182 | +#content .members-block .block-footer-content a:hover, | ||
| 183 | +#content .communities-block .block-footer-content a:hover, | ||
| 184 | +#content .friends-block .block-footer-content a:hover { | ||
| 185 | + position: absolute; | ||
| 186 | + top: 5px; | ||
| 187 | + right: 5px; | ||
| 188 | + font-size: 12px; | ||
| 189 | + color: #000; | ||
| 190 | + text-decoration: none; | ||
| 191 | + background-color: #7293cf; | ||
| 192 | + color: white; | ||
| 193 | + padding: 6px 20px 6px 12px; | ||
| 194 | + border-radius: 12px; | ||
| 195 | + border: 1px solid white; | ||
| 196 | +} | ||
| 197 | + | ||
| 198 | +#content .main-block h1{ | ||
| 199 | + font-variant: inherit; | ||
| 200 | + color: #555753; | ||
| 201 | + text-align: left; | ||
| 202 | + border-bottom: 0px; | ||
| 203 | +/*font-family: 'Roboto',sans-serif;*/ | ||
| 204 | + margin: 0 0 5px; | ||
| 205 | + font-weight: 700; | ||
| 206 | + color: #4d4d4d; | ||
| 207 | +} | ||
| 208 | + | ||
| 209 | +.search_form input[type="text"], | ||
| 210 | +#public-profile-search input[type="text"]{ | ||
| 211 | + padding: 6px 0; | ||
| 212 | + font-size: 14px; | ||
| 213 | + line-height: 1.42857143; | ||
| 214 | + color: #555; | ||
| 215 | + background-color: #fff; | ||
| 216 | + background-image: none; | ||
| 217 | + border: 1px solid #ccc; | ||
| 218 | +} | ||
| 219 | + | ||
| 220 | +#content form input.button.submit { | ||
| 221 | + max-height: 34px; | ||
| 222 | + cursor: pointer; | ||
| 223 | + height: 34px; | ||
| 224 | + vertical-align: top; | ||
| 225 | + margin-top: 2px; | ||
| 226 | + margin-left: 16px; | ||
| 227 | +} | ||
| 228 | + | ||
| 229 | +#public-profile-search, #profile-search-results form, .profile-search-block form { | ||
| 230 | +padding: 10px; | ||
| 231 | +margin-bottom: 15px; | ||
| 232 | +background-color: transparent; | ||
| 233 | +-moz-border-radius: 5px; | ||
| 234 | +-webkit-border-radius: 0px; | ||
| 235 | +} | ||
| 236 | + | ||
| 237 | + | ||
| 238 | + |
| 1 | +++ a/theme.js | ||
| @@ -0,0 +1,44 @@ | @@ -0,0 +1,44 @@ | ||
| 1 | +(function($) { | ||
| 2 | + // Run code | ||
| 3 | + | ||
| 4 | + $(".btn_control .logged-in").click(function(){ | ||
| 5 | + $("#wrap-0").toggleClass("menu"); | ||
| 6 | + $("#wrap-1").toggleClass("menu"); | ||
| 7 | + $("#theme-footer").toggleClass("menu"); | ||
| 8 | + }); | ||
| 9 | + | ||
| 10 | +//abrir e fechar tarefas pendentes na barra do usuário// | ||
| 11 | + $(".btn_tasks").click(function(){ | ||
| 12 | + $("#task_list").addClass("hide"); | ||
| 13 | + $("#msg_list").addClass("hide"); | ||
| 14 | + $("#task_list").toggleClass("hide"); | ||
| 15 | + }); | ||
| 16 | + | ||
| 17 | + $("#close_task").click(function(){ | ||
| 18 | + $("#task_list").toggleClass("hide"); | ||
| 19 | + }); | ||
| 20 | + | ||
| 21 | +//abrir e fechar mensagens não lidas na barra do usuário// | ||
| 22 | + $(".btn_msg").click(function(){ | ||
| 23 | + $("#task_list").addClass("hide"); | ||
| 24 | + $("#msg_list").addClass("hide"); | ||
| 25 | + $("#msg_list").toggleClass("hide"); | ||
| 26 | + }); | ||
| 27 | + | ||
| 28 | + $("#close_msg").click(function(){ | ||
| 29 | + $("#msg_list").toggleClass("hide"); | ||
| 30 | + }); | ||
| 31 | + | ||
| 32 | +//abrir e fechar Painel de controle da comunidade// | ||
| 33 | + $("#btn_open_control_panel span").click(function(){ | ||
| 34 | + $("#control_panel_bar").toggleClass("show"); | ||
| 35 | + $("#btn_open_control_panel").toggleClass("show"); | ||
| 36 | + }); | ||
| 37 | + | ||
| 38 | + $("#btn_open_control_panel ul li").click(function(){ | ||
| 39 | + $("#control_panel_bar").toggleClass("show"); | ||
| 40 | + $("#btn_open_control_panel").toggleClass("show"); | ||
| 41 | + }); | ||
| 42 | + | ||
| 43 | + | ||
| 44 | +})(jQuery); |