/*
- * Stylesheet for SAP Forge theme.
+ * Stylesheet for FusionForge default theme.
+ * 2009 Matthieu FAURE // Open-S: global clean-up
+ *
+ * CONTENT: all generic styles (not page-related)
+ * ========================================================
*/
-BODY {
- margin-top: 0em;
- margin-left: 0em;
- margin-right: 0em;
- margin-bottom: 0em;
- color: rgb(68, 68, 68);
- background-color: rgb(247, 247, 247);
- font-family: arial, helvetica, sans-serif;
- font-size: small;
-}
-
-form { margin: 0; }
-
-img { border: 0; }
-
-a {
- text-decoration: none;
- color: rgb(1, 73, 144);
-}
-
-/*
-a:link {
- color: #0000be
-}
-a:visited {
- color: #0000be
+/* HTML elements */
+body {color: rgb(68, 68, 68); background-color: rgb(247, 247, 247); }
+form {margin:0; }
+img {border:0; }
+h1 {margin:0; }
+
+a {text-decoration:none; color:rgb(1, 73, 144); }
+a:hover {text-decoration: underline; color: rgb(247, 0, 0); }
+a.userlink {color: white; }
+a.userlink:hover {text-decoration: underline; color: white;}
+a.userlink:visited {text-decoration: none; color: white; }
+th, td {text-align:left; border:none; }
+#mydoc {text-align: left;}
+
+/* =header */
+#header {
+ background: rgb(66, 69, 82) url("../images/header/top-middle.gif") top left repeat-x;
+ font-size:77%;
+ margin: 0;
}
-
-a:active {
+#header td {padding:0; }
+#header p,
+#header a {
+ color: white;
+ font-weight: bold;
}
-*/
-
-a:hover {
- text-decoration: underline;
- color: rgb(247, 0, 0);
+#header-col1 {
+ padding:0;
+}
+#header-col2 {
+ padding:0;
+ text-align:center;
}
-
-a.userlink {
- font-size: 13px;
- font-family: arial,verdana,helvetica,sans-serif;
- color: white;
+#header-col3 {
+ padding: 0 1em 0 0;
+ text-align:right;
}
-a.userlink:hover {
- text-decoration: underline;
- color: white;
+/* =searchBox */
+#searchBox div {
+ text-align:center;
}
-a.userlink:visited {
- text-decoration: none;
- color: white;
+/* =tabGenerator */
+.tabGenerator {font-weight:bold; margin:0; }
+.tabGenerator td {padding:0; }
+.tabGenerator .tg-left div div {
+ background: 0 0 url(/themes/gforge/images/toptab-new/left.gif) no-repeat;
+ display: block;
+ width: 3px;
+ height: 30px;
}
-
-h1,h2,h3,h4,h5,h6 {
- font-family: verdana, arial, helvetica, sans-serif;
+.tabGenerator .tg-middle {
+ vertical-align: middle;
}
-
-h1 {
- font-size: x-large;
+.tabGenerator .tg-middle div div {
+ background: url(/themes/gforge/images/toptab-new/middle.gif);
+ text-align:center;
+ vertical-align: middle;
+ height: 30px;
}
-
-h2 {
- font-size: large;
+.tabGenerator .tg-right div div {
+ background: 0 0 url(/themes/gforge/images/toptab-new/right.gif) no-repeat;
+ display: block;
+ width: 9px;
+ height: 30px;
}
-h3 {
- font-size: medium;
-}
+.tabGenerator .tg-left div div.nested {width:5px; }
+.tabGenerator .tg-right div div.nested {width:2px; }
+.tabGenerator .tg-left div div.nested,
+.tabGenerator .tg-middle div div.nested,
+.tabGenerator .tg-right div div.nested {height: 22px; padding-top:0.5em; }
-h4 {
- font-size: small;
-}
+.tabGenerator .tg-left div.selected div {background-image:url(/themes/gforge/images/toptab-new/selected-left.gif); }
+.tabGenerator .tg-middle div.selected div {background-image: url(/themes/gforge/images/toptab-new/selected-middle.gif); }
+.tabGenerator .tg-right div.selected div {background-image: url(/themes/gforge/images/toptab-new/selected-right.gif)}
-h5 {
- font-size: x-small;
-}
+.tabGenerator .tg-left div div.nested {background:0 0 url(/themes/gforge/images/bottomtab-new/middle.gif); }
+.tabGenerator .tg-middle div div.nested {background:url(/themes/gforge/images/bottomtab-new/middle.gif); }
+.tabGenerator .tg-right div div.nested {background: 0 0 url(/themes/gforge/images/bottomtab-new/separator.gif); }
-h6 {
- font-size: xx-small;
-}
+.tabGenerator .tg-left div.selected div.nested {background:0 0 url(/themes/gforge/images/bottomtab-new/selected-middle.gif); }
+.tabGenerator .tg-middle div.selected div.nested{background:url(/themes/gforge/images/bottomtab-new/selected-middle.gif); }
+.tabGenerator .tg-right div.selected div.nested {background: 0 0 url(/themes/gforge/images/bottomtab-new/selected-separator.gif); }
-pre,tt {
- font-family: courier, sans-serif
-}
+/* set padding only for non nested tabs */
+.tabGenerator .tg-middle div div a {display:block; padding-top: 0.5em;}
+.tabGenerator .tg-middle div div.nested a {display:inline;}
-/* the style of the label on a box title */
-.titlebar {
- text-decoration: none;
- font-weight: bold;
-}
+/* set white color only for nested + selected tab */
+.tabGenerator .tg-middle div div.nested a {color: white;}
+.tabGenerator .tg-middle div.selected div.nested a {color: rgb(1,73,144);;}
+/* =tabber */
.topTab, a.topTab, a.topTab:visited, a.topTab:hover,
-.topTabSelected, a.topTabSelected, a.topTabSelected:visited,
+.topTabSelected, a.topTabSelected, a.topTabSelected:visited,
a.topTabSelected:hover {
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
}
-/* header style */
-.header {
- background: rgb(66, 69, 82) url("../images/header/top-middle.gif") top left
- repeat-x;
- /* padding-right: 1em; */
- padding-top: 0;
- padding-bottom: 0;
- padding-left: 0;
- margin: 0 0 0 0;
- vertical-align: top;
-}
-
.topLeft {
vertical-align: top;
text-align: left;
text-align: right;
}
-.header form {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- border-width: 0;
-}
-
-/*
-.header h1 {
- position: absolute;
- top: 0;
- left: 0;
- margin: 0;
- font-size: 2px;
- height: 8px;
- z-index: 100;
-}
-
-.header h1 a {
- display: block;
- width: 300px;
- height: 55px;
- background: transparent url("../images/header/top-logo.png") no-repeat;
- text-indent: -700em;
- text-decoration: none;
-}
-*/
-
-.header p,.header a {
- color: white;
- font-family: arial, helvetica, sans-serif;
- font-weight: bold;
- font-size: 0.8em;
-}
-
-.mainCanvas {
- width: 100%;
- padding: 0.6em 0.6em 0.6em 0.6em ;
- border: 0;
-}
-
.pane {
color: rgb(112, 112, 112);
background-color: white;
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
- display:none;
+ display:none;
}
/*--------------------------------------------------
.tabber {
}
.tabberlive {
- margin-top:1em;
+ margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
-ul.tabbernav
-{
- margin:0;
- padding: 3px 0;
- border-bottom: 1px solid #778;
+ul.tabbernav {
+ margin:0;
+ padding: 3px 0;
+ border-bottom: 1px solid #778;
}
-ul.tabbernav li
-{
- list-style: none;
- margin: 0;
- display: inline;
+ul.tabbernav li {
+ list-style: none;
+ margin: 0;
+ display: inline;
}
-ul.tabbernav li a
-{
- padding: 3px 0.5em;
- margin-left: 3px;
- border: 1px solid #778;
- border-bottom: none;
- background: #D0D0D0;
- text-decoration: none;
+ul.tabbernav li a {
+ padding: 3px 0.5em;
+ margin-left: 3px;
+ border: 1px solid #778;
+ border-bottom: none;
+ background: #D0D0D0;
+ text-decoration: none;
}
ul.tabbernav li a:link { color: #333333; }
ul.tabbernav li a:visited { color: #667; }
-ul.tabbernav li a:hover
-{
- color: #000;
- background: #FED620;
- border-color: #227;
+ul.tabbernav li a:hover {
+ color: #000;
+ background: #FED620;
+ border-color: #227;
}
-ul.tabbernav li.tabberactive a
-{
- background-color: #fff;
- border-bottom: 1px solid #fff;
+ul.tabbernav li.tabberactive a {
+ background-color: #fff;
+ border-bottom: 1px solid #fff;
}
-ul.tabbernav li.tabberactive a:hover
-{
- color: #000;
- background: white;
- border-bottom: 1px solid white;
+ul.tabbernav li.tabberactive a:hover {
+ color: #000;
+ background: white;
+ border-bottom: 1px solid white;
}
/*--------------------------------------------------
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
- padding:5px;
- border:1px solid #aaa;
- border-top:0;
-
- /* If you don't want the tab size changing whenever a tab is changed
- you can set a fixed height */
-
- /* height:200px; */
-
- /* If you set a fix height set overflow to auto and you will get a
- scrollbar when necessary */
-
- /* overflow:auto; */
+ padding:5px;
+ border:1px solid #aaa;
+ border-top:0;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
- display:none;
+ display:none;
}
.tabberlive .tabbertab h3 {
- display:none;
+ display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
- height:200px;
- overflow:auto;
+ height:200px;
+ overflow:auto;
+}
+
+.field-holder {
+ clear: both;
}
+/* Boxes (top / middle / bottom)
+----------------------------------------------- */
+.box-surround {
+ margin-bottom: 1em;
+}
+
+.box-title-left {
+ background-image: url(../images/box-topleft.png);
+ background-repeat: no-repeat;
+ background-position: top left;
+}
+
+.box-title-right {
+ background-image: url(../images/box-topright.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
+.box-title-content {
+ background-image: url(../images/box-grad.png);
+ margin: 0 0.5em;
+ padding: 0.2em 0.1em 0.1em;
+}
+
+.box-content {
+ background-image: url(../images/vert-grad.png);
+ padding: 0.5em;
+}
+
+.box-middle {
+ background-image: url(../images/box-grad.png);
+ margin: 0;
+ padding: 0.2em 0.5em 0.1em;
+}
+
+/* =ft (footer)
+----------------------------------------------- */
+#ft {
+ text-align:center;
+}