/**********************************************/ /* CSS Definitions MAIN */ /**********************************************/ /**********************************************/ /* Color definitions Dark Blue: rgb(25,60,90) - #193c5a Light Blue: rgb(25,100,155) - #19649b Green: rgb(150, 190, 70) - #96be46 */ /********************************************************************************************/ /* General /********************************************************************************************/ .radius2{border-radius: 2px;} .radius3{border-radius: 3px;} .radius4{border-radius: 4px;} .radius5{border-radius: 5px;} .radius10{border-radius: 10px;} /********************************************************************************************/ /* Body /********************************************************************************************/ body{text-align:center; background-color:rgb(240,240,240);} /********************************************************************************************/ /* Page Container / Page frame /********************************************************************************************/ #page_container{width:980px; background-color:white; margin:auto; text-align:left;} /********************************************************************************************/ /* HEADER /********************************************************************************************/ #page_header{ height:206px; background-image:url(../images/pasta_project_header_bg.jpg); background-position:0 20px; background-repeat: no-repeat;} /* Logo */ #page_header #logo{float:left; margin-top:30px; margin-left:250px;} #page_header #logo a {} #page_header #logo a img{} /* Search Box */ #page_header div#quick_search_box{float:right; margin:5px 0 0 0; width:186px; } #page_header div#quick_search_box form#search_form{padding:0; margin:0;} #page_header div#quick_search_box form#search_form input#search_word{float:left; width:143px; padding:0 25px 0 5px; height:20px; margin:0; color:rgb(150,150,150); font-size:0.8em; } #page_header div#quick_search_box form#search_form button#search_button{float:left; margin:2px 0 0 -20px; padding:2px; background-color:#fff;border:none; } #page_header div#quick_search_box form#search_form button#search_button span{display:block; color:rgb(150,150,150); font-size: 0.85em;} /* Main navigation (Box only) */ /* further main navigation styling specified in navigation style sheet file (innocat_superfish_menu.css) */ #navigation_box #navigation_box{} #navigation_box #navigation_box nav#main_navigation{display:block;} /* Breadcrumb navigation */ #navigation_box div#breadcrumb{display:block; padding:3px 20px 3px 20px; height:19px; font-size: 0.8em; color:rgb(150, 190, 70); border:1px solid rgb(245,245,245); border-width:0 0 1px 0;} #navigation_box div#breadcrumb span#root_text{float:left; font-weight: bold;} #navigation_box div#breadcrumb span.connector{display: inline-block; float:left; color:rgb(150, 190, 70); margin-top:-3px; padding:0 5px;} #navigation_box div#breadcrumb nav#crumbs {display:inline; float:left; padding:0 10px 0 0;} #navigation_box div#breadcrumb nav#crumbs a{float:left; color:rgb(150, 190, 70); text-decoration:none;} #navigation_box div#breadcrumb nav#crumbs a:hover{text-decoration:underline;} /********************************************************************************************/ /* CONTENT /* Content container box, and bottom content specified here /* main content, sidebar to be specified in own stylesheet /********************************************************************************************/ /* Content Container / Box */ .content_container{clear:both; width:980px; margin:10px auto 20px auto;} /* content box specification in single stylesheets pasta_1_column.css/pasta_2_columns.css */ .content_container .main_content{} .content_container aside.sidebar{} .content_container .bottom_content{clear:both; width:100%;} /********************************************************************************************/ /* Footer /********************************************************************************************/ footer {} /**********************************************/ /* Partner Logos */ /**********************************************/ footer #logo_box{text-align:center;} footer #logo_box .logo_box_row{display:inline-block; margin:0 auto; padding:10px 0 0 0;} footer #logo_box .logo_box_row a{display:block; float:left; margin:0 0 0 25px; text-indent: -9999px; overflow: hidden; line-height: 0px; font-size: 0px; } footer #logo_box .logo_box_row a:first-child{margin:0;} footer #logo_box .logo_box_row #logo_boku{width:94px; height:57px; background-image:url(../images/logos/logo_boku.jpg);} footer #logo_box .logo_box_row #logo_boku:hover{background-position:0 -57px;} footer #logo_box .logo_box_row #logo_universitaet_zurich{width:118px; height:41px; background-image:url(../images/logos/logo_university_zurich.jpg);} footer #logo_box .logo_box_row #logo_universitaet_zurich:hover{background-position:0 -41px;} footer #logo_box .logo_box_row #logo_vito{width:131px; height:38px; background-image:url(../images/logos/logo_vito.jpg);} footer #logo_box .logo_box_row #logo_vito:hover{background-position:0 -38px;} footer #logo_box .logo_box_row #logo_creal{width:55px; height:53px; background-image:url(../images/logos/logo_creal.jpg);} footer #logo_box .logo_box_row #logo_creal:hover{background-position:0 -53px;} footer #logo_box .logo_box_row #logo_trivector{width:150px; height:26px; background-image:url(../images/logos/logo_trivector.jpg);} footer #logo_box .logo_box_row #logo_trivector:hover{background-position:0 -26px;} footer #logo_box .logo_box_row #logo_imperial_college_london_cep{width:196px; height:34px; background-image:url(../images/logos/logo_imperial_college_london_cep.jpg);} footer #logo_box .logo_box_row #logo_imperial_college_london_cep:hover{background-position:0 -34px;} footer #logo_box .logo_box_row #logo_newham_london{width:91px; height:40px; background-image:url(../images/logos/logo_newham_london.jpg);} footer #logo_box .logo_box_row #logo_newham_london:hover{background-position:0 -40px;} footer #logo_box .logo_box_row #logo_mobilita{width:60px; height:50px; background-image:url(../images/logos/logo_mobilita.jpg);} footer #logo_box .logo_box_row #logo_mobilita:hover{background-position:0 -50px;} footer #logo_box .logo_box_row #logo_who{width:115px; height:50px; background-image:url(../images/logos/logo_who.jpg);} footer #logo_box .logo_box_row #logo_who:hover{background-position:0 -50px;} footer #logo_box .logo_box_row #logo_oxford_tu{width:103px; height:50px; background-image:url(../images/logos/logo_oxford_tu.jpg);} footer #logo_box .logo_box_row #logo_oxford_tu:hover{background-position:0 -50px;} footer #logo_box .logo_box_row #logo_polis{width:59px; height:60px; background-image:url(../images/logos/logo_polis.jpg);} footer #logo_box .logo_box_row #logo_polis:hover{background-position:0 -60px;} footer #logo_box .logo_box_row #logo_iclei{width:84px; height:50px; background-image:url(../images/logos/logo_iclei.jpg);} footer #logo_box .logo_box_row #logo_iclei:hover{background-position:0 -50px;} footer #logo_box .logo_box_row #logo_gesundheit_oesterreich{width:162px; height:30px; background-image:url(../images/logos/logo_gesundheit_oesterreich.jpg);} footer #logo_box .logo_box_row #logo_gesundheit_oesterreich:hover{background-position:0 -30px;} footer #logo_box .logo_box_row #logo_dshs{width:150px; height:37px; background-image:url(../images/logos/logo_dshs.jpg);} footer #logo_box .logo_box_row #logo_dshs:hover{background-position:0 -37px;} footer #logo_box .logo_box_row #logo_university_dresden{width:136px; height:40px; background-image:url(../images/logos/logo_university_dresden.jpg);} footer #logo_box .logo_box_row #logo_university_dresden:hover{background-position:0 -40px;} footer #logo_box .logo_box_row #logo_isglobal{width:116px; height:35px; background-image:url(../images/logos/logo_isglobal.jpg);} footer #logo_box .logo_box_row #logo_isglobal:hover{background-position:0 -35px;} /**********************************************/ /* Footer colored bar */ /**********************************************/ footer .footer_bar{height:8px; background-image: url(../images/pasta_project_color_bar_bg.jpg);} /**********************************************/ /* Utility Navigation */ /**********************************************/ nav#utility_navigation{float:left; margin:0; padding: 0; font-size: 0.9em;} nav#utility_navigation ul{margin:0; padding: 0; line-height:16px; height:16px; } nav#utility_navigation ul li{display:inline; margin:0; padding:0 10px;line-height:16px;} nav#utility_navigation ul li:first-child{} nav#utility_navigation ul li a{color:white; text-decoration:none; font-size: 0.85em; margin:0; padding:0;} nav#utility_navigation ul li a:hover{text-decoration: underline; } /**********************************************/ /* Disclaimer box */ /**********************************************/ footer #disclaimer_box{margin-top:10px; padding:10px; } footer #disclaimer_box #eu_logo_box{float:left; width:80px; text-align:center; font-size: 0.7em; color:rgb(200,200,200);} footer #disclaimer_box #eu_logo_box img{margin-top:10px;} footer #disclaimer_box #disclaimer{color:rgb(200,200,200); font-size:0.7em; line-height:13px; padding-top:10px;} /**********************************************/ /* Fallback Main navigation, Sitemap */ /**********************************************/ footer #sitemap_box {width:100%; text-align:left;} footer #sitemap_box nav.sitemap {display:table; padding:0; margin:10px auto;} footer #sitemap_box nav.sitemap ul#footer_sitemap{display:table-row; font-size:0.85em; } footer #sitemap_box nav.sitemap ul#footer_sitemap li{padding:0; margin:0;list-style-type: none;} footer #sitemap_box nav.sitemap ul#footer_sitemap > li{border-left: 1px solid rgb(200,200,200); } footer #sitemap_box nav.sitemap ul#footer_sitemap > li:first-child{border:none;} footer #sitemap_box nav.sitemap ul#footer_sitemap li a{text-decoration:none; color:rgb(200,200,200);} footer #sitemap_box nav.sitemap ul#footer_sitemap li > ul{margin: 0;padding: 0;} footer #sitemap_box nav.sitemap ul#footer_sitemap li.sitemap_nav_1{display:table-cell; font-weight:bold; padding:0 25px;} footer #sitemap_box nav.sitemap ul#footer_sitemap li.sitemap_nav_2{font-weight: normal; font-size:0.8em; line-height:1.5em; padding:0; margin: 0;}