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;}
261 .nowrap {white-space: nowrap;}
263 .bgcolor-grey {background-color: #e5e5e5;}
264 .bgcolor-white {background-color: white;}
266 .width-100p100 {width: 100%;}
267 .fullwidth {width: 100%;}
268 .halfwidth {width: 50%;}
269 .onethirdwidth {width: 33%;}
270 .twothirdswidth {width: 66%;}
271 .onequarterwidth {width: 25%;}
273 /* A table with two columns, first one right-aligned and bold */
274 table.infotable tr { vertical-align: top; }
275 table.infotable td:first-child { font-weight: bold; text-align: right; padding-right: 4px;}
281 .selected {background-color:pink; }
283 .hide {display: none; }
294 background-color: #99ff99;
295 text-decoration: none;
300 background-color: #d3d3d3;
304 background-color: #99ffff;
308 background-color: #ffaa00;
312 background-color: white;
316 ----------------------------------------------- */
317 .tag1, .tag2, .tag3, .tag4, .tag5 {
323 .tag1 {font-size: 77%;} /* 10px */
324 .tag2 {font-size: 93%;} /* 12px */
325 .tag3 {font-size: 108%;} /* 14px */
326 .tag4 {font-size: 123.1%;} /* 16px */
327 .tag5 {font-size: 138.5%;} /* 18px */
330 ----------------------------------------------- */
331 .my-layout-table {width: 100%; }
332 .my-layout-table td {text-align:left; vertical-align:top; }
335 ----------------------------------------------- */
336 #forge-frs .frs-monitor-package {
340 .frs_release_name_version {
344 /* Progress bargraph (trackers) */
346 border: 1px solid #d7d7d7;
347 border-collapse: collapse;
357 table.progress_legend {
362 table.progress a, table.progress :link, table.progress :visited,
363 table.progress :link:hover, table.progress :visited:hover {
369 text-decoration: none;
371 table.progress td { background: #fff; padding: 0 }
372 table.progress td :hover { background: none }
374 /* style for warning messages box */
379 background-color: #ffd297; /* orange */
380 border-color: #FFA500; /* orange */
390 padding: 10px 10px 10px 10px;
395 background-color: #BDE5F8;
401 border-right: #bcbcad 1px dashed;
402 border-top: #bcbcad 1px dashed;
403 border-left: #bcbcad 1px dashed;
404 border-bottom: #bcbcad 1px dashed;
405 background-color: transparent;
410 border: 1px solid #bcbcad;
415 .widget_preferences {
417 border-bottom: 1px solid #bcbcad;
419 .widget_preferences form {
423 background: #E0DDD2 url(../../images/widget/widget-header.png) left top repeat-x;
432 .widget_titlebar_handle {
436 .widget_titlebar_title {
440 .widget_titlebar_close,
441 .widget_titlebar_rss,
442 .widget_titlebar_prefs,
443 .widget_titlebar_minimize,
444 .widget_titlebar_maximize {
448 .widget_titlebar_rss,
449 .widget_titlebar_prefs {
453 .widget_titlebar_rss a, .widget_titlebar_rss a:link, .widget_titlebar_rss a:visited, .widget_titlebar_rss a:hover,
454 .widget_titlebar_prefs a, .widget_titlebar_prefs a:link, .widget_titlebar_prefs a:visited, .widget_titlebar_prefs a:hover {
458 text-decoration: none;
462 list-style-type: none;
466 border-bottom: 1px solid gray;
469 .widget_toolbar li a:link,
470 .widget_toolbar li a:visited,
471 .widget_toolbar li a:active {
472 text-decoration: none;
480 .widget_toolbar li a:hover {
482 border-bottom: 4px solid gray;
486 .widget_toolbar li.current a {
488 border-bottom: 4px solid #333;
492 #widget-content-categ {
497 list-style-type: none;
502 #widget-categories li.selected {
508 #widget-categories li.selected a:after {
512 #widget-categories li a span {
517 background: transparent url('../../images/widget/widget-preview.png') top left no-repeat;
523 .widget-preview-bookmarks {
524 background-image: url('../../images/widget/widget-preview-favorites.png');
527 .widget-preview-mymonitoredfp-fr_FR {
528 background-image: url('../../images/widget/widget-preview-monitored_files-fr_FR.png');
531 .widget-preview-mymonitoredfp-en_US {
532 background-image: url('../../images/widget/widget-preview-monitored_files-en_US.png');
535 .widget-preview-mymonitoredforums-fr_FR {
536 background-image: url('../../images/widget/widget-preview-monitored_forums-fr_FR.png');
539 .widget-preview-mymonitoredforums-en_US {
540 background-image: url('../../images/widget/widget-preview-monitored_forums-en_US.png');
543 .widget-preview-myartifacts-fr_FR,
544 .widget-preview-myartifacts-en_US {
545 background-image: url('../../images/widget/widget-preview-my_artifacts.png');
548 .widget-preview-myprojects-fr_FR {
549 background-image: url('../../images/widget/widget-preview-my_projects-fr_FR.png');
552 .widget-preview-myprojects-en_US {
553 background-image: url('../../images/widget/widget-preview-my_projects-en_US.png');
556 .widget-preview-mybookmarks-fr_FR {
557 background-image: url('../../images/widget/widget-preview-my_bookmarks-fr_FR.png');
560 .widget-preview-mybookmarks-en_US {
561 background-image: url('../../images/widget/widget-preview-my_bookmarks-en_US.png');
564 .widget-preview-mysurveys-fr_FR {
565 background-image: url('../../images/widget/widget-preview-my_surveys-fr_FR.png');
568 .widget-preview-mysurveys-en_US {
569 background-image: url('../../images/widget/widget-preview-my_surveys-en_US.png');
572 .widget-preview-myadmin-fr_FR {
573 background-image: url('../../images/widget/widget-preview-my_admin-fr_FR.png');
576 .widget-preview-myadmin-en_US {
577 background-image: url('../../images/widget/widget-preview-my_admin-en_US.png');
580 .widget-preview-mylatestsvncommits-fr_FR {
581 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-fr_FR.png');
584 .widget-preview-mylatestsvncommits-en_US {
585 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-en_US.png');
588 .widget-preview-projectlatestfilereleases-fr_FR {
589 background-image: url('../../images/widget/widget-preview-latest_file_releases-fr_FR.png');
592 .widget-preview-projectlatestfilereleases-en_US {
593 background-image: url('../../images/widget/widget-preview-latest_file_releases-en_US.png');
596 .widget-preview-projectlatestsvncommits-fr_FR {
597 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-fr_FR.png');
600 .widget-preview-projectlatestsvncommits-en_US {
601 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-en_US.png');
604 .widget-preview-projectlatestnews-fr_FR {
605 background-image: url('../../images/widget/widget-preview-project_latest_news-fr_FR.png');
608 .widget-preview-projectlatestnews-en_US {
609 background-image: url('../../images/widget/widget-preview-project_latest_news-en_US.png');
612 .widget-preview-projectpublicareas-fr_FR {
613 background-image: url('../../images/widget/widget-preview-project_public_areas-fr_FR.png');
616 .widget-preview-projectpublicareas-en_US {
617 background-image: url('../../images/widget/widget-preview-project_public_areas-en_US.png');
620 .widget-preview-projectdescription-fr_FR {
621 background-image: url('../../images/widget/widget-preview-project_description-fr_FR.png');
624 .widget-preview-projectdescription-en_US {
625 background-image: url('../../images/widget/widget-preview-project_description-en_US.png');
628 .widget-preview-projectclassification-fr_FR {
629 background-image: url('../../images/widget/widget-preview-project_classification-fr_FR.png');
632 .widget-preview-projectclassification-en_US {
633 background-image: url('../../images/widget/widget-preview-project_classification-en_US.png');
636 .widget-preview-projectmembers-fr_FR {
637 background-image: url('../../images/widget/widget-preview-project_members-fr_FR.png');
640 .widget-preview-projectmembers-en_US {
641 background-image: url('../../images/widget/widget-preview-project_members-en_US.png');
644 .widget-preview-mysystemevent-fr_FR {
645 background-image: url('../../images/widget/widget-preview-mysystemevent-fr_FR.png');
648 .widget-preview-mysystemevent-en_US {
649 background-image: url('../../images/widget/widget-preview-mysystemevent-en_US.png');
652 .widget-preview-mytwitterfollow-en_US,
653 .widget-preview-projecttwitterfollow-en_US,
654 .widget-preview-mytwitterfollow-fr_FR,
655 .widget-preview-projecttwitterfollow-fr_FR {
656 background-image: url('../../images/widget/widget-preview-twitterfollow.png');
659 .widget-preview-myrss-en_US,
660 .widget-preview-projectrss-en_US,
661 .widget-preview-myrss-fr_FR,
662 .widget-preview-projectrss-fr_FR {
663 background-image: url('../../images/widget/widget-preview-rss.png');
666 .widget-preview-projectsvnstats-en_US,
667 .widget-preview-projectsvnstats-fr_FR {
668 background-image: url('../../images/widget/widget-preview-project_svn-stats.png');
673 /* {{{ Layout Manager */
675 border:1px solid #666;
680 #layout-manager table {
681 border-collapse: separate;
684 #layout-manager input {
686 font-family: arial,helvetica, sans-serif;
688 table.layout-manager-row {
693 td.layout-manager-column {
694 border:1px solid #9b9;
700 div.layout-manager-row-add,
701 td.layout-manager-column-add {
707 div.layout-manager-row-add {
710 div.layout-manager-row-add_hover,
711 td.layout-manager-column-add_hover {
716 td.layout-manager-column-add_hover {
719 td.layout-manager-column-add {
720 vertical-align:middle;
723 div.layout-manager-column-remove {
724 padding:0em 0.5em 0.5em 0.5em;
729 div.layout-manager-column-remove_hover {
733 .layout-manager-column-width {
737 .layout-manager-chooser {
740 .layout-manager-chooser td {
743 .layout-manager-chooser_selected {
760 background-color: #ffc0cb; /* pink */
767 background-color: inherit;
774 background-color: inherit;
779 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
780 background: url(../../images/img-shadow.gif) no-repeat bottom right;
781 margin: 10px 0 0 10px !important;
782 margin: 10px 0 0 5px;
788 background-color: #fff;
789 border: 1px solid #a9a9a9;
790 margin: -6px 6px 6px -6px;
796 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
797 background: url(../../images/img-shadow.gif) no-repeat bottom right;
798 margin: 4px 0 0 4px !important;
805 background-color: #fff;
806 border: 1px solid #a9a9a9;
807 margin: -2px 2px 2px -2px;
819 border: 1px solid #a9a9a9;
824 .img-shadow-xs img:hover {
847 border:1px solid #CCCCCC;
878 border: 1px solid #ccc;