2 * Stylesheet for Funky Theme.
4 * Copyright 2010, Antoine Mercadal - Capgemini
5 * Copyright 2010, Franck Villaume - Capgemini
6 * http://fusionforge.org
8 * This file is part of FusionForge.
10 * FusionForge is free software; you can redistribute it and/or modify
11 * it under the terms of the GNU General Public License as published
12 * by the Free Software Foundation; either version 2 of the License,
13 * or (at your option) any later version.
15 * FusionForge is distributed in the hope that it will be useful, but
16 * WITHOUT ANY WARRANTY; without even the implied warranty of
17 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
18 * General Public License for more details.
20 * You should have received a copy of the GNU General Public License
21 * along with FusionForge; if not, write to the Free Software
22 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
28 background-color: #CCCCCC;
33 font-family:"Lucida Grande",sans-serif;
35 background-color:white;
54 -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.296875)), to(black));
61 -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.296875)), to(black));
67 -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.296875)), to(black));
71 list-style-type: circle;
83 -webkit-transition-property: background-color, color, height, shadow;
84 -webkit-transition-duration: 0.3s;
85 -moz-transition-property: background-color, color, height, shadow;
86 -moz-transition-duration: 0.3s;
87 -o-transition-property: background-color, color, height, shadow;
88 -o-transition-duration: 0.3s;
89 transition-property: background-color, color, height, shadow;
90 transition-duration: 0.3s;
94 text-decoration: none;
102 border-collapse: collapse;
105 input[type="text"], input[type="password"], textarea {
109 border: 1px solid #e6e6e6;
111 font-family:"Lucida Grande",sans-serif;
116 background-color: #E2E2E2;
122 background: rgb(66, 69, 82) url("../images/header/header-bg.png");
123 background-color: white;
126 border-top-left-radius: 6px;
127 border-top-right-radius: 6px;
128 border-collapse: collapse;
154 text-shadow: 1px 1px white;
161 text-shadow: 1px 1px white;
164 #header-col2 a:hover {
168 text-decoration: none;
169 text-shadow: 1px 1px white;
173 background: #41495C url("../images/header/tabs-bg.png") repeat-x;
179 background-color: #41495C;
184 background-color: #41495C;
191 /* text-shadow: 1px 1px gray;*/
201 background-color: white;
213 .quicknews ul li:hover {
214 background-color:blue;
225 text-decoration:none;
228 -webkit-transition-property: background-color, color, height, shadow;
229 -webkit-transition-duration: 0.3s;
230 -moz-transition-property: background-color, color, height, shadow;
231 -moz-transition-duration: 0.3s;
232 -o-transition-property: background-color, color, height, shadow;
233 -o-transition-duration: 0.3s;
234 transition-property: background-color, color, height, shadow;
235 transition-duration: 0.3s;
239 text-decoration: none;
250 #searchBox span input[type=text] {
254 border: 1px solid white;
255 background-image: url(../images/search-logo.png);
256 background-repeat: no-repeat;
257 background-position: 3px 2px;
264 #searchBox span input[type=submit] {
288 border-collapse: collapse;
292 .tabGenerator tbody {
299 vertical-align: middle;
302 .tabGenerator .tg-middle {
303 background-color: #41495C;
304 vertical-align: bottom;
307 .tabGenerator .tg-middle span {
308 background-color: #41495C;
312 .tabGenerator .tg-middle span span {
315 vertical-align: middle;
319 border-top-left-radius: 6px;
320 border-top-right-radius: 6px;
321 -webkit-top-right-border-radius: 6px;
322 -webkit-top-left-border-radius: 6px;
323 -moz-border-radius-topright: 6px;
324 -moz-border-radius-topleft: 6px;
325 background-color: #909DB7;
328 text-shadow: 1px 1px #B2BFD9;
331 -webkit-transition-property: background-color, color, height, shadow;
332 -webkit-transition-duration: 0.3s;
333 -moz-transition-property: background-color, color, height, shadow;
334 -moz-transition-duration: 0.3s;
335 -o-transition-property: background-color, color, height, shadow;
336 -o-transition-duration: 0.3s;
337 transition-property: background-color, color, height, shadow;
338 transition-duration: 0.3s;
341 .tabGenerator .tg-middle span span:hover {
343 background-color: white;
344 text-shadow: 1px 1px white;
348 .tabGenerator .tg-middle span span a {
353 .tabGenerator .tg-middle span.selected span {
354 background-color: white;
355 text-shadow: 1px 1px white;
359 .tabGenerator .tg-right span.selected span {
366 .innertabs .tabGenerator {
368 border-collapse: collapse;
372 .innertabs .tabGenerator tbody {
376 .innertabs .tabGenerator td {
379 vertical-align: middle;
382 .innertabs .tabGenerator .tg-middle {
383 background-color: #F7F7F7;
384 vertical-align: middle;
387 .innertabs .tabGenerator .tg-middle span {
388 background-color: #F7F7F7;
392 .innertabs .tabGenerator .tg-middle span span {
395 vertical-align: middle;
399 border-top-left-radius: 0px;
400 border-top-right-radius: 0px;
401 background-color: #F7F7F7;
404 text-shadow: 1px 1px white;
407 border-left: 1px solid white;
408 border-right: 1px solid white;
411 .innertabs .tabGenerator .tg-middle span span:hover {
413 background-color: white;
416 .innertabs .tabGenerator .tg-middle span span a {
421 .innertabs .tabGenerator .tg-middle span.selected span {
422 background-color: white;
423 text-shadow: 1px 1px white;
426 .innertabs .tabGenerator .tg-right span.selected span {
431 .topTab, a.topTab, a.topTab:visited, a.topTab:hover,
432 .topTabSelected, a.topTabSelected, a.topTabSelected:visited,
433 a.topTabSelected:hover {
434 text-decoration: none;
436 color: rgb(68, 68, 68);
437 font-family: arial, helvetica, sans-serif;
441 .bottomTab, a.bottomTab, a.bottomTab:visited, a.bottomTab:hover {
442 text-decoration: none;
445 font-family: arial, helvetica, sans-serif;
449 .bottomTabSelected, a.bottomTabSelected, a.bottomTabSelected:visited, a.bottomTabSelected:hover {
450 text-decoration: none;
452 color: rgb(68, 68, 68);
453 font-family: arial, helvetica, sans-serif;
463 vertical-align: middle;
468 color: rgb(112, 112, 112);
469 background-color: white;
472 /*--------------------------------------------------
473 REQUIRED to hide the non-active tab content.
474 But do not hide them in the print stylesheet!
475 --------------------------------------------------*/
476 .tabberlive .tabbertabhide {
480 /*--------------------------------------------------
481 .tabber = before the tabber interface is set up
482 .tabberlive = after the tabber interface is set up
483 --------------------------------------------------*/
494 /*border-collapse: collapse;*/
495 border-bottom: 1px solid #E2E3E4;
496 border-spacing: 6px 0px;
502 border: 1px solid #E2E3E4;
506 border-top-left-radius: 6px;
507 border-top-right-radius: 6px;
508 -webkit-top-right-border-radius: 6px;
509 -webkit-top-left-border-radius: 6px;
510 -moz-border-radius-topright: 6px;
511 -moz-border-radius-topleft: 6px;
513 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f7f7f7));
516 .tabberlive li:hover {
517 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(white));
520 /*--------------------------------------------------
521 .tabbertab = the tab content
522 Add style only after the tabber interface is set up (.tabberlive)
523 --------------------------------------------------*/
524 .tabberlive, .tabbertab {
526 border:1px solid #E2E3E4;
537 .tabberlive#tab2 .tabbertab {
546 /* Boxes (top / middle / bottom)
547 ----------------------------------------------- */
549 /* margin-bottom: 1em;*/
550 background-color: #F7F7F7;
551 border: 1px solid #E2E3E4;
553 border-top-left-radius: 6px;
554 border-top-right-radius: 6px;
565 border-bottom: 1px solid #E2E3E4;
570 border-bottom: 1px solid #E2E3E4;
595 background-color: #F7F7F7;
596 border: 1px solid #E2E3E4;
598 border-top-left-radius: 6px;
599 border-top-right-radius: 6px;
610 border-bottom: 1px solid #E2E3E4;
614 .widget_titlebar_close img {
619 .widget_titlebar_minimize img {
624 .widget_titlebar_maximize img {
630 border-bottom: 1px solid #E2E3E4;
635 .widget_content table {
636 border-collapse: collapse;
637 border: 1px solid #D5D5D5;
639 .widget_content table td {
644 background-color: #CDDCF3;
652 border-collapse: collapse;
657 border: 1px solid gray;
667 /*border-collapse: collapse;*/
668 border-bottom: 1px solid #E2E3E4;
669 border-spacing: 6px 0px;
676 border: 1px solid #E2E3E4;
680 border-top-left-radius: 6px;
681 border-top-right-radius: 6px;
682 -webkit-top-right-border-radius: 6px;
683 -webkit-top-left-border-radius: 6px;
684 -moz-border-radius-topright: 6px;
685 -moz-border-radius-topleft: 6px;
687 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f7f7f7));
691 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(white));
697 ----------------------------------------------- */
702 /* error_msg, warning_msg or feedback function
703 ----------------------------------------------- */
707 background-color: #ff4940; /* red */
708 border-color: red; /* red */
711 -webkit-border-radius: 6px;
712 -moz-border-radius: 6px;
713 text-shadow: 1px 1px #ff7c73;
724 .warning_msg, .warning, .tips, .important, .veryimportant {
727 background-color: #ffd297; /* orange */
728 border-color: #ffa500; /* orange */
731 -webkit-border-radius: 6px;
732 -moz-border-radius: 6px;
733 text-shadow: 1px 1px #fff5CA;
746 background-color: #aef26d; /* green */
747 border-color: green; /* green */
750 -webkit-border-radius: 6px;
751 -moz-border-radius: 6px;
752 text-shadow: 1px 1px #DFF59f;
765 background-color: #ff4940; /* red */
766 border-color: red; /* red */
769 -webkit-border-radius: 6px;
770 -moz-border-radius: 6px;
771 text-shadow: 1px 1px #ff7c73;
782 background-color: #ff4940; /* red */
783 border-color: red; /* red */
786 -webkit-border-radius: 6px;
787 -moz-border-radius: 6px;
788 text-shadow: 1px 1px #ff7c73;
801 background-color: gray;
803 background: rgb(66, 69, 82) url("../images/header/header-bg.png");
804 border-top: 1px solid #f7f7f7;
806 border-bottom-left-radius: 6px;
807 border-bottom-right-radius: 6px;
808 -webkit-bottom-right-border-radius: 6px;
809 -webkit-bottom-left-border-radius: 6px;
810 -moz-border-radius-bottomright: 6px;
811 -moz-border-radius-bottomleft: 6px;
814 text-shadow: 1px 1px white;
822 background-color: #F0F0F0;
827 background-color: #FFFFFF;