2 * Stylesheet for Funky WOW! Theme.
4 * Copyright 2010, Antoine Mercadal - Capgemini
5 * Copyright 2010, Franck Villaume - Capgemini
6 * Copyright 2011, IƱigo Martinez
7 * Copyright 2013-2014,2017, Franck Villaume - TrivialDev
8 * Copyright 2014, Benoit Debaenst - TrivialDev
9 * Copyright 2015, Roland Mas
10 * http://fusionforge.org
12 * This file is part of FusionForge. FusionForge is free software;
13 * you can redistribute it and/or modify it under the terms of the
14 * GNU General Public License as published by the Free Software
15 * Foundation; either version 2 of the Licence, or (at your option)
18 * FusionForge is distributed in the hope that it will be useful,
19 * but WITHOUT ANY WARRANTY; without even the implied warranty of
20 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
21 * GNU General Public License for more details.
23 * You should have received a copy of the GNU General Public License along
24 * with FusionForge; if not, write to the Free Software Foundation, Inc.,
25 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
30 background-color: #CCCCCC;
35 font-family:"Lucida Grande",sans-serif;
37 background-color:white;
53 vertical-align: middle;
58 -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.296875)), to(black));
64 -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.296875)), to(black));
70 -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.296875)), to(black));
74 list-style-type: circle;
86 transition-property: background-color, color, height, shadow;
87 transition-duration: 0.3s;
91 text-decoration: none;
99 border-collapse: collapse;
102 input[type="text"], input[type="password"], input[type="url"], input[type="email"], textarea {
105 border: 1px solid #e6e6e6;
107 font-family:"Lucida Grande",sans-serif;
112 background-color: #E2E2E2;
123 background-color: #F7F7F7;
124 border-left:1px solid #444;
125 border-right:1px solid #444;
126 border-bottom:1px solid #444;
127 border-bottom-left-radius: 6px;
128 border-bottom-right-radius: 6px;
131 header .skipLink:focus {
134 transition: all ease-out 0.3s;
139 background: white url("../images/header/header-bg.png");
141 border-top-left-radius: 6px;
142 border-top-right-radius: 6px;
143 border-collapse: collapse;
165 text-shadow: 1px 1px white;
173 text-shadow: 1px 1px white;
176 #header-col2 a:hover {
180 text-decoration: none;
181 text-shadow: 1px 1px white;
185 background: #41495C url("../images/header/tabs-bg.png") repeat-x;
191 background-color: #41495C;
196 background-color: #41495C;
211 background-color: white;
223 .quicknews ul li:hover {
224 background-color:blue;
235 text-decoration:none;
238 transition-property: background-color, color, height, shadow;
239 transition-duration: 0.3s;
243 text-decoration: none;
253 #searchBox span input[type=text] {
256 border: 1px solid white;
257 background-image: url(../images/search-logo.png);
258 background-repeat: no-repeat;
259 background-position: 3px 2px;
266 #searchBox span input[type=submit] {
283 border-collapse: collapse;
287 .tabGenerator tbody {
294 vertical-align: middle;
297 .tabGenerator .tg-middle {
298 background-color: #41495C;
299 vertical-align: bottom;
302 .tabGenerator .tg-middle span {
303 background-color: #41495C;
307 .tabGenerator .tg-middle span span {
310 vertical-align: middle;
313 border-top-left-radius: 6px;
314 border-top-right-radius: 6px;
315 background-color: #FFE673;
318 text-shadow: 1px 1px #B2BFD9;
320 transition-property: background-color, color, height, shadow;
321 transition-duration: 0.3s;
324 .tabGenerator .tg-middle span span:hover {
326 background-color: #FFE613;
327 text-shadow: 1px 1px white;
331 .tabGenerator .tg-middle span span a {
336 .tabGenerator .tg-middle span.selected span {
337 background-color: #FFE613;
338 text-shadow: 1px 1px white;
342 .tabGenerator .tg-right span.selected span {
349 .innertabs .tabGenerator {
351 border-collapse: collapse;
355 .innertabs .tabGenerator tbody {
359 .innertabs .tabGenerator td {
362 vertical-align: middle;
365 .innertabs .tabGenerator .tg-middle {
366 background-color: #F7F7F7;
367 vertical-align: middle;
370 .innertabs .tabGenerator .tg-middle span {
371 background-color: #F7F7F7;
375 .innertabs .tabGenerator .tg-middle span span {
378 vertical-align: middle;
382 border-top-left-radius: 0;
383 border-top-right-radius: 0;
384 background-color: #F7F7F7;
387 text-shadow: 1px 1px white;
388 border-left: 1px solid white;
389 border-right: 1px solid white;
392 .innertabs .tabGenerator .tg-middle span span:hover {
394 background-color: white;
397 .innertabs .tabGenerator .tg-middle span span a {
402 .innertabs .tabGenerator .tg-middle span.selected span {
403 background-color: white;
404 text-shadow: 1px 1px white;
407 .innertabs .tabGenerator .tg-right span.selected span {
411 .topTab, a.topTab, a.topTab:visited, a.topTab:hover,
412 .topTabSelected, a.topTabSelected, a.topTabSelected:visited,
413 a.topTabSelected:hover {
414 text-decoration: none;
416 color: rgb(68, 68, 68);
417 font-family: arial, helvetica, sans-serif;
421 .bottomTab, a.bottomTab, a.bottomTab:visited, a.bottomTab:hover {
422 text-decoration: none;
425 font-family: arial, helvetica, sans-serif;
429 .bottomTabSelected, a.bottomTabSelected, a.bottomTabSelected:visited, a.bottomTabSelected:hover {
430 text-decoration: none;
432 color: rgb(68, 68, 68);
433 font-family: arial, helvetica, sans-serif;
443 vertical-align: middle;
448 color: rgb(112, 112, 112);
449 background-color: white;
456 /* Boxes (top / middle / bottom)
457 ----------------------------------------------- */
459 /* margin-bottom: 1em;*/
460 background-color: #F7F7F7;
461 border: 1px solid #E2E3E4;
462 border-top-left-radius: 6px;
463 border-top-right-radius: 6px;
474 border-bottom: 1px solid #E2E3E4;
479 border-bottom: 1px solid #E2E3E4;
481 padding: 8px 8px 8px 18px;
503 background-color: #F7F7F7;
504 border: 1px solid #E2E3E4;
506 border-top-left-radius: 6px;
507 border-top-right-radius: 6px;
518 border-bottom: 1px solid #E2E3E4;
522 .widget_titlebar_close img {
527 .widget_titlebar_minimize img {
532 .widget_titlebar_maximize img {
538 border-bottom: 1px solid #E2E3E4;
543 .widget_content table {
544 border-collapse: collapse;
545 border: 1px solid #D5D5D5;
547 .widget_content table td {
551 table.listing tbody tr:nth-child(even),
553 background-color: #FFF3B8;
556 table.listing tbody tr:nth-child(odd),
558 background-color: #FFFFFF;
566 border-collapse: collapse;
569 .listTable table td {
571 border: 1px solid gray;
581 /*border-collapse: collapse;*/
582 border-bottom: 1px solid #E2E3E4;
583 border-spacing: 6px 0;
590 border: 1px solid #E2E3E4;
594 border-top-left-radius: 6px;
595 border-top-right-radius: 6px;
601 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(white));
607 ----------------------------------------------- */
612 /* error_msg, warning_msg or feedback function
613 ----------------------------------------------- */
615 background-color: #bc008d; /* red */
619 text-shadow: 1px 1px #ff7c73;
627 .warning_msg, .warning, .tips, .important {
628 background-color: #ff8940; /* orange */
632 text-shadow: 1px 1px #fff5CA;
640 background-color: #b7f300; /* green */
644 text-shadow: 1px 1px #DFF59f;
652 background-color: #ffcd73;
656 text-shadow: 1px 1px #DFF59f;
664 background-color: #ff4940; /* red */
665 border: 1px solid red;
668 text-shadow: 1px 1px #ff7c73;
674 background-color: #ff4940; /* red */
675 border: 1px solid red;
678 text-shadow: 1px 1px #ff7c73;
685 background: rgb(66, 69, 82) url("../images/header/header-bg.png");
686 border-top: 1px solid #f7f7f7;
688 border-bottom-left-radius: 6px;
689 border-bottom-right-radius: 6px;
692 text-shadow: 1px 1px white;
701 border-radius: 0.5em 0.5em 0 0;
704 padding: 3px 3px 3px 10px;
705 margin: 0 -4px 0 -4px;
708 .info-box:nth-child(4n) h2 {
711 .info-box:nth-child(4n+1) h2 {
714 .info-box:nth-child(4n+2) h2 {
717 .info-box:nth-child(4n+3) h2 {
721 .priority1 { background-color: #f3f4db}
722 .priority2 { background-color: #fcecc2}
723 .priority3 { background-color: #fde4aa}
724 .priority4 { background-color: #fcd986}
725 .priority5 { background-color: #fac955}
727 .table-header-rotated {
728 border-collapse: collapse;
731 .table-header-rotated td {
735 border: 1px solid #ccc;
738 .table-header-rotated th.rotate {
743 .table-header-rotated th.rotate>div {
744 transform: translate(25px, 51px) rotate(315deg);
748 .table-header-rotated th.rotate>div>span {
749 border-bottom: 1px solid #ccc;
753 .table-header-rotated th.row-header {
755 border-bottom: 1px solid #ccc;
759 vertical-align: middle;
762 /* Hide number input spinners */
763 input[type='number'] {
764 -moz-appearance:textfield;
766 input::-webkit-outer-spin-button,
767 input::-webkit-inner-spin-button { -webkit-appearance: none; }
768 /* end Hide number input spinners */