Java EE 6 example source code file (appRedSkin.css)

This example Java EE 6 source code file (appRedSkin.css) is included in the DevDaily.com "Java Source Code Warehouse" project. The intent of this project is to help you "Learn Java by Example" ^TM.

Java - Java EE 6 tags/keywords

arial, arial, ef3e42, ef3e42, f8c6c7, f8c6c7, helvetica, helvetica

The Java EE 6 appRedSkin.css source code

div.navBarClass span, div.navBarClass {
  /* Red 100%*/
    color: #EF3E42;;
    padding:10px;
}

.tituloForm {
    font-size: 10pt;
    /* Red 100%*/
    color: #EF3E42;;
    font-weight:bold;
    padding:5px;
    margin:5px;
}

input.botaoPostIt{
    font-size: 8pt;
    /* Red 100%*/
    color: #EF3E42;
    font-weight:bold;
    background-color:white;

}

.inputPattern{
  /* Red 20%*/
  color: #F8C6C7;

}

label {
  font-size: 10pt;
  /* Red 100%*/
  color: #EF3E42;
  text-align: left;
  border:none;

}

input, select,textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  /* Red 100% */
  color: #EF3E42;
  text-align: left;
  background-color:white;
  border-style:ridge;
  /*lightgray*/
  border:1px solid #d3d3d3;
  padding:4px;
  margin:4px;
  margin-bottom:4px;
  font-weight:normal;
}

.datatableHeader{
    /* Red 100% */
    background-color:#EF3E42;
    color:white;

    font-size:12pt;
    font-weight:normal;
    padding:10px;
    margin:10px;
}

.datatableRow2{
    /* blue 20% */
    background-color:#F8C6C7;
    font-size:12px;
    color:black;
    padding:15px;
    margin:15px;
    text-align:center;

}

.navigationLink{
    text-decoration:none;
    text-align:right;
    /* Red 100% */
    color:#EF3E42;
}

/*Diferent datatable lines / oposite*/
.datatableRow{
    background-color:white;
    color:black;
    font-size:12px;
    text-align:center;
}

table.menuTable{
    /* it seems its not necessary */
    border-collapse:collapse;
    vertical-align:middle;
    text-align: left;
}

table.menuTable tr td{
    vertical-align:middle;
    padding-bottom:0px;
    /*space between menu itens */
    width:168px;
}

.menu a{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif ;
    font-size: 12px;
    padding: 10px;
    /* Red 100% */
    color: #EF3E42;
}

/* menuItem and menu spacing */
.menu ul{
    text-align:left;
    padding:0pt;
    margin:0pt;
    /* sub menu item background */
    background-color:white;

    /* fundo transparente
    background-image:url("../resources/images/menu/Transparency.png;");
    */
}
/* submenu div */
.menu{
    display:none;
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;

}

/* submenu item*/
.menu li{
    /* white background for avoiding transparency on submenu item */
    /*background-color:white;*/

    list-style-type: none;
    display: block;
    padding:10px;
    /* altura do submenu */
    width: 142px;
    /* Red 100% */
    border:1px solid #EF3E42;    
    font-weight:bold;

}


.menuhandler {
    /* Red 100% */
    border:1px solid #EF3E42;
    color:white;

    text-decoration:none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 141px;
    vertical-align:middle;
    text-align: left;
    font-weight: bold;
    padding:10px;
    background-color:#EF3E42;
    /* fundo transparente
    background-image:url("../resources/images/menu/Transparency.png;");
    color:white;
    */


}

.selectProject{
    vertical-align:middle;        
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
    
}
.postitComponent{
        background-image:url("../resources/images/postits/novos/postit_verm_150x145.png");
        width:150px;
        height:145px;
        font-size: 14px;
        text-align:center;
        color:white;
}

.postitComponent tr td{

    padding: 5pt;
    padding-top: 15pt;
    vertical-align:top;

}

.bigPostitComponent{
        background-image:url("../resources/images/postits/novos/postit_verm_315x150.png");
        background-repeat:no-repeat;
        width:315px;
        height:150px;
        font-size: 14px;
        text-align:center;
        color:white;
}

.bigPostitComponent tr td{

    padding: 5pt;
    vertical-align:top;

}

.postitComponent a{
    text-decoration:none;
    color:white;
}