Conjunto de mudanças 6455 no repositório publico


Ignorar:
Timestamp:
07/06/2012 14:55:39 (9 anos atrás)
Autor:
mazza
Mensagem:

design: sass do carrossel refatorado

Arquivo:
1 editado

Legenda:

Não Modificado
Adicionado
Removido
  • PortalInterlegis/produtos/il.portalinterlegis/src/il/portalinterlegis/sass/_carousel.scss

    r6454 r6455  
    22$car-width: 250px;
    33
    4 #container .js {
    5     overflow:hidden;
    6     zoom:1;
    7 }
    8 #container .carousel, #container .carousel .carousel-wrap {
    9     margin:0;
    10     border:0;
    11     zoom:1;
    12 }
    13 #container .js .carousel-wrap {
    14     display:inline-block;
    15     vertical-align:middle;
    16     width:$car-width;
    17     margin:0 5px 15px;
    18     border:1px solid #4f4f4f;
    19     background:#1a1a1a;
     4#container {
     5    .js {
     6        overflow:hidden;
     7        zoom:1;
     8        .carousel-wrap {
     9            display:inline-block;
     10            vertical-align:middle;
     11            width:$car-width;
     12            margin:0 5px 15px;
     13            border:1px solid #4f4f4f;
     14            background:#1a1a1a;
     15        }
     16        ul li {
     17            overflow:hidden;
     18            display:inline;
     19            float:left;
     20            width:$car-width;
     21            height:167px;
     22            text-align:center;
     23            zoom:1;
     24        }
     25    }
     26    // ################################################################
     27    .carousel {
     28        margin:0;
     29        border:0;
     30        zoom:1;
     31        .carousel-wrap {
     32            margin:0;
     33            border:0;
     34            zoom:1;
     35        }
     36        ul {
     37            margin:0;
     38            padding:0;
     39            zoom:1;
     40        }
     41        .carousel-control {
     42            overflow:hidden;
     43            display:inline-block;
     44            vertical-align:middle;
     45            width:40px;
     46            height:40px;
     47            cursor:pointer;
     48            line-height:999px;
     49            zoom:1;
     50            border:0;
     51            text-indent:-9999px;
     52            &:hover {
     53                -moz-opacity:.7;
     54                opacity:0.70;
     55                filter:alpha(opacity=70);
     56            }
     57        }
     58        .carousel-next {
     59            background:url(../images/buttons/next.png) 0 0 no-repeat;
     60        }
     61        .carousel-previous {
     62            background:url(../images/buttons/prev.png) 0 0 no-repeat;
     63        }
     64        .disabled, .disabled:hover {
     65            -moz-opacity:.1;
     66            opacity:0.10;
     67            filter:alpha(opacity=10);
     68            cursor:default;
     69        }
     70        div {
     71            margin:0;
     72            padding:0;
     73            border:0;
     74        }
     75        ul {
     76            padding:0;
     77            list-style:none;
     78            li {
     79                position:relative;
     80                width:$car-width;
     81                margin:0;
     82                cite {
     83                    position:absolute;
     84                    bottom:3px;
     85                    right:10px;
     86                    line-height:19px;
     87                    font-size:11px;
     88                    a {
     89                        color:#fff;
     90                        text-decoration:none;
     91                        img {
     92                            vertical-align:middle;
     93                        }
     94                    }
     95                }
     96            }
     97        }
     98    } // end of .carousel ################################################################
     99
     100    div.center-wrap {
     101        overflow:hidden;
     102        clear:both;
     103        zoom:1;
     104        div {
     105            border:0;
     106            margin:15px 0;
     107        }
     108        a {
     109            margin:0 2px;
     110            padding:2px 5px;
     111            border:1px solid #4f4f4f;
     112            background:#333;
     113            cursor:pointer;
     114            color:#fff;
     115            -moz-border-radius:12px;
     116            webkit-border-radius:12px;
     117            border-radius:12px;
     118            &.active {
     119                font-weight:bold;
     120                color:#5db0e6;
     121            }
     122        }
     123    }
     124
    20125}
    21126.IE #container .js .carousel-wrap {
    22127    display:inline;
    23128}
    24 #container .carousel ul {
    25     margin:0;
    26     padding:0;
    27     zoom:1;
    28 }
    29 #container .js ul li {
    30     overflow:hidden;
    31     display:inline;
    32     float:left;
    33     width:$car-width;
    34     height:167px;
    35     text-align:center;
    36     zoom:1;
    37 }
    38 #container .carousel .carousel-control {
    39     overflow:hidden;
    40     display:inline-block;
    41     vertical-align:middle;
    42     width:40px;
    43     height:40px;
    44     cursor:pointer;
    45     line-height:999px;
    46     zoom:1;
    47     border:0;
    48     text-indent:-9999px;
    49 }
    50 #container .carousel .carousel-next {
    51     background:url(../images/buttons/next.png) 0 0 no-repeat;
    52 }
    53 #container .carousel .carousel-previous {
    54     background:url(../images/buttons/prev.png) 0 0 no-repeat;
    55 }
    56 #container .carousel .carousel-control:hover {
    57     -moz-opacity:.7;
    58     opacity:0.70;
    59     filter:alpha(opacity=70);
    60 }
    61 #container .carousel .disabled,#container .carousel .disabled:hover {
    62     -moz-opacity:.1;
    63     opacity:0.10;
    64     filter:alpha(opacity=10);
    65     cursor:default;
    66 }
    67 #container .carousel div {
    68     margin:0;
    69     padding:0;
    70     border:0;
    71 }
    72 #container .carousel ul {
    73     padding:0;
    74     list-style:none;
    75 }
    76 #container .carousel ul li {
    77     position:relative;
    78     width:$car-width;
    79     margin:0;
    80 }
    81 #container .carousel ul li cite {
    82     position:absolute;
    83     bottom:3px;
    84     right:10px;
    85     line-height:19px;
    86     font-size:11px;
    87 }
    88 #container .carousel ul li cite a img {
    89     vertical-align:middle;
    90 }
    91 #container .carousel ul li cite a {
    92     color:#fff;
    93     text-decoration:none;
    94 }
    95 #container div.center-wrap {
    96     overflow:hidden;
    97     clear:both;
    98     zoom:1;
    99 }
    100 #container div.center-wrap div {
    101     border:0;
    102     margin:15px 0;
    103 }
    104 #container div.center-wrap a {
    105     margin:0 2px;
    106     padding:2px 5px;
    107     border:1px solid #4f4f4f;
    108     background:#333;
    109     cursor:pointer;
    110     color:#fff;
    111     -moz-border-radius:12px;
    112     webkit-border-radius:12px;
    113     border-radius:12px;
    114 }
    115 #container div.center-wrap a.active {
    116     font-weight:bold;
    117     color:#5db0e6;
    118 }
     129
     130
     131
     132
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.