view gis_gui/lib/mpiwgstyles.css @ 262:6613b9204bda

Small bugs
author fknauft
date Tue, 01 Nov 2011 18:04:26 +0100
parents 0a1dee507612
children
line wrap: on
line source

body {
	margin: 15px 0 0 20px;
	font-family: Verdana, Arial, sans-serif; 
	background: #FCF2DF;
	}
	
img {
	border: none;
	}
	
a {
	color: #EA8500;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

/* header with link looks like header */
h1 a {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
}
	
span.bold {
	font-weight: bold;
	}
	
div.bg {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1000;
	}
	
div.wrapper {
	width: 900px;
	text-align: left;
	}
	
/* Header  */
	
div.header {
	float: left;
	width: 900px;
	margin: 0 0 10px 0;
	}
	
div.title {
	float: left;
	width: 661px;
	margin: 21px 0 0 0;
	}
	
div.logo {
	float: right;
	width: 87px;
	}
	
/* Main Navigation */

div.mainnav_home {
	float: left;
	width: 900px;
	font-size: 12px;
	background: url(../images/header.gif) repeat-x;
	margin-bottom: 35px;
	}
	
div.mainnav {
	float: left;
	width: 900px;
	font-size: 12px;
	background: url(../images/header.gif) repeat-x;
	margin-bottom: 20px;
	}
	
	div.mn_off {
		float: left;
		border-top: 8px solid #FAB775;
		padding-top: 5px;
		}
	
    	.mn_off a, .mn_language a {
			color: #666666;
			outline: none;
			}
	
        .mn_off a:hover {
            color: #000000;
            border-top: 8px solid #ea8500;
            padding-top: 5px;
            text-decoration: none;
            }

	div.mn_on {
		float: left;
		border-top: 8px solid #EA8500;
		padding-top: 5px;
                /* text-align:center; */
		}
		
		.mn_on a {
			color: #EA8500;
			outline: none;
			font-weight: bold;
			}
	
	div.mn_buffer {
		float: left;
		width: 35px;
		border-top: 8px solid #FAB775;
		}
		
		
	div.mn_language {
		float: right;
		border-top: 8px solid #FAB775;
		background: url(../images/arr_lan.gif) no-repeat;
		padding: 5px 0 0 15px;
		}


/* Search */	

div.search_home {
	float: right;
	width: 220px;
	height: 25px;
	}

div.search {
	float: left;
	width: 900px;
	height: 25px;
	}
	
	div.searchform {
		float: right;
		}
	
		.searchinput {
			width: 211px;
			padding-left: 18px;
			border: 1px solid #dccbae;
			background: url(../images/search.gif) no-repeat #FFFFFF;
			color: #EA8500;
			}

/* Breadcrumbs & Quicklinks */

div.quicklinks_home {
	float: right;
	width: 220px;
	color: #EA8500;
	}

div.quicklinks {
	float: left;
	width: 900px;
	border-bottom: 3px solid #dccbae;
	color: #EA8500;
	}
	
	div.breadcrumbs {
		float: left;
		font-size: 10px;
		color: #6a4d3c;
		}
		
		.breadcrumbs a {
			color: #6a4d3c;
			text-decoration: none;
			}
			
		.selected {
			color: #6a4d3c;
			font-weight: bold;
			}
		
	div.quickfinder {
		float: right;
		width: 212px;
		background: url(../images/arr_qf.gif) no-repeat #FDD5AB;
		padding: 3px 0 3px 20px;
		color: #EA8500;
		font-size: 11px;
		}
		
/* Content */

/* Home */

div.feature, div.thumbnails {
	float: left;
	width: 650px;
	margin-right: 20px;
	}

		
	div.thumb {
		float: left;
		width: 129px;
		margin-right: 1px;
                margin-bottom: 1px;
		}
	
div.feature_image {
	float: left;
	width: 650px;
	margin-bottom: 15px;
	}
		
div.feature h1 {
    color: #485297;
    font-size: 15px;
    font-weight: bold;
    margin: 2px;
    margin-top:10px;
}

div.feature h2 {
    color: #485297;
    font-size: 15px;
    font-weight:normal;
    margin: 2px;
}

div.feature p {
    font-size: 12px;
    line-height: 22px;
}

div.feature .caption {
    text-align: right;
    font-size: 10px;
    color: #b69f7b;
    margin-top: 5px;
}


div.banner_large .caption {
    font-size: 10px;
    color: #b69f7b;
    margin-top: 5px;
}



/* Regular pages */

div.content {
	float: left;
	width: 900px;
	}
        div.leftbox {
                float: left;
                width: 170px;
}
	div.subnav {
		float: left;
		width: 170px;
		font-size: 11px;
		line-height: 14px;
		}
		
		div.sn_off {
			float: left;
			width: 164px;
			border-bottom: 1px solid #dccbae;
			padding: 3px 6px 6px 0;
			}
			
		div.sn_on {
			float: left;
			width: 158px;
			border-bottom: 1px solid #dccbae;
			padding: 3px 6px 6px 6px;
			background: #EA8500;
			}
			
			.sn_on a {
				color: #FCF2DF;
				font-weight: bold;
				}
				
		div.sn_off span.dept {
			font-style: italic;
			color: #b69f7b;
			}
			
		div.sn_on span.dept {
			font-style: italic;
			color: #f9f4e1;
			}
	
	div.subnavbox {
        float: left;
		width: 170px;
		font-size: 11px;
		line-height: 14px;
                margin-top: 30px;
		}

div.subnavbox h2 {
        float: left;
        width: 170px;
        height: 20px;
	font-size: 11px;
	color: #b69f7b;
        margin-bottom: 0px;
        padding-bottom: 3px;
        margin-top: 20px;
        background: transparent url(../images/side.gif) repeat-x;
        }

	div.main {
		float: left;
		width: 730px;
		background-color: #FFFFFF;
		margin-bottom: 10px;
		}
		
		div.center {
			float: left;
			width: 460px;
			padding: 20px;
			font-size: 12px;
			}

		div.center_wide {
			float: left;
			width: 710px;
			padding: 20px 0 0 20px;
			font-size: 12px;
			}
			
			
                div.fullwidth {
			float: left;
			padding: 20px;
                        }
			/* research classes */
			
			div.dept_row {
				float: left;
				margin-bottom: 30px;
				}
			
			div.dept_block {
				float: left;
				width: 221px;
				padding-bottom: 5px;
				border-top: 2px solid #979CE0;
				}
            
            div.dept_block_wide {
				float: left;
				width: 460px;
				padding-bottom: 5px;
				/* border-top: 2px solid #979CE0; */
				}
				
				.dept_title {
					margin: 0 0 5px 0;
					font-size: 13px;
					color: #485297;
					}

                                .dept_title_wide {
					margin: 0 0 5px 0;
					font-size: 16px;
					color: #485297;
					}


				.dept_headline {
					font-size: 13px;
					font-weight: bold;
                    color: #485297;
                    }

				.dept_headline_wide {
					font-size: 16px;
					font-weight: bold;
                    color: #485297;
					}
					
				.dept_title a, .dept_headline a {
					color: #485297;
					}
				
				p.dept_leader, p.dept_summary {
					font-size: 11px;
					}
					
					
			div.spacer {
				float: left;
				width: 18px;
				}
					

			
			.pic_large {
				margin-bottom: 20px;
				}
				
			.pic_inline_container {
				float: left;
				width: 220px;
				margin: 5px 15px 0 0;
				}
				
			.pic_inline_container_people {
				float: left;
				width: 165px;
				margin: 5px 20px 10px 0;
				}
				
				.pic_inline {
					float: left;
					width: 220px;
					}
					
				.pic_inline_people {
					float: left;
					width: 180px;
					}
				
				.caption_inline {
					float: left;
					width: 208px;
					font-size: 9px;
					color: #b69f7b;
					margin-top: 5px;
					}
					
				.caption_resize {
					float: left;
					width: 12px;
					margin-top: 5px;
					}
					
					
			

			.mainhead {
				color: #485297;
				font-size: 15px;
				font-weight: bold;
				display: block;
				}
				
			.subhead {
				color: #485297;
				font-size: 15px;
				display: block;
				}
			
			p.maintext {
				font-size: 12px;
				line-height: 22px;
				}
				
			p.maintext_authors {
				font-size: 12px;
				font-weight: bold;
				}
				
			p.maintext_more {
				font-size: 12px;
				margin-top: -10px;
				padding-left: 15px;
				background: url(../images/arr_more.gif) no-repeat;
				}

                        /*  changes by cmielack */
                        div.center, div.fullwidth {
                         	font-size: 12px;
                                }

                        /*div.center p, */div.fullwidth p {
                         	font-size: 12px;
				line-height: 22px;
                                }

                        /* div.center h1, div.fullwidth h1 { */
                        div.main h1 {
				color: #485297;
				font-size: 15px;
				font-weight: bold;
				display: block;
                                margin:2px;
                                margin-top:10px;
                                }

                        div.center h2, div.fullwidth h2 {
				color: #485297;
				font-size: 15px;
                                font-weight:normal;
				display: block;
                                margin: 2px;
				}
                        div.center h3, div.fullwidth h3 {
				color: #485297;
				font-size: 13px;
                                font-weight:normal;
				display: block;
                                margin: 2px;
                                }
 
                        p.bio_section_header {
                                color: #485297;
                                padding-bottom: 5px;
                                margin-bottom: 5px;
                                border-bottom-width: 1px;
                                border-bottom-style: solid;
                                border-bottom-color: #dccbae;
                                }

                        /*  changes ending here */

				
			/* people list */
			
			div.list_disclaimer {
				float: left;
				width: 180px;
				font-size: 10px;
				margin-right: 20px;
				}
				
			div.letters {
				float: left;
				margin-right: 10px;
				color: #EA8500;
				}
                        div.letters a {
                            margin-left: 0.2em;
                            margin-right: 0.2em;
                        }
				
			div.letter {
				float: left;
				width: 700px;
				margin-top: 20px;
				padding-bottom: 3px;
				border-bottom: 3px solid #dccbae;
				font-weight: bold;
				font-size: 13px;
				color: #dccbae;
				}
			div.top {
                                float: left;
                                width: 700px;  
                                } 	
			div.listrow {
				float: left;
				width: 700px;
				border-bottom: 1px solid #dccbae;
				margin-top: 5px;
				padding-bottom: 7px;
				}
				
				.listrow ul {
					list-style-image: url(../images/arr_more.gif);
					margin-left: 0;
					padding-left: 25px;
					}
				
			div.listname {
				float: left;
				width: 200px;
				font-size: 11px;
				}
				
				.listname a {
					color: #485297;
					}
				
			div.listfunction {
				float: left;
				width: 500px;
				font-size: 11px;
				}
             	
             	.listfunction a {
					color: #485297;
					}
				
			/* bios */
			
			p.name {
				color: #485297;
				font-size: 16px;
				margin: 0;
				font-weight: bold;
				}
				
			p.function {
				color: #485297;
				margin: 0;
				}
				
			p.bio_section_header {
				color: #485297;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 1px solid #dccbae;
				}
				
			.center ul {
				list-style: none;
				margin-left: 0;
				padding: 0;
				}
				
			.center li {
				margin-bottom: 10px;
				}
				
			
				
		div.sidebar_home {
			float: left;
			width: 230px;
			}	

		div.sidebar {
			float: left;
			width: 220px;
			}
			
			div.up {
				float: left;
				width: 194px;
				background: url(../images/arr_up.gif) no-repeat #f9f4e1;
				padding: 6px 6px 6px 20px;
				margin: 20px 0 10px 0;
				color: #666666;
				font-size: 10px;
				}
				
			div.sideblock_home {
				float: left;
				width: 230px;
				font-size: 10px;
				line-height: 16px;
				}
		
			div.sideblock {
				float: left;
				width: 220px;
				font-size: 10px;
				line-height: 16px;
				border-bottom: 1px solid #dccbae;
				}
				
			div.sideblockprojects, div.sideblockpublications, div.sideblockitem {
                                background-color:#ffffff;
				float: left;
				width: 220px;
				font-size: 10px;
				line-height: 16px;
				}
				
				div.sideblockheader_home {
					float: left;
					width: 230px;
					height: 20px;
					padding-bottom: 3px;
					margin-top: 20px;
					background: transparent url(../images/side.gif) repeat-x;
					}
			
				div.sideblockheader {
					float: left;
					width: 220px;
					height: 20px;
					padding-bottom: 3px;
					margin-top: 20px;
					background: transparent url(../images/side.gif) repeat-x;
					}
				
				div.sideblockhead {
					float: left;
					font-size: 12px;
					color: #485297;
					}
				
				div.sideblockheader h2 {
					float: left;
                                        margin: 0px;
					font-size: 12px;
					color: #485297;
                     font-weight: normal;
					}
				div.sideblocknews {
					float: left;
					line-height: 16px;
					margin: 5px 0 0 0;
					padding: 0 0 5px 0;
					border-bottom: 1px solid #dccbae;
					}
				div.sideblockheader_home {
					float: left;
					width: 230px;
					height: 20px;
					padding-bottom: 3px;
					margin-top: 20px;
					background: transparent url(../images/side.gif) repeat-x;
					}
				
				div.sideblockmenu {
					float: right;
					font-size: 10px;
					color: #b69f7b;
					font-weight: bold;
					padding-top: 2px
					}
			
				div.sideblocktxt {
					float: left;
					line-height: 16px;
					margin: 5px 0 10px 0;
					}
					
				div.sideblocknews {
					float: left;
					line-height: 16px;
					margin: 5px 0 0 0;
					padding: 0 0 5px 0;
					border-bottom: 1px solid #dccbae;
					}
					
				div.sideblocklisttxt {
					float: left;
					width: 220px;
					line-height: 16px;
					margin-top: 5px;
					padding-bottom: 10px;
					border-bottom: 1px solid #dccbae;
					}
					
				div.sideblocklink {
					float: left;
					line-height: 16px;
					width: 200px;
					margin-top: 5px;
					padding: 0 0 10px 20px;
					background: url(../images/arr_more.gif) no-repeat;
					border-bottom: 1px solid #dccbae;
					}
					
				div.sideblocklinksite {
					float: left;
					line-height: 16px;
					width: 200px;
					margin-top: 5px;
					padding: 0 0 10px 20px;
					background: url(../images/external.gif) no-repeat;
					border-bottom: 1px solid #dccbae;
					}
					
				div.sideblocklinkvid {
					float: left;
					line-height: 16px;
					width: 200px;
					margin-top: 5px;
					padding: 0 0 10px 20px;
					background: url(../images/vid.gif) no-repeat;
					border-bottom: 1px solid #dccbae;
					}

				div.sideblocklinkaudio {
					float: left;
					line-height: 16px;
					width: 200px;
					margin-top: 5px;
					padding: 0 0 10px 20px;
					background: url(../images/audio.gif) no-repeat;
					border-bottom: 1px solid #dccbae;
					}
					
				div.sideblocklinkpdf {
					float: left;
					line-height: 16px;
					width: 200px;
					margin-top: 5px;
					padding: 0 0 10px 20px;
					background: url(../images/download.gif) no-repeat;
					border-bottom: 1px solid #dccbae;
					}
					
					.sideblocklisttxt a {
						font-weight: bold;
						}
					
				div.sideblockprojectact {
					float: left;
					width: 194px;
					background: url(../images/arr_right.gif) no-repeat #f5daaf;
					padding: 6px 6px 6px 20px;
					border-bottom: 1px solid #f3be7c;
					}
				
				div.sideblockprojectinact {
					float: left;
					width: 194px;
					background: url(../images/arr_right.gif) no-repeat #f6e6cc;
					padding: 6px 6px 6px 20px;
					border-bottom: 1px solid #f3be7c;
					}
					
				.sideblockmenuinact a, .sideblockmenuact a, 
                                .sideblockprojectact a, .sideblockprojectinact a, div.up a {
					color: #333;
					}
				
				div.sideblockpreview {
					float: left;
					width: 220px;
					margin-bottom: 15px;
					}
				
					div.sideblockthumb {
						float: left;
						width: 80px;
						margin-right: 10px;
						}
					
					div.sideblockabstract {
						width: 130px;
						float: left;
						font-size: 10px;
						}
					
						.sideblockabstract a {
							font-weight: bold;
							}
							
		div.footer_home {
			float: left;
			width: 900px;
			margin: 0 10px 20px 20px;
			border-top: 1px solid #dccbae;
			}
						
		div.footer {
			float: left;
			width: 700px;
			background-color: #FFFFFF;
			margin: 0 10px 20px 20px;
			/* border-top: 1px solid #544c9c; */
			border-top: 1px solid #485297;
			}
		
			div.services {
				float: right;
				font-size: 11px;
				margin-top: 5px;
				}
			
				.services a {
					color: #485297;
					}
				
				div.serviceprint {
					float: left;
					margin-left: 20px;
					padding-left: 20px;
					height: 25px;
					background: url(../images/print.gif) no-repeat;
					}
					
				div.serviceforward {
					float: left;
					margin-left: 20px;
					padding-left: 20px;
					height: 25px;
					background: url(../images/forward.gif) no-repeat;
					}
					
				div.servicepdf {
					float: left;
					margin-left: 20px;
					padding-left: 20px;
					height: 25px;
					background: url(../images/pdf.gif) no-repeat;
					}
					
	div.boilerplate_home {
		float: left;
		margin: 30px 0 50px 0px;
		width: 900px;
		border-top: 1px solid #dccbae;
		padding-top: 10px;
		}
					
	div.boilerplate {
		float: left;
		margin: 0 0 50px 170px;
		width: 730px;
		}
		
		div.legal {
			float: left;
			font-size: 11px;
			color: #EA8500;
			}
			
		div.signet {
			float: right;
			}
			
/* MISC */

#Header4 h1 {
	line-height:70px;
	padding-left:100px;
	background:transparent url("trawna.gif") no-repeat;
	border:0;	/* some said that this might fix NN4, but no such luck */
}

