Commit 416e319052d0a7c6668704e18e6948d835eae3e6
1 parent
66e4fbc2
Exists in
master
and in
3 other branches
remove unused css files
Showing
2 changed files
with
0 additions
and
1370 deletions
Show diff stats
css/cabecalho-amarelo-theme.css
| @@ -1,940 +0,0 @@ | @@ -1,940 +0,0 @@ | ||
| 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 | - |
css/userBar_controlPanel.css
| @@ -1,430 +0,0 @@ | @@ -1,430 +0,0 @@ | ||
| 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 | - |