default.css

/***************************************************************/
/* style definitions for OpenThesaurus */
body {
  font-family:sans-serif;
  font-size:10pt;
	color:black;
	margin:0px;
}

p {
	color:black;
}

h1 {
	color:black;
	font-size:14pt;
	font-weight:bold;
}

h2 {
	color:black;
	font-size:10pt;
	font-weight:bold;
}

b {
	color:black;
}

img {
  border:0px;
}

table {
  border:0px;
  padding:0px;
  margin:0px;
}

th {
  color:black;
  border-width:0px;
  font-size:10pt;
}

td {
  color:black;
  border-width:0px;
  font-size:10pt;
}

select {
  border:solid;
  border-width:1px;
}


legend {
  color:darkblue;
  font-weight:bold;
}


/***************************************************************/
/* Class definition */
.default {
  background-color:#d0d0ff;
}

.error {
  background-color:#ffd0d0;
}

.exist {
  background-color:#ffcc00;
}

.select {
  background-color:#00ccff;
}

.selection {
  width:300px;
}

.multiple {
	border:solid;
	border-width:1px;
/*  background-color:#d0d0d0;*/
}

.bright {
  color:grey;
  font-style:italic;
/*  background-color:#d0d0d0;*/
}

.small {
  font-size:9px;
  color:black;
}

.big {
  font-size:20px;
  font-weight:bold;
}


.search {
  background-color:#f0f0ff;
}

.info {
  background-color:#ffffd0;
}

.tooltip {
  position: absolute;
  display: none;
  background-color: #99ff66;
  padding:3px;
  
  color:black;
  border:solid;
  border-width:1px;
  
  z-index:199;
}

.normal {
  color:black;
  font-size:10pt;
}

.red {
  color:red;
}

.blue {
  color:blue;
}

.italic {
  font-style:italic;
}


.exportpage {
  
}

.export {
  font-family:serif;
  font-size:10pt;
}

.exporthead {
  font-family:serif;
  font-size:12pt;
}

.through {
  color:red;
  text-decoration:line-through;
}


/***************************************************************/
/* id definitions */
#box {
  position:relative;
  top:0px;
  border:solid;
  border-width:1px;
  color:black;
  background-color:lightyellow;
}


#debug {
  position:fixed;
  right:0px;
  bottom:0px;
  padding:3px;
  
  border-width:1px;
  border:dotted;
  
  color:blue;
  background-color:white;
  
  z-index:200;
}



#line {
  position:relative;
  top:0px;
  left:0px;
  height:20px;

  padding:0px;
  margin:0px;
}

#cell {
  position:absolute;
  top:0px;
  height:100%;
}


#header {
  position:absolute;
  right:0px;
  top:20px;
  width:300px;
  height:30px;
  padding:5px;

  font-size:30px;
  font-style:italic;
  text-align:right;
  
  z-index:90;
}

#status {
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:20px;
  padding:3px;

  font-size:8px;
  font-style:italic;

  z-index:0;
}


#hyrarchy {
  position:absolute;
  left:480px;
  top:50px;
  width:100%;
  min-height:300px;

  padding:5px;

  color:lightgrey;
  border:none;
  border-width:1px;
  
  background-color:white;

  z-index:50;
}


#main {
  position:absolute;
  left:10px;
  top:60px;
  right:10px;
/*  width:420px;*/
  min-height:300px;
  padding:5px;
  margin:0px;

  color:lightgrey;
  border:none;
  
  z-index:0;
}


#info {
  position:absolute;
  float:right;
  left:20px;
  top:210px;
  width:420px;
  min-height:200px;
  padding:5px;
  margin:0px;

  color:lightgrey;
  border:solid;
  border-width:1px;
  
  z-index:90;
}

#infobig {
  position:absolute;
  left:100px;
  top:170px;
  width:80%;
  min-height:200px;
  padding:5px;
  margin:0px;

  color:lightgrey;
  border:solid;
  border-width:1px;
  
  z-index:90;
}


#result {
  position:absolute;
  left:20px;
  top:210px;
  width:420px;
  padding:5px;
  margin:0px;

  color:lightgrey;
  border:solid;
  border-width:1px;
  
  z-index:90;
}


#export {
  position:relative;
  left:0px;
  top:0px;
  padding:5px;
  margin:0px;
  
  border:none;

  background-color:white;

  font-size:10pt;
}



#preview {
  position:relative;
  left:0px;
  right:5px;
  top:0px;
  padding:5px;
  margin:0px;
  
  border:solid;
  border-width:1px;

  background-color:white;

  font-size:10pt;
}


#search {
  position:relative;
  left:20px;
  top:50px;
  width:420px;
  height:120px;
  padding:5px;
  margin:0px;
    
  color:lightgrey;
  border:solid;
  border-width:1px;
}


#searchbig {
  position:absolute;
  left:20px;
  top:50px;
  width:90%;
  height:90px;
  padding:5px;
  margin:0px;
    
  color:lightgrey;
  border:solid;
  border-width:1px;
}


#login {
  position:absolute;
  left:0px;
  top:0px;
  height:20px;
  width:100%;
  padding:2px;
  
  background-color:rgb(204,255,51);
  color:lightgrey;
  border:solid;
  border-width:1px;
  
  z-index:90;
}


#login_debug {
  position:absolute;
  left:0px;
  top:0px;
  height:20px;
  width:100%;
  padding:2px;
  
  background-color:rgb(255,150,150);
  color:lightgrey;
  border:solid;
  border-width:1px;
  
  z-index:90;
}


#alert {
  position:absolute;
  right:20px;
  top:80px;
  min-height:20px;
  padding:5px;
  
  background-color:#fff0f0;
  border:solid;
  border-width:1px;
  
  z-index:199;
}


/***************************************************************/
/* Links */
a:link { color:black; text-decoration:none; }
a:visited { color:black; text-decoration:none; }
a:hover { color:blue; text-decoration:none; }