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 #globalWrapper #toc ul li, #globalWrapper .toc ul li {
351 margin:0em 0em 0.1em 0em;
352 list-style-image:none;
353 list-style-type:none;
356 /* Progress bargraph (trackers) */
358 border: 1px solid #d7d7d7;
359 border-collapse: collapse;
369 table.progress_legend {
374 table.progress a, table.progress :link, table.progress :visited,
375 table.progress :link:hover, table.progress :visited:hover {
381 text-decoration: none;
383 table.progress td { background: #fff; padding: 0 }
384 table.progress td :hover { background: none }
386 /* style for warning messages box */
391 background-color: #ffd297; /* orange */
392 border-color: #FFA500; /* orange */
402 padding: 10px 10px 10px 10px;
407 background-color: #BDE5F8;
413 border-right: #bcbcad 1px dashed;
414 border-top: #bcbcad 1px dashed;
415 border-left: #bcbcad 1px dashed;
416 border-bottom: #bcbcad 1px dashed;
417 background-color: transparent;
422 border: 1px solid #bcbcad;
427 .widget_preferences {
429 border-bottom: 1px solid #bcbcad;
431 .widget_preferences form {
435 background: #E0DDD2 url(../../images/widget/widget-header.png) left top repeat-x;
444 .widget_titlebar_handle {
448 .widget_titlebar_title {
452 .widget_titlebar_close,
453 .widget_titlebar_rss,
454 .widget_titlebar_prefs,
455 .widget_titlebar_minimize,
456 .widget_titlebar_maximize {
461 .widget_titlebar_rss a, .widget_titlebar_rss a:link, .widget_titlebar_rss a:visited, .widget_titlebar_rss a:hover,
462 .widget_titlebar_prefs a, .widget_titlebar_prefs a:link, .widget_titlebar_prefs a:visited, .widget_titlebar_prefs a:hover {
466 text-decoration: none;
470 list-style-type: none;
474 border-bottom: 1px solid gray;
477 .widget_toolbar li a:link,
478 .widget_toolbar li a:visited,
479 .widget_toolbar li a:active {
480 text-decoration: none;
488 .widget_toolbar li a:hover {
490 border-bottom: 4px solid gray;
494 .widget_toolbar li.current a {
496 border-bottom: 4px solid #333;
500 #widget-content-categ {
505 list-style-type: none;
510 #widget-categories li.selected {
516 #widget-categories li.selected a:after {
520 #widget-categories li a span {
525 background: transparent url('../../images/widget/widget-preview.png') top left no-repeat;
531 .widget-preview-bookmarks {
532 background-image: url('../../images/widget/widget-preview-favorites.png');
535 .widget-preview-mymonitoredfp-fr_FR {
536 background-image: url('../../images/widget/widget-preview-monitored_files-fr_FR.png');
539 .widget-preview-mymonitoredfp-en_US {
540 background-image: url('../../images/widget/widget-preview-monitored_files-en_US.png');
543 .widget-preview-mymonitoredforums-fr_FR {
544 background-image: url('../../images/widget/widget-preview-monitored_forums-fr_FR.png');
547 .widget-preview-mymonitoredforums-en_US {
548 background-image: url('../../images/widget/widget-preview-monitored_forums-en_US.png');
551 .widget-preview-myartifacts-fr_FR,
552 .widget-preview-myartifacts-en_US {
553 background-image: url('../../images/widget/widget-preview-my_artifacts.png');
556 .widget-preview-myprojects-fr_FR {
557 background-image: url('../../images/widget/widget-preview-my_projects-fr_FR.png');
560 .widget-preview-myprojects-en_US {
561 background-image: url('../../images/widget/widget-preview-my_projects-en_US.png');
564 .widget-preview-mybookmarks-fr_FR {
565 background-image: url('../../images/widget/widget-preview-my_bookmarks-fr_FR.png');
568 .widget-preview-mybookmarks-en_US {
569 background-image: url('../../images/widget/widget-preview-my_bookmarks-en_US.png');
572 .widget-preview-mysurveys-fr_FR {
573 background-image: url('../../images/widget/widget-preview-my_surveys-fr_FR.png');
576 .widget-preview-mysurveys-en_US {
577 background-image: url('../../images/widget/widget-preview-my_surveys-en_US.png');
580 .widget-preview-myadmin-fr_FR {
581 background-image: url('../../images/widget/widget-preview-my_admin-fr_FR.png');
584 .widget-preview-myadmin-en_US {
585 background-image: url('../../images/widget/widget-preview-my_admin-en_US.png');
588 .widget-preview-mylatestsvncommits-fr_FR {
589 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-fr_FR.png');
592 .widget-preview-mylatestsvncommits-en_US {
593 background-image: url('../../images/widget/widget-preview-my_latest_svn_commits-en_US.png');
596 .widget-preview-projectlatestfilereleases-fr_FR {
597 background-image: url('../../images/widget/widget-preview-latest_file_releases-fr_FR.png');
600 .widget-preview-projectlatestfilereleases-en_US {
601 background-image: url('../../images/widget/widget-preview-latest_file_releases-en_US.png');
604 .widget-preview-projectlatestsvncommits-fr_FR {
605 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-fr_FR.png');
608 .widget-preview-projectlatestsvncommits-en_US {
609 background-image: url('../../images/widget/widget-preview-project_latest_svn_commits-en_US.png');
612 .widget-preview-projectlatestnews-fr_FR {
613 background-image: url('../../images/widget/widget-preview-project_latest_news-fr_FR.png');
616 .widget-preview-projectlatestnews-en_US {
617 background-image: url('../../images/widget/widget-preview-project_latest_news-en_US.png');
620 .widget-preview-projectpublicareas-fr_FR {
621 background-image: url('../../images/widget/widget-preview-project_public_areas-fr_FR.png');
624 .widget-preview-projectpublicareas-en_US {
625 background-image: url('../../images/widget/widget-preview-project_public_areas-en_US.png');
628 .widget-preview-projectdescription-fr_FR {
629 background-image: url('../../images/widget/widget-preview-project_description-fr_FR.png');
632 .widget-preview-projectdescription-en_US {
633 background-image: url('../../images/widget/widget-preview-project_description-en_US.png');
636 .widget-preview-projectclassification-fr_FR {
637 background-image: url('../../images/widget/widget-preview-project_classification-fr_FR.png');
640 .widget-preview-projectclassification-en_US {
641 background-image: url('../../images/widget/widget-preview-project_classification-en_US.png');
644 .widget-preview-projectmembers-fr_FR {
645 background-image: url('../../images/widget/widget-preview-project_members-fr_FR.png');
648 .widget-preview-projectmembers-en_US {
649 background-image: url('../../images/widget/widget-preview-project_members-en_US.png');
652 .widget-preview-mysystemevent-fr_FR {
653 background-image: url('../../images/widget/widget-preview-mysystemevent-fr_FR.png');
656 .widget-preview-mysystemevent-en_US {
657 background-image: url('../../images/widget/widget-preview-mysystemevent-en_US.png');
660 .widget-preview-mytwitterfollow-en_US,
661 .widget-preview-projecttwitterfollow-en_US,
662 .widget-preview-mytwitterfollow-fr_FR,
663 .widget-preview-projecttwitterfollow-fr_FR {
664 background-image: url('../../images/widget/widget-preview-twitterfollow.png');
667 .widget-preview-myrss-en_US,
668 .widget-preview-projectrss-en_US,
669 .widget-preview-myrss-fr_FR,
670 .widget-preview-projectrss-fr_FR {
671 background-image: url('../../images/widget/widget-preview-rss.png');
674 .widget-preview-projectsvnstats-en_US,
675 .widget-preview-projectsvnstats-fr_FR {
676 background-image: url('../../images/widget/widget-preview-project_svn-stats.png');
679 .widget-preview-projectdocumentsactivity-en_US {
680 background-image: url('../../images/widget/widget-preview-project_documentsactivity-en_US.png');
685 /* {{{ Layout Manager */
687 border:1px solid #666;
692 #layout-manager table {
693 border-collapse: separate;
696 #layout-manager input {
698 font-family: arial,helvetica, sans-serif;
700 table.layout-manager-row {
705 td.layout-manager-column {
706 border:1px solid #9b9;
712 div.layout-manager-row-add,
713 td.layout-manager-column-add {
719 div.layout-manager-row-add {
722 div.layout-manager-row-add_hover,
723 td.layout-manager-column-add_hover {
728 td.layout-manager-column-add_hover {
731 td.layout-manager-column-add {
732 vertical-align:middle;
735 div.layout-manager-column-remove {
736 padding:0em 0.5em 0.5em 0.5em;
741 div.layout-manager-column-remove_hover {
745 .layout-manager-column-width {
749 .layout-manager-chooser {
752 .layout-manager-chooser td {
755 .layout-manager-chooser_selected {
772 background-color: #ffc0cb; /* pink */
779 background-color: inherit;
786 background-color: inherit;
791 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
792 background: url(../../images/img-shadow.gif) no-repeat bottom right;
793 margin: 10px 0 0 10px !important;
794 margin: 10px 0 0 5px;
800 background-color: #fff;
801 border: 1px solid #a9a9a9;
802 margin: -6px 6px 6px -6px;
808 background: url(../../images/img-shadowAlpha.png) no-repeat bottom right !important;
809 background: url(../../images/img-shadow.gif) no-repeat bottom right;
810 margin: 4px 0 0 4px !important;
817 background-color: #fff;
818 border: 1px solid #a9a9a9;
819 margin: -2px 2px 2px -2px;
831 border: 1px solid #a9a9a9;
836 .img-shadow-xs img:hover {
860 border:1px solid #CCCCCC;
891 border: 1px solid #ccc;
896 position: relative; /* so MW can position absolutely */
897 top: -1em; /* undo div#maindiv */
898 left: -1em; /* undo div#maindiv */
900 background: #f9f9f9 url(mw-headbg.jpg) 0 0 no-repeat;
903 /* un-do some damage from the main and YUI sheets */
905 #ff-mw-wrapper p, #ff-mw-wrapper fieldset, #ff-mw-wrapper table {
906 margin:0.4em 0 0.5em;
909 #ff-mw-wrapper h1, #ff-mw-wrapper h2, #ff-mw-wrapper h3, #ff-mw-wrapper h4, #ff-mw-wrapper h5, #ff-mw-wrapper h6 {
910 padding-bottom:0.17em;
939 #ff-mw-wrapper h3, #ff-mw-wrapper h4, #ff-mw-wrapper h5 {
945 list-style-type:square;
946 margin:0.3em 0 0 1.6em;
950 #ff-mw-wrapper ul li {
952 margin:0em 0em 0.1em 0em;
953 list-style-type:square;
954 list-style-image:url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
957 #ff-mw-wrapper #toc ul, #ff-mw-wrapper .toc ul {
961 #ff-mw-wrapper #toc ul li, #ff-mw-wrapper .toc ul li {
962 margin:0em 0em 0.1em 0em;
963 list-style-image:none;
964 list-style-type:none;
967 #ff-mw-wrapper #toc ul ul, #ff-mw-wrapper .toc ul ul {
973 list-style-type:decimal;
974 margin:0.3em 0 0 3.2em;
978 #ff-mw-wrapper ol li {
979 margin:0em 0em 0.1em 0em;
980 list-style-type:decimal;
983 #ff-mw-wrapper #p-personal ul {
988 #ff-mw-wrapper #p-personal li {