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

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

design: sass do carrossel refatorado

File size: 3.1 KB
Linha 
1
2$car-width: 250px;
3
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
125}
126.IE #container .js .carousel-wrap {
127    display:inline;
128}
129
130
131
132
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.