Projet

Général

Profil

Paste
Télécharger (8,3 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / simplecorp / css / color-schemes / dark-purple / styles.css @ b9383c72

1
/* ---------------------------------------------------------------------- */
2
/* DARK PURPLE
3
/* 
4
/* 
5
/* Accent color: #A864A8 ;
6
/* Borders color, Submenu background: #615951 ;
7
/* Page background: #333333;
8
/* Content Boxes background: #3F3F3F;
9
/* ---------------------------------------------------------------------- */
10

    
11
/* ---------------------------------------------------------------------- */
12
/* COLORS 
13
/* ---------------------------------------------------------------------- */
14
body {
15
    color: #898989;
16
}
17

    
18
#page {
19
    background-color: #333333;
20
}
21

    
22
a:hover, #page-wrapper a > *:hover,
23
.categories a:hover,
24
#footer .footer-area .content li a:hover,
25
.sidebar .block a:hover,
26
ul.primary li a:hover {
27
    color: #A864A8;
28
}
29

    
30
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
31
    color: #FFFFFF;
32
}
33

    
34
#logo {
35
    color: #fff;
36
}
37

    
38
#pre-header,
39
.flex-direction-nav li a:hover {
40
    background-color: #A864A8;
41
    color: #ffffff;
42
}
43

    
44
#pre-header ul.menu li a { 
45
    border-right: 1pt solid #C185C1; 
46
    text-shadow: none;     
47
}
48

    
49
#footer-bottom ul.menu li a {
50
    color: #898989;    
51
}
52

    
53
#footer-bottom ul.menu li a:hover{ 
54
    color: #A864A8; 
55
}
56

    
57
.colored,
58
.flex-caption h3, 
59
.intro-page h2 strong, 
60
#footer h4,
61
#footer h2,
62
#footer-bottom a {
63
    color: #A864A8;
64
}
65

    
66
a.colored:hover {
67
    color: #A864A8;
68
    text-decoration: underline;
69
}
70

    
71
#pre-header,
72
#slider-container,
73
#banner-inside {
74
    border-bottom: 1pt solid #615951;
75
}
76

    
77
.front #header {
78
    border-bottom: 1pt solid #615951;
79
}
80

    
81
.horizontal-line,
82
.divider {
83
    border-top: 1pt solid #615951;
84
}
85

    
86
ul#social-links li {
87
    background: #AA6CA2;
88
    background: -moz-linear-gradient(top, #AA6CA2 0%, #9E5C96 100%);
89
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AA6CA2), color-stop(100%,#9E5C96));
90
    background: -webkit-linear-gradient(top, #AA6CA2 0%,#9E5C96 100%);
91
    background: -o-linear-gradient(top, #AA6CA2 0%,#9E5C96 100%);
92
    background: -ms-linear-gradient(top, #AA6CA2 0%,#9E5C96 100%);
93
    background: linear-gradient(top, #AA6CA2 0%,#9E5C96 100%);
94
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AA6CA2', endColorstr='#9E5C96',GradientType=0 );
95
    box-shadow: 0px 1px 1px #CB85C2,inset 0px 2px 5px #9E5C96;
96
    -moz-box-shadow: 0px 1px 1px #CB85C2,inset 0px 2px 5px #9E5C96;
97
    -webkit-box-shadow: 0px 1px 1px #CB85C2,inset 0px 2px 5px #9E5C96;
98
}
99

    
100
#main-navigation ul.menu li a:hover,
101
#main-navigation > ul.menu > li > a.active,
102
#main-navigation ul.sf-menu li a:hover,
103
#main-navigation ul.sf-menu > li > a.active,
104
#main-navigation .content > ul.menu > li > a.active {
105
    background: #444444;
106
    border-bottom: 1pt solid #A864A8;
107
    color: #A864A8;
108
}
109

    
110
#main-navigation ul.menu ul a:hover,
111
#main-navigation ul.menu ul .hover > a,
112
#main-navigation ul.sf-menu ul a:hover,
113
#main-navigation ul.sf-menu ul .hover > a,
114
#main-navigation .content > ul.menu li li a.active,
115
#main-navigation > ul.menu li li a.active,
116
#main-navigation ul.sf-menu li li a.active {
117
    background-color: #A864A8;
118
    color: #fff;
119
    border: 0;
120
}
121

    
122
img.intro-img {
123
    border-bottom: 1pt solid #615951;
124
}
125

    
126
.jcarousel-next, .jcarousel-prev {
127
    background-color: #A864A8;
128
}
129

    
130
.jcarousel-prev {
131
    background-color: #A864A8;
132
}
133

    
134
.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
135
    background-color: #A864A8;
136
}
137

    
138
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
139
    background-color: #615951;
140
    box-shadow: none;
141
}
142

    
143
ul#projects-carousel li .item-content:hover,
144
ul#portfolio-items-one-fourth li .item-content:hover {
145
    background-color: #A864A8;
146
}
147

    
148
.sidebar .block .content li:first-child {
149
    border-top: 1px dotted #615951;
150
}
151

    
152
.sidebar .block .content li {
153
    border-bottom: 1px dotted #615951;
154
}
155

    
156
.archive .hentry, .not-front .node.hentry, .search .hentry {
157
    border-bottom: 1px solid #615951;
158
}
159

    
160
.date {
161
    background: #A864A8;
162
    box-shadow: 0 0px 3px #111;
163
    -moz-box-shadow: 0 0px 3px #111;
164
    -webkit-box-shadow: 0 0px 3px #111;
165
}
166

    
167
.item-list .pager li {
168
    border: 1px solid #615951;
169
    box-shadow: none;
170
    color: #898989;
171
}
172

    
173
.item-list .pager li.pager-current {
174
    background: none;
175
    border: 1px solid #FFF;
176
    color: #fff;
177
}
178

    
179
#search-block-form input.form-text {
180
    background-color: #3F3F3F;
