source: publico/PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass/_carousel.scss @ 6520

Última Alteração nesse arquivo desde 6520 foi 6520, incluída por davilima6, 9 anos atrás

corrige typo no :hover

File size: 3.5 KB
Linha 
1
2$car-width: 600px - 20px;
3$car-height: 215px;
4/* $car-height: 400px; */
5
6#container {
7    .js {
8        overflow: hidden;
9        zoom: 1;
10        .carousel-wrap {
11            display: inline-block;
12            margin: 0 5px 15px;
13            vertical-align: middle;
14            width: $car-width;
15        }
16        ul li {
17            display: inline;
18            float: left;
19            height: $car-height;
20            overflow: hidden;
21            width: $car-width;
22            zoom: 1;
23        }
24    }
25    // ################################################################
26    .carousel {
27        border: 0;
28        margin: 0;
29        zoom: 1;
30        .carousel-wrap {
31            border: 0;
32            margin: 0;
33            zoom: 1;
34        }
35        ul {
36            margin: 0;
37            padding: 0;
38            zoom: 1;
39        }
40        .carousel-control {
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);
55            }
56        }
57        .carousel-next {
58            background: url(../images/icons/next.png) 0 0 no-repeat;
59        }
60        .carousel-previous {
61            background: url(../images/icons/prev.png) 0 0 no-repeat;
62        }
63        .disabled,
64        .disabled:hover {
65            cursor: default;
66            filter: alpha(opacity=10);
67            -moz-opacity: .1;
68            opacity: 0.10;
69        }
70        div {
71            border: 0;
72            margin: 0;
73            padding: 0;
74        }
75        ul {
76            list-style: none;
77            padding: 0;
78            li {
79                margin: 0;
80                position: relative;
81                width: $car-width;
82                div.carousel-text {
83                    color: $blue;
84                    left: 362px;
85                    position: absolute;
86                    top: 30px;
87                    // TODO: refatorar essa repeticao
88                    b {
89                        color: $dark-blue;
90                    }
91                    h3 {
92                        margin-bottom: 10px;
93                    }
94                }
95                cite {
96                    bottom: 3px;
97                    font-size: 11px;
98                    line-height: 19px;
99                    position: absolute;
100                    right: 10px;
101                    a {
102                        color: #fff;
103                        text-decoration: none;
104                        img {
105                            vertical-align: middle;
106                        }
107                    }
108                }
109            }
110        }
111    } // end of .carousel ################################################################
112
113    div.center-wrap {
114        bottom: 0;
115        clear: both;
116        left: 370px;
117        overflow: hidden;
118        position: absolute;
119        zoom: 1;
120        div {
121            border: 0;
122            margin: 15px 0;
123        }
124        a {
125            span {
126                color: transparent;
127            }
128            background: url(../images/icons/bullet-off.png) 0 0 no-repeat;
129            cursor: pointer;
130            padding: 2px 5px;
131            &.active {
132                background: url(../images/icons/bullet-on.png) 0 0 no-repeat;
133            }
134        }
135    }
136
137}
138.IE #container .js .carousel-wrap {
139    display: inline;
140}
Note: Veja TracBrowser para ajuda no uso do navegador do trac.
 

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