%PDF- %PDF-
Direktori : /home/eirtvhdf/makkitrust.org/wp-content/plugins/trx_addons/components/cv/css/ |
Current File : /home/eirtvhdf/makkitrust.org/wp-content/plugins/trx_addons/components/cv/css/cv.css |
/* CV Card common styles ------------------------------------------- */ .trx_addons_cv { color: #8b8b8b; background-color:#f7f7f7; font-size: 13px; } .trx_addons_cv_body_wrap:after { content:' '; display:block; width: 100%; height: 0; clear:both; } .trx_addons_loading { background-image:url(../images/preloader.gif); background-position:center; background-repeat:no-repeat; } h1, h2, h3, h4, h5, h6 { letter-spacing: 0; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #292929; } a { color: #efa758; } a:hover { color: #c58a49; } /* CV Card: Header area ------------------------------------------- */ .trx_addons_cv_header { position: fixed; z-index:1000; left:0; top:0; width: 50%; height: 100%; background-color:#fff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width ease .3s; -ms-transition: width ease .3s; transition: width ease .3s; } .trx_addons_cv_button2 { display:none; position: absolute; z-index:2; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .trx_addons_cv_button_cv2 { left: 20%; } .trx_addons_cv_button_blog2 { right: 20%; } .trx_addons_cv_splash .trx_addons_cv_button2 { display:block; max-width: 16%; } .trx_addons_cv_header_data { position: absolute; z-index:1; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .trx_addons_cv_header_image_style_cover { background-position:center; background-size:cover; background-repeat:no-repeat; } .trx_addons_cv_splash .trx_addons_cv_header_image_style_cover, .trx_addons_cv_header_image_style_fit { background-position:center; background-size:contain; background-repeat:no-repeat; } .trx_addons_cv_header_image { height:30em; margin-bottom: 5em; text-align:center; } .trx_addons_cv_header_image img { height:100%; width: auto; /*border:2px solid #292929;*/ } .trx_addons_cv_header_letter { font-size:34.6154em; line-height:1em; text-align:center; margin:0 !important; } .trx_addons_cv_header_text { margin: 2.1429em 0 0 0; letter-spacing:2px; font-weight:bold; text-align:center; } .trx_addons_cv_header .trx_addons_cv_header_letter, .trx_addons_cv_header .trx_addons_cv_header_text { color:#292929; } .trx_addons_cv_header_socials { margin: 1.5em 0 0 0; text-align:center; font-size:1.3846em; white-space:nowrap; } .trx_addons_cv_header_socials .social_item + .social_item { margin-left: 0.5em; } .trx_addons_cv_header .trx_addons_cv_header_socials .social_item > .social_icon { color: rgba(0,0,0,0.2); } .trx_addons_cv_header .trx_addons_cv_header_socials .social_item:hover > .social_icon { color: #292929; } .trx_addons_cv_header_letter, .trx_addons_cv_header_text, .trx_addons_cv_header_socials .social_item > .social_icon { text-shadow: 1px 1px 6px #fff; } .trx_addons_cv_tint_dark .trx_addons_cv_header_letter, .trx_addons_cv_tint_dark .trx_addons_cv_header_text, .trx_addons_cv_tint_dark .trx_addons_cv_header_socials .social_item > .social_icon { color:#fff; text-shadow: 1px 1px 3px #000; } .trx_addons_cv_tint_dark .trx_addons_cv_header_socials .social_item:hover > .social_icon { text-shadow: 1px 1px 3px #666; } /* CV Card: Content area -------------------------------------------------- */ .trx_addons_cv_content { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 50%; float:right; padding: 5em 3.5em; } /* Sections */ .trx_addons_cv_splash .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area { display:none !important; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area { white-space:nowrap; position: fixed; z-index:1001; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item { display: block; width: 4.4615em; height: 4.4615em; line-height: 4.4615em; color: #bbb; background-color: #f0f0f0; border: 0.5em solid #ddd; border-radius: 50%; text-align:center; opacity:0; -webkit-animation: zoomin 0.5s 1s cubic-bezier(.65, 1.95, .03, .32) forwards; -ms-animation: zoomin 0.5s 1s cubic-bezier(.65, 1.95, .03, .32) forwards; animation: zoomin 0.5s 1s cubic-bezier(.65, 1.95, .03, .32) forwards; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item:hover { color: #292929; border-color: #fff; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_resume"] { -webkit-animation-delay: 1.4s; -ms-animation-delay: 1.4s; animation-delay: 1.4s; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_portfolio"] { -webkit-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_certificate"] { -webkit-animation-delay: 1.3s; -ms-animation-delay: 1.3s; animation-delay: 1.3s; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_contacts"] { -webkit-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item_active, .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item:hover { color: #292929; border-color: #fff; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item:before { font-family: 'trx_addons_icons'; font-size:1.4615em; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_about"]:before { content: '\e8ba'; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_resume"]:before { content: '\e862'; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_portfolio"]:before { content: '\e863'; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_testimonial"]:before { content: '\e8b8'; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_certificate"]:before { content: '\e833'; } .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area .trx_addons_cv_navi_buttons_item[data-section="cv_contacts"]:before { content: '\e8bb'; } div.trx_addons_cv_section .trx_addons_cv_section_title { position:relative; cursor:pointer; font-weight:bold; font-size: 1.3846em; text-align:left; text-transform:uppercase; letter-spacing:1px; padding-right:3em; margin:0; border-bottom: 8px solid transparent; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .trx_addons_cv .trx_addons_cv_section_title, .trx_addons_cv .trx_addons_cv_section_title a { color: #292929; } .trx_addons_cv_section_title.ui-state-active { border-color: #292929; } .trx_addons_cv_navi_buttons .trx_addons_cv_section_title { display: none; border-width: 3px; margin:0 2.1667em; } .trx_addons_cv_navi_buttons .trx_addons_cv_section_title:after { display: none; } .trx_addons_cv_navi_buttons .trx_addons_cv_section_title.ui-state-active { display: block; } .trx_addons_cv_section_title:after { content:'\e857'; font-family: 'trx_addons_icons'; position:absolute; z-index:1; right:0; top: 0; opacity: 0; -webkit-transition: opacity ease .3s; -ms-transition: opacity ease .3s; transition: opacity ease .3s; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .trx_addons_cv_section_title.ui-state-active:after { opacity: 1; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } .trx_addons_cv_section_title_icon { display:inline-block; margin-left:0.8em; font-weight:400; font-size:0.8889em; } .trx_addons_cv_section_title_icon:before { font-family: 'trx_addons_icons'; } .trx_addons_cv_section_title_icon_print:before { content: '\e899'; } .trx_addons_cv_section_title_icon_download:before { content: '\e86c'; } div.trx_addons_cv_section .trx_addons_cv_section_content { padding: 5em 3em; display:none; } div.trx_addons_cv_section .trx_addons_cv_section_content.ui-accordion-content-active { display:block; } /* Tabs in the sections */ .trx_addons_cv_section_content .trx_addons_tabs .trx_addons_tabs_titles { margin:0 0 3em; text-align:center; } .trx_addons_cv_section_content .trx_addons_tabs .trx_addons_tabs_titles li > a { color: #b7b7b7; } .trx_addons_cv_section_content .trx_addons_tabs .trx_addons_tabs_titles li.ui-state-active > a, .trx_addons_cv_section_content .trx_addons_tabs .trx_addons_tabs_titles li > a:hover { color: #292929; } /* Pagination */ .trx_addons_pagination { margin-top:3em; text-align:center; } .trx_addons_pagination > * { display:inline-block; height:2em; line-height:2em; padding:0 0.8em; } .trx_addons_cv_section .trx_addons_pagination > * { color:#8b8b8b; } .trx_addons_cv_section .trx_addons_pagination > a:hover { color: #292929; } .trx_addons_pagination > span.active { color: #292929; border: 2px solid #292929; } /* Single post */ .trx_addons_cv_single { padding:0 8.5em; } .trx_addons_cv_breadcrumbs { margin-bottom:3em; } .trx_addons_cv_breadcrumbs_item { font-style:italic; } .trx_addons_cv_breadcrumbs .trx_addons_cv_breadcrumbs_item { color: #b7b7b7; } .trx_addons_cv_breadcrumbs a.trx_addons_cv_breadcrumbs_item:hover { color: #292929; } .trx_addons_cv_breadcrumbs_item + .trx_addons_cv_breadcrumbs_item:before { content: '/'; display: inline-block; margin: 0 0.5em; } .trx_addons_cv_single_thumb img { width:100%; } .trx_addons_cv_single_title { margin:0.8em 0 0.4em; text-align:left; } .trx_addons_cv_single .trx_addons_cv_single_title { color: #292929; } .trx_addons_cv_single_subtitle { margin: -1em 0 2em; text-transform:uppercase; font-size:1em; } .trx_addons_cv_single .trx_addons_cv_single_subtitle { color: #b7b7b7; text-align:left; } .trx_addons_cv_single .trx_addons_cv_single_footer { margin-top:3em; } .trx_addons_cv_single .trx_addons_cv_single_footer .trx_addons_cv_back_link { display:inline-block; padding:0.5em 2em; color: #ffffff; background-color: #292929; border: 2px solid #292929; } .trx_addons_cv_single .trx_addons_cv_single_footer .trx_addons_cv_back_link:hover { color: #292929; background-color: transparent; } /* Modifications ------------------------------------------------------- */ /* Narrow header */ .trx_addons_cv_header_narrow .trx_addons_cv_header { width:40%; } .trx_addons_cv_header_narrow .trx_addons_cv_content { width:60%; } .trx_addons_cv_header_narrow .trx_addons_cv_navi_buttons .trx_addons_cv_navi_buttons_area { left: 40%; } /* Splash */ .trx_addons_cv_splash .trx_addons_cv_header { width:100%; }