pluto-portal/src/main/webapp/css/plutoGreen.css

/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
body {
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 95%;
}

th, td {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 95%;
}

/** 'tooltip' block **/

a.tooltip {
    position:relative;
    z-index:24; 
    background-color:#ccc;
    color:#000;
    text-decoration:none;
}

a.tooltip:hover {
     z-index:25; 
     background-color:#ff0;
}

a.tooltip span.tooltip {
     display: none;
}

a.tooltip:hover span.tooltip {
    display:block;
    position:float;
    top:-2em; left:28em; width:5em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
}


/** 'portal' block **/

#portal {

}

/** 'header' block **/

#header {
  background: #8DDFA5 url('../images/bannerGreen.png') no-repeat top left;
  border-bottom: 1px solid #2E6794;
  width: auto;
  height: 50px;
  margin: 0px;
  vertical-align: top;
}

#header h1 {
  display: none;
  margin: 5px 10px 5px 10px;
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-serif;
  font-size: 200%;
}

#header p {
  display: none;
  margin: 0px 10px 0px 10px;
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-serif;
  font-size: smaller;
}

#logout {
/*   float:right; */
  font-size:smaller;
}

/** 'content' block **/

#content {
  float: right;
  width: 83%;
  font-size: 9pt;
}

/** 'portlet' block **/

#portlets-left-column {
  margin: 0;
  padding: 0;
  width: 49%;
  float: left;
  overflow:hidden;
}

#portlets-right-column {
  margin: 0;
  padding: 0;
  width: 49%;
  float: right;
}

.portlet {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 1px solid #2E6794;
}

.portlet .header {
  white-space: nowrap;
  background-color: #8DDFA5;
  color: #FFFFFF;
  font-weight: bold;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #2E6794;
}

.portlet .header h2 {
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-serif;
  font-size: 10pt;
  float: none;
}

.portlet .header span {
  width: 16px;
  height: 16px;
  float: right;
}

.portlet .header .title {
   max-width: 85%;
   overflow: hidden;
}


/** 'portlet' block: portlet mode and window state controls **/

.portlet .header span.minimized {
  background: url(../images/controls/min.png) no-repeat;
}

.portlet .header span.maximized {
  background: url(../images/controls/max.png) no-repeat;
}

.portlet .header span.normal {
  background: url(../images/controls/norm.png) no-repeat;
}

.portlet .header span.view {
  background: url(../images/controls/view.png) no-repeat;
}

.portlet .header span.edit {
  background: url(../images/controls/edit.png) no-repeat;
}

.portlet .header span.help {
  background: url(../images/controls/help.png) no-repeat;
}

.portlet .body {
  padding: 10px;
}


/** 'footer' block **/

#footer {
  clear: both;
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-serif;
  font-size: smaller;
  color: #808080;
  text-align: center;
  margin: 0px;
  padding: 4px 20px 4px 20px;
  border-top-width: 1px;
  border-top-color: #888888;
  border-top-style: dotted;
}


/** Login page styles **/

fieldset {
  margin: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #2E6794;
}

legend {
  color: #2E6794;
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-serif;
  font-weight: bold;
}

label {
  clear: both;
  width: 40%;
  float: left;
  text-align: right;
  margin: 0px 5px 10px 0px;
}

input {
  color: #2E6794;
  background-color: #8DDFA5;
  margin: 0px 0px 10px 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #2E6794;
}

/** navigation block **/

#nav {
   float: left;
   font-size: 8pt;
   width: 16%;
   overflow: hidden;
}

#navigation .selected, #navigation .selected a {
  /** color: #6D97BF; **/
  color: #FFFFFF;
  font-weight: bold;
}

#navigation {
    position: relative;
/*     float: top; */
    width: 100%;
    padding: 0 0 1.75em 1em;
    margin: 0;
    list-style: none;
    line-height: 1em;
}

#navigation LI {
/*     float: left; */
    margin: 0;
    padding: 0;
}

#navigation A {
    display: block;
    color: #444;
    text-decoration: none;
    font-weight: bold;
    background: #8DDFA5;
    margin: 0;
    padding: 0.25em 1em;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #aaa;
}

#navigation A:hover,
#navigation A:active,
#navigation A.here:link,
#navigation A.here:visited {
    background:#bbb;
}

#navigation A.here:link,
#navigation A.here:visited {
    position: relative;
    z-index: 102;
}