/* --- BASIC SETTINGS --- */ * { margin : 0px; padding : 0px; } html { height:100%; } body { text-align : left; font-family : 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-size : 100%; line-height : 1em; margin: 0px; padding: 0px; color: #305479; background-color: #939393; height:100%; } img { border: 0px; } a { text-decoration:none; font-family : 'Open Sans', 'Helvetica', 'Arial', sans-serif; } /* /// BASIC SETTINGS /// */ /* --- PAGE STRUCTURE --- */ #background_wrapper{ background-color:#939393; width:100%; height:100%; } #page_wrapper{ position:relative; height: auto !important; height: 100%; min-height: 100%; margin : 0px auto; background-color:#EDEDED; width:930px; } #body_wrapper{ padding-bottom: 110px; /* bottom padding for footer */ width:100%; background-color:#EDEDED; } #header_wrapper { overflow:hidden; background-color:#505c6c; height:150px; z-index:2; } #header_right { overflow:hidden; background-color:#505c6c; height:75px; width:200px; float:right; z-index:3; } #header_right_full { overflow:hidden; background-color:#505c6c; height:75px; width:730px; float:right; z-index:3; min-width:200px; } #header_center { overflow:hidden; background-color:#505c6c; height:75px; width:530px; float:left; z-index:3; } #header_left { overflow:hidden; background-color:#505c6c; height:75px; width: 200px; float: left; z-index:1000; } .header_text { text-align:center; line-height:75px; font-size:0.8em; color:#EDEDED; } #header_left_menu_bar { overflow:hidden; background-color:#D2D2D2; height:25px; width: 200px; float: left; } #horizontal_menu { overflow:hidden; background-color:#D2D2D2; height:25px; font-size : 100%; } #left_column{ position:relative; z-index:1000; font-size : 100%; width: 200px; float:left; background-color:#EDEDED; } #left_column_fullheight{ position:fixed; font-size : 100%; width: 200px; float:left; height: auto; background-color:#EDEDED; } #content_wrapper{ // position:relative; padding-left:200px; padding-bottom:20px; } #content_wrapper_edit{ padding-left:200px; //padding-bottom:20px; } #footer{ position:absolute; bottom:0; height:110px; font-size:14px; text-align:center; width:100%; margin:0px auto; clear:both; z-index:100; background-color:#EDEDED; } /* /// PAGE STRUCTURE /// */ /* --- HORIZONTAL MENU --- */ .horizontal_menu_left { max-height: 1.25em; float: left; margin-top:6px; margin-bottom:-6px; margin-left:205px; height: 100% } .horizontal_menu_lang { //width:3.4375em; max-height: 1.25em; float: right; margin-top:6px; margin-bottom:-6px; margin-right:2px; height: 100% } #horizontal_menu_search { width: 9em; float: right; height: 100%; margin-top:0.245em; //margin-right:0.125em; padding-right:0.125em; } #horizontal_menu_search_box { width:100%; } #horizontal_menu_advanced_search { display: block; //width: 1.9166em; float: right; height: 100%; //margin-left:0.125em; margin-top:0.125em; padding-left:0.125em; padding-right:0.3em; } .horizontal_menu_button { text-decoration:none; font-family:Arial; font-size:0.75em; font-weight:bold; background-color:#305479; color:#EDEDED; padding:0.416667em; padding-top:0.31em; height:0.83333em; } .horizontal_menu_button:hover { background-color:#EDEDED; color:#305479; box-shadow: 0.125em 0.125em 0.125em rgba(0,0,0,0.1) inset; } .horizontal_menu_button_pressed{ background-color:#EDEDED; color:#305479; } .horizontal_menu_search_button { color:#305479; //background:url("../images/lupa_simbol.png") no-repeat 2px 2px transparent ; background-color:#EDEDED; //background-size: 20px; text-decoration:none; padding-left:4px; padding-right:4px; padding-top:4px; } .horizontal_menu_search_button img { height:1.2em; width:1.2em; padding-top:3px; } .horizontal_menu_search_button:hover { // background-color:#305479; // color:#EDEDED; box-shadow: 0.125em 0.125em 0.125em rgba(0,0,0,0.1) inset; } /* /// HORIZONTAL MENU /// */ /* --- MENIU META --- */ .META_overlay { margin:0; padding:0; position:absolute; top:73; right:0; background:#305479; //width:162px; width:930px; height:50%; z-index:1200; display:none; } .META_menu { width:162px; margin:0; padding:0; background:#305479; transition-delay: 0.14s; /* delays for 1 second */ -webkit-transition-delay: 0.14s; /* for Safari & Chrome */ transition-duration: 0.15s; -webkit-transition-duration: 0.15s; /* Safari */ } .META_menu:hover { background:#305479; transition-delay: 0s; /* delays for 1 second */ -webkit-transition-delay: 0s; /* for Safari & Chrome */ transition-duration: 0s; -webkit-transition-duration: 0s; /* Safari */ } #META_leftpanel { width:50%; height:100%; float:left; } #META_rightpanel { width:49%; height:100%; float:left; } #META_banner { width:930px; height:75px; background:#305479; } .META_banner_button { float:left; width:20%; height:100%; text-align:center; background-repeat:no-repeat; background-position:center; background-size:70% auto; transition:all 0.1s ; -webkit-transition:all 0.1s ; -o-transition:all 0.1s ; -moz-transition:all 0.1s ; } .META_banner_button:hover { background-color:#D2D2D2; background-size:90% auto; } .META_banner_button:active { background:#305479; } .META_banner_button_main { float:left; width:20%; height:100%; text-align:center; background-repeat:no-repeat; //background-position:center; background-position:left center; background-color:#D2D2D2; background-size:70% auto; transition:all 0.1s ; -webkit-transition:all 0.1s ; -o-transition:all 0.1s ; -moz-transition:all 0.1s ; } .META_banner_button_main:hover { //background-color:#505c6c; background-size:90% auto; } .META_image { width:80%; margin-left:auto; margin-right:auto; padding-left:5%; padding-right:5%; padding-top:5%; } .META_banner_text { line-height:75px; font-size:1.2em; color:#EDEDED; } .META_verticalpanel { height:33%; } .META_invertical_image { height:100%; width:50%; float:left; } .META_invertical_text { padding:20px 0 0 0; //margin-left: -20px; height:80%; width:48%; float:left; overflow:hidden; } /* /// MENIU META /// */ /* --- SEARCH --- */ #search_out { background-color:white; color:black; width:12.5em; position:absolute; margin-left:0px; z-index:1000; margin-top:-0px; border: 1px solid rgb(210,210,210); } .search_tr { border-bottom: 1px solid rgb(210,210,210); text-decoration:none; //width:auto; //width:12.5em; } .search_tr:hover { background-color:rgb(240,240,240); box-shadow: 0 0 5px rgba(0,0,0,0.1) inset; } .a_search { width:12.5em; } .search_resp { font-family:Arial; font-size:0.875em; color:black; } /* /// SEARCH /// */ /* --- LEFT COLUMN --- */ #left_menu{ height: auto; margin-top:8px; } .left_menu_button { display: block; font-size:0.9em; line-height : 1.1em; text-decoration:none; color:#305479; padding-left:0.57em; padding-top:0.37em; padding-bottom:0.37em; margin-top:-0.5em; margin-bottom:-0.5em; //margin-right:0.37em; } .left_menu_button:hover { background-color:#305479; color:#EDEDED; } #left_content{ font-family:Arial; } /* /// LEFT COLUMN /// */ /* --- RIGHT COLUMN --- */ .horizontal_content_wrapper{ height:260px; } .horizontal_content_wrapper_top{ position: absolute; top: 180px; bottom: 360px; } .horizontal_content_wrapper_bottom{ height:260px; position: absolute; bottom: 110px; width: 730px; } .full_panel { float:left; width:98.8%; height:100%; overflow:hidden; position:relative; } .half_panel { float:left; width:49.8%; height:100%; overflow:hidden; position:relative; } .third_panel{ position:relative; width:32.5%; height:100%; float:left; padding:2px; overflow:hidden; } .two_third_panel{ position:relative; width:65%; height:100%; float:left; padding:2px; overflow:hidden; } .less_third_panel{ position:relative; width:38.5%; height:100%; float:left; padding:2px; overflow:hidden; } .less_two_third_panel{ position:relative; width:58.5%; height:100%; float:left; padding:2px; overflow:hidden; } .vertical_half_panel{ position:relative; width:100%; height:49.5%; float:left; padding:2px; overflow:hidden; } .vertical_third_panel{ position:relative; width:100%; height:32.5%; float:left; padding:2px; overflow:hidden; } .vertical_two_third_panel{ position:relative; width:100%; height:65%; float:left; padding:2px; overflow:hidden; } .text_block{ overflow:hidden; overflow-y:auto; float:left; height: 98%; width: 100%; padding: 0px 14px 0px; //margin:0px 4px 4px 4px; //border: 2px solid black; } .text_block p { margin: 1em 6% 0 0; } .front_page_text_left { line-height:1.1em; } .front_page_text_left li { list-style-type: circle; list-style-position: inside; padding:0.2em 2em; font-size:0.8em; } .front_page_text_right { line-height:1em; } .fadeout { position: absolute; bottom: 1%; width:90%; height: 2em; background: -webkit-linear-gradient( rgba(237,237,237,0) 0%, rgba(237,237,237,1) 100% ); $color_light background-image: -moz-linear-gradient( rgba(237,237,237,0) 0%, rgba(237,237,237,1) 100% ); background-image: -o-linear-gradient( rgba(237,237,237,0) 0%, rgba(237,237,237,1) 100% ); background-image: linear-gradient( rgba(237,237,237,0) 0%, rgba(237,237,237,1) 100% ); background-image: -ms-linear-gradient( rgba(237,237,237,0) 0%, rgba(237,237,237,1) 100% ); } .architect_list_letter { background-color:#D2D2D2; float:left; width:95%; height: 1em; padding: 4px 4px 8px 8px; margin:4px; border:2px solid #305479; } .architect_list_block { display:block; float:left; width:200px; height: auto; padding: 4px 4px 8px 8px; margin:4px 4px 4px 5px; /* -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);*/ } .architect_list_block a { display:block; text-decoration:none; padding: 8px 4px 8px 8px; margin: 0px -4px -8px -8px; margin-top: -4px; color: #305479} .architect_list_block a:visited { color: #939393} .architect_list_block a:hover { //color: #939393; background-color: #D2D2D2; } /* /// RIGHT COLUMN /// */ /* --- BIENALA --- */ .bienala_titlu { font-weight: 800; font-size:2em; } /* --- BIENALA --- */ /* --- TEXT FORMATS --- */ .contact_details{ background-color:#EDEDED; font-size : 0.85em; } h1 { font-size:1em; text-align:left; padding-top: 2px; margin-top:0px; } h2 { font-size:0.8em; text-align:left; padding-top: 5px; margin-top:0px; } h3 { font-size:0.8em; text-align:left; padding-top: 5px; padding-bottom: 5px; margin-top:0px; } p { text-align : justify; font-size:0.8em; } ul { list-style-position: inside; // list-style-image: none; // list-style-type: none; // display : block; } li { //text-indent: 2em; text-indent: -0.8em; padding-left: 2em; // list-style-position: inside; // list-style-image: none; // list-style-type: none; } .about_paragraph { padding-top: 10px; padding-bottom: 10px; } .text_container { padding-left:15px; padding-right:15px; } .text_container p { padding-top: 10px; padding-bottom: 10px; } .text_container li { font-size: 0.8em; } .text_container_longtext { padding:0em 2em 2em 2em; line-height:1.2em; } .text_container_longtext span { line-height: 1px; } .text_container_longtext h1 { //line-height:1.6em; padding-bottom:1em; //padding-top:2em; } .text_container_longtext li { font-size: 0.8em; } .tab_span { font-family:monospace; line-height:1px; width:20px; } .created_by { font-size:0.7em; text-align:center; line-height:1.8em; text-decoration:none; } .created_by a { text-decoration:none; color: #305479; } /* /// TEXT FORMATS /// */ /* --- LINES --- */ .horizontal_line { width:100%; height: 5px; padding:0px; margin:0px; background-color:#D2D2D2; } .vertical_line { position:relative; float:left; height:100%; width: 5px; padding:0px; margin:0px; background-color:#D2D2D2; border-top:1px solid #D2D2D2; } .vertical_line_left { position:absolute; z-index:1005; top:0; bottom:0; left:0; width: 5px; padding:0px; margin:0px; background-color:#D2D2D2; } .vertical_line_right { position:absolute; top:0; bottom:0; right:0; width: 5px; padding:0px; margin:0px; background-color:#D2D2D2; } .vertical_line_content{ position:absolute; top:150px; bottom:0; left:200px; width: 5px; padding:0px; margin:0px; background-color:#D2D2D2; z-index:1; } /* /// LINES /// */ /* --- IMAGE GALLERY --- */ .changing_gallery { position: absolute; bottom: 0px; } .image_container { position:relative; height:238px; width:238px; margin:3px 3px 0px 3px; overflow:hidden; } .image_gallery_background { position:absolute; opacity:0.1; background-color:none; z-index:1001; filter: alpha(opacity = 10); box-shadow: 5px 5px 5px rgba(0,0,0,0.1) inset; } .image_gallery_image { box-shadow: 5px 5px 5px rgba(0,0,0,0.1) inset; z-index:900; } .image_text { display:block; overflow:hide; position:absolute; //background: rgba(0,0,0,0.75); background: rgba(240,240,240,0.75); padding: 4px 8px; //color: white; color: black; text-decoration:none; //width:238px; max-width:238px; //margin-left:0; left:0; //margin-top:-2em; bottom:0; } .image_text_fisa { display:block; overflow:hide; overflow-y:scroll; position:absolute; background: rgba(0,0,0,0.5); padding: 4px 8px 0px 8px; color: white; margin-left:0.5em; margin-top:-2em; margin-left:10px; /*top: 20px;*/ left:-10px; z-index:1000; font-size:0.7em; font-family:sans-serif; line-height:2.1em; width:auto; text-align:left; top:20px; } .image_text_fisa table { font-size:1em; color:white; line-height:1.9em; } .galleryview { border: none; z-index:1000; background-color: grey; } .gallerycontainer { border:9px rgb(230,230,230) solid; } .galleryview img.nav { border: 1px solid black; margin-bottom: 5px; } .galleryview a:link { color: #3671A8; font-weight: bold; text-decoration: none; } .galleryview a:visited { color: #3671A8; font-weight: bold; text-decoration: none; } .galleryview a:hover { color: #CC5914; } .galleryview .panel-overlay h2{ margin: .3em 0; } .galleryview .panel-overlay p{ margin: .3em 0; line-height: 1.2em; } .filmstrip li { overflow: hidden; } .panel { background-color:#D2D2D2 !important; } /* /// IMAGE GALLERY /// */ /* --- EDIT --- */ .dataentry { font-family:Arial; font-size:14px; line-height:23px; width:auto; text-align:left; background-color:#FFFFB0; } .left_contact_detail { width: 95%; height: 1.7em; } .image_detail { width: 98%; height: 1.7em; } .red-button { background-color: rgb(97, 57, 157); padding:2px; width:30px; border: 1px solid #BA0202; color: white; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; cursor:pointer; font-size: 9px; -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .red-button:hover { text-decoration:none; box-shadow: rgba(0,0,0,0.1) 0px 1px 1px ; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 1px ; background-color: red; } .red-button:active { background-color: rgb(97, 57, 157); } /* /// EDIT /// */ /* --- SUBMIT AND BUTTONS --- */ .submit_button { text-align:center; padding:10px; background-color:#305479; color:#EDEDED; width:80px; border:1px solid #516375; } .submit_button:hover { background-color:#EDEDED; color:#305479; border:1px solid #305479; } .submit_button:active { background-color:#305479; color:#EDEDED; border:1px solid #516375; } /* /// SUBMIT AND BUTTONS /// */ /* --- DESPRE ECHIPA --- */ .section_wrapper { /*border:1px solid gray;*/ padding-bottom:5px; padding-left:10px; margin-right:5px; } .members_wrap { width:99%; height:auto; } .member { width:45%; float:left; padding-left:10px; padding-right:10px; padding-bottom: 30px; padding-right:10px; } .member_img { float:left; width:20%; padding-right:10px; margin-bottom:2px; } .member_title { font-family:Arial; font-size:12px; color:gray; } .member_name { font-family:Arial; font-weight:bold; font-size:14px; text-transform:uppercase; } .member_bio { font-family:Arial; font-size:10px; padding-top:5px; text-align: justify; } /* td { vertical-align:top; } td:hover { background-color:rgb(240,240,240); }*/ /* /// DESPRE ECHIPA /// */ /* UPLOAD IMAGE PANEL */ .upload_image { z-index:1000; display:none; position:absolute; background-color:rgb(210,210,210); top:-2px; margin-left:-10px; } .upload_close { position:absolute; width:30px; height:30px; top:0; left:0; cursor:pointer; display:inline; background-image: url('../images/delete.png'); //background-color: red; } .upload_frame { z-index:1005; height:550px; width:828px; border-width: 0px; border:none; } /* /// UPLOAD IMAGE PANEL /// */ /* --- PARTENERI --- */ .partener_wrap { height:auto; margin:auto; float:center; width:90%; padding-top:2em; } .partener_text { width:80%; margin-bottom:10px; } .partner_name { width:80%; font-family:Arial; font-size:1em; line-height:140%; padding-bottom:0.8em; } .partner_image_gallery { position:relative; width:95%; //border: 1px solid black; } .partner_image_gallery .full_pane { float:left; width:95%; //border: 1px solid red; height:120px; } .partner_image_gallery .half_pane { float:left; width:48%; //border: 1px solid red; height:120px; } .partner_image_gallery .third_pane { float:left; width:32%; //border: 1px solid red; height:120px; } .partner_image_gallery .fourth_pane { float:left; width:24%; //border: 1px solid red; height:120px; } .partner_image_gallery .fifth_pane { float:left; width:16%; //border: 1px solid red; height:80px; } .partner_image { display: block; height:auto; width:auto; max-height:100%; max-width:100%; vertical-align: middle; font-family:Arial; font-size:12px; margin:auto; } .media_image { display: block; height:auto; width:auto; max-height:80%; max-width:70%; vertical-align: middle; font-family:Arial; font-size:12px; margin:auto; } .external_href { text-decoration:none; } /* /// PARTENERI /// */ /* --- FOOTER --- */ /* /// FOOTER /// */ .activity_list { font-size: 1em; line-height: 1.4em; } .activity_list li { list-style-type: disc; } .activity_list a { text-decoration:none; color:#939393; font-weight:800; } .activity_list a:hover { color:#305479; } #content_text { padding:20px 140px 0 20px; line-height:1.2em; } #content_text p { padding: 0.5em 0; } #content_text hr { color:#305479; }