+9
-9
@@ -291,7 +291,7 @@ button { cursor: pointer; }
|
||||
.mobile-menu { display: none; }
|
||||
|
||||
/* EG-BIM Q&A list layout */
|
||||
.qa-list-page { background: #fff; }
|
||||
.qa-list-page { max-width: 100%; overflow-x: hidden; background: #fff; }
|
||||
.qa-list-page .site-header { position: absolute; top: 0; right: 0; left: 0; z-index: 10; height: 88px; border-bottom: 0; background: transparent; color: #fff; }
|
||||
.qa-list-page .header-inner { max-width: none; padding: 0 48px; }
|
||||
.qa-list-page .brand { color: #fff; font-size: 29px; letter-spacing: -.04em; }
|
||||
@@ -312,8 +312,8 @@ button { cursor: pointer; }
|
||||
.qa-list-page .page-hero h1 { margin: 0 0 4px; color: #fff; font-size: 70px; font-weight: 700; letter-spacing: -.07em; }
|
||||
.qa-list-page .page-hero p { color: #fff; font-size: 20px; font-weight: 500; }
|
||||
.qa-list-page .sub-nav { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0, 10, 17, .84); }
|
||||
.qa-list-page .sub-nav-inner { max-width: 900px; }
|
||||
.qa-list-page .sub-nav a { padding: 18px 12px; color: #fff; font-size: 16px; font-weight: 700; }
|
||||
.qa-list-page .sub-nav-inner { width: 100%; max-width: none; }
|
||||
.qa-list-page .sub-nav a { flex: 1 1 50%; padding: 18px 12px; color: #fff; font-size: 16px; font-weight: 700; }
|
||||
.qa-list-page .sub-nav a[aria-current='page'] { background: rgba(0, 121, 116, .5); color: #ffc400; }
|
||||
.qa-list-page .sub-nav a.disabled-tab { cursor: default; }
|
||||
.qa-list-page .sub-nav a.disabled-tab:hover { background: transparent; color: #fff; }
|
||||
@@ -332,12 +332,12 @@ button { cursor: pointer; }
|
||||
.qa-list-page .search-form { width: 450px; min-width: 450px; gap: 7px; }
|
||||
.qa-list-page .search-form input { height: 45px; padding: 0 12px; border-color: #d8d8d8; color: #333; font-size: 13px; }
|
||||
.qa-list-page .search-form input::placeholder { color: #b7b7b7; }
|
||||
.qa-list-page .search-button { width: 88px; height: 45px; padding: 0; border-radius: 3px; background: #292621; color: #fff; font-size: 15px; font-weight: 700; }
|
||||
.qa-list-page .search-button { width: 88px; height: 45px; padding: 0; border-radius: 3px; background: #000; color: #fff; font-size: 15px; font-weight: 700; }
|
||||
.qa-list-page .search-button span { margin-right: 3px; font-size: 24px; line-height: 0; vertical-align: -2px; }
|
||||
.qa-list-page .table-wrap { overflow-x: hidden; border-top: 2px solid #111; }
|
||||
.qa-list-page .qa-table { width: 100%; min-width: 0; }
|
||||
.qa-list-page .qa-table th { height: 48px; padding: 0 10px; border-bottom: 1px solid #111; color: #111; font-size: 14px; font-weight: 700; }
|
||||
.qa-list-page .qa-table td { height: 58px; padding: 0 10px; border-bottom: 1px solid #ededed; background: #f3f3f3; color: #3e4650; font-size: 14px; font-weight: 500; }
|
||||
.qa-list-page .table-wrap { width: 100%; max-width: 100%; overflow: hidden; border-top: 2px solid #111; }
|
||||
.qa-list-page .qa-table { display: table; width: 100%; max-width: 100%; min-width: 0 !important; table-layout: fixed; }
|
||||
.qa-list-page .qa-table th { height: 48px; padding: 0 10px; overflow: hidden; border-bottom: 1px solid #111; color: #111; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.qa-list-page .qa-table td { height: 58px; padding: 0 10px; overflow: hidden; border-bottom: 1px solid #ededed; background: #f3f3f3; color: #3e4650; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.qa-list-page .qa-table tbody tr:hover { background: transparent; }
|
||||
.qa-list-page .qa-table tbody tr:hover td { background: #ededed; }
|
||||
.qa-list-page .qa-table .subject { color: #39434f; }
|
||||
@@ -350,7 +350,7 @@ button { cursor: pointer; }
|
||||
.qa-list-page .table-empty { background: #f3f3f3; }
|
||||
.qa-list-page .list-footer { position: relative; min-height: 42px; margin-top: 25px; }
|
||||
.qa-list-page .list-footer .pagination { margin: 0; }
|
||||
.qa-list-page .list-footer > .button { position: absolute; top: 0; right: 0; height: 42px; padding: 0 25px; background: #292621; font-size: 14px; font-weight: 700; }
|
||||
.qa-list-page .list-footer > .button { position: absolute; top: 0; right: 0; height: 42px; padding: 0 25px; background: #000; color: #fff; font-size: 14px; font-weight: 700; }
|
||||
|
||||
@media (max-width: 820px) {
|
||||
.qa-list-page .site-header { height: 68px; }
|
||||
|
||||
Reference in New Issue
Block a user