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

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

design: carrossel: texto e paginacao + ou - no lugar

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