← Back to branch summary

~cm-t/ubuntu-fr-tour/ubuntu-fr-tour

« back to all changes in this revision

Viewing changes to 13.04/css/tourguide.css

  • Committer: cm-t arudy
  • Date: 2013-10-22 01:24:09 UTC
  • Revision ID: arudy@ubuntu-fr.org-20131022012409-3dmo4i9u4ufohe5f
First Fr push to 13.10
Fixed many icons (updated to new version or fixed graphic)
Added Cloud indicator
Added Keyboard uindicator
Fixed many layout to fit Fr string

Show diffs side-by-side

added added

removed removed

Lines of Context:
13.04/css/tourguide.css
1
 
/*
2
 
*  Tour System CSS
3
 
*   author: Anthony Dillon
4
 
*/
5
 
 
6
 
#tour-guide{
7
 
        position:absolute;
8
 
        top:150px;
9
 
        right:20px;
10
 
        width:370px;
11
 
        height:189px;
12
 
        background-color: rgba(0, 0, 0, 0.85);
13
 
        z-index:100;
14
 
        -moz-border-radius:4px 4px 4px 4px;
15
 
        -webkit-border-radius:4px 4px 4px 4px;
16
 
        border-radius:4px 4px 4px 4px;
17
 
        -moz-box-shadow: 0px 0px 5px #000;
18
 
        -webkit-box-shadow: 0px 0px 5px #000;
19
 
        box-shadow: 0px 0px 5px #000; 
20
 
}
21
 
 
22
 
#tour-guide .guide-container{ 
23
 
        width:90%;
24
 
}
25
 
 
26
 
#tour-guide .next-button{
27
 
        position: relative;
28
 
    width: 30px;
29
 
    z-index: 2;
30
 
        height:30px;
31
 
        margin-right:15px;
32
 
        margin-top: 15px;
33
 
        float:right;
34
 
        cursor:pointer;
35
 
        text-align: center;
36
 
        font-size: 30px;
37
 
        border: 1px solid #333;
38
 
        border-left: 0px;
39
 
        color: #AEA79F;
40
 
                -moz-border-radius: 0 4px 4px 0;
41
 
                -webkit-border-radius: 0 4px 4px 0;
42
 
        border-radius: 0 4px 4px 0;
43
 
        line-height: .8;
44
 
}
45
 
 
46
 
#tour-guide .prev-button{
47
 
        position: relative;
48
 
    width: 30px;
49
 
    z-index: 2;
50
 
        height:30px;
51
 
        margin-top: 15px;
52
 
        float:right;
53
 
        cursor:pointer;
54
 
        text-align: center;
55
 
        font-size: 30px;
56
 
        border: 1px solid #333;
57
 
        color: #AEA79F;
58
 
                -moz-border-radius: 4px 0 0 4px;
59
 
                -webkit-border-radius: 4px 0 0 4px;
60
 
        border-radius: 4px 0 0 4px;
61
 
        line-height: .8;
62
 
}
63
 
 
64
 
#tour-guide .prev-button:hover,
65
 
#tour-guide .next-button:hover {
66
 
        background-color:#000000;
67
 
        color: #fff;
68
 
}
69
 
 
70
 
#tour-guide .tour-buttons{
71
 
        position: absolute;
72
 
        bottom: 0;
73
 
        border-top: 1px solid #333;
74
 
        width: 100%;
75
 
}
76
 
#tour-guide .tour-buttons div{
77
 
        border-left: 1px solid #000;
78
 
        border-right: 1px solid #333;
79
 
        cursor:pointer;
80
 
        float:left;
81
 
        width:72px;
82
 
        height:44px;
83
 
        font-size: 14px;
84
 
        padding-top: 10px;
85
 
        padding-left: 50px;
86
 
        line-height: 16px;
87
 
}
88
 
#tour-guide .tour-buttons div:hover{
89
 
        background-color:#000000;
90
 
}
91
 
#tour-guide .tour-buttons .explore-to-welcome {
92
 
        background: url(../img/tourguide/welcome.png) no-repeat scroll 15px center;
93
 
        border-left: 0;
94
 
}
95
 
#tour-guide .tour-buttons .explore-to-download {
96
 
        background: url(../img/tourguide/download.png) no-repeat scroll 15px center;
97
 
}
98
 
#tour-guide .tour-buttons .explore-to-exit {
99
 
        background: url(../img/tourguide/close.png) no-repeat scroll 15px center;
100
 
        border-right: 0;
101
 
}
102
 
 
103
 
#tour-guide .guide-logo{
104
 
        width:50px;
105
 
        height:50px;
106
 
        float:left;
107
 
        background-repeat:no-repeat;
108
 
        margin:15px 5px 0 15px;
109
 
}
110
 
 
111
 
#tour-guide .guide-logo img{
112
 
        height:46px;
113
 
}
114
 
 
115
 
#tour-guide h3{
116
 
        font-size:16px;
117
 
        display:inline;
118
 
        position:relative;
119
 
        top:42px;
120
 
        margin-bottom:0px;
121
 
}
122
 
 
123
 
#tour-guide p{
124
 
        font-size:16px;
125
 
        font-weight: normal;
126
 
        position:absolute;
127
 
        top: 70px;
128
 
        padding: 0 15px 15px;
129
 
        border-bottom: 1px solid #000;
130
 
        line-height: 1.5;
131
 
        margin-top: 0;
132
 
}