Conjunto de mudanças 6512 no repositório publico


Ignorar:
Timestamp:
17/06/2012 15:52:31 (9 anos atrás)
Autor:
davilima6
Mensagem:

alphasort e google css guidelines

Localização:
PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass
Arquivos:
4 editados

Legenda:

Não Modificado
Adicionado
Removido

  • PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass/_carousel.scss

    r6461 r6512  
    11
    2 $car-width: 600px - 20px;
    3 $car-height: 215px;
    4 /* $car-height: 400px; */
     2$car-width:  600px - 20px;
     3$car-height:  215px;
     4/* $car-height:  400px; */
    55
    66#container {
    77    .js {
    8         overflow:hidden;
    9         zoom:1;
     8        overflow: hidden;
     9        zoom: 1;
    1010        .carousel-wrap {
    11             display:inline-block;
    12             vertical-align:middle;
    13             width:$car-width;
    14             margin:0 5px 15px;
     11            display: inline-block;
     12            margin: 0 5px 15px;
     13            vertical-align: middle;
     14            width: $car-width;
    1515        }
    1616        ul li {
    17             overflow:hidden;
    18             display:inline;
    19             float:left;
    20             width:$car-width;
    21             height:$car-height;
    22             zoom:1;
     17            display: inline;
     18            float: left;
     19            height: $car-height;
     20            overflow: hidden;
     21            width: $car-width;
     22            zoom: 1;
    2323        }
    2424    }
    2525    // ################################################################
    2626    .carousel {
    27         margin:0;
    28         border:0;
    29         zoom:1;
     27        border: 0;
     28        margin: 0;
     29        zoom: 1;
    3030        .carousel-wrap {
    31             margin:0;
    32             border:0;
    33             zoom:1;
     31            border: 0;
     32            margin: 0;
     33            zoom: 1;
    3434        }
    3535        ul {
    36             margin:0;
    37             padding:0;
    38             zoom:1;
     36            margin: 0;
     37            padding: 0;
     38            zoom: 1;
    3939        }
    4040        .carousel-control {
    41             overflow:hidden;
    42             display:inline-block;
    43             vertical-align:middle;
    44             width:40px;
    45             height:40px;
    46             cursor:pointer;
    47             line-height:999px;
    48             zoom:1;
    49             border:0;
    50             text-indent:-9999px;
    51             &:hover {
    52                 -moz-opacity:.7;
    53                 opacity:0.70;
    54                 filter:alpha(opacity=70);
     41            border: 0;
     42            cursor: pointer;
     43            display: inline-block;
     44            height: 40px;
     45            line-height: 999px;
     46            overflow: hidden;
     47            text-indent: -9999px;
     48            vertical-align: middle;
     49            width: 40px;
     50            zoom: 1;
     51            &: hover {
     52                -moz-opacity: .7;
     53                opacity: 0.70;
     54                filter: alpha(opacity=70);
    5555            }
    5656        }
    5757        .carousel-next {
    58             background:url(../images/icons/next.png) 0 0 no-repeat;
     58            background: url(../images/icons/next.png) 0 0 no-repeat;
    5959        }
    6060        .carousel-previous {
    61             background:url(../images/icons/prev.png) 0 0 no-repeat;
     61            background: url(../images/icons/prev.png) 0 0 no-repeat;
    6262        }
    63         .disabled, .disabled:hover {
    64             -moz-opacity:.1;
    65             opacity:0.10;
    66             filter:alpha(opacity=10);
    67             cursor:default;
     63        .disabled, .disabled: hover {
     64            cursor: default;
     65            filter: alpha(opacity=10);
     66            -moz-opacity: .1;
     67            opacity: 0.10;
    6868        }
    6969        div {
    70             margin:0;
    71             padding:0;
    72             border:0;
     70            border: 0;
     71            margin: 0;
     72            padding: 0;
    7373        }
    7474        ul {
    75             padding:0;
    76             list-style:none;
     75            list-style: none;
     76            padding: 0;
    7777            li {
    78                 position:relative;
    79                 width:$car-width;
    80                 margin:0;
     78                margin: 0;
     79                position: relative;
     80                width: $car-width;
    8181                div.carousel-text {
    82                     position:absolute;
     82                    color:  $blue;
     83                    left: 362px;
     84                    position: absolute;
    8385                    top: 30px;
    84                     left: 362px;
    85                     // TODO: refatorar essa repeticao
     86                    // TODO:  refatorar essa repeticao
    8687                    b {
    8788                        color: $dark-blue;
    8889                    }
    89                     color: $blue;
    9090                    h3 {
    9191                        margin-bottom: 10px;
    … …  
    9393                }
    9494                cite {
    95                     position:absolute;
    96                     bottom:3px;
    97                     right:10px;
    98                     line-height:19px;
    99                     font-size:11px;
     95                    bottom: 3px;
     96                    font-size: 11px;
     97                    line-height: 19px;
     98                    position: absolute;
     99                    right: 10px;
    100100                    a {
    101                         color:#fff;
    102                         text-decoration:none;
     101                        color: #fff;
     102                        text-decoration: none;
    103103                        img {
    104                             vertical-align:middle;
     104                            vertical-align: middle;
    105105                        }
    106106                    }
    … …  
    111111
    112112    div.center-wrap {
    113         position:absolute;
    114         bottom:0;
    115         left:370px;
    116 
    117         overflow:hidden;
    118         clear:both;
    119         zoom:1;
     113        bottom: 0;
     114        clear: both;
     115        left: 370px;
     116        overflow: hidden;
     117        position: absolute;
     118        zoom: 1;
    120119        div {
    121             border:0;
    122             margin:15px 0;
     120            border: 0;
     121            margin: 15px 0;
    123122        }
    124123        a {
    125124            span {
    126                 color: transparent;
     125                color:  transparent;
    127126            }
    128             padding:2px 5px;
    129             background:url(../images/icons/bullet-off.png) 0 0 no-repeat;
    130             cursor:pointer;
     127            background: url(../images/icons/bullet-off.png) 0 0 no-repeat;
     128            cursor: pointer;
     129            padding: 2px 5px;
    131130            &.active {
    132                 background:url(../images/icons/bullet-on.png) 0 0 no-repeat;
     131                background: url(../images/icons/bullet-on.png) 0 0 no-repeat;
    133132            }
    134133        }
    … …  
    137136}
    138137.IE #container .js .carousel-wrap {
    139     display:inline;
     138    display: inline;
    140139}
    141 
    142 
    143 
    144 

  • PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass/_deco-gs.scss

    r6447 r6512  
    3131}
    3232
    33 // 
     33//
    3434// Mixin to re-define deco-grid global variables.
    3535//
    … …  
    5757}
    5858
    59 // 
     59//
    6060// Mixin to inject attributes for a row-class.
    6161//
    … …  
    6363//
    6464@mixin deco-row {
     65    display: block;
    6566    float: left;
    6667    position: relative;
    67     display: block;
    6868    width: 100%;
    6969}
    7070
    71 // 
     71//
    7272// Mixin to inject attributes for a cell-width-class.
    7373//
    … …  
    100100}
    101101
    102 // 
     102//
    103103// Mixin to inject attributes for a cell-position-class.
    104104//
    … …  
    120120}
    121121
    122 // 
     122//
    123123// Mixin to inject attributes for a cell-class.
    124124//
    … …  
    126126//
    127127// Advanced notes: By defining parameters, it's possible to define
    128 // special cell-classes self-containing width and position attributes. 
     128// special cell-classes self-containing width and position attributes.
    129129//
    130130@mixin deco-cell($position: -1, $width: 0,
    … …  
    142142}
    143143
    144 // 
     144//
    145145// Mixin to generate complete deco-grid-systems.
    146146//
    … …  
    154154  $prefix: if($prefix=="", "", $prefix + "-"); // adds a dash after a non-empty prefix
    155155
    156   /* The $columns-column Deco Grid System. 
     156  /* The $columns-column Deco Grid System.
    157157   * Available in multiple variants, see http://deco.gs
    158158   */
    … …  
    167167  }
    168168
    169   /* Width classes. 
    170      For a given cell width, the calculation is: 
     169  /* Width classes.
     170     For a given cell width, the calculation is:
    171171     width = (total cell width) * n - (margin*2) */
    172172  @for $i from 1 through $deco-column-count {
    … …  
    174174  }
    175175
    176   /* Positioning classes, these are subtracting from a rightmost 
     176  /* Positioning classes, these are subtracting from a rightmost
    177177     position, which is why they seem the wrong way around */
    178178  /* For a given position, the calculation is:
    … …  
    184184  /* End of the core Deco Grid System */
    185185
    186   /* Convenience classes — ¼, ½, ¾ widths and ¼, ½, ¾ positions. 
     186  /* Convenience classes — ¼, ½, ¾ widths and ¼, ½, ¾ positions.
    187187     Not strictly necessary. */
    188188  /* .width-1:2 */

  • PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass/_footer.scss

    r6447 r6512  
    77
    88@mixin footer-firstrow {
     9    border-style: dotted;
    910    float: left;
    10     border-style: dotted;
    11 
    1211    height: 250px;
    1312    padding-left: $footer-pad;
    … …  
    2120    @extend .__white-font;
    2221    background: $footer-blue;
    23     height: 1000px;
    24     padding-top: 40px;
    2522    float: left;
    26     width: 100%;
    2723    font-family: Mako, sans-serif;
    2824    font-size: 11px;
     25    height: 1000px;
    2926    margin-top: 50px;
     27    padding-top: 40px;
     28    width: 100%;
    3029
    3130    h2 {
    … …  
    5150    .address {
    5251        float: left;
     52        font-size: 10px;
     53        line-height: 150%;
     54        padding: 30px 0 0 $footer-pad;
    5355        width: ($width / 2) - $footer-pad - 1;
    54         font-size: 10px;
    55         padding: 30px 0 0 $footer-pad;
    56         line-height: 150%;
     56
    5757        address {
    5858            font-style: normal;
    … …  
    6565    .utils {
    6666        $util-pad: 20px;
    67         float: left;
    6867        border-style: dotted;
    6968        border-width: 0 0 1px 1px;
     69        float: left;
     70        font-size: 9px;
    7071        padding: 30px 0 25px $util-pad;
    7172        width: ($width / 2) - $util-pad - 1px;
    72         font-size: 9px;
    7373
    74         ul#portal-siteactions {
     74        #portal-siteactions {
    7575            font-size: 9px;
    7676            padding: 0;
    … …  
    8484            li:first-child:before {
    8585                content: "";
    86                 margin:0
     86                margin: 0;
    8787            }
    8888        }
    8989    }
    9090    .partners {
    91         float: left;
    9291        border-style: dotted;
    9392        border-width: 0 0 0 1px;
     93        float: left;
     94        height: 70px;
    9495        padding: 10px 0 0 20px;
    95         height: 70px;
    9696        img {
    9797            vertical-align: middle;
    … …  
    9999        }
    100100        img.last {
    101             padding-right: 0px;
     101            padding-right: 0;
    102102        }
    103103    }

  • PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass/style.scss

    r6477 r6512  
    3636// they are ment just to compose other classes via sass @extend
    3737.__white-font {
    38     color: white;
     38    color: #fff;
    3939    a:link, a:visited {
    40         color: white;
     40        color: #fff;
    4141    }
    4242}
    … …  
    4949
    5050div.middle-container {
     51    margin: 0 auto;
    5152    max-width: $width;
    52     margin: 0 auto;
    5353}
    5454
    5555// EDIT BAR
    5656#edit-bar {
     57    font-size: 100%;
    5758    margin-top: 10px;
    58     font-size: 100%;
    5959    #contentActionMenus {
    6060        right: -3px;
    … …  
    7272    background: transparent;
    7373    border-radius: 0;
     74    margin: -14px 0 0 0;
    7475    padding: 0;
    75     margin: -14px 0 0 0;
    7676    #personaltools-login, #user-name {
    7777        background: url("../images/icons/person.png") no-repeat right top transparent;
     78        color: black;
     79        margin: 0;
    7880        padding: 9px 25px 0 0;
    79         margin: 0;
    80         color: black;
    8181    }
    8282    dt.actionMenuHeader a:after {
    … …  
    101101    margin: 73px 0 30px 0;
    102102    input {
    103         border: none;
     103        border: 0;
    104104        height: 30px;
    105105        &[type="text"] {
    106106            background: url("../images/search-open-brace.png") no-repeat left top white;
    107             width: 272px;
    108             padding-left: 10px;
    109107            font-family: Poly,serif;
    110108            font-style: italic;
     109            padding-left: 10px;
     110            width: 272px;
    111111        }
    112112        &.searchButton {
    113113            background: url("../images/search-button.png") no-repeat left top white;
     114            height: 30px;
    114115            text-indent: -3000px;                 /* sends the text off-screen */
    115116            width: 41px;
    116             height: 30px;
    117117        }
    118118    }
    … …  
    123123    margin-top: -4px;
    124124    .livesearchContainer {
    125         background: white;
     125        background: #fff;
    126126    }
    127127}
    … …  
    149149#portal-globalnav {
    150150    background: white;
     151    border-style: dotted;
     152    border-width: 1px 1px 0 1px;
    151153    font-size: 10px;
    152154    margin: 0;
    153     border-style: dotted;
    154     border-width: 1px 1px 0 1px;
    155155    padding: 10px 8px 10px 0px;
    156156    width: $width - 8px;
    … …  
    158158    li {
    159159        display: inline-block;
    160         width: $width/6 - 13px; //TODO rever isso
    161160        margin:  0 0 0 10px;
    162161        padding: 0;
     162        width: $width/6 - 13px; //TODO rever isso
    163163        &#portaltab-index_html {
    164164            margin-left: 8px;
    165165        }
    166166        a {
    167             color: white;
    168167            background: $blue;
     168            color: #fff;
     169            height: 48px;
     170            line-height: 72px;
     171            margin: 0;
     172            padding: 0 0 0 8px;
    169173            text-transform: uppercase;
    170             line-height: 72px;
    171             height: 48px;
    172174            width: 100%;
    173             margin:  0;
    174             padding: 0 0 0 8px;
    175175        }
    176176        a:visited {
    177             color: white;
    178         }
    179     }
    180     li.selected a, li.selected a:hover, li a:hover {
    181         color: white;
     177            color: #fff;
     178        }
     179    }
     180    li.selected a,
     181    li.selected a:hover,
     182    li a:hover {
    182183        background: $dark-blue;
     184        color: #fff;
    183185    }
    184186}
    … …  
    187189// ================================================================
    188190@mixin box-header {
     191    background: $blue;
     192    color: #fff;
    189193    font-size: 12px; //TODO rever este tamanho
    190     color: white;
    191     background: $blue;
    192     text-transform: uppercase;
    193194    height: 24px;
    194195    line-height: 26px;
     196    margin-bottom: 10px;
    195197    padding-left: 10px;
    196     margin-bottom: 10px;
     198    text-transform: uppercase;
    197199}
    198200
    199201// uso de "b": vide http://html5doctor.com/i-b-em-strong-element/
    200202@mixin superlink {
     203    margin-bottom: 5px;
    201204    padding-left: 45px;
    202     margin-bottom: 5px;
    203205    a, a:visited {
    204206        b {
    … …  
    222224    h3 {
    223225        @include superlink;
     226        font-size: 1.5em;
    224227        margin-top: 20px;
    225         font-size: 1.5em;
    226228    }
    227229}
    … …  
    234236    }
    235237}
    236 
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.