← Back to branch summary

~automne-team/automne/demo-fr

« back to all changes in this revision

Viewing changes to css/demo/interieur.css

  • Committer: sebastien
  • Date: 2010-06-10 16:02:31 UTC
  • Revision ID: sebastien.pauchet@ws-interactive.fr-20100610160231-mlw00lg9u07bve8j
Tags: v4_0_2
Initial import of Demo FR for Automne 4.0.2

Show diffs side-by-side

added added

removed removed

Lines of Context:
css/demo/interieur.css
 
1
#container{
 
2
        background:                             url(/img/demo/interieur/backgroundContainer.gif) repeat-y 107px top;
 
3
}
 
4
#header{
 
5
        background:                             url(/img/demo/interieur/header.jpg) no-repeat left top;
 
6
        height:                                 185px;
 
7
}
 
8
#lienAccueil{
 
9
        display:                                block;
 
10
        float:                                  left;
 
11
        height:                                 120px;
 
12
        margin:                                 10px 0 0 70px;
 
13
        outline:                                none;
 
14
        text-indent:                    -5000px;
 
15
        width:                                  260px;
 
16
}
 
17
#backgroundBottomContainer{
 
18
        background:                             url(/img/demo/interieur/backgroundBottomContainer.gif) no-repeat left bottom;
 
19
        margin:                                 0 42px 0 107px;
 
20
        height:                                 1%;
 
21
}
 
22
#menuLeft{
 
23
        background:                             url(/img/demo/interieur/backgroundMenuLeft.gif) repeat-x left top;
 
24
}
 
25
#menuLeftBottom{
 
26
        bottom:                                 0px;
 
27
        height:                                 30px;
 
28
        left:                                   0px;
 
29
        position:                               absolute;
 
30
        width:                                  171px;
 
31
}
 
32
#content{
 
33
        background:                             url(/img/demo/interieur/backgroundContent.jpg) no-repeat left top;
 
34
        min-height:                             101px;
 
35
        padding:                                0 61px 50px 50px;
 
36
        text-align:                             justify;
 
37
        width:                                  539px;
 
38
}
 
39
h1{
 
40
        background:                             url(/img/demo/common/backgroundTitle.png) no-repeat right bottom;
 
41
        color:                                  #6fae03;
 
42
        display:                                inline;
 
43
        font-size:                              138.5%;
 
44
        font-weight:                    bold;
 
45
        margin:                                 0px;
 
46
        padding:                                0 15px 8px 0;
 
47
}
 
48
h2{
 
49
        background:                             url(/img/demo/interieur/h2.gif) no-repeat 0 4px;
 
50
        color:                                  #6FAE03;
 
51
        font-size:                              100%;
 
52
        font-weight:                    bold;
 
53
        padding-right:                  5px;
 
54
        left:                                   -10px;
 
55
        padding-left:                   9px;
 
56
        position:                               relative;
 
57
        width:                                  536px;
 
58
}
 
59
h3{
 
60
        background:                             url(/img/demo/interieur/h3.gif) no-repeat left 3px;
 
61
        color:                                  #473933;
 
62
        font-size:                              93%;
 
63
        font-weight:                    bold;
 
64
        padding-left:                   6px;
 
65
}
 
66
#breadcrumbs, #content #breadcrumbs a{
 
67
        color:                                  #6fae03;
 
68
}
 
69
#breadcrumbs{
 
70
        background:                             url(/img/demo/interieur/breadcrumbs.gif) no-repeat left top;
 
71
        left:                                   -28px;
 
72
        padding:                                0 0 0 15px;
 
73
        position:                               relative;
 
74
}
 
75
#content #breadcrumbs a:hover{
 
76
        font-weight:                    bold;
 
77
}
 
78
#title{
 
79
        background:                             url(/img/demo/interieur/h1.gif) no-repeat left 18px;
 
80
        padding:                                6px 0 12px 20px;
 
81
}
 
82
#content #top{
 
83
        background:                     url(/img/demo/interieur/top.gif) no-repeat left top;
 
84
        color:                          #75665e;
 
85
        float:                          right;
 
86
        padding:                        3px 0 0 15px;
 
87
}
 
88
#content #top:hover{
 
89
        color:                          #50433d;
 
90
}
 
91
#content .blocLien, #content .blocLien:hover{
 
92
        color:                          #FFFFFF;
 
93
}
 
94
.text {
 
95
        line-height:            1.3em;
 
96
}
 
97
.blocLienTop{
 
98
        background-color:       #70ae03;
 
99
        cursor:                         pointer;
 
100
        display:                        block;
 
101
        float:                          left;
 
102
        font-size:                      93%;
 
103
        font-weight:            bold;
 
104
        line-height:            22px;
 
105
        padding:                        0 3px;
 
106
}
 
107
.blocLienBottom{
 
108
        background:                     #63554f url(/img/demo/interieur/blocLienBottom.gif) no-repeat right;
 
109
        clear:                          left;
 
110
        cursor:                         pointer;
 
111
        display:                        block;
 
112
        float:                          left;
 
113
        left:                           45px;
 
114
        line-height:            11px;
 
115
        padding:                        0 20px 2px 3px;
 
116
        position:                       relative;
 
117
        top:                            -3px;
 
118
}
 
119
.treeRight {
 
120
        border:                         1px dotted #EB2685;
 
121
        position:                       relative;
 
122
        right:                          -40px;
 
123
        margin-left:            -30px;
 
124
        max-width:                      200px;
 
125
        z-index:                        2;
 
126
}
 
127
.treeRight ul {
 
128
        padding-left:           10px;
 
129
        margin:                         0px;
 
130
}
 
131
.treeRight ul li {
 
132
        list-style:                     none;
 
133
}
 
134
a.CMS_current {
 
135
        font-weight:            bold;
 
136
        cursor:                         default;
 
137
}
 
138
#content a.CMS_current:hover {
 
139
        color:                          #EB2685;
 
140
}
 
141
code {
 
142
        background-color:       yellow;
 
143
}
 
144
blockquote {
 
145
        background-color:       orange;
 
146
}
 
147
cite {
 
148
        background-color:       red;
 
149
}