← Back to branch summary

~daker/ubuntu-html5-theme/fix.1232533

« back to all changes in this revision

Viewing changes to 0.1/ambiance/css/option-selector.css

  • Committer: daker
  • Date: 2013-11-23 15:35:28 UTC
  • Revision ID: adnane002@gmail.com-20131123153528-usq3okxfau7f3nqe
Simplified the declaration
Added support for multiple selections
Added support for initial state for expanded

Show diffs side-by-side

added added

removed removed

Lines of Context:
0.1/ambiance/css/option-selector.css
26
26
    margin: 0 auto;
27
27
    border: 1px solid #C7C7C7;
28
28
    overflow: hidden;
29
 
    -webkit-transition: height 0.3s ease-in-out;
30
 
    transition: height 0.3s ease-in-out;
 
29
    -webkit-transition: height 0.4s ease-in-out;
 
30
    transition: height 0.4s ease-in-out;
31
31
    margin-top: 15px;
32
32
    margin-bottom: 15px;
33
33
    -webkit-border-radius: 10px;
37
37
    box-shadow: inset 0 2px 2px 0 #D5D5D5;
38
38
}
39
39
 
40
 
[data-role="option-selector"] li {}
41
 
 
42
 
[data-role="option-selector"] li > a {
 
40
[data-role="option-selector"] li {
43
41
    text-decoration: none;
44
42
    color: #787878;
45
43
    display: block;
46
 
    height: 3.3rem;
 
44
    height: 3rem;
47
45
    position: relative;
48
46
    border: none;
49
 
    line-height: 3.3rem;
 
47
    line-height: 3rem;
50
48
    padding-left: 1rem;
51
49
    padding-right: 1.5rem;
52
50
    border-top: 1px solid #C7C7C7;
54
52
    white-space: nowrap;
55
53
    overflow: hidden;
56
54
    text-overflow: ellipsis;
 
55
    cursor: pointer;
57
56
}
58
57
 
59
 
[data-role="option-selector"] li:first-child > a {
 
58
[data-role="option-selector"] ul li:first-child {
60
59
    border-top: 0!important;
61
60
}
62
61
 
63
 
[data-role="option-selector"] li > a.active {
64
 
    background: transparent url(../img/tick@30.png) no-repeat 99.5% center;
65
 
    background-size: 25px 25px;
66
 
}
67
 
 
68
 
[data-role="option-selector"] li > a.closed {
69
 
    background: transparent url(../img/chevron_down@30.png) no-repeat 99.5% center;
70
 
    background-size: 23px 25px;
71
 
}
72
 
 
73
 
[data-role="option-selector"] li:first-child > a {
74
 
    border-top: 0;
 
62
[data-role="option-selector"] li.active {
 
63
    background: transparent url(../img/tick@30.png) no-repeat 99% center;
 
64
    background-size: 15px 15px;
 
65
}
 
66
 
 
67
[data-role="option-selector"] li.closed {
 
68
    background: transparent url(../img/chevron_down@30.png) no-repeat 99% center;
 
69
    background-size: 15px 15px;
75
70
}
76
71
 
77
72
[data-role="option-selector"] li aside {
120
115
 
121
116
[data-role="option-selector"] li p:only-child,
122
117
[data-role="option-selector"] li p:first-of-type:last-of-type {
123
 
    line-height: 2.5rem;
 
118
    line-height: 2rem;
124
119
}
 
 
b'\\ No newline at end of file'