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 .tt {font-family: monospace;}
266 .bgcolor-grey {background-color: #e5e5e5;}
267 .bgcolor-white {background-color: white;}
269 .width-100p100 {width: 100%;}
270 .fullwidth {width: 100%;}
271 .halfwidth {width: 50%;}
272 .onethirdwidth {width: 33.33333%;}
273 .twothirdswidth {width: 66.66667%;}
274 .onequarterwidth {width: 25%;}
276 /* A table with two columns, first one right-aligned and bold */
277 table.infotable tr { vertical-align: top; }
278 table.infotable td:first-child { font-weight: bold; text-align: right; padding-right: 4px;}
284 margin-left: auto; margin-right: auto;
287 .selected {background-color:pink; }
289 .hide {display: none; }
300 background-color: #99ff99;
301 text-decoration: none;
306 background-color: #d3d3d3;
310 background-color: #99ffff;
314 background-color: #ffaa00;
318 background-color: white;
322 ----------------------------------------------- */
323 .tag1, .tag2, .tag3, .tag4, .tag5 {
329 .tag1 {font-size: 77%;} /* 10px */
330 .tag2 {font-size: 93%;} /* 12px */
331 .tag3 {font-size: 108%;} /* 14px */
332 .tag4 {font-size: 123.1%;} /* 16px */
333 .tag5 {font-size: 138.5%;} /* 18px */
336 ----------------------------------------------- */
337 .my-layout-table {width: 100%; }
338 .my-layout-table td {text-align:left; vertical-align:top; }
341 ----------------------------------------------- */
342 #forge-frs .frs-monitor-package {
346 .frs_release_name_version {
350 /* Progress bargraph (trackers) */
352 border: 1px solid #d7d7d7;
353 border-collapse: collapse;
363 table.progress_legend {
368 table.progress a, table.progress :link, table.progress :visited,
369 table.progress :link:hover, table.progress :visited:hover {
375 text-decoration: none;
377 table.progress td { background: #fff; padding: 0 }
378 table.progress td :hover { background: none }
380 /* style for warning messages box */
385 background-color: #ffd297; /* orange */
386 border-color: #FFA500; /* orange */
396 padding: 10px 10px 10px 10px;
401 background-color: #BDE5F8;
407 border-right: #bcbcad 1px dashed;
408 border-top: #bcbcad 1px dashed;
409 border-left: #bcbcad 1px dashed;
410 border-bottom: #bcbcad 1px dashed;
411 background-color: transparent;
416 border: 1px solid #bcbcad;
421 .widget_preferences {
423 border-bottom: 1px solid #bcbcad;
425 .widget_preferences form {
429 background: #E0DDD2 url(../../images/widget/widget-header.png) left top repeat-x;
438 .widget_titlebar_handle {
442 .widget_titlebar_title {
446 .widget_titlebar_close,
447 .widget_titlebar_rss,
448 .widget_titlebar_prefs,
449 .widget_titlebar_minimize,
450 .widget_titlebar_maximize {
455 .widget_titlebar_rss a, .widget_titlebar_rss a:link, .widget_titlebar_rss a:visited, .widget_titlebar_rss a:hover,
456 .widget_titlebar_prefs a, .widget_titlebar_prefs a:link, .widget_titlebar_prefs a:visited, .widget_titlebar_prefs a:hover {
460 text-decoration: none;
464 list-style-type: none;
468 border-bottom: 1px solid gray;
471 .widget_toolbar li a:link,
472 .widget_toolbar li a:visited,
473 .widget_toolbar li a:active {
474 text-decoration: none;
482 .widget_toolbar li a:hover {
484 border-bottom: 4px solid gray;
488 .widget_toolbar li.current a {
490 border-bottom: 4px solid #333;
494 #widget-content-categ {
499 list-style-type: none;
504 #widget-categories li.selected {
510 #widget-categories li.selected a:after {
514 #widget-categories li a span {
519 background: transparent url('../../images/widget/widget-preview.png') top left no-repeat;
525 .widget-preview-bookmarks {
526 background-image: url('../../images/widget/widget-preview-favorites.png');
529 .widget-preview-mymonitoredfp-fr_FR {
530 background-image: url('../../images/widget/widget-preview-monitored_files-fr_FR.png');
533 .widget-preview-mymonitoredfp-en_US {
534 background-image: url('../../images/widget/widget-preview-monitored_files-en_US.png');
537 .widget-preview-mymonitoredforums-fr_FR {
538 background-image: url('../../images/widget/widget-preview-monitored_forums-fr_FR.png');
541 .widget-preview-mymonitoredforums-en_US {
542 background-image: url('../../images/widget/widget-preview-monitored_forums-en_US.png');
545 .widget-preview-myartifacts-fr_FR,
546 .widget-preview-myartifacts-en_US {
547 background-image: url('../../images/widget/widget-preview-my_artifacts.png');
550 .widget-preview-myprojects-fr_FR {
551 background-image: url('../../images/widget/widget-preview-my_projects-fr_FR.png');
554 .widget-preview-myprojects-en_US {
555 background-image: url('../../images/widget/widget-preview-my_projects-en_US.png');
558 .widget-preview-mybookmarks-fr_FR {
559 background-image: url('../../images/widget/widget-preview-my_bookmarks-fr_FR.png');
562 .widget-preview-mybookmarks-en_US {
563 background-image: url('../../images/widget/widget-preview-my_bookmarks-en_US.png');
566 .widget-preview-mysurveys-fr_FR {
567 background-image: url('../../images/widget/widget-preview-my_surveys-fr_FR.png');
570 .widget-preview-mysurveys-en_US {
571 background-image: url('../../images/widget/widget-preview-my_surveys-en_US.png');
574 .widget-preview-myadmin-fr_FR {
575 background-image: url('../../images/widget/widget-preview-my_admin-fr_FR.png');
578 .widget-preview-myadmin-en_US {
579 background-image: url('../../images/widget/widget-preview-my_admin-en_US.png');
582 .widget-preview-mylatestsvncommits-fr_FR {
583 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-fr_FR.png');
586 .widget-preview-mylatestsvncommits-en_US {
587 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-en_US.png');
590 .widget-preview-projectlatestfilereleases-fr_FR {
591 background-image: url('../../images/widget/widget-preview-latest_file_releases-fr_FR.png');
594 .widget-preview-projectlatestfilereleases-en_US {
595 background-image: url('../../images/widget/widget-preview-latest_file_releases-en_US.png');
598 .widget-preview-projectlatestsvncommits-fr_FR {
599 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-fr_FR.png');
602 .widget-preview-projectlatestsvncommits-en_US {
603 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-en_US.png');
606 .widget-preview-projectlatestnews-fr_FR {
607 background-image: url('../../images/widget/widget-preview-project_latest_news-fr_FR.png');
610 .widget-preview-projectlatestnews-en_US {
611 background-image: url('../../images/widget/widget-preview-project_latest_news-en_US.png');
614 .widget-preview-projectpublicareas-fr_FR {
615 background-image: url('../../images/widget/widget-preview-project_public_areas-fr_FR.png');
618 .widget-preview-projectpublicareas-en_US {
619 background-image: url('../../images/widget/widget-preview-project_public_areas-en_US.png');
622 .widget-preview-projectdescription-fr_FR {
623 background-image: url('../../images/widget/widget-preview-project_description-fr_FR.png');
626 .widget-preview-projectdescription-en_US {
627 background-image: url('../../images/widget/widget-preview-project_description-en_US.png');
630 .widget-preview-projectclassification-fr_FR {
631 background-image: url('../../images/widget/widget-preview-project_classification-fr_FR.png');
634 .widget-preview-projectclassification-en_US {
635 background-image: url('../../images/widget/widget-preview-project_classification-en_US.png');
638 .widget-preview-projectmembers-fr_FR {
639 background-image: url('../../images/widget/widget-preview-project_members-fr_FR.png');
642 .widget-preview-projectmembers-en_US {
643 background-image: url('../../images/widget/widget-preview-project_members-en_US.png');
646 .widget-preview-mysystemevent-fr_FR {
647 background-image: url('../../images/widget/widget-preview-mysystemevent-fr_FR.png');
650 .widget-preview-mysystemevent-en_US {
651 background-image: url('../../images/widget/widget-preview-mysystemevent-en_US.png');
654 .widget-preview-mytwitterfollow-en_US,
655 .widget-preview-projecttwitterfollow-en_US,
656 .widget-preview-mytwitterfollow-fr_FR,
657 .widget-preview-projecttwitterfollow-fr_FR {
658 background-image: url('../../images/widget/widget-preview-twitterfollow.png');
661 .widget-preview-myrss-en_US,
662 .widget-preview-projectrss-en_US,
663 .widget-preview-myrss-fr_FR,
664 .widget-preview-projectrss-fr_FR {
665 background-image: url('../../images/widget/widget-preview-rss.png');
668 .widget-preview-projectsvnstats-en_US,
669 .widget-preview-projectsvnstats-fr_FR {
670 background-image: url('../../images/widget/widget-preview-project_svn-stats.png');
675 /* {{{ Layout Manager */
677 border:1px solid #666;
682 #layout-manager table {
683 border-collapse: separate;
686 #layout-manager input {
688 font-family: arial,helvetica, sans-serif;
690 table.layout-manager-row {
695 td.layout-manager-column {
696 border:1px solid #9b9;
702 div.layout-manager-row-add,
703 td.layout-manager-column-add {
709 div.layout-manager-row-add {
712 div.layout-manager-row-add_hover,
713 td.layout-manager-column-add_hover {
718 td.layout-manager-column-add_hover {
721 td.layout-manager-column-add {
722 vertical-align:middle;
725 div.layout-manager-column-remove {
726 padding:0em 0.5em 0.5em 0.5em;
731 div.layout-manager-column-remove_hover {
735 .layout-manager-column-width {
739 .layout-manager-chooser {
742 .layout-manager-chooser td {
745 .layout-manager-chooser_selected {
762 background-color: #ffc0cb; /* pink */
769 background-color: inherit;
776 background-color: inherit;
781 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
782 background: url(../../images/img-shadow.gif) no-repeat bottom right;
783 margin: 10px 0 0 10px !important;
784 margin: 10px 0 0 5px;
790 background-color: #fff;
791 border: 1px solid #a9a9a9;
792 margin: -6px 6px 6px -6px;
798 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
799 background: url(../../images/img-shadow.gif) no-repeat bottom right;
800 margin: 4px 0 0 4px !important;
807 background-color: #fff;
808 border: 1px solid #a9a9a9;
809 margin: -2px 2px 2px -2px;
821 border: 1px solid #a9a9a9;
826 .img-shadow-xs img:hover {
850 border:1px solid #CCCCCC;
881 border: 1px solid #ccc;