Skip to content

Commit 364e648

Browse files
hmoreauhmoreau
hmoreau
authored and
hmoreau
committed
Play with colors
1 parent 63affff commit 364e648

File tree

2 files changed

+117
-6
lines changed

2 files changed

+117
-6
lines changed

‎css/custom.css

Lines changed: 92 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -147,4 +147,95 @@ margin-right: 13px;
147147

148148
.nav-img{
149149
margin:5px;
150-
}
150+
}
151+
152+
.navbar-search{
153+
margin-right: 20px;
154+
}
155+
156+
.color1{
157+
background-color:#8bbed5;
158+
}
159+
.color2{
160+
background-color:#8ba2d5;
161+
}
162+
.color3{
163+
background-color:#9e8bd5;
164+
}
165+
.color4{
166+
background-color:#c88bd5;
167+
}
168+
.color5{
169+
background-color:#da8faf;
170+
}
171+
.color6{
172+
background-color:#e59b95;
173+
}
174+
.color7{
175+
background-color:#e5b895;
176+
}
177+
.color8{
178+
background-color:#e5c895;
179+
}
180+
.color9{
181+
background-color:#e5d895;
182+
}
183+
.color10{
184+
background-color:#e1e394;
185+
}
186+
.color11{
187+
background-color:#bddc8f;
188+
}
189+
.color12{
190+
background-color:#8bd59b;
191+
}
192+
193+
.gradiant3{
194+
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#BDB0E3), to(#9e8bd5));
195+
background-image: -webkit-linear-gradient(top, #BDB0E3 0%, #9e8bd5 100%);
196+
background-image: -moz-linear-gradient(top, #BDB0E3 0%, #9e8bd5 100%);
197+
background-image: -ms-linear-gradient(top, #BDB0E3 0%, #9e8bd5 100%);
198+
background-image: -o-linear-gradient(top, #BDB0E3 0%, #9e8bd5 100%);
199+
background-image: -linear-gradient(top, #BDB0E3 0%, #9e8bd5 100%);
200+
}
201+
202+
.gradiant6{
203+
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#EACFA9), to(#e59b95));
204+
background-image: -webkit-linear-gradient(top, #EACFA9 0%, #e59b95 100%);
205+
background-image: -moz-linear-gradient(top, #EACFA9 0%, #e59b95 100%);
206+
background-image: -ms-linear-gradient(top, #EACFA9 0%, #e59b95 100%);
207+
background-image: -o-linear-gradient(top, #EACFA9 0%, #e59b95 100%);
208+
background-image: -linear-gradient(top, #EACFA9 0%, #e59b95 100%);
209+
}
210+
211+
.gradiant9{
212+
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#EFE7BD), to(#e5d895));
213+
background-image: -webkit-linear-gradient(top, #EFE7BD 0%, #e5d895 100%);
214+
background-image: -moz-linear-gradient(top, #EFE7BD 0%, #e5d895 100%);
215+
background-image: -ms-linear-gradient(top, #EFE7BD 0%, #e5d895 100%);
216+
background-image: -o-linear-gradient(top, #EFE7BD 0%, #e5d895 100%);
217+
background-image: -linear-gradient(top, #EFE7BD 0%, #e5d895 100%);
218+
}
219+
220+
221+
.gradiant12{
222+
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#B0E3BB), to(#8bd59b));
223+
background-image: -webkit-linear-gradient(top, #B0E3BB 0%, #8bd59b 100%);
224+
background-image: -moz-linear-gradient(top, #B0E3BB 0%, #8bd59b 100%);
225+
background-image: -ms-linear-gradient(top, #B0E3BB 0%, #8bd59b 100%);
226+
background-image: -o-linear-gradient(top, #B0E3BB 0%, #8bd59b 100%);
227+
background-image: -linear-gradient(top, #B0E3BB 0%, #8bd59b 100%);
228+
}
229+
230+
231+
232+
233+
234+
235+
236+
237+
238+
239+
240+
241+

‎index.html

Lines changed: 25 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@
109109
<div class="row-fluid">
110110
<div class="span3">
111111
<div class="widget-box">
112-
<div class="widget-title gradiant">
112+
<div class="widget-title gradiant12">
113113
<span class="icon"><i class="icon-eye-open"></i></span>
114114
<h5>Mes informations</h5>
115115
</div>
@@ -130,7 +130,7 @@ <h5>Mes informations</h5>
130130
</div>
131131
<div class="span9">
132132
<div class="widget-box">
133-
<div class="widget-title gradiant">
133+
<div class="widget-title gradiant6">
134134
<span class="icon"><i class="icon-user"></i></span>
135135
<h5>Mon profil</h5>
136136
</div>
@@ -145,7 +145,7 @@ <h5>Mon profil</h5>
145145
</div>
146146
</div>
147147
<div class="widget-box">
148-
<div class="widget-title gradiant">
148+
<div class="widget-title gradiant3">
149149
<span class="icon"><i class="icon-tags"></i></span>
150150
<h5>Mes Annonces en cours</h5>
151151
<span class="label" data-original-title="2 événements">23</span>
@@ -215,7 +215,7 @@ <h5>Mes Annonces en cours</h5>
215215
</div>
216216
</div>
217217
<div class="widget-box">
218-
<div class="widget-title gradiant">
218+
<div class="widget-title gradiant9">
219219
<span class="icon"><i class="icon-tags"></i></span>
220220
<h5>Mes Annonces terminées</h5>
221221
<span class="label" data-original-title="2 événements">2</span>
@@ -364,7 +364,27 @@ <h5>Evénements</h5>
364364
<!-- END HOME -->
365365
<!-- COVOITURAGE -->
366366
<div class="tab-pane" id="tab3">
367-
<p>Covoiturage</p>
367+
<div class="container-fluid">
368+
<div class="row-fluid">
369+
<div class="span12">
370+
<br />
371+
<p>Color wheel</p>
372+
<p class="color1">Color 1</p>
373+
<p class="color2">Color 2</p>
374+
<p class="color3">Color 3</p>
375+
<p class="color4">Color 4</p>
376+
<p class="color5">Color 5</p>
377+
<p class="color6">Color 6</p>
378+
<p class="color7">Color 7</p>
379+
<p class="color8">Color 8</p>
380+
<p class="color9">Color 9</p>
381+
<p class="color10">Color 10</p>
382+
<p class="color11">Color 11</p>
383+
<p class="color12">Color 12</p>
384+
</div>
385+
</div>
386+
</div>
387+
368388
</div>
369389
<!-- END COVOITURAGE -->
370390
<!-- LOGEMENT -->

0 commit comments

Comments
 (0)