nooku is a Public Portfolio from Assembla

Assembla offers free public and private SVN/Git repositories and project hosting with bug/issue tracking and collaboration tools.

Create your own Portfolio or check out other free and subscription products from Assembla that will help accelerate your development projects.

nooku-examples

Commit 225

User picture
  • Author: stiandidriksen
  • 2010-11-24 13:18 (over 3 years ago)

Files Affected

 
224225
1
/* @group Layout */
1
/* @group Layout */
2
.mod-harbour-boats, #boat-overlay {
2
.mod-harbour-boats, #boat-overlay {
3
    float: left;
3
    float: left;
 
 
4
    height: 400px;
 
 
5
    margin: 0;
4
}
6
}
5
.mod-harbour-boats {
7
.mod-harbour-boats {
6
    width: 24%;
8
    width: 25%;
7
}
9
}
8
#boat-overlay {
10
#boat-overlay {
9
    width: 70%;
11
    width: 75%;
 
 
12
    overflow: hidden;
10
}
13
}
11
#boat-overlay #boat {
14
#boat-overlay #boat {
12
    float: none;
15
    float: none;
...
 
...
 
13
}
16
}
14
/* @end */
17
/* @end */
15
 
18
 
 
 
19
/* @group Decoration */
 
 
20
.mod-harbour.compact {
 
 
21
    -webkit-border-radius: 10px;
 
 
22
    -moz-border-radius: 10px;
 
 
23
    border-radius: 10px;
 
 
24
    border: 1px solid #999;
 
 
25
    border-color: hsla(0, 0%, 50%, .2);
 
 
26
    overflow: hidden;
 
 
27
}
 
 
28
/* @end */
 
 
29
 
16
/* @group List */
30
/* @group List */
17
.mod-harbour-boats {
31
.mod-harbour-boats {
18
    padding: 0;
32
    padding: 0;
19
    overflow: auto;
 
 
20
    overflow-x: hidden;
33
    overflow-x: hidden;
21
}
34
}
22
.mod-harbour-boats li {
35
.mod-harbour-boats li {
...
 
...
 
26
    overflow: hidden;
39
    overflow: hidden;
27
    white-space: nowrap;
40
    white-space: nowrap;
28
}
41
}
 
 
42
.mod-harbour-boats li a {
 
 
43
    display: block;
 
 
44
    height: 32px;
 
 
45
    font-size: 12px;
 
 
46
    font-weight: bold;
 
 
47
    line-height: 32px;
 
 
48
    text-indent: 15px;
 
 
49
}
 
 
50
.mod-harbour-boats li a:hover, .mod-harbour-boats li a:active, .mod-harbour-boats li.active a {
 
 
51
    background-color: #777;
 
 
52
    text-decoration: none;
 
 
53
    color: white;
 
 
54
}
 
 
55
.mod-harbour-boats li:not(.active) a:hover:not(:active) {
 
 
56
    background-color: #ccc;
 
 
57
    color: inherit;
 
 
58
}
 
 
59
.mod-harbour-boats li a img {
 
 
60
    margin-right: 5px;
 
 
61
}
 
 
62
/* @end */
 
 
63
 
 
 
64
/* @group Item */
 
 
65
#boat-overlay .componentheading {
 
 
66
    margin-left: 10px;
 
 
67
}
 
 
68
#boat-overlay .data {
 
 
69
    height: 225px;
 
 
70
    min-height: 0;
 
 
71
    overflow: auto;
 
 
72
    padding: 3% 5px;
 
 
73
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.05, black), color-stop(0.95, black), to(transparent));
 
 
74
}
29
/* @end */
75
/* @end */
224225
12
    $$('.mod-harbour-boats').each(function(list){
12
    $$('.mod-harbour-boats').each(function(list){
13
        list.getElements('a').addEvent('click', function(event){
13
        list.getElements('a').addEvent('click', function(event){
14
            new Event(event).stop();
14
            new Event(event).stop();
15
            
15
 
 
 
16
            list.getElements('li.active').removeClass('active');
 
 
17
            this.getParent().addClass('active');
 
 
18
 
16
            var overlay = $('boat-overlay');
19
            var overlay = $('boat-overlay');
17
            overlay.setProperty('href', this.getProperty('href'));
20
            overlay.setProperty('href', this.getProperty('href'));
18
            new KOverlay(overlay, "{evalScripts: false}");
21
            new KOverlay(overlay, "{evalScripts: false}");