.quickfind {
    width: 230px;
    height: 20px;
    padding: 2px 2px 2px 2px;
    padding-left:18px;
    /* padding-right:-10px; */
    /* text-indent:8px; */
    float: right;
    color: #EA8500;
    font-size: 11px;
    /* vertical-align:middle; */
    border: none;
    background: url(../images/arr_qf.gif) no-repeat #f4daae;
}


/*  new link-classes (with icons)  */

a.internal {
    background: url(../images/arr_more.gif) no-repeat;    
    padding-left:12px;
    /* padding-top:1px; */
}
.sidebar_home a.internal {
    background: url(../images/arr_more.gif) no-repeat;    
    padding-left:12px;
    padding-top:1px;
}
.sideblockhead a.internal {
    font-size:10px;
}
a.download {
    background: url(../images/download.gif) no-repeat;    
    padding-left:17px;
    /* padding-top:1px; */
}

a.external {
    background: url(../images/external.gif) no-repeat;    
    padding-left:15px;
    /* padding-top:1px; */
}
a.audio {
    background: url(../images/audio.gif) no-repeat;    
    padding-left:15px;
    /* padding-top:1px; */
}



div.event {
    border-bottom: 3px solid #dccbae;
    margin-bottom: 24px;
}

div.eventdate{
    font-style:italic;
    /* font-size:13px; */
}

div.event div.eventtitle {
    /* font-weight:bold; */
    margin-top:32px;
    font-size:15px;
}

/* div.event div.eventinfo p.indent{ */
    /* margin-bottom:112px; */
/* } */


div.dept_block_sitemap {
    float: left;
    width: 221px;
    font-size: 11px;
}

.dept_title_sitemap {
    margin: 0 0 5px 0;
    font-size: 13px;
    color: #485297;
    width: 221px;
    padding-top: 5px;
    border-top: 2px solid #979CE0;
}

.dept_title a, .dept_title_sitemap a, .dept_headline a {
    color: #485297;
}