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

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

inicio da edicao do carrossel (falta concluir a interface)

File size: 2.8 KB
Linha 
1
2$carousel-width: 600px - 20px;
3$carousel-height: 215px;
4
5.carousel-container {
6    .js {
7        overflow: hidden;
8        zoom: 1;
9        .carousel-wrap {
10            display: inline-block;
11            margin: 0 5px 15px;
12            vertical-align: middle;
13            width: $carousel-width;
14        }
15        ul li {
16            display: inline;
17            float: left;
18            height: $carousel-height;
19            overflow: hidden;
20            width: $carousel-width;
21            zoom: 1;
22        }
23    }
24    .carousel {
25        border: 0;
26        margin: 0;
27        zoom: 1;
28        .carousel-wrap {
29            border: 0;
30            margin: 0;
31            zoom: 1;
32        }
33        .carousel-control {
34            border: 0;
35            cursor: pointer;
36            display: inline-block;
37            height: 40px;
38            line-height: 999px;
39            overflow: hidden;
40            text-indent: -9999px;
41            vertical-align: middle;
42            width: 40px;
43            zoom: 1;
44            &:hover {
45                -moz-opacity: .7;
46                opacity: 0.70;
47                filter: alpha(opacity=70);
48            }
49        }
50        .carousel-next {
51            background: url(../images/icons/next.png) 0 0 no-repeat;
52        }
53        .carousel-previous {
54            background: url(../images/icons/prev.png) 0 0 no-repeat;
55        }
56        .disabled,
57        .disabled:hover {
58            cursor: default;
59            filter: alpha(opacity=10);
60            -moz-opacity: .1;
61            opacity: 0.10;
62        }
63        div {
64            border: 0;
65            margin: 0;
66            padding: 0;
67        }
68        ul {
69            list-style: none;
70            margin: 0;
71            padding: 0;
72            zoom: 1;
73            li {
74                margin: 0;
75                position: relative;
76                width: $carousel-width;
77            }
78        }
79    } // end of .carousel ################################################################
80
81    div.center-wrap {
82        bottom: 0;
83        clear: both;
84        left: 370px;
85        overflow: hidden;
86        position: absolute;
87        zoom: 1;
88        div {
89            border: 0;
90            margin: 15px 0;
91        }
92        a {
93            span {
94                color: transparent;
95            }
96            background: url(../images/icons/bullet-off.png) 0 0 no-repeat;
97            cursor: pointer;
98            padding: 2px 5px;
99            &.active {
100                background: url(../images/icons/bullet-on.png) 0 0 no-repeat;
101            }
102        }
103    }
104
105}
106
107.carousel-text {
108    color: $blue;
109    left: 362px;
110    position: absolute;
111    top: 30px;
112    // TODO: refatorar essa repeticao
113    b {
114        color: $dark-blue;
115    }
116    h3 {
117        margin-bottom: 10px;
118    }
119}
120
121.IE #container .js .carousel-wrap {
122    display: inline;
123}
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.