2 * Common stylesheet for *all* FusionForge themes
4 * Copyright 2009 Matthieu Faure // Open-s.com
5 * Copyright 2010 Franck Villaume - Capgemini
7 * This file is part of FusionForge. FusionForge is free software;
8 * you can redistribute it and/or modify it under the terms of the
9 * GNU General Public License as published by the Free Software
10 * Foundation; either version 2 of the Licence, or (at your option)
13 * FusionForge is distributed in the hope that it will be useful,
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16 * GNU General Public License for more details.
18 * You should have received a copy of the GNU General Public License along
19 * with FusionForge; if not, write to the Free Software Foundation, Inc.,
20 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
22 * Note to Forge developpers:
23 * - put as less code here as possible
25 * Note to Themes developpers:
26 * - don't add CSS to this file;
27 * - use your own's theme CSS file(s) instead
29 * Final note: this CSS file should be ideally called:
30 * - after YUI's reset,fonts and base
31 * - before the theme's own CSS file
32 * - Warning: font-size must be expressed in % according to YUI's font table http://developer.yahoo.com/yui/fonts/#chart
36 /* From old gforge-compat */
39 background-color: #EAEAEA;
45 background-color: #E0E0E0;
58 text-decoration: none;
66 background-color: #DAD5D7;
70 font-family: arial,helvetica, sans-serif;
76 font-family: arial,helvetica, sans-serif;
82 background-color: #dadada;
86 background-color: #dacaca;
90 background-color: #dababa;
94 background-color: #daaaaa;
98 background-color: #da8a8a;
110 .tabberlive .tabbertab {
111 border: 1px solid #aaa;
116 .tabberlive .tabbertab h2 {
120 .tabberlive .tabbertab h3 {
124 .tabberlive .tabbertabhide {
128 .tabberlive#tab2 .tabbertab {
134 background-color: #eeeeee;
139 background-color: #EAEAEA;
143 background-color: #D0D0D0;
151 text-decoration: none;
173 text-decoration: none;
178 background-color: #E0E0E0;
182 background-color: #ffffff;
186 background-color: #909090;
190 background-color: #ffffff;
194 background-color: white;
198 background-color: #E0E0E0;
202 border-bottom: 1px solid #778;
215 border: 1px solid #778;
219 text-decoration: none;
222 ul.tabbernav li a:hover {
228 ul.tabbernav li a:link {
232 ul.tabbernav li a:visited {
236 ul.tabbernav li.tabberactive a {
237 background-color: #fff;
238 border-bottom: 1px solid #fff;
241 ul.tabbernav li.tabberactive a:hover {
243 border-bottom: 1px solid white;
248 font-family: arial,helvetica, sans-serif;
254 ----------------------------------------------- */
255 .align-left {text-align: left;}
256 .align-right {text-align: right;}
257 .align-center {text-align: center;}
259 .top {vertical-align: top;}
260 .bottom {vertical-align: bottom;}
262 .nowrap {white-space: nowrap;}
264 .bgcolor-grey {background-color: #e5e5e5;}
265 .bgcolor-white {background-color: white;}
267 .width-100p100 {width: 100%;}
268 .fullwidth {width: 100%;}
269 .halfwidth {width: 50%;}
270 .onethirdwidth {width: 33%;}
271 .twothirdswidth {width: 66%;}
272 .onequarterwidth {width: 25%;}
274 /* A table with two columns, first one right-aligned and bold */
275 table.infotable tr { vertical-align: top; }
276 table.infotable td:first-child { font-weight: bold; text-align: right; padding-right: 4px;}
282 .selected {background-color:pink; }
284 .hide {display: none; }
295 background-color: #99ff99;
296 text-decoration: none;
301 background-color: #d3d3d3;
305 background-color: #99ffff;
309 background-color: #ffaa00;
313 background-color: white;
317 ----------------------------------------------- */
318 .tag1, .tag2, .tag3, .tag4, .tag5 {
324 .tag1 {font-size: 77%;} /* 10px */
325 .tag2 {font-size: 93%;} /* 12px */
326 .tag3 {font-size: 108%;} /* 14px */
327 .tag4 {font-size: 123.1%;} /* 16px */
328 .tag5 {font-size: 138.5%;} /* 18px */
331 ----------------------------------------------- */
332 .my-layout-table {width: 100%; }
333 .my-layout-table td {text-align:left; vertical-align:top; }
336 ----------------------------------------------- */
337 #forge-frs .frs-monitor-package {
341 .frs_release_name_version {
345 /* Progress bargraph (trackers) */
347 border: 1px solid #d7d7d7;
348 border-collapse: collapse;
358 table.progress_legend {
363 table.progress a, table.progress :link, table.progress :visited,
364 table.progress :link:hover, table.progress :visited:hover {
370 text-decoration: none;
372 table.progress td { background: #fff; padding: 0 }
373 table.progress td :hover { background: none }
375 /* style for warning messages box */
380 background-color: #ffd297; /* orange */
381 border-color: #FFA500; /* orange */
391 padding: 10px 10px 10px 10px;
396 background-color: #BDE5F8;
402 border-right: #bcbcad 1px dashed;
403 border-top: #bcbcad 1px dashed;
404 border-left: #bcbcad 1px dashed;
405 border-bottom: #bcbcad 1px dashed;
406 background-color: transparent;
411 border: 1px solid #bcbcad;
416 .widget_preferences {
418 border-bottom: 1px solid #bcbcad;
420 .widget_preferences form {
424 background: #E0DDD2 url(../../images/widget/widget-header.png) left top repeat-x;
433 .widget_titlebar_handle {
437 .widget_titlebar_title {
441 .widget_titlebar_close,
442 .widget_titlebar_rss,
443 .widget_titlebar_prefs,
444 .widget_titlebar_minimize,
445 .widget_titlebar_maximize {
449 .widget_titlebar_rss,
450 .widget_titlebar_prefs {
454 .widget_titlebar_rss a, .widget_titlebar_rss a:link, .widget_titlebar_rss a:visited, .widget_titlebar_rss a:hover,
455 .widget_titlebar_prefs a, .widget_titlebar_prefs a:link, .widget_titlebar_prefs a:visited, .widget_titlebar_prefs a:hover {
459 text-decoration: none;
463 list-style-type: none;
467 border-bottom: 1px solid gray;
470 .widget_toolbar li a:link,
471 .widget_toolbar li a:visited,
472 .widget_toolbar li a:active {
473 text-decoration: none;
481 .widget_toolbar li a:hover {
483 border-bottom: 4px solid gray;
487 .widget_toolbar li.current a {
489 border-bottom: 4px solid #333;
493 #widget-content-categ {
498 list-style-type: none;
503 #widget-categories li.selected {
509 #widget-categories li.selected a:after {
513 #widget-categories li a span {
518 background: transparent url('../../images/widget/widget-preview.png') top left no-repeat;
524 .widget-preview-bookmarks {
525 background-image: url('../../images/widget/widget-preview-favorites.png');
528 .widget-preview-mymonitoredfp-fr_FR {
529 background-image: url('../../images/widget/widget-preview-monitored_files-fr_FR.png');
532 .widget-preview-mymonitoredfp-en_US {
533 background-image: url('../../images/widget/widget-preview-monitored_files-en_US.png');
536 .widget-preview-mymonitoredforums-fr_FR {
537 background-image: url('../../images/widget/widget-preview-monitored_forums-fr_FR.png');
540 .widget-preview-mymonitoredforums-en_US {
541 background-image: url('../../images/widget/widget-preview-monitored_forums-en_US.png');
544 .widget-preview-myartifacts-fr_FR,
545 .widget-preview-myartifacts-en_US {
546 background-image: url('../../images/widget/widget-preview-my_artifacts.png');
549 .widget-preview-myprojects-fr_FR {
550 background-image: url('../../images/widget/widget-preview-my_projects-fr_FR.png');
553 .widget-preview-myprojects-en_US {
554 background-image: url('../../images/widget/widget-preview-my_projects-en_US.png');
557 .widget-preview-mybookmarks-fr_FR {
558 background-image: url('../../images/widget/widget-preview-my_bookmarks-fr_FR.png');
561 .widget-preview-mybookmarks-en_US {
562 background-image: url('../../images/widget/widget-preview-my_bookmarks-en_US.png');
565 .widget-preview-mysurveys-fr_FR {
566 background-image: url('../../images/widget/widget-preview-my_surveys-fr_FR.png');
569 .widget-preview-mysurveys-en_US {
570 background-image: url('../../images/widget/widget-preview-my_surveys-en_US.png');
573 .widget-preview-myadmin-fr_FR {
574 background-image: url('../../images/widget/widget-preview-my_admin-fr_FR.png');
577 .widget-preview-myadmin-en_US {
578 background-image: url('../../images/widget/widget-preview-my_admin-en_US.png');
581 .widget-preview-mylatestsvncommits-fr_FR {
582 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-fr_FR.png');
585 .widget-preview-mylatestsvncommits-en_US {
586 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-en_US.png');
589 .widget-preview-projectlatestfilereleases-fr_FR {
590 background-image: url('../../images/widget/widget-preview-latest_file_releases-fr_FR.png');
593 .widget-preview-projectlatestfilereleases-en_US {
594 background-image: url('../../images/widget/widget-preview-latest_file_releases-en_US.png');
597 .widget-preview-projectlatestsvncommits-fr_FR {
598 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-fr_FR.png');
601 .widget-preview-projectlatestsvncommits-en_US {
602 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-en_US.png');
605 .widget-preview-projectlatestnews-fr_FR {
606 background-image: url('../../images/widget/widget-preview-project_latest_news-fr_FR.png');
609 .widget-preview-projectlatestnews-en_US {
610 background-image: url('../../images/widget/widget-preview-project_latest_news-en_US.png');
613 .widget-preview-projectpublicareas-fr_FR {
614 background-image: url('../../images/widget/widget-preview-project_public_areas-fr_FR.png');
617 .widget-preview-projectpublicareas-en_US {
618 background-image: url('../../images/widget/widget-preview-project_public_areas-en_US.png');
621 .widget-preview-projectdescription-fr_FR {
622 background-image: url('../../images/widget/widget-preview-project_description-fr_FR.png');
625 .widget-preview-projectdescription-en_US {
626 background-image: url('../../images/widget/widget-preview-project_description-en_US.png');
629 .widget-preview-projectclassification-fr_FR {
630 background-image: url('../../images/widget/widget-preview-project_classification-fr_FR.png');
633 .widget-preview-projectclassification-en_US {
634 background-image: url('../../images/widget/widget-preview-project_classification-en_US.png');
637 .widget-preview-projectmembers-fr_FR {
638 background-image: url('../../images/widget/widget-preview-project_members-fr_FR.png');
641 .widget-preview-projectmembers-en_US {
642 background-image: url('../../images/widget/widget-preview-project_members-en_US.png');
645 .widget-preview-mysystemevent-fr_FR {
646 background-image: url('../../images/widget/widget-preview-mysystemevent-fr_FR.png');
649 .widget-preview-mysystemevent-en_US {
650 background-image: url('../../images/widget/widget-preview-mysystemevent-en_US.png');
653 .widget-preview-mytwitterfollow-en_US,
654 .widget-preview-projecttwitterfollow-en_US,
655 .widget-preview-mytwitterfollow-fr_FR,
656 .widget-preview-projecttwitterfollow-fr_FR {
657 background-image: url('../../images/widget/widget-preview-twitterfollow.png');
660 .widget-preview-myrss-en_US,
661 .widget-preview-projectrss-en_US,
662 .widget-preview-myrss-fr_FR,
663 .widget-preview-projectrss-fr_FR {
664 background-image: url('../../images/widget/widget-preview-rss.png');
667 .widget-preview-projectsvnstats-en_US,
668 .widget-preview-projectsvnstats-fr_FR {
669 background-image: url('../../images/widget/widget-preview-project_svn-stats.png');
674 /* {{{ Layout Manager */
676 border:1px solid #666;
681 #layout-manager table {
682 border-collapse: separate;
685 #layout-manager input {
687 font-family: arial,helvetica, sans-serif;
689 table.layout-manager-row {
694 td.layout-manager-column {
695 border:1px solid #9b9;
701 div.layout-manager-row-add,
702 td.layout-manager-column-add {
708 div.layout-manager-row-add {
711 div.layout-manager-row-add_hover,
712 td.layout-manager-column-add_hover {
717 td.layout-manager-column-add_hover {
720 td.layout-manager-column-add {
721 vertical-align:middle;
724 div.layout-manager-column-remove {
725 padding:0em 0.5em 0.5em 0.5em;
730 div.layout-manager-column-remove_hover {
734 .layout-manager-column-width {
738 .layout-manager-chooser {
741 .layout-manager-chooser td {
744 .layout-manager-chooser_selected {
761 background-color: #ffc0cb; /* pink */
768 background-color: inherit;
775 background-color: inherit;
780 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
781 background: url(../../images/img-shadow.gif) no-repeat bottom right;
782 margin: 10px 0 0 10px !important;
783 margin: 10px 0 0 5px;
789 background-color: #fff;
790 border: 1px solid #a9a9a9;
791 margin: -6px 6px 6px -6px;
797 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
798 background: url(../../images/img-shadow.gif) no-repeat bottom right;
799 margin: 4px 0 0 4px !important;
806 background-color: #fff;
807 border: 1px solid #a9a9a9;
808 margin: -2px 2px 2px -2px;
820 border: 1px solid #a9a9a9;
825 .img-shadow-xs img:hover {
848 border:1px solid #CCCCCC;
879 border: 1px solid #ccc;