181
    background-image: url("../../../images/color-schemes/dark-purple/search-bg.png");
182
    box-shadow: 0 0 3px #444444;
183
    -moz-box-shadow: 0 0 3px #444444;
184
    -webkit-box-shadow: 0 0 3px #444444;    
185
    color: #F8F8F8;
186
}
187

    
188
#search-block-form input.form-text:focus {
189
    box-shadow: 0 0 3px #111111;
190
    -moz-box-shadow: 0 0 3px #111111;
191
    -webkit-box-shadow: 0 0 3px #111111;    
192
}
193

    
194
.filterable li.active a {
195
    background-color: #A864A8;
196
}
197

    
198
.comment-text {
199
    background-color: #3F3F3F;
200
    border-color: #615951;
201
}
202

    
203
#commentform input[type="text"], 
204
#commentform input[type="password"], 
205
#commentform input[type="email"], 
206
#commentform input.text, 
207
#commentform input.title, 
208
#commentform textarea, 
209
#commentform select,
210
#commentform textarea, 
211
#contactForm input[type="text"],
212
#contactForm input[type="password"],
213
#contactForm input[type="email"],
214
#contactForm textarea,
215
#contactForm select,
216
.form-item input.form-text,
217
.form-item textarea.form-textarea {
218
    border: 1px solid #2B2A2A;
219
    box-shadow: inset 0px 2px 4px #2F2F2F;
220
    -moz-box-shadow: inset 0px 2px 4px #2F2F2F;
221
    -webkit-box-shadow: inset 0px 2px 4px #2F2F2F;
222
    background: #444444;
223
    color: #ffffff;
224
}
225

    
226
#commentform input[type="text"]:focus, 
227
#commentform input[type="password"]:focus, 
228
#commentform input[type="email"]:focus, 
229
#commentform input.text:focus, 
230
#commentform input.title:focus, 
231
#commentform textarea:focus, 
232
#commentform select:focus,
233
#contactForm input[type="text"]:focus,
234
#contactForm input[type="password"]:focus,
235
#contactForm  input[type="email"]:focus,
236
#contactForm  textarea:focus,
237
.form-item input.form-text:focus,
238
.form-item textarea.form-textarea:focus {
239
    border: 1px solid #615951;
240
    box-shadow: 0px 0px 5px #4F4F4F,inset 0px 2px 4px #444444;
241
    -moz-box-shadow: 0px 0px 5px #4F4F4F,inset 0px 2px 4px #444444;
242
    -webkit-box-shadow: 0px 0px 5px #4F4F4F,inset 0px 2px 4px #444444;
243
}
244

    
245
.comment .user-signature { 
246
    color: #636363; 
247
}
248

    
249
.resizable-textarea .grippie {
250
    border: 1px solid black;
251
    border-top: none;
252
    background: #5E5E5E;
253
}
254

    
255
.author {
256
    background-color: #3F3F3F;
257
    border-color: #615951;
258
}
259

    
260
pre, code {
261
    background-color: #3F3F3F;
262
    border-color: #615951;
263
}
264

    
265
.hentry blockquote {
266
    background-color: #3F3F3F;
267
    border: none;
268
}
269

    
270
#tabscontainer {
271
    clear: both;
272
}
273

    
274
.help {
275
    background-color: #3F3F3F;
276
}
277

    
278
table td, 
279
table th,
280
#page-wrapper fieldset {
281
    border: 1px solid #4d4d4d;
282
}
283

    
284
table th {
285
    background: #3f3f3f;
286
    color: #fff;
287
    font-weight: bold;
288
}
289

    
290
table tr.even {
291
    background: #383838;
292
}
293

    
294
ul.primary {
295
    border-bottom: 1px solid #5A5A5A;
296
}
297

    
298
ul.primary li {
299
    display: inline;
300
}
301

    
302
ul.primary li a {
303
    background-color: #2b2b2b;
304
    border-color: #5A5A5A;
305
}
306

    
307
ul.primary li.active a {
308
    background-color: #333;
309
    border: 1px solid #5A5A5A;
310
    border-bottom: 1px solid #333;
311
}
312

    
313
ul.primary li a:hover {
314
    background-color: #333;
315
    border: 1px solid #5A5A5A;
316
    border-bottom-color: #333;
317
}
318
/* ---------------------------------------------------------------------- */
319
/* Images
320
/* ---------------------------------------------------------------------- */
321

    
322

    
323
.flex-control-nav li a {
324
    background-image: url("../../../images/color-schemes/dark-purple/bg_control_nav.png");
325
}
326

    
327
.portfolio-item-hover-content a.zoom {
328
    background-image: url("../../../images/color-schemes/dark-purple/zoom-plus.png");
329
}
330

    
331
.year {
332
    background-image: url("../../../images/color-schemes/dark-purple/post-meta-divider.png");
333
}
334

    
335
.readmore a:hover, .node-readmore a:hover {
336
    background-image: url("../../../images/color-schemes/dark-purple/blog-permalink.png");
337
}
338

    
339
.contact-info span.address {
340
    background-image: url("../../../images/color-schemes/dark-purple/icons/adress.png");
341
}
342

    
343
.contact-info span.phone {
344
    background-image: url("../../../images/color-schemes/dark-purple/icons/phone-number.png");
345
}
346

    
347
.contact-info span.email {
348
    background-image: url("../../../images/color-schemes/dark-purple/icons/mail-adress.png");
349
}
350

    
351

    
352

    
353

    
354

    
355

    
356