Projet

Général

Profil

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

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

1
/* ---------------------------------------------------------------------- */
2
/* DARK BLUE
3
/* 
4
/* 
5
/* Accent color: #7CCCE5 ;
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: #7CCCE5;
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: #7CCCE5;
41
    color: #ffffff;
42
}
43

    
44
#pre-header ul.menu li a { 
45
    border-right: 1pt solid #88dcf6; 
46
}
47

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

    
52
#footer-bottom ul.menu li a:hover{ 
53
    color: #7CCCE5; 
54
}
55

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

    
65
a.colored:hover {
66
    color: #7CCCE5;
67
    text-decoration: underline;
68
}
69

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

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

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

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

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

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

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

    
125
.jcarousel-next, .jcarousel-prev {
126
    background-color: #7CCCE5;
127
}
128

    
129
.jcarousel-prev {
130
    background-color: #7CCCE5;
131
}
132

    
133
.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
134
    background-color: #7CCCE5;
135
}
136

    
137
.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 {
138
    background-color: #615951;
139
    box-shadow: none;
140
}
141

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

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

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

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

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

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

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

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

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

    
193
.filterable li.active a {
194
    background-color: #7CCCE5;
195
}
196

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

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

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

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

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

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

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

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

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

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

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

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

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

    
293
/*primary tabs*/    
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
/* ---------------------------------------------------------------------- */
320
/* Images
321
/* ---------------------------------------------------------------------- */
322
.flex-control-nav li a {
323
    background-image: url("../../../images/color-schemes/dark-blue/bg_control_nav.png");
324
}
325

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

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

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

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

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

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

    
350

    
351

    
352

    
353

    
354

    
355