Conjunto de mudanças 5994 no repositório publico


Ignorar:
Timestamp:
13/01/2012 17:58:22 (8 anos atrás)
Autor:
lucasaquino
Mensagem:

arquivos static de tema

Localização:
PortalInterlegis/produtos/il.portal.theme/trunk/il/portal/theme/static
Arquivos:
3 editados

Legenda:

Não Modificado
Adicionado
Removido
  • PortalInterlegis/produtos/il.portal.theme/trunk/il/portal/theme/static/css/plone.css

    r5981 r5994  
    22    margin: 0;
    33    padding: 0;
     4        font-family: 'Mako', sans-serif;
    45}
    56* *:link, *:visited {
    67    text-decoration: none;
    78}
     9a:focus img {
     10    outline: thin none !important;
     11}
     12
    813* ul, ol {
    914    list-style: none outside none;
     
    2732    vertical-align: middle;
    2833}
    29 body {
    30     background: none repeat scroll 0 0 White;
    31     color: Black;
    32     font: 100% Arial,FreeSans,sans-serif;
    33 }
     34
    3435h1, h2, h3, h4, h5, h6 {
    35     color: Black;
    36     font-family: "Helvetica Neue",Arial,FreeSans,sans-serif;
    37     font-weight: bold;
     36    color: #00377B !important;
    3837    line-height: 125%;
     38        font-family: 'Mako', sans-serif !important;
     39       
    3940}
    4041h1, h2 {
     
    6061}
    6162p {
    62     font-size: 0.75em;
     63
    6364}
    6465a:link, a:visited {
     
    6667}
    6768a:link:hover, a:visited:hover {
    68     color: #75AD0A;
     69    color: #787878;
    6970}
    7071dt {
    7172    font-weight: bold;
    7273}
    73 input {
    74     font-family: "Lucida Grande",Arial,FreeSans;
    75 }
    76 .grid-row {
    77     display: block;
    78     float: left;
    79     position: relative;
    80     width: 100%;
    81 }
    82 .grid-cell {
    83     float: left;
    84     left: 100%;
    85     position: relative;
    86 }
    87 .width-full {
    88     width: 100%;
    89 }
    90 .width-half {
    91     width: 50%;
    92 }
    93 .width-quarter {
    94     width: 25%;
    95 }
    96 .width-three-quarters {
    97     width: 75%;
    98 }
    99 .width-third {
    100     width: 33.33%;
    101 }
    102 .width-two-thirds {
    103     width: 66.67%;
    104 }
    105 .position-leftmost {
    106     margin-left: -100%;
    107 }
    108 .position-third {
    109     margin-left: -66.67%;
    110 }
    111 .position-two-thirds {
    112     margin-left: -33.33%;
    113 }
    114 .position-quarter {
    115     margin-left: -75%;
    116 }
    117 .position-half {
    118     margin-left: -50%;
    119 }
    120 .position-three-quarters {
    121     margin-left: -25%;
    122 }
     74
     75
    12376html, body {
    12477    height: 100%;
    12578}
    12679body{
    127         background:url("../design/squarebg.png") repeat scroll left top transparent;
    128 }
    129 div.row { margin-top: 1em inherit; margin-bottom: 1em; padding-left: 10px; }
     80        background:url("../design/squarebg.png") repeat scroll left top transparent !important;
     81}
     82div.row {
     83        /*margin-top: 1em;
     84        margin-bottom: 1em;
     85        padding-left: 10px;*/ }
    13086
    13187
    13288.top_wrapper{
    133                 margin:0 auto;
    134     width:910px !important;
    135          float: none !important;
    136         padding-left: 10px;
     89    float: none !important;
     90    height: 20px;
     91    margin: 0 auto;
     92    padding-left: 0;
     93    padding-top: 10px;
     94    width: 960px !important;
    13795 }
    13896#header{
    13997        background:repeat-x top left #001B48;
    140         height:50px;
     98        height:30px;
    14199        color: #FFFFFF;
    142100    text-transform: uppercase;
    143101}
    144 #outer-wrapper {
    145         min-height: 100%;
    146         height: auto !important;
    147         height: 100%;
    148         margin:-50px auto -16em;
    149 }
    150 #inner-wrapper {
    151         margin:0 auto;
    152     width:910px;
    153         background:url(../images/bg/bgheader3.jpg) no-repeat top left;
    154         padding-top:2.4em;
    155 }
    156 #maincontent, #footer_wrapper {
    157         width: 910px;
    158         margin: 1em auto 0;
    159 }
    160 
    161102#header.div{
    162103        margin: 0 auto;
    163 
    164 }
    165 
     104}
    166105#content-wrapper {
    167         width: 910px;
     106        width: 960px;
    168107        margin: 1em auto 0;
    169 }
    170 #portal-logo img {
    171     margin: 24px 0 20px 0;
    172 }
    173 #nav {
    174     font-family: "Helvetica Neue",Arial,FreeSans,sans-serif;
    175     margin: 0 auto 0.5em;
    176     width: 910px;
    177 }
    178 #main-nav {
    179     font-size: 0.75em;
    180     line-height: 3em;
    181 }
    182 #main-nav li:first-child a {
    183     border-left: medium none;
    184 }
    185 #sub-nav {
    186     font: 13px/30px "Helvetica Neue",Arial,FreeSans;
    187     margin-right: 210px;
    188 }
    189 #sub-nav li a {
    190     border-right: medium none;
    191     color: #000000;
    192 }
    193 #sub-nav li a:hover, #sub-nav li a.selected {
    194     color: #75AD0A;
    195108}
    196109#portal-personaltools {
     
    200113    padding-top: 0;
    201114}
    202 #portal-personaltools dt.actionMenuHeader a:after {
    203     content: " ▼";
    204 }
    205 #contentActionMenus dl.actionMenu { line-height: 100%; }
    206 dl.actionMenu.activated dd { width: 100%; }
    207 
    208 #portal-personaltools dd {
    209     background: none !important;
    210 }
    211 
    212 #portal-personaltools dd.actionMenuContent ul li a {
    213     color: White;
    214 }
    215 #portal-personaltools dd.actionMenuContent ul li a:hover {
    216     background-color: White;
    217 }
    218 #nav-bar {
    219     background:url("../images/bg/nav_bg.png") repeat-x scroll left bottom transparent;
    220     border-color: #debe40 #debe40 #a38b2f;
    221     border-radius: 5px 5px 5px 5px;
    222     border-style: solid;
    223     border-width: 1px;
    224     clear: both;
    225     font-family: Arial,sans-serif;
    226 }
    227 ul.navigation li a, ul.navigation li a:visited {
    228     border-right: 1px solid #c5a839;
    229     color: #646464;
    230     font-weight: bold;
    231     padding: 0.9em 1em;
    232     white-space: nowrap;
    233 }
    234 ul.navigation li a:hover {
    235     color: #75AD0A;
    236 }
    237 ul.navigation li.selected a, ul.navigation li.active a {
    238     color: #75AD0A;
    239 }
    240115#portal-searchbox {
    241116    float: right;
    242     margin-top: 27px;
     117    margin: 55px 0 0 !important;
    243118    position: relative;
    244119}
    245 #portal-searchbox .searchField {
    246     background: url("../images/bg/search.png") no-repeat scroll 0 0 transparent;
     120
     121#portal-searchbox .searchField , #search-site{
     122    background: url("../design/search.png") no-repeat scroll 0 0 transparent !important;
    247123    border: medium none;
    248124    color: #6E6F71;
    249     height: 26px;
     125    height: 30px;
    250126    padding-left: 15px;
    251     width: 213px;
    252 }
    253 .template-frontpage .searchSection, .template-frontpage #portal-breadcrumbs { display: none; }
    254 .LSBox .searchSection { margin: 1em 0 0 1.25em; }
    255 #user {
    256     float: right;
    257     font-size: 0.75em;
    258     line-height: 3em;
     127    width: 230px;
     128        font-family: Poly-Italic ,"Lucida Grande" !important;
     129}
     130#portal-searchbox input.searchButton {
     131    background: url("../design/search_button.png") no-repeat scroll 0 0 transparent;
     132    border: medium none;
     133    cursor: pointer;
     134    height: 30px;
     135    width: 40px;
     136}
     137
     138
     139input.searchField {}
     140
     141#LSResult fieldset {
     142    background:#FFFFFF !important;
     143}
     144#LSResult {
     145    background: transparent  !important;
     146}
     147#user, #acesse {
     148    font-size:10pt;
    259149    padding-right: 10px;
    260150    white-space: nowrap;
    261151    width: auto;
    262152}
     153#user{
     154    padding-left: 275px;
     155}
     156
     157#acesse a{
     158        color:#FFFFFF;
     159        padding-right: 2pt;
     160}
     161#acesse  a:hover {
     162    color: #A5A5A5;
     163}
    263164#user a {
    264     color: #272727;
    265     font-weight: bold;
    266     padding: 2px;
     165    color: #FAA61A;
     166    padding: 0px 20px 0px 10px;
    267167}
    268168#user a:hover {
    269     color: #75AD0A;
     169    color: #FAA61A;
    270170}
    271171#user #user-name {
    272172    color: #32618B;
    273     font-weight: normal;
    274 }
    275 div.splash {
    276     background-color: #205C90;
    277     border-radius: 0.5em 0.5em 0.5em 0.5em;
    278     color: White;
    279     font-family: "Helvetica Neue",Arial,FreeSans,sans-serif;
    280     margin-bottom: 1em;
    281     padding: 0.5em 1.5em 1em;
    282 }
    283 #content div.splash h1 {
    284     color: White;
    285     font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
    286     font-size: 1.75em;
    287     font-weight: 300;
    288     letter-spacing: 0;
    289     margin-bottom: 0.5em;
    290 }
    291 #content div.splash h2, #content div.splash h3 {
    292     color: White;
    293     font-weight: normal;
    294     letter-spacing: 0;
    295 }
    296 #content div.splash a {
    297     border: medium none;
    298     color: White !important;
    299     font-weight: bold;
    300 }
    301 #content div.splash a.pointer {
    302     background: url("../images/sprite-ploneorg.png") no-repeat scroll 0 -115px transparent;
    303     font-size: 115%;
    304     padding-left: 16px;
    305 }
    306 div.pullout {
    307     background-color: #87B829;
    308     margin-left: -1em;
    309     padding-left: 2.5em;
    310 }
    311 div.pullout ul {
    312     margin: 0 !important;
    313 }
    314 div.pullout li {
    315     display: block;
    316     list-style: none outside none;
    317 }
    318 #sidebar {
    319     padding-top: 2em;
    320 }
    321 div.sidebar {
    322     margin-left: 1em;
    323     padding-top: 0.5em;
    324 }
    325 #sidebar-frontpage {
    326     margin-left: 0;
    327 }
    328 #content div.sidebar h2 {
    329     margin: 0;
    330 }
    331 #content div.sidebar h3 {
    332     font-size: 1em;
    333     margin: 0;
    334 }
    335 #content div.sidebar ul, #content div.sidebar ol {
    336     list-style: none outside none;
    337     margin: 0;
    338 }
    339 #content div.sidebar ul li {
    340     margin-bottom: 0;
    341 }
    342 #content div.sidebar ul li a {
    343     background: url("../images/sprite-ploneorg.png") no-repeat scroll 0 -441px transparent;
    344     border-bottom: medium none;
    345     border-top: 1px solid #EEEEEE;
    346     display: block;
    347     font-size: 18px;
    348     font-weight: bold;
    349     letter-spacing: -1px;
    350     line-height: 36px;
    351     padding-left: 16px;
    352 }
    353 div.sidebar ol li {
    354     clear: both;
    355     display: block;
    356     line-height: 18px;
    357     list-style: none outside none;
    358     margin-bottom: 0.5em;
    359     padding-top: 0.5em;
    360 }
    361 div.sidebar ol li a {
    362     border: medium none !important;
    363     display: block;
    364     font-weight: bold;
    365 }
    366 img.book-cover {
    367     display: block;
    368     float: left;
    369     margin: 5px 15px 10px 0;
    370     padding: 2px;
    371 }
    372 #splash-frontpage {
    373     background: url("../images/frontpage-image.png") no-repeat scroll 0 -23px #205C90;
    374     margin-right: 1em;
    375     min-height: 15.5em;
    376 }
    377 #splash-frontpage a {
    378     float: right;
    379     margin-top: 3.5em;
    380 }
    381 #splash-downloads {
    382     height: 11em;
    383 }
    384 #sidebar-downloads {
    385     height: 11em;
    386 }
    387 #splash-download-package {
    388     background: url("../images/sprite-ploneorg.png") no-repeat scroll 0 -495px transparent;
    389     height: 130px;
    390     left: -30px;
    391     margin-left: 2em;
    392     position: relative;
    393     top: -60px;
    394     width: 140px;
    395 }
    396 #splash-downloads h1, #splash-downloads p {
    397     margin-right: 20px;
    398     text-align: right;
    399 }
    400 #splash-download-plone {
    401     background: url("../images/sprite-ploneorg.png") no-repeat scroll 0 -30px transparent !important;
    402     display: block;
    403     float: right;
    404     font-size: 1em !important;
    405     height: 58px;
    406     margin: 10px 0 10px 260px;
    407     padding-left: 1em;
    408     padding-top: 1em;
    409     width: 310px;
    410 }
    411 #splash-documentation {
    412     background: url("../images/docs-splash.png") no-repeat scroll 2.5em 3.5em #205C90;
    413     height: 15em;
    414     padding-left: 14em;
    415 }
    416 #sidebar-documentation {
    417     height: 15em;
    418 }
    419 #splash-support {
    420     background: url("../images/support-sprite.png") no-repeat scroll 20em 9em #205C90;
    421     min-height: 13em;
    422 }
    423 #splash-support p {
    424     font-size: 100%;
    425 }
    426 #sidebar-chat {
    427     height: 13em;
    428     margin-bottom: 2em;
    429 }
    430 #sidebar-chat-bubble {
    431     color: #87B829;
    432     font-size: 200%;
    433     margin-left: 7em;
    434     margin-top: 1.4em;
    435 }
    436 .carousel-text {
    437     background: none repeat scroll 0 0 transparent !important;
    438     bottom: auto !important;
    439 }
    440 div.pane {
    441     background-color: #EEEEEE;
    442     border-radius: 0.5em 0.5em 0.5em 0.5em;
    443     clear: left;
    444     padding: 0.7em;
    445 }
    446 div.pane h2 {
    447     font-size: 1.1em;
    448     margin: 0 !important;
    449     padding-bottom: 0.5em;
    450     padding-left: 0.5em;
    451 }
    452 a.versions {
    453     color: #555555;
    454     font-size: 12px;
    455     padding: 2px;
    456 }
    457 a.versions:hover {
    458     background-color: #666666;
    459     color: White;
    460 }
    461 div.pagesearch {
    462     float: right;
    463     font-size: 11px;
    464 }
    465 #categories {
    466     background-color: white;
    467     border-radius: 0.5em 0.5em 0.5em 0.5em;
    468     padding: 0 0.7em 0.7em;
    469 }
    470 #categories h3 {
    471     border-top: 1px solid #CCCCCC;
    472     margin-top: 0;
    473 }
    474 #categories h3:first-child {
    475     border-top: medium none;
    476 }
    477 #categories h3 a {
    478     border: medium none !important;
    479     display: block;
    480     padding: 0.5em 0 0;
    481 }
    482 #categories h3.selected a {
    483     color: black;
    484     cursor: default;
    485 }
    486 #categories h4 {
    487     font-size: 16px;
    488 }
    489 #categories ul {
    490     margin-left: 0 !important;
    491 }
    492 #categories ul li {
    493     list-style: none outside none;
    494 }
    495 div.pane.horizontal #categories {
    496     padding: 0 !important;
    497 }
    498 #categories ul.horizontal {
    499     position: relative;
    500 }
    501 #categories ul.horizontal li {
    502     border-left: 1px solid #EEEEEE;
    503     height: 18em;
    504     width: 25%;
    505 }
    506 #categories ul.horizontal li h2 {
    507     padding: 0;
    508 }
    509 #categories ul.horizontal li h2 a {
    510     background: url("../images/support-sprite.png") no-repeat scroll left top #205C90;
    511     color: White !important;
    512     display: block;
    513     letter-spacing: 0;
    514     min-height: 2.5em;
    515     padding: 1em;
    516 }
    517 #categories ul.horizontal li:first-child h2 a {
    518     border-radius: 0.5em 0 0 0;
    519 }
    520 #categories ul.horizontal li:last-child h2 a {
    521     border-radius: 0 0.5em 0 0;
    522 }
    523 #categories ul.horizontal li p {
    524     padding: 1em;
    525 }
    526 #categories ul.horizontal li.commercial {
    527     position: relative;
    528 }
    529 #categories ul.horizontal li.usergroup {
    530     left: 25%;
    531     position: absolute;
    532     top: 0;
    533 }
    534 #categories ul.horizontal li.training {
    535     left: 50%;
    536     position: absolute;
    537     top: 0;
    538 }
    539 #categories ul.horizontal li.bugs {
    540     left: 75%;
    541     position: absolute;
    542     top: 0;
    543 }
    544 #categories ul.horizontal li.commercial a {
    545     background-position: 165px -85px;
    546 }
    547 #categories ul.horizontal li.usergroup a {
    548     background-position: 165px -182px;
    549 }
    550 #categories ul.horizontal li.training a {
    551     background-position: 165px -272px;
    552 }
    553 #categories ul.horizontal li.bugs a {
    554     background-position: 165px -350px;
    555 }
    556 ul.topic {
    557     font-size: 12px;
    558     margin-left: 0 !important;
    559 }
    560 ul.topic li {
    561     display: inline-block !important;
    562     margin: 0 0 0 2em;
    563     vertical-align: top;
    564     width: 45%;
    565 }
    566 ul.topic li.footer {
    567     width: 90%;
    568 }
    569 #sort-by {
    570     font-size: 0.7em;
    571     margin-left: 0.7em;
    572 }
    573 #numreleases {
    574     border-bottom: 1px solid #CCCCCC;
    575     display: block;
    576     font-size: 0.8em;
    577     padding: 5px 0;
    578 }
    579 #product-details {
    580     border-bottom: 1px solid #CCCCCC;
    581     padding: 5px 0;
    582 }
    583 .product-leadin {
    584     color: #666666;
    585     display: block;
    586     font-size: 0.9em;
    587 }
    588 .company-logo {
    589     float: right;
    590     padding: 1em 0.5em;
    591 }
    592 div.box {
    593     border: 1px solid #E1E1E1;
    594     font-size: 12px;
    595     height: 40em;
    596     margin-left: -1px;
    597     overflow: hidden;
    598     padding: 9px 12px;
    599 }
    600 div.box h1 {
    601     background: url("../images/sprite-ploneorg.png") repeat-x scroll 0 -163px #EEEEEE;
    602     font-size: 120%;
    603     line-height: 2em;
    604     margin: -0.625em -1em !important;
    605     padding: 0 1em;
    606 }
    607 div.box p {
    608     margin: 0 -1em;
    609 }
    610 #content div.box ul {
    611     margin: 0.5em 0 0;
    612 }
    613 div.box li {
    614     display: block;
    615     height: 6em;
    616     list-style: none outside none;
    617     margin: 0 -1em;
    618     padding: 1em;
    619 }
    620 div.box li:nth-child(2n) {
    621     background-color: #FAFAFA;
    622 }
    623 #events {
    624     margin-right: 1.4em;
    625 }
    626 #current {
    627     border: medium none;
    628 }
    629 #current h1 {
    630     display: none;
    631 }
    632 div.box div.sources {
    633     font-size: 11px;
    634 }
    635 div.box li.spotlight {
    636     color: #ebb833;
    637     font: bold 1.4em/1.4em "Helvetica Neue",Arial,FreeSans,sans-serif !important;
    638     letter-spacing: -1px;
    639     margin-top: -1em;
    640 }
    641 div.box li.spotlight strong, div.box li.spotlight a {
    642     color: #8d6a0e !important;
    643 }
    644 div.box li.spotlight a:hover {
    645     color: #75AD0A !important;
    646 }
    647 #content div.box a {
    648     border: medium none;
    649 }
    650 div.box .info {
    651     color: #888888;
    652     display: block;
    653     text-align: right;
    654 }
    655 div.box .add {
    656     float: right;
    657 }
    658 a.link-parent {
    659     font-size: 11px;
    660 }
    661 #accordion, dl.portlet {
    662     background-color: #F6F6F6;
    663     border: 1px solid #EEEEEE;
    664 }
    665 #content #accordion h2 {
    666     cursor: pointer;
    667 }
    668 #content #accordion h2.current {
    669     cursor: default;
    670 }
    671 #content #accordion h2, dl.portlet dt {
    672     background-color: #76AD17;
    673     border-bottom: 1em solid #63A100;
    674     color: White;
    675     font-size: 1em;
    676     height: 1em;
    677     letter-spacing: 0;
    678     line-height: 2em;
    679     margin: -1px -1px 0;
    680     padding: 0 0.5em;
    681 }
    682 #accordion h2.current, #accordion h2.selected {
    683     cursor: inherit;
    684 }
    685 #content #accordion h2.current {
    686     cursor: default;
    687 }
    688 #accordion h2.current:before, #accordion h2.selected:before {
    689     content: "▼ ";
    690 }
    691 #accordion h2:before {
    692     content: "▶ ";
    693 }
    694 #accordion div {
    695     font-size: 12px;
    696     padding: 10px;
    697 }
    698 #accordion li a:before {
    699     content: "→ ";
    700 }
    701 #accordion dl dt a {
    702     color: #205C90 !important;
    703 }
    704 #accordion dl {
    705     line-height: 1.5em;
    706     margin-top: 0;
    707 }
    708 #accordion dt {
    709     font-size: 12px;
    710     font-weight: bold;
    711 }
    712 #content #accordion dd {
    713     margin-bottom: 0.3em;
    714 }
    715 #download-link {
    716     background: url("../images/sprite-ploneorg.png") no-repeat scroll 0 -495px transparent;
    717     border-bottom: medium none !important;
    718     color: white !important;
    719     display: block;
    720     font-weight: bold;
    721     height: 51px;
    722     line-height: 1.25em;
    723     margin: 0 auto;
    724     padding: 142px 30px 0 14px;
    725     width: 123px;
    726 }
    727 dl.portlet {
    728     margin: 0 0 1em 1em;
    729 }
    730 dl.portlet dt {
    731     padding-left: 1em;
    732 }
    733 dl.portlet dt a:link, dl.portlet dt a:visited, dl.portlet dt a:hover {
    734     border: medium none !important;
    735     color: White !important;
    736 }
    737 dl.portlet dd {
    738     font-size: 0.825em;
    739     padding: 1em 2em;
    740 }
    741 div.managePortletsLink {
    742     font-size: 0.75em;
    743     padding: 1em;
    744     text-align: center;
    745 }
    746 #portlet-prefs strong {
    747     margin-left: 2em;
    748 }
    749 #dashboard-portlets1, #dashboard-portlets2, #dashboard-portlets3, #dashboard-portlets4 {
    750     display: inline-block;
    751 }
    752 ul.navTree {
    753     margin-left: 0 !important;
    754 }
    755 dl.portletNavigationTree dd {
    756     padding: 1em 0;
    757 }
    758 dl.portletNavigationTree dd a {
    759     display: block;
    760 }
    761 dl.portletNavigationTree li {
    762     display: block;
    763     list-style: none outside none;
    764 }
    765 dl.portletNavigationTree li a {
    766     border: medium none !important;
    767 }
    768 dl.portletNavigationTree li a span {
    769     display: block;
    770     padding: 0.25em 0;
    771 }
    772 dl.portletNavigationTree .navTreeCurrentItem {
    773     background: none repeat scroll 0 0 #DDDDDD;
    774 }
    775 dl.portletNavigationTree li.navTreeItemInPath {
    776     background: none repeat scroll 0 0 #EEEEEE;
    777 }
    778 dl.portletNavigationTree li a.navTreeCurrentItem span {
    779     color: black;
    780 }
    781 dl.portletNavigationTree ul {
    782     margin: 0 !important;
    783 }
    784 dl.portletNavigationTree .navTreeLevel0 li a {
    785     padding-left: 2em;
    786 }
    787 dl.portletNavigationTree .navTreeLevel1 li a {
    788     padding-left: 3em;
    789 }
    790 dl.portletNavigationTree .navTreeLevel2 li a {
    791     padding-left: 4em;
    792 }
    793 dl.portletNavigationTree .navTreeLevel3 li a {
    794     padding-left: 5em;
    795 }
     173background: #FAA61A;
     174}
     175
    796176#content {
    797177    clear: both;
    798178    line-height: 1.5em;
    799179}
    800 #content h1, #archetypes-fieldname-title input {
    801     margin-top: 0.5em;
    802 }
    803 #content h1.documentFirstHeading {
    804     margin-top: 0;
    805 }
    806 #content h2, #content h3, #content h4 {
    807     color: #444444;
    808     margin-top: 0.5em;
    809 }
    810 #content p, #content ul, #content ol, #content table, #content dl, #content dt, #content dd, dl.portlet p, dl.portlet ul {
    811     font-size: 13px;
    812     line-height: 1.5em;
    813     margin-bottom: 1em;
    814 }
     180
    815181#content a:link, dl.portlet a:link {
    816     border-bottom: 1px solid #CCCCCC;
    817182    color: #205C90;
    818183}
    819184#content a:link:hover, dl.portlet a:link:hover {
    820     color: #75AD0A;
     185    color: #001B48;
    821186}
    822187#content a:visited, dl.portlet a:visited {
    823     border-bottom: 1px solid #CCCCCC;
    824     color: #427597;
    825 }
    826 #content a:target {
    827     background-color: #FFFFBB !important;
    828 }
     188    border-bottom: 1px solid #333333;
     189    color: #001B48;
     190}
     191
    829192#content img {
    830193    max-width: 100%;
    831194}
    832 #content ul, dl.portlet ul {
    833     list-style-type: disc;
    834     margin-left: 2em;
    835 }
     195
    836196#content ol, dl.portlet ol {
    837197    list-style-type: decimal;
    838198    margin-left: 2em;
    839199}
    840 #content li, dl.portlet li {
    841     display: list-item;
    842     line-height: 1.5em;
    843     margin-bottom: 0.25em;
    844 }
     200
    845201#content dt {
    846202    font-weight: bold;
     
    850206#content dd {
    851207    margin: 0 0 1em 1em;
    852 }
    853 #content pre {
    854     background-color: #222222;
    855     color: White;
    856     font-family: Consolas,Inconsolata,"DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;
    857     font-size: 90%;
    858     line-height: 1em;
    859     margin-bottom: 1em;
    860     overflow-x: auto;
    861     padding: 10px;
    862 }
    863 #content code {
    864     font-family: Monaco,Consolas,Inconsolata,"Courier New",monospace;
    865 }
    866 #content blockquote {
    867     border-left: 3px solid #888888;
    868     padding-left: 0.5em;
    869 }
    870 #content div.documentByLine {
    871     color: gray;
    872     display: block;
    873     font-size: 11px;
    874     margin-bottom: 10px;
    875     margin-top: -0.5em;
    876 }
    877 #content .discreet, #sidebar .discreet {
    878     color: #666666;
    879     font-size: 11px;
    880     font-weight: normal;
    881 }
    882 #content .visualHighlight {
    883     background-color: #FFFFBB;
    884 }
    885 #content pre .visualHighlight {
    886     color: #222222;
    887 }
    888 #content .pullquote {
    889     border-left: 1px solid #888888;
    890     clear: right;
    891     color: #888888;
    892     float: right;
    893     font-weight: bold;
    894     margin: 0 0 1em 1em;
    895     padding: 0 1em;
    896     width: 35%;
    897 }
    898 #content .callout {
    899     -moz-border-bottom-colors: none;
    900     -moz-border-image: none;
    901     -moz-border-left-colors: none;
    902     -moz-border-right-colors: none;
    903     -moz-border-top-colors: none;
    904     border-color: #666666;
    905     border-style: solid none;
    906     border-width: 1px;
    907     clear: both;
    908     color: #666666;
    909     padding: 1em;
    910 }
    911 #content table {
    912     text-align: left;
    913     width: 100%;
    914 }
    915 #content .documentDescription, #description {
    916     color: gray !important;
    917     font: bold 1em "Helvetica Neue",Arial,FreeSans,sans-serif !important;
    918     margin-bottom: 1em;
    919     margin-left: 0;
    920 }
    921 #content img.tileImage, #content div.newsImageContainer {
    922     float: right;
    923     margin: 0 1em 0.5em;
    924 }
    925 #content div.newsImageContainer {
    926     width: 200px;
    927 }
    928 #content div.newsImageContainer p.discreet {
    929     background-color: rgba(40, 40, 40, 0.7);
    930     color: White;
    931     font-weight: bold;
    932     margin: 0;
    933     padding: 0.5em;
    934     position: relative;
    935     top: -3em;
    936 }
    937 #edit-bar {
    938     background-color: #75AD0A;
    939     clear: both;
    940     margin: 0 auto;
    941 }
    942 #edit-menu ul {
    943     background-color: #76AD17;
    944     border-bottom: 1em solid #63A100;
    945     border-top: 4px solid #76AD17;
    946     height: 1em;
    947     line-height: 2em;
    948     padding-left: 0.5em;
    949 }
    950 #edit-menu li a {
    951     color: White;
    952     font-weight: bold;
    953     line-height: 2em;
    954     padding: 0.5em;
    955 }
    956 #edit-menu li a:hover, #edit-menu li.selected a {
    957     background-color: White;
    958     border-top: 1px solid #75AD0A;
    959     color: #75AD0A;
    960     line-height: 2em;
    961 }
    962 #edit-menu li:hover a, #edit-menu li.selected a {
    963     color: #75AD0A;
    964 }
    965 #action-menu {
    966 }
    967 #action-menu ul li a {
    968     color: White;
    969     font-weight: bold;
    970 }
    971 #action-menu ul li a img {
    972     display: none;
    973 }
    974 table.listing {
    975     border-spacing: 0;
    976     width: 100%;
    977 }
    978 table.listing td, table.listing th {
    979     padding: 0.5em;
    980     vertical-align: top;
    981 }
    982 table.listing td.listingCheckbox, table.listing th.listingCheckbox {
    983     text-align: center;
    984 }
    985 table.listing thead th {
    986     border-bottom: 1px solid #E7E7E7;
    987     color: #666666;
    988     padding-left: 0;
    989     text-align: left;
    990 }
    991 table.listing tbody th {
    992     font-weight: bold;
    993 }
    994 table.listingtbody tr {
    995     text-align: left;
    996 }
    997 table.listing tbody tr.odd {
    998     background: none repeat scroll 0 0 #F9F9F9;
    999 }
    1000 table.listing tbody tr td {
    1001     background: none repeat scroll 0 0 transparent;
    1002 }
    1003 table.listing tbody tr.odd td {
    1004     background: none repeat scroll 0 0 #F9F9F9;
    1005 }
    1006 table.listing a {
    1007     border: medium none !important;
    1008 }
    1009 div.listingBar {
    1010     font-size: 13px;
    1011     margin: 1em 0;
    1012 }
    1013 div.listingBar .next {
    1014     display: inline-block;
    1015     float: right;
    1016 }
    1017 div.listingBar .previous {
    1018     display: inline-block;
    1019 }
    1020 div.listingBar a {
    1021     border: 1px solid #CCCCCC;
    1022     display: inline-block;
    1023     padding: 0.25em 0.5em;
    1024 }
    1025 div.listingBar a:hover {
    1026     background-color: #329FD7 !important;
    1027     border-color: #329FD7 !important;
    1028     color: White !important;
    1029 }
    1030 dl.portalMessage {
    1031     background-color: #FFFFE3;
    1032     border: 1px solid #999966;
    1033     font-size: 12px;
    1034     margin-bottom: 1em;
    1035 }
    1036 dl.portalMessage a {
    1037     border: medium none !important;
    1038     color: black !important;
    1039     text-decoration: underline;
    1040 }
    1041 dl.portalMessage dt {
    1042     background-color: #999966;
    1043     color: White;
    1044     float: left;
    1045     font-weight: bold;
    1046     line-height: 1.25em;
    1047     margin: 0 0.5em 0 0;
    1048     padding: 0.5em 0.75em;
    1049 }
    1050 dl.portalMessage dd {
    1051     line-height: 1.25em;
    1052     margin: 0;
    1053     padding: 0.5em;
    1054 }
    1055 dl.warning {
    1056     border-color: #DD8800;
    1057 }
    1058 dl.warning dt {
    1059     background-color: #DD8800;
    1060 }
    1061 dl.error {
    1062     border-color: #DD0000;
    1063 }
    1064 dl.error dt {
    1065     background-color: #DD0000;
    1066 }
    1067 dl.warning {
    1068     border-color: #DD8800;
    1069 }
    1070 dl.warning dd {
    1071     background-color: #FFDD77;
    1072 }
    1073 dl.error {
    1074     border-color: #DD8800;
    1075 }
    1076 dl.error dd {
    1077     background-color: #FFDD77;
    1078 }
    1079 .contentActions {
    1080     background-color: white;
    1081     z-index: 2;
    1082 }
    1083 .contentActions ul, .contentActions li {
    1084     color: Black;
    1085     line-height: 1.6em;
    1086     list-style: none outside none;
    1087     margin: 0;
    1088     text-align: left;
    1089 }
    1090 .contentActions li {
    1091     border-left: 1px solid #74AE0B;
    1092     float: right;
    1093     z-index: 4;
    1094 }
    1095 .contentActions a {
    1096     color: White;
    1097     cursor: pointer;
    1098     padding: 0 0.5em;
    1099     text-decoration: none;
    1100 }
    1101 .contentActions span.subMenuTitle {
    1102     display: inline;
    1103     padding: 0 0.5em;
    1104     position: relative;
    1105     white-space: nowrap;
    1106 }
    1107 .contentActions a span.subMenuTitle {
    1108     display: inline;
    1109     padding: 0;
    1110 }
    1111 .actionMenu {
    1112     font-weight: bold;
    1113     margin: 0;
    1114     padding: 0;
    1115     position: relative;
    1116 }
    1117 .actionMenu .actionMenuHeader {
    1118     margin: 0;
    1119     padding: 0;
    1120 }
    1121 .actionMenu.activated .actionMenuHeader {
    1122     position: relative;
    1123     z-index: 10;
    1124 }
    1125 .actionMenu .actionMenuHeader a {
    1126     color: White;
    1127     display: block;
    1128     padding: 0.5em;
    1129 }
    1130 .arrowDownAlternative {
    1131     font-size: 0.85em;
    1132 }
    1133 .actionMenu .actionMenuContent {
    1134     display: none;
    1135     height: auto;
    1136     margin: 0;
    1137     padding: 0;
    1138     position: absolute;
    1139     right: 0;
    1140     top: 1.5em;
    1141     z-index: 5;
    1142 }
    1143 .actionMenu.activated .actionMenuContent {
    1144     display: block !important;
    1145 }
    1146 .actionMenu.activated .actionMenuContent {
    1147     border-collapse: collapse;
    1148     border-spacing: 0;
    1149     display: table !important;
    1150 }
    1151 .actionMenu.deactivated .actionMenuContent {
    1152     display: none !important;
    1153 }
    1154 .actionMenu .actionMenuContent ul {
    1155     background: none repeat scroll 0 0 #75AD0A;
    1156     border: 3px solid #74AE0B;
    1157     color: White;
    1158     display: block;
    1159     margin: 0.5em 0 0;
    1160 }
    1161 .actionMenu .actionMenuContent li {
    1162     display: inline;
    1163     float: none;
    1164 }
    1165 .actionMenu .actionMenuContent li a {
    1166     background-color: #74AE0B;
    1167     color: White;
    1168     display: block;
    1169     padding: 0.5em;
    1170     white-space: nowrap;
    1171 }
    1172 .actionMenu .actionMenuContent .selected {
    1173     display: block;
    1174     margin: 0.2em 0;
    1175     padding: 0 0.5em;
    1176     white-space: nowrap;
    1177 }
    1178 .actionMenu .actionMenuContent li a:hover {
    1179     background-color: White;
    1180     color: #75AD0A !important;
    1181 }
    1182 .actionMenu .actionMenuContent .actionSeparator a {
    1183     border-top: 1px solid #74AE0B;
    1184     padding-top: 0.2em;
    1185 }
    1186 #templateMenu li a {
    1187     padding-left: 16px;
    1188 }
    1189 dl.actionMenu {
    1190     float: right;
    1191 }
    1192 ul.configlets {
    1193     list-style: none outside none;
    1194     margin: 1em 0;
    1195 }
    1196 .configlet .contentViews {
    1197     font-size: 90%;
    1198 }
    1199 ul.configlets li {
    1200     margin-bottom: 1em;
    1201 }
    1202 ul.configlets li a {
    1203     border: medium none;
    1204     text-decoration: none;
    1205 }
    1206 ul.configlets li a:visited {
    1207     background-color: transparent;
    1208     color: #436976;
    1209 }
    1210 ul.configlets li a:active {
    1211     background-color: transparent;
    1212     color: #436976;
    1213 }
    1214 ul.configlets li label {
    1215     font-weight: bold;
    1216 }
    1217 ul.configletDetails {
    1218     list-style: none outside none;
    1219     margin: 0 1em 1em 4em;
    1220 }
    1221 ul.configletDetails li {
    1222     display: inline;
    1223     margin-bottom: 1em;
    1224 }
    1225 ul.configletDetails li a {
    1226     text-decoration: none;
    1227 }
    1228 ul.configletDetails li label {
    1229     font-weight: bold;
    1230 }
    1231 ul.configletDetails li.configletDescription {
    1232     color: #76797C;
    1233     display: block;
    1234     font-size: 90%;
    1235     margin: 0;
    1236 }
    1237 .inlineDisplay {
    1238     display: inline;
    1239 }
    1240 table.controlpanel-listing {
    1241     width: 100%;
    1242 }
    1243 table.controlpanel-listing td, table.controlpanel-listing th {
    1244     font-size: 120%;
    1245 }
    1246 table.controlpanel-listing dl {
    1247     margin-top: 0;
    1248 }
    1249 table.controlpanel-listing dd {
    1250     margin-left: 1em;
    1251 }
    1252 table.controlpanel-listing dl dt a .trigger {
    1253     font-weight: normal;
    1254 }
    1255 table .controlpanel-listing td {
    1256     vertical-align: top;
    1257 }
    1258 table.controlpanel-listing td.checker {
    1259     text-align: center;
    1260 }
    1261 table.controlpanel-listing th.smallcolumn {
    1262     width: 1.5em;
    1263 }
    1264 .chooser-right {
    1265     float: right;
    1266     margin-bottom: 0 !important;
    1267     margin-right: 0 !important;
    1268 }
    1269 .rule-element {
    1270     background-color: #EEF3F5;
    1271     margin: 0.5em 0;
    1272     padding: 0.3em 1em;
    1273     width: auto;
    1274 }
    1275 .rule-element dl {
    1276 }
    1277 .rule-element dl dd {
    1278     margin-left: 1em;
    1279 }
    1280 .rule-updown, .rule-operations {
    1281     float: right;
    1282     padding-top: 0.8em;
    1283 }
    1284 dl.collapsible {
    1285     border: 1px solid #8CACBB !important;
    1286     margin: 1em 0 0;
    1287     padding: 0;
    1288 }
    1289 dl.collapsible dt.collapsibleHeader {
    1290     background: none repeat scroll 0 0 White;
    1291     display: block;
    1292     float: left;
    1293     font-size: 90%;
    1294     line-height: 1.2em;
    1295     margin: 0 0 -0.6em 1em;
    1296     padding: 0 0.5em;
    1297     position: relative;
    1298     top: -0.6em;
    1299     vertical-align: middle;
    1300     width: auto;
    1301 }
    1302 dl.collapsible dd.collapsibleContent {
    1303     clear: left;
    1304     margin: 0;
    1305     padding: 0 1em;
    1306 }
    1307 dl.collapsible dd.collapsibleContent > dl {
    1308     margin: 0;
    1309     padding: 0;
    1310 }
    1311 dl.expandedInlineCollapsible dt.collapsibleHeader, dl.expandedBlockCollapsible dt.collapsibleHeader {
    1312     background: url("../images/treeExpanded.png") no-repeat scroll 6px 50% White;
    1313     cursor: pointer;
    1314     padding: 0 6px 0 22px;
    1315 }
    1316 dl.collapsedBlockCollapsible {
    1317     border: medium none !important;
    1318     height: 1em;
    1319     width: auto;
    1320 }
    1321 dl.collapsedBlockCollapsible dt.collapsibleHeader {
    1322     cursor: pointer;
    1323     float: none;
    1324     line-height: 1em;
    1325     margin: 0;
    1326     padding: 0 0 0 22px;
    1327     position: static;
    1328 }
    1329 dl.collapsedInlineCollapsible dd.collapsibleContent, dl.collapsedBlockCollapsible dd.collapsibleContent {
    1330     display: none;
    1331 }
    1332 dl.collapsedInlineCollapsible {
    1333     border: medium none !important;
    1334     display: inline;
    1335     height: 1em;
    1336     width: auto;
    1337 }
    1338 dl.collapsedInlineCollapsible dt.collapsibleHeader {
    1339     cursor: pointer;
    1340     display: inline;
    1341     float: none;
    1342     line-height: 1em;
    1343     margin: 0;
    1344     padding: 0 0 0 22px;
    1345     position: static;
    1346 }
    1347 .comment {
    1348     background-color: #F6F6F6;
    1349     border: 1px solid #EEEEEE;
    1350     margin-bottom: 1em;
    1351     padding: 0.25em 1em 1em;
    1352 }
    1353 .comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6 {
    1354     border-bottom: 1px solid #76797C;
    1355     font-weight: normal;
    1356 }
    1357 .commentBody {
    1358     font-size: 13px;
    1359 }
    1360 .stx table p {
    1361     margin: 0;
    1362     padding: 0;
    1363 }
    1364 .stx table {
    1365     border: 1px solid #8CACBB !important;
    1366 }
    1367 .stx table td {
    1368     border-bottom: 1px solid #8CACBB;
    1369 }
    1370 .reviewHistory, .contentHistory {
    1371     color: Black;
    1372     display: inline;
    1373     font-size: 110% !important;
    1374 }
    1375 .spacer {
    1376     margin: 1em;
    1377 }
    1378 .label {
    1379     display: inline;
    1380     font-weight: bold;
    1381     padding-right: 0.5em;
    1382 }
    1383 .optionsToggle {
    1384     background-color: #DEE7EC;
    1385     border: 1px solid #8CACBB;
    1386     color: Black;
    1387     font-size: 90%;
    1388     font-weight: normal !important;
    1389 }
    1390 #portal-column-content fieldset > * input:focus, #portal-column-content fieldset > * textarea:focus {
    1391     border-color: #FFA500;
    1392     border-width: 1px;
    1393 }
    1394 .highlightedSearchTerm {
    1395     background-color: rgba(255, 255, 140, 0.5);
    1396 }
    1397 dl.searchResults .highlightedSearchTerm {
    1398     background-color: transparent;
    1399     font-weight: bold;
    1400 }
    1401 .noInheritedRoles {
    1402     color: #A0A0A0;
    1403 }
    1404 .currentItem {
    1405     border: 2px solid #FFA500;
    1406     border-collapse: collapse;
    1407     padding: 1px;
    1408 }
    1409 .managePortletsLink {
    1410     color: #76797C;
    1411     display: block;
    1412     font-size: 90%;
    1413     font-weight: normal;
    1414 }
    1415 ul.formTabs {
    1416     background-color: #329FD7;
    1417     border-top: 3px solid #329FD7;
    1418     display: block;
    1419     list-style-type: none;
    1420     margin-left: 0 !important;
    1421     position: relative;
    1422     text-align: center;
    1423 }
    1424 li.formTab {
    1425     display: inline !important;
    1426     margin: 0;
    1427     padding: 0;
    1428 }
    1429 li.formTab a {
    1430     display: inline-block;
    1431 }
    1432 li.formTab a {
    1433     background-color: #329FD7;
    1434     border: medium none !important;
    1435     color: White !important;
    1436     font-weight: bold;
    1437     padding: 0.125em 0.75em;
    1438     text-decoration: none;
    1439 }
    1440 li.formTab a:visited {
    1441 }
    1442 li.firstFormTab a {
    1443 }
    1444 li.lastFormTab a {
    1445 }
    1446 li.formTab a.selected, li.formTab a:hover {
    1447     background: none repeat scroll 0 0 White;
    1448     color: #329FD7 !important;
    1449 }
    1450 li.formTab a.notify {
    1451     background-color: #FFCE7B;
    1452     color: Black;
    1453 }
    1454 li.formTab a.required span {
    1455     background-image: url("../images/required.png");
    1456     background-position: right center;
    1457     background-repeat: no-repeat;
    1458     padding-right: 8px;
    1459 }
    1460 li.formTab a.notify:hover {
    1461     background-color: #FFA500;
    1462 }
    1463 .formPanel {
    1464     border: 1px solid #8CACBB;
    1465     margin-top: -1.5em;
    1466     padding-top: 1em;
    1467 }
    1468 .formPanel.hidden {
    1469     display: none;
    1470 }
    1471 div.formControls input.hidden {
    1472     display: none;
    1473 }
    1474 div.formControls {
    1475     margin-top: 1em;
    1476 }
    1477 input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    1478     background-color: #FFFFE0;
    1479 }
    1480 #content textarea {
    1481     font: 100% Monaco,"Courier New",Courier,monospace;
    1482     width: 100%;
    1483 }
    1484 #content select {
    1485     vertical-align: top;
    1486 }
    1487 #content fieldset {
    1488     -moz-border-bottom-colors: none;
    1489     -moz-border-image: none;
    1490     -moz-border-left-colors: none;
    1491     -moz-border-right-colors: none;
    1492     -moz-border-top-colors: none;
    1493     border-color: #329FD7;
    1494     border-style: solid none none;
    1495     border-width: 1px;
    1496 }
    1497 #content legend {
    1498     font-size: 90%;
    1499     padding: 0.5em 0.5em 0.5em 0;
    1500 }
    1501 label {
    1502     font-weight: bold;
    1503 }
    1504 #content optgroup {
    1505     color: #999999;
    1506     font-style: normal;
    1507     font-weight: bold;
    1508     padding-left: 0.25em;
    1509 }
    1510 #content option {
    1511     color: black;
    1512 }
    1513 #content optgroup > option {
    1514     padding: 0 0.25em 0 1em;
    1515 }
    1516 dl.enableFormTabbing dd {
    1517     margin-left: 0;
    1518     padding-top: 2em;
    1519 }
    1520 #content input.searchButton {
    1521 }
    1522 .searchSection {
    1523     color: #76797C;
    1524     margin-top: 0.25em;
    1525 }
    1526 .searchSection label:hover {
    1527     color: Black;
    1528 }
    1529 .field {
    1530     clear: both;
    1531     margin-top: 1em;
    1532 }
    1533 .field input[type="text"] {
    1534     width: 100%;
    1535 }
    1536 .fieldRequired {
    1537     background: url("/required.gif") no-repeat scroll left center transparent;
    1538     color: White;
    1539     padding: 0 0 0 8px;
    1540 }
    1541 .fieldUploadFile {
    1542     display: none;
    1543     margin-right: 0.75em;
    1544     text-align: right;
    1545 }
    1546 .fieldTextFormat {
    1547     margin-right: 0.75em;
    1548     text-align: right;
    1549 }
    1550 .formHelp {
    1551     color: #76797C;
    1552     font-size: 90%;
    1553     margin: 0 0 0.2em;
    1554 }
    1555 
    1556 .formHelp:hover {
    1557     color: Black;
    1558     cursor: default;
    1559 }
    1560 div.error {
    1561     background-color: #FFDDCC;
    1562     border: 1px solid #DD0000;
    1563     margin: 0 0 1em;
    1564     padding: 0.5em;
    1565     width: 95%;
    1566 }
    1567 .error .fieldRequired {
    1568     color: #DD0000;
    1569 }
    1570 input.inputLabelActive {
    1571 
    1572     color: #76797C;
    1573 }
    1574 textarea#form\.description {
    1575     height: 6em;
    1576     width: 99%;
    1577 }
    1578 tr.selected {
    1579     background-color: #FFFFAA;
    1580 }
    1581 #login-form input {
    1582     font-size: 150%;
    1583     width: inherit;
    1584 }
    1585 body.template-join_form #content input {
    1586     font-size: 150%;
    1587     width: inherit;
    1588 }
    1589 #login_form label {
    1590     display: inline-block;
    1591     width: 7em;
    1592 }
    1593 #user #login-link {
    1594     background:url("../images/bg/login_arrow.png") no-repeat scroll right 8px transparent;
    1595     padding-right: 13px;
    1596 }
    1597 #login-popup {
    1598     background-color: #FFFFFF;
    1599     border-color: #E6E6E6;
    1600     border-radius: 0 0 5px 5px;
    1601     border-style: solid;
    1602     border-width: 0 1px 1px;
    1603     display: none;
    1604     line-height: 15px;
    1605     margin: 1px 0 0 -167px;
    1606     padding: 15px;
    1607     position: absolute;
    1608     width: 195px;
    1609     z-index: 9;
    1610 }
    1611 #login-popup .loginText {
    1612     font-size: 14px;
    1613     font-weight: bold;
    1614 }
    1615 #login-popup .form {
    1616     background-color: #FFFBE7;
    1617     border: 1px solid #EDEEE8;
    1618     border-radius: 5px 5px 5px 5px;
    1619     margin: 10px 0;
    1620     padding: 0 5px 5px;
    1621 }
    1622 #login-popup .form input {
    1623     border: 1px solid #BEBEC0;
    1624     border-radius: 3px 3px 3px 3px;
    1625     padding: 3px;
    1626     width: 95%;
    1627 }
    1628 #login-popup .form input[type="text"]:focus, #login-popup .form input[type="password"]:focus {
    1629     background-color: #FFFFFF;
    1630 }
    1631 #login-popup .form label {
    1632     color: #666666;
    1633     display: block;
    1634     font-size: 10px;
    1635     font-weight: normal;
    1636     line-height: 16px;
    1637     padding-top: 5px;
    1638 }
    1639 #login-popup .form a {
    1640     display: block;
    1641     font-size: 10px;
    1642     line-height: 15px;
    1643     text-align: right;
    1644     text-decoration: underline;
    1645 }
    1646 #login-popup .context {
    1647     background: url("../images/login_btn.png") no-repeat scroll 0 0 transparent;
    1648     border: medium none;
    1649     color: #FFFFFF;
    1650     cursor: pointer;
    1651     display: block;
    1652     font-size: 14px;
    1653     font-weight: bold;
    1654     margin-bottom: 10px;
    1655     padding: 6px 0 5px;
    1656     width: 100%;
    1657 }
    1658 #login-popup .createText {
    1659     font-size: 11px;
    1660     font-weight: bold;
    1661 }
    1662 #login-popup .createText a {
    1663     color: #305476;
    1664 }
    1665 dl.toc {
    1666     border-left: 1px solid #666666;
    1667     float: right;
    1668     font-size: 11px !important;
    1669     margin: 0 0 0.5em 1.5em;
    1670     width: 35%;
    1671 }
    1672 dl.toc dt {
    1673     font-weight: normal;
    1674     margin-left: 3em;
    1675     text-transform: uppercase;
    1676 }
    1677 dl.toc dd {
    1678     margin-bottom: 0 !important;
    1679 }
    1680 dl.toc dd ol {
    1681     margin-left: 1.5em !important;
    1682 }
    1683 #areafooter {
    1684     background: #25528C;
    1685     height: 16em;
    1686 }
    1687 #footer-gradient {
    1688     background: url("../images/sprite-ploneorg.png") repeat-x scroll left top transparent;
    1689     height: 7px;
    1690 }
    1691 #push {
    1692     height: 16em;
    1693 }
    1694 #footer {
    1695     color: White;
    1696     font-family: "Lucida Grande",Verdana,FreeSans,sans-serif;
    1697     margin: 0 auto;
    1698     padding: 1em 0;
    1699     width: 910px;
    1700 }
    1701 #footer p {
    1702     font-size: 0.7em;
    1703 }
    1704 #footer p a {
    1705     color: White;
    1706 }
    1707 #footer p a:hover {
    1708     background-color: White;
    1709     color: #329FD7;
    1710 }
    1711 #footer-logo {
    1712     border-right: 1px solid white;
    1713     float: left;
    1714     height: 44px;
    1715     margin: 0 1em 0 0.5em;
    1716     width: 114px;
    1717 }
    1718 #sitemap {
    1719     clear: both;
    1720     padding-top: 1em;
    1721     width: 100%;
    1722 }
    1723 #sitemap dl {
    1724     color: White;
    1725     display: inline-block;
    1726     font-family: "Lucida Grande",Verdana,FreeSans,sans-serif;
    1727     vertical-align: top;
    1728     width: 19%;
    1729 }
    1730 #sitemap dl a {
    1731     color: White;
    1732     display: block;
    1733     font-size: 0.7em;
    1734     padding: 0.25em 6px;
    1735 }
    1736 #sitemap dl a:hover {
    1737     background-color: #FFF;
    1738     color: #75AD0A;
    1739 }
    1740 #sitemap dl dt a {
    1741     font-size: 0.75em;
    1742 }
    1743 .kupu-save-message {
    1744     background-color: red;
    1745     color: white;
    1746     font-weight: bold;
    1747     padding: 0.3em;
    1748     position: fixed;
    1749     right: 0;
    1750     top: 0;
    1751     z-index: 999;
    1752 }
    1753 #toolbar {
    1754     background-color: White;
    1755     border: medium none;
    1756     width: auto;
    1757 }
    1758 #toolbar button {
    1759     border-color: White;
    1760 }
    1761 #kupu-editor-iframe-text {
    1762     border: 1px solid Black;
    1763 }
    1764 #kupu-colorchooser {
    1765     display: none;
    1766 }
    1767 #prefs {
    1768     background-color: #F6F6F6;
    1769     border: 1px solid #EEEEEE;
    1770     float: right;
    1771     font-size: 13px;
    1772     margin: 0 0 1em 1em;
    1773     padding: 1em;
    1774     width: 25em;
    1775 }
    1776 #prefs .field {
    1777     display: block;
    1778     margin: 0;
    1779 }
    1780 #prefs .field input {
    1781     margin: 0 0.5em;
    1782     width: auto;
    1783 }
    1784 #prefs label {
    1785     font-weight: normal;
    1786 }
    1787 #prefs fieldset label {
    1788     font-weight: bold;
    1789 }
    1790 #ticket {
    1791     background-color: #F6F6F6;
    1792     border: 1px solid #EEEEEE;
    1793     margin-top: 1em;
    1794     padding: 1em;
    1795 }
    1796 #ticket h2 {
    1797     margin-top: 0;
    1798 }
    1799 #ticket .date {
    1800     float: right;
    1801 }
    1802 #ticket .date p {
    1803     color: #666666;
    1804     font-size: 11px;
    1805     margin: 0;
    1806 }
    1807 #ticket table.properties {
    1808     border-top: 1px solid #EEEEEE;
    1809     width: 60%;
    1810 }
    1811 dt .time {
    1812     color: #666666;
    1813     font-size: 11px;
    1814 }
    1815 dd.files span.comment {
    1816     background: none repeat scroll 0 0 transparent;
    1817     border: medium none;
    1818     padding: 0 1em;
    1819 }
    1820 #overview dt.property {
    1821     position: inherit !important;
    1822 }
    1823 #dirlist td.name a, #dirlist td.rev a, td.summary a {
    1824     display: block;
    1825 }
    1826 #help {
    1827     display: none;
    1828 }
    1829 table.progress {
    1830     border: 1px solid black;
    1831     border-collapse: collapse;
    1832     border-spacing: 0;
    1833     empty-cells: show;
    1834     float: left;
    1835     width: 55% !important;
    1836 }
    1837 table.progress a, table.progress *:link, table.progress *:visited, table.progress *:link:hover, table.progress *:visited:hover {
    1838     border: medium none !important;
    1839     display: block;
    1840     height: 1.2em;
    1841     text-decoration: none;
    1842     width: 100%;
    1843 }
    1844 table.progress td {
    1845     background: none repeat scroll 0 0 #FFFFFF;
    1846     padding: 0;
    1847 }
    1848 table.progress td.closed {
    1849     background: none repeat scroll 0 0 #75AD0A;
    1850 }
    1851 table.progress td *:hover {
    1852     background: none repeat scroll 0 0 transparent;
    1853 }
    1854 p.percent {
    1855     font-size: 10px;
    1856     line-height: 2.4em;
    1857     margin: 0.9em 0 0;
    1858 }
    1859 #content ul.milestones li {
    1860     list-style: none outside none;
    1861 }
    1862 #content ul.milestones .info dt {
    1863     display: inline;
    1864     margin: 0;
    1865 }
    1866 #content ul.milestones .info dd {
    1867     display: inline;
    1868     margin: 0 0.5em;
    1869 }
    1870 #content ul.milestones p.date {
    1871     color: #666666;
    1872     font-size: 11px;
    1873 }
    1874 #content div.diff li.entry {
    1875     background-color: #F6F6F6;
    1876     border: 1px solid #EEEEEE;
    1877 }
    1878 #content div.diff ul.entries {
    1879     margin: 0;
    1880208}
    1881209.hiddenStructure {
     
    1892220    clear: both;
    1893221}
     222
     223/* ############# */
     224#maincontent, #footer_wrapper {
     225        width: 960px;
     226        margin: 0 auto;
     227}
     228#areafooter {
     229    background: #25528C;
     230        padding-bottom: 1em;
     231    padding-top: 1em;
     232
     233}
     234#footer {
     235    color: White;
     236    font-family: "Lucida Grande",Verdana,FreeSans,sans-serif;
     237    margin: 0 auto;
     238    padding: 1em 0;
     239    width: 960px;
     240}
     241
     242#wrapperheader .row{
     243        margin-bottom: 1em;
     244    margin-top: 0;
     245}
     246.wrappercontent{
     247        background:#FFFFFF;
     248        border:1pt dotted #4C71A1;
     249        margin-bottom: 10px;
     250}
     251.rownavigation{
     252        border-bottom:1pt dotted #4C71A1;
     253}
     254
     255.navigation{
     256        background: none repeat scroll 0 0 #4C71A1;
     257    height: 28px;
     258    margin: 10px;
     259    padding: 20px 0 0;
     260}
     261
     262ul.navigation li a, ul.navigation li a:visited {
     263    border-right: 1px solid #FFFFFF;
     264    color: #FFFFFF;
     265    padding: 20px 14px 6px 8px;
     266    white-space: nowrap;
     267        background: #4C71A1;
     268        text-transform: uppercase;
     269        font-size:10pt;
     270        /*margin: 0 0 0 -4px; Somente no static*/
     271}
     272ul.navigation li a:hover {
     273    color: #FFFFFF;
     274}
     275
     276.last a{
     277        border-right:none !important;
     278}
     279
     280ul.navigation li.selected a, ul.navigation li.active a {
     281    color: #FFFFFF;
     282        background:#001B48;
     283       
     284}
     285ul#actions li a, ul#acesse li a{
     286        font-size:10pt;
     287        text-transform: uppercase;
     288        color:#A5A5A5 !important;
     289        padding-right: 10pt;
     290}
     291ul#actions li a:hover, ul#actions li.selected a {
     292        color:#333333 !important;
     293}
     294.bgacesse{
     295        background:#FAA61A;
     296        color:#001B48 !important;
     297}
     298#personaltools-login{
     299        background:#FAA61A;
     300        padding: 0px 20px 0px 10px;
     301        color:#001B48 !important;
     302}
     303#portal-personaltools {
     304    background:transparent !important;
     305    border-bottom-left-radius: 0;
     306    border-bottom-right-radius: 0;
     307    float: right;
     308    font-size: 10pt;
     309    padding: 0;
     310    position: relative;
     311    right: 0;
     312    top: 0;
     313    z-index: 3;
     314}
     315#portal-personaltools dd {
     316    background:#FAA61A !important ;
     317    padding-bottom: 0.5em;
     318}
     319#portal-personaltools dd a {
     320    color: #001B48;
     321}
     322#user-name{
     323        margin-left: 100px;
     324    margin-top: -7px;
     325    padding: 3px 20px 3px 10px !important;
     326}
     327#actions{
     328        margin-top: 10px;
     329        margin-bottom: 10px;
     330}
     331#portal-siteactions {
     332    font-size: 10pt !important;
     333}
     334#portal-siteactions li a:hover {
     335    color: #A5A5A5 !important;
     336}
     337#search-input{
     338        background: url("../design/search.png") no-repeat scroll 0 0 transparent;
     339        float: left;
     340    width: 250px;
     341}
     342#search-input input {
     343        background:transparent;
     344    border: medium none;
     345    height: 30px;
     346    margin-left: 5px;
     347    width: 240px;
     348       
     349}
     350.searchbox{
     351        margin-left: 175px;
     352    margin-top: 65px;
     353        width: 295px;
     354}
     355#search-submit{
     356        float:left;
     357        width: 40px;
     358}
     359#search-submit input{
     360        height: 30px;
     361    width: 40px;
     362}
     363
     364/* Footer */
     365
     366#doormat{
     367        border-bottom: 1px dotted #4C71A1;
     368}
     369
     370#doormat dl, .doormatColumn{
     371        border-left: 1px dotted #4C71A1;
     372    float: left;
     373    padding-left: 10px;
     374    padding-right: 20px;
     375        padding-bottom: 60px;
     376    width: 125px;
     377       
     378}
     379
     380#doormat h3{
     381        color:#FFFFFF !important;
     382        font-size:18pt;
     383        font-family: 'Poly', serif;
     384}
     385
     386#doormat dl.first{
     387        border-left: none;
     388        padding-left: 0;
     389}
     390
     391#doormat dl dt{
     392        height: 65px;
     393    padding-bottom: 10px;
     394}
     395#doormat dl dt a {
     396        color:#FFFFFF;
     397        font-size:18pt;
     398        font-family: 'Poly', serif;
     399}
     400
     401#doormat dl dd a, #doormat dl a  {
     402        font-size:12pt;
     403        color:#B1E1F0;
     404        font-family: 'Mako', serif;
     405       
     406}
     407
     408.info-local{
     409        color:#FFFFFF;
     410        font-size:14pt;
     411        padding-top: 1em;
     412}
     413
     414
     415.info-local p strong{
     416        text-transform:uppercase;
     417}
     418
     419.creativecommons{
     420        font-family: 'Poly', serif;
     421        padding-top: 20px;
     422        font-size: 12pt;
     423}
     424
     425
     426.site-links a, .external-links a{
     427        color:#FFFFFF !important;
     428}
     429.site-links a{
     430        border-right: 1px solid #FFFFFF;
     431    font-size: 7pt;
     432    padding: 0 10px;
     433    text-transform: uppercase;
     434       
     435}
     436.site-links .last a{
     437        border-right: none;
     438}
     439
     440.site-links{
     441        border-left: 1px dotted #4C71A1;
     442         padding-bottom: 1em;
     443    padding-top: 1em;
     444}
     445
     446.external-links{
     447        border-left: 1px dotted #4C71A1;
     448    border-top: 1px dotted #4C71A1;
     449    padding-top: 20px;
     450       
     451}
     452.external-links a{
     453        font-family: 'Poly', serif;
     454        font-size:14pt;
     455       
     456}
     457
     458#il-site-links{
     459       
     460    width: 400px;
     461}
     462#il-external-links{
     463
     464    width: 435px;
     465}
     466#il-external-links li a{
     467       
     468}
     469#il-site-links dd{
     470    float: left;
     471       
     472}
     473#il-external-links dd{
     474    float: left;
     475    text-align: center;
     476    width: 105px;
     477}
     478
     479#cell-suporte h1 ,
     480#cell-melhorespraticas h1,
     481#cell-visibilidade-institucional h1,
     482#cell-visibilidade-casaslegislativas h1,
     483#cell-pilares h1,
     484#cell-andamento h1
     485{
     486        text-transform:uppercase;
     487        color: #00377B;
     488    font-size: 12pt;
     489        font-weight: normal;
     490}
     491
     492
     493
     494.titulo-claro{
     495        color:#8ba8c4;
     496}
     497
     498.cell-cv{
     499         /*width: 63%;*/
     500         width:600px;
     501}
     502.cell-paf{
     503        border-left: 1pt dotted #4C71A1;
     504        /*width: 34%;*/
     505    width: 353px;
     506}
     507.cell-cv , .cell-paf, .cell-ms{
     508        float:left;
     509}
     510.row-visibilidade{
     511        width: 623px;
     512}
     513#cell-visibilidade-institucional{
     514        border-right: 1pt dotted #4C71A1;
     515        width:235px !important;
     516}
     517#cell-visibilidade-institucional, #cell-visibilidade-casaslegislativas{
     518        float: left;
     519    padding: 10px;
     520    width: 290px;
     521        height:400px;
     522}
     523#cell-carousel{
     524        /*height: 232px;*/
     525        border-bottom: 1pt dotted #4C71A1;
     526}
     527
     528#cell-pilares{
     529        height: 275px;
     530        border-bottom: 1pt dotted #4C71A1;
     531}
     532#cell-andamento{
     533        height:195px;
     534        border-bottom: 1pt dotted #4C71A1;
     535        background: none repeat scroll 0 0 #D2DCEB;
     536}
     537#cell-socialmedia{
     538        height:125px;
     539}
     540
     541#cell-carousel,
     542#cell-pilares,
     543#cell-andamento,
     544#cell-socialmedia,
     545#cell-banner{
     546        padding:10px;
     547}
     548#cell-melhorespraticas, #cell-suporte {
     549        float:left;
     550        width:458px;
     551        padding:10px;
     552    border-top: 1pt dotted #4C71A1;
     553}
     554#cell-banner{
     555        border-top: 1pt dotted #4C71A1;
     556        background: #D2DCEB;
     557}
     558
     559#cell-suporte {
     560        border-left: 1pt dotted #4C71A1;
     561}
     562#cell-melhorespraticas{}
     563
     564
     565/*   */
     566
     567#quatro-pilares{
     568        margin-top: 10px;
     569        width:330px;
     570}
     571#quatro-pilares h1{
     572background: none repeat scroll 0 0 #4C71A1;
     573    color: #FFFFFF !important;
     574    cursor: pointer;
     575    padding: 5px;
     576    text-transform: none;
     577        font-size: 12pt;
     578        margin-bottom: 2px;
     579}
     580
     581#quatro-pilares h1.selected{
     582    background:#001B48;
     583        color:#ffffff;
     584}
     585#quatro-pilares li a{
     586        color: #4C71A1 !important;
     587    font-size: 10pt;
     588        padding: 0 15px;
     589}
     590
     591#quatro-pilares ul{
     592        margin-bottom: 30px;
     593}
     594
     595#quatro-pilares .tabs{
     596        float: left;
     597        margin-top: 5px;
     598        margin-right: 10px;
     599        width: 115px;
     600}
     601   
     602#quatro-pilares .acordeon{
     603        float: left;
     604        width: 205px;
     605        margin-top: 10px;
     606
     607
     608#quatro-pilares .tabs div {
     609        border-bottom: 1pt dotted #4C71A1;
     610    color: #A5A5A5;
     611    cursor: pointer;
     612    font-size: 10pt;
     613    padding-left: 10px;
     614}         
     615
     616#quatro-pilares .tabs .selected{
     617        color: #00377B;
     618    text-transform: uppercase;
     619}
     620
     621#quatro-pilares .acordeon .dir{}
     622
     623#quatro-pilares .acordeon .dir ul{
     624        padding:0;
     625}
     626
     627#quatro-pilares .acordeon .dir ul li{
     628        border-bottom: 1pt dotted #4C71A1;
     629    display: block;
     630    list-style: none outside none;
     631}
     632
     633#quatro-pilares .acordeon .dir .selected{
     634background:#001B48;
     635}
     636
     637#quatro-pilares .acordeon .dir div.selected a{
     638}
     639
     640#quatro-pilares .acordeon .dir div{
     641
     642}
     643       
     644#quatro-pilares .acordeon .dir div span{}       
     645#quatro-pilares .acordeon .dir div a{
     646        text-decoration: none;
     647        color:#FFFFFF;
     648        border: medium none;
     649}
     650#suporte p{
     651        font-size:10pt;
     652        padding: 0 10px;
     653}
     654
     655
     656#search_suporte #input_search_suporte{
     657        border: 2px solid #FAA61A;
     658    color: #FAA61A;
     659    height: 30px;
     660    width: 220px;
     661        font-family: 'Poly',serif;
     662    font-size: 10pt;
     663}
     664
     665#search_suporte{
     666        margin: 20px 0;
     667}
     668
     669
     670#search_suporte #bt_search_suporte{ margin-left: -5px;}
     671
     672/*  */
     673
     674#box-news-institucional{
     675        font-size: 10pt;
     676    height: 355px;
     677    margin-top: 10px;
     678    overflow: auto;
     679}
     680
     681.item-news-institucional{
     682        padding-bottom: 15px;
     683}
     684.item-news-bold{
     685        font-weight: bold;
     686}
     687
     688#box-news-casas{
     689        margin-top: 15px;
     690        width: 328px;
     691        height: 355px;
     692}
     693.item-news-destaque{
     694        padding-bottom: 20px;
     695        font-size:10pt;
     696}
     697.item-news-destaque-casas-img{
     698        float: left;
     699    margin: 0 10px 10px 0;
     700}
     701.item-news-casas{
     702        font-size:10pt;
     703        float: left;
     704    margin-left: 4px;
     705    /*width: 160px;*/
     706}
     707.item-news-casas-img{
     708        float: left;
     709    margin: 0 10px 10px 0;
     710}
     711.item-news-casas-img span{
     712        background:#FAA61A;
     713        color: #FFFFFF;
     714    display: block;
     715    font-size: 8pt;
     716    height: 25px;
     717    margin-bottom: -27px;
     718    padding-left: 7px;
     719    position: relative;
     720    width: 19px;
     721}
     722.item-news-casas-img img{
     723
     724    height: 80px;
     725    width: 50px;
     726}
     727
     728#midias-sociais{}
     729#midias-sociais .selected{
     730        background: url("../design/aba-clara.png") no-repeat scroll right 0 transparent;
     731    color: #4C71A1;
     732}
     733#midias-sociais span{
     734        background: url("../design/aba-escura.png") no-repeat scroll right 0 transparent;
     735    color: #FFFFFF;
     736    cursor: pointer;
     737    font-size: 10pt;
     738    padding: 0 35px 0 0px;
     739}
     740
     741#midias-sociais .selected{
     742        background: url("../design/aba-clara-border.png") no-repeat scroll right 0 transparent;
     743    color: #4C71A1;
     744       
     745}
     746#midias-sociais span{
     747        background: url("../design/aba-escura.png") no-repeat scroll right 0 transparent;
     748    color: #FFFFFF;
     749    cursor: pointer;
     750    font-size: 10pt;
     751    padding:1px 35px 1px 0px;
     752       
     753}
     754#midias-sociais .containers{
     755        background:#FFFFFF;
     756        border:2px solid #4C71A1;
     757        margin-top: -2px;
     758    position: relative;
     759        padding:10px;
     760        border-radius: 5px 5px 5px 5px;
     761}
     762#midias-sociais .tabs{
     763        margin-bottom: -1px;
     764}
     765#midias-sociais .selected .bgleft {
     766    background: none repeat scroll 0 0 #FFFFFF !important;
     767    color: #4C71A1 !important;
     768    margin-left: -20px;
     769    padding-right: 0;
     770        border-top: 2px solid #4C71A1;
     771        padding-top: 0 !important;
     772}
     773#midias-sociais .selected .leftborder {
     774    background: url("../design/aba-clara-border-left.png") no-repeat scroll 0 0 transparent !important;
     775    color: #4C71A1 !important;
     776}
     777#midias-sociais .bgleft {
     778    background: none repeat scroll 0 0 #4C71A1 !important;
     779    color: #FFFFFF !important;
     780        margin-left: -20px;
     781    padding-right: 0;
     782}
     783
     784#midias-sociais .leftborder{
     785        background: url("../design/aba-escura-left.png") no-repeat scroll 0 0 transparent !important;
     786}
     787
     788#abas-produtos{}
     789#abas-produtos .selected{
     790        background: url("../design/aba-clara.png") no-repeat scroll right 0 transparent;
     791    color: #4C71A1;
     792    position: relative;
     793}
     794#abas-produtos span{
     795        background: url("../design/aba-escura.png") no-repeat scroll right 0 transparent;
     796    color: #FFFFFF;
     797    cursor: pointer;
     798    font-size: 10pt;
     799    padding: 1px 35px 1px 0px;
     800}
     801#abas-produtos .containers{
     802        background:#FFFFFF;
     803        padding:10px;
     804        margin-top: -2px;
     805        border-radius: 5px 5px 5px 5px;
     806}
     807#abas-produtos .tabs{
     808        margin-bottom: -1px;
     809}
     810#abas-produtos .selected .bgleft {
     811    background: none repeat scroll 0 0 #ffffff !important;
     812    color: #4C71A1 !important;
     813}
     814#abas-produtos .selected .leftborder {
     815    background: url("../design/aba-clara-left.png") no-repeat scroll 0 0 transparent !important;
     816    color: #4C71A1 !important;
     817}
     818#abas-produtos .bgleft {
     819    background: none repeat scroll 0 0 #4C71A1 !important;
     820    color: #FFFFFF !important;
     821}
     822
     823#abas-produtos .leftborder{
     824        background: url("../design/aba-escura-left.png") no-repeat scroll 0 0 transparent !important;
     825        margin-right: 0 !important;
     826    padding-left: 0;
     827}
  • PortalInterlegis/produtos/il.portal.theme/trunk/il/portal/theme/static/index.html

    r5981 r5994  
    55  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    66  <title>Portal Interlegis</title>
    7   <link rel="stylesheet" href="css/grid16.css" type="text/css" media="screen" />
    8   <link rel="stylesheet" href="css/plone.css" type="text/css" charset="utf-8" />
     7  <link rel="stylesheet" href="css/grid16.css" type="text/css" media="screen" charset="utf-8" />
     8  <link rel="stylesheet" href="css/plone.css" type="text/css" media="screen" charset="utf-8" />
     9  <link rel="stylesheet" href="css/macros.css" type="text/css" media="screen" charset="utf-8" />
     10  <link rel="stylesheet" href="css/carousel.css" type="text/css" media="screen" charset="utf-8" />
     11  <link rel="stylesheet" href="css/jquery.jscrollpane.css" type="text/css"   media="screen" charset="utf-8"/>
     12 
     13 
     14  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
     15  <link rel="apple-touch-icon" href="touch_icon.png" />
     16  <!--<link href='http://fonts.googleapis.com/css?family=Mako' rel='stylesheet' type='text/css' />
     17  <link href='http://fonts.googleapis.com/css?family=Poly:400italic' rel='stylesheet' type='text/css' -->
     18 
     19  <script type="text/javascript" src="javascript/jquery.js"></script>
     20  <script type="text/javascript" src="javascript/jquery.mousewheel.js"></script>
     21  <script type="text/javascript" src="javascript/jquery.jscrollpane.min.js"></script>   
     22  <script type="text/javascript" src="javascript/jquery.carousel.min.js"></script>   
     23  <script type="text/javascript" src="javascript/home.js"></script>
     24
    925</head>
    1026
     
    1329    <div id="header">
    1430      <div class="top_wrapper">
    15           <div class ="cell width-8 position-0">PORTAL COLAB</div>
    16           <div class ="cell width-8 position-8">CADASTRA-SE ACESSO</div>
     31          <div class ="cell width-8 position-0" id="acesse">
     32            <ul>
     33              <li><a href="">PORTAL</a></li>
     34              <li><a href="">COLAB</a></li>
     35            </ul>
     36          </div>
     37          <div class ="cell width-8 position-8" id="user">
     38            <ul>
     39              <li><a href="">CADASTRAR-SE</a></li>
     40              <li><a href=""  class="bgacesse">ACESSO</a></li>
     41            </ul>
     42          </div>
    1743      </div>
    1844    </div>
    1945    <div id="maincontent">
    20       <div class="row">
    21           <div class ="cell width-16 position-0">
    22             site action
     46      <div id="wrapperheader">
     47        <div class="row">
     48            <div class ="cell width-16 position-0" >
     49              <ul id="actions">
     50                <li class=""><a href="">Pular para o conteúdo </a></li>
     51                <li class=""><a href="">Acessibilidade</a></li>
     52                <li class=""><a href="">Fonte Normal</a></li>
     53                <li class=""><a href="">Diminur Fonte</a></li>
     54                <li class=""><a href="">Aumentar Fonte</a></li>
     55                <li class=""><a href="">Contraste</a></li>
     56              </ul>
     57            </div>
     58        </div>
     59        <div class="row">
     60            <div class ="cell width-8 position-0">
     61              <a href="" accesskey="1" title="Home" id="portal-logo">
     62                <img title="" alt="" src="design/logoil.png" />
     63              </a>
     64            </div>
     65            <div class="cell width-8 position-8">
     66              <div id="portal-searchbox">
     67                <form id="search" name="" action="">
     68                  <input type="text" value="O que você procura?" id="search-site" name="SearchableText" title="O que você procura?" accesskey="4" class="inputLabel" size="15" />
     69                  <input type="image" src="design/search_button.png" alt="pesquisar" align="absmiddle"  height="" width="" />
     70                </form>
     71              </div>
     72            </div>
     73        </div>
     74        <div class="visualclear"></div>
     75      </div>
     76      <div class="wrappercontent">
     77        <div class="rownavigation">       
     78          <ul id="main-navigation" class="navigation">
     79            <li class="selected"><a title="" href="#">O Interlegis</a></li>
     80            <li class="plain"><a title="" href="#">Comunidade Legislativa</a></li>
     81            <li class="plain"><a title="" href="#">Informação Legislativa</a></li>
     82            <li class="plain"><a title="" href="#">Capacitação</a></li>
     83            <li class="plain"><a title="" href="#">Tecnologia</a></li>
     84            <li class="plain last"><a title="" href="#">Comunicação</a></li>
     85          </ul>
     86        </div>
     87        <div id="content">
     88          <div class="cell-cv">
     89              <div id="cell-carousel" >
     90                <img title="" alt="" src="design/ex_carousell.png" />
     91              </div>
     92              <div class="row-visibilidade">
     93                <div id="cell-visibilidade-institucional" >
     94                  <h1> Visibilidade <p class="titulo-claro">Institucional</p></h1>
     95                 
     96                  <div id="box-news-institucional" class="jspScrollable">
     97                    <div class="item-news-institucional">
     98                      <a href="">
     99                        <p class="item-news-bold">Tecnologia</p>
     100                        <span>Harion poriore providis re nobiti num volorit, is sum reniend ucient,
     101                        velestia am ilibus aut ut lorem ipsum sit dolor amet.<span>
     102                      </a>
     103                    </div>
     104                    <div class="item-news-institucional">
     105                      <a href="">
     106                        <p class="item-news-bold">Cooperação</p>
     107                        <span>Harion poriore providis re nobiti num volorit, is sum reniend ucient,
     108                        velestia am ilibus aut ut lorem ipsum sit dolor amet.<span>
     109                      </a>
     110                    </div>
     111                    <div class="item-news-institucional">
     112                      <a href="">
     113                        <p class="item-news-bold">Modernização</p>
     114                        <span>Harion poriore providis re nobiti num volorit, is sum reniend ucient,
     115                        velestia am ilibus aut ut lorem ipsum sit dolor amet.<span>
     116                      </a>
     117                    </div>
     118                    <div class="item-news-institucional">
     119                      <a href="">
     120                        <p class="item-news-bold">Capacitação</p>
     121                        <span>Harion poriore providis re nobiti num volorit, is sum reniend ucient,
     122                        velestia am ilibus aut ut lorem ipsum sit dolor amet.<span>
     123                      </a>
     124                    </div>
     125                  </div>
     126                </div>
     127                <div id="cell-visibilidade-casaslegislativas" >
     128                  <h1> Visibilidade <p class="titulo-claro">das Casas Legislativas</p></h1>
     129                 
     130                  <div id="box-news-casas">
     131                    <div class="item-news-destaque">
     132                     <div class="item-news-destaque-casas-img">
     133                        <a href="">
     134                          <img src="design/img-65x65.png" title="" alt="" />
     135                        </a>
     136                      </div>
     137                      <a href="">
     138                        <p class="item-news-bold">Notícia</p>
     139                        <span>Harion poriore providis re nobiti num volorit.<span>
     140                      </a>
     141                    </div>
     142                    <div class="item-news-casas">
     143                      <div class="item-news-casas-img">
     144                        <a href="">
     145                          <span>DF</span>
     146                          <img src="design/img-38x48.png" title="" alt="" />
     147                        </a>
     148                      </div>
     149                      <a href="">
     150                        <p class="item-news-bold">Notícia</p>
     151                        <span>Harion poriore providis re nobiti num volorit.<span>
     152                      </a>
     153                    </div>
     154                    <div class="item-news-casas">
     155                      <div class="item-news-casas-img">
     156                        <a href="">
     157                          <span>DF</span>
     158                          <img src="design/img-38x48.png" title="" alt="" />
     159                        </a>
     160                      </div>
     161                      <a href="">
     162                        <p class="item-news-bold">Notícia</p>
     163                        <span>Harion poriore providis re nobiti num volorit.<span>
     164                      </a>
     165                    </div>
     166                    <div class="item-news-casas">
     167                      <div class="item-news-casas-img">
     168                        <a href="">
     169                          <span>DF</span>
     170                          <img src="design/img-38x48.png" title="" alt="" />
     171                        </a>
     172                      </div>
     173                      <a href="">
     174                        <p class="item-news-bold">Notícia</p>
     175                        <span>Harion poriore providis re nobiti num volorit.<span>
     176                      </a>
     177                    </div>
     178
     179
     180                    <div class="visualclear"></div>
     181                  </div>
     182                </div>
     183                <div class="visualclear"></div>
     184              </div>
     185              <div class="visualclear"></div>
     186            </div>
     187            <div class="cell-paf">
     188              <div id="cell-pilares" >
     189                <h1>Interlegis <span class="titulo-claro">em 4 pilares</span></h1>
     190               
     191                <!-- 4 Pilares -->
     192                <div id="quatro-pilares">
     193                    <div class="tabs">
     194                        <div id="tab1">Comunicação</div>
     195                        <div id="tab2">Informação</div>   
     196                        <div id="tab3">Tecnologia</div> 
     197                        <div id="tab4" class="selected">Capacitação</div>                                   
     198                    </div>
     199                   
     200                    <div class="acordeon"> 
     201                        <div class="dir" rel="tab1" style="display:none;">
     202                                                  <div>
     203                                                        <h1>Transparência Interlegis</h1>
     204                                                        <div style="display:none;">
     205                                                          <ul>
     206                                <li><a href="">O que é o Interlegis</a></li>
     207                                <li><a href="">Quem é quem</a></li>
     208                                <li><a href="">Projetos em andamentos</a></li>
     209                                <li><a href="">Prestação de contas</a></li>
     210                              </ul>
     211                                                        </div>
     212                                                  </div>
     213                                                 
     214                                                  <div>
     215                                                        <h1>Produtos e serviços</h1>
     216                                                        <div style="display:none;">
     217                                                          <ul>
     218                                <li><a href="">O que é o Interlegis</a></li>
     219                                <li><a href="">Quem é quem</a></li>
     220                                <li><a href="">Projetos em andamentos</a></li>
     221                                <li><a href="">Prestação de contas</a></li>
     222                              </ul>
     223                                                        </div>
     224                                                  </div>       
     225
     226                                                  <div>
     227                                                        <h1>Suporte e contatos</h1>
     228                                                        <div style="display:none;">
     229                                                          <ul>
     230                                <li><a href="">O que é o Interlegis</a></li>
     231                                <li><a href="">Quem é quem</a></li>
     232                                <li><a href="">Projetos em andamentos</a></li>
     233                                <li><a href="">Prestação de contas</a></li>
     234                              </ul>
     235                                                        </div>
     236                                                  </div>
     237                        </div>
     238                        <div class="dir" rel="tab2" style="display:none;">
     239                                                  <div>
     240                                                        <h1>Transparência Interlegis 2</h1>
     241                                                        <div style="display:none;">
     242                                                          <ul>
     243                                <li><a href="">O que é o Interlegis</a></li>
     244                                <li><a href="">Quem é quem</a></li>
     245                                <li><a href="">Projetos em andamentos</a></li>
     246                                <li><a href="">Prestação de contas</a></li>
     247                              </ul>
     248                                                        </div>
     249                                                  </div>
     250                                                 
     251                                                  <div>
     252                                                        <h1>Produtos e serviços</h1>
     253                                                        <div style="display:none;">
     254                                                          <ul>
     255                                <li><a href="">O que é o Interlegis</a></li>
     256                                <li><a href="">Quem é quem</a></li>
     257                                <li><a href="">Projetos em andamentos</a></li>
     258                                <li><a href="">Prestação de contas</a></li>
     259                              </ul>
     260                                                        </div>
     261                                                  </div>       
     262
     263                                                  <div>
     264                                                        <h1>Movimento Interlegis 2</h1>
     265                                                        <div style="display:none;">
     266                                                          <ul>
     267                                <li><a href="">O que é o Interlegis</a></li>
     268                                <li><a href="">Quem é quem</a></li>
     269                                <li><a href="">Projetos em andamentos</a></li>
     270                                <li><a href="">Prestação de contas</a></li>
     271                              </ul>
     272                                                        </div>
     273                                                  </div>
     274                        </div>
     275                        <div class="dir" rel="tab3" style="display:none;">
     276                                                  <div>
     277                                                        <h1>Transparência Interlegis 3</h1>
     278                                                        <div style="display:none;">
     279                                                          <ul>
     280                                <li><a href="">O que é o Interlegis</a></li>
     281                                <li><a href="">Quem é quem</a></li>
     282                                <li><a href="">Projetos em andamentos</a></li>
     283                                <li><a href="">Prestação de contas</a></li>
     284                              </ul>
     285                                                        </div>
     286                                                  </div>
     287                                                 
     288                                                  <div>
     289                                                        <h1>Domingo no Interlegis 3</h1>
     290                                                        <div style="display:none;">
     291                                                          <ul>
     292                                <li><a href="">O que é o Interlegis</a></li>
     293                                <li><a href="">Quem é quem</a></li>
     294                                <li><a href="">Projetos em andamentos</a></li>
     295                                <li><a href="">Prestação de contas</a></li>
     296                              </ul>
     297                                                        </div>
     298                                                  </div>       
     299
     300                                                  <div>
     301                                                        <h1>Suporte e contato</h1>
     302                                                        <div style="display:none;">
     303                                                          <ul>
     304                                <li><a href="">O que é o Interlegis</a></li>
     305                                <li><a href="">Quem é quem</a></li>
     306                                <li><a href="">Projetos em andamentos</a></li>
     307                                <li><a href="">Prestação de contas</a></li>
     308                              </ul>
     309                                                        </div>
     310                                                  </div>
     311                        </div>
     312
     313                                                <div class="dir" rel="tab4" style="display:none;">
     314                                                  <div>
     315                                                        <h1>Transparência Interlegis 4</h1>
     316                                                        <div style="display:none;">
     317                                                          <p>Contrary to popular beliefThe standard chunk of Lorem Ipsum used since the 1500s </p>
     318                                                        </div>
     319                                                  </div>
     320                                                 
     321                                                  <div>
     322                                                        <h1>Domingo no Interlegis 4</h1>
     323                                                        <div style="display:none;">
     324                                                          <p>The standard chunk of Lorem Ipsum used since the 1500s</p>
     325                                                        </div>
     326                                                  </div>       
     327
     328                                                  <div>
     329                                                        <h1>Movimento Interlegis 4</h1>
     330                                                        <div style="display:none;">
     331                                                          <p>The standard chunk of Lorem Ipsum used since the 1500s</p>
     332                                                        </div>
     333                                                  </div>                                                 
     334                                                </div>                                                 
     335                    </div>
     336                    <div class="visualclear"></div>
     337                </div>
     338                                <!-- 4 PILARES -->
     339              </div>
     340              <div id="cell-andamento" >
     341                <h1>Andamento <span class="titulo-claro">do Programa Interlegis</span></h1>
     342                <div id="andamento-programa">
     343                  <div class="tabs">
     344                      <span id="tab_ap_1" class="selected">Agenda</span>
     345                      <span id="tab_ap_2">Histórico</span>   
     346                      <span id="tab_ap_3">Metas</span> 
     347                      <span id="tab_ap_4">Alcance</span>
     348                      <span id="tab_ap_5">Resultados</span>
     349                  </div>
     350                  <div class="containers">
     351                      <div class="dir" rel="tab_ap_1">
     352                          Agenda Interlergis             
     353                          <p>Lorem lorem lorem</p>
     354                      </div> 
     355                      <div class="dir" rel="tab_ap_2" style="display:none;">
     356                        TAB2
     357                      </div>     
     358                      <div class="dir" rel="tab_ap_3" style="display:none;">
     359                        TAB3
     360                      </div> 
     361                      <div class="dir" rel="tab_ap_4" style="display:none;">
     362                        TAB4
     363                      </div>
     364                      <div class="dir" rel="tab_ap_5" style="display:none;">
     365                        TAB5
     366                      </div>
     367                  </div>
     368                  <div class="visualclear"></div>       
     369                </div>
     370              </div>
     371              <div id="cell-socialmedia" >
     372               
     373                <div id="midias-sociais">
     374                  <div class="tabs">
     375                      <span id="tab_ms_1" class="selected"><span class="leftborder">&nbsp</span><span class="bgleft">Facebook</span></span>
     376                      <span id="tab_ms_2"><span class="leftborder">&nbsp</span><span class="bgleft">Twitter</span></span>
     377                      <span id="tab_ms_3"><span class="leftborder">&nbsp</span><span class="bgleft">Youtube</span></span>
     378                  </div>
     379                  <div class="containers">
     380                      <div class="dir" rel="tab_ms_1">
     381                          Aba Facebook
     382                      </div> 
     383                      <div class="dir" rel="tab_ms_2" style="display:none;">
     384                        Aba Twitter
     385                      </div>     
     386                      <div class="dir" rel="tab_ms_3" style="display:none;">
     387                        Aba Youtube
     388                      </div> 
     389                  </div>
     390                  <div class="visualclear"></div> 
     391                </div>
     392               
     393               
     394               
     395              </div>
    23396          </div>
     397          <div class="visualclear"></div>
     398          <div class="row">
     399            <div id="cell-melhorespraticas" >
     400              <h1>Melhores práticas</h1>
     401              <span class="titulo-claro">Nas casas legislativas</span>
     402                               
     403                                <div id="melhores-praticas">
     404                                        <div id="cases">
     405                                                <div id="case1" rel="td_b1">
     406                                                        <h1>Case 1</h1>
     407                                                        <div class="scroll">
     408                                                                <p>
     409                                                                Contrary to popular belief, Lorem Ipsum is not simply random text.
     410                                                                It has roots in a piece of classical Latin literature from 45 BC, making it over 2000. 
     411                                                                Contrary to popular belief, Lorem Ipsum is not simply random text.
     412                                                                It has roots in a piece of classical Latin literature from 45 BC, making it over 2000.                                                          Contrary to popular belief, Lorem Ipsum is not simply random text.
     413                                                                                       
     414                                                                </p>
     415                                                        </div>
     416                                                </div>
     417                                                <div id="case2" rel="td_b2">
     418                                                        <h1>Case 2</h1>
     419                                                        <div class="scroll">
     420                                                                <p>
     421                                                                Contrary to popular belief, Lorem Ipsum is not simply random text.
     422                                                                It has roots in a piece of classical Latin literature from 45 BC, making it over 2000. 
     423                                                                Contrary to popular belief, Lorem Ipsum is not simply random text.
     424                                                                It has roots in a piece of classical Latin literature from 45 BC, making it over 2000.                                                          Contrary to popular belief, Lorem Ipsum is not simply random text.
     425                                                                                       
     426                                                                </p>
     427                                                        </div>
     428                                                </div>                                         
     429                                        </div>
     430                                       
     431                                        <div id="form-envie">
     432                                                <h1>Envie <span class="titulo-claro">Sua boa Pratica</span></h1>
     433                                               
     434                                                <div class="formulario">
     435                                                &nbsp;
     436                                                </div>
     437                                        </div>
     438                                       
     439                                        <div id="cases-bar">
     440                                                <span class="selected" id="td_b1">Case 1</span>
     441                                                <span id="td_b2">Case 2</span>
     442                                                <span id="td_b3">Case 3</span>
     443                                                <span id="td_b4">Case 4 </span>
     444                                                <span id="td_b5">Case 5</span>
     445                                                <span id="td_b6">Case 6</span>
     446                                                <span id="td_b7">Case 7</span>
     447                                        </div>
     448                               
     449                                </div>
     450             
     451             
     452            </div>
     453            <div id="cell-suporte" >
     454              <h1>Suporte</h1>
     455              <div id="search_suporte">
     456                <form id="form_search_suporte" name="" action="">
     457                  <input type="text" value="Qual sua dúvida?" id="input_search_suporte" name="SearchableText" title="Qual sua dúvida?" accesskey="9" class="inputLabel" size="15" />
     458                  <input type="image" src="design/setinha.png" id="bt_search_suporte" align="absmiddle"  height="" width="" alt="pesquisar" border="0">
     459                </form>
     460              </div>
     461              <div id="suporte" class="acordeon">
     462                <div class="dir">
     463                  <div>
     464                    <h1 class="selected"> Transparência Interlegis</h1>
     465                    <div id="txt1" class="items scroll-pane">
     466                      <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
     467                        The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
     468                        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
     469                        The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.                       
     470                        The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
     471                        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
     472                        The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
     473                      </p>
     474                    </div>
     475                  </div>
     476                  <div>
     477                    <h1>O que é o Interlegis</h1>
     478                    <div id="txt2" class="items scroll-pane">
     479                      <p>
     480                        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
     481                        The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
     482                        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
     483                        The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
     484                      </p>
     485                    </div>                 
     486                  </div>   
     487                  <div>
     488                    <h1>Quem é Quem</h1>
     489                    <div id="txt3" class="items scroll-pane">
     490                      <p>
     491                      Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
     492                      The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
     493                      Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
     494                      The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
     495                      </p>
     496                    </div>                   
     497                  </div> 
     498                </div> 
     499              </div>
     500            </div>
     501            <div class="visualclear"></div>
     502          </div>
     503          <div class="row">       
     504            <div id="cell-banner">
     505             
     506              <div id="abas-produtos">
     507                <div class="tabs">
     508                    <span id="tab_p_1" class="selected"><span class="leftborder">&nbsp</span><span class="bgleft">Comunicação</span></span>
     509                    <span id="tab_p_2"><span class="leftborder">&nbsp</span><span class="bgleft">Informação</span></span>
     510                    <span id="tab_p_3"><span class="leftborder">&nbsp</span><span class="bgleft">Tecnologia</span></span>
     511                    <span id="tab_p_4"><span class="leftborder">&nbsp</span><span class="bgleft">Capacitação</span></span>
     512                </div>
     513                <div class="containers">
     514                    <div class="dir" rel="tab_p_1">
     515                       <ul id="jc1" class="carousel jcarousel-skin-tango">
     516                                                        <li>
     517                                                                <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" />
     518                                                                <strong>Item 1</strong>
     519                                                        </li>
     520                                                        <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" />
     521                                                                <strong>Item 2</strong>
     522                                                        </li>
     523                                                        <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" />
     524                                                                <strong>Item 3</strong>
     525                                                        </li>
     526                                                        <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" />
     527                                                                <strong>Item 4</strong>
     528                                                        </li>
     529                                                        <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" />
     530                                                                <strong>Item 5</strong>
     531                                                        </li>
     532                                                        <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" />
     533                                                                <strong>Item 6</strong>
     534                                                        </li>
     535                                                        <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" />
     536                                                                <strong>Item 7</strong>
     537                                                        </li>
     538                                                        <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" />
     539                                                                <strong>Item 8</strong>
     540                                                        </li>
     541                                                        <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" />
     542                                                                <strong>Item 9</strong>
     543                                                        </li>
     544                                                        <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" />
     545                                                                <strong>Item 10</strong>
     546                                                        </li>
     547                                                        <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" />
     548                                                                <strong>Item 11</strong>
     549                                                        </li>
     550                                                        <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" />
     551                                                                <strong>Item 12</strong>
     552                                                        </li>
     553                                                        <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" />
     554                                                                <strong>Item 13</strong>
     555                                                        </li>
     556                                                        <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" />
     557                                                                <strong>Item 14</strong>
     558                                                        </li>
     559                                                        <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" />
     560                                                                <strong>Item 15</strong>
     561                                                        </li>
     562                                                        <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" />
     563                                                                <strong>Item 16</strong>
     564                                                        </li>
     565                                                        <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" />
     566                                                                <strong>Item 17</strong>
     567                                                        </li>
     568                                                        <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" />
     569                                                                <strong>Item 18</strong>
     570                                                        </li>
     571                                                        <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" />
     572                                                                <strong>Item 20</strong>
     573                                                        </li>
     574                                                </ul>
     575                    </div> 
     576                    <div class="dir" rel="tab_p_2" style="display:none;">
     577                      Aba Informação
     578                    </div>     
     579                    <div class="dir" rel="tab_p_3" style="display:none;">
     580                      Aba Tecnologia
     581                    </div>
     582                    <div class="dir" rel="tab_p_4" style="display:none;">
     583                      Aba Capacitação
     584                    </div> 
     585                </div>
     586                <div class="visualclear"></div> 
     587              </div>
     588             
     589
     590            </div>
     591           
     592           
     593           
     594           
     595          </div>
     596        </div>
     597        <div class="visualclear"></div>
    24598      </div>
    25       <div class="row">
    26           <div class ="cell width-8 position-0">
    27             <a href="" accesskey="1" title="Home" id="portal-logo">
    28               <img title="" alt="" src="design/logoil.png" />
    29             </a>
    30           </div>
    31           <div class="cell width-8 position-8">Busca</div>
    32       </div>
    33       <div class="row">       
    34           <div class ="cell width-16 position-0">menu horizontal</div>
    35       </div>
    36       <div class="row">
    37         <div class ="cell width-10 position-0">box left</div>
    38         <div class ="cell width-6 position-10"> box right</div>
    39       </div>
    40       <div class="row">
    41         <div class ="cell width-8 position-0">Melhore práticas</div>
    42         <div class ="cell width-8 position-8"> FAQ</div>
    43       </div>
    44       <div class="row">       
    45           <div class ="cell width-16 position-0">banners</div>
    46       </div>
    47 
    48       <div class="visualclear"></div>
    49599    </div>
    50600    <div id="areafooter">
    51601      <div id="footer_wrapper">
    52602        <div class="row">
    53             <div class ="cell width-16 position-0">01</div>
     603            <div class ="cell width-16 position-0">
     604              <div id="doormat">
     605                <dl class="first">
     606                  <dt><a href="#">O Interlegis</a></dt>
     607                  <dd><a href="">Everorp oreicto </a></dd>
     608                  <dd><a href="">Taspis dolorescim </a></dd>
     609                  <dd><a href="">Essimpella plit </a></dd>
     610                  <dd><a href="">Liti ium fugiae</a></dd>
     611                  <dd><a href="">Poribusaest con </a></dd>
     612                  <dd><a href="">Resequatate voluptaturia</a></dd>
     613                  <dd><a href="">Poribusaest con </a></dd>
     614                </dl>
     615                <dl>
     616                  <dt><a href="#">Comunidade Legislativa</a></dt>
     617                  <dd><a href="">Everorp oreicto </a></dd>
     618                  <dd><a href="">Taspis dolorescim </a></dd>
     619                  <dd><a href="">Essimpella plit </a></dd>
     620                  <dd><a href="">Liti ium fugiae</a></dd>
     621                  <dd><a href="">Poribusaest con </a></dd>
     622                  <dd><a href="">Resequatate voluptaturia</a></dd>
     623                  <dd><a href="">Poribusaest con </a></dd>
     624                </dl>
     625                <dl>
     626                  <dt><a href="#">Informação Legislativa</a></dt>
     627                  <dd><a href="">Everorp oreicto </a></dd>
     628                  <dd><a href="">Taspis dolorescim </a></dd>
     629                  <dd><a href="">Essimpella plit </a></dd>
     630                  <dd><a href="">Liti ium fugiae</a></dd>
     631                  <dd><a href="">Poribusaest con </a></dd>
     632                  <dd><a href="">Resequatate voluptaturia</a></dd>
     633                  <dd><a href="">Poribusaest con </a></dd>
     634                </dl>
     635                <dl>
     636                  <dt><a href="#">Capacitação</a></dt>
     637                  <dd><a href="">Everorp oreicto </a></dd>
     638                  <dd><a href="">Taspis dolorescim </a></dd>
     639                  <dd><a href="">Essimpella plit </a></dd>
     640                  <dd><a href="">Liti ium fugiae</a></dd>
     641                  <dd><a href="">Poribusaest con </a></dd>
     642                  <dd><a href="">Resequatate voluptaturia</a></dd>
     643                  <dd><a href="">Poribusaest con </a></dd>
     644                </dl>
     645                <dl>
     646                  <dt><a href="#">Tecnologia</a></dt>
     647                  <dd><a href="">Everorp oreicto </a></dd>
     648                  <dd><a href="">Taspis dolorescim </a></dd>
     649                  <dd><a href="">Essimpella plit </a></dd>
     650                  <dd><a href="">Liti ium fugiae</a></dd>
     651                  <dd><a href="">Poribusaest con </a></dd>
     652                  <dd><a href="">Resequatate voluptaturia</a></dd>
     653                  <dd><a href="">Poribusaest con </a></dd>
     654                </dl>
     655                <dl>
     656                  <dt><a href="#">Comunicação</a></dt>
     657                  <dd><a href="">Everorp oreicto </a></dd>
     658                  <dd><a href="">Taspis dolorescim </a></dd>
     659                  <dd><a href="">Essimpella plit </a></dd>
     660                  <dd><a href="">Liti ium fugiae</a></dd>
     661                  <dd><a href="">Poribusaest con </a></dd>
     662                  <dd><a href="">Resequatate voluptaturia</a></dd>
     663                  <dd><a href="">Poribusaest con </a></dd>
     664                </dl>
     665                <div class="visualclear"></div>
     666              </div>
     667            </div>
    54668        </div>
    55669        <div class="row">
    56             <div class ="cell width-8 position-0">01</div>
    57             <div class ="cell width-8 position-8">02</div>
     670            <div class="cell width-8 position-0 info-local">
     671              <p><strong>Secretaria Especial do Interlegis</strong></p>
     672              <p>Av. n2, Anexo “E” do Senado Federal. Brasília/DF CEP 70165-90</p>
     673              <p class="creativecommons">O conteúdo deste site está publicado sob a licença Creative Commons “atribuição e não-comercial”
     674              </p>
     675            </div>
     676            <div class ="cell width-8 position-8 ">
     677              <div class="site-links">
     678                <dl id="il-site-links">
     679                  <dd><a href="">Mapa do Site</a></dd>
     680                  <dd><a href="">Acessibilidade</a></dd>
     681                  <dd><a href="">Canais RSS</a></dd>
     682                  <dd><a href="">Oportunidades</a></dd>
     683                  <dd class="last"><a href="">Contato</a></dd>
     684                  <div class="visualclear"></div>
     685                </dl>
     686              </div>
     687              <div class ="external-links">
     688                <dl id="il-external-links">
     689                  <dd><a href="">Senado Federal</a></dd>
     690                  <dd><a href="">Câmara dos Deputados</a></dd>
     691                  <dd><a href="">BID</a></dd>
     692                  <dd><a href="">ONU</a></dd>
     693                  <div class="visualclear"></div>
     694                </dl>
     695              </div>
     696            </div>
    58697        </div> 
    59698      </div>
     699      <div class="visualclear"></div>
    60700    </div>
    61701    <div class="visualclear"></div>
  • PortalInterlegis/produtos/il.portal.theme/trunk/il/portal/theme/static/rules.xml

    r5981 r5994  
    55    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    66
     7  <!-- The default theme, used for standard Plone web pages -->
     8  <theme href="index.html" css:if-content="#visual-portal-wrapper" />
     9
     10  <!-- Rules applying to a standard Plone web page -->
     11  <rules css:if-content="#visual-portal-wrapper">
     12
     13    <!-- Add meta tags -->
     14    <drop theme="/html/head/meta" />
     15    <after content="/html/head/meta" theme-children="/html/head" />
     16
     17    <!-- Add title -->
     18    <replace content="/html/head/title" theme="/html/head/title" />
     19
     20    <!-- Copy style, script and link tags in the order they appear in the content -->
     21    <after
     22        content="/html/head/style | /html/head/script | /html/head/link"
     23        theme-children="/html/head"
     24        />
     25<!--
     26    <drop theme="/html/head/style" />
     27    <drop theme="/html/head/script" /> -->
     28   
     29    <!-- Copy over the id/class attributes on the body tag.
     30         This is important for per-section styling -->
     31    <merge attributes="class" css:content="body" css:theme="body" />
     32    <copy attributes="id dir" css:content="body" css:theme="body" />
     33
     34    <!-- Logo -->
     35    <replace css:content='#portal-logo' css:theme-children="#portal-logo" />
     36
     37    <!-- Site actions -->
     38    <!--replace css:content="#portal-siteactions li" css:theme-children="#portal-siteactions li" /-->
     39
     40    <!-- Searchbox -->
     41   
     42    <drop css:content=".searchSection" />
     43   
     44    <drop css:theme=".searchbox" />
     45    <replace css:content-children='#portal-searchbox' css:theme-children='#portal-searchbox' />
     46
     47    <!-- Global navigation -->
     48    <replace css:content='#portal-globalnav li' css:theme-children='#main-navigation' />
     49   
     50    <replace css:content='#portal-siteactions' css:theme-children='#acesse' />
     51    <replace css:content='#portal-siteactions li' css:theme-children='#actions' />
     52   
     53   
     54    <replace css:content='#portal-personaltools' css:theme-children='#user' />
     55   
     56
     57    <!-- Content main -->
     58    <replace css:content="#portal-columns" css:theme="#content" />
     59   
     60    <!-- Footer doormat
     61    <replace css:content="#doormat-container " css:theme="#doormat" />   -->
     62
     63     <!-- Doormat -->
     64    <before
     65        css:content="#doormat-container .column-0"
     66        css:theme-children="#doormat dl:nth-child(1)"
     67        />
     68
     69    <drop css:theme-children="#doormat dl:nth-child(1)" />
     70   
     71  </rules>
     72
    773</rules>
Note: Veja TracChangeset para ajuda no uso do visualizador de conjunto de mudanças.
 

The contents and data of this website are published under license:
Creative Commons 4.0 Brasil - Atribuir Fonte - Compartilhar Igual.