/* Theme Name: MTA CSFK GGI Theme URI: http://mtacsfkggi.hu/ Description: Az MTA CSFK GGI weboldalának alapértelmezett sablonja Author: Effix Marketing Author URI: http://effix.hu Version: 1.0 */ *{ margin: 0; padding: 0; border: 0; text-decoration: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: /*'Roboto'*/ 'Merriweather Sans', sans-serif; font-size: 14px; line-height: 25px; background: #f2f2f2; } body.rwd_menu__opened { overflow: hidden; } textarea, input, select, button { font-family: /*'Roboto'*/ 'Merriweather Sans', sans-serif; font-size: 18px; color: #23315a; outline: none; } h1, h2, h3, h4 { font-weight: normal; line-height: /*100%*/ 110%; } hr { height: 30px; border-top: 4px double #eef3f8; } /* Classes */ .left { float: left; } .right { float: right; } .clear { clear: both; } .inner { max-width: 1330px; margin-left: auto; margin-right: auto; position: relative; } .alignleft { margin: 0 20px 5px 0; float: left; } .alignright { margin: 0 0 5px 20px; float: right; } .aligncenter { margin: 0 auto 20px auto; display: block !important; } .vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .uppercase { text-transform: uppercase; } .t_a_c { text-align: center; } .t_a_r { text-align: right; } .hide { display: none !important; } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .red { color: #fe0000; } .sec_font { font-family: 'Noto Serif', serif; } /* Cols */ .row { width: 100%; font-size: 0; display: block; } .col { font-size: 18px; vertical-align: top; display: inline-block; position: relative; } .col_66 { width: 66%; } .col_60 { width: 60%; } .col_50 { width: 50%; } .col_49 { width: 49%; } .col_48 { width: 48%; } .col_47 { width: 47%; } .col_46 { width: 46%; } .col_45 { width: 45%; } .col_40 { width: 40%; } .col_33 { width: 33.3333333333%; } .col_30 { width: 30%; } .col_29 { width: 29%; } .col_28 { width: 28%; } .col_27 { width: 27%; } .col_26 { width: 26%; } .col_25 { width: 25%; } .row_table { width: 100%; display: table; } .row_table > .col { display: table-cell; } /* Animation */ .anim { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .anim_1 { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } /* Button */ .button { height: 40px; padding: 0 20px; font-size: 14px !important; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: white !important; line-height: 40px; background-color: #00baa8; display: inline-block; position: relative; cursor: pointer; } .button:hover { background-color: #294a9b; } .button_inverse { background-color: #294a9b; } .button_inverse:hover { background-color: #00baa8; } .button_small { height: 30px; padding: 0 10px; font-size: 12px !important; line-height: 30px; } .button_full { width: 100%; padding: 0; display: block; } /* ID */ #website { position: relative; } /* ------------------- NAVIGATION ------------------- */ #rwd_menu { width: 100%; left: 0; top: 125px; bottom: 0; background: #02153b; position: fixed; z-index: 100; visibility: hidden; opacity: 1; overflow: hidden; } #rwd_menu .rwd_menu_wrapper { width: 100%; height: 100%; left: 0; top: 0; padding-top: 10px; overflow-y: auto; position: absolute; } /* Primary menu */ #rwd_menu .rwd_menu_wrapper ul { padding: 0 20px; } #rwd_menu .rwd_menu_wrapper ul li { border-bottom: 2px solid white; list-style: none; } #rwd_menu .rwd_menu_wrapper ul li.menu-item-has-children.open { border-bottom: none; } #rwd_menu .rwd_menu_wrapper ul li a { padding: 10px 0; font-size: 18px; font-weight: 700; text-transform: uppercase; color: white; display: block; position: relative; } #rwd_menu .rwd_menu_wrapper ul li.menu-item-has-children > a:after { width: 30px; height: 30px; right: 0; top: 8px; background: url(images/icon_plus.svg) no-repeat center; background-size: 100% auto; position: absolute; content: ''; } #rwd_menu .rwd_menu_wrapper ul li.menu-item-has-children.open > a:after { background-image: url(images/icon_minus.svg); } #rwd_menu .rwd_menu_wrapper ul li ul { margin-left: -20px; margin-right: -20px; padding: 20px; background: white; display: none; } #rwd_menu .rwd_menu_wrapper ul li ul li { padding: 0; border-bottom: none; } #rwd_menu .rwd_menu_wrapper ul li ul li a { padding: 3px 0; font-weight: normal; text-transform: none; color: #241e56; } body.rwd_menu__opened #rwd_menu { visibility: visible; opacity: 1; } /* -------------- HEADER -------------- */ #header { width: 100%; height: 200px; background: #000C25 url(images/img_earth.jpg) no-repeat center top; background-size: cover; position: fixed; z-index: 20; } #header hgroup { height: 140px; background: rgba(255, 255, 255, 0.8); } #header .inner { height: 100%; } #header:after { width: 100%; height: 40px; left: 0; bottom: -40px; position: absolute; background: url(images/shadow_a-crop-u.png) no-repeat center top; background-size: 1330px auto; content: ''; opacity: 0.5; z-index: 1; } body.home #header:after { display: none; } /* Fejlec tunjon el, ha lefele gorgetunk, de a menusor maradjon kint - javascript is van hozza */ #website #header { position: absolute; } @media only screen and (min-width: 961px) { #website.solidHeader #header hgroup { display: none; } #website.solidHeader #header { height: 60px; position: fixed; } } /* Logo */ #header .logo { height: 100px; left: 0; padding-left: /*140px*/ 335px; font-size: 29px; font-weight: 700; color: /*white*/ #000; line-height: 150%; position: absolute; z-index: 21; /*text-shadow: 0 0 15px #000;*/ } #header .logo img { width: auto; height: /*100%*/90%; left: /*0*/ /*220px*/ 0px; top: 7px; display: block; position: absolute; } #header .logo small { font-size: 12px; line-height: 140%; display: block; } #header .hunren-logo { width: auto; height: /*60%*/ 70%; top: /*20%*/ 15%; /*right: 150px;*/ /*left: -20px;*/ right: 120px; position: absolute; display: block; z-index: 100; cursor: pointer; } /* Menu */ #header #menu { height: 60px; background: white; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } /* Language switcher */ #header ul.wpm-language-switcher { height: 40px; right: 0; top: 50%; margin-top: -20px; padding: 13px 5px; font-size: 0; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.5); position: absolute; } #header ul.wpm-language-switcher li { margin: 0 5px; vertical-align: top; line-height: normal; display: inline-block; } #header ul.wpm-language-switcher li.active { opacity: 0.5; } #header ul.wpm-language-switcher li img { margin-right: 0; } /* RWD button */ #header .rwd_button { width: 60px; height: 60px; right: 0; top: 0; font-size: 30px; background: url(images/menu_a.svg) no-repeat center; background-size: auto 40px; position: absolute; cursor: pointer; } #header .rwd_button:hover { background-image: url(images/menu_b.svg); } body.rwd_menu__opened #header .rwd_button { background-image: url(images/menu_c.svg); } /* Menu */ #header #menu ul { padding-top: 20px; font-size: 0; } #header #menu ul li { min-width: 140px; vertical-align: top; display: inline-block; position: relative; } #header #menu ul li a { padding: /*0 30px*/ 0 11px/*EDIT lendulet*/; font-size: 14px; font-weight: 700; color: #000; line-height: 20px; border-bottom: 4px solid /*white*/transparent; display: block; } #header #menu ul li a:hover, #header #menu ul li a.hover { border-bottom-color: #1b0e50; } #header #menu ul li ul li a:hover, #header #menu ul li ul li a.hover { box-shadow: inset 0px 3px 7px #ccc; } #header #menu ul li ul { left: 0; top: 100%; padding-top: 0; background: white; position: absolute; visibility: hidden; opacity: 0; z-index: 10; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); } #header #menu ul li ul li { width: 100%; min-width: inherit; margin: 0; } #header #menu ul li ul li a { padding: 3px 5px; font-size: 12px; } #header #menu ul li.menu-item-has-children:hover > a, #header #menu ul li.menu-item-has-children.hover > a { border-bottom-color: #1b0e50; } #header #menu ul li.menu-item-has-children:hover ul, #header #menu ul li.menu-item-has-children.hover ul { visibility: visible; opacity: 1; } /* ----------------- FRONTPAGE ----------------- */ /* Research areas */ #research_areas { padding: 50px 0; background: url(images/img_earth_2.jpg) no-repeat center; background-size: cover; } #research_areas .title { margin-bottom: 30px; color: #000; } #research_areas .title h2 { margin-bottom: 0 !important; font-size: 26px; font-weight: 900; line-height: 120%; } #research_areas .areas { margin-left: -5px; margin-right: -5px; font-size: 0; } #research_areas .areas .area { width: 33.3333333333%; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; vertical-align: top; display: inline-block; } #research_areas .areas .area a.wrapper { height: 90px; padding-left: 70px; padding-top: 10px; font-size: 18px; font-weight: 900; text-decoration: none; color: white; line-height: 25px; background: url(images/bgr_areas.jpg) no-repeat center right; background-size: cover; border: 2px solid #294a9b; display: block; position: relative; } #research_areas .areas .area:hover a.wrapper { background-color: #00baa8; background-image: url(images/bgr_areas_hover.jpg); border-color: white; box-shadow: 0px 0px 14px rgba(0,0,0,0.75); } #research_areas .areas .area small { margin-top: 5px; font-size: 12px; font-weight: normal; line-height: 15px; display: block; } #research_areas .areas .area img { width: 50px; height: 50px; left: 8px; position: absolute; } /* News and events selector */ #news_events_selector .selector_wrapper { margin-bottom: 50px; font-size: 0; } #news_events_selector .selector_wrapper a { width: 180px; height: 80px; font-size: 18px; font-weight: 900; text-decoration: none; color: #241e56; vertical-align: top; background: white; line-height: 80px; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; display: inline-block; } #news_events_selector .selector_wrapper a:hover { color: #0071bc; } #news_events_selector .selector_wrapper a:first-child { border-left: none; } #news_events_selector .selector_wrapper a:last-child { border-right: none; } #news_events_selector .selector_wrapper img { width: 100%; max-width: 540px; height: auto; margin: auto; display: block; opacity: 0.5; } /* News */ #news { margin-bottom: 120px; } #news .title { margin-bottom: 30px; font-size: 26px; font-weight: 900; color: #000; line-height: 120%; border-bottom: 4px solid #000; } #news .news_wrapper { margin-left: /*-20px*/ -18px; margin-right: /*-20px*/ -18px; font-size: 0; } #news .news_wrapper .news { width: 33.3333333333%; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; vertical-align: top; display: inline-block; } body.home #news .news_wrapper .news:nth-child(-n+3) { margin-bottom: 0; } #news .news_wrapper .news .wrapper:hover { -moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.3); box-shadow: 0px 0px 14px rgba(0,0,0,0.3); } #news .news_wrapper .news .wrapper .thumbnail { display: block; position: relative; } #news .news_wrapper .news .wrapper .thumbnail img { width: 100%; height: auto; display: block; } #news .news_wrapper .news .wrapper .thumbnail .datetime { width: max-content; height: 27px; left: 10px; bottom: 10px; padding: 0 10px; font-size: 12px; font-weight: 700; color: white; line-height: 30px; background: #00baa8; position: absolute; z-index: 10; } #news .news_wrapper .news .wrapper .entry { padding: 10px 10px 50px 10px; background: white; position: relative; } #news .news_wrapper .news .wrapper .entry h3 { margin-bottom: 10px; } #news .news_wrapper .news .wrapper .entry h3 a { font-size: 18px; font-weight: 900; text-decoration: none; color: #241e56; line-height: 25px; } #news .news_wrapper .news .wrapper .entry .excerpt { font-size: 14px; color: #000; line-height: 25px; } #news .news_wrapper .news .wrapper .entry .read_more { width: 100%; height: 30px; left: 0; bottom: 0; padding: 0 10px; font-size: 12px; font-weight: 700; text-decoration: none; color: white; line-height: 30px; background: url(images/bgr_areas_2.jpg) no-repeat center; background-size: cover; position: absolute; } #news .news_wrapper .news .wrapper:hover .entry .read_more { background-image: url(images/bgr_areas_hover.jpg); } /* Events */ #events { padding: 40px 0; background: url(images/img_earth_3.jpg) no-repeat center; background-size: cover; position: relative; } #events:before { width: 100%; height: 40px; left: 0; top: 0; background: url(images/shadow_a-crop-u.png) no-repeat center top; background-size: cover; position: absolute; content: ''; opacity: 0.5; } #events .title { margin-bottom: 30px; color: white; } #events .title h2 { margin-bottom: 0 !important; font-size: 26px; font-weight: 900; color: white; line-height: 120%; border-bottom-color: white; } #events .col.col_calendar { padding-right: 40px; } #events .col.col_calendar .fc { padding: 10px; background: white; } #events .col.col_calendar .fc .fc-toolbar { margin-bottom: 10px !important; line-height: normal; } #events .col.col_calendar .fc .fc-toolbar .fc-center { text-align: left; } #events .col.col_calendar .fc .fc-toolbar h2 { margin-bottom: 0 !important; font-size: 18px; font-weight: 900; color: #241e56; line-height: 38px; } #events .col.col_calendar .fc .fc-right { display: none !important; } #events .col.col_calendar .fc .fc-row { height: 30px !important; } #events .col.col_calendar .fc .fc-view-container { font-size: 15px; } #events .col.col_events .event { width: 50%; width: calc(50% - 20px); height: 120px; margin-bottom: 35px; padding: 10px 0 0 125px; background: none; border-bottom: 1px solid white; text-decoration: none; color: white; line-height: normal; display: block; float: left; position: relative; } #events .col.col_events .event:nth-child(even) { float: right; } /* !!! */ #events .col.col_events .event:hover { background: url(images/bgr_areas_3.jpg) no-repeat center; background-size: cover; -moz-box-shadow: 0 0 14px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.5); box-shadow: 0 0 14px rgba(0,0,0,0.5); } #events .col.col_events .event .datetime { width: 90px; left: 10px; top: 10px; bottom: 10px; padding-top: 10px; color: white; background: url(images/bgr_areas_2.jpg) no-repeat center; background-size: cover; position: absolute; } #events .col.col_events .event .datetime .year { font-size: 10px; font-weight: 900; margin-bottom: 5px; } #events .col.col_events .event .datetime .month { font-size: 12px; font-weight: 900; } #events .col.col_events .event .datetime .day { font-size: 36px; font-weight: 900; } #events .col.col_events .event .event_title { height: auto; min-height: 40px; font-size: 18px; font-weight: 900; line-height: 20px; } #events .col.col_events .event .full_datetime { margin-bottom: 10px; font-size: 12px; font-weight: 700; line-height: 14px; } #events .col.col_events .event .location { font-size: 14px; font-weight: 400; line-height: 14px; } /* Staff */ #staff { padding: 70px 0; } #staff .title { margin-bottom: 30px; font-size: 26px; font-weight: 900; color: #241e56; line-height: 120%; border-bottom: 4px solid #241e56; } #staff .col_staff { padding-right: 40px; } #staff .col_staff .staff_wrapper { margin-left: -10px; margin-right: -10px; font-size: 0; } #staff .col_staff .staff_wrapper div { width: 33.3333333333%; padding-left: 10px; padding-right: 10px; vertical-align: top; display: inline-block; } #staff .col_staff .staff_wrapper div a { height: 100px; font-size: 12px; font-weight: 700; text-decoration: none; color: white; line-height: 15px; background: url(images/bgr_areas_2.jpg) no-repeat center; display: block; position: relative; } #staff .col_staff .staff_wrapper div a:hover { background-image: url(images/bgr_areas_3.jpg); } #staff .col_staff .staff_wrapper div a span { width: 100%; left: 0; bottom: 10px; position: absolute; } #staff .col_new_staff .staff_wrapper { margin-left: -15px; margin-right: -15px; font-size: 0; } #staff .col_new_staff .staff_wrapper .staff { width: 33.3333333333%; padding-left: 15px; padding-right: 15px; vertical-align: top; display: inline-block; } #staff .col_new_staff .staff_wrapper .staff .wrapper { height: 100px; padding-left: 100px; text-align: left; border-bottom: 1px solid #000; position: relative; cursor: pointer; } #staff .col_new_staff .staff_wrapper .staff .wrapper:hover { background: white; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } #staff .col_new_staff .staff_wrapper .staff .wrapper img { width: 80px; height: 80px; left: 15px; top: 10px; position: absolute; } #staff .col_new_staff .staff_wrapper .staff .wrapper .staff_name { font-size: 18px; font-weight: 900; color: #241e56; line-height: 20px; } #staff .col_new_staff .staff_wrapper .staff.active .wrapper .staff_name { color: #00baa8; } #staff .col_new_staff .staff_wrapper .staff .wrapper .staff_post { font-size: 14px; font-weight: normal; color: #241e56; line-height: 15px; } #staff .col_new_staff .staff_wrapper .staff.active .wrapper .staff_post { color: #00baa8; } #staff .col_new_staff .staff_wrapper .staff .staff_bio { padding: 30px 30px 0 30px; font-size: 14px; text-align: left; color: #241e56; line-height: 25px; display: none; } #staff .col_awards .awards_wrapper { margin-left: -15px; margin-right: -15px; font-size: 0; } #staff .col_awards .awards_wrapper .award { width: 33.3333333333%; padding-left: 15px; padding-right: 15px; vertical-align: top; display: inline-block; } #staff .col_awards .awards_wrapper .award .wrapper { height: 140px; padding-left: 100px; text-align: left; border-bottom: 1px solid #000; position: relative; cursor: pointer; overflow: hidden; } #staff .col_awards .awards_wrapper .award .wrapper:hover { background: white; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } #staff .col_awards .awards_wrapper .award .wrapper img { width: 80px; /*height: 80px;*/ left: 15px; top: 10px; position: absolute; } #staff .col_awards .awards_wrapper .award .wrapper .award_date { font-size: 16px; font-weight: 900; color: #241e56; line-height: 20px; padding-top: 10px; } #staff .col_awards .awards_wrapper .award .wrapper .award_title { font-size: 14px; font-weight: normal; color: #241e56; line-height: 15px; } /* Jobs */ #jobs_social { padding-bottom: 70px; } #jobs_social .title { margin-bottom: 30px; font-size: 26px; font-weight: 900; color: #241e56; line-height: 120%; border-bottom: 4px solid #241e56; } #jobs_social .col_jobs { padding-right: 40px; } #jobs_social .col_jobs .job_wrapper { padding: 10px; text-decoration: none; background: white; display: block; } #jobs_social .col_jobs .job_wrapper:hover { -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } #jobs_social .col_jobs .job_wrapper .job_title { margin-bottom: 5px; font-size: 18px; font-weight: 900; color: #241e56; line-height: 25px; } #jobs_social .col_jobs .job_wrapper .deadline { height: 27px; padding: 0 10px; font-size: 12px; font-weight: 700; color: white; line-height: 30px; background: #00baa8; display: inline-block; } #jobs_social .col_jobs .job_wrapper .content { font-size: 14px; color: #000; line-height: 25px; } #jobs_social .col_media { padding-right: 40px; } #jobs_social .col_media .media_wrapper { margin-left: -15px; margin-right: -15px; font-size: 0; } #jobs_social .col_media .media_wrapper .media { width: 50%; padding-left: 5px; padding-right: 5px; vertical-align: top; display: inline-block; } #jobs_social .col_media .media_wrapper .media .wrapper { height: 166px; /*padding-left: 100px;*/ text-align: left; border-bottom: 1px solid #000; position: relative; cursor: pointer; overflow: hidden; } #jobs_social .col_media .media_wrapper .media .wrapper:hover { background: white; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } #jobs_social .col_media .media_wrapper .media .wrapper img { /*width: 80px;*/ /*height: 80px;*/ /*left: 15px; top: 10px; position: absolute;*/ height: 60px; position: relative; top: 10px; left: 10px; } #jobs_social .col_media .media_wrapper .media .wrapper .media_date { font-size: 14px; font-weight: 900; color: #241e56; line-height: 20px; /*padding-top: 10px;*/ position: absolute; top: 10px; left: 110px; } #jobs_social .col_media .media_wrapper .media .wrapper .media_title { font-size: 14px; font-weight: normal; color: #241e56; line-height: 15px; padding-top: 5px; padding-left: 10px; padding-right: 10px; } #jobs_social .col_social .social_wrapper { margin-left: -15px; margin-right: -15px; font-size: 0; } #jobs_social .col_social .social_wrapper .social_media { width: 33.3333333333%; padding-left: 15px; padding-right: 15px; vertical-align: top; display: inline-block; } /* ------------------ BREADCRUMB ------------------ */ #breadcrumb { margin-bottom: 10px; font-size: 12px; font-style: italic; color: #7f7f7f; } #breadcrumb a { color: #7f7f7f !important; } #breadcrumb a:hover { color: #294a9b !important; } /* --------------- CONTENT --------------- */ #container { min-height: calc(100vh - 320px); padding-top: 200px; } #container.has_sidebar { padding-bottom: 50px; } #container.has_sidebar #content { width: 100%; width: calc(100% - 400px); max-width: 930px; padding-left: 40px; padding-top: 40px; float: right; } #content a { text-decoration: underline; color: #018dd0; } #content a:hover { color: #2f3239; } #content a.small { padding: 3px 10px; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: white; background: #00baa8; display: inline-block; } #content a.small:hover { background: #241e56; } #content p { margin-bottom: 20px; } #content img { max-width: 100%; height: auto; display: inline-block; } #content strong { color: #2f3239; } #content select { max-width: 100%; height: 40px; margin-bottom: 30px; padding-left: 10px; background: white; border: 1px solid #00baa8; } #content h1 { margin-bottom: 30px; padding-bottom: 5px; font-size: 26px; font-weight: 900; text-transform: uppercase; color: #241e56; border-bottom: 4px solid #241e56; } #content h2 { margin-bottom: 20px; padding-bottom: 10px; font-size: 18px; font-weight: 900; text-transform: uppercase; color: #241e56; border-bottom: 4px solid #241e56; } #content h3 { margin-bottom: 10px; font-size: 18px; font-weight: 900; color: #241e56; } #content h4 { margin-bottom: 20px; font-size: 20px; color: #018dd0; } /* List */ #content ol, #content ul { margin-left: 30px; margin-bottom: 30px; } #content ul li { position: relative; list-style: disc; } #content ul.nomargin { margin-left: 0; } #content ul.nomargin li { list-style: none; } #content ul.staff_list > li { padding: 10px 0; border-bottom: 1px solid #241e56; } #content ul.staff_list li table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } #content ul.staff_list li table tr td { vertical-align: middle; line-height: 20px; } #content ul.staff_list li table tr td.avatar { width: 60px; } #content ul.staff_list li table tr td.avatar img { width: 50px; height: 50px; display: block; } #content ul.staff_list li table tr td.name { font-size: 12px; font-weight: 700; text-decoration: underline; } #content ul.staff_list li table tr td.name span { font-weight: normal; text-transform: none; } #content ul.staff_list li table tr:hover td.name { text-decoration: none; color: #00baa8; } #content ul.staff_list li table tr td.post { width: 240px; font-size: 12px; font-style: italic; } #content ul.staff_list li table tr td.email { width: 240px; font-size: 12px; font-weight: 700; color: #241e56; line-height: 17px; } #content ul.staff_list li table tr td.email a { color: #241e56; } #content ul.staff_list li table tr td.phone { width: 140px; font-size: 12px; font-weight: 700; color: #241e56; line-height: 17px; } #content ul.staff_list li .bio { padding: 30px 20px; display: none; } #content ul.staff_list li .bio .bio_header { margin-bottom: 40px; display: table; } #content ul.staff_list li .bio .bio_header .profile_image { width: 180px; vertical-align: top; display: table-cell; } #content ul.staff_list li .bio .bio_header .profile_image img { width: 150px; height: 150px; display: inline-block; } #content ul.staff_list li .bio .bio_header .profile_datas { padding-right: 80px; font-weight: 700; vertical-align: bottom; display: table-cell; } #content ul.staff_list li .bio .bio_header .profile_datas em { font-weight: normal; } #content ul.staff_list li .bio .bio_header .profile_office_nr { vertical-align: bottom; display: table-cell; } #content ul.staff_list li .bio .bio_header .profile_office_nr .box { width: 90px; height: 90px; padding-top: 15px; font-size: 12px; font-weight: 900; color: white; background: #00baa8; } #content ul.staff_list li .bio .bio_header .profile_office_nr .box span { font-size: 36px; } /* MSC & PHD */ #content .msc_phd_wrapper article { width: 48%; width: calc(50% - 10px); margin-bottom: 20px; padding: 10px; text-decoration: none; background: white; float: left; cursor: pointer; } #content .msc_phd_wrapper article:hover { -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } #content .msc_phd_wrapper article:nth-child(even) { float: right; } #content .msc_phd_wrapper article .title { font-size: 18px; font-weight: 900; color: #241e56; line-height: 25px; } #content .msc_phd_wrapper article strong { font-size: 12px; } #content .msc_phd_wrapper article strong a { color: #00baa8; } #content .msc_phd_wrapper article strong a:hover { text-decoration: none; color: #000; } /* Events */ #content .events_wrapper .event { width: 50%; width: calc(50% - 20px); height: 120px; margin-bottom: 35px; padding: 10px 0 0 125px; line-height: 25px; background: url(images/bgr_areas_3.jpg) no-repeat center; background-size: cover; text-decoration: none; color: white; line-height: normal; display: block; float: left; position: relative; cursor: pointer; } #content .events_wrapper .event:nth-child(even) { float: right; } /* !!! */ #content .events_wrapper .event:hover { background: url(images/bgr_areas_hover.jpg) no-repeat center; background-size: cover; -moz-box-shadow: 0 0 14px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.5); box-shadow: 0 0 14px rgba(0,0,0,0.5); } #content .events_wrapper .event .datetime { width: 90px; left: 10px; top: 10px; bottom: 10px; padding-top: 10px; color: white; background: url(images/bgr_areas_2.jpg) no-repeat center; background-size: cover; position: absolute; } #content .events_wrapper .event .datetime .year { font-size: 10px; font-weight: 900; margin-bottom: 5px; } #content .events_wrapper .event .datetime .month { font-size: 12px; font-weight: 900; } #content .events_wrapper .event .datetime .day { font-size: 36px; font-weight: 900; } #content .events_wrapper .event .event_title { min-height: 40px; font-size: 18px; font-weight: 900; line-height: 20px; } #content .events_wrapper .event .full_datetime { margin-bottom: 10px; font-size: 12px; font-weight: 700; line-height: 14px; } #content .events_wrapper .event .location { font-size: 14px; font-weight: 400; line-height: 14px; } #content .events-maker-ical { display: none !important; } #content header.meta { margin-bottom: 30px; font-size: 14px; } #content header.meta .col { font-size: 14px; } #content header.meta strong { font-weight: 700; color: #241e56; } /* Publications */ #content .publications .publication { margin-bottom: 20px; padding-bottom: 20px; line-height: 17px; border-bottom: 1px solid #241e56; } #content .publications .publication .title { font-size: 12px; font-weight: 700; color: #241e56; } #content .publications .publication .content { margin-top: 3px; font-size: 12px; font-style: italic; font-weight: 400; } #content .publications .publication .data { margin-top: 5px; font-size: 12px; font-weight: 700; color: #241e56; } #content .publications .publication .button { margin-top: 10px; } /* Video wrapper */ #content .video_wrapper { height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #content .video_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* Institutions */ #content .row_institutions .col_left { padding-right: 20px; } #content .row_institutions .col_right { padding-left: 20px; } #content .row_institutions .institution { margin-bottom: 20px; padding: 15px; text-decoration: none; color: #241e56; background: white; display: block; } #content .row_institutions .institution:hover { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } #content .row_institutions .institution .data_1 { font-size: 18px; font-weight: 900; line-height: 25px; } #content .row_institutions .institution .data_2 { font-size: 12px; font-weight: 700; line-height: 17px; } /* Premises */ #content .premises_wrapper { margin-left: -20px; margin-right: -20px; font-size: 0; } #content .premises_wrapper .premise { width: 50%; width: calc(50% - 40px); margin: 0 20px 40px 20px; vertical-align: top; background: white; display: inline-block; } #content .premises_wrapper .premise:hover { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } #content .premises_wrapper .premise .thumbnail img { width: 100%; height: auto; display: block; } #content .premises_wrapper .premise .entry { padding: 15px 10px; } #content .premises_wrapper .premise .entry .title { height: 50px; font-size: 18px; font-weight: 900; color: #241e56; line-height: 25px; } #content .premises_wrapper .premise .entry .address { font-size: 12px; color: #00baa8; } /* Table */ #content table.custom_1 { width: 100%; margin-bottom: 30px; text-align: left; border-collapse: collapse; border-spacing: 0; } #content table.custom_1 thead th { padding: 7px 10px; font-size: 12px; text-transform: uppercase; color: white; line-height: 1.2; background: #241e56; } #content table.custom_1 tbody td { padding: 5px 10px; font-size: 14px; background: white; border: 1px solid #ddd; } /* --------------- SIDEBAR --------------- */ #sidebar { width: 400px; padding-top: 70px; float: left; } #sidebar h2 { margin-top: 8px; margin-bottom: 20px; padding-bottom: 10px; font-size: 18px; font-weight: 900; text-transform: uppercase; color: #241e56; border-bottom: 4px solid #241e56; } #sidebar img { max-width: /*100%*/95%; height: auto; display: block; } /* Stuff categories */ #sidebar ul.staff_categories li { margin-bottom: 20px; list-style: none; } #sidebar ul.staff_categories li:last-child { margin-bottom: 0; } #sidebar ul.staff_categories li a { height: 55px; padding-left: 10px; font-size: 18px; font-weight: 900; color: white; line-height: 55px; background: url(images/bgr_areas_3.jpg) no-repeat center; display: block; } #sidebar ul.staff_categories li a:hover { background-image: url(images/bgr_areas_2.jpg); } /* Research areas */ #sidebar ul.research_areas li { margin-bottom: 20px; list-style: none; } #sidebar ul.research_areas li:last-child { margin-bottom: 0; } #sidebar ul.research_areas li a { height: 90px; padding: 0 10px 0 70px; font-size: 18px; font-weight: 900; color: white; line-height: 20px; background: url(images/bgr_areas_3.jpg) no-repeat center; border: 2px solid #294a9b; display: block; position: relative; } #sidebar ul.research_areas li a:hover, #sidebar ul.research_areas li.active a { background-image: url(images/bgr_areas_2.jpg); border-color: white; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } #sidebar ul.research_areas li a img { width: 50px; height: 50px; left: 8px; position: absolute; } #sidebar ul.research_areas li a .excerpt { margin-top: 5px; font-size: 12px; font-weight: normal; text-transform: none; line-height: 17px; } /* Research proposals */ #sidebar ul.research_proposals li { margin-bottom: 20px; list-style: none; } #sidebar ul.research_proposals li a { padding: 10px; color: white; background: url(images/bgr_areas_3.jpg) no-repeat center; background-size: cover; display: block; } #sidebar ul.research_proposals li a:hover { background-image: url(images/bgr_areas_2.jpg); } #sidebar ul.research_proposals li a .title { margin-bottom: 10px; font-size: 18px; font-weight: 900; line-height: 25px; } #sidebar ul.research_proposals li a .meta { font-size: 12px; line-height: 17px; } /* Child pages */ #sidebar ul.child_pages li { margin-bottom: 20px; list-style: none; } #sidebar ul.child_pages li:last-child { margin-bottom: 0; } #sidebar ul.child_pages li a { padding: 15px 10px; font-size: 18px; font-weight: 900; color: white; line-height: 20px; background: url(images/bgr_areas_3.jpg) no-repeat center; display: block; position: relative; } #sidebar ul.child_pages li a:hover, #sidebar ul.child_pages li.active a { background-image: url(images/bgr_areas_2.jpg); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } /* MSC & PHD */ #sidebar ul.msc_phd li { margin-bottom: 20px; list-style: none; } #sidebar ul.msc_phd li article { padding: 10px; text-decoration: none; background: white; display: block; cursor: pointer; } #sidebar ul.msc_phd li article:hover { -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); } #sidebar ul.msc_phd li article .title { font-size: 18px; font-weight: 900; color: #241e56; line-height: 25px; } #sidebar ul.msc_phd li article strong { font-size: 12px; } #sidebar ul.msc_phd li article strong a { text-decoration: underline; color: #00baa8; } #sidebar ul.msc_phd li article strong a:hover { text-decoration: none; color: #000; } /* Calendar */ #sidebar .fc { margin-bottom: 30px; padding: 10px; background: white; } #sidebar .fc .fc-toolbar { margin-bottom: 0 !important; line-height: normal; } #sidebar .fc .fc-toolbar .fc-center { text-align: left; } #sidebar .fc .fc-toolbar h2 { margin-top: 0 !important; margin-bottom: 0 !important; font-size: 18px; font-weight: 900; color: #241e56; line-height: 38px; border-bottom: none; } #sidebar .fc .fc-right { display: none !important; } /* Events */ #sidebar .event { height: 120px; margin-bottom: 20px; padding: 10px 0 0 125px; text-decoration: none; color: white; line-height: normal; background: url(images/bgr_areas_3.jpg) no-repeat center; background-size: cover; display: block; position: relative; } #sidebar .event:hover { background: url(images/bgr_areas_hover.jpg) no-repeat center; background-size: cover; -moz-box-shadow: 0 0 14px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.5); box-shadow: 0 0 14px rgba(0,0,0,0.5); } #sidebar .event .datetime { width: 90px; left: 10px; top: 10px; bottom: 10px; padding-top: 10px; color: white; background: url(images/bgr_areas_2.jpg) no-repeat center; background-size: cover; position: absolute; } #sidebar .event .datetime .year { font-size: 10px; font-weight: 900; margin-bottom: 5px; } #sidebar .event .datetime .month { font-size: 12px; font-weight: 900; } #sidebar .event .datetime .day { font-size: 36px; font-weight: 900; } #sidebar .event .event_title { margin-bottom: 10px; font-size: 18px; font-weight: 900; line-height: 20px; } #sidebar .event .full_datetime { margin-bottom: 5px; font-size: 12px; font-weight: 700; line-height: 14px; } #sidebar .event .location { font-size: 14px; font-weight: 400; line-height: 14px; } /* Flexible content */ #sidebar .flexible_content { margin-bottom: 30px; } #sidebar .flexible_content.textarea { padding: 20px 10px; color: white; background: #294a9b; } #sidebar .flexible_content.textarea .title { margin-bottom: 30px; padding-bottom: 5px; font-size: 26px; font-weight: 900; text-transform: uppercase; color: white; border-bottom: 4px solid white; } #sidebar .flexible_content.download { margin-bottom: 20px; } #sidebar .flexible_content.download a { padding: 15px 10px; font-size: 18px; font-weight: 900; color: white; line-height: 20px; background: url(images/bgr_areas.jpg) no-repeat center; display: block; } #sidebar .flexible_content.download a:hover { background-image: url(images/bgr_areas_hover.jpg); background-size: cover; } #sidebar .flexible_content.image_half { width: 50%; vertical-align: top; display: inline-block; } /* ------------- OTHER ------------- */ /* Login */ form.login input[type=password] { width: 100%; height: 30px; margin-bottom: 10px; padding-left: 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; background: transparent; border: 1px solid #00baa8; } form.login input[type=password]:focus { background: white; } /* Notice */ .notice { margin-bottom: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; color: white; } .notice.error { background: #d60315; } /* Downloads */ ul.downloads li { border-bottom: 1px solid #241e56; list-style: none; } ul.downloads li:last-child { border-bottom: none; } ul.downloads li a { padding: 10px 0; font-size: 12px; font-weight: 700; text-decoration: none !important; color: #241e56 !important; line-height: 17px; display: block; } ul.downloads li a:hover { color: #00baa8 !important; } /* --------------- FOOTER --------------- */ #footer { padding: 30px; color: white; background: #241e56; padding-bottom: 190px; } /* Footer top*/ #footer .footer_top { margin-bottom: 30px; } #footer .footer_top ul { font-size: 0; text-align: right; border-top: 4px solid white; } #footer .footer_top ul li { margin-left: 15px; vertical-align: top; display: inline-block; } #footer .footer_top ul li a { font-size: 11px; color: white; } #footer .footer_top ul li a:hover { text-decoration: underline; } /* Footer center */ #footer .footer_center { margin-bottom: 30px; font-size: 14px; line-height: 20px; } #footer .footer_center p { margin-bottom: 20px; } #footer .footer_center p:last-child { margin-bottom: 0; } #footer .footer_center a { color: white; } #footer .footer_center a:hover { text-decoration: underline; } #footer .footer_center .col { font-size: 14px; } #footer .footer_center .col_third_box a { min-width: 130px; height: 24px; margin-top: 5px; padding: 0 10px; text-align: center; line-height: 24px; background: #294a9b; display: inline-block; } #footer .footer_center .col_third_box a:hover { background: #00baa8; } /* Footer bottom */ #footer .footer_bottom { font-size: 11px; text-align: right; } #footer .footer_bottom a { color: white; } #footer .footer_bottom a:hover { text-decoration: underline; } /* -------------- FORM -------------- */ .form-row { margin-bottom: 20px !important; } .form-row.form-row-first { width: 48%; float: left; } .form-row.form-row-last { width: 48%; float: right; } .form-row.form-row-wide { width: 100%; float: none; clear: both; } .form-row.form-row-one-third { width: 32%; float: left; } .form-row.form-row-one-third.second { margin-left: 2%; margin-right: 2%; } .form-row label { font-weight: bold; color: #29221c; } .form-row textarea, .form-row input[type=tel], .form-row input[type=text], .form-row input[type=email], .form-row input[type=password] { width: 100%; height: 50px; padding-left: 15px; font-weight: 700; background: #f0f4f9; border-bottom: 2px solid #2f3239; } .form-row textarea:focus, .form-row input[type=tel]:focus, .form-row input[type=text]:focus, .form-row input[type=email]:focus, .form-row input[type=password]:focus { border-bottom-color: #018dd0; } .form-row textarea { height: 150px; padding: 15px; resize: vertical; } .form-row.white_input textarea, .form-row.white_input input[type=tel], .form-row.white_input input[type=text], .form-row.white_input input[type=email], .form-row.white_input input[type=password] { background: white; } /* Fooldali rotator box */ #rotatorBox { height: 360px; background: #fff; box-shadow: 0px 10px 10px #fff; position: relative; } .rotatorBox { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .rotatorBg { background-repeat: no-repeat; background-size: cover; background-position: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*opacity: 0.2;*/ opacity: 0.3; background-image: url(images/img_earth.jpg) !important; } .rotatorContent { position: absolute; width: 70%; left: 15%; margin-top: 15px; } .rotatorNav { position: absolute; bottom: 10px; left: 35%; width: 30%; background: #fff; opacity: 0.7; padding: 0 10px; border-radius: 10px; text-align: center; } #rotatorBox.stop .rotatorBox { /*background-color: #ffd !important;*/ } .rotatorBox .thumbnail { float: left; margin-right: 20px; text-decoration: none !important; } .rotatorBox .entry a { text-decoration: none !important; line-height: 1.2em; } .rotatorBox .thumbnail img { border-radius: 10px; box-shadow: 0 0 5px #000; max-height: 300px; } .rotatorLink { text-decoration: none !important; position: relative; } .rotatorLink>span { display: inline-block; position: absolute; line-height: 14px; font-size: 8px; top: 4px; left: 3px; width: 12px; text-align: center; color: white; } .rotatorLink.sel { color: #f00 !important; } .rotatorLeft, .rotatorRight { position: absolute; top: 160px; width: 40px; height: 40px;} .rotatorLeft div, .rotatorRight div { position: relative; top: 0; background: #018dd0; opacity: 0.6; text-align: center; width: 100%; height: 100%; cursor: pointer; color: #fff; text-shadow: 0 0 3px #fff; font-size: 28px; line-height: 36px; border-radius: 20px; box-shadow: 0 0 3px 0px #08d; } .rotatorLeft { left: 10%; } .rotatorRight { left: 90%; } .rotatorLeft div { left: 0; } .rotatorRight div { left: -40px; } .rotatorLeft span { position: relative; left: -2px; } .rotatorRight span { position: relative; left: 2px; } .rotatorLeft div:hover, .rotatorRight div:hover { opacity: 0.8; } /* ------------------- RWD DESIGN ------------------- */ @media only screen and (max-width: 1330px) { #header .hunren-logo { /*left: 0*/ right: 120px; } /* DISPLAY: None */ .hide_in_1330 { display: none !important; } /* DISPLAY: Block */ .show_in_1330 { display: block !important; } /* DEFAULT */ .p_l_30 { padding-left: 30px; } .p_r_30 { padding-right: 30px; } /* HEADER */ #header { height: 180px; } #header hgroup { height: 120px; } /* HEADER: Logo */ #header .logo { left: /*30px*/ 0px; font-size: 25px; } #header .logo img { left: /*215px*/ 20px; } /* HEADER: Menu */ #header #menu ul li { margin: /*0 20px*/ 0 18px/*EDIT lendulet*/; min-width: inherit; } #header #menu ul li a { padding: 0; } #header #menu ul li ul { width: max-content; text-align: left; } #header #menu ul li ul li { text-align: left; display: block; } /* CONTENT */ #container { padding-top: 180px; } } @media only screen and (max-width: 1200px) { #header .hunren-logo { height: /*60%*/ 70%; top: /*25%*/ 15%; right: 100px; } /* DISPLAY: None */ .hide_in_1200 { display: none !important; } /* HEADER */ #header { height: 160px; } #header hgroup { height: 100px; } /* HEADER: Logo */ #header .logo { height: 80px; padding-left: /*120px*/ 268px; font-size: 22px; max-width: 600px; } #header .logo img { left: /*175px*/ 20px; top: 3px; } /* HEADER: Menu */ #header #menu ul li { margin: /*0 15px*/ 0 8px/*EDIT lendulet*/; } /* FRONTPAGE: Research areas */ #research_areas .areas .area a.wrapper { padding-top: 0; padding-right: 10px; } #research_areas .areas .area a.wrapper .name { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* FRONTPAGE: Events */ #events .col.col_events .event .event_title { font-size: 16px; line-height: 18px; } #events .col.col_events .event .full_datetime { margin-bottom: 5px; } /* FRONTPAGE: Staff */ #staff .col_staff .staff_wrapper { margin-left: 0; margin-right: 0; } #staff .col_staff .staff_wrapper div { width: 100%; margin-bottom: 10px; padding-left: 0; padding-right: 0; display: block; } #staff .col_staff .staff_wrapper div a { height: 30px; padding-left: 10px; text-align: left; line-height: 30px; } #staff .col_staff .staff_wrapper div a span { left: auto; bottom: auto; position: relative; } #staff .col_new_staff .staff_wrapper .staff .wrapper { padding-left: 90px; } #staff .col_new_staff .staff_wrapper .staff .wrapper img { left: 5px; } #staff .col_new_staff .staff_wrapper .staff .wrapper .staff_name { font-size: 15px; line-height: 18px; } /* CONTENT */ #container { padding-top: 160px; } #container.has_sidebar #content { width: 100%; width: calc(100% - 350px); max-width: 980px; } /* CONTENT: Events */ #content .events_wrapper .event { width: 100%; margin-bottom: 30px; float: none; } #content .events_wrapper .event:nth-child(even) { float: none; } /* SIDEBAR */ #sidebar { width: /*400px*/ 350px; } #rotatorBox { height: 600px !important; } #rotatorBox .thumbnail { float: none; } } @media only screen and (max-width: 960px) { /*#header .hunren-logo { height: 50%; top: 25%; right: 100px; }*/ #header .hunren-logo { /*height: 30%; top: auto; bottom: 5px; left: auto; right: 120px;*/ height: 58%; top: 21%; } /* DISPLAY: None */ .hide_in_960 { display: none !important; } /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* HEADER */ #header { height: 130px; border-bottom: 10px solid white; } #header hgroup { height: 120px; } #header:after { display: none; } /* FRONTPAGE: Research areas */ #research_areas .title h2 { font-size: 20px; } #research_areas .areas .area a.wrapper { height: 60px; font-size: 14px; line-height: 16px; } /* FRONTPAGE: News */ #news { margin-bottom: 70px; } #news .title { font-size: 20px; } #news .news_wrapper .news { width: 50%; } #news .news_wrapper .news:nth-child(3) { display: none; } /* FRONTPAGE: Events */ #events .title h2 { margin-bottom: 0 !important; font-size: 20px; } #events .col.col_events { width: 100%; } /* FRONTPAGE: Staff */ #staff { padding: 50px 0; } #staff .title { font-size: 20px; } #staff .col_staff { width: 100%; margin-bottom: 40px; padding-right: 0; display: block; } #staff .col_staff .staff_wrapper { margin-left: -10px; margin-right: -10px; } #staff .col_staff .staff_wrapper div { width: 33.3333333333%; margin-bottom: 0; padding-left: 10px; padding-right: 10px; display: inline-block; } #staff .col_staff .staff_wrapper div a { padding-left: 0; text-align: center; } #staff .col_new_staff { width: 100%; display: block; } #staff .col_new_staff .staff_wrapper .staff .wrapper { padding-left: 90px; } /* FRONTPAGE: Jobs */ #jobs_social .title { font-size: 20px; } #jobs_social .col_jobs { width: 100%; padding-right: 0; display: block; } /* dijak es elismeresek + mediaszereplesek */ #staff .col_awards { width: 100%; } #jobs_social .col_media { width: 100%; } #jobs_social .col_media .media_wrapper .media .wrapper { height: 140px; } /* CONTENT */ #container { padding-top: 130px; } #container.has_sidebar #content { width: 100%; max-width: none; padding-left: 0; float: none; } /* FOOTER: Footer center */ #footer .footer_center .col_contact { width: calc(100% - 220px); } #footer .footer_center .col_third_box { width: 220px; } #rotatorBox { height: 650px !important; } } @media only screen and (max-width: 840px) { /*#header .hunren-logo { height: 40%; top: 30%; right: 100px; }*/ #header .logo { width: /*580px*/ 400px; font-size: 15px; } #rotatorBox { height: 700px !important; } } @media only screen and (max-width: 768px) { /*#header .hunren-logo { height: 30%; top: auto; bottom: 5px; left: auto; right: 120px; }*/ /* FRONTPAGE: Research areas */ #research_areas .areas .area { width: 50%; } /* FRONTPAGE: Events */ #events .col.col_events .event { width: 100%; margin-bottom: 30px; float: none; } #events .col.col_events .event:nth-child(even) { float: none; } #events .col.col_events .event:last-child { margin-bottom: 0; } /* CONTENT: MSC & PHD */ #content .msc_phd_wrapper article { width: 100%; float: none; } #content .msc_phd_wrapper article:nth-child(even) { float: none; } /* CONTENT: Institutions */ #content .row_institutions .col_left { width: 100%; margin-bottom: 40px; padding-right: 0; display: block; } #content .row_institutions .col_right { width: 100%; padding-left: 0; display: block; } } @media only screen and (max-width: 640px) { /*#header .hunren-logo { height: 40%; top: 10px; bottom: auto; left: 100px; right: auto; }*/ #header .hunren-logo { height: 34%; top: 5px; bottom: auto; left: 55%; right: auto; } /* DISPLAY: None */ .hide_in_640 { display: none !important; } /* HEADER */ #header hgroup .inner { padding-top: 20px; } /* HEADER: Logo */ #header .__logo { height: /*60px*/ 60px; top: auto; /*bottom: 20px;*/ top: 15px; width: 80%; padding-left: 95px; font-size: /*3.5vw*/ /*16px*/ 14px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #header .__logo small { font-size: 10px; line-height: 120%; } #header .__logo img { left: 10px; height: 45%; top: 5px; display: block; } #header .logo { height: /*60px*/ 70px; top: auto; /*bottom: 20px;*/ top: 45px; width: 80%; padding-left: 10px; font-size: /*3.5vw*/ /*16px*/ 14px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #header .logo small { font-size: 10px; line-height: 120%; } #header .logo img { left: 11px; height: 40%; top: -30px; display: block; } /* FRONTPAGE: Research areas */ #research_areas .areas { max-width: 460px; margin-left: auto; margin-right: auto; } #research_areas .areas .area { width: 100%; } /* FRONTPAGE: News and events selector */ #news_events_selector .selector_wrapper a { width: 110px; height: 60px; font-size: 14px; line-height: 60px; } #news_events_selector .selector_wrapper img { max-width: 330px; } /* FRONTPAGE: News */ #news .news_wrapper { max-width: 460px; margin-left: auto; margin-right: auto; } #news .news_wrapper .news { width: 100%; margin-bottom: 30px; padding-left: 0; padding-right: 0; display: block; } #news .news_wrapper .news:last-child { margin-bottom: 0; } #news .news_wrapper .news:nth-child(3) { display: block; } /* FRONTPAGE: Events */ #events .col.col_events .event { max-width: 460px; margin-left: auto; margin-right: auto; } /* FRONTPAGE: Staff */ #staff .col_staff .staff_wrapper { max-width: 460px; margin-left: auto; margin-right: auto; } #staff .col_staff .staff_wrapper div { width: 100%; margin-bottom: 10px; padding-left: 0; padding-right: 0; display: block; } #staff .col_new_staff .staff_wrapper { max-width: 460px; margin-left: auto; margin-right: auto; } #staff .col_new_staff .staff_wrapper .staff { width: 100%; padding-left: 0; padding-right: 0; display: block; } #staff .col_new_staff .staff_wrapper .staff .wrapper { padding-left: 100px; } /* CONTENT: Staff list */ #content ul.staff_list > li { padding: 10px 0; border-bottom: 1px solid #241e56; } #content ul.staff_list li table tr td.name span { display: none !important; } #content ul.staff_list li table tr td.post { display: block !important; } /* FRONTPAGE: Jobs */ #jobs_social .col_jobs .job_wrapper { max-width: 460px; margin-left: auto; margin-right: auto; } /* CONTENT: Event */ #content header.meta .col { width: 100%; display: block; } /* CONTENT: Table */ #content table.table_responsive thead { display: none !important; } #content table.table_responsive tr { display: block; } #content table.table_responsive td { width: 100% !important; display: block; } #content table.table_responsive td::before { font-family: /*'Roboto'*/ 'Merriweather Sans', sans-serif; font-size: 12px !important; font-weight: 700; font-style: normal !important; text-transform: uppercase; color: #000 !important; float: left; content: attr(data-title) ": "; } #content table.table_responsive td { text-align: right !important; } /* CONTENT: Premises */ #content .premises_wrapper { max-width: 460px; margin-left: auto; margin-right: auto; } #content .premises_wrapper .premise { width: 100%; margin-left: 0; margin-right: 0; } #content .premises_wrapper .premise:nth-child(even) { float: none; } #content .premises_wrapper .premise .entry .title { height: auto; } /* FOOTER: Footer top*/ #footer .footer_top ul { text-align: center; } #footer .footer_top ul li { margin-left: 0; display: block; } #footer .footer_top ul li a { padding: 5px 0; font-size: 14px; line-height: 16px; display: block; } /* FOOTER: Footer bottom */ #footer .footer_bottom { text-align: center; } } @media only screen and (max-width: 480px) { /* FRONTPAGE: Research areas */ #research_areas .areas { max-width: 320px; } /* FRONTPAGE: News */ #news .news_wrapper { max-width: 320px; } /* FRONTPAGE: Events */ #events .col.col_events .event { max-width: 320px; } /* FRONTPAGE: Staff */ #staff .col_staff .staff_wrapper, #staff .col_new_staff .staff_wrapper { max-width: 320px; } /* FRONTPAGE: Jobs */ #jobs_social .col_jobs .job_wrapper { max-width: 320px; } /* CONTENT */ #content select { width: 100%; } /* CONTENT: Premises */ #content .premises_wrapper { max-width: 320px; } } td.name a{ color: #000 !important; } td.name:hover a{ color: #00baa8 !important; } /* EDIT kiadvanyok */ /* http://www.ggki.hu/kiadvanyok/ oldalon a bal oldali kepeknel az 5. kiadvanytol ervenyes ez a css */ /* A regebbi 4 db kepben benne van az arnyekolas, de az admin nem grafikus. Ezt css-bol is meg lehet oldani. */ #website #container .inner.p_l_30.p_r_30 #sidebar.hide_in_960 .flexible_content.image_half:nth-child(1n+5) img { box-shadow: 5px 5px 10px #888; max-width: 175px; } .eprot { vertical-align: text-bottom; } /* hirek teljes oldalnal bal oldalt a kiemelt kep stilusa */ .newsThumb { border: 1px solid #888; padding: 0px; box-shadow: 5px 5px 10px #888; } /* akadalymentesites */ a:focus-visible, select:focus-visible, input:focus-visible { outline: 5px solid #f00 !important; /*box-shadow: 0 0 5px 5px #f00 !important;*/ }