/* Version: 1.0 */ @import url(base.css); @import url(components.css); @import url(font-awesome.min.css); /* 01 - General & Basic Styles */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 14px Arial, "\5FAE\8F6F\96C5\9ED1"; color: #353a48; background: #f5f5f5; overflow: hidden; } .bboxed { /*background-image: url(assets/img/patterns/bg13.png);*/ background-repeat: repeat; } .boxed, .boxed-2 { position: relative; width: 1200px; margin: 0 auto; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25); } .boxed-2 { margin-top: 40px; margin-bottom: 40px; } .loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.svg) no-repeat center center #f5f5f5; background-size: 60px; } .full-section { padding: 52px 0 20px 0; } .full-section .section-description { text-align: center; color: #353a48; max-width: 770px; margin: auto; } .full-section .section-content { margin-top: 54px; } .fancy-shadow { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); position: relative; } .demo_navigation { position: fixed; z-index: 99999; right: -230px; top: 10%; width: 230px; border-left: none; background-color: #fff; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); border-bottom-left-radius: 5px; } .demo_navigation.opened { right: 0 !important; } .demo_options .demo-title { color: #171717; margin-bottom: 15px; font-size: 15px; } .demo_options hr { border: 0; background: #ddd; height: 1px; width: 100%; margin: 15px 0; } .demo_options .demo-content { color: white; font-size: 13px; } .nav_skin .demo-contentlabel { display: block; } .demo_navigation img { border: 1px solid #eae9e9; } .demo_navigation img.imgSelected { border-color: red; } .show_hide { cursor: pointer; width: 100%; height: 100%; display: block; } .push_options { border-radius: 2px 0 0 2px; height: 37px; width: 37px; line-height: 37px; position: absolute; top: 0px; left: -37px; background: #fe9d68; display: block; font-size: 21px; text-align: center; margin: 0; padding: 0; } .push_options a { color: #fff; } .push_options a i { font-size: 21px; } .demo_options { padding: 20px; } .demo_options .nav_skin .demo-content div { width: 15px; height: 15px; float: left; margin: 0 5px 5px 0; overflow: hidden; cursor: pointer; } .demo_options .nav_skin .demo-content .skin-icon { border-radius: 50%; } .demo_options .nav_skin .demo-content div:last-child { margin-right: 0 !important; } .demo_options .nav_skin .demo-content.demo-layout div { height: 35px; width: 56px; padding: 5px; border: 1px solid #eae9e9; background-color: #f8f7f7; text-align: center; line-height: 25px; font-size: 11px; color: #171717; margin-right: 10px; } .demo_options .nav_skin .demo-content.demo-layout div:hover { background-color: #171717; border-color: #171717; color: #fff; } .demo_options .nav_skin .demo-content.demo-light div { height: 35px; width: 90px; padding: 5px; border: 1px solid #eae9e9; background-color: #f8f7f7; text-align: center; line-height: 25px; font-size: 11px; margin-right: 10px; } .demo_options .nav_skin .demo-content.demo-pattern div { width: 18px; height: 18px; } .demo_options .nav_skin .demo-content.demo-pattern div img { width: 16px; height: 16px; } .btn { font: bold 13px "Open Sans", Arial, "microsoft yahei"; display: inline-block; /*height: 29px; line-height: 29px;*/ color: #fff; padding: 8px 15px; border-radius: 4px; /*margin-right: 17px;*/ /*background-color: #383c4b;*/ } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } table .btn { margin-right: 0px; } .btn.orange-btn { background-color: #fe9d68; } .btn.orange-btn:hover, .btn.orange-btn:focus { color: #fff; } .grad-btn, .course-search.alt .container, .post-type-icon { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, 0.05); background-image: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100% ); background-image: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100% ); background-image: -ms-linear-gradient( 0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100% ); background-image: -o-linear-gradient( 0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100% ); background-image: linear-gradient( 0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100% ); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } a.btn:hover { opacity: 0.9; } /* 02 - Typography */ p { font: normal 12px/20px "Open Sans", Arial, "\5FAE\8F6F\96C5\9ED1"; } h2.slide-title, h3.section-title, h3.post-title, h3.course-title, h4.cat-title, h4.accordion-header, h5.feature-title, h6.head-title, h4.title, h6.widget-title, .site-name { text-align: center; font-weight: 700; } h2.slide-title { font-size: 40px; font-weight: bold; line-height: 45px; text-transform: uppercase; } h3.section-title { font-size: 25px; line-height: 50px; color: #fe9d68; } h3.course-title, h3.blogpost-title, h3.single-title { font-size: 18px; font-weight: bold; line-height: 32px; } h3.post-title { font-size: 16px; } h4.cat-title { font-size: 16px; line-height: 46px; } h4.accordion-header { font-size: 14px; color: #5a5e6a; } h4.footer-course-title { font-size: 14px; line-height: 14px; } h5.feature-title { font-size: 18px; line-height: 46px; color: #fe9d68; } h6.head-title { font-size: 20px; line-height: 24px; color: #383c4b; } h6.widget-title { font-size: 16px; line-height: 30px; color: #fff; } h2.about-title { font-size: 18px; color: #fa9964; font-weight: bold; margin-bottom: 22px; } h5.sidebar-widget-title, h5.contact-title { font-size: 18px; font-weight: bold; } h1.h1-title, h2.h2-title, h3.h3-title, h4.h4-title, h5.h5-title, h6.h6-title { color: #fe9d68; font-weight: bold; margin-bottom: 5px; } h1.h1-title { font-size: 32px; } h2.h2-title { font-size: 28px; } h3.h3-title { font-size: 25px; } h4.h4-title { font-size: 22px; } h5.h5-title { font-size: 18px; } h6.h6-title { font-size: 14px; } .row-title { font-size: 20px; font-weight: bold; color: #fe9d68; margin-bottom: 10px; } /* Top Bar */ .top-bar { background: #f5f5f5; border-bottom: 1px solid #e6e6e7; } .top-bar .top-social-icons ul li, .top-bar .top-links ul li { float: left; margin-right: 7px; padding-top: 8px; padding-bottom: 8px; } .top-bar .top-social-icons ul li, .top-bar .top-links ul li.active { display: inline-block; background: #2954a2; color: #fff; border-radius: 2px; border: 1px solid #2954a2; font-weight: 700; line-height: 23px; margin-top: 8px; margin-bottom: 8px; padding: 0 6px; } .top-bar .top-social-icons ul li a, .top-bar .top-links ul li a, .top-bar.top-header ul li a { display: block; border-radius: 2px; border: 1px solid #e6e6e6; width: 25px; height: 25px; line-height: 25px; font-size: 14px; text-align: center; color: #a9abb0; padding: 0 6px; } .top-bar.top-header ul li a { color: #606475; border-color: #c7c6ce; font-weight: 600; padding-bottom: 25px; } .top-bar .top-links ul li a { width: auto !important; } .top-bar .top-social-icons ul li a:hover, .top-bar .top-links ul li a:hover { background: #2954a2; color: #fff; border: 1px solid #2954a2; } .top-bar .top-links ul li.active a, .top-bar .top-links ul li.active a:hover { cursor: default; border: none; color: #fff; font-weight: 400; height: 23px; line-height: 23px; } .top-bar .top-contact li, .top-bar .top-right-side li { line-height: 40px; } .top-bar .top-contact li i, .top-bar .top-right-side li i { font-size: 15px; color: #fe9d68; margin-right: 10px; } .top-bar .top-contact li.divider, .top-bar .top-right-side li.divider { margin: 0 10px; color: #a9abb0; } .top-bar.top-header .top-right-side li.divider { margin: 0 5px 0 10px; } .top-bar .top-contact li i.fa-phone { vertical-align: middle; } .top-bar .top-contact li .text, .top-bar .top-contact li .text a { color: #a9abb0; } .top-bar .top-right-side li a { color: #a9abb0; } .top-bar .top-contact li .text a:hover, .top-bar .top-right-side li a:hover { color: #2954a2; text-decoration: underline; } .top-bar .top-right-side li a.login { background: #fe9d72; border-radius: 2px; color: #fff; padding: 5px 10px; } .top-bar.top-header .top-right-side li a { border-color: transparent; width: auto; margin-top: 7px; } .top-bar.top-header .top-right-side li a.login { padding: 0 10px 25px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } .top-bar.top-header .dropdown .dropdown-menu { margin-top: -5px; padding: 6px 10px; min-width: 280px; height: auto; } .top-bar.top-header .top-nav .dropdown-menu-right { margin: -5px 0 0 0; right: 0; left: auto; } .top-bar.top-header .top-nav .search .search-input { border-right: none; height: 36px; line-height: 36px; } .top-bar.top-header .top-nav .search .submit-btn { height: 36px; padding: 0 10px; } /* Main Navigation */ header > .container { position: relative; } header .main-navigation > ul > li { float: left; margin-right: 17px; position: relative; } header .main-navigation > ul > li:last-child { margin: 0; } header .main-navigation > ul > li:last-child a { padding-right: 0; } header .main-navigation > ul > li > a { color: #fff; font-size: 14px; font-weight: bold; line-height: 100px; padding: 0 10px; display: block; position: relative; } header .main-navigation > ul > li > a:focus { outline: 0; } header .main-navigation > ul > li.login > a span { background: #fe9d68; padding: 5px 10px; border-radius: 3px; box-shadow: none; } header .main-navigation ul li.current_page_item a, header .main-navigation ul li a:hover, header.alt .main-navigation ul li.current_page_item a, header.alt .main-navigation ul li a:hover, header .main-navigation li.parent-item ul.submenu li:hover > a { color: #fe9d68; } header.alt .main-navigation > ul > li.login > a { color: #fff; } header .main-navigation > ul > li.login > a:hover { color: #383c4b; } header.alt .main-navigation > ul > li.login > a:hover span { background: #383c4b; color: #fff; } header.alt .main-navigation > ul > li.login:after { display: none; } /* 2nd menu option */ header.alt .main-navigation > ul > li:after, header.alt .main-navigation > ul > li.courses-menu > a:after { content: ""; background: #fe9d68; display: block; position: absolute; z-index: 1; left: 0; top: 110px; height: 3px; width: 100%; opacity: 0; visibility: hidden; } header.alt .main-navigation > ul > li:hover:after, header.alt .main-navigation > ul > li.current_page_item:after, header.alt .main-navigation > ul > li.courses-menu:hover a:after { top: 100%; opacity: 1; visibility: visible; } header.alt .main-navigation > ul > li > a { color: #4b4f5c; } /* submenu */ header .main-navigation li.parent-item ul.submenu, header .main-navigation li.courses-menu ul, header .main-navigation li.parent-item ul.submenu ul { position: absolute; left: 11px; top: 80px; z-index: 2; min-width: 200px; background: #fafafa; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); border-top: 3px solid #fe9d68; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } header.alt .main-navigation li.parent-item ul.submenu { left: 0; top: 100%; } header .main-navigation li.parent-item ul.submenu ul { left: 100%; top: -3px; overflow: hidden; border-left: 1px solid #e6e6e7; } header .main-navigation li.parent-item ul.submenu ul.left-submenu { left: auto; right: 100%; border-left: 0; border-right: 1px solid #e6e6e7; } header .main-navigation li.parent-item ul.submenu li a { position: relative; display: block; color: #a9abb0; padding: 11px 20px; border-bottom: 1px solid #e6e6e7; } header .main-navigation li.parent-item ul.submenu li.haschild, header .mobile-navigation .mobile-container li.haschild { position: relative; } header .main-navigation li.parent-item ul.submenu li.haschild > a:after, header .mobile-navigation .mobile-container li.haschild > a:after { content: "\f107"; font: normal normal normal 14px/1 "FontAwesome"; float: right; } header .main-navigation li.parent-item ul.submenu li:hover > a { background: #f4f4f4; } header .main-navigation li.parent-item:hover ul.submenu, header .main-navigation li.courses-menu:hover ul, header .main-navigation li.parent-item ul.submenu li.haschild:hover ul { opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } /* Courses MENU */ header .main-navigation > ul > li.courses-menu:after { display: none; } header .main-navigation li.courses-menu { position: static; } header .main-navigation li.courses-menu ul { background: rgba(0, 0, 0, 0.1); left: 0; top: 100%; width: 100%; padding-bottom: 20px; border-radius: 0 0 5px 5px; border-top: none; box-shadow: none; } #home header .main-navigation li.courses-menu ul, #home-2 header .main-navigation li.courses-menu ul, #home-3 header .main-navigation li.courses-menu ul, #home-4 header .main-navigation li.courses-menu ul, #home-5 header .main-navigation li.courses-menu ul, #home-6 header .main-navigation li.courses-menu ul, #home-7 header .main-navigation li.courses-menu ul { background: none; padding-bottom: 0; border-radius: 0; } header .main-navigation li.courses-menu li .single-item { background: #f3f3f3; border-radius: 2px; overflow: hidden; padding: 20px; margin-bottom: 30px; } header.alt .main-navigation li.courses-menu li .single-item { margin-top: 30px; margin-bottom: 0; } header .main-navigation li.courses-menu li .single-item .item-icon { background: #fe9d68; display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 2px; color: #fff; font-size: 18px; text-align: center; float: left; margin-right: 9px; } header .main-navigation li.courses-menu li .single-item a { display: block; color: #fe9d68; font-weight: bold; font-size: 14px; margin: -3px 0 7px 0; } header .main-navigation li.courses-menu li .single-item a:hover { color: #383c4b; } header .main-navigation li.courses-menu li .single-item .courses-num { color: #383c4b; } /* Mobile Navigation */ .mobile-navigation, .mobile-navigation .mobile-btn, .mobile-navigation .mobile-container { display: none; } .mobile-navigation { margin-top: 38px; cursor: pointer; } .mobile-navigation .mobile-btn { position: relative; display: block; height: 26px; width: 35px; padding-top: 10px; } .mobile-navigation .mobile-btn span, .mobile-navigation .mobile-btn span:before, .mobile-navigation .mobile-btn span:after { content: ""; position: absolute; display: block; width: 30px; height: 4px; border-radius: 1px; background: #fff; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header.alt .mobile-navigation .mobile-btn span, header.alt .mobile-navigation .mobile-btn span:before, header.alt .mobile-navigation .mobile-btn span:after { background: #383c4b; border-radius: 2px; } .mobile-navigation .mobile-btn span:before { top: -10px; } .mobile-navigation .mobile-btn span:after { bottom: -10px; } /* active */ .mobile-navigation .mobile-btn.show-menu span { background-color: transparent; } .mobile-navigation .mobile-btn.show-menu span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mobile-navigation .mobile-btn.show-menu span:after { top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } .mobile-navigation .mobile-container { background: #fff; position: absolute; left: 0; top: 100px; width: 100%; z-index: 999; } /* 1st level */ .mobile-navigation .mobile-container li.parent-item a { display: block; color: #a9abb0; padding: 10px 20px; border-bottom: 1px solid #e6e6e7; } .mobile-navigation .mobile-container li.parent-item a:hover { background: #f4f4f4; color: #fe9d68; } .mobile-navigation .mobile-container li.current_page_item > a { color: #fe9d68; } .mobile-navigation .mobile-container li.parent-item a span { background: none; box-shadow: none; } /* 2nd */ .mobile-navigation .mobile-container li.haschild > ul { display: none; } .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a { padding-left: 40px; } .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > ul > li > a { padding-left: 60px; } .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a:after { margin-right: 10px; } /* courses */ .mobile-navigation .mobile-container li.courses-menu .course-menu-item { padding: 0; width: 50%; float: left; border-right: 1px solid #e6e6e7; } .mobile-navigation .mobile-container li.courses-menu .course-menu-item .item-icon { visibility: hidden; float: left; width: 40px; } .mobile-navigation .mobile-container li.courses-menu .course-menu-item .courses-num { display: none; } /* 04 - Revolution Slider */ .tp-banner-container { width: 100%; position: relative; padding: 0; } .tp-banner, .fullscreen { width: 100%; position: relative; } .tp-banner > ul li:after, .fullscreen > ul li:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 21; background: rgba(47, 51, 66, 0.9); } .tp-banner > ul li .tp-caption, .fullscreen > ul li .tp-caption { z-index: 22 !important; } .tp-banner > ul li .slide-title, .fullscreen > ul li .slide-title { color: #fff; position: relative; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } .tp-banner ul li .slide-title:after, .fullscreen ul li .slide-title:after { content: ""; background: #fe9d68; display: block; width: 30px; height: 3px; margin-left: -15px; position: absolute; left: 50%; bottom: -25px; } .tp-banner ul li .slide-description, .fullscreen ul li .slide-description { position: relative; font-size: 15px; line-height: 24px; color: #a9abb0; margin-top: 37px; text-align: center; max-width: 950px; } .slider-overlay:after { content: ""; background: rgba(0, 0, 0, 0.5); display: block; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; } .onepage .slider-overlay:after { display: none; } .mobile_nav-open .tp-banner-container, .mobile_nav-open .tp-banner, .modal-open .tp-banner-container, .modal-open .tp-banner { z-index: -1; } /* Course Search Bar */ .course-search { position: relative; background: #fff; height: 98px; line-height: 98px; } .select-time, .select-category, .select-country { margin-right: 11px; } .course-search:before { content: "\f002"; font: normal normal normal 18px/1 "FontAwesome"; display: block; background: #fff; width: 80px; height: 36px; position: absolute; left: 50%; top: -36px; z-index: 20; line-height: 36px; margin-left: -40px; color: #a9abb0; text-align: center; border-radius: 2px 2px 0 0; } .course-search #course-name { width: 490px; height: 38px; border-radius: 2px; font-style: italic; font-size: 13px; padding-left: 9px; margin-right: 10px; border: 1px solid rgba(222, 222, 222, 0.8); } .course-search #search-btn, .comments-list li .author .reply a, .comment-form .input .submit-input, .contact-form .input .submit-input, .comment-form .input .btn-input { /*background-color: #383c4b;*/ background-color: #fe9d68; height: 38px; padding: 0 15px; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold; } .comment-form .input .btn-input { margin-top: 5px; height: 30px; line-height: 2; text-decoration: none; display: inline-block; } .btn-search { background-color: #383c4b; display: inline-block; padding: 5px 15px; border-radius: 2px; color: #fff; font-size: 15px; font-weight: bold; } .course-search #search-btn:hover, .comment-form .input .submit-input:hover, .contact-form .input .submit-input:hover, .btn-search:hover, .comment-form .input .btn-input:hover { background-color: #ffb48b; } .btn-search:hover, .btn-search:focus, .btn-search:active { color: #fff; text-decoration: none; } /* 05 - Sections */ .features-section { background: #f5f5f5; text-align: center; } .features-section.white-bg { background: #fff; } .features-section .icon img { width: 64px; } .features-section .feature-title { margin: 10px 0 -2px; } .features-section .feature-box:hover .icon img { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); } .features-section .feature-box.alt:hover .icon img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } /* 06 - Instructors */ .instructors-section { position: relative; background: #fff; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.05); } .instructors-section .avatar img { border-radius: 3px 3px 0 0; } .instructors-section .instructor-info { background: #f5f5f5; border-radius: 0 0 3px 3px; padding: 27px 0 30px; } .instructors-section .instructor-info .name { font-size: 17px; font-weight: bold; margin-bottom: 11px; } .instructor-info .position { font-size: 12px; color: #5a5e6a; display: block; margin-bottom: 26px; } .instructors-section .instructor-info .social-icons li { display: inline-block; vertical-align: top; margin-right: 7px; } .instructors-section .instructor-info .social-icons li a { display: block; width: 34px; height: 34px; line-height: 34px; font-size: 14px; color: #a9abb0; border-radius: 2px; } .instructors-section .instructor-info .social-icons li a:hover { background: #fe9d68; color: #fff; } .instructor.alt .details { border-top: 3px solid #fff; padding: 10px; } .instructor.alt .details .read-more { display: block; background: #fe9d68; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 600; padding: 0 7px; margin-right: 10px; height: 29px; line-height: 29px; } .instructor.alt .details .read-more:hover { background: #383c4b; color: #fff; } .instructor.alt .details .rating { background: #c8c9cc; border-radius: 3px; padding: 0 10px; unicode-bidi: bidi-override; direction: rtl; font-size: 15px; height: 29px; line-height: 29px; } .instructor.alt .details .rating span.star { font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; } .instructor.alt .details .rating span.star:hover { cursor: pointer; } .instructor.alt .details .rating span.star:before { content: "\f005"; color: #383c4b; padding-right: 1px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .instructor.alt .details .rating span.star:hover:before, .instructor.alt .details .rating span.star:hover ~ span.star:before { content: "\f005"; color: #fff; } .instructor.alt .details .rating .result { color: #fff; font-size: 12px; font-weight: 600; display: inline-block; float: right; line-height: inherit; margin-left: 12px; } .instructors-section.alt { padding-bottom: 70px; } .instructor.alt { background: #efefef; border-radius: 3px; overflow: hidden; padding-top: 9px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); margin-bottom: 30px; } .instructor.alt .avatar { float: left; border-radius: 50%; overflow: hidden; box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, 0.6); border: 3px solid #fff; margin: 0 10px 2px 10px; } .instructor.alt .instructor-info { background: none; padding: 0; float: left; text-align: left; } .instructor.alt .instructor-info .name { font-size: 15px; margin-top: 13px; margin-bottom: 5px; font-weight: bold; } .instructors-page { padding: 100px 0 70px; background: #f5f5f5; } .instructors-page .instructor { margin-bottom: 30px; } .instructors-page .instructor-info { background: #fff; } /* Latest Courses Section */ .latest-courses-section { background: #f5f5f5; text-align: center; } .latest-courses-section .latest-courses-content { margin-top: 50px; } .latest-courses-section .course { position: relative; background: #fff; padding-bottom: 23px; margin: 4px 0 3px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); } .latest-courses-section .course .featured-badge { width: 86px; height: 86px; /*background: url(assets/img/icons/ribbon.png) no-repeat center center;*/ padding-top: 10px; position: absolute; left: -4px; top: -4px; z-index: 2; } .latest-courses-section .course .featured-badge span { display: block; text-align: left; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); -webkit-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -moz-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -ms-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -o-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); } .latest-courses-section .course-image { position: relative; border-radius: 4px 4px 0 0; overflow: hidden; z-index: 1; } .latest-courses-section .course-image:after { content: ""; background: rgba(0, 0, 0, 0.25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; } .latest-courses-section .course-info .course-title a { padding-top: 11px; display: block; color: #383c4b; } .latest-courses-section .course-info .course-title a:hover, .dark .latest-courses-section .course-info .course-title a:hover { color: #fe9d68; } .latest-courses-section .course-info .course-description { margin-bottom: 18px; color: #5a5e6a; padding: 0 10px; } .latest-courses-section .course-info .buttons .subscribe-btn { margin-right: 0; } /* Details Overlay */ .latest-courses-section .course-image .details-overlay { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; padding: 48px 20px 0; background: rgba(254, 157, 104, 0.9); border-radius: 4px 4px 0 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .latest-courses-section .course-image .details-overlay .place, .latest-courses-section .course-image .details-overlay .time { background-color: rgba(54, 58, 73, 0.8); position: relative; left: -250px; display: block; height: 36px; line-height: 36px; color: #fff; text-align: left; padding-left: 10px; margin-bottom: 10px; border-radius: 2px; -webkit-transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -ms-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; transition: all 0.25s ease-out 0.25s; } .latest-courses-section .course-image .details-overlay .time { margin-bottom: 0; -webkit-transition: all 0.25s ease-out 0.35s; -moz-transition: all 0.25s ease-out 0.35s; -ms-transition: all 0.25s ease-out 0.35s; -o-transition: all 0.25s ease-out 0.35s; transition: all 0.25s ease-out 0.35s; } .latest-courses-section .course-image .details-overlay span > i { font-size: 17px; } .latest-courses-section .course-image .details-overlay .place i { margin-right: 10px; } .latest-courses-section .course-image .details-overlay .time i { margin-right: 5px; } /* Hover */ .latest-courses-section .course:hover .details-overlay { top: 0; } .latest-courses-section .course:hover .details-overlay span { left: 0; } .latest-courses-section.no-margin { padding-top: 32px; } .latest-courses-section.no-margin .latest-courses-content { margin: 0; } .latest-courses-content.listview .course { padding: 20px 20px 22px; } .latest-courses-content.listview .course .course-image { max-width: 270px; float: left; border-radius: 4px; margin-right: 20px; } .latest-courses-content.listview .course .course-info { text-align: left; } .latest-courses-content.listview .course .course-title { text-align: left; } .latest-courses-content.listview .course .course-title a { padding-top: 0; padding-bottom: 11px; line-height: 15px; } .latest-courses-content.listview .course .course-description { margin-bottom: 12px; text-align: justify; } .latest-courses-content.listview .course .details { width: 50%; background: #efefef; border-radius: 3px; height: 29px; line-height: 29px; padding: 0 10px; color: #909090; } .latest-courses-content.listview .course .course-info .btn.subscribe-btn { margin-right: 0; } /* Add Course */ .add-courses { background: #fff; margin-top: 97px; border-radius: 4px; padding: 20px; text-align: left; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); } .add-courses.box { margin-top: 30px; } .add-courses .add-courses-icon { width: 65px; margin-right: 20px; border-radius: 3px; } .add-courses .add-courses-title { display: inline-block; font-size: 17px; font-weight: bold; color: #fe9d68; margin-bottom: 10px; line-height: 18px; } .add-courses .add-courses-title:hover { color: #383c4b; } .add-courses .add-courses-description { font-weight: 600; color: #5a5e6a; } /* 07 - Categories */ .categories-section { background: #eee; padding-bottom: 70px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); } .categories-section .section-description { color: #353a48; } .categories-section .cat-box { background: #fff; text-align: left; border-radius: 4px; padding-bottom: 20px; margin-bottom: 30px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); } .categories-section .cat-box:hover .cat-image .cat-icon { background: #383c4b; } .categories-section .cat-box .cat-image { position: relative; } .categories-section .cat-box .cat-image:after { content: ""; background: rgba(0, 0, 0, 0.25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; } .categories-section .cat-box .cat-image img { border-radius: 4px 4px 0 0; } .categories-section .cat-box .cat-image .cat-icon { background: #fe9d68; display: block; position: absolute; left: 15px; bottom: -19px; z-index: 1; width: 38px; height: 38px; font-size: 18px; line-height: 38px; border-radius: 2px; text-align: center; color: #fff; } .categories-section .cat-box .cat-title a { display: block; color: #fe9d68; text-align: left; padding: 24px 15px 0; } .categories-section .cat-box .cat-title a:hover { color: #383c4b; } .categories-section .cat-box .courses-counter { color: #5a5e6a; font-weight: 600; padding: 0 15px; } .categories-section .cat-box .courses-counter .nums { color: #383c4b; } /* Misc Section */ .misc-section { background: #f5f5f5; padding-top: 95px; } .blog-posts { position: relative; } h6.head-title { text-align: left; margin-bottom: 30px; } .basic-slider { position: static; } .basic-slider .flex-direction-nav a { top: 25px; } .basic-slider .flex-direction-nav .flex-next { right: 0; } .basic-slider .flex-direction-nav .flex-prev { left: auto; right: 42px; } .blog-posts .post { background: transparent; padding-top: 0; padding-bottom: 30px; } .blog-posts .post:last-child { padding-bottom: 0; } .blog-posts .post .image-post { position: relative; margin-right: 20px; } .blog-posts .post .image-post img { border-radius: 3px; } .blog-posts .post .image-post .post-date { background: #262934; width: 42px; height: 58px; position: absolute; left: 10px; top: 10px; font-size: 12px; text-align: center; color: #fff; border-radius: 3px; } .blog-posts .post .image-post .post-date span { display: block; } .blog-posts .post .image-post .post-date .day { font-size: 25px; font-weight: bold; } .basic-slider-box .post-title { text-align: left; line-height: 12px; } .basic-slider-box .post-title a { display: block; color: #fe9d68; padding-bottom: 19px; } .basic-slider-box .post-title a:hover, .basic-slider-box .post .meta a:hover { color: #383c4b; } .blog-posts .post .meta { color: #909090; font-size: 12px; margin-bottom: 12px; } .blog-posts .post .meta .author { margin-right: 26px; } .blog-posts .post .meta i { font-size: 15px; margin-right: 6px; } .blog-posts .post .meta a { color: #fe9d68; } .blog-posts .post-description, .questions .query-description, .query .query-description { color: #5a5e6a; margin-bottom: 3px; } .query .query-description { color: #666; } .blog-posts .read-more { color: #383c4b; } .blog-posts .read-more:hover { color: #fe9d68; } /* 08 - Accordion */ .accordion .accordion-header { background: #fff; position: relative; height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; text-align: left; padding: 0 20px; margin-top: 16px; border: 1px solid #dfdfdf; cursor: pointer; color: #5a5e6a; border-radius: 2px; } .accordion .inactive-header:after, .accordion .active-header:after { content: "\f068"; font: normal normal normal 10px/1 "FontAwesome"; background: #5a5e6a; display: inline-block; width: 20px; height: 20px; line-height: 20px; position: absolute; top: 50%; right: 10px; margin-top: -10px; border-radius: 1px; text-align: center; color: #fff; } .accordion .inactive-header:after { content: "\f067"; background: #fe9d68; } .accordion .active-header, .accordion .inactive-header:hover { color: #fe9d68; } .accordion .accordion-content { display: none; padding: 18px 20px; background: #fff; border: 1px solid #e4e4e4; width: 100%; border-top: 0; border-radius: 0 0 2px 2px; } /* 09 - Clients */ .our-clients { margin-top: 74px; } #clients-slider .flex-direction-nav a { top: -28px; } #clients-slider .flex-direction-nav .flex-next { right: 15px; } #clients-slider .flex-direction-nav .flex-prev { left: auto; right: 57px; } /* home 2 */ .course-search.alt { background: none; height: 58px; line-height: 58px; width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 20; } .course-search.alt .container { background: #fe9d68; border-radius: 4px; } .course-search.alt .dropdown, .course-search.alt #course-name { background: #fff; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); border: none; } .course-search.alt .dropdown div { left: 0; } .course-search.alt:before { display: none; } .course-search.alt #search-btn { font: normal normal normal 18px/1 "FontAwesome"; width: 80px; margin-top: -2px; vertical-align: middle; } .course-search.alt #search-btn:hover { background-color: #383c4b; color: #fe9d68; } .features-section .feature-box.alt .icon { height: 155px; padding-top: 42px; } .questions { position: relative; } .questions .flexslider { padding: 2px; } .questions .flexslider li .query, .main-content .query { background: #fff; border-radius: 2px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); border: 1px solid #dedede; margin-bottom: 10px; padding: 10px; } .questions .flexslider li .query:last-child, .main-content .query:last-child { margin: 0; } .questions .flexslider li .query .image { border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } .query .query-img { float: left; width: 160px; height: 120px; overflow: hidden; } .query .query-img + .query-content { margin-left: 175px; } .query .query-img img { width: 100%; min-height: 100%; } .questions .flexslider li .query .query-content { margin-left: 105px; } .questions .post-title a { padding-bottom: 15px; } .questions .flexslider li .details, .query-content .details { color: #909090; font-size: 12px; margin-top: 5px; } .details .date, .details .place { margin-right: 27px; } .details .icon i, .authors .icon i, .query-description .icon i { font-size: 15px; margin-right: 6px; } .details .text { font-size: 12px; } /* 10 - Skills bar */ .home-skills { padding-top: 2px; } .home-skills .skillbar { position: relative; display: block; margin-bottom: 14px; width: 100%; background: #e9e9e9; height: 38px; border-radius: 2px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .home-skills .skillbar-title { background: #fe9d68; position: absolute; top: 0; left: 0; font-weight: bold; color: #fff; padding: 0 20px; height: 38px; line-height: 38px; border-radius: 2px; } .home-skills .skillbar-bar { height: 38px; width: 0px; background: #fe9d68; border-radius: 2px; } /* home 3 */ .tp-banner-container.has-btns .slider-btns a { font-size: 15px; height: 38px; line-height: 38px; box-shadow: none; color: #fff; } .tp-banner-container.has-btns .slider-btns a.more { background-color: #21242e; } .tp-banner-container.has-btns .slider-btns a:hover { opacity: 1; background: #fff; color: #383c4b; } .tp-banner-container.has-btns .tp-bullets { top: auto !important; bottom: 30px; } .tp-banner-container.has-btns .tp-bullets .bullet { margin-top: 0; } .features-section.alt { padding-top: 100px; } .features-content.alt { margin-top: 0; } .latest-courses-content.alt #courses-slider { margin-bottom: 37px; } /* 11 - Testimonial */ .testimonials-section { position: relative; text-align: center; padding: 95px 0 78px 0; /*background: url(assets/img/content/testimonials-bg.jpg) no-repeat center center;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .testimonials-section:after { content: ""; background: rgba(56, 60, 75, 0.9); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .testimonials-section .testimonials-content { position: relative; z-index: 1; } .testimonials-section .flexslider .flex-direction-nav { position: relative; top: -85px; } .testimonials-section .flexslider .flex-direction-nav li { display: inline-block; margin: 0 60px; } .testimonials-section .flexslider .flex-direction-nav a { position: static; } .testimonials-section .testimonials-content .title { font-size: 25px; color: #fe9d68; font-weight: bold; margin-bottom: 43px; } .testimonials-section .testimonials-content .description { font: normal 18px/28px "Lato", sans-serif; color: #fff; font-style: italic; margin-bottom: 27px; } .testimonials-section .testimonials-content .image img { width: auto; border: 4px solid #fff; border-radius: 50%; margin-bottom: 10px; display: inline-block; max-width: 62px; } .testimonials-section .testimonials-content .name { font-size: 14px; font-weight: bold; color: #f5f5f5; margin-bottom: 2px; } .testimonials-section .testimonials-content .position { font-size: 12px; font-weight: bold; color: #d1cece; } /* home 4 */ .course-search-section { position: relative; padding: 100px 0 90px 0; /*background: url(assets/img/content/course-search-bg.jpg) no-repeat center center;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .course-search-section:after { content: ""; background: rgba(254, 157, 104, 0.95); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .course-search-section .content { position: relative; z-index: 2; } .course-search-section .content .section-title { color: #fff; line-height: 17px; margin-bottom: 15px; } .course-search-section .course-search { position: relative; bottom: 0; height: auto; margin-top: 35px; } .course-search-section .course-search .container { background: none; box-shadow: none; } .course-search-section .course-search #search-btn { font: bold 14px "Open Sans"; } /* home 6 */ .course-search-section.alt:after { background: rgba(47, 51, 66, 0.9); } .course-search-section.alt .section-description { color: #a9abb0; } .add-courses.top-margin { margin: 17px 0 -18px; } .latest-courses-section.no-slider .course { margin: 28px 0 3px; } /* 12 - Pagination */ .pagination { margin-top: 47px; overflow: hidden; } .pagination ul { text-align: center; } .pagination ul li { margin: 0 1px; } .pagination li.arrow { margin: 0 6px; } .pagination li a { display: block; background: #eef1f8; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; font-weight: bold; color: #5a5e6a; border-radius: 1px; } .pagination li.active a, .pagination li.active a:hover { background: #f5c0a3; color: #fff; cursor: default; } .pagination li.disabled a, .pagination li.disabled a:hover { cursor: not-allowed; background: #eee; color: #bbb; } .pagination li.arrow a, .dark .pagination li.arrow a { background: #fe9d68; font-size: 13px; font-weight: normal; color: #fff; } .pagination li a:hover, .dark .pagination li a:hover { background: #383c4b; color: #fff; text-decoration: none; } .up-box .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .up-box .pagination > li { display: inline !important; margin-bottom: 0 !important; } .up-box .pagination > li > a, .up-box .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .up-box .pagination > li:first-child > a, .up-box .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .up-box .pagination > li:last-child > a, .up-box .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .up-box .pagination > li > a:hover, .up-box .pagination > li > span:hover, .up-box .pagination > li > a:focus, .up-box .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .up-box .pagination > .active > a, .up-box .pagination > .active > span, .up-box .pagination > .active > a:hover, .up-box .pagination > .active > span:hover, .up-box .pagination > .active > a:focus, .up-box .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .up-box .pagination > .disabled > span, .up-box .pagination > .disabled > span:hover, .up-box .pagination > .disabled > span:focus, .up-box .pagination > .disabled > a, .up-box .pagination > .disabled > a:hover, .up-box .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .up-box .pagination-lg > li > a, .up-box .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .up-box .pagination-lg > li:first-child > a, .up-box .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .up-box .pagination-lg > li:last-child > a, .up-box .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .up-box .pagination-sm > li > a, .up-box .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .up-box .pagination-sm > li:first-child > a, .up-box .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .up-box .pagination-sm > li:last-child > a, .up-box .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* home 8 */ .onepage .tparrows { display: none; } .scroll-down { position: absolute; left: 0; bottom: 45px; width: 100%; text-align: center; z-index: 20; } .scroll-down a { display: block; } .scroll-down a span { display: block; font-family: "Lato", Arial, sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; padding: 5px 0; } .scroll-down a:hover { color: #fe9d68; } .scroll-down a i { color: #fc9c67; font-size: 17px; } /* 13 - Inner page header */ .inner-head { /*background-image: url(assets/img/content/inner-bg.jpg);*/ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; padding: 70px 0; } .inner-head:after { content: ""; background: rgba(47, 51, 66, 0.9); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .inner-head .container { position: relative; z-index: 1; } .inner-head h1.entry-title { font: normal 30px/20px "Lato", Arial, sans-serif; text-transform: uppercase; margin-bottom: 17px; color: #fff; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } .inner-head .description { color: #a9abb0; max-width: 770px; margin: auto; } /*.breadcrumb { margin-top: 20px; }*/ .breadcrumb li { position: relative; margin-right: 10px; padding-right: 10px; } .breadcrumb li:after { content: "\f105"; font: normal normal normal 13px/1 "FontAwesome"; display: block; position: absolute; left: 100%; top: 2px; color: #cecfd2; } .breadcrumb li:last-child:after { display: none; } .breadcrumb li a { display: block; color: #f89966; } .breadcrumb li.current-page a, .breadcrumb li:hover a { color: #cecfd2; } /* 14 - Blog */ .post { padding-top: 100px; background: #f5f5f5; } .post.padding-clear { padding: 0 !important; } .post #single-slider { margin-bottom: 30px; } .post #single-slider .image { position: relative; border-radius: 4px; overflow: hidden; } .post #single-slider .image:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(0, 0, 0, 0.25); } .post #single-slider .flex-direction-nav a { top: auto; left: auto; right: 20px; bottom: 20px; } .post #single-slider .flex-direction-nav .flex-prev { right: 62px; } .post .entry, .post .course-details, .contact .contact-left, .login-page .login-form, .login-page .login-options, .adv-form .entry, .result-list .entry, .detail-box .entry, .about-list .entry { background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); } .post .entry + .entry { margin-top: 20px; } .post .course-details { margin-bottom: 30px; } .post .entry-icon, .adv-form .entry-icon, .sidebar .sidebar-widget .widget-icon, .comment-form .addcomment-title .icon, .contact .contact-left .contact-form-icon, .login-page .login-form .login-title .icon { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 1px; color: #383c4b; font-size: 18px; margin-right: 6px; margin-bottom: 5px; } .post .entry-icon.inner { background: #383c4b; color: #fff; border-radius: 4px; } .post .entry h4 { font: bold 18px "Lato", Arial, "microsoft yahei", sans-serif; } .post .entry h4.title, .post .entry h5.title { color: #fe9d68; text-align: left; font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; margin-bottom: 15px; } .post .entry h4.title small { font-size: 15px; color: #2a53a2; font-weight: 600; padding-left: 20px; } .post .entry h4.title .sub-title { color: #666; display: block; font-size: 15px; font-weight: 500; margin: 5px 0 0; } .post .entry h4.title .sub-title b, .table-grey .symbol { color: #fe9d68; padding-right: 5px; vertical-align: middle; } .table-grey > tbody > tr > td:nth-child(2) { font-size: 13px; line-height: 1.6; } .post .entry h4.title ~ .substatus { background: #f3f4f7; border-left: 4px solid #cbcdd2; border-radius: 3px; font-size: 15px; line-height: 1.8; padding: 5px 0 5px 15px; margin: 0 0 15px; } .post .entry h4.title ~ .substatus.error-info { background: #fff2f2; border-left: 4px solid #f97979; } .post .entry h4.title ~ .substatus.error-info .error-cont { line-height: 1.6; width: auto; clear: left; overflow: hidden; margin-bottom: 15px; } .post .entry h4.title ~ .substatus.error-info .error-cont > dt { font-size: 20px; float: left; clear: left; width: 100px; font-weight: 700; margin: 5px 10px 0 0; } .post .entry h4.title ~ .substatus.error-info .error-cont > dt.text-danger { color: #dd4040; } .post .entry h4.title ~ .substatus.error-info .error-cont > dt .fa { padding-right: 10px; font-size: 22px; } .post .entry h4.title ~ .substatus.error-info .error-cont > dd { float: left; width: calc(100% - 150px); margin: 10px 0 0; } .post .entry h4.title ~ .substatus.error-info .error-cont > dd p { color: #333; font-size: 15px; font-weight: 600; margin: 0; } .post .entry h4.title ~ .substatus.error-info .error-cont > dd .error-badge { color: #fff; font-weight: 500; font-size: 15px; background: #a79d9d; display: inline-block; margin: 10px 0; border-radius: 4px; } .post .entry h4.title ~ .substatus.error-info .error-cont > dd .error-badge em { display: block; padding: 5px 15px; } .post .entry h4.title ~ .substatus.error-info .error-cont > dd .error-badge em + em { background: #c5bebe; border-radius: 0 0 4px 4px; } .post .entry h5.title { background: #2954a2; border-radius: 4px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); color: #fff; padding: 10px 15px; } .post .entry h5.title .more { float: right; color: #fff; } .post .entry .review-box .btn, .post .entry .review-box .btn:hover { color: #fff; } .post .entry .content p { color: #5a5e6a; margin-bottom: 12px; } .post .entry .share-post, .follow-icons, .share-icons { background: #e7ebf2; border-radius: 4px; padding: 12px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.03); } .post .entry .share-post.overview-sub { background: #fafcff; } .post .entry .share-post .text, .share-icons .text { font-size: 16px; color: #fe9d68; font-weight: bold; margin-top: 2px; } .post .entry .share-post .symbol_data, .post .entry .review-box .symbol_data { margin-top: 3px; margin-bottom: 3px; font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; } .post .entry .share-post .symbol_data > dt, .post .entry .review-box .review_data > dt { color: #2954a2; float: left; width: auto; margin: 0; padding: 4px 0 4px 10px; text-transform: capitalize; font-weight: 700; } .review-box .review_data > dt { color: #fe9d68; font-size: 18px; text-transform: none; } .review-box .panel { margin: 10px 0 0; border: none; box-shadow: none; } .review-box .panel + .panel { margin-top: 10px; } .review-box .review-cont:not(:last-child) { border-bottom: 1px solid #ededed; margin-bottom: 10px; } .review-box .review-cont .blockquote { border-left: 2px solid #d9e3f5; background: #f9f9f9; padding: 15px 20px 5px; border-radius: 2px; margin: 10px 0; } .review-box .idlist { border: none; background: none; } .post .entry .share-post .symbol_data > dd, .review-box .review_data > dd { margin: 0; margin-left: 180px; padding: 4px 0 4px 10px; } .post .entry .share-post .symbol_data > dd i { font-style: italic; font-size: 13px; } .post .entry .share-post h5 { margin-bottom: 5px; color: #e66d47; font-weight: 700; } .post .entry .table, #share-modal .table { font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; } .post .entry .table p { color: #353a48; font-size: 13px; margin: 0; line-height: 1.6; } .post .entry .table p i { font-style: italic; font-size: 13px; } .post .entry .table ul, .post .entry .table li { list-style: inside disc; } .post .entry .table li { font-size: 13px; float: none; background: transparent; margin: 0; } .post .entry .table ol { list-style: decimal inside; padding-left: 10px; } .post .entry .table ol li { margin-bottom: 5px; } .post .entry .table > thead > tr.active > th { background-color: #2954a2; color: #fff; font-size: 15px; font-weight: 400; } .post .entry .share-post .symbol_data.symbol_table .table, .archive-items-content .table { box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.02); } .post .entry .share-post .symbol_data.symbol_table .table th, .post .entry .share-post .symbol_data.symbol_table .table td { border-color: #cacaca; } .post .entry .share-post .symbol_data.symbol_table.symbol_parts > dt, .review-box .review_data > dt { width: 120px; } .post .entry .share-post .symbol_data.symbol_table.symbol_parts > dt.m-width { width: 160px; } .post .entry .share-post .symbol_data.symbol_table.symbol_parts > dd, .review-box .review_data > dd { margin-left: auto; } .post .entry .icons ul li, .share-icons ul li, .follow-icons ul li { float: left; margin-left: 6px; } .post .entry .icons ul li a, .share-icons ul li a, .follow-icons ul li a { background: #5d82d1; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px; } .post .entry .icons ul li a.tw-icon, .share-icons ul li a.tw-icon, .follow-icons ul li a.tw-icon { background: #40bff5; } .post .entry .icons ul li a.gp-icon, .share-icons ul li a.gp-icon, .follow-icons ul li a.gp-icon { background: #eb5e4c; } .post .entry .icons ul li a.in-icon, .share-icons ul li a.in-icon, .follow-icons ul li a.in-icon { background: #238cc8; } .post .entry .icons ul li a:hover, .share-icons ul li a:hover, .follow-icons ul li a:hover { background: #383c4b; } .post .entry .icons ul li a i, .share-icons ul li a i, .follow-icons ul li a i { color: #fff; font-size: 14px; } .symbol_data.symbol_table.symbol_parts > dd .symbol_inner_item { padding: 0; margin: 0 -10px; } .symbol_data.symbol_table.symbol_parts > dd .symbol_inner_item em { background: linear-gradient( 0deg, rgb(232, 235, 242) 0%, rgb(232, 235, 242) 50%, rgb(231, 235, 242) 51%, rgb(231, 235, 242) 100% ); color: #2954a2; font-weight: 600; font-size: 13px; position: absolute; top: -3px; left: 21px; padding: 0 5px; margin: 0; } .post .entry .share-post .symbol_data.symbol_table.symbol_parts > dt.symbol_parts_left { width: 105px; } .post .entry .share-post .symbol_data.symbol_table.symbol_parts > dd.symbol_innerbox { width: calc(100% - 105px); } .post .entry .share-post .symbol_data.symbol_table.symbol_parts > dd.symbol_item_val { float: left; margin-left: auto !important; width: 198px; } .post .entry .share-post .symbol_data.symbol_table > dd.symbol_item_val.first { margin-left: 87px; } .post .entry .share-post .symbol_data.symbol_table > dd.symbol_item_val.second { margin-left: 53px; } .post .entry .share-post .symbol_data.symbol_table > dd.symbol_item_val { float: left; margin-left: 50px; width: 198px; } .symbol_parts.symbol_cols .btm_line { border-bottom: 1px solid #dee3ec; } .symbol_data.symbol_table.symbol_parts > dd .symbol_inner_item p { border: 1px solid #d1d6e0; border-radius: 3px; font-weight: 600; padding: 8px 10px 6px; margin: 6px 0 8px; font-size: 13px; } /* Listview */ .blog { padding: 70px 0 100px; background: #f5f5f5; } .blog .blogpost { padding: 20px 20px 22px; background: #fff; padding-bottom: 23px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); margin-top: 30px; } .blog .blogpost .blogpost-image { border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 20px; } .blog .blogpost .blogpost-image img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .blog .blogpost:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .blog .blogpost .blogpost-image:after { content: ""; background: rgba(0, 0, 0, 0.25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; } .blog .blogpost h3.blogpost-title { line-height: 15px; } .blog .blogpost h3.blogpost-title a, .post.single .single-title a { display: inline-block; padding-bottom: 11px; color: #fa9964; } .blog .blogpost h3.blogpost-title a:hover, .post.single .single-title a:hover, .post.single .meta div a:hover { color: #383c4b; } .blog .blogpost h3.blogpost-title .post-type-icon, .post.single .single-title .post-type-icon { background: #fe9d68; display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; border-radius: 4px; box-shadow: none; margin-right: 4px; } .blog .blogpost h3.blogpost-title .post-type-icon i, .post.single .single-title .post-type-icon i { color: #fff; } .blog .blogpost .meta div, .post.single .meta div { background: #efefef; padding: 7px 10px; border-radius: 4px; min-width: 115px; font-size: 12px; color: #909090; margin-right: 16px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); } .blog .blogpost .meta .comments, .post.single .meta .comments { margin-right: 0; } .blog .blogpost .meta div .icon i, .post.single .meta div .icon i { font-size: 15px; margin-right: 6px; } .blog .blogpost .meta div a, .post.single .meta div a { color: #fe9d68; } .blog .blogpost .meta div a:hover { color: #383c4b; } .blog .blogpost .blogpost-info .blogpost-description { clear: right; margin: 20px 0 28px; } .blog .blogpost .blogpost-info .btn.orange-btn { margin-right: 0; } /* 2 Columns */ .blog.listview .blogpost .blogpost-image { float: left; margin-right: 20px; margin-bottom: 0; } .blog.listview .blogpost .blogpost-info .blogpost-description { margin: 53px 0 8px; } /* 3 Columns */ .blog.three-col .blogpost .meta { position: absolute; width: 100%; height: 100%; top: 0; left: 20px; } .blog.three-col .blogpost .meta div { margin: 0; margin-top: 20px; display: block; min-width: 125px; max-width: 150px; background: rgba(38, 41, 52, 0.85); } .blog .blogpost .blogpost-image .meta div a:hover { color: #fff; } .blog.three-col .blogpost .blogpost-info .blogpost-description { margin-bottom: 23px; } /* 15 - Sidebar */ .post .entry-sidebar .course-details h4 { font-size: 18px; font-weight: bold; } .post .entry-sidebar .course-details div { background: #efefef; height: 29px; line-height: 29px; padding: 0 10px; color: #909090; border-radius: 4px; margin-bottom: 20px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); } .post .entry-sidebar .course-details div .icon { margin-right: 12px; } .post .entry-sidebar .course-details .join-btn { font-size: 17px; height: 54px; line-height: 54px; margin: 0; display: block; text-align: center; } .post .entry-sidebar .course-details .join-btn:hover { background-color: #383c4b; opacity: 1; } .post .entry-sidebar .instructor { margin-bottom: 0; } .sidebar { margin-top: 0; } .sidebar .search, .search { margin-bottom: 10px; position: relative; } .search .adv { position: absolute; top: 10px; right: -66px; } .breadcrumb { margin-bottom: 0px; } .sidebar .search .search-input, .search .search-input { background-color: #fafafa; border: 1px solid #d7d8db; border-radius: 2px; width: calc(100% - 75px); height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; font-style: normal; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.03); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .sidebar .search .search-input, .search .search-input:focus:not([type="submit"]) { border-color: #dfdfdf; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(223, 223, 223, 0.6); } .sidebar .search .submit-btn, .search .submit-btn { font-size: 16px; width: 70px; height: 40px; color: #fff; text-align: center; vertical-align: middle; background: #2954a2; border-radius: 2px; } .sidebar .search .submit-btn:hover, .search .submit-btn:hover { background: #2954a2; } .sidebar .sidebar-widget { padding: 20px; background: #fff; border-radius: 4px; box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); margin-bottom: 20px; /*overflow: hidden;*/ } .sidebar .sidebar-widget p { line-height: 1.9; } .sidebar .sidebar-widget p + p { margin-top: 9px; } .sidebar .sidebar-widget.cats ul li a { color: #2954a2 !important; } .sidebar .sidebar-widget.cats ul li .ln-tr, .detail-box .sidebar ul li a, .about-query ul li a, .post .entry .wx li a { background: url(../images/sidebar-link-arrow.png) no-repeat left center; display: block; padding: 3px 0 3px 18px; color: #5a5e6a; transition: all 0.3s; } .sidebar .sidebar-widget.cats ul li .ln-tr { font-size: 12px; } .sidebar .sidebar-widget.cats ul li .ln-tr:hover, .about-query ul li a:hover, .post .entry .wx li a:hover { background-position: 2px center; color: #000; } .sidebar .sidebar-widget.cats ul li .ln-tr { background: url(../images/sidebar-link-arrow.png) no-repeat left 8px; } .sidebar .sidebar-widget.cats ul li .ln-tr:hover { background-position: 2px 8px; } .sidebar .sidebar-widget.cats ul.nav-tabs { width: auto; border: none; } .sidebar .sidebar-widget.cats ul.nav-tabs li { margin: 0; } .sidebar .sidebar-widget.cats ul.nav-tabs li:first-child { border-top: none; } .sidebar .sidebar-widget.cats ul.nav-tabs li a { margin: 0; padding: 8px 16px; border-radius: 0; } .sidebar .sidebar-widget.cats ul.nav-tabs li.active a, .sidebar .sidebar-widget.cats ul.nav-tabs li.active a:hover { color: #fff; background: #2954a2; border: 1px solid transparent; border-radius: 4px; } .sidebar .sidebar-widget.cats ul.nav-tabs li .label-primary { background: #2954a2; } .post .entry .wx li a span { font-style: italic; font-size: 13px; color: #337ab7; } .sidebar .sidebar-widget.cats ul li .label { margin-left: 5px; margin-top: 5px; padding: 0.3em 0.6em 0.3em; } .sidebar .sidebar-widget.last-posts .widget-icon { margin-bottom: 0; } .sidebar .sidebar-widget.last-posts ul li { padding: 17px 0; border-bottom: 1px solid #d7d8db; } .sidebar .sidebar-widget.last-posts ul li:last-child { border: 0; padding-bottom: 0; } .sidebar .sidebar-widget.last-posts ul li a { display: block; font-size: 14px; font-weight: bold; padding: 10px 0; color: #fe9d68; } .sidebar .sidebar-widget.last-posts ul li a:hover { color: #383c4b; } .sidebar .sidebar-widget.tabs-widget { padding: 0; } .sidebar .sidebar-widget ul.tabs li { background: #fa9964; float: left; width: 33.33333333%; font-size: 16px; font-weight: bold; text-align: center; color: #fff; padding: 10px 0; cursor: pointer; border-right: 1px solid #fff; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .sidebar .sidebar-widget ul.tabs li:hover { background: #ffb085; } .sidebar .sidebar-widget ul.tabs li.active { background: #f0f0f0; color: #353a48; } .sidebar-widget.affix { top: 5px; width: 262px; z-index: 10; } /*.sidebar .sidebar-widget ul.tabs li:last-child,.detail-box .sidebar .sidebar-widget ul.tabs li:last-child { border: 0; }*/ .sidebar .sidebar-widget .tab-content { display: none; padding: 20px; clear: both; } .sidebar .sidebar-widget .tab-content.active { display: inherit; } .sidebar .sidebar-widget .tab-posts .post-item { padding: 9px; background: #fce9de; border-radius: 2px; margin-top: 20px; } .sidebar .sidebar-widget .tab-posts .post-item:first-child { margin-top: 0; } .sidebar .sidebar-widget .tab-posts .post-item .post-image { margin-right: 10px; position: relative; border-radius: 2px; position: relative; overflow: hidden; } .sidebar .sidebar-widget .tab-posts .post-item .post-image:after { content: ""; background: rgba(0, 0, 0, 0.25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; } .sidebar .sidebar-widget .tab-posts .post-item .post-title { display: block; font-size: 14px; font-weight: bold; color: #fe9d68; margin: -5px 0 10px; } .sidebar .sidebar-widget .tab-posts .post-item .post-title:hover { color: #383c4b; } .sidebar .sidebar-widget .tab-posts .post-item .description { font-size: 12px; line-height: 20px; color: #383c4b; margin-bottom: 6px; } .sidebar .sidebar-widget .tab-posts .post-item .date { font-size: 11px; color: #5a5e6a; } .sidebar .sidebar-widget .tab-posts .post-item .read-more, .btn-opt { display: block; width: 20px; height: 20px; line-height: 20px; font-size: 11px; background: #383c4b; border-radius: 1px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); border-bottom: 0; color: #fff; text-align: center; } .btn-opt { display: inline-block; border-radius: 50%; width: 26px; height: 26px; margin-left: 10px; } .btn-opt i { font-size: 14px; line-height: 26px; } .sidebar .sidebar-widget .tab-posts .post-item .read-more:hover, .btn-opt:hover { background: #fa9964; } .btn-opt:hover, .btn-opt:active, .btn-opt:focus { color: #fff; } .sidebar .sidebar-twitter-widget h5.sidebar-widget-title { color: #fff; font-size: 17px; margin-bottom: 30px; } .sidebar .sidebar-twitter-widget .status { color: #f5f5f5; } .sidebar .sidebar-twitter-widget .date { color: #202028; margin: 20px 0 65px 0; } .sidebar .sidebar-twitter-widget .flex-direction-nav a { right: auto; top: auto; left: 42px; bottom: 0; margin: 0; } .sidebar .sidebar-twitter-widget .flex-direction-nav .flex-prev { left: 0; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .line-height-20 { line-height: 20px !important; } .line-height-18 { line-height: 18px !important; } .line-height-16 { line-height: 16px !important; } .search-reasult-list { position: relative; display: block; background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); overflow: hidden; } .search-reasult-list:before, .search-reasult-list:after { display: table; content: ""; clear: both; } .search-reasult-list .sr-sidebar { width: 280px; border-left: 1px solid #ddd; float: right; padding: 10px 0 10px 15px; } .search-reasult-list .sr-content { border-right: 1px solid #ddd; float: left; width: calc(100% - 279px); margin-right: -1px; } .srsbox { border-bottom: 1px dashed #ddd; padding-bottom: 5px; margin-bottom: 15px; } .srsbox a { font-size: 12px; } .srsbox:last-child { border-bottom: 0; } .srsbox .title { font-size: 16px; font-family: "Open Sans"; text-align: left; margin-bottom: 10px; } .srsbox li { position: relative; margin-bottom: 5px; } .srsbox li .progress-custom { position: absolute; right: 0; width: 125px; top: 3px; } .srsbox li .progress-custom span { display: block; float: right; width: 100%; border-radius: 3px; height: 14px; background-color: #d9e9f7; } .srsbox li a { position: relative; color: #666; display: block; padding-right: 130px; padding-left: 10px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .srsbox li.s-type a { padding-right: 80px; } .srsbox li a:hover { color: #2954a2; text-decoration: none; } .srsbox li a .num { font-size: 12px; position: absolute; right: 5px; top: 2px; } .sr-content { padding: 10px 20px; } .sr-content .tips { font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .sr-content > ul > li { padding: 15px 0 15px 0; position: relative; border-bottom: 1px solid #ddd; } .sr-content > ul > li .title { color: #2954a2; position: relative; top: -2px; font-size: 16px; font-weight: bold; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 270px); vertical-align: text-top; } .sr-content > ul > li .tooltip-inner { max-width: 400px; word-wrap: break-word; word-break: break-all; white-space: normal; } .sr-content.sr-list > ul > li .tooltip-inner { white-space: nowrap; } .sr-content > ul > li .info { padding-left: 15px; } .sr-content > ul > li .exp { font-size: 14px; position: absolute; top: 15px; right: 0; text-align: right; } .sr-content > ul > li .exp small, .sr-content > ul > li .exp a { font-size: 13px; color: #999; display: inline-block; margin-left: 5px; } .sr-content > ul > li .exp a:hover, .sr-content > ul > li .exp a:focus { text-decoration: none; } .tl-list .sr-content > ul > li .exp small, .tl-list .sr-content > ul > li .exp a { width: 66px; padding-top: 2px; padding-bottom: 2px; text-align: center; background-color: #ddd; border-radius: 3px; font-size: 12px; position: relative; } .tl-list .sr-content > ul.request-list > li .exp small, .tl-list .sr-content > ul.request-list > li .exp a { width: auto; padding: 2px 8px; } .tl-list .sr-content > ul > li .exp small.private, .tl-list .sr-content > ul > li .exp a.private, .sr-content > ul > li .type-attr > em.private, .tl-list .sr-content > ul > li .exp small.declined { background-color: #f30; color: #fff; } .tl-list .sr-content > ul > li .exp small.public, .tl-list .sr-content > ul > li .exp a.public, .sr-content > ul > li .type-attr > em.public, .tl-list .sr-content > ul > li .exp small.authorized { background-color: #091; color: #fff; } .tl-list .sr-content > ul > li .exp small.restricted, .sr-content > ul > li .type-attr > em.restricted, .tl-list .sr-content > ul > li .exp a.restricted { background-color: #f90; color: #fff; } .tl-list .sr-content > ul > li .exp small.requesting, .tl-list .sr-content > ul > li .exp a.requesting { background-color: #2954a2; color: #fff; } .tl-list .sr-content > ul > li .exp a.result { background-color: #5ac0de; color: #fff; } .tl-list .sr-content > ul > li .exp .exp-status-a, .tl-list .sr-content > ul > li .exp .exp-status-b { font-size: 12px; border-radius: 4px; display: inline-block; padding: 2px 5px; margin-left: 3px; } .tl-list .sr-content > ul > li .exp .exp-status-a { background: #d9e1ff; color: #212532; } .tl-list .sr-content > ul > li .exp .exp-status-b { background: #eaeaeb; color: #848791; } .tl-list .sr-content > ul > li .exp .exp-status { --bg-pub: #091; --bg-pri: #f30; --bg-res: #f90; display: inline-flex; flex-grow: 1; flex-wrap: wrap; justify-content: flex-end; margin-left: 5px; padding: 0.6em 1em; border-radius: 50%; background: radial-gradient(white calc(35% - 1px), transparent 35%), conic-gradient( from -18deg, var(--bg-pub) 33.3%, var(--bg-pri) 0% 66.6%, var(--bg-res) 0% ); } .tl-list .sr-content > ul > li .exp .exp-status em .sr-content > ul > li .exp a { position: relative; } .sr-content > ul > li .exp a span { position: absolute; left: 0; top: 0; display: block; overflow: hidden; width: 100%; height: 100%; color: #fff; border-radius: 3px; } .sr-content > ul > li .exp a span:before, .sr-content > ul > li .exp a:focus span:before { display: block; position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.7); transform: rotate(30deg); width: 150px; height: 120px; left: -170px; top: -50px; transition: all 0.3s; z-index: 5; } .sr-content > ul > li .exp a:hover span:before { left: -10px; } .sr-content > ul > li .exp a span i { position: relative; font-style: normal; opacity: 0; transition: 0.3s; z-index: 10; line-height: 25px; } .sr-content > ul > li .exp a:hover span i { opacity: 1; } .sr-content > ul > li .type-attr { display: flex; text-align: center; } .sr-content > ul > li .type-attr > em { background: #e2e6e9; color: #666; width: 60px; padding: 0; margin: 0; font-style: normal; font-size: 12px; line-height: 1.55; } .sr-content > ul > li .type-attr > em:nth-child(1) { border-radius: 4px 0 0 4px; } .sr-content > ul > li .type-attr > em:nth-child(2) { border-radius: 0 !important; border-left: 1px solid #fff; border-right: 1px solid #fff; } .sr-content > ul > li .type-attr > em:nth-child(3) { border-radius: 0 4px 4px 0; } .sr-content > ul > li .type-a, .sr-content > ul > li .type-b, .sr-content > ul > li .type-c, .sr-content > ul > li .type-d, .sr-content > ul > li .type-e, .sr-content > ul > li .type-f { background: #ecf2f5; padding: 2px 8px; margin: 0 5px 5px 0; display: inline-block; border-radius: 2px; } .sr-content > ul > li .type-a { border-left: 4px solid #00a8ff; } .sr-content > ul > li .type-b { border-left: 4px solid #ac6bec; } .sr-content > ul > li .type-c { border-left: 4px solid #f29824; } .sr-content > ul > li .type-d { border-left: 4px solid #46c35f; } .sr-content > ul > li .type-e { border-left: 4px solid #2954a2; } .sr-content > ul > li .type-f { border-left: 4px solid #f50; } .sr-content > ul > li b { line-height: 21px; } .sr-content > ul > li p { font-size: 13px; line-height: 21px; word-wrap: break-word; } .sr-content > ul > li .author-info { color: #999; font-size: 12px; } .sr-content > ul > li .row { margin: 0; } .sr-content > ul > li [class^="col-md-"] { padding: 0 5px; } .sr-content > ul > li blockquote { border-radius: 2px; padding: 5px 0 5px 10px; margin: 2px 0; background: #f9f9f9; } .sr-content > ul > li .bl-a { border-left: 2px solid #00a8ff; } .sr-content > ul > li .bl-b { border-left: 2px solid #ac6bec; } .sr-content > ul > li .bl-c { border-left: 2px solid #f29824; } .sr-content > ul > li .bl-d { border-left: 2px solid #46c35f; } .sr-content > ul > li .bl-e { border-left: 2px solid #2954a2; } .sr-content > ul > li .bl-f { border-left: 2px solid #f50; } .sr-content > ul > li .bl-d .bg-grey { border-radius: 3px; border: 1px solid #eee; background-color: #f3f3f3; } .sr-content > ul > li .list-control { position: absolute; bottom: 25px; right: 10px; opacity: 0; transition: all 0.3s; } .sr-content > ul > li .list-control.request { opacity: 1; } .sr-content > ul > li:hover .list-control, .sr-content > ul > li:focus .list-control { opacity: 1; } .sr-content > ul > li .list-control a { display: inline-block; width: 36px; height: 22px; border-radius: 12px; border: 1px solid #ddd; color: #999; text-align: center; line-height: 20px; } .sr-content > ul.request-list > li .list-control a { width: auto; padding-left: 10px; padding-right: 10px; } .sr-content > ul > li .list-control a:not(:first-child) { margin-left: 6px; } .sr-content > ul > li .list-control a.security { background-color: #ffd4c1; border-color: #ffd4c1; color: #f29b76; } .sr-content > ul.request-list > li .list-control { bottom: inherit; top: 18px; right: 80px; } .sr-content > ul.request-list > li .list-control.control-1 { top: 15px; right: 90px; } .sr-content > ul.request-list > li .list-control.control-1 a { height: auto; background-color: #ddd; color: #fff; border-color: #1d7d74; line-height: 23px; } .sr-content > ul.request-list > li .list-control.control-1 a.authorize { background-color: #3e8f3e; } .sr-content > ul.request-list > li .list-control.control-1 a.decline { background-color: #f30; border-color: #f33; } .sr-content > ul.request-list > li .list-control a.security { background: none; border: 0; color: #2954a2; font-size: 20px; } .sr-content > ul > li .list-control a.edit { background-color: #bed0ff; border-color: #bed0ff; color: #556fb5; } .sr-content > ul > li .list-control a.delete { background-color: #fcc; border-color: #fbb; color: #f55; } .sr-content .pagination { margin-top: 15px; margin-bottom: 0px; } .sr-sidebar-control { position: fixed; z-index: 1000; bottom: 10px; right: 10px; background-color: #eee; display: none; padding: 5px 8px 3px 10px; font-size: 20px; border-radius: 4px; color: #666; border: 1px solid #d7d8db; } .detail-title { font-size: 20px; margin: 0 0 15px; color: #fe9d68; font-weight: bold; } .bg-grey { background-color: #eee; } .rilist .input-group-addon, .rilist .input-group .form-control { border: 0; box-shadow: none; } .rilist .input-group-addon { border-left: 4px solid #00a8ff; border-radius: 4px; width: 60px; } .rilist .input-group .form-control { font-size: 16px; line-height: 20px; } .idlist .alert p { font-size: 12px; line-height: 18px; margin-bottom: 0; } @media (max-width: 768px) { .sr-sidebar-control { display: block; } .search-reasult-list .sr-sidebar { position: absolute; z-index: 100; overflow: hidden; top: 1px; right: -400px; float: none; background-color: #fff; padding: 15px 20px; border: 0; width: 100%; opacity: 0; transition: all 0.3s; } .search-reasult-list .sr-sidebar.sr-show { right: 1px; opacity: 1; } .search-reasult-list .sr-content { float: none; width: 100%; border: 0; margin: 0; padding: 0; } .search { padding-top: 10px; } .sr-content .pagination { margin: 0; padding-top: 20px; } } .alert.alert-danger { border-color: #ffd7d7; background: #fff7f7; color: #ea6b6b; } .alert p { font-size: 14px; line-height: 1.7; } .alert-custom { background-color: rgba(41, 84, 162, 0.1); } .alert h3 { font-size: 18px; margin-bottom: 10px; font-weight: bold; } /* 16 - About */ .about-section { padding-top: 93px; } .post.alt { padding-bottom: 70px; } .about-section .about-images { text-align: right; position: relative; } .about-section .about-images .img-1, .about-section .about-images .img-2 { position: absolute; left: 0; bottom: 0; z-index: 1; } .about-section .about-images .main-img { display: inline-block; } .about-section .about-images .img-2 { left: auto; right: 0; } /* 17 - Single post */ .post.single { padding-bottom: 100px; } .post.single .sidebar { margin-top: 0; } .post .featured-image { position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 30px; z-index: 1; } .post .featured-image:after { content: ""; background: rgba(0, 0, 0, 0.25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; } .post .entry .content { clear: both; margin-top: 10px; position: relative; } .comments-list { background: #fa9964; padding: 20px 20px 15px; margin: 30px 0; border-radius: 4px; } .comments-list .comment-body { margin-bottom: 10px; } .comments-list > li:last-child .comment-body { margin-bottom: 0; } .comments-list li .avatar { overflow: hidden; border: 3px solid #f87a46; border-radius: 50%; margin-right: 20px; } .comments-list li .content { overflow: hidden; } .comments-list li .author .name { display: block; color: #f6f6f6; font-size: 15px; font-weight: bold; } .comments-list li .author .date { display: block; font-size: 12px; color: #383c4b; margin: 5px 0 12px; } .comments-list li .author .reply a { display: block; line-height: 38px; } .comments-list li .author .reply a:hover { background-color: #fff; color: #383c4b; } .comments-list li .text { color: #f5f5f5; } .comments-list ul.children { margin-left: 100px; } /* tree */ .comments-list li.haschild > .comment-body { position: relative; } .comments-list li.haschild > .comment-body:after { content: ""; display: block; width: 2px; height: 100%; background: #212129; position: absolute; left: 35px; top: 90px; } .comments-list li.haschild > .comment-body:before { content: ""; display: block; width: 55px; height: 2px; background: #212129; position: absolute; left: 35px; bottom: -90px; } .comments-list ul.children li { background: #fcfcfc; padding-left: 10px; border-left: 2px solid #f5dba4; padding-top: 10px; border-bottom: 1px solid #edecda; margin-bottom: 15px; } .comment-form { padding: 20px 0; background: #fff; border-radius: 4px; /*overflow: hidden;*/ } .comment-form .popover { font-size: 12px; font-family: "microsoft yahei"; } .comment-form .addcomment-title { margin-bottom: 10px; } .comment-form .addcomment-title .icon { margin-bottom: 0; } .comment-form .addcomment-title .text { font-size: 18px; font-weight: bold; color: #383c4b; } .comment-form .input, .contact-form .input { position: relative; } .comment-form .input input:not([type="submit"]), .comment-form .input textarea, .contact-form .input input:not([type="submit"]), .contact-form .input textarea, .login-page .login-form .input input { display: block; width: 100%; padding: 9px 20px; border: 1px solid #d7d8db; border-radius: 2px; font-size: 15px; font-weight: bold; margin-top: 0; color: #5a5e6a; } .login-page .login-form .input .tips { font-size: 14px; margin-top: 5px; color: #e22b2b; } .login-page .control-label { font-size: 16px; } .login-page .login-form .input { margin-top: 12px; margin-bottom: 12px; } .comment-form .input input:focus:not([type="submit"]), .comment-form .input textarea:focus, .contact-form .input input:focus:not([type="submit"]), .contact-form .input textarea:focus, .login-page .login-form .input input:focus:not([type="submit"]) { border-color: #5a5e6a; } .comment-form .input textarea, .contact-form .input textarea { min-height: 132px; resize: vertical; } .comment-form .input .submit-input, .contact-form .input .submit-input { /*position: absolute; right: 10px; bottom: 10px;*/ padding: 0 32px; margin-top: 20px; float: right; } /* 18 - Isotope & Portfolio */ .portfolio-grid { padding: 100px 0; } .portfolio-filter ul li { float: left; margin-right: 25px; } .portfolio-filter ul li.item a { display: block; background: #fff; width: 170px; color: #a9abb0; font-size: 16px; font-weight: bold; padding: 7px 0; border: 2px solid #e6e6e6; border-radius: 2px; } .portfolio-filter ul li.item a:hover, .portfolio-filter ul li.item a.active { color: #fe9d68; } .portfolio-filter ul li.icon:last-child { margin-right: 0; } .portfolio-filter ul li.icon a { display: block; width: 70px; height: 40px; line-height: 40px; background: #fe9d68; border-radius: 2px; font-size: 20px; color: #fff; } .portfolio-filter ul li.icon a:hover { background: #383c4b; } .portfolio-overlay .portfolio-row { margin-right: -14.99px; } .portfolio-overlay .portfolio-items .course { margin-top: 29px; } .portfolio-overlay .course .course-image .details-overlay { padding-top: 0; } .portfolio-overlay .course .details-overlay .time { margin-right: 15px; } .portfolio-overlay .course .details-overlay .time, .portfolio-overlay .course .details-overlay .place { display: inline-block; width: 38px; height: 38px; line-height: 40px; text-align: center; padding-left: 0; margin-bottom: 0; } .portfolio-overlay .course .details-overlay .overlay-icons { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -19px; } .portfolio-overlay .course .details-overlay span a { display: block; } .latest-courses-section .portfolio-overlay .course-image .details-overlay span i { margin-right: 0; color: #fff; font-size: 17px; } .portfolio-overlay .course-info { padding: 20px 20px 0; } .portfolio-overlay .course-info .project-icon { background: #fe9d68; width: 38px; height: 38px; line-height: 38px; text-align: center; display: inline-block; margin-right: 10px; border-radius: 2px; box-shadow: none; } .portfolio-overlay .course-info .project-icon i { font-size: 18px; color: #fff; } .portfolio-overlay .course-info .cat { display: block; clear: both; text-align: left; } .portfolio-overlay .course-info .course-title { line-height: 14px; font-size: 16px; } .portfolio-overlay .course-info .course-title a { color: #fa9964; padding: 0; } .latest-courses-section .portfolio-overlay .course-info .course-title a:hover { color: #383c4b; } .portfolio-overlay .course-info .course-title .cat { font-size: 12px; color: #5a5e6a; margin-top: 10px; font-weight: normal; } /* isotope transition */ .isotope-item { z-index: 2; list-style: none; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } .isotope { width: 100%; -webkit-transition-property: width, height; -moz-transition-property: width, height; -ms-transition-property: width, height; -o-transition-property: width, height; transition-property: width, height; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* Single Portfolio */ .portfolio.single { padding-bottom: 0; } .portfolio.single .flexslider .flex-direction-nav .flex-next { right: 20px; } .portfolio.single .flexslider .flex-direction-nav .flex-prev { left: auto; right: 62px; } .portfolio.single .flexslider .flex-direction-nav a { top: auto; bottom: 20px; } .portfolio.single .single-title .post-type-icon { width: 38px; height: 38px; line-height: 38px; border-radius: 2px; } .portfolio.single .project-link a { display: inline-block; background: #383c4b; border-radius: 2px; color: #fff; font-weight: bold; padding: 5px 25px; } .portfolio.single .project-link a:hover { background: #fe9d68; } /* Portfolio Modal */ #portfolio-modal .modal-dialog { margin-top: 50px; } #portfolio-modal .close-modal { position: absolute; right: 20px; top: 5px; z-index: 10; } #portfolio-modal .popup-content .post { padding-top: 0; background: none; } #portfolio-modal .popup-content .modal-slider { max-height: 575px; } /* Photo Gallery */ .latest-courses-section .gallery .course { padding-bottom: 0; } .latest-courses-section .gallery .course-image { border-radius: 4px; } /* 19 - Login/Register */ #login-modal .container, #register-modal .container { max-width: 750px; } #login-modal .popup-content .login-page, #register-modal .popup-content .login-page { padding: 100px 0 0; background: none; } .modal .close-modal { display: block; width: 20px; height: 20px; text-align: right; color: #383c4b; } .modal .close-modal span { font-size: 18px; vertical-align: top; } .login-page { background: #f5f5f5; padding: 50px 0 100px; } .login-page .login-form { margin-bottom: 30px; } .login-page .login-form .login-title .icon { margin-bottom: 10px; } .login-page .login-form .login-title .text { font: bold 18px "Lato", "microsoft yahei"; color: #383c4b; } .login-page .login-form .input .submit-input, .dark .login-page .login-form .input .submit-input { background: #fe9d68; color: #fff; margin-bottom: 10px; border: 0; box-shadow: none; } .login-page .login-form .custom-checkbox label { font-size: 14px; font-weight: bold; color: #383c4b; cursor: pointer; } /* custom checkbox */ .custom-checkbox:not(#foo) .checkbox-input { position: absolute; opacity: 0; } .custom-checkbox:not(#foo) .checkbox-input + label { position: relative; cursor: pointer; padding: 0; } .custom-checkbox:not(#foo) .checkbox-input + label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 22px; height: 22px; background: #d7d8db; border-radius: 1px; } .custom-checkbox:not(#foo) .checkbox-input.disabled + label, .custom-checkbox:not(#foo) .checkbox-input[disabled] + label { color: #b8b8b8; } .custom-checkbox:not(#foo) .checkbox-input.disabled + label:before, .custom-checkbox:not(#foo) .checkbox-input[disabled] + label:before { box-shadow: none; background: #ddd; } .custom-checkbox:not(#foo) .checkbox-input:checked + label:after { content: ""; position: absolute; left: 5px; top: 11px; background: white; width: 4px; height: 4px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -3px 0 white, 4px -8px 0 white, 4px -6px 0 white; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .login-page .login-form .forgot a { font-size: 14px; color: #5a5e6a; } .login-page .login-form .forgot .reset { color: #ff0000; } .login-page .login-form .forgot a:hover { text-decoration: underline; } .login-page .login-options .login-op-btn { background-position: right bottom; background-repeat: no-repeat; display: block; font-size: 15px; font-weight: bold; color: #fff; padding: 9px 20px; margin-bottom: 20px; border-radius: 2px; box-shadow: none; } .login-page .login-options .login-op-btn.tw, .login-page .login-options .login-op-btn.ya { margin-bottom: 0; } .login-page .login-options .login-op-btn.fb { /*background-image: url(assets/img/icons/login-facebook-icon.png);*/ background-color: #5d82d1; } .login-page .login-options .login-op-btn.gp { /*background-image: url(assets/img/icons/login-google-icon.png);*/ background-color: #eb5e4c; } .login-page .login-options .login-op-btn.tw { /*background-image: url(assets/img/icons/login-twitter-icon.png);*/ background-color: #40bff5; } .login-page .login-options .login-op-btn.ya { /*background-image: url(assets/img/icons/login-yahoo-icon.png);*/ background-color: #ab47ac; } .login-page .login-form .input .submit-input:hover, .login-page .login-options .login-op-btn:hover { background-color: #383c4b; } .login-page .register .input .submit-input { margin-bottom: 0; } /* 20 - Contact */ .contact { background: #f5f5f5; padding-bottom: 100px; } /* map */ .contact .big-map .fixed-map { height: 350px; overflow: hidden; border-radius: 4px; position: relative; margin: 100px 0 30px; } .contact .big-map .full-map { width: 100%; height: 448px; margin-bottom: 30px; position: relative; } .contact .big-map .fixed-map:after, .contact .big-map .full-map:after { content: ""; background: rgba(0, 0, 0, 0.25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; } .contact .sidebar .search { margin-bottom: 30px; } .contact.contact-3 { padding: 100px 0; } .contact.contact-3 .fixed-map { margin-top: 0; } .gm-style-iw * { display: block; width: 100%; } .gm-style-iw h4, .gm-style-iw p { margin: 0; padding: 0; } .gm-style-iw a { color: #4272db; } /* form */ .contact .sidebar, .contact .sidebar .contact-info { margin-top: 0; } .contact .contact-left .contact-text { color: #5a5e6a; margin-bottom: 20px; } .follow-icons ul li:first-child { margin-left: 0; } .contact .contact-right .info-text { color: #5a5e6a; } .contact .contact-right .call { color: #fe9d68; margin-top: 22px; } /* Typography page */ .typography, .shortcodes { background: #f5f5f5; } .space { height: 30px; clear: both; } .headlines .item p, .column-item .row-content { color: #5a5e6a; } blockquote { display: block; position: relative; padding: 23px 30px 25px 30px; margin: 6px 0; } .story { font-style: italic; color: #fe9d68; } .story p { font-size: 16px; line-height: 2; } blockquote .name { font-size: 13px; color: #5a5e6a; } blockquote.blockquote-1 { border-left: 6px solid #fe9d68; } blockquote.blockquote-2:before, blockquote.blockquote-2:after { content: "\f10d"; display: block; font: normal normal normal 16px/1 "FontAwesome"; color: #a9abb0; position: absolute; } blockquote.blockquote-2:before { left: 0; top: 0; } blockquote.blockquote-2:after { content: "\f10e"; right: 0; bottom: 0; } blockquote.blockquote-3 { background: #f8f7f7; border: 1px solid #e9e8e8; border-radius: 5px; } blockquote.blockquote-4 { background: #fe9d68; border-radius: 5px; } blockquote.blockquote-4 .story { color: #fff; } /* lists */ .list ul li, .list ol li { color: #5a5e6a; line-height: 30px; } .ul-list ul li, .ol-list ol li { list-style: inside; } .ol-list ol li { list-style-type: decimal; } [class^="list-"] li:before, [class*="list-"] li:before { color: #fe9d68; margin-right: 10px; font: normal normal normal 15px/1 "FontAwesome"; } .list-play-circle ul li:before { content: "\f01d"; } .list-arrow-circle ul li:before { content: "\f0a9"; } .list-checked-circle ul li:before { content: "\f05d"; } .list-bold-caret ul li:before { content: "\f0da"; } .list-normal-caret ul li:before { content: "\f105"; } .list-star ul li:before { content: "\f006"; } /* 21 - Social icons */ .social-media-icons ul li a { background: #ff8e2e; display: block; margin: 0 10px 10px 0; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); } .social-media-icons ul li a:hover { background: #383c4b; } .colored ul li .fb { background: #5d82d1; } .colored ul li .pn { background: #e13138; } .colored ul li .tw { background: #40bff5; } .colored ul li .gp { background: #eb5e4c; } .colored ul li .rss { background: #faa33d; } .colored ul li .vm { background: #35c6ea; } .colored ul li .dr { background: #f7659c; } .colored ul li .tm { background: #426d9b; } .colored ul li .be { background: #1879fd; } .colored ul li .st { background: #ff5c30; } .colored ul li .dp { background: #17a3eb; } .colored ul li .sc { background: #ff7e30; } .colored ul li .fm { background: #f34320; } .colored ul li .fk { background: #ff48a3; } .colored ul li .dv { background: #6a8a7b; } .colored ul li .in { background: #238cc8; } .colored ul li .dgg { background: #75788d; } .colored ul li .xg { background: #1a8e8c; } .colored ul li .git { background: #3f91cb; } .colored ul li .ig { background: #548bb6; } .colored ul li .ya { background: #ab47ac; } .colored ul li .yt { background: #ef4e41; } .colored ul li .sp { background: #13c1f3; } .colored ul li .at { background: #25a774; } .colored ul li .wp { background: #2592c3; } .colored ul li .pl { background: #ff7850; } .colored ul li .dl { background: #377bda; } .colored ul li .dl { background: #ff9233; } .colored ul li .dd { background: #377bda; } .colored ul li .ap { background: #b3b5b8; } .colored ul li .vk { background: #4778ac; } /* 22 - Pricing tables */ .pricing-tables { background: #f5f5f5; padding: 100px 0; } .pricing-tables .table-row { margin-bottom: 70px; } .pricing-tables .table-row .table { background: #fff; padding-bottom: 20px; text-align: center; border-radius: 2px; overflow: hidden; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); } .pricing-tables .table-row .table .table-header { background: #fe9d68; box-shadow: none; } .pricing-tables .table-1 .table .table-header { padding: 15px 0; } .pricing-tables .table-row .table .table-header .icon { background: #2f3342; width: 94px; height: 94px; line-height: 100px; margin: auto; border-radius: 50%; border: 4px solid #fa7c49; } .pricing-tables .table-row .table .table-header .icon i { color: #fff; font-size: 38px; } .pricing-tables .table-row .table .table-header .text { font-size: 20px; font-weight: bold; color: #fff; } .pricing-tables .table-1 .table .table-header .text { margin-top: 15px; } .pricing-tables .table-row .table .table-body .features li { font-size: 16px; color: #5a5e6a; padding: 13px 5px; border-bottom: 1px solid #ededed; cursor: default; } .pricing-tables .table-row .table .table-footer { padding: 20px 20px 0; } .pricing-tables .table-row .table .table-footer .order-btn a { display: block; background: #fa9964; padding: 12px 10px; font-weight: bold; font-size: 20px; color: #fff; border-radius: 2px; text-align: left; box-shadow: none; } .pricing-tables .table-row .table .table-footer .order-btn .currency { font-size: 14px; } .pricing-tables .table-row .table .table-footer .order-btn .icon { background: #383c4b; width: 28px; height: 28px; line-height: 28px; font-size: 13px; border-radius: 1px; text-align: center; } /* table 1 */ .pricing-tables .table-1 .table:hover .table-header .icon { border-color: #2f3342; } .pricing-tables .table-1 .table .table-footer .order-btn a:hover { background: #383c4b; } .pricing-tables .table-1 .table .table-footer .order-btn a:hover .icon { background: #fff; color: #383c4b; } .pricing-tables .table-1 .table .table-body .features li:hover, .pricing-tables .table-2 .table .table-body .features li:hover { background: #f9f9f9; } /* table 2 */ .pricing-tables .table-2 .table .table-header { padding: 50px 0; } .pricing-tables .table-2 .table .table-header .text { font-size: 25px; } .pricing-tables .table-2 .table .table-header .price { margin-top: 17px; color: #2a2e3d; font-size: 14px; } .pricing-tables .table-2 .table .table-footer .order-btn a { background: #000020; text-align: center; } .pricing-tables .table-2 .table .table-footer .order-btn a:hover { background: #fa9964; } /* table 3 */ .pricing-tables .table-3 { margin-bottom: 0; } .pricing-tables .table-3 .table { background: #383c4b; text-align: left; padding: 0 20px; } .pricing-tables .table-3 .table .table-header { background: none; padding: 50px 0; border-bottom: 1px solid #2c2e39; } .pricing-tables .table-3 .table .table-header .text { font-size: 28px; } .pricing-tables .table-3 .table .table-header .price { margin-top: 17px; color: #fe9d68; font-style: italic; font-size: 16px; } .pricing-tables .table-3 .table .table-body { padding: 12px 0; } .pricing-tables .table-3 .table .table-body .features li { border: none; color: #b5b7bb; } .pricing-tables .table-3 .table .table-footer { padding: 20px 0 20px 0; border-top: 1px solid #2c2e39; } .pricing-tables .table-3 .table .table-footer .order-btn a { display: inline-block; text-align: center; font-size: 17px; padding: 14px 0; width: 105px; } .pricing-tables .table-3 .table .table-footer .order-btn a.details { background: #000020; } .pricing-tables .table-3 .table .table-footer .order-btn a:hover { background: #fff; color: #383c4b; } /* 21 - Coming soon */ .coming-soon { background: #f5f5f5; padding: 220px 0; } .countdown { text-align: center; margin-bottom: 60px; } .countdown div { display: inline-block; width: 150px; height: 150px; padding-top: 15px; border-radius: 50%; border: 6px solid #313542; color: #fa9964; font-size: 50px; font-weight: bold; margin-left: 50px; } .countdown div:first-child { margin-left: 0; } .countdown div span { display: block; font-size: 20px; } /* 22 - Page 404 */ .error-page, .success-page { background: #f5f5f5; padding: 80px 0; } .error-page .well, .success-page .well { padding-top: 50px; } .error-page .not-found, .error-page .fail, .success-page .success { background: #fa9964; width: 280px; height: 280px; margin: auto; text-align: center; border-radius: 50%; padding-top: 80px; margin-bottom: 20px; } .error-page .fail { background: #e32d39; padding-top: 50px; } .success-page .success { background: #16a835; padding-top: 50px; } .error-page .not-found span, .error-page .fail span, .success-page .success span { display: block; color: #fff; } .error-page .not-found .num, .error-page .fail .num, .success-page .success .num { font-size: 110px; font-weight: 300; } .error-page .fail .num, .success-page .success .num { font-size: 160px; } .error-page .not-found .text, .error-page .fail .text { font-size: 16px; margin-top: -5px; } .error-page .error-message, .success-page .success-message { font-size: 24px; color: #5a5e6a; text-align: center; margin-bottom: 55px; } /* 404 v2 */ .error-page.full-page { position: relative; height: 100%; /*background: url(assets/img/error-page-bg.jpg) no-repeat center center;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .error-page.full-page:after { content: ""; display: block; background-color: rgba(38, 41, 52, 0.96); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .error-page.full-page .container { position: relative; z-index: 1; } .error-page.full-page .not-found { background: none; border: 5px solid #fa9964; } .error-page.full-page .error-message { color: #fff; } .error-page.full-page .share-icons { background: none; border: 2px solid #5a5e6a; border-radius: 4px; } /* 23 - Dark version */ .dark { background-color: #343741; color: #828489; } .dark .top-bar, .dark .top-bar .top-social-icons li a, .dark header.static-header, .dark .sidebar .sidebar-widget ul.tabs li, .dark .sidebar .sidebar-widget.last-posts ul li, .dark .portfolio-filter ul li.item a, .dark .countdown div { border-color: #41444d; } .dark header.alt .site-name, .dark h6.head-title { color: #fff; } .dark header.alt .main-navigation > ul > li > a { color: #efefef; } .dark header .main-navigation li.parent-item ul.submenu, .dark header .main-navigation li.parent-item ul.submenu ul, .dark header .main-navigation li.courses-menu li .single-item, .dark .mobile-navigation .mobile-container ul, .dark .mobile-navigation .mobile-container li.haschild > ul, .dark header.alt, .dark .course-search, .dark .course-search:before { background: #2c2f3c; } .dark header .main-navigation li.parent-item ul.submenu li a, .dark header .main-navigation li.parent-item ul.submenu ul, .dark .mobile-navigation .mobile-container li.parent-item a, .dark .mobile-navigation .mobile-container li.courses-menu .course-menu-item { border-bottom-color: #353845; border-left-color: #353845; border-right-color: #353845; } .dark header .main-navigation li.parent-item ul.submenu li:hover > a, .dark .mobile-navigation .mobile-container li.parent-item a:hover { background: #262936; } .dark .tp-banner > ul li:after, .dard .fullscreen > ul li:after, .dark .course-search-section:after { background: rgba(12, 13, 16, 0.9); } .dark .top-bar, .dark .course-search #course-name, .dark .course-search.alt .dropdown, .dark .dropdown, .dark .dropdown.open div { background: #353842; } .dark .course-search #course-name, .dark .course-search.alt .dropdown, .dark .dropdown, .dark .dropdown div, .dark .comment-form .input input:not([type="submit"]), .dark .comment-form .input textarea, .dark .contact-form .input input:not([type="submit"]), .dark .contact-form .input textarea, .dark .login-page .login-form .input input, .dark .coming-soon .share-icons, .dark .error-page .share-icons { border: 1px solid #50525c; } .dark .course-search.alt .dropdown div { left: -1px; } .dark .dropdown li { border-bottom-color: #50525c; } /* light text */ .dark header .main-navigation li.courses-menu li .single-item .courses-num, .dark header .main-navigation li.courses-menu li .single-item a:hover, .dark .dropdown .selected, .dark .dropdown li.active, .dark .full-section .section-description, .dark .basic-slider-box .post-title a:hover, .dark .basic-slider-box .post .meta a:hover, .dark .sidebar .sidebar-widget.cats ul li a, .dark .comments-list li .author .date, .dark .portfolio-overlay .course-info .course-title .cat, .dark .contact .contact-right .info-text, .dark .login-page .login-form .custom-checkbox label, .dark .list ul li, .dark .list ol li, .dark #login-modal .close-modal, .dark #register-modal .close-modal { color: #97989b; } .dark .dropdown li.focus { background-color: #202126; } .dark .course-search #search-btn { background-color: #111217; } .dark .course-search.alt .container { background: none; border-radius: 0; box-shadow: none; } /* light bg */ .dark .features-section, .dark .latest-courses-section, .dark .misc-section, .dark .login-page, .dark .latest-courses-content.listview .course .details, .dark .post, .dark .post .entry .share-post, .dark .follow-icons, .dark .share-icons, .dark .post .entry-sidebar .course-details div, .dark .blog, .dark .blog .blogpost .meta div, .dark .post.single .meta div, .dark .contact, .dark .coming-soon, .dark .error-page, .dark .typography, .dark .shortcodes, .dark .pricing-tables, .dark .sidebar .sidebar-widget .tab-posts .post-item, .dark .comment-form .input input:not([type="submit"]), .dark .comment-form .input textarea, .dark .contact-form .input input:not([type="submit"]), .dark .contact-form .input textarea, .dark .login-page .login-form .input input, .dark .custom-checkbox:not(#foo) .checkbox-input + label:before { background-color: #343741; } /* dark bg */ .dark .instructors-section, .dark .categories-section, .dark .features-section.alt, .dark .accordion .accordion-header, .dark .accordion .accordion-content, .dark .instructor.alt .details .rating, .dark .questions .flexslider li .query, .dark .home-skills .skillbar, .dark .latest-courses-section.dark-bg, .dark .pagination li a, .dark .post .entry, .dark .post .course-details, .dark .contact .contact-left, .dark .login-page .login-form, .dark .login-page .login-options, .dark .entry-sidebar .instructor.alt, .dark .about-section, .dark .sidebar .sidebar-widget ul.tabs li, .dark .comment-form, .dark .comments-list, .dark .portfolio-filter ul li a { background-color: #2d303c; } .dark .instructors-section .instructor-info, .dark .latest-courses-section .course, .dark .add-courses, .dark .instructor.alt, .dark .categories-section .cat-box, .dark .blog .blogpost, .dark .sidebar .sidebar-widget, .dark .sidebar .sidebar-widget ul.tabs li.active, .dark .sidebar .search .search-input { background-color: #494c57; } .dark .flex-control-paging li a { background-color: #252732; } /* c4b alternative */ .dark .instructors-section .instructor-info .name, .dark .latest-courses-section .course-info .course-title a, .dark .categories-section .cat-box .courses-counter .nums, .dark .categories-section .cat-box .cat-title a:hover, .dark .sidebar .sidebar-widget.last-posts ul li a { color: #252732; } .dark .instructor-info .position, .dark .latest-courses-section .course-info .course-description, .dark .add-courses .add-courses-description, .dark .categories-section .cat-box .courses-counter, .dark .blog-posts .post-description, .dark .questions .query-description, .dark .sidebar .sidebar-widget .tab-posts .post-item .description, .dark .comment-form .addcomment-title .text, .dark .login-page .login-form .login-title .text { color: #828489; } .dark .accordion .accordion-header, .dark .accordion .accordion-content, .dark .questions .flexslider li .query { border-color: #575961; } .dark .instructor.alt .details { border-color: #2d303c; } .dark .instructor.alt .details .rating span.star:before { color: #7c7f8b; } .dark header.alt .mobile-navigation .mobile-btn span, .dark header.alt .mobile-navigation .mobile-btn span:before, .dark header.alt .mobile-navigation .mobile-btn span:after { background: #a5a5a5; } /* 24 - Footer */ footer { padding-top: 15px; /*background: #2b2e3b;*/ background: #1d3355; } footer h6.widget-title { text-align: left; padding-bottom: 11px; margin-bottom: 14px; /*border-bottom: 1px solid #3d404d;*/ border-bottom: 1px solid #243c73; } /* About Widget */ footer .about-widget .about-text { /*color: #d6d6d8;*/ color: #fff; font-size: 12px; line-height: 21px; text-align: justify; margin-bottom: 20px; } /* Links */ footer .footer-links ul li { margin-bottom: 12px; } footer .footer-links ul li a, footer .twitter-widget .tweet a { /*background: url(../images/footer-link-arrow.png) no-repeat left center;*/ display: inline-block; color: #fe9d68; padding-left: 18px; } footer .footer-links ul li a:hover, footer .twitter-widget .tweet a:hover { color: #fff; text-shadow: 0 1px 0 #000; background-position: 2px center; } footer .footer-links ul.flinks { overflow: hidden; } footer .footer-links ul.flinks li { float: left; width: 50%; overflow: hidden; line-height: 1; } footer .footer-links ul.flinks li a { width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Twitter Widget */ footer .twitter-widget { position: relative; } footer .twitter-widget .tweet { color: #d6d6d8; line-height: 22px; margin-bottom: 21px; } footer .twitter-widget .tweet:last-child { margin-bottom: 0; } footer .twitter-widget .tweet .date { font-size: 11px; color: #6f7478; } /* Tweets & Courses Slider */ footer .twitter-widget #tweets-slider, footer .courses-widget #footer-courses-slider { position: static; } footer .twitter-widget #tweets-slider .flex-control-nav, footer .courses-widget #footer-courses-slider .flex-control-nav { width: auto; top: 10px; right: 0; bottom: auto; } footer .twitter-widget #tweets-slider .flex-control-nav li, footer .courses-widget #footer-courses-slider .flex-control-nav li { margin: 0 0 0 10px; } footer .twitter-widget #tweets-slider .flex-control-nav li a, footer .courses-widget #footer-courses-slider .flex-control-nav li a { background-color: #f4f4f4; } footer .twitter-widget #tweets-slider .flex-control-nav li a.flex-active, footer .courses-widget #footer-courses-slider .flex-control-nav li a.flex-active { background-color: #fe9d68; } /* Courses Widget */ footer .courses-widget { position: relative; } footer .courses-widget .course-info { margin-left: 58px; margin-bottom: 30px; } footer .courses-widget .course-info:last-child { margin-bottom: 0; } footer .courses-widget .course-icon .icon { background-color: #fe9d68; display: block; width: 38px; height: 38px; border-radius: 2px; } footer .courses-widget .course-icon .icon i { display: block; text-align: center; color: #fff; line-height: 38px; font-size: 18px; } footer .courses-widget .footer-course-title a { display: block; padding-bottom: 13px; color: #fe9d68; font-weight: bold; } footer .courses-widget .footer-course-title a:hover { color: #fff; text-shadow: 0 1px 0 #000; } footer .courses-widget .footer-course-description { color: #d6d6d8; } footer .courses-widget .course-date { display: block; font-size: 11px; /*color: #afb1b2;*/ margin-top: 5px; color: #fff; } /* Bottom Footer **************************************************/ footer .copyright p { color: #fff; line-height: 1.5; margin-bottom: 15px; } footer .copyright a { color: #fe9d68; } footer .copyright a:hover { color: #fff; text-shadow: 0 1px 0 #000; } /* Social Icons */ footer #bottom .footer-social-icons { padding-top: 20px; } footer #bottom .footer-social-icons li { float: left; margin-left: 6px; } footer #bottom .footer-social-icons li a { background: #2c2f3c; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px; } footer #bottom .footer-social-icons li a:hover { background: #fe9d68; } footer #bottom .footer-social-icons li a i { color: #eef1f2; font-size: 14px; } footer #bottom .footer-social-icons li a:hover i { color: #383c4b; } /* 25 - Animation & Transition */ header .main-navigation li.parent-item ul.submenu li.haschild > a:after, header .mobile-navigation .mobile-container li.haschild > a:after, .course-search:before, .accordion .inactive-header:after, .accordion .active-header:after, .course-search.alt #search-btn, .instructor.alt .details .rating span.star, .inner-head .breadcrumb li:after, .sidebar .search .submit-btn, .search .submit-btn, blockquote.blockquote-2:before, blockquote.blockquote-2:after, [class^="list-"] li:before, [class*="list-"] li:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ln-tr { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .main-navigation ul li:after, header.alt .main-navigation > ul > li.courses-menu > a:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .es-tr { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .categories-section .cat-box, footer #bottom .footer-social-icons li a i, .instructors-section .instructor-info .social-icons li a i, .top-bar .top-social-icons ul li a i, .post .entry .icons ul li a i { -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -ms-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; } .categories-section .cat-box:hover .cat-image .cat-icon i, footer #bottom .footer-social-icons li a:hover i, .instructors-section .instructor-info .social-icons li a:hover i, .top-bar .top-social-icons ul li a:hover i, .post .entry .icons ul li a:hover i, .follow-icons ul li a:hover i, .share-icons ul li a:hover i, .social-media-icons ul li a:hover i, .portfolio-overlay .course .details-overlay span a:hover i, header .main-navigation li.courses-menu li .single-item:hover .item-icon i { -webkit-animation: TextSprite 0.25s forwards; -moz-animation: TextSprite 0.25s forwards; -ms-animation: TextSprite 0.25s forwards; -o-animation: TextSprite 0.25s forwards; animation: TextSprite 0.25s forwards; } .request-list .label { padding-bottom: 2px; font-weight: normal; margin-right: 5px; } .request-list.share-item .label { margin: 0 5px; } .request-list .title { margin-right: 5px; position: relative; top: 2px; } .request-list .text-warning { position: relative; top: 1px; } /* .tooltip-inner { white-space: nowrap; } */ @-webkit-keyframes TextSprite { 49% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); opacity: 0; } 51% { opacity: 1; } } @-moz-keyframes TextSprite { 49% { -moz-transform: translateY(-100%); } 50% { -moz-transform: translateY(100%); opacity: 0; } 51% { opacity: 1; } } @-ms-keyframes TextSprite { 49% { -ms-transform: translateY(-100%); } 50% { -ms-transform: translateY(100%); opacity: 0; } 51% { opacity: 1; } } @-o-keyframes TextSprite { 49% { -o-transform: translateY(-100%); } 50% { -o-transform: translateY(100%); opacity: 0; } 51% { opacity: 1; } } @keyframes TextSprite { 49% { transform: translateY(-100%); } 50% { transform: translateY(100%); opacity: 0; } 51% { opacity: 1; } } /* Slider Animation */ #home-slider .flex-active-slide .slide-title { -webkit-animation: LeftSlideIn 1.3s forwards; -moz-animation: LeftSlideIn 1.3s forwards; -ms-animation: LeftSlideIn 1.3s forwards; -o-animation: LeftSlideIn 1.3s forwards; animation: LeftSlideIn 1.3s forwards; } #home-slider .flex-active-slide .slide-description { -webkit-animation: RightSlideIn 2s forwards; -moz-animation: RightSlideIn 2s forwards; -ms-animation: RightSlideIn 2s forwards; -o-animation: RightSlideIn 2s forwards; animation: RightSlideIn 2s forwards; } @-webkit-keyframes LeftSlideIn { 0% { left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg); } 75% { left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg); } 100% { left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-moz-keyframes LeftSlideIn { 0% { left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg); } 75% { left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg); } 100% { left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-ms-keyframes LeftSlideIn { 0% { left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg); } 75% { left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg); } 100% { left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-o-keyframes LeftSlideIn { 0% { left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg); } 75% { left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg); } 100% { left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @keyframes LeftSlideIn { 0% { left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg); } 75% { left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg); } 100% { left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-webkit-keyframes RightSlideIn { 0% { right: 50%; opacity: 0; } 75% { right: -20px; opacity: 1; } 100% { right: 0; opacity: 1; } } @-moz-keyframes RightSlideIn { 0% { right: 50%; opacity: 0; } 75% { right: -20px; opacity: 1; } 100% { right: 0; opacity: 1; } } @-ms-keyframes RightSlideIn { 0% { right: 50%; opacity: 0; } 75% { right: -20px; opacity: 1; } 100% { right: 0; opacity: 1; } } @-o-keyframes RightSlideIn { 0% { right: 50%; opacity: 0; } 75% { right: -20px; opacity: 1; } 100% { right: 0; opacity: 1; } } @keyframes RightSlideIn { 0% { right: 50%; opacity: 0; } 75% { right: -20px; opacity: 1; } 100% { right: 0; opacity: 1; } } /* Inspired by Animate.css */ .animated { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-25px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-25px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-25px); } 100% { opacity: 1; -o-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-25px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-25px); } 100% { opacity: 1; transform: translateY(0); } } /* Scroll Down */ .scroll-down a i { -webkit-animation: BounceDown 1.2s infinite; -moz-animation: BounceDown 1.2s infinite; -ms-animation: BounceDown 1.2s infinite; -o-animation: BounceDown 1.2s infinite; animation: BounceDown 1.2s infinite; } @-webkit-keyframes BounceDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); } } @-moz-keyframes BounceDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); } } @-ms-keyframes BounceDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); } } @-o-keyframes BounceDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); } } @keyframes BounceDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); } } .logo { margin-bottom: 30px; } @media (max-width: 768px) { .logo { width: 100%; overflow: hidden; } .logo img { max-width: 100%; } } .text-overlow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #realtime { height: 140px; width: auto; padding-left: 20px; } #realtime div.meta span.title { font-size: 1.3em; padding-right: 10px; } #realtime div.meta span.key { color: #bbb; font-size: 0.8em; } #realtime div.meta span.key { display: block; } #realtime div.meta span.channel, #realtime div.meta span.web, #realtime div.meta span.usage { display: inline-block; width: 10px; height: 10px; position: relative; top: 1px; margin-left: 10px; } #realtime div.meta span.channel { /*background-color: #677280*/ background-color: #2d5390; } #realtime div.meta span.channel { margin-left: 0; } #realtime div.meta span.web { /*background-color: #768494*/ background-color: #315fa8; } #realtime div.meta span.usage { background-color: #8d9eb3; } #realtime .grid .major.tick line { shape-rendering: crispEdges; stroke: #eee; } #realtime .grid .major.tick text { fill: #bbb; font-size: 0.85em; text-align: right; } #realtime .grid line.minor { shape-rendering: crispEdges; stroke: #eee; } #realtime .grid path { stroke-width: 0; } #realtime rect { shape-rendering: crispEdges; } #realtime .layer.channel { /*fill: #677280*/ fill: #2d5390; } #realtime .layer.web { /*fill: #768494*/ fill: #315fa8; } #realtime .layer.usage { fill: #8d9eb3; } #realtime .no_data, #realtime .paused { height: 100px; position: absolute; top: 0; left: 20px; display: none; background-color: rgba(255, 255, 255, 0.7); font-size: 1.5em; text-align: center; padding-top: 50px; z-index: 2; } /* TABLES */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-color: #e5e5e5; border-width: 1px; } .table > tbody > tr > td, .table > tbody > tr > th { vertical-align: middle; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #f8fafc; } .table > thead > tr > th { background: #2954a2; color: #fff; font-size: 14px; font-weight: 700; } .table.table-grey > thead > tr > th, .table.table-grey > tbody > tr > th { background: #cbd6de; color: #49525a; } .table.table-nowrap > thead > tr > th { white-space: nowrap; } .panel-body.panel-body-table { padding: 0px; } .panel-body.panel-body-table h1, .panel-body.panel-body-table h2, .panel-body.panel-body-table h3, .panel-body.panel-body-table h4, .panel-body.panel-body-table h5, .panel-body.panel-body-table h6 { padding-left: 10px; margin-bottom: 10px; } .panel-body.panel-body-table .table { margin-bottom: 0px; border: 0px; } .panel-body.panel-body-table .table tr > td:first-child, .panel-body.panel-body-table .table tr > th:first-child { border-left: 0px; } .panel-body.panel-body-table .table tr > td:last-child, .panel-body.panel-body-table .table tr > th:last-child { border-right: 0px; } .panel-body.panel-body-table .table > tbody > tr:last-child > td { border-bottom: 0px; } .panel-body.panel-body-table td, .panel-body.panel-body-table th { padding: 8px 10px; } .table.table-actions td { line-height: 28px; } .table .progress-small { margin: 7px 0px 8px; } .mr-clear { margin-right: 0 !important; } .mr-sm { margin-right: 10px; } .mr-m { margin-right: 20px; } .mb-sm { margin-bottom: 5px !important; } .mb-m { margin-bottom: 15px !important; } .mb-l { margin-bottom: 25px; } .mt-sm { margin-top: 10px; } .mt-m { margin-top: 15px; } .mt-l { margin-top: 25px; } .ml-sm { margin-left: 5px; } .padding-tb { padding: 15px 0 0; } .padding-tb-s { padding: 6px 0 !important; } .pd-xs { padding: 0 6px !important; } .pd-lf-xs { padding: 0 5px !important; } .pd-lr-40 { padding: 0 40px; } .pd-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .margin-clear { margin: 0 !important; } .mlr-clear { margin-left: 0 !important; margin-right: 0 !important; } .row.div { margin: 25px 0 !important; } .table.vm td { vertical-align: middle; } .built_search { background-color: #fafafa; border: 1px solid #ccc; border-radius: 4px; padding: 8px; overflow: auto; color: #666; } .form-control { padding: 6px 8px; height: auto; } .w-240 { width: 244px !important; } .w-500 { width: 500px !important; } .h-60 { height: 60px !important; } .h-106 { height: 106px !important; } .hid { visibility: hidden; } ul.panel-controls { float: left; padding: 0; margin: 0 0 5px; list-style: none; position: relative; } ul.panel-controls li { float: left; margin-right: 6px; } ul.panel-controls .dropdown { position: relative; } ul.panel-controls .dropdown-menu { font-size: 12px; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); border: 1px solid #e5e5e5; padding: 0px; margin: 8px 0px 0px; min-width: 120px !important; } /*.dropdown-menu:after, .dropdown-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown-menu:before { border-color: rgba(229, 229, 229, 0); border-bottom-color: #E5E5E5; border-width: 6px; margin-left: -6px; }*/ ul.panel-controls > li > .dropdown-menu:after, ul.panel-controls > li > .dropdown-menu:before { right: auto; left: 11px; } ul.panel-controls > li > .dropdown-menu:before { margin-left: auto; margin-right: -6px; } ul.panel-controls > li > .dropdown-menu > li { float: none; margin: 0; } /*.dropdown-menu > li > a { padding: 6px 10px; line-height: 20px; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; }*/ .result-num, .data-stitle { /*background: #ffe1d1;*/ background: rgba(41, 84, 162, 0.08); border-radius: 4px; padding: 5px 8px; margin-top: 15px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .data-stitle { padding: 10px 15px; } .data-stitle h4 { color: #fff; font-size: 14px; font-weight: 700; } .result-num .text-orange { color: #ff6e1f; } .main-content .pagination { margin: 0; } .main-content .pagination a:hover { text-decoration: none; } .query:hover { background: #fafafa; } .query-content h3.post-title, .about-list .query-content h3.post-title { text-align: left; font-weight: 400; padding-right: 68px; position: relative; } .query-content h3.post-title a { color: #333; font-weight: 400; font-size: 18px; line-height: 18px; } .post-intro { font-size: 14px; line-height: 18px; } .query-content h3.post-title .trans-change { position: absolute; top: 0; right: -20px; } .query-content h3.post-title .trans-change .tooltip { white-space: nowrap; } .query-content h3.post-title .trans-change a { display: block; } .query-content h3.post-title .trans-change .btn { margin-right: 0; margin-bottom: 6px; padding: 0 8px; font-size: 14px; } .query-content h3.post-title .int { /*background:url(../images/pic-int.png) no-repeat 0 1px;*/ padding-left: 22px; color: #666; font-size: 14px; } .query-content h3.post-title .int em { color: #f60; font-size: 16px; font-weight: 700; } .query-content .authors { color: #666; } .query-num { float: left; line-height: 1.6; padding-right: 5px; } .result-list .sidebar, .about-list .sidebar { margin: 0; } /*IONRANGE SLIDER*/ .irs { position: relative; display: block; height: 40px; } .irs-line { position: relative; display: block; overflow: hidden; height: 10px; top: 26px; background: #e6e6e6; -webkit-border-radius: 5px; border-radius: 5px; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; height: 10px; } .irs-line-left { left: 0; width: 10%; } .irs-line-mid { left: 10%; width: 10%; } .irs-line-right { right: 0; width: 10%; } .irs-diapason { position: absolute; display: block; left: 0; width: 100%; height: 10px; top: 26px; background: #d9d9d9; } .irs-slider { position: absolute; display: block; left: 0; width: 18px; height: 18px; top: 22px; -webkit-border-radius: 50%; border-radius: 50%; background: #2954a2; cursor: pointer; } .irs-slider.single { left: 10px; } .irs-slider.single:before { content: ""; position: absolute; display: block; top: -30%; left: -30%; width: 160%; height: 160%; } .irs-slider.from { left: 100px; } .irs-slider.from:before { content: ""; position: absolute; display: block; top: -30%; left: 0; width: 200%; height: 170%; } .irs-slider.to { left: 300px; } .irs-slider.to:before { content: ""; position: absolute; display: block; top: -30%; right: 0; width: 200%; height: 170%; } .irs-slider.last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; color: #b3b3b3; font-size: 10px; line-height: 1.333; top: 4px; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 2px; left: 0; cursor: default; white-space: nowrap; color: #666; font-size: 13px; line-height: 1.333; font-weight: 600; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid { height: 60px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #b3b3b3; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; width: 100px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; color: #808080; } .irs-disable-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; cursor: default; background: #000; z-index: 2; } .irs-disabled { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } /*END IONRANGE SLIDER*/ .sidebar-widget.filter-list ul li, .sidebar-widget.fav-list ul li { padding: 5px 0; } .sidebar-widget.filter-list ul li > a, .sidebar-widget.fav-list ul li > a { display: block; transition: 0.2s; height: 30px; line-height: 30px; padding: 0 0 0 30px; position: relative; margin: 0; } .sidebar-widget.filter-list ul li.active > a, .sidebar-widget.fav-list ul li.active > a { z-index: 2; background: #fe9d68; color: #fff; } .sidebar-widget.filter-list ul li.active > a:before { content: ""; position: absolute; height: 22px; width: 22px; top: 4px; left: -12px; background: #fe9d68; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; } .sidebar-widget.fav-list ul li.active > a:before { content: ""; position: absolute; height: 22px; width: 22px; top: 4px; right: -12px; background: #fe9d68; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; } .detail-box .entry .data-date, .about-list .entry .data-date { float: left; color: #666; font-size: 12px; width: 38%; padding: 20px 0 0; } .detail-box .entry .data-date span, .about-list .entry .data-date span { font-style: italic; } .detail-box .entry .data-logo, .about-list .entry .data-logo { float: right; width: 500px; height: 76px; text-align: right; overflow: hidden; } .detail-box .entry .data-logo img, .about-list .entry .data-logo img { height: 72px; } .detail-box .main-content .query-content, .about-list .main-content .query-content { margin: 0; position: relative; } .detail-box .main-content .query-content h4.title { font-size: 18px; font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; } .detail-box .main-content .query-content h4.title:after { content: ""; background: #f1f8fb; border-bottom: 7px double #d0dfe8; display: block; margin: 6px auto 10px; } .detail-box .query-content h3.post-title { color: #333; font-size: 25px; font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; } .detail-box .details-info, .about-list .details-info { /*background:#e7ebf2;*/ margin: 5px; padding: 10px; font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; } .detail-box .details-info h3, .about-list .details-info h3 { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .detail-box .details-info p, .about-list .details-info p { font-size: 14px; margin-bottom: 5px; font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; } .detail-box .details-info .btn-more-comment { background: #e7ebf2; border: 1px solid #337ab7; border-radius: 4px; display: inline-block; font-size: 12px; padding: 0 6px; text-decoration: none; position: relative; margin-left: 12px; } .detail-box .details-info .btn-more-comment:before { /*background:url(../images/pic-comment-corner.png) no-repeat;*/ width: 15px; height: 8px; position: absolute; bottom: -7px; left: 3px; content: " "; } .detail-box #slider li, .about-list #slider li { text-align: center; } .detail-box #slider li img, .about-list #slider li img { width: auto; height: 500px; margin: auto; } .detail-box #slider li .flex-caption, .about-list #slider li .flex-caption { background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 14px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); left: 0; bottom: 0; padding: 5px 10px 10px; text-align: left; } .detail-box #slider li .flex-caption .btn-more-comment { border: 1px solid #fff; border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; padding: 0 6px; text-decoration: none; position: relative; margin-left: 12px; } .detail-box #slider li .flex-caption .btn-more-comment:before { /*background:url(../images/pic-comment-corner-white.png) no-repeat;*/ width: 15px; height: 8px; position: absolute; bottom: -7px; left: 3px; content: " "; } .detail-box #slider li .flex-caption a, .about-list #slider li .flex-caption a { color: #fff; text-decoration: none; } .detail-box .flexslider, .about-list .flexslider { margin: 15px auto 20px; padding: 10px; background: #fbfbfb; border: 1px solid #e5edff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); } .detail-box .flex-direction-nav, .about-list { margin: 0; padding: 0; list-style: none; } .detail-box .flex-direction-nav a { width: 50px; height: 49px; font-size: 0; } .about-list .flex-direction-nav a { width: 25px; height: 24px; } .detail-box .flex-direction-nav a:before, .about-list .flex-direction-nav a:before { font-size: 50px; line-height: 47px; } .about-list .flex-direction-nav a:before { font-size: 18px; line-height: 22px; } .detail-box .flex-direction-nav .flex-prev { left: -50px; } .detail-box .flex-direction-nav .flex-next { right: -50px; } .detail-box #carousel .flex-active-slide img, .about-list #carousel .flex-active-slide img { opacity: 1; cursor: default; } .about-list .flex-direction-nav a { top: 68px !important; } .about-list .flex-direction-nav .flex-prev { left: 0 !important; } .about-list .flex-direction-nav .flex-next { right: 0 !important; } .detail-box #carousel img, .about-list #carousel img { height: 120px; width: auto; margin: auto; display: block; opacity: 0.5; cursor: pointer; } .detail-box .comments-list { background: #f5f5f5; margin: 15px 0; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13); } .detail-box .comments-list li .author { float: left; width: 100px; text-align: center; } .detail-box .comments-list li .author .name { color: #333; display: inline; } .jd-item ul.children { font-weight: 700; } .detail-box .comments-list li .avatar, .jd-item ul.children .avatar { width: 50px; margin: 5px auto; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .detail-box .comments-list li .avatar img, .jd-item ul.children .avatar img { width: 100%; display: block; } .detail-box .comments-list li .text-box, .detail-box .comments-list li .rp-box { float: right; width: 930px; padding: 10px 0 0 20px; } .detail-box .comments-list li .rp-box { width: 780px; } .detail-box .comments-list li .text { color: #333; } .detail-box .comments-list li .text p { font-size: 14px; } .detail-box .comments-list li .text-box .reply-tail { text-align: right; margin-bottom: 20px; padding-right: 20px; } .detail-box .comments-list li .date, .jd-item ul.children li .date { color: #999; font-size: 12px; padding-right: 10px; } .detail-box .comments-list li .text-box .reply-content, .jd-item .reply-content { display: none; } .detail-box .comments-list li .text-box .reply-content .btn, .jd-item .reply-content .btn { margin-right: 0; } .detail-box .comments-list li .text-box .reply-btm { text-align: right; padding-right: 23px; } .detail-box .comments-list ul.children { margin: 0; } .detail-box .comments-list ul.children .author { width: 80px; } .detail-box .comments-list ul.children .avatar, .jd-item ul.children .avatar { width: 40px; border-width: 2px; } .detail-box .comments-list .comment { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; } .detail-box .comments-list ul.children .comment, .detail-box .comments-list .comment:last-child { border-bottom: none; } .detail-box .comments-list ul.children .comment-body { margin-bottom: 0; } .detail-box .comments-list li .author .reply a { line-height: 26px; height: 26px; } .reply-content .pagination { margin-left: -5px; } .reply-content .rp-top { background: #fbebca; margin-top: 5px; padding: 5px 15px; } .reply-content .rp-top .rp-close { float: right; text-decoration: none; color: #969696; float: right; font-size: 16px; } .reply-content .rp-top .rp-close:hover { color: #333; } #reply-modal .container, #reward-modal .container, #login-modal .container, #down-modal .container, #up-modal .container, #jc-modal .container, #transfer-modal .container { max-width: 750px; } #security-modal .container { max-width: 380px; } #delete-modal .container { max-width: 680px; } #share-modal .container, #reivew-modal .container, #analyst-modal .containter { max-width: 950px; } #security-modal .popup-content .login-page, #delete-modal .popup-content .login-page, #share-modal .popup-content .login-page, #review-modal .popup-content .login-page, #analyst-modal .popup-content .login-page { background: none; padding: 100px 0 0; } #delete-modal .popup-content .login-page { padding-top: 0; } #security-modal .login-page .login-form .input, #delete-modal .login-page .login-form .input { margin-bottom: 0; } #reply-modal .reply-page, #reward-modal .login-page, #login-modal .login-page, #down-modal .login-page, #up-modal .login-page, #jc-modal .login-page, #transfer-modal .login-page { padding: 100px 0 0; background: none; } .detail-box .sidebar { margin: 0; } .detail-box .sidebar .sidebar-widget { margin-top: 20px; box-shadow: none; position: relative; } .main-content .query { border: none; border-bottom: 1px solid #ddd; } .main-content .query .well { padding: 40px; background-color: #fff3e5; } .main-content .query .well h3 { font-size: 20px; color: #666; } .detail-box .nav-tabs-vertical .tabs { margin-top: 0px; float: left; width: 120px; position: absolute; left: 0px; border-bottom: 0px; padding: 0px; } #share-modal .table { font-size: 13px; margin-bottom: 5px; } #share-modal .form-horizontal [class^="col-"], #review-modal .form-horizontal [class^="col-"], #analyst-modal .form-horizontal [class^="col-"] { padding-left: 10px; padding-right: 10px; } #share-modal .pagination { margin: 5px 0 0; } #share-modal .pagination li a { font-weight: 400; width: auto; height: auto; line-height: 1.3; background-color: #fff; } #share-modal .pagination > li > a:focus, #share-modal .pagination > li > a:hover, #share-modal .pagination > li > span:focus, #share-modal .pagination > li > span:hover { color: #23527c; background-color: #eee; } #share-modal .pagination li.active a, #share-modal.pagination li.active a:hover { color: #fff; background-color: #337ab7; } .detail-box .sidebar .nav-tabs-vertical .tabs li { width: 100%; border-right: none; border-bottom: 1px solid #fff; } .detail-box .nav-tabs-vertical .tab-content { width: auto; margin-left: 82px; padding-top: 10px; position: relative; } .detail-box .nav-tabs-vertical .tab-content .line-side { position: absolute; top: 0; left: 0; width: 2px; height: 100%; } .detail-box .nav-tabs-vertical .tab-content .line-side.c01 { background: #dc0032; } .detail-box .nav-tabs-vertical .tab-content .line-side.c02 { background: #37b0c9; } .detail-box .nav-tabs-vertical .tab-content .line-side.c03 { background: #00c18c; } .detail-box .nav-tabs-vertical .tab-content .line-side.c04 { background: #ff9f19; } .detail-box .sidebar .sidebar-widget ul.tabs li, .profile .sidebar .sidebar-widget ul.tabs li { background: #eee; border: none; color: #666; font-size: 14px; width: auto; min-width: 82px; padding: 8px 20px; margin-right: 4px; margin-bottom: -1px; } .detail-box .sidebar .sidebar-widget ul.tabs li { border: none; background: #f0f0f0; color: #353a48; } .profile .sidebar .sidebar-widget ul.tabs li { min-width: 150px; font-size: 16px; } .profile .sidebar .sidebar-widget { box-shadow: none; } .profile .sidebar .sidebar-widget ul.tabs li.active { background: #fff; border: 1px solid #e0e0e0; border-bottom: none; color: #ff6e1f; } .profile .tab-content { border: 1px solid #e0e0e0; } .detail-box .sidebar .sidebar-widget ul.tabs li.active { background: #fff; border: 1px solid #e0e0e0; border-bottom: none; } .detail-box .tab-content { border: 1px solid #e0e0e0; } .detail-box h5.tj-title { font-size: 16px; font-weight: 700; margin: 10px 0; } .detail-box .tj-cont img { width: 100%; } .top-right-side li b { color: #ff6e1f; font-weight: normal; } .about-query { background: #fff; border-radius: 2px; border: 1px solid #dedede; margin-bottom: 20px; padding: 10px 15px; } .about-query .avatar, .sidebar-widget .avatar { border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } .about-query .avatar img, .sidebar-widget .avatar img { border-radius: 50%; width: 93px; height: 93px; display: block; } .about-query .about-content .tit, .about-query .about-content .tit-normal { padding: 0; position: relative; } .about-query .about-content .tit-normal { width: 500px; } .about-content .tit .name, .about-content .tit-normal .name, .sidebar-widget .name { font-size: 16px; font-weight: 700; margin: 5px 0 12px 0; overflow: hidden; } .about-content .tit .name span a, .about-content .tit-normal .name span a, .sidebar-widget .name span a { font-size: 12px; font-weight: 400; margin-left: 6px; } .about-query .study { font-size: 14px; padding: 10px 0 0; } .about-content .user-info { height: 35px; margin-left: -16px; overflow: hidden; } .about-content .user-info li { float: left; width: 56px; text-align: center; border-right-width: 1px; border-right-style: solid; } .about-content .user-info li:last-child { border: 0; } .about-content .user-info li a { background: none !important; padding: 0 !important; text-decoration: none; } .about-content .user-info li a.u-txt1:hover { color: #ff6e1f !important; } .about-content .u-line { border-color: #ddd; } .about-content .u-txt2 { display: block; font-size: 12px; color: #666; } h6.head-title { border-bottom: 1px solid #e8e9ec; font-size: 18px; font-weight: 600; line-height: 2; color: #2954a2; margin-bottom: 5px; padding: 0 10px 0; } h6.head-title .icon i { color: #a5a4bf; font-size: 15px; margin-right: 10px; } .journal-list, .gz-user-list { padding: 5px 10px; } .gz-user-list p { font-size: 14px; } .journal-img, .journal-item .journal-img { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 5px; } .journal-img img, .journal-item .journal-img img { border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .journal-item .journal-img img { margin-bottom: 0; } .journal-img:hover img, .journal-item .journal-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .journal-img .overlay, .about-query .avatar .overlay { border-radius: 4px; z-index: 9999; display: none; background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .about-query .avatar .overlay { border-radius: 50%; width: 92px; height: 92px; left: 18px; top: 3px; } .journal-img:hover .overlay { display: block; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about-query .avatar:hover .overlay { display: block; } .journal-img:hover .overlay div, .about-query .avatar:hover .overlay div { position: relative; text-align: center; top: 36%; } .about-query .avatar:hover .overlay div { top: 40%; } .journal-img:hover .overlay a, .about-query .avatar:hover .overlay a { color: #fff; /*top:45%;left:26%;position:relative;*/ margin: auto; text-decoration: none !important; display: block; } .journal-img:hover .overlay a:hover { opacity: 0.8; filter: alpha(opacity=80); } /*.journal-img .img-responsive.gray,.about-query .avatar img.gray{ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(1); filter:grayscale(100%); filter: grayscale(1); filter: gray; }*/ .query .read-more, .query .btn-accept { display: inline-block; background: #fe9d68; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 600; padding: 0 6px; margin-right: 8px; margin-bottom: 8px; height: 22px; line-height: 22px; } .about-query .read-more { color: #fe9d68; font-size: 13px; } .about-query .read-more:hover { text-decoration: underline; } .about-query .read-more-btn, .main-tabs > .user-chart-tabs .read-more-btn { background: #fe9d72; border-radius: 2px; color: #fff; font-size: 13px; padding: 2px 6px; } .query .read-more, .query .btn-accept { font-family: arial, "microsoft yahei"; margin: 2px 3px; } .query .btn-accept { font-weight: 400; height: auto; padding: 2px 6px; } .query .read-more:hover, .query .btn-accept:hover { background: #383c4b; color: #fff; text-decoration: none; } .about-query .date { background: #efefef; padding: 5px 6px; border-radius: 4px; font-size: 12px; color: #909090; margin-right: 10px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); } .about-query ul.rc li { height: 28px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .about-query ul.rc .u-name { color: #ff6e1f; padding-right: 5px; } .about-query ul.rc li:last-child { margin-bottom: 0; } .about-query ul.rc li a { background-image: none; padding: 0; display: inline; line-height: 1.2; } .btn-fav { font-weight: 400; font-size: 12px !important; color: #333; background-color: #fff; border-color: #ccc; text-decoration: none; padding: 0 5px; } .btn-fav:hover { background-color: #eee; border-color: #b8b8b8; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } .btn-fav.active .fa { color: #fe9d68; } .read-btn:focus, .read-btn:hover { color: #fff; text-decoration: none; } .btn-group-fav .dropdown-menu { min-width: 100px; margin-top: 5px; } .btn-group-fav .dropdown-menu:before { left: 20%; border-bottom-color: #ccc; } .btn-group-fav .dropdown-menu > li > a { padding: 5px 8px; font-size: 14px; text-align: center; } .btn-info, .btn-info:focus { background-color: #57b5e3 !important; border-color: #57b5e3; color: #fff !important; } .btn-info:hover, .open .btn-info.dropdown-toggle { background-color: #6abce2 !important; border-color: #6abce2; color: #fff !important; } .btn-darkorange, .btn-darkorange:focus { background-color: #ed4e2a !important; border-color: #ed4e2a; color: #fff !important; } .btn-darkorange:hover, .open .btn-darkorange.dropdown-toggle { background-color: #ef694b !important; border-color: #ef694b; color: #fff !important; } .cancel-btn { background: #d7d8db; color: #fff; } .photo { position: relative; width: 150px; height: 150px; margin-right: 30px; } .photo img { width: 100%; max-height: 150px; } .photo a { position: absolute; top: -8px; right: -8px; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: #565249; color: #fff; font-size: 18px; } .file-input-wrapper { overflow: hidden; position: relative; cursor: pointer; z-index: 1; } .file-input-wrapper input[type="file"], .file-input-wrapper input[type="file"]:focus, .file-input-wrapper input[type="file"]:hover { position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); z-index: 99; outline: 0; } .text-red { color: #d73d32; font-size: 14px; font-family: verdana; } .btn-save, .btn-cancel { padding: 3px 30px; font-size: 16px; height: auto; } .btn-save:focus, .btn-save:hover { color: #fff; background-color: #fe9d68; border-color: #fe9d68; } .btn-cancel { background: #d7d8db; color: #666; } .line { margin: 15px auto; border: none; border-top: 1px solid #d7d8db; } .journal-item .journal-img { width: 120px; float: left; margin-right: 15px; } .journal-item .item-info { float: left; width: 238px; overflow: hidden; padding-top: 10px; } .journal-item .item-info h5, .journal-item .item-info h6 { margin-bottom: 10px; font-size: 14px; } .journal-item .item-info p { margin-bottom: 10px; } .journal-item .item-info.detail { width: 640px !important; } .journal-item .item-info.detail dl { overflow: hidden; } .journal-item .item-info.detail dt { float: left; font-weight: 700; width: 70px; vertical-align: top; padding-top: 2px; } .journal-item .item-info.detail dd { float: left; line-height: 1.5; width: 570px; } .cur-status { background: #fe9d68; color: #fff; padding: 5px 22px 8px 10px; position: relative; } .cur-status:before { content: ""; position: absolute; height: 24px; width: 24px; top: 5px; right: -12px; background: #fe9d68; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; } .cur-status:hover { text-decoration: none; color: #fff; } .clients-slide-item p { font-size: 14px; text-align: center; margin-top: 8px; } .client { width: 80px; margin: auto; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } /* TIMELINE */ .img-text { border: 3px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0px 10px 5px 0px; -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1); } .timeline { float: left; width: 100%; position: relative; padding: 0px; margin: 0px 0px 20px; } .timeline:before { content: " "; position: absolute; width: 6px; background: #f5f5f5; height: 100%; left: 50%; margin-left: -3px; /*border: 1px solid rgba(0, 0, 0, 0.1);*/ } .timeline .timeline-item { width: 50%; float: left; position: relative; clear: both; margin-bottom: 20px; z-index: 2; } .timeline .timeline-item.timeline-main { height: 40px; width: 50%; } .timeline .timeline-item .timeline-date { padding: 10px; line-height: 20px; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; right: -50px; top: 0px; font-weight: 600; color: #fff; background: #2954a2; text-align: center; width: 100px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .timeline .timeline-item .timeline-date a { color: #fff; } .timeline .timeline-item .timeline-item-content { float: left; background: #f5f5f5; /*border: 1px solid #e4e9f4;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 90%; box-shadow: 0px 1px 2px 0px rgba(30, 45, 58, 0.12); } .timeline .timeline-item .timeline-item-content:before, .timeline .timeline-item .timeline-item-content:after { left: 90%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline .timeline-item .timeline-item-content:before { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 3px; margin-top: -3px; } .timeline .timeline-item .timeline-item-content:after { border-color: rgba(255, 255, 255, 0); border-left-color: #f5f5f5; border-width: 10px; margin-top: -7px; } .timeline .timeline-item .timeline-item-content .timeline-heading { width: 100%; float: left; padding: 10px; line-height: 30px; } .timeline .timeline-item .timeline-item-content .timeline-heading img { width: 30px; height: 30px; margin-right: 5px; border: 2px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .timeline .timeline-item .timeline-item-content .timeline-heading a { color: #33414e; } .timeline .timeline-item .timeline-item-content .timeline-heading a.user-name { color: #ff6e1f; } .timeline .timeline-item .timeline-item-content .timeline-heading .text-content { display: none; } .timeline .timeline-item .timeline-item-content .timeline-heading .state-btn { background: #6f85bf; color: #fff; position: relative; float: right; text-decoration: none; font-size: 12px; margin: 0; padding: 5px; border-radius: 2px; line-height: 1.5; } .timeline .timeline-item .timeline-item-content .timeline-body { width: 100%; float: left; padding: 10px; } .timeline .timeline-item .timeline-item-content .timeline-body.comments { padding: 0px; } .timeline .timeline-item .timeline-item-content .timeline-footer { width: 100%; float: left; padding: 5px 10px; line-height: 20px; background: #fff; } .timeline .timeline-item .timeline-item-content .timeline-footer a { color: #33414e; font-size: 12px; margin-right: 10px; text-decoration: none; } .timeline .timeline-item .timeline-item-content .timeline-footer a:hover { color: #29343f; } .timeline .timeline-item .timeline-item-content .timeline-footer .pull-right > a:last-child { margin-right: 0px; } .timeline .timeline-item .timeline-item-info { position: absolute; left: 110%; top: 10px; font-size: 12px; padding: 7px 15px; line-height: 20px; width: 110px; text-align: center; background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);*/ font-weight: 600; } .timeline .timeline-item .timeline-item-icon { position: absolute; right: -26px; width: 53px; height: 53px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 20px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); line-height: 34px; text-align: center; border: 3px solid #fff; background: #f5f5f5; color: #bbb; } .timeline .timeline-item .timeline-item-icon img { width: 48px; height: 48px; border: 2px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .timeline .timeline-item:last-child { margin-bottom: 0px; } .timeline .timeline-item.timeline-item-right { float: right; } .timeline .timeline-item.timeline-item-right .timeline-item-info { left: auto; right: 110%; } .timeline .timeline-item.timeline-item-right .timeline-item-info:before { right: auto; left: 100%; } .timeline .timeline-item.timeline-item-right .timeline-item-content { float: right; } .timeline .timeline-item.timeline-item-right .timeline-item-content:before, .timeline .timeline-item.timeline-item-right .timeline-item-content:after { left: auto; right: 90%; border-right-color: #f5f5f5; border-left-color: transparent; } .timeline .timeline-item.timeline-item-right .timeline-item-icon { right: auto; left: -25px; } .timeline.timeline-right:before { left: 160px; } .timeline.timeline-right .timeline-item { width: 100%; padding-left: 210px; } .timeline.timeline-right .timeline-item.timeline-main { width: 160px; padding-left: 0px; } .timeline.timeline-right .timeline-item .timeline-item-content { width: 100%; } .timeline.timeline-right .timeline-item .timeline-item-content:before, .timeline.timeline-right .timeline-item .timeline-item-content:after { right: auto; left: 190px; } .timeline.timeline-right .timeline-item .timeline-item-content:before { border-width: 0px; } .timeline.timeline-right .timeline-item .timeline-item-info { left: 0px; right: auto; top: 10px; } .timeline.timeline-right .timeline-item .timeline-item-icon { left: 133px; } .timeline .timeline-item .timeline-item-content.today { border: 1px dashed #ccc; } .timeline .timeline-item .timeline-item-content.today .btn-default { background: #eee; padding: 4px 12px; height: auto; line-height: 1; margin: 0 3px; } .timeline .timeline-item .timeline-item-content.today i.fa { font-size: 16px; } .timeline .timeline-item .via { float: right; line-height: 1; color: #999; margin-top: 5px; } .timeline .timeline-item .w200 { width: 250px; display: inline-block; vertical-align: top; } .about-list .entry { position: relative; } .about-list .entry .group-item { position: absolute; top: 10px; right: 10px; } .about-list .entry .group-item .btn-default, .about-list .entry .group-sort .btn-default, .detail-box .entry .group-sort .btn-default { color: #666; background: #eee; margin-right: 0; } .detail-box .entry .group-sort .btn-default { font-size: 12px; padding: 0 6px; } .detail-box .entry .group-sort { position: absolute; top: -26px; right: -20px; } .about-list .entry .group-item i.fa { font-size: 18px; } .border-orange { border-top: 2px solid #f60 !important; padding: 4px 12px; height: auto; line-height: 1; } .about-list #slider { display: none; } .table.myint td { font-size: 12px; vertical-align: middle; } .table.myint .btn { display: inline-block; padding: 4px 8px; margin: 0; font-size: 11px; font-weight: normal; line-height: 1.328; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; height: auto; } .table.myint .btn-primary { color: #fff; background-color: #5c90d2; border-color: #3675c5; } .table.myint .btn-danger { color: #fff; background-color: #d26a5c; border-color: #c54736; } .table.myint .btn-primary:hover, .table.myint .btn-primary:focus, .table.myint .btn-primary.focus, .table.myint .btn-primary:active, .table.myint .btn-primary.active { color: #fff; background-color: #3c7ac9; border-color: #295995; } .table.myint .btn-primary:active, .table.myint .btn-primary.active { background-color: #2d62a5; border-color: #1e416d; } .table.myint .btn-danger:hover, .table.myint .btn-danger:focus, .table.myint .btn-danger.focus, .table.myint .btn-danger:active, .table.myint .btn-danger.active { color: #fff; background-color: #c9302c; border-color: #ac2925; } .table.myint .btn-danger:active, .table.myint .btn-danger.active { background-color: #a53c2d; border-color: #6d271e; } .btn-sm { font-size: 12px; padding: 4px 9px; line-height: 1.39; } .btn.btn-zan { background-color: #fff; border-color: #ccc; color: #333; } .btn.shiny { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; } .btn-sm.icon-only { height: 30px; padding: 3px 12px !important; } .btn.shiny, .btn-zan.shiny { /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);*/ background-image: -webkit-linear-gradient(top, #fff 0, #ededed 100%); background-image: -moz-linear-gradient(top, #fff 0, #ededed 100%); background-image: -o-linear-gradient(top, #fff 0, #ededed 100%); background-image: linear-gradient(to bottom, #fff 0, #ededed 100%); } .btn-zan:hover { text-decoration: none; } .btn-zan.active { color: #ff4d00; text-decoration: none; cursor: default; } .btn.shiny:hover { zoom: 1; filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; } .btn.icon-only > .fa { margin: 0; vertical-align: middle; text-align: center; padding: 0; font-size: 22px; line-height: 22px; } .btn-sm.icon-only > .fa { font-size: 20px; line-height: 21px; } .reward-page .input-group { margin-left: -50px; margin-top: -2px; width: 180px; } .down-page .input-group { width: 220px; } .reward-page .input-group-addon, .down-page .input-group-addon { background: transparent; border: none; } .down-page .input-group-addon { padding: 0 10px; } .down-page .input-group .form-control { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .jd-item { padding: 10px 0 5px; border-top: 1px solid #eee; position: relative; margin-left: 60px; margin-top: 20px; } .jd-item-author-info .avatar { width: 50px; margin: 0 20px 0 0; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } .jd-item-author-info .avatar img { width: 100%; display: block; } .jd-item-author-info h4 { margin: 3px 0 6px; } .jd-item-author-info p { color: #999; } .jd-item .jd-votebar { float: left; margin-left: -60px; width: 50px; text-align: center; overflow: hidden; } .jd-item .jd-votebar a { display: block; height: 50px; width: 50px; margin: auto; padding: 6px 0 !important; text-decoration: none; } .jd-item .jd-votebar a span { display: block; margin-top: 5px; } .jd-item .jd-votebar a.btn-info { font-size: 16px; font-weight: 400; line-height: 1.2; padding: 4px 0 !important; } .jd-item .jd-content { padding: 10px 0; } .jd-item .jd-content p { color: #666; font-size: 14px; line-height: 2; word-wrap: break-word; } .jd-item .jd-content .jd-piclist .img { display: inline-block; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); cursor: pointer; position: relative; overflow: hidden; margin-right: 15px; } .jd-item .jd-content .jd-piclist .img:before, .jd-item .jd-content .jd-piclist .img:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 1; } .jd-item .jd-content .jd-piclist .img:before { z-index: 2; background: rgba(0, 0, 0, 0); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .jd-item .jd-content .jd-piclist .img:hover:before { background: rgba(0, 0, 0, 0.3); } .jd-item .jd-content .jd-piclist .img img { height: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .jd-item .r-time { color: #999; padding-right: 20px; } .jd-item .reply-content { padding-left: 150px; } .jd-item ul.children .comment { padding: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; } .jd-item ul.children .comment:last-child { border-bottom: none; } .jd-item ul.children li .content { overflow: hidden; } .jd-item ul.children .author { float: left; text-align: center; width: 80px; } .jd-item ul.children .rp-box { float: right; padding: 10px 0 0 20px; width: 750px; } .jd-item ul.children .text p { font-size: 14px; } .jd-item ul.children .reply-btm { text-align: right; font-weight: 400; font-size: 12px; } .jd-btn-more { font-size: 14px; line-height: 1.7; text-decoration: none !important; vertical-align: middle; display: block; text-align: center; padding: 5px 10px; cursor: pointer; border-radius: 3px; background: #f8f8f9; background-color: #f1f1f2; background-image: -moz-linear-gradient(top, #f8f8f9, #e6e6e8); background-image: -ms-linear-gradient(top, #f8f8f9, #e6e6e8); background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#f8f8f9), to(#e6e6e8) ); background-image: -webkit-linear-gradient(top, #f8f8f9, #e6e6e8); background-image: -o-linear-gradient(top, #f8f8f9, #e6e6e8); background-image: linear-gradient(top, #f8f8f9, #e6e6e8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8', GradientType=0); text-shadow: 0 1px 0 #fff; border: 1px solid #bbb; color: #666 !important; box-shadow: 0 1px 0 #fff inset, 0 1px 0 rgba(0, 0, 0, 0.1); } .jd-btn-more:active { background: #ddd; box-shadow: none; } #toTop { background-color: #fe9d68; border-radius: 3px; color: #fff; position: fixed; height: 35px; width: 35px; right: 6px; bottom: 6px; text-align: center; text-transform: uppercase; padding-top: 7px; text-decoration: none; display: none; z-index: 1000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #toTop:before { font-family: "fontawesome"; content: "\f077"; } #toTop:hover { text-decoration: none; } .btn-jd { display: block; text-decoration: none !important; background-color: #383c4b; padding: 10px 15px; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold; } .btn-jd:hover, .btn-jd:active { color: #fff !important; background-color: #fe9d68; } .btn-jd:focus { color: #fff !important; } .side-nav, .detail-side-nav { width: 120px; max-height: 90%; overflow: auto; position: fixed; right: 20px; bottom: 20px; border: 1px solid #e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .side-nav li, .detail-side-nav li { position: relative; line-height: 2; } .side-nav li a, .detail-side-nav li a { background: #fff; padding: 10px; font-size: 12px; color: #333; line-height: 20px; border-bottom: 1px solid #e5e5e5; text-decoration: none; display: block; } .side-nav li a.active, .side-nav li a.active:hover { background: #383c4b; color: #fff; } .side-nav li a:hover, .detail-side-nav a:hover { background: #f5f5f5; } .side-nav li:first-child a, .detail-side-nav li:first-child a { border-radius: 3px 3px 0 0; } .side-nav li:last-child a, .detail-side-nav li:last-child a { border-bottom: none; } .detail-side-nav { width: 100px; right: 20px; top: 25%; height: auto; overflow: initial; box-shadow: none; border: none; } .detail-side-nav li { border: 1px solid #e5e5e5; margin-top: -1px; } .detail-side-nav li:last-child { border-radius: 0 0 3px 3px; -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .detail-side-nav li a { border-bottom: none; } .detail-side-nav li ul.sub-item { border-radius: 2px; position: absolute; left: -80px; top: 0; width: 80px; opacity: 0; filter: alpha(opacity=0); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .detail-side-nav li:hover ul.sub-item { opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .detail-side-nav li ul.sub-item a { padding: 6px 10px; } .detail-side-nav li:last-child ul.sub-item li a { border-bottom: 1px solid #e5e5e5; } .detail-side-nav li ul.sub-item a.active i { color: #fe9d68; } #left-side-navwrap { position: fixed; top: 25%; bottom: 0; left: 2%; width: 120px; height: auto; margin: auto; font-family: "Source Sans Pro", sans-serif; } #left-nav ul { width: 101px; position: absolute; right: 0; opacity: 0; filter: alpha(opacity=0); transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } #left-nav a { color: #333; display: block; padding: 5px; background: #fff; border: 1px solid #e5e5e5; margin: 0 0 -1px; } #left-nav a:hover { background: #f5f5f5; } #left-nav .active > a { color: #31708f; font-weight: 500; background-color: #d9edf7; border: 1px solid #bce8f1; } #left-side-navwrap ul li { position: relative; } #left-nav li:hover > ul { right: -100px; top: 0; opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } #left-nav li:hover > a { cursor: pointer; } #left-accordion { /* position:fixed; top: 25%; bottom:0; left:2%; width: 120px; height:auto; margin:auto; */ text-align: left; font-family: "Source Sans Pro", sans-serif; position: absolute; left: -110px; } #left-accordion > div { position: fixed; top: 25%; width: 120px; height: auto; margin: auto; } #left-accordion ul { padding: 0; margin: 0; list-style: none; background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } #left-accordion ul ul { background: #f0f1f5; border: none; padding: 0; } #left-accordion .top > a, #left-accordion .top > div { padding: 10px 0 10px 10px; } #left-accordion li li > a, #left-accordion li li > div { padding-left: 18px; padding-top: 8px; padding-bottom: 8px; } #left-accordion li li li > a, #left-accordion li li li > div { padding-left: 36px; } #left-accordion li li li li > a, #left-accordion li li li li > div { padding-left: 54px; } #left-accordion li > div { font-weight: 500; color: #999; } #left-accordion .active > div { color: #fff; background: #129bf8; } #left-accordion li > div:hover { color: #fff; background: #129bf8; } #left-accordion li { font-size: 13px; padding: 0; margin: 0; overflow: hidden; cursor: pointer; } #left-accordion .top { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #left-accordion a { color: #999; font-weight: normal; font-size: 13px; text-decoration: none; display: block; transition: all 0.3s; } #left-accordion a:hover { color: #bbb; } #left-accordion a.active { color: #fff; background-color: #2e75a5; } #left-accordion .caret { color: inherit; display: inline-block; margin-bottom: 0px; margin-right: 10px; width: 0; height: 0; overflow: hidden; /*for IE6*/ border-style: solid; border-width: 6px; position: relative; float: right; top: 3px; border-bottom: 6px solid transparent; border-right: none; border-left-color: initial; border-top-color: transparent; transition: all 0.3s; } #left-accordion div.caret.active { margin-bottom: 3px; margin-right: 10px; transform: rotate(90deg); } #left-accordion li { -ms-user-select: none; -mos-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; margin-top: -1px; } .label-blueberry { background-color: #6f85bf; } .label-magenta { background-color: #bc5679; } .label-maroon { background-color: #981b48; } .label-darkpink { background-color: #cc324b; } .form-control.error, .form-control.error:focus { border-color: #ec314b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(226, 133, 133, 0.6); } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 33px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 30px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { font-size: 13px; font-family: "Source Sans Pro", sans-serif; padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 30px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #ccc; border-radius: 4px; cursor: text; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #2954a2; border: 1px solid #2954a2; border-radius: 4px; color: #fff; cursor: default; font-size: 13px; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #ccc; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #2954a2; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f6f6f6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .main-content .query.query-box { margin-left: 70px; position: relative; } .main-content .query-box .entry-numb { background: #f1505b; color: #fff; padding: 10px 15px; position: absolute; left: -70px; top: 0; text-align: center; } .main-content .query-box .entry-numb .post-day { font-family: "Noto Sans"; font-size: 26px; font-weight: 700; margin-bottom: 6px; } .main-content .query-box .entry-numb .post-month { font-size: 14px; } .main-content .query-box .jd-item { margin-left: 0; } .main-content .query-box .jd-item .jd-content { padding: 0; margin-bottom: 15px; } .warning-color { color: #f4b400; } /* BOOTSTRAP DATEPICKER */ div.datepicker { padding: 4px; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } div.datepicker > div { display: none; } div.datepicker table { width: 100%; margin: 0; } div.datepicker td, div.datepicker th { text-align: center; width: 20px; height: 20px; } div.datepicker td.day:hover { background: #f5f5f5; cursor: pointer; } div.datepicker td.day.disabled { color: #ccc; } div.datepicker td.old, div.datepicker td.new { color: #999; } div.datepicker td.day { padding: 2px; } div.datepicker td.active, div.datepicker td.active:hover { background: #33414e; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.datepicker td span { display: block; width: 31%; height: 34px; line-height: 34px; float: left; margin: 2px; cursor: pointer; } div.datepicker td span:hover { background: #f5f5f5; } div.datepicker td span.active { background: #33414e; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.datepicker td span.old { color: #999; } div.datepicker th.switch { width: 145px; } div.datepicker th.next, div.datepicker th.prev { font-size: 12px; } div.datepicker thead tr:first-child th { cursor: pointer; padding: 8px 0px; } div.datepicker thead tr:first-child th:hover { background: #f5f5f5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .datepicker.dropdown-menu:after, .datepicker.dropdown-menu:before { left: 16px; } .datepicker.datepicker-orient-left.dropdown-menu:after, .datepicker.datepicker-orient-left.dropdown-menu:before { left: auto; right: 16px; border: none; } /* EOF BOOTSTRAP DATEPICKER */ /* END TIMELINE */ /*note edit*/ .note-editor { border: 1px solid #d5d5d5; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #87cefa; background-color: #fff; border: 2px dashed #87cefa; opacity: 0.95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #2dc3e8; border: 2px dashed #2dc3e8; } .note-editor.dragover .note-dropzone { display: table; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; } .note-editor.fullscreen .note-editable { background-color: #fff; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor .note-codable { display: none !important; } .note-editor .note-editable { padding: 10px; } .note-editor .note-toolbar { padding-bottom: 5px; padding-left: 5px; margin: 0; background-color: #fbfbfb; border-bottom: 1px solid #d5d5d5; } .note-editor .note-toolbar > .btn-group { margin-top: 5px; margin-right: 5px; margin-left: 0; } .note-editor .note-toolbar .btn-default { color: #333; background-color: #fff; border-color: #ccc; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); } .note-editor .note-toolbar .btn-default:active, .note-editor .note-toolbar .btn-default:focus, .note-editor .note-toolbar .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .note-editor .note-toolbar > .input-group { float: none; } .note-editor .note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; /*background:url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat*/ } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; /*background:url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat*/ } .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote { margin: 0; } .note-editor .note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px; } .note-editor .note-toolbar .note-color .dropdown-menu { min-width: 290px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 5px; font-size: 12px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-editor .note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-editor .note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 5px; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: s-resize; border-top: 1px solid #d5d5d5; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #d5d5d5; } .note-editor .note-popover .popover { max-width: none; } .note-editor .note-popover .popover .popover-content { padding: 5px; } .note-editor .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-editor .note-popover .popover .popover-content .btn-group + .btn-group { margin-left: 5px; } .note-editor .note-popover .popover .arrow { left: 20px; } .note-editor .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid #000; } .note-editor .note-handle .note-control-selection > div { position: absolute; } .note-editor .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: #000; -webkit-opacity: 0.3; -khtml-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-editor .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid #000; } .note-editor .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid #000; } .note-editor .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: #fff; border: 1px solid #000; } .note-editor .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-editor .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-editor .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-editor .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-editor .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: #fff; background-color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } .note-editor .note-dialog > div { display: none; } .note-editor .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: #d3d3d3; text-align: center; border: 4px dashed #d3d3d3; } .note-editor .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222 !important; border: 0; -webkit-opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-editor .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-editor .note-dialog .note-help-dialog a { font-size: 12px; color: #fff; } .note-editor .note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: #fff; border-bottom: #fff 1px solid; } .note-editor .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer; } .note-editor .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-editor .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-editor .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left; } .note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right; } .note-editor .note-editable { padding: 10px; overflow: auto; outline: 0; background-color: #fff; } .note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor .note-codable { display: none !important; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-editor .dropdown-menu { min-width: 90px; } .note-editor .dropdown-menu.right { right: 0; left: auto; } .note-editor .dropdown-menu.right::before { right: 9px; left: auto !important; } .note-editor .dropdown-menu.right::after { right: 10px; left: auto !important; } .note-editor .dropdown-menu li a i { color: #2dc3e8; visibility: hidden; } .note-editor .dropdown-menu li a.checked i { visibility: visible; } .note-editor .note-fontsize-10 { font-size: 10px; } .note-editor .note-color-palette { line-height: 1; } .note-editor .note-color-palette div .note-color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; } .note-editor .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-editor .btn { margin-right: 0; } .padding-none { padding: 0 !important; } .sidebar.news .sidebar-widget.cats ul li { padding-bottom: 5px; } .sidebar.news .sidebar-widget.cats ul li .ln-tr { font-size: 14px; color: #666; } .litbox { margin-bottom: 20px; } .litbox .img { height: 80px; padding: 5px; line-height: 68px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 10px; display: block; text-align: center; } .litbox .img img { max-width: 100%; max-height: 100%; } .litbox .title { text-align: center; display: block; color: #fe9d68; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sample { min-height: 466px; } .sample .query { background: #fff; border-radius: 2px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); border: 1px solid #dedede; margin-bottom: 20px; padding: 18px; } .sample .query a, .sample .table a.del { background: #f60; border-radius: 3px; color: #fff; font-size: 13px; font-weight: 600; padding: 6px 10px; margin-left: 10px; text-decoration: none; } .sample .query a:hover, .sample .table a.del:hover { background: #383c4b; color: #fff; } .sample .table a.del { background-color: #fe9d68; padding: 2px 4px; } .sample .sidebar-widget-title { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #2954a2; color: #fe9d68; } .sample label { font-family: "Source Sans Pro", arial, sans-serif; font-size: 15px; font-weight: 600; margin-bottom: 5px; } .sample label.main-title { color: #0d47a1; font-size: 16px; font-weight: 700; } .sample label.main-title input[type="radio"] { margin-top: 6px; } .sample label em, .sample fieldset legend em, .required-symb { color: #ec5e26; margin-right: 5px; font-family: sans-serif; } .sample .type-title { background: #2954a2; color: #fff; font-size: 17px; font-weight: 600; display: inline-block; padding: 5px 20px; border-radius: 0 50px 50px 0; position: relative; margin: 5px 0 10px -20px; } .sample .form-group:before, .sample .form-group:after { clear: both; display: table; content: " "; } .sample .hr { border-bottom: 1px dotted #ddd; padding-bottom: 10px; padding-top: 6px; } .sample .last [class^="col-"], .sample .last [class*=" col-"] { margin-bottom: 10px; } .sample .btn { height: auto; line-height: normal; padding: 10px 20px; font-size: 15px; } .sample .btn.btn-upload { padding: 10px 15px !important; border-radius: 0 4px 4px 0; } .sample fieldset { padding: 5px 15px; border: 1px solid #ddd; margin: 15px 0; position: relative; } .sample fieldset legend { display: block; width: auto; padding: 0 10px; } .sample fieldset .form-control.fxs { display: inline-block; width: auto; margin-right: 10px; margin-bottom: 6px; } .sample fieldset h5 { padding: 10px; background: #eaeef6; font-size: 18px; margin-bottom: 15px; border-radius: 4px; } .sample .form-control-static { font-size: 14px; } .sample .form-control-static.col { color: #2954a2; } .i-circled, .i-bordered { display: inline-block; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; width: 52px !important; height: 52px !important; } .i-circled { border-radius: 50%; } .i-bordered { border: 1px solid #cacaca; line-height: 50px !important; background-color: #cacaca !important; color: #666; text-shadow: none; } .divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } .process-steps { margin: 0 0 40px; list-style: none; } .process-steps li { float: left; position: relative; width: 25%; text-align: center; overflow: hidden; } .process-steps.process-5 li { width: 20%; } .process-steps li .i-circled { margin-bottom: 0 !important; } .process-steps li .i-bordered { background-color: #fff; } .process-steps li h5 { margin: 15px 0 0 0; font-size: 16px; font-weight: 300; color: #666; } .process-steps li.active h5 { font-weight: 600; color: #2954a2; } .process-steps li a { text-decoration: none; } .process-steps li.active a, .process-steps li a:hover { background-color: #2954a2 !important; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-color: #2954a2 !important; } .process-steps li.done a, .process-steps li.done a:hover { background-color: #a2bcec !important; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-color: #a2bcec !important; } .process-steps li:before, .process-steps li:after { content: ""; position: absolute; top: 30px; left: 0; margin-left: -26px; width: 50%; border-top: 2px solid #ddd; } .process-steps li.done:before, .process-steps li.done:after { border-color: #a2bcec; } .process-steps li.active:before, .process-steps li.active:after { border-color: #2954a2; } .process-steps li:after { left: auto; right: 0; margin: 0 -26px 0 0; } .process-steps li:first-child:before, .process-steps li:last-child:after { display: none; } .table > tbody > tr > td.primary { background: #2954a2; color: #fff; font-size: 14px; font-weight: 700; } .sr-content.ha-list-box { padding: 0; } .sr-content.ha-list-box > ul > li { border-bottom-color: #f1f1f3; padding: 4px 5px 5px; } @media (max-width: 768px) { .top-links, .top-right-side, .post .entry .share-post .symbol_data > dt { float: none; display: block; } .breadcrumb { padding-left: 0; padding-right: 0; } .breadcrumb li:last-child { margin-right: 0; padding-right: 0; } .post .entry .share-post .symbol_data > dd { margin: 0; } .post .entry .share-post .symbol_data > dt { padding-left: 0; } .detail-box .sidebar .sidebar-widget ul.tabs li { padding: 8px 12px; } .result-list .sidebar.news { margin-top: 30px; } .sample .query a.add-sample { display: inline-block; margin-left: 0; } .sample .query { text-align: center; } .sample .entry .alert { margin: -20px -20px 20px; padding-left: 10px; padding-right: 10px; } .process-steps li h5 { font-size: 12px; font-weight: normal; } .process-steps li .i-bordered { width: 32px !important; height: 32px !important; line-height: 30px !important; font-size: 20px; } .process-steps li:before { top: 19px; margin-left: -16px; } .process-steps li:after { top: 19px; margin-right: -16px; } } .page-title { font-size: 24px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .detail-box .tabs-1 .tab-content { border: 0px; } .tabs-1 .nav { margin-bottom: 15px; text-align: center; } .tabs-1 .nav > li { display: inline-block; } .tabs-1 .nav > li + li { margin-left: 10px; } .tabs-1 .nav > li > a { background-color: #eee; border: 1px solid #ddd; color: #666; padding: 7px 20px; border-radius: 4px; transition: all 0.2s; } .tabs-1 .nav > li.active > a, .tabs-1 .nav > li > a:hover { border-color: #f60; background-color: #f60; color: #fff; } .dataTables_scroll table > thead > tr > th.sorting_disabled { padding-right: 5px; } .dataTables_scroll table > thead > tr > th { white-space: nowrap; } .margin-bottom-0 { margin-bottom: 0px !important; } .archive-box { margin-bottom: 15px; } .archive-box hr, .archive-box-show hr { margin-top: 10px; margin-bottom: 10px; border-color: #e6e6e6; } .archive-box .heading { font-size: 18px; font-weight: bold; border-bottom: 2px solid #2954a2; padding-bottom: 5px; color: #fe9d68; margin-bottom: 10px; } .archive-box .heading a { color: #fe9d68; } .archive-box .heading a.collapsed span:after { content: "\f105"; font: normal normal normal 20px/1 FontAwesome; } .archive-box .heading a span:after { content: "\f107"; font: normal normal normal 20px/1 FontAwesome; } .archive-box .heading a span { color: #fe9d81; padding-left: 25px; } .archive-box .content { /*background-color: #f5f5f5;*/ padding: 10px 20px 1px; } .archive-box .form-group-sm { margin-bottom: 10px; } .archive-box .form-group-sm .control-label { font-size: 14px; padding-right: 0px; padding-top: 4px; } .archive-box .control-label input[type="radio"] { float: left; margin-top: 3px; } .archive-box-show { /*background-color: #f0f0f0;*/ margin-bottom: 15px; font-size: 12px; font-family: "Courier New"; font-size: 14px; } .archive-box-show .heading { font-size: 16px; padding: 5px 10px; border-bottom: 2px solid #ddd; } .archive-box-show .content { padding: 0 15px; } .archive-box-show .form-group-sm { margin-bottom: 0; } .archive-box-show .wb { word-wrap: break-word; word-break: break-all; } .archive-items { margin-bottom: 10px; padding: 5px 15px; position: relative; } .archive-items .heading, .archive-items-content dt.heading { border: none; color: #2954a2; font-size: 16px; font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; position: relative; } .archive-items .heading:after, .archive-items-content dt.heading:after { content: ""; background: #fe9d68; width: 2%; height: 3px; display: block; margin: 5px 0 0; } .archive-items-content dt.heading:after { width: 25px; } .archive-items-content { padding: 5px 10px; background: #f1f5f9; border-radius: 4px; } .archive-items-content dt.heading { text-align: left; padding: 0 0 0 50px; margin: 10px 0 0 0; } .archive-items-content dl { font-size: 15px; margin: 5px 0; } .archive-items-content dl:after { content: ""; display: table; clear: both; } .archive-items-content dt { color: #2a53a2; float: left; width: 150px; margin: 0; padding: 4px 0 4px 10px; text-align: right; font-weight: 600; } .archive-items-content dd { padding: 4px 50px 4px 10px; margin: 0 0 0 180px; text-align: justify; } .archive-items-content .table { font-size: 13px; margin: 0 0 5px; } .archive-items-content .table caption { color: #2a53a2; font-size: 16px; margin-bottom: 5px; padding: 0 0 0 5px; } .query-content .shr { border-bottom: 1px dotted #f0f0f0; margin: -15px -20px 10px; font-size: 0; } .charts-select { text-align: center; margin-bottom: 10px; } .charts-select .btn { box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .charts-select .btn-default { color: #666; background-color: #e5e5e5; border-color: #ddd; } .archive-box a.label { display: block; } .archive-box a.label-default { background-color: #aaa; } .archive-box a.label-default:hover, .archive-box a.label-default:focus { background-color: #0d47a1; } .archive-box .caret, h4.title .caret, .symbol_data .caret, .panel .caret { margin-left: 0px; transform: rotate(180deg); transition: all 0.5s; } .archive-box a.collapsed .caret, h4.title a.collapsed .caret, .symbol_data a.collapsed .caret, .panel a.collapsed .caret { transform: rotate(0deg); } .archive-box [class*="col-"] { padding-left: 6px; padding-right: 6px; } .archive-box .form-horizontal [class*="col-"] { padding-left: 15px; padding-right: 15px; } .query.detail { border-bottom: 0; margin-bottom: 0; padding: 0; } .query.detail .query-content h3.post-title { padding-right: 0px; font-size: 18px; } .query.detail hr { margin: 10px 0 15px; } .query.detail .details-info p { font-size: 14px; line-height: 1.8; margin-bottom: 10px; } .query.detail .details-info p img { width: auto; max-width: 100%; } .text-center { text-align: center !important; } .task-container { position: relative; padding: 0; } .task-container .task-search { padding: 15px 16px 15px; background-color: #f3f3f3; border-bottom: 1px solid #eee; } .task-container .task-search input { border-color: #e5e5e5 !important; -webkit-border-radius: 3px !important; -webkit-background-clip: padding-box !important; -moz-border-radius: 3px !important; -moz-background-clip: padding !important; border-radius: 3px !important; background-clip: padding-box !important; } .task-container .tasks-list { list-style: none; padding: 0; } .task-container .tasks-list .task-item { position: relative; border-bottom: 1px solid #e5e5e5; padding-top: 5px; padding-bottom: 4px; } .task-container .tasks-list .task-item a { font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .task-container .tasks-list .task-item a:hover { text-decoration: none; } .task-container .tasks-list .task-item:before, .task-container .tasks-list .task-item:after { display: table; content: ""; clear: both; } .task-container .tasks-list .task-item:last-child { border-bottom: 0; padding-bottom: 0; } .task-container .tasks-list .task-item .task-check { position: absolute; top: 20px; left: 15px; margin-right: 5px; } .task-container .tasks-list .task-item .task-state { position: relative; } .task-container .tasks-list .task-item .task-state .label { display: block; padding: 3px 10px 3px 6px; text-align: right; margin-bottom: 2px; } .task-container .tasks-list .task-item .task-time { position: absolute; top: 20px; right: 20px; font-size: 11px; color: #999; } .label-palegreen, .badge-palegreen { background-color: #a0d468; background-image: none !important; } .margin-bottom-20 { margin-bottom: 20px; } .chart-box { position: relative; } .chart-box .charts-select { position: absolute; top: 0; right: 0; z-index: 10; } .head-1 { font-size: 18px; font-weight: bold; color: #f89966; text-shadow: 0 1px 0px #fff; font-family: "Microsoft Yahei"; font-weight: 500; } .head-2 { color: #666; font-size: 20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px; } .other-action { margin-top: 10px; } .other-action [class^="col-"] { padding-left: 10px; padding-right: 10px; } .other-action a { position: relative; } .other-action a span { position: absolute; right: -8px; top: -10px; font-size: 12px; font-weight: 700; padding: 2px 5px; border-radius: 10px; background-color: #f55; color: #fff; line-height: 1; border: 2px solid #fff; } .ub-1 .avatar-info { float: left; width: 180px; margin-right: 20px; margin-top: 10px; } .ub-1 .avatar-info .img, .ub-1 .about-content .tit .img { margin: 0 auto 10px; width: 100px; height: 100px; display: block; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); overflow: hidden; } .ub-1 .avatar-info img, .ub-1 .about-content .tit .img img { width: 100%; height: 100%; } .ub-1 .avatar-info a.btn, .other-action a.btn { text-align: left; font-weight: normal; line-height: 20px; } .other-action a.btn { text-align: center; } .ub-1 .avatar-info a.btn-default, .other-action a.btn-default { color: #333; background-color: #f0f0f0; border-color: #ccc; } .ub-1 .avatar-info a.btn span, .my-action .dropdown-menu a span { font-size: 12px; padding: 2px 5px; border-radius: 10px; background-color: #f55; float: right; color: #fff; line-height: 1; margin-top: 2px; } .ub-1 .avatar-info + .about-content { width: calc(100% - 200px); float: left; } /*.ub-1 .about-content .tit .img{width:50px;height:50px;position: absolute;right:5px; top:0;}*/ .ub-1 .about-content .tit .img { width: 32px; height: 32px; position: absolute; left: -1px; top: -5px; } .ub-1 .about-content .tit .my-action { position: absolute; right: -3px; top: 0; } .ub-1 .about-content .tit .my-action .dropdown-menu { font-size: 13px; padding: 5px 10px; min-width: 210px; } .ub-1 .about-content .tit .name { font-size: 20px; line-height: 1; margin-bottom: 10px; padding-left: 40px; } .ub-2 > li:not(:last-child) { border-bottom: 1px dashed #ddd; } .ub-2 > li:not(:first-child) { padding-top: 15px; } .ub-2 .ub-box { display: block; width: 235px; border-radius: 3px; float: left; margin-right: 20px; position: relative; margin-bottom: 15px; } .ub-2 .ub-box .name { display: block; font-size: 22px; color: #fff; /*background-color: #6e8bcc;*/ background-color: #00a8ff; padding: 15px 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 32px; } .ub-2 .ub-box .name i { width: 60px; height: 60px; line-height: 55px; border-radius: 50%; background-color: #fff; border: 2px solid #0091dd; color: #0091dd; font-size: 26px; margin-right: 15px; text-align: center; float: left; } .ub-2 .ub-box .name small { display: block; font-size: 14px; margin-top: 9px; line-height: 1; } .ub-2 .ub-box .more { display: block; text-align: center; background-color: #ddd; padding: 5px 0 6px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #666; } .ub-2 .ub-box > ul { border: 1px solid #ddd; border-top: 0; } .ub-2 .ub-box > ul > li { float: left; width: 50%; display: block; color: #999; text-align: center; font-size: 16px; padding-top: 20px; padding-bottom: 10px; background-color: #f0f0f0; } .ub-2 .ub-box > ul > li:not(:first-child) { border-left: 1px solid #ddd; } .ub-2 .ub-box > ul > li i, .ub-2 .ub-box > ul > li span { display: block; text-align: center; } .ub-2 .ub-box > ul > li i { font-style: normal; width: 100%; line-height: 1; margin: 0 auto; font-size: 36px; color: #0091dd; } .about-query .ub-1 .about-content .tit h5, .about-query .ub-1 .about-content .tit p:not(:last-child) { margin-bottom: 4px; } .ub-2 .ub-content { float: left; width: calc(100% - 255px); } .ub-2 .ub-content .row { margin-left: -8px; margin-right: -8px; } .ub-2 .ub-content .row > [class^="col-"] { padding-left: 8px; padding-right: 8px; } .ub-2 .label { padding-bottom: 0.2em; margin-right: 6px; } .about-query ul.ub-list-1 li a { background-position: left 11px; } .about-query ul.ub-list-1 li a:hover { background-position: 3px 11px; } .about-query ul.ub-list-1 li a small { font-size: 12px; color: #999; } .about-query ul.ub-list-1 li a small i.fa ~ i.fa { margin-left: 10px; } .ub-3 { display: block; margin-bottom: 15px; } .ub-3 .title { padding: 5px 8px; /* background-color: #eee; */ border: 1px solid #e5e5e5; border-bottom: 2px solid #6e8bcc; line-height: 16px; font-weight: bold; border-top-left-radius: 3px; border-top-right-radius: 3px; } .ub-3 .title small { font-size: 12px; font-weight: normal; color: #666; } .ub-3 .title span { font-size: 12px; float: right; margin-right: 0px; padding: 2px 4px; } .ub-3 .content { padding: 5px 8px; background-color: #f5f5f5; border: 1px solid #e5e5e5; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .post .entry .ub-3 .content { margin: 0; } .post .entry .ub-3 .content p { margin-bottom: 0px; font-size: 14px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .post .entry .ub-3 .content p.resd { white-space: normal; } .post .entry .ub-3 .content p.resd > span { display: inline-block; } .post .entry .ub-3 .content p span { margin-right: 10px; } .post .entry .ub-3 .content > span { font-size: 12px; color: #999; display: block; text-align: right; } .ub-4 { display: block; border-radius: 3px; /* background-color: #eee; */ position: relative; padding: 8px 10px; border-width: 2px 1px 1px 1px; border-style: solid; border-color: #00a8ff #ddd #ddd #ddd; /*border-color: #6e8bcc #ddd #ddd #ddd;*/ margin-bottom: 15px; } .ub-4 .title { font-weight: bold; } .ub-4 .title small { font-size: 12px; color: #666; font-weight: normal; } .ub-4 .date { font-size: 12px; color: #999; } .ub-4 span.label { padding: 2px 4px; position: absolute; right: 10px; top: 50%; margin-top: -8px; margin-right: 0; } .sb-1 { display: block; padding: 20px; background-color: #f60; border-radius: 8px; margin-bottom: 15px; } .sb-1 .date { float: left; font-size: 36px; color: #fff; line-height: 48px; } .sb-1 .content { float: right; } .sb-1 .content * { display: block; text-align: right; color: #fff; font-size: 16px; } .sb-1 .content span { font-size: 24px; font-weight: bold; } .ub-2 .color-red .ub-box .name { background-color: #f77; } .ub-2 .color-red .ub-box .name i { border-color: #fb5f5f; color: #f77; } .ub-2 .color-red .ub-box > ul > li i { color: #f77; } .color-red .ub-3 .title { border-bottom-color: #f77; } .color-red .ub-4 { border-top-color: #f77; } .ub-2 .color-yellow .ub-box .name { background-color: #f29824; } .ub-2 .color-yellow .ub-box .name i { border-color: #ea8e17; color: #ea8e17; } .ub-2 .color-yellow .ub-box > ul > li i { color: #f29824; } .color-yellow .ub-3 .title { border-bottom-color: #f29824; } .color-yellow .ub-4 { border-top-color: #f29824; } .ub-2 .color-purple .ub-box .name { background-color: #ac6bec; } .ub-2 .color-purple .ub-box .name i { border-color: #a04ff1; color: #a04ff1; } .ub-2 .color-purple .ub-box > ul > li i { color: #a04ff1; } .color-purple .ub-3 .title { border-bottom-color: #ac6bec; } .color-purple .ub-4 { border-top-color: #ac6bec; } .ub-2 .color-green .ub-box .name { background-color: #46c35f; } .ub-2 .color-green .ub-box .name i { border-color: #33b54d; color: #33b54d; } .ub-2 .color-green .ub-box > ul > li i { color: #46c35f; } .color-green .ub-3 .title { border-bottom-color: #46c35f; } .color-green .ub-4 { border-top-color: #46c35f; } .ub-2 .color-blue .ub-box .name { background-color: #569fca; } .ub-2 .color-blue .ub-box .name i { border-color: #4791bd; color: #569fca; } .ub-2 .color-blue .ub-box > ul > li i { color: #569fca; } .color-blue .ub-3 .title { border-bottom-color: #569fca; } .color-blue .ub-4 { border-top-color: #569fca; } .ub-2 .color-1 .ub-box .name { background-color: #00caa8; } .ub-2 .color-1 .ub-box .name i { border-color: #00b395; color: #00caa8; } .ub-2 .color-1 .ub-box > ul > li i { color: #00caa8; } .color-1 .ub-3 .title { border-bottom-color: #00caa8; } .color-1 .ub-4 { border-top-color: #00caa8; } .about-query.user { border: 0; /* border-bottom: 1px dashed #ddd; */ padding: 0; } /* .about-query.user > [class^="col-"]+[class^="col-"] { border-left: 1px dashed #ddd; } */ .sort-box { margin-bottom: 10px; } .sort-box .btn { border-radius: 0px; margin-bottom: 10px; } .sr-content .sort-box { margin-bottom: 5px; padding-top: 5px; background-color: #eee; padding-right: 10px; padding-left: 10px; border: 1px solid #e5e5e5; border-radius: 4px; } .sr-content .sort-box:before, .sr-content .sort-box:after { display: table; content: ""; clear: both; } .sr-content .sort-box span.pull-left { padding-top: 4px; margin-right: 7px; font-weight: bold; color: #666; } .sr-content .sort-box .content { float: left; width: calc(100% - 40px); } .sr-content .sort-box .btn { font-size: 12px; padding: 4px 8px; margin-bottom: 5px; } .sort-box .btn-default { color: #999; background-color: #fff; } .sort-box .btn-default:hover { background-color: #eee; } .sort-box .input-group-sm > .form-control, .sort-box .input-group-sm > .input-group-addon, .sort-box .input-group-sm > .input-group-btn > .btn { height: 27px; } .sort-box .input-group-sm > .input-group-addon { line-height: 15px; } .sort-box .input-group-sm { margin-bottom: 5px; } .node-list .row { margin-left: -10px; margin-right: -10px; } .node-list .row > [class^="col-"] { padding-left: 10px; padding-right: 10px; } .nl-box a { text-decoration: none; color: #333; } .nl-box { display: block; margin-bottom: 20px; position: relative; } .nl-box .heading { display: block; padding: 10px; line-height: 20px; font-weight: bold; color: #fff; background-color: #2954a2; position: relative; font-size: 16px; } .nl-box .content, .nl-box .footer { display: block; position: relative; background-color: #eee; border: 1px solid #ddd; border-top: 0px; } .nl-box .content li { font-size: 14px; } .nl-box .content li:not(:first-child) { border-top: 1px solid #ddd; } .nl-box .content li:before, .nl-box .content li:after { display: table; content: ""; clear: both; } .nl-box .content li .title { float: left; color: #2954a2; padding: 10px 0 10px 10px; width: 60px; } .nl-box .content li .info { float: right; width: calc(100% - 60px); padding: 10px 10px 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; } .nl-box .content li .info small { font-size: 12px; color: #999; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nl-box .footer { padding: 8px; text-align: center; } .nl-box .footer .btn { width: 90px; color: #fff; padding-top: 5px; padding-bottom: 5px; } .nl-box .footer .btn-warning { background-color: #f29b76; } .nl-box .footer .btn-primary { background-color: #556fb5; } .nl-box .footer .btn + .btn { margin-left: 30px; } .nl-box .state { position: absolute; width: 20px; height: 26px; text-align: center; line-height: 26px; color: #fff; right: 0; top: 0; } .nl-box .state:before { position: absolute; display: block; content: ""; width: 0; height: 0; border-top: 40px solid #999; border-left: 40px solid transparent; right: 0; top: 0; } .nl-box .state i { position: relative; font-size: 16px; } .nl-box .state.secrecy:before { border-top-color: #f30; } .nl-box .state.public:before { border-top-color: #009911; } .nl-box .state.limited:before { border-top-color: #f90; } .idlist { border-radius: 4px; padding: 5px 10px; border: 1px solid #e5e5e5; background-color: #f0f0f0; } .idlist h4 { margin-bottom: 5px; font-weight: bold; } .il-box, .il-box.share-elem { background-color: #fff; border-radius: 6px; padding: 5px 10px 5px 40px; position: relative; margin-bottom: 5px; font-size: 12px; display: inline-block; color: #666; box-shadow: 2px 2px #ccc; margin-right: 10px; } .il-box.share-elem { border-radius: 2px; padding: 2px 8px 2px 28px; background: #fafafa; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .il-box:hover, .il-box:focus { color: #333; text-decoration: none; } .il-box span, .il-box.share-elem span { position: absolute; height: 100%; width: 20px; text-align: center; background-color: #aaa; color: #fff; top: 0; left: 12px; line-height: 28px; font-size: 16px; } .il-box.share-elem span { font-size: 14px; line-height: 20px; left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .il-box.run span, .review-box .btn-group .btn-run { background-color: #46c35f; } .il-box.samp span, .review-box .btn-group .btn-samp { background-color: #f29824; } .il-box.expr span, .review-box .btn-group .btn-expr { background-color: #ac6bec; } .il-box.proj span, .review-box .btn-group .btn-proj { background-color: #00a8ff; } .il-box.data span, .review-box .btn-group .btn-data { background-color: #f77; } .il-box.anal span, .review-box .btn-group .btn-anal { background-color: #4dd0e1; } .review-box .btn-group .btn-analysis { background-color: #3880d6; } .idlist.mi-box { background: none; padding: 0 15px; border: 0; } .idlist.mi-box ul { margin-right: -20px; } .idlist.mi-box ul:before, .idlist.mi-box ul:after { display: table; content: ""; clear: both; } .idlist.mi-box li { margin-bottom: 10px; float: left; padding-right: 15px; } .idlist.mi-box h4 { font-size: 16px; margin-bottom: 10px; } .idlist.mi-box h4 input { float: left; margin-right: 10px; margin-top: 5px; } .idlist.mi-box li input { float: left; margin-top: 7px; margin-right: 10px; } .idlist.mi-box li .il-box, .modal .il-box, .multi-data .il-box { background-color: #eee; } .modal .il-box, .idlist .il-box { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .padding-left-0 { padding-left: 0 !important; } .padding-right-0 { padding-right: 0 !important; } .modal .btn-default { background-color: #eee; color: #333; } #jc-modal .sscc .form-group { margin-bottom: 5px; } .alert-default { color: #666; background-color: #f0f0f0; border-color: #e5e5e5; } .up-box .tips { color: #666; padding-bottom: 5px; margin-bottom: 10px; } .up-box .tips.right { padding: 5px 0 15px 15px; border-left: 1px dashed #ddd; border-bottom: 0; } .up-box .tips li, .idlist.mi-box .tips li { background: transparent !important; position: relative; padding-left: 15px; float: none !important; } .up-box .tips li:before, .idlist.mi-box .tips li:before { position: absolute; top: 5px; left: 0; content: ""; width: 0px; height: 0px; border-top: 5px solid transparent; border-left: 7px solid #ccc; border-bottom: 5px solid transparent; } .idlist.mi-box .tips li { margin-bottom: 0px; margin-top: 5px; } .idlist.mi-box .tips li:before { top: 3px; border-left-color: #ecbfc3; } .idlist.mi-box .alert-info .tips li:before { border-left-color: #8ac7d4; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-danger-outline { background-color: #fff; border-color: #f60; color: #f60; } .btn-danger-outline:hover { color: #f50; } .btn-danger-outline span { color: #f60; } .margin-bottom-5 { margin-bottom: 5px !important; } .sort-box-1 .btn-sm { padding-top: 2px; padding-bottom: 2px; } .tooltip-inner { background-color: #ffe6da; color: #333; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", sans-serif; font-weight: 600; /* max-width: inherit !important; */ } .tooltip.top .tooltip-arrow { border-top-color: #ffe6da; } .tooltip.left .tooltip-arrow { border-left-color: #ffe6da; } .quick-link { padding: 7px 35px; background-color: #ddd; margin: 0 -20px 15px; } .btn-red, .btn-red:hover { background-color: #b84442; color: #fff3e0; border-color: #b84442; } .quick-link .btn-red { border-color: #ddd; } .quick-link .results { float: right; font-size: 12px; line-height: 26px; color: #999; } .quick-link .results span { color: #b84442; font-weight: bold; } .re-archive, .re-archive:hover { float: left; background-color: #00b777; color: #fff; padding: 4px 7px 3px 14px; border-radius: 6px; margin-left: -18px; margin-right: 15px; box-shadow: 0px 2px #ccc; margin-bottom: 10px; } .idlist-c { background: none; border: 0; margin-bottom: 10px; padding: 0 15px; } .idlist-c:before, .idlist-c:after { display: table; content: ""; clear: both; } .idlist-c .il-box { float: left; box-shadow: 0px 2px #ccc; margin-bottom: 10px; } .tooltip.top .tooltip-arrow { border-top-color: #ffe6da; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #ffe6da; } .tooltip.left .tooltip-arrow { border-left-color: #ffe6da; } .tooltip.right .tooltip-arrow { border-right-color: #ffe6da; } .notice { position: relative; padding: 10px 15px; } .notice span { float: left; margin: -10px 15px -10px -15px; display: block; padding: 10px 15px; background-color: #fff7f7; font-weight: bold; } .notice a { float: right; color: #a94442; } .bg-lightred, .bg-lightred:hover { background-color: #fbabab !important; color: #fff; } .post .entry .content .sr-content { padding: 0px; } .post .entry .content .sr-content > ul > li:first-child { padding-top: 0px; } .post .entry .content .sr-content > ul > li p { margin-bottom: 0px; } .otherinput { display: none; } .p-t-20 { padding-top: 20px; } .p-t-10 { padding-top: 10px; } .tl-list .sr-content > ul.request-list > li .exp a.btn-list { width: auto; padding: 1px 10px 0; } .sr-content > ul > li .btn-list .tooltip-inner { /* white-space: nowrap; */ } .loading-1 { text-align: center; font-size: 16px; margin-top: 20px; } .loading-1 i.fa { animation: spin 1000ms infinite linear; } .input-group .form-control { z-index: 0; } .search-reasult-list.share-cont { overflow: inherit; } .search-reasult-list.share-cont .popover { max-width: 350px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); } .search-reasult-list.share-cont .popover-content { padding: 5px; } .review-cont .popover { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); } .review-cont .popover-content { padding: 5px 10px; } .multi-data { font-family: "Noto Sans", "Heiti SC", "Microsoft Yahei"; margin: 0; padding: 0; } .multi-data > dt { float: left; width: auto; margin: 0; padding: 5px; } .multi-data > dd { margin: 0 0 12px 60px; padding: 8px 0 5px; font-size: small; } .multi-data > dd span { display: block; } .multi-data.data-xs > dt { font-weight: 600; color: #176ec8; padding: 0; } .multi-data.data-xs > dd { padding: 2px 5px; margin: 0 0 0 80px; } /*mail-list*/ input.selMailInput, ul.selMailBox { margin: 0; padding: 0; box-sizing: border-box; } div.selMailContainer { border: 0; display: block; position: relative; } input.selMailInput { padding: 6px 8px; height: auto; position: relative; display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } input.selMailInput:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } div.selMailLabel, ul.selMailBox { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; } ul.selMailBox { background-color: #fff; list-style: none; border: 1px solid transparent; display: none; margin-top: 1px; } ul.selMailBox .lead { font-size: 14px; } li.selMailOne { cursor: pointer; padding: 5px 15px; border: 1px solid #ccc; } li.selMailOne.ready { background-color: #f5f5f5; } li.selMailOne span.selMailHint { color: #f60; } li.selMailOne + li.selMailOne { border: 1px solid #ccc; margin-top: -1px; } span.selMailItem { background-color: #4273ce; color: #fff; font-size: 13px; padding: 3px 8px; cursor: pointer; border-radius: 3px; font-family: arial sans-serif; margin-top: 3px; display: inline-block; transition: all 0.5s; } span.selMailItem:after { content: "x"; font-weight: 700; color: #fff; position: relative; top: -7px; right: -5px; } span.selMailItem:hover { background-color: #2954a2; } .marquee { width: 360px; margin: 0 auto 10px; overflow: hidden; position: relative; height: 35px; line-height: 2.5; border-radius: 4px; top: -10px; outline: 2px solid #ef8027; outline-offset: 2px; } .marquee div { display: block; width: 200%; height: 30px; position: absolute; overflow: hidden; animation: marquee 5s linear infinite; } .marquee div:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .marquee span { float: left; width: 50%; } .marquee span a { font-weight: 400; } .clone-figure-content .panel-group { margin: 0; } .clone-figure-content .panel-title a { display: block; position: relative; } .clone-figure-content .panel-heading a:before { content: "\f077"; font-size: 14px; position: absolute; font-family: "FontAwesome"; right: 5px; top: 2px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.5s; transition: all 0.5s; } .clone-figure-content .panel-heading.active a:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s; transition: all 0.5s; } .clone-figure-content .caption p { margin: 2px 0; text-align: justify; } .clone-article .post-title { border-bottom: 1px solid #e6e6e6; padding: 0 0 15px !important; margin-bottom: 15px; } .clone-article figcaption p { font-size: 12px; margin: 2px 0 0; text-align: center; } .clone-article p { font-size: 13px; line-height: 1.8; margin: 10px 0; text-align: justify; } .clone-article p em { font-style: italic; } .clone-article p.doi { color: #666; font-size: 12px; } #toast { position: fixed; top: 32px; right: 32px; z-index: 999999; } .toast { display: flex; align-items: center; background-color: #fff; border-radius: 2px; padding: 10px 0; min-width: 400px; max-width: 450px; border-left: 4px solid; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08); transition: all linear 0.3s; } @keyframes slideInLeft { from { opacity: 0; transform: translateX(calc(100% + 32px)); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeOut { to { opacity: 0; } } .toast--success { border-color: #47d864; } .toast--success .toast__icon { color: #47d864; } .toast--info { border-color: #2f86eb; } .toast--info .toast__icon { color: #2f86eb; } .toast--warning { border-color: #ffc021; } .toast--warning .toast__icon { color: #ffc021; } .toast--error { border-color: #ff623d; } .toast--error .toast__icon { color: #ff623d; } .toast + .toast { margin-top: 24px; } .toast__icon { font-size: 24px; } .toast__icon, .toast__close { padding: 0 15px; } .toast__body { flex-grow: 1; } .toast__title { font-size: 15px; font-weight: 600; color: #333; } .toast__msg { font-size: 13px; color: #888; margin-top: 6px; line-height: 1.5; } .toast__close { font-size: 20px; color: rgba(0, 0, 0, 0.3); cursor: pointer; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .rna-box .container { width: 970px; } } @keyframes marquee { 0% { left: 0; } 100% { left: -100%; } } @keyframes spin { 0% { transform: rotate(-360deg); } 100% { transform: rotate(0deg); } }