Rev 189 |
Blame |
Compare with Previous |
Last modification |
View Log
| RSS feed
/*********** Site Struture *************/
BODY *, .contentPortal, .contentPortal p, .contentPortal li, div {
FONT-FAMILY: "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
}
/*Errors and Warnings*/
.statusOK {
padding: 2px;
list-style-type: none;
color: green;
background-color: #FFEEDD;
}
.statusERROR * {
color: red;
}
.statusWARNING * {
padding: 2px;
list-style-type: none;
color: yellow;
background-color: black;
}
.requiredField * {
color: red;
}
.statusSearch {
color: lightblue;
}
/****************************Text Size*************************************************/
a input
{
text-decoration:none;
cursor:pointer;
}
.errorPage
{
padding:10px;
}
form ul,.errorPage ul {
margin-left: 15px;
}
UL {
margin: 0;
padding: 0;
}
h1 {
font-size: 1.2em;
margin: 0;
}
h2 {
margin: 0;
font-size: 1em;
}
.pFooter {
background-color: #8EC73F;
font-size: 0.8em;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align: right;
clear: both;
margin-top:10px;
}
.pFooter a {
font-style: italic;
}
#content .pFooter a:hover
{
color:white;
}
#body {
/*width: 950px;*/
margin-left: auto;
margin-right: auto;
}
#pageStructure {
border-collapse: collapse;
LEFT: 0;
WIDTH: 100%;
}
/*#page
{
LEFT: 0;
WIDTH: 100%
} */
TD#leftPage {
VERTICAL-ALIGN: top;
text-align: left;
}
#leftPagePosition {
CLEAR: left;
LEFT: 0;
FLOAT: left;
PADDING-TOP: 43px;
}
TD#rightPage, TD#rightPagePortal {
VERTICAL-ALIGN: top; /*WIDTH: 160px;*/
}
#rightPagePosition {
CLEAR: left;
left: 0;
FLOAT: left;
PADDING-BOTTOM: 20px;
}
/*****************************************************************************************/
/************************************** Content Structure ********************************/
.contentPortal {
padding-left: 0;
}
#content h2 a {
font-size: 0.8em;
}
#content h2 {
font-size: 1em;
}
#pageStructure #content {
border-right: 0;
border-top: 0;
border-bottom: 0;
border-left: 1px solid #8ec73f;
margin-right:1px;
}
#pageStructure td#content {
border-left: 1px solid #8ec73f;
border-right: 1px solid #8ec73f;
border-bottom: 1px solid #8ec73f;
border-top: 1px solid #8ec73f;
}
#pageStructure td.rightPage {
border-top: 1px solid #8ec73f;
}
.imageAnnouncement img, .imageBlog img
{
width: 341px;
height: 167px;
}
#content .imageAnnouncement img {
width: 341px;
height: 167px;
}
#content {
border: 1px solid #8ec73f;
text-align:left;
}
#content a:link, .content a:visited {
color: #4d4d4d;
}
#content a:hover {
color: #8EC73F
}
#content, .contentPortal {
LEFT: 0;
RIGHT: 0;
WIDTH: 100%;
PADDING-BOTTOM: 0;
VERTICAL-ALIGN: top;
}
.contentPortal {
border: #8EC73F solid 1px;
padding:5px;
}
.rightPagePortal {
background-color: #ededed;
border-right: #8EC73F solid 2px;
border-top: #8EC73F solid 2px;
border-bottom: #8EC73F solid 2px;
}
.files {
margin-left: 10px;
margin-bottom:10px;
}
.files table
{
width:100%;
}
.files table td
{
padding-top:2px;
padding-bottom:3px;
padding-right: 20px;
vertical-align:middle;
}
.files table tr.file td, .files table tr.dir td
{
border-top:1px solid black;
}
.files table th
{
text-align:left;
}
.files table th
{
text-align:left;
}
/*****************************************************************************************/
/************************************* Footer Modules ***********************************/
#footer {
HEIGHT: 50px;
PADDING-TOP: 5px;
}
#footerStructure TABLE {
BORDER-RIGHT: 0;
BORDER-TOP: 0;
RIGHT: 0;
LEFT: 0;
MARGIN: 0;
BORDER-LEFT: 0;
WIDTH: 100%;
PADDING-TOP: 0;
BORDER-BOTTOM: 0;
TOP: 0;
border-spacing: 0
}
#footerStructure TABLE TD {
VERTICAL-ALIGN: top
}
#license UL {
COLOR: #4D4D4D;
PADDING-RIGHT: 0;
PADDING-LEFT: 0;
FONT-SIZE: 12px;
TEXT-ALIGN: center;
MARGIN: 0;
LIST-STYLE-TYPE: none;
}
#footer #organizations {
}
#footer #sponsors {
}
#footer a:link, #footer a:visited {
color: #4d4d4d;
}
#footer a:hover {
color: #8EC73F;
}
/*********************************************************************************/
/****************** topnav **********************/
#topnav {
color: black;
text-decoration: none;
BACKGROUND-COLOR: #8EC73F;
FONT: 11px / 20px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
#topnav LI A:visited
{
COLOR: white;
}
#topnav LI A:hover {
COLOR: black;
BACKGROUND-COLOR: #FFFFFF
}
#topnav LI A {
color: white;
text-decoration: underline;
}
#topnav UL {
margin-top: 0;
margin-left: 0;
PADDING-RIGHT: 0;
MARGIN-bottom: 2px;
MARGIN-right: 0;
PADDING-TOP: 0;
padding-left: 15px;
LIST-STYLE-TYPE: none
}
#topnav LI {
PADDING-RIGHT: 0;
DISPLAY: inline;
PADDING-LEFT: 0;
PADDING-BOTTOM: 0;
MARGIN: 0;
PADDING-TOP: 0;
}
/*****************************************************************
* Search Results
*
*****************************************************************/
#searchResults li h1 {
background-color: #D6F0B2;
border-bottom: green 1px solid;
padding: 2px;
margin-bottom: 10px;
color: black;
}
#searchResults {
padding-left: 10px;
}
#searchResults li a {
cursor: pointer;
}
#searchresults div.result {
margin-left: 20px;
border-bottom: 1px solid #8ec73f;
margin-bottom: 15px;
padding-bottom: 0;
}
#searchResults li .module {
position: absolute;
visibility: hidden;
}
#searchResults li .module .result h2 {
color: black;
padding-top: 0;
margin-top: 10px;
cursor: pointer;
padding-bottom: 0;
}
#searchResults li .module .result p {
margin-top: 5px;
cursor: pointer;
margin-bottom: 0;
padding-bottom: 2px;
padding-top: 0;
}
#searchResults .googleLogo {
float: right;
}
#searchResults .googleLogo td {
vertical-align: middle;
color: #676767;
text-align: right;
font-size: 11px;
margin-right: 2px;
}
#searchResults .googleLogo td img {
padding-top: 3px;
}
/*************************************************************************************/
/*****************************Portal Page Template************************************/
.portal {
}
.columnTable td
{
margin-left: 10px;
}
td.column {
vertical-align: top;
}
.navLeftMenu h2 {
}
.navLeftMenu {
}
.block
{
margin-bottom:10px;
}
.block .zerofound, .block table
{
margin-left:10px;
}
.block .head
{
font-style:italic;
}
.block P, .navLeftMenu h2 {
background-color: #ededed;
padding-left: 10px;
margin: 0;
}
.block UL {
LIST-STYLE-TYPE: none;
padding-left: 10px;
}
.block a:link {
color: #4d4d4d;
text-decoration: none;
}
.block a:visited {
color: #4d4d4d;
text-decoration: none;
}
.block a:hover, .linkUnderlineGrayToGreen a:hover {
color: #8EC73F;
text-decoration: underline;
}
.portalLeftAnnouncements table {
/*table-layout: fixed;*/
/*width: 180px;*/
padding-top: 10px;
font-size: 0.8em;
}
.portalRightAnnouncements table
{
font-size: 0.8em;
}
.portalRightAnnouncements td
{
vertical-align:top;
}
.portalAnnouncement a:link, .portalAnnouncement a:visited {
margin: 0;
}
.portalAnnouncementTitle
{
white-space:nowrap;
}
.portalAnnouncementTitle a {
color: #000000;
}
.portalAnnouncement a {
text-decoration: none;
}
.portalAnnouncementText a:link, .portalAnnouncementText a:visited {
color: #4d4d4d;
}
/* todo FABIO
todo Left Manus???? ao pe de portalMenus isto esta uma confusao*/
.navleftMenu {
/*width: 180px;*/
padding-left: 10px;
}
#portalMenu li.selected a {
color: #8EC73F;
}
/**********************************************************************************
* TEMPLATES ESPECIFICOS:
*
* ContentPortal
* Standard Template
* IndexPage
*
****************************** ContentPortal ***************************/
.contentPortal h1 {
background-color: #8EC73F;
color: #FFFFFF;
font-size: 1.2em;
}
.contentPortal h2 {
font-size: 1em;
margin-top:15px;
margin-bottom:5px;
}
.contentPortal {
font-size: 0.75em;
}
.contentPortal p {
margin: 0;
color: #4d4d4d;
}
.section {
margin-bottom: 10px;
}
.contentPortal li a:link, .contentPortal a:visited, .contentPortal li {
color: #4d4d4d;
}
.contentPortal li a:hover {
color: #8EC73F;
}
.listCircleWhite ul li,.listDisc ul li, .listSquare ul li
{
background-color: transparent;
background-image: url(@contextPath@/imgs/icon_greencircle.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 50%;
padding-left: 20px;
list-style-type: none;
margin-left:10px;
vertical-align:top;
}
.listClean UL, .files UL /*Lista sem nada*/
{
LIST-STYLE-TYPE: none;
padding: 0;
margin-left: 5px;
}
.listCircleWhite UL /*Lista circulo branco*/
{
/*LIST-STYLE-TYPE: circle;*/
/*margin-left: 15px;*/
}
.listDecimal UL /*Lista decimal*/
{
LIST-STYLE-TYPE: decimal;
margin-left: 15px;
}
.listDisc UL /*Lista circulo preto*/
{
/*LIST-STYLE-TYPE: disc;*/
/*margin-left: 15px;*/
}
.listSquare UL /*Lista quadrado preto*/
{
/*LIST-STYLE-TYPE: square;*/
/*margin-left: 15px;*/
}
.portalLeftAnnouncements img {
height: 133px;
width: 177px;
}
/*PASSA PARA AQUI TUDO O QUE SEJA DE BLOCOS E VAMOS LIMPAR TUDO */
/*Isto tem de ser generico o H1 jáe um header nao necessita da classe .header para nada*/
/*Block Titles*/
#content h1, #lastnews h1 {
margin-bottom: 1px;
color: #FFFFFF;
background-color: #8EC73F;
padding-left: 10px;
}
/*********************************************************************************/
/******************************* Index Page***************************************/
#flashTopNews * td, #flashCenterNews * td, #flashBottomNews * td {
vertical-align: top;
}
/*FlashTopNews*/
#flashTopNews {
padding: 0;
margin: 0;
}
#flashTopNews .container {
background-color: #4d4d4d;
height: 95px;
width: 100%;
margin: 0;
}
#flashTopNews .container .textContainer {
margin: 0;
text-align: justify;
}
#flashTopNews .container .imageContainer {
margin: 0;
text-align: right;
text-decoration: none;
}
#flashTopNews img {
height: 167px;
width: 341px;
}
#flashTopNews * td {
vertical-align: top;
}
#flashTopNews .container .textContainer h2 {
margin: 0;
margin-top: 1px;
}
#flashTopNews .container .textContainer p {
margin: 0;
margin-top: 1px;
}
#flashTopNews h2 a:link, #flashTopNews h2 a:visited {
color: #8EC73F;
font-weight: bold;
text-decoration: none;
}
#flashTopNews p a:link, #flashTopNews p a:visited {
color: #FFFFFF;
text-decoration: none;
}
/*FlashCenterNews*/
#flashCenterNews {
margin-top: 2px;
border-top-style: dotted;
border-top-color: gray;
}
#flashCenterNews .container {
width: 100%;
margin: 0;
}
#flashCenterNews .textContainer {
padding-top: 10px;
}
#flashCenterNews h2 a:link, #flashCenterNews h2 a:visited {
color: #8EC73F;
font-weight: bold;
text-decoration: none;
}
#flashCenterNews p a:link, #flashCenterNews p a:visited {
color: #4d4d4d;
text-decoration: none;
}
#flashCenterNews img, #flashCenterNews td.imageContainer {
width: 133px;
height: 133px;
}
/*FlashBottomNews*/
#flashBottomNews img {
width: 100px;
height: 100px;
}
#flashBottomNews h2 a:link, #flashBottomNews h2 a:visited {
color: #8EC73F;
font-weight: bold;
}
#flashBottomNews p a:link, #flashBottomNews p a:visited {
color: #4d4d4d;
}
/*Last News Block*/
#lastnews {
}
#lastnews ul {
list-style: none;
width: 160px;
LIST-STYLE-TYPE: none;
padding: 0;
margin: 0;
}
#lastnews li {
margin: 0;
border-bottom: 1px solid #8ec73f;
padding-right:3px;
padding-bottom:0;
padding-top:0;
padding-left:3px;
}
#lastnews li a, .linkLeftMenu a, .linkRightMenu a {
text-decoration: none;
}
#lastnews li a:link, .linkLeftMenu a:link, .linkRightMenu a:link {
color: #4d4d4d;
}
#lastnews li a:visited, .linkLeftMenu a:visited, .linkRightMenu a:visited {
color: #4d4d4d;
}
#lastnews li a:hover, .linkLeftMenu a:hover, .linkRightMenu a:hover {
color: #8EC73F;
}
/**************************************************************************************/
/******************************** Bar Module Color ************************************/
TD #topBar {
font-weight: bold;
color: white;
background-color: #8EC73F;
padding-left: 10px;
FONT-SIZE: 18px
}
/**************************************************************************************/
/******************************** Background Color ************************************/
/*Gray background*/
#backOne {
background-color: #4D4D4D;
}
/**************************************************************************************/
/*************************Staff Links Structure***************************************/
.staffLinks P {
font-weight: bold;
}
/*************************************************************************************/
form, .boxHorizontal {
margin: 0;
border: 0 #793B0D solid;
background-color: #FFFFFF;
}
.boxHorizontal {
padding-top: 5px;
}
.form th, .boxHorizontal th {
margin: 0;
background-color: #FFFFFF;
border-top: 0px solid #793B0D;
font-weight: normal;
padding-right: 5px;
text-align: right;
vertical-align:top;
}
.form td, .boxHorizontal td {
margin: 0;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 15px;
color: #793B0D;
background-color: #FFFFFF;
border: 0 solid #793B0D;
font-size: 0.8em;
font-family: Helvetica, sans-serif;
vertical-align: top;
}
.form .buttons td, .boxHorizontal .buttons td {
text-align: left;
background-color: #FFFFFF;
}
.form textarea, .boxHorizontal textarea {
width: 600px;
height: 300px;
}
.form input[type="text"], .form input[type="password"] {
width: 600px;
}
.form input.date {
width: 100px;
}
.form input.readOnly {
background-color: #cccccc;
border-top-width: 1px;
color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.form .tableSeparator
{
border-top: 1px solid gray;
}
/* PAGE LAYOUTS */
.seccao, .seccao p {
margin: 10px;
font-size: 0.95em;
font-family: Helvetica, sans-serif;
}
.seccao p {
padding: 4px;
}
.seccao h1 {
font-size: 1.1em;
font-weight: bold;
font-family: Helvetica, sans-serif;
color: black;
}
.seccao .seccao h1 {
font-size: 1em;
font-weight: bold;
font-family: Helvetica, sans-serif;
color: red;
}
.seccao ul
{
margin: 15px;
}
/*Butões*/
input[type="text"], input[type="password"] {
}
input[type="button"], input[type="submit"] {
color: #4d4d4d;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4d4d4d;
border-right-color: #4d4d4d;
border-bottom-color: #4d4d4d;
border-left-color: #4d4d4d;
background-color: transparent;
background-attachment: scroll;
}
input[type="button"]:hover, input[type="submit"]:hover {
background-color: #8EC73F;
background-attachment: scroll;
cursor: pointer;
color: white;
}
/********************************************** Navigation Menu ********************************/
ul.menubar {
margin: 0;
padding: 0;
background-color: #FFFFFF; /* IE6 Bug */
font-size: 100%;
}
.submenu {
FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
.menu {
FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
ul.menubar .submenu {
margin: 0;
padding: 0;
list-style: none;
background-color: #FFFFFF;
float: left;
}
ul.menubar ul.menu {
display: none;
position: absolute;
margin: 0;
}
ul.menubar a {
display: block;
text-decoration: none;
color: #4D4D4D;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
ul.menubar a:hover {
display: block;
text-decoration: none;
color: #4D4D4D;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
#menuTop {
width: 100%;
}
#menuTop td.searchTab form {
text-align: right;
}
#menuTop td.searchTab form table td {
vertical-align: middle;
}
#menuTop td.searchTab input[type="text"] {
width: 200px;
}
#menuTop form td, #menuTop form th {
font-size: 0.85em;
}
#menuTop td.searchTab {
float: right;
text-align: left;
}
#menuTop td {
vertical-align: top;
}
.menu a:hover {
display: block;
/* border-left: none;
border-right: none;
border-top: none;
border-bottom: none; */
}
ul.menu, ul.menu ul {
margin: 0;
padding: 2px;
/* border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc; */
background-color: #FFFFFF; /* IE6 Bug */
}
ul.menu li {
position: relative;
list-style: none; /*border: 0px;*/
opacity: 0.9;
background-color: #4D4D4D;
width: 250px;
}
ul.menu li a {
display: block;
text-decoration: none; /* border-bottom: 0px;*/
/*color: #4D4D4D;*/
/* background-color: #FFFFFF; */
color: #4d4d4d;
background-color: #CCCCCC;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
/*
.shadow UL{
background-color: #666;
color: inherit;
position: relative;
padding-left:1px;
padding-top :0px;
padding-bottom:2px;
padding-right:2px;
}
*/
.shadow UL {
background: transparent;
width: 250px;
color: inherit;
}
/*ul.menu li sup{
font-weight:bold;
font-size:7px;
color: red;
} */
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {
float: left;
height: 1%;
}
* html ul.menu li a {
height: 1%;
}
/* End */
ul.menu ul {
position: absolute;
display: none;
left: 149px; /* Set 1px less than menu width */
top: 0;
}
ul.menu li.submenu ul {
display: none;
}
/* Hide sub-menus initially */
ul.menu li a:hover {
background-color: #8EC73F;
color: #FFFFFF;
text-decoration: underline;
}
/***********************************************************************************************/
/*BLOG*/
.postHeader
{
clear:both;
}
.toolsContainer
{
border: 1px solid green;
width:100%;
margin-bottom:5px;
clear:both;
}
.tools
{
text-align:right;
padding:2px;
}
.tools a:hover
{
color:white;
}
.blog h2 *
{
border-bottom:2px solid green;
font-size:2em;
}
.postsContainer
{
width:70%;
}
.blog .posts
{
background-color:darkseagreen;
border: 1px solid green;
width:100%;
}
.blog .oldMonths
{
vertical-align:top;
}
.blog .form table
{
border: 1px solid green;
margin-bottom:4px;
}
/********** Trees ***************/
.tree .node
{
margin-left:10px;
}
/*POP EMAIL*/
.messagesContainer
{
vertical-align:top;
}
/*.messages td*/
.dataTable td
{
border:1px solid #8ec73f;
}
.messages th, .dataTable th
{
border:1px solid darkgray;
text-align:center;
}
.messages
{ width:100%}
.dataTable input.removeButton, .form input.removeButton, .reminders * input.removeButton
{
cursor:pointer;
background-image:url(@contextPath@/imgs/delete.gif);
background-color:transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 50%;
padding:0;
margin:0;
width:16px;
height:16px;
border:0;
}
.dataTable input.removeButton:hover, .form input.removeButton:hover, .reminders * input.removeButton:hover
{
background-image:url(@contextPath@/imgs/deleteHover.gif);
background-color:transparent;
}
table.removeButton td
{
border:0;
}
.message
{
background-color:darkgray;
padding:3px;
color:white;
}
/*Reminders*/
.portalServices
{
border-top:1px solid #8ec73f;
}
.remindersContainer
{
vertical-align:top;
}
.remindersContainer input { width:85px }
.reminders
{
vertical-align:top;
width:200px;
float:right;
text-align:right;
padding:0;
margin:0;
}
.reminders #reminderForm
{
border: 1px solid #8ec73f;
margin-top:4px;
}
.reminders .new input[type="text"]:hover,#activeReminders * img:hover,#expiredReminders * img:hover
{
cursor:pointer;
}
#reminderForm textarea, #reminderForm table
{
width:100%;
}
#activeReminders, #expiredReminders
{
border-left: 1px solid #8ec73f;
border-right: 1px solid #8ec73f;
margin-top:10px;
margin-bottom:10px;
margin-left:0;
margin-right:0;
padding-left:0;
padding-bottom:0;
padding-top:0;
padding-right:0;
}
#expiredReminders .title
{
padding:0;
background-color: lightcoral;
border:0;
}
#activeReminders .title
{
padding:0;
background-color: #8ec73f;
border:0;
}
#activeReminders .title td,#expiredReminders .title td
{text-align:right;}
.reminders .new .title
{
text-align:right;
}
.reminder
{
border-bottom: 1px solid #8ec73f;
padding:0;
}
.reminder .text
{
padding-top:2px;
padding-bottom:3px;
padding-left:5px;
background-color:#cccccc;
}
/*Block Menus*/
.linkMenuBlock {
margin-top: 15px;
border-left: 1px solid #8ec73f;
}
.linkMenuBlockRight {
margin-top: 15px;
border-right: 1px solid #8ec73f;
}
.linkMenuBlock .linkMenuBlockTitle, .linkMenuBlockRight .linkMenuBlockTitle {
border-bottom: 1px solid #8ec73f;
background-color: #8ec73f;
color: white;
white-space: nowrap;
text-align: right;
padding-right: 2px;
margin: 0;
}
.linkLeftMenu ul,.linkRightMenu ul {
margin: 0;
}
.linkLeftMenu li, .linkRightMenu li {
border-bottom: 1px solid #8ec73f;
white-space: nowrap;
padding-right: 3px;
padding-left: 3px;
margin:0;
}