cswclient.css 3.08 KB
/*
* File : cswclient.css
* Author : Rob van Swol
* Organisation: National Aerospace Laboratory NLR
* Country : The Netherlands
* email : vanswol@nlr.nl
* Description: CSS Stylesheet for Simple AJAX based CSW client 
* Tested on : FireFox 3, Safari, IE 7
* Last Change : 2008-10-22
*/

/*   ********* csw-wrapper ************* */
.csw-wrapper {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    color: black;
    /*min-width: 768px;*/
}

.csw-wrapper a, .csw-wrapper a:link, .csw-wrapper a:visited, .csw-wrapper a:active {
	text-decoration: none;
	padding: 0px;
	color: #0063D3;
	/*border-bottom: 1px solid #E5ECF3;*/
}

.csw-wrapper a:hover {
    background-color: #E5ECF3;	
}

#csw-wrapper {
    width: 100%;
	margin: 0px auto;
	clear: both;   
}

#csw-wrapper.home {
    text-align: center;
}

#csw-wrapper.home h3 {
    color: #999;
}

/*   ********* clearfix ************* */
/* 
	Float fixer: block elements will not encompasss its child nodes
	if its children are floated. Apply this class to the block element.
	Not a problem in IE.
*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	



/*   ********* main csw content************* */

#cswclient {
    clear: both; 
    margin-top: 1em;
}


.csw-main {
	border: 0px solid #2e4a6b;
	clear: both;
 	padding-top: 0px;
}

.csw-main2 {
	border: 0px solid #2e4a6b;
	clear: both;
	/*background: #E6ECF6;*/
 	padding-top: 2em;
}

.csw-content {
    border: 0px solid #eee;

}

.csw-content2 {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    background: #eee url("images/diagonal.gif");
    height: auto;
}

.meta
  { vertical-align: top;
  }

.meta-param
  { vertical-align: top;
    color: #004393;
	font-size: 13px;
	width:100px;
  }

.meta-value
  { vertical-align: top;
  font-size:13px;
  }

h3 {
   font-size: 13px;
   color: #21507B;
   margin-top: 0.6em;
}

dl{ margin: 0px; padding: 0px;}

dd{ margin: 0px; padding-left: 2em;}

li { margin-bottom: 0.3em; }



/*   ********* captioneddiv************* */



.captioneddiv h3
  { position: relative;
    margin: 0.5em;
    top: -2.0em;
    left: -1.0em;
    padding: 0em 0.5em;
    display: inline; 
    font-size: 0.9em;
    /*background: #cae1ff;*/
    background: #ffffff;
  }

#popup
  { visibility:hidden;
    z-index:100;
    width: 600px;
    height: 500px;
    left: 200px;
    position: absolute;
    background: #eee url("images/diagonal.gif");
    border: 1px solid #2e4a6b;
  }
  
#popup2
  { height:500px;
    overflow:auto;
    position: relative;
  }
 
.close
  { position: relative;
    top: 0px;
    left: 0px;
    padding: 3px;
	color: #ffffff;
    background: #2e4a6b;
	z-index:101;
  }

.close a, .close a:link, .close a:visited, .close a:active  .close a:hover {
	text-decoration: none;
	padding: 0px;
	color: #ffffff;
}

.close a:hover {
	background-color: #E5ECF3;
	color: #2e4a6b;
	border: solid #2e4a6b 1px
}