@import "../css-less-variables/common-import.less"; header { display: block; background-color: red; } body { font-family: @font-family; background-color: #F8F8F8; color: #333; font-size: 13px; margin-left: auto; margin-right: auto; max-width: 1300px; min-width: 980px; -moz-box-shadow: 0px -5px 10px -6px #3F3F3F; -webkit-box-shadow: 0px -5px 10px -6px #3F3F3F; box-shadow: 0px -5px 10px -6px #3F3F3F; } [lang="ar"] body { font-family: @font-family-ARCI; } h1 { color: #333; } h2 { color: #333; } h3.title2 { color: #333; } h3.title3 { color: #333; } h3.title4 { color: #333; } h4 { color: #333; } * { margin: 0; list-style: none; padding: 0; } img { border: none; } .clearfix { &:after { content: '.'; clear: both; display: block; font-size: 0; height: 0; visibility: hidden; } } a { color: #005a84; text-decoration: none; &:hover { text-decoration: underline; } } .font-style1 { font-weight: 600; } .link-style1 { font-weight: 600; } .link-style2 { font-style: italic; } .link-style3 { //font-family: @font-family; } .g-hide { display: none; } .slectLinksClosed { width: 9px; height: 9px; display: inline-block; background: url(../images/icons.png) no-repeat; vertical-align: top; margin: 4px 0 0 5px; } .slectLinksOpen { width: 9px; height: 9px; display: inline-block; background: url(../images/icons.png) no-repeat 0 -12px; vertical-align: top; margin: 3px 0 0 5px; } .markedList { background: url(../images/icons.png) no-repeat 0 -95px; } .navBar { position: relative; height: 24px; //font-family: @font-family; font-weight: 600; border-bottom: 1px solid #575757; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #2c2c2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#2c2c2c)); background: -webkit-linear-gradient(top, #333333 0%,#2c2c2c 100%); background: -o-linear-gradient(top, #333333 0%,#2c2c2c 100%); background: -ms-linear-gradient(top, #333333 0%,#2c2c2c 100%); background: linear-gradient(to bottom, #333333 0%,#2c2c2c 100%); .userCabinet { position: absolute; top: 0; right: 32px; .nav-item { &:first-child { border-left: 1px solid #6e6e6e; } } } } .nav-list { font-size: 0; margin-left: 20px; } .nav-item { display: inline-block; vertical-align: top; position: relative; &:last-child { .nav-link { border-right: 1px solid #6e6e6e; } } &:hover { .nav-link { position: relative; margin: 0 0px 0 0; color: #FFF; background-color: #979797; z-index: 57; text-decoration: none; } .icon-arrow { margin: 3px -2px 0 2px; border-color: #FFF #979797 #979797 #979797; } } &:first-child { .nav-link { padding-left: 10px; border-left: 0; } } } .nav-link { margin-top: 0; border-left: 1px solid #6E6E6E; display: inline-block; padding: 5px 10px; color: #fff; vertical-align: top; text-decoration: none; font-size: 11px; .icon-arrow { display: inline-block; border-width: 5px; border-style: solid; background: none; margin: 3px -2px 0 2px; border-color: #4B7498 transparent transparent transparent; } } .nav-link-current { color: #979797; } .nav-item.show-subnav { .nav-link { position: relative; margin: 0 0px 0 0; color: #FFF; background-color: #979797; z-index: 57; text-decoration: none; } .icon-arrow { margin: 3px -2px 0 2px; border-color: #FFF #979797 #979797 #979797; } .subnav { display: block; } } .subnav { display: none; position: absolute; top: 24px; right: -1px; z-index: 10000; min-width: 150px; white-space: nowrap; border: 1px solid #ccc; -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); } .subnav-item { color: #000; display: block; border: none; height: 48px; line-height: 48px; background: #f6f6f6; border-top: 1px solid #ccc; z-index: 511; vertical-align: middle; padding: 0; position: relative; &:first-child { border-top: none; } &:hover { color: #000; background: #ECECEC; background: -moz-linear-gradient(top, #ECECEC 0%, #ECECEC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#ECECEC)); background: -webkit-linear-gradient(top, #ECECEC 0%,#ECECEC 100%); background: -o-linear-gradient(top, #ECECEC 0%,#ECECEC 100%); background: -ms-linear-gradient(top, #ECECEC 0%,#ECECEC 100%); background: linear-gradient(to bottom, #ECECEC 0%,#ECECEC 100%); a { text-decoration: none; } .subnav-link { color: #000; } } } .subnav-link { display: block; padding: 0 30px 0px 10px; font-size: 14px; height: 48px; color: #000; i { display: inline-block; width: 33px; height: 26px; vertical-align: middle; margin-right: 6px; } } .language-active-option { a { color: #666; &:after { content: "."; position: absolute; right: 8px; font-size: 30px; top: -10px; } } } .toolBar { position: relative; height: 36px; font-weight: 600; background: #505050; ul.breadCrumbs { font-size: 0; height: 100%; padding-left: 5px; background: #505050; display: inline-block; position: absolute; >li { float: left; vertical-align: bottom; padding: 9px 48px 8px 20px; position: relative; z-index: 5; height: 19px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; //font-family: @font-family; &:first-child { padding-left: 25px; } &:after { content: ""; display: inline-block; width: 22px; height: 36px; position: absolute; right: 0; top: 0; } sup { font-size: 8px; font-weight: normal; } a { color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; //font-family: @font-family; span { display: inline-block; padding-right: 5px; margin-right: 5px; line-height: 12px; height: 14px; } } } >li.searchPageChevron { position: relative; background: #45698e; z-index: 2; margin-left: -5px; padding-left: 40px; padding-right: 30px; &:after { content: ""; display: inline-block; width: 22px; height: 36px; background: url(../images/bcborders.png) no-repeat 0px -44px; position: absolute; right: -22px; top: 0; } } >li.nonSearchPageChevron { position: relative; background: #45698e; z-index: 2; margin-left: -5px; padding-left: 30px; padding-right: 30px; &:after { content: ""; display: inline-block; width: 22px; height: 36px; background: url(../images/bcborders.png) no-repeat 0px -84px; position: absolute; right: -22px; top: 0; } } li { .icon-dd-active-breadcrumb { margin-left: 8px; position: relative; } &:hover { .icon-dd-active-breadcrumb { background-color: #000; } } ul { display: none; position: absolute; top: 21px; background: #fff; color: #000; min-width: 290px; white-space: nowrap; border: 1px solid #ccc; z-index: 2; -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); li { border-top: 1px solid #ccc; position: relative; background: #f6f6f6; &:first-child { border-top: none; } a { display: block; color: #000; padding: 7px 10px; font-size: 15px; font-weight: normal; //font-family: @font-family; font-style: normal; background: #f6f6f6; &:hover { color: #000; background: #ECECEC; background: -moz-linear-gradient(top, #ECECEC, #ECECEC); background: -webkit-linear-gradient(top, #ECECEC 0%,#ECECEC 100%); background: -ms-linear-gradient(top, #ECECEC, #ECECEC); background: linear-gradient(top, #ECECEC, #ECECEC); } } } .breadCrumbs-active-option { a { color: #666; &:after { content: "."; position: absolute; right: 8px; font-size: 30px; top: -10px; } } } } } li.show-subnav-breadcrumbs { .icon-dd-active-breadcrumb { background-color: #000; } ul { display: block; } } } .optionPanel { position: absolute; top: 0px; right: 32px; height: 36px; line-height: 36px; li { &:first-child { border-left: 1px solid #6E6E6E; } } li.nav-item { a { color: #fff; text-decoration: none; font-size: 13px; display: block; height: 100%; padding: 0 10px; &:hover { background: #979797; position: relative; z-index: 56; .icon-arrow { margin: 3px -2px 0 2px; border-color: #FFF #979797 #979797 #979797; } } } a.nav-link { line-height: 36px; } } li.subnav-item { a { color: #000; text-decoration: none; font-size: 13px; display: block; height: 100%; padding: 0 10px; &:hover { color: #000; background: #ECECEC; position: relative; z-index: 56; } } a.nav-link { line-height: 36px; } } .subnav { top: 36px; background: #F6F6F6; li { width: 100%; border: none; border-top: 1px solid #ccc; &:first-child { border: none; } a { color: #000; //font-family: @font-family; font-weight: 600; font-size: 14px; padding-left: 20px; padding-right: 20px; } &:hover { a { color: #000; } } } } .icon-addmarket { width: 18px; height: 22px; background-position: 0 -95px; margin-right: 5px; } } } .paginationBar { position: relative; min-height: 57px; overflow: auto; background: #f6f6f6; text-align: center; input[type="button"] { height: 25px; padding: 0 10px; border: 1px solid #CFCFCF; -webkit-box-shadow: inset 0px -5px 13px -4px #CFCFCF; -moz-box-shadow: inset 0px -5px 13px -4px #CFCFCF; box-shadow: inset 0px -5px 13px -4px #CFCFCF; color: #000; font-weight: 600; font-size: 12px; &:hover { background-color: #fff; } } .pagination { position: absolute; right: 32px; top: 0; padding-top: 22px; font-size: 10; >* { vertical-align: middle; } span { color: #616161; padding: 0 7px; //font-family: @font-family; } a { display: inline-block; height: 15px; i { display: inline-block; width: 7px; height: 13px; background: url(../images/icons.png) no-repeat; margin-left: 2px; margin-top: 2px; cursor: pointer; } } a.paginationPrev { i { background-position: -14px -222px; margin-top: 2px; } } a.paginationPrevDisabled { i { background-position: 0 -222px; } } a.paginationNext { i { background-position: -21px -222px; } } a.paginationNextDisabled { i { background-position: -7px -222px; } } a.backToList { padding-right: 10px; } } .parentInfo { position: absolute; top: 17px; vertical-align: middle; } .pagingOptions { position: absolute; top: 17px; left: 20px; vertical-align: middle; input { font-family: "Trebuchet MS", Helvetica, sans-serif; } select { font-family: "Trebuchet MS", Helvetica, sans-serif; } } .onFullRecordRight { position: relative; float: right; padding-bottom: 5px; padding-right: 20px; } .onFullRecordLeft { position: relative; float: left; } } .formBoxesSort { width: auto; } .searchPagination { border-top: 1px solid #ccc; background: #f1f1f1; padding-bottom: 13px; .pagingOptions { top: 22px; .l-columns-item { margin-right: 10px; } } span { vertical-align: middle; padding-right: 5px; font-weight: normal; font-size: 13px; } } .searchPagination.topPaginationBar { border-top: none; border-bottom: 1px solid #ccc; } .paging-nav { white-space: nowrap; padding: 4px 10px; display: none; } .select2-custom-pagination { .paging-nav { display: block; } } .paging-list-input { width: 50px; box-sizing: border-box; padding: 3px; font-size: 14px; //font-family: @font-family; font-style: italic; color: #a0a0a0; border-radius: 5px; border: 1px solid #b9b9b9; box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15); background: #FFF; } .goToPageNumber-input { padding: 5px 5px; margin-right: 5px; font-size: 13px; //font-family: @font-family; color: #616161; border-radius: 5px; border: 1px solid #b9b9b9; box-shadow: inset 0px 0px 10px 0 rgba(0, 0, 0, .2); } .recordMatchBar { position: relative; text-align: center; border-top: 1px solid #ccc; } .recordMatchStatement { padding-bottom: 16px; text-align: left; padding-top: 13px; margin-left: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #666; font-size: 12px; } .main-container { min-width: 980px; } .l-body { position: relative; z-index: 1; min-height: 500px; } .l-main-content { position: relative; background-color: #eee; } .l-wrapper { display: table; width: 100%; } .l-wrapper-row { display: table-row; } .l-column-content { display: table-cell; border-top: 1px solid #d3d3d3; background-color: #f8f8f8; vertical-align: top; } .l-column-sidebar { display: table-cell; min-width: 278px; max-width: 278px; width: 278px; border-right: 1px solid #bababa; background-color: #f1f1f1; vertical-align: top; .l-block { margin: 0 32px 10px; } .title2 { padding-left: 27px; } .block-text { padding-left: 32px; background-color: #F8F8F8; } .block-text-title { font-size: 12px; font-weight: 600; margin-bottom: 4px; } .block-text-content-scorecard { padding-bottom: 1px; p { font-size: 12px; padding-top: 2px; padding-bottom: 1px; } p.viewScorecard { font-size: 12px; font-weight: 600; margin-top: 6px; } } } .l-column-sidebar2 { display: table-cell; min-width: 278px; max-width: 278px; width: 278px; border-right: 1px solid #bababa; vertical-align: top; background-color: #f1f1f1; border-top-width: 1px; border-right-width: 1; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #bababa; border-right-color: #bababa; border-bottom-color: #bababa; border-left-color: #bababa; } .l-content { padding: 28px 30px 33px; border-top: 1px solid #ccc; .l-content-wraper { max-width: 870px; margin: 0 auto; } } .search-results-page { .l-content { padding-left: 20px; } } .l-block { margin: 0 0 10px; } .l-columns-item { display: inline-block; vertical-align: middle; margin-right: 20px; .button4 { margin-left: 7px; } } .l-2columns { position: relative; } .l-2columns-last { position: absolute; right: 0; top: 0; } .l-columns-item-brl { display: inline-block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 0 3px 20px; margin-right: 20px; } .title { font-size: 20px; //font-family: @font-family; font-weight: 600; margin-top: 2px; margin-right: 22px; margin-bottom: 12px; margin-left: 22px; } .title2 { height: 60px; line-height: 60px; padding-left: 20px; font-size: 18px; //font-family: @font-family; font-weight: 600; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 4px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d3d3d3; border-bottom-color: #d3d3d3; border-left-color: #4B7498; border-right-width: 1px; border-right-style: none; border-right-color: #d3d3d3; margin-top: -1px; } .title3 { //font-family: @font-family; margin: 4px 0; font-size: 16px; font-weight: 600; } .title4 { font-size: 18px; //font-family: @font-family; font-weight: 600; margin-bottom: 15px; span { font-size: 15px; //font-family: @font-family; padding-left: 20px; } } .title4_query { font-size: 14px; //font-family: @font-family; font-weight: 600; } .title5 { font-size: 13px; //font-family: @font-family; font-weight: 600; padding-top: 5px; text-transform: uppercase; } .title5-timespan { font-size: 14px; //font-family: @font-family; padding-top: 5px; text-transform: uppercase; } .title5-show { font-size: 13px; //font-family: @font-family; font-weight: 600; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; } .title-layout { margin-bottom: 25px; .title { margin-bottom: 5px; } } .block-record-info { margin-left: 22px; margin-right: 22px; margin-bottom: 22px; line-height: 20px; font-size: 13px; DT { display: inline-block; //font-family: @font-family; margin-right: 5px; font-weight: 600; } DD { display: inline-block; } .show-address { padding-left: 18px; dl { display: inline-block; } } .hide-address { padding-left: 18px; dl { display: none; } } .full-address { padding: 7px 0 5px; i { cursor: pointer; margin: 1px 0 0 -18px; float: left; width: 13px; height: 13px; } dl { font-size: 12px; } } dl { ul { padding: 10px 0; } } table.FR_table_borders { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 6px; width: 100%; outline: 1px solid #bababa; border-collapse: collapse; th { vertical-align: middle; padding: 9px 10px 9px 19px; background: #f3f3f3; text-align: left; font-weight: 600; width: 40%; border: 1px solid #CCCCCC; &:first-child { width: 20%; } } td { vertical-align: middle; border: 1px solid #CCCCCC; } } table.FR_table_noborders { width: 100%; } table { td { padding: 9px; vertical-align: top; } td.fr_dataTable_head { background-color: #EEEEEE; border: 1px solid #CCCCCC; text-align: left; } } } .block-record-info-source { .FR_field { line-height: 18px; margin-bottom: 2px; } } .sourceSubLabel { //font-family: @font-family; margin-right: 5px; margin-left: 10px; font-weight: 600; } .authorLabel { //font-family: @font-family; margin-right: 5px; font-weight: 600; } .TCcountFR { //font-family: @font-family; font-size: 16px; font-weight: 600; } .block-text { padding: 24px 24px 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; font-size: 13px; .l-block { margin-top: 25px; &:first-child { margin-top: 0; } } } .block-text2 { background-color: #dedede; } .block-text-title { font-size: 14px; //font-family: @font-family; font-weight: 600; margin-bottom: 6px; } .block-text-content { .text-600 { font-weight: 600; } li { margin-top: 14px; &:first-child { margin-top: 0; } } p { padding-bottom: 6px; img { vertical-align: -6%; } } } .block-text-content-scorecard { padding-bottom: 1px; p { margin-top: 6px; } } .block-text-content-CitedRefCount { padding-bottom: 1px; font-size: 12px; } .block-text-content-thisRecord { padding-bottom: 10px; font-weight: 600; p { padding-bottom: 1px; } } .block-text-content-additional { padding-bottom: 1px; p { padding-bottom: 5px; font-weight: 600; } } .viewOtherSubHead { //font-family: @font-family; font-weight: 600; } UL.viewOtherList { LI { margin-bottom: 7px; } } .dataFromSiloFRside { //font-family: @font-family; font-size: 11px; color: #666666; font-style: italic; padding-top: 5px; } .CreateCitationAlert { font-weight: 600; img { padding-right: 4px; } } .ViewCitationMap { font-weight: 600; img { padding-right: 4px; } } .thisRecordLabel { //font-family: @font-family; } .thisRecordSilo { //font-family: @font-family; } .viewRecordInLabel { //font-family: @font-family; } .sourceTitle { font-weight: 600; margin: 0px; } .block-record-info-source-values { p.FR_field { display: inline-block; value { margin-right: 5px; } } } img.showIcon { &:hover { cursor: pointer; } } .page-options-inner { padding: 20px 20px 40px; background-color: #F8F8F8; } .page-options-inner-left { float: left; } .page-options-inner-bottom { margin-top: 30px; margin-bottom: 0; } .options-inner { display: inline-block; border-left: 1px solid #d9d9d9; padding: 0 20px; height: 30px; line-height: 27px; vertical-align: top; &:first-child { border-left: none; padding-left: 0; line-height: 30px; } input[type="checkbox"] { margin-right: 5px; vertical-align: middle; } label { vertical-align: middle; //font-family: @font-family; } .icon-print { margin-right: 15px; } .button4 { margin-left: 7px; } } .create-cite-report { float: right; padding-top: 6px; a { //font-family: @font-family; font-weight: 600; font-size: 14px; } } .ie8-options-inner { padding: 0 10px; .icon-print { margin-right: 8px; } } .button1 { display: inline-block; font-size: 13px; font-style: normal; cursor: pointer; color: #333; //font-family: @font-family; font-weight: 600; padding: 0 11px; height: 23px; line-height: 23px; border: 1px solid #b9b9b9; background-color: #f9f9f9; background: -moz-linear-gradient(top, #fff, #f3f3f3); background: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #fff, #f3f3f3); background: linear-gradient(top, #fff, #f3f3f3); vertical-align: middle; a { &:hover { text-decoration: none; } } } .button2 { display: inline-block; font-size: 13px; font-style: normal; cursor: pointer; //font-family: @font-family; font-weight: 600; padding: 0 11px; height: 23px; line-height: 23px; border: 1px solid #b9b9b9; background-color: #f9f9f9; background: -moz-linear-gradient(top, #fff, #f3f3f3); background: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #fff, #f3f3f3); background: linear-gradient(top, #fff, #f3f3f3); vertical-align: middle; color: #005a84; a { &:hover { text-decoration: none; } } } .button3 { display: inline-block; font-style: normal; cursor: pointer; //font-family: @font-family; font-weight: 600; padding: 0 11px; border: 1px solid #b9b9b9; background-color: #f9f9f9; background: -moz-linear-gradient(top, #fff, #f3f3f3); background: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #fff, #f3f3f3); background: linear-gradient(top, #fff, #f3f3f3); vertical-align: middle; font-size: 15px; height: 35px; line-height: 35px; color: #005a84; a { &:hover { text-decoration: none; } } } .button4 { display: inline-block; font-size: 13px; font-style: normal; cursor: pointer; color: #333; font-weight: 600; padding: 0 11px; height: 23px; line-height: 23px; border: 1px solid #b9b9b9; vertical-align: middle; //font-family: @font-family; background-color: #f3f3f3; background: -moz-linear-gradient(top, #f9f9f9, #ededed); background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); background: -ms-linear-gradient(top, #f9f9f9, #ededed); background: linear-gradient(top, #f9f9f9, #ededed); font-weight: 600; a { &:hover { text-decoration: none; } } } .button-active { background: #F80; color: #FFF; } .button3Running { display: inline-block; font-style: normal; cursor: pointer; //font-family: @font-family; font-weight: 600; padding: 0 11px; border: 1px solid #b9b9b9; background-color: #f9f9f9; background: -moz-linear-gradient(top, #fff, #f3f3f3); background: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #fff, #f3f3f3); background: linear-gradient(top, #fff, #f3f3f3); vertical-align: middle; font-size: 15px; height: 35px; line-height: 35px; color: #005a84; } .refine-item { .button3Running { position: absolute; bottom: -1px; right: -1px; height: 30px; line-height: 30px; padding: 0 20px; } border-top: 1px solid #d3d3d3; .button3 { position: absolute; bottom: -1px; right: -1px; height: 30px; line-height: 30px; padding: 0 20px; } } .button5 { a { color: #fff; text-decoration: none; &:hover { text-decoration: none; } } } a.button1 { &:hover { text-decoration: none; } } a.button2 { &:hover { text-decoration: none; } } a.button3 { &:hover { text-decoration: none; } } a.button3Running { &:hover { text-decoration: none; } } a.button4 { &:hover { text-decoration: none; } } a.button5 { &:hover { text-decoration: none; } } a.button6 { &:hover { text-decoration: none; } } a.button7 { &:hover { text-decoration: none; } } .button6 { a { &:hover { text-decoration: none; color: #fff; } } display: inline-block; font-size: 13px; font-style: normal; //font-family: @font-family; cursor: pointer; color: #FFF; font-weight: 600; padding: 0 11px; height: 23px; line-height: 23px; background-color: #006ea1; background: -moz-linear-gradient(top, #0083bf, #005b85); background: -webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: -ms-linear-gradient(top, #0083bf, #005b85); background: linear-gradient(top, #0083bf, #005b85); vertical-align: middle; } .button7 { a { &:hover { text-decoration: none; } } display: inline-block; font-size: 13px; font-style: normal; //font-family: @font-family; cursor: pointer; color: #FFF; font-weight: 600; padding: 0 11px; height: 23px; line-height: 23px; background-color: #006ea1; background: -moz-linear-gradient(top, #0083bf, #005b85); background: -webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: -ms-linear-gradient(top, #0083bf, #005b85); background: linear-gradient(top, #0083bf, #005b85); vertical-align: middle; } .GOOGLESCHOLAR_link { display: inline-block; font-size: 13px; font-style: normal; //font-family: @font-family; cursor: pointer; color: #FFF; font-weight: 600; padding: 0 11px; height: 23px; line-height: 23px; background-color: #006ea1; background: -moz-linear-gradient(top, #0083bf, #005b85); background: -webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: -ms-linear-gradient(top, #0083bf, #005b85); background: linear-gradient(top, #0083bf, #005b85); vertical-align: middle; } .j-custom-select { width: auto !important; a { span { font-size: 13px; //font-family: @font-family; font-weight: 600; color: #333; padding: 0; } } } .j-custom-pagination { width: auto !important; } .select2-container { .select2-choice { div { background: url(../images/icons.png) no-repeat 4px -122px; padding-left: 4px; border-left: 1px solid #ccc; } } } .select2-dropdown-open { .select2-choice { div { background: url(../images/icons.png) no-repeat 4px -122px; } } } .select2-drop-mask { position: fixed; } .select-container { position: relative; display: inline-block; vertical-align: middle; text-align: left; .icon-arrow2 { width: 18px; height: 24px; position: absolute; right: 0; top: 0; background: url(../images/icons.png) no-repeat 4px -122px; padding-left: 4px; border-left: 1px solid #ccc; cursor: pointer; } } .select-choice { font-size: 13px; display: block; height: 23px !important; padding: 0 0 0 8px; //font-family: @font-family; font-weight: 600; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 23px; background-color: #fff; background: -moz-linear-gradient(top, #f9f9f9, #ededed); background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); background: -ms-linear-gradient(top, #f9f9f9, #ededed); background: linear-gradient(top, #f9f9f9, #ededed); a { display: inline-block; margin-right: 30px; color: #333; text-decoration: none; } } .select-dropdown { display: none; min-width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #f6f6f6; color: #000; border: 1px solid #aaa; -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .select-container-show { .select-dropdown { display: block; } } .select-dropdown-item { white-space: nowrap; padding: 0 7px; cursor: pointer; line-height: 1.7; &:hover { color: #fff; background: #ff9100; background: -moz-linear-gradient(top, #ff9100, #ff8100); background: -webkit-linear-gradient(top, #ff9100 0%,#ff8100 100%); background: -ms-linear-gradient(top, #ff9100, #ff8100); background: linear-gradient(top, #ff9100, #ff8100); } } .icon-arrow3 { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; *zoom: 1; width: 19px; height: 14px; background-position: -46px -414px; margin: -7px 7px 0 0; } .icon-addmarket { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; *zoom: 1; width: 18px; height: 19px; background-position: 0 -95px; } .icon-print { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; *zoom: 1; height: 18px; width: 17px; background-position: 0 -157px; } .icon-mail { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; *zoom: 1; margin-top: -2px; height: 18px; width: 22px; background-position: 0 -192px; } .icon-data1 { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; *zoom: 1; width: 13px; height: 19px; background-position: -20px -96px; } .icon-data2 { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; *zoom: 1; width: 19px; height: 19px; background-position: -35px -96px; } .icon-arrow { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; border-width: 5px; border-style: solid; border-color: transparent #4B7498 transparent transparent; background: none; margin-top: -1px; } .icon-clear { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; *zoom: 1; position: absolute; width: 18px; height: 18px; background-position: -24px -195px; right: 10px; top: 9px; cursor: pointer; } .icon-dd-active-breadcrumb { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; width: 22px; height: 21px; background-position: -28px -364px; margin: -7px -7px 0 0; cursor: pointer; z-index: 3; position: relative; } .icon-dd-active-block-search { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; width: 22px; height: 21px; background-position: -28px -364px; margin: -4px -7px 0 0; cursor: pointer; z-index: 3; position: relative; border: solid 1px #bdbdbd; background-color: #0083bf; color: #fff; background-image: url(../images/icons.png) no-repeat -28px -364px; background: url(../images/icons.png) no-repeat -28px -364px, -moz-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px,-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: url(../images/icons.png) no-repeat -28px -364px, -ms-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px, linear-gradient(top, #0083bf, #005b85); } .icon-close { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; position: absolute; width: 25px; height: 25px; background-position: -40px -307px; right: 30px; top: 20px; cursor: pointer; &:hover { background-position: -40px -332px; } } .icon-cite-report { display: inline-block; background: url(../images/icons.png) no-repeat 0 0; vertical-align: middle; width: 17px; height: 17px; background-position: 0 -404px; margin-right: 5px; } .icon-id { background: url(../images/icons.png) no-repeat 4px -245px; } .icon-citation-alerts { background: url(../images/icons.png) no-repeat -37px -241px; } .icon-journal-lists { background: url(../images/icons.png) no-repeat 4px -274px; } .icon-saved-searches { background: url(../images/icons.png) no-repeat -37px -274px; } .icon-my-settings { background: url(../images/icons.png) no-repeat 4px -305px; } .icon-sign-out { background: url(../images/icons.png) no-repeat 9px -337px; } .icon-number-messages { display: inline-block; padding: 5px 6px 4px 5px; background: #4B7498; color: #fff; line-height: 10px; margin: 0 0 0 10px; } .icon-scholar { display: inline-block; vertical-align: middle; width: 216px; height: 17px; background: url(../images/scholar-link.png) no-repeat; } .icon-address-show { background: url(../images/icons.png) no-repeat 0 -366px; } .icon-address-hide { background: url(../images/icons.png) no-repeat 0 -382px; } .supsm { font-size: 7px; } .block-search-mini { position: relative; padding: 25px 32px; } .block-search-input { width: 190px; margin-right: 27px; padding: 5px 12px; font-size: 13px; //font-family: @font-family; font-style: italic; color: #666; border-radius: 5px; border: 1px solid #b9b9b9; box-shadow: inset 0px 0px 10px 0 rgba(0, 0, 0, .2); } .block-search-submit { position: absolute; text-indent: -10000em; right: 0; top: 22px; display: inline-block; width: 39px; height: 38px; border: 0; background: url(../images/icons.png) no-repeat -25px -157px; cursor: pointer; } .parent-info-top { padding-top: 15px; padding-right: 32px; padding-bottom: 10px; padding-left: 32px; .title4 { margin-bottom: 10px; display: inline-block; } .Tab1 { margin-bottom: 10px; display: inline-block; font-size: 16px; font-weight: 600; margin-left: 10px; } .Tab2 { margin-bottom: 10px; display: inline-block; font-size: 16px; font-weight: 600; margin-left: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #999; padding-left: 10px; } .title4_query { display: inline-block; font-size: 12px; } } .parent-info-query { margin-bottom: 10px; font-size: 12px; } .refine-list { margin-bottom: 25px; border-bottom: 1px solid #d3d3d3; } .refine-title { position: relative; //font-family: @font-family; font-weight: 600; font-size: 14px; cursor: pointer; padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px; .icon-arrow { display: inline-block; position: absolute; right: 22px; top: 20px; border-width: 7px; border-style: solid; border-color: transparent #005a84 transparent transparent; background-color: transparent; } } .refine-content { display: none; padding: 0 32px 35px 32px; font-size: 13px; } .refine-item-open { position: relative; border-top-color: #D3D3D3; border-bottom: 1px solid #D3D3D3; margin-bottom: -1px; background-color: #e6e6e6; .refine-title { .icon-arrow { right: 19px; top: 21px; border-color: #005a84 transparent transparent transparent; } } .refine-content { display: block; } } .refine-item-active { .refine-title { .icon-arrow { display: none; } } background-color: #E6E6E6; background-image: url(../images/refineActiveArrow.gif); background-repeat: no-repeat; background-position: right center; border-right: none; margin-right: -1px; } .refine-subitem-list { margin-bottom: 15px; } .refine-subitem { margin: 0 0 5px; } .refine-subitem-title { font-size: 12px; position: relative; display: inline-block; padding-left: 25px; INPUT { position: absolute; left: 0; top: 2px; } } .refine-more { margin: 0 32px 25px; p { font-size: 13px; margin-bottom: 10px; //font-family: @font-family; } } .l-columns-criteria { p { position: relative; font-size: 12px; //font-family: @font-family; margin-bottom: 10px; strong { font-weight: 600; //font-family: @font-family; } a { //font-family: @font-family; font-weight: 600; } } } .more-link { font-weight: 600; } .l-columns-item-context { font-style: italic; //font-family: @font-family; margin-top: 0px; margin-right: 0; margin-bottom: 15px; margin-left: 0; a { //font-family: @font-family; font-weight: 600; } } .l-columns-criteria-links { a { //font-family: @font-family; font-weight: 600; span { font-size: 11px; } } } .search-results-item { display: table; width: 100%; border-top-color: #D8D8D8; padding-top: 13px; padding-bottom: 13px; clear: both; } .search-results-checkbox { display: table-cell; width: 30px; vertical-align: top; input { position: absolute; top: 2px; left: 0; } } .search-results-checkbox-align { position: relative; } .search-results-number { display: table-cell; width: 25px; padding-right: 10px; vertical-align: top; } .search-results-number-align { position: relative; } .search-results-content { display: table-cell; padding-right: 30px; } .search-results-data { display: table-cell; width: 140px; } .search-results-title { font-weight: 600; margin-bottom: 10px; font-size: 13px; } .search-results-text { margin-bottom: 10px; line-height: 18px; font-size: 13px; } .search-action-item { position: relative; display: inline-block; margin-right: 5px; } .search-action-item-show { position: relative; .popup-full-text { display: block; } .popup-abstract { display: block; } } .search-results-data-cite { //font-family: @font-family; font-size: 13px; font-weight: 600; margin-bottom: 12px; span { font-weight: normal; font: italic 12px Georgia; } span.en_data_600 { padding-left: 0px; } } .search-results-data-icon { margin-bottom: 12px; font-weight: 600; font-size: 12px; .icon-data1 { margin: 0 8px 0 2px; } .icon-data2 { margin: 0 5px 0 0; } div { margin-bottom: 12px; } } .search-results-data-more { padding-top: 10px; border-top: 2px dotted #e1e1e1; font-weight: 600; font-size: 13px; } .match { background-color: #ffff67; } .settings-list { margin-bottom: 25px; border-bottom: 1px solid #d3d3d3; } .settings-item { padding-top: 10px; padding-bottom: 30px; .icon-arrow { position: absolute; top: 7px; left: 6px; display: inline-block; border-width: 7px; border-style: solid; border-color: transparent transparent transparent #005a84; background-color: transparent; } .button3 { position: absolute; bottom: -1px; right: -1px; height: 35px; line-height: 35px; padding: 0 20px; } } .settings-title { position: relative; //font-family: @font-family; font-size: 14px; cursor: pointer; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 22px; width: 250px; text-transform: uppercase; } .settings-item-open { .icon-arrow { top: 12px; left: 1px; border-color: #005a84 transparent transparent transparent; } position: relative; .settings-content { display: block; } } .settings-content { display: none; padding-top: 0; padding-right: 32px; padding-bottom: 0px; padding-left: 32px; } .settings-subitem-list { margin-bottom: 15px; } .settings-subitem { margin: 0 0 5px; } .settings-subitem-title { position: relative; display: inline-block; padding-left: 25px; INPUT { position: absolute; left: 0; top: 2px; } } .settings-more { margin: 0 32px 25px; p { font-size: 13px; margin-bottom: 10px; //font-family: @font-family; } } .block-history { position: relative; border-top: 1px solid #ccc; padding-top: 40px; padding-right: 30px; padding-bottom: 50px; padding-left: 30px; .title4 { font-size: 16px; //font-family: @font-family; } .block-search-title { ul { display: none; position: absolute; top: 22px; left: -1px; background: #fff; color: #000; width: 290px; border: 1px solid #bdbdbd; z-index: 2; -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); } .icon-dd-active-block-search { &:hover { z-index: 10; border: solid 1px #bdbdbd; background-color: #0083bf; background-image: url(../images/icons.png) no-repeat -28px -364px; background: url(../images/icons.png) no-repeat -28px -364px, -moz-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px,-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: url(../images/icons.png) no-repeat -28px -364px, -ms-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px, linear-gradient(top, #0083bf, #005b85); } } } .show-subnav-block-search { ul { display: block; } .icon-dd-active-block-search { z-index: 10; border: solid 1px #bdbdbd; background-color: #0083bf; background-image: url(../images/icons.png) no-repeat -28px -364px; background: url(../images/icons.png) no-repeat -28px -364px, -moz-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px,-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: url(../images/icons.png) no-repeat -28px -364px, -ms-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px, linear-gradient(top, #0083bf, #005b85); } } } .block-settings { position: relative; padding: 20px 30px 40px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; .title4 { a { font-size: 16px; //font-family: @font-family; } } .criteria-item { margin: 15px 0; font-size: 13px; span { padding-right: 5px; vertical-align: middle; } } input[type="radio"] { vertical-align: middle; margin-right: 5px; } li { position: relative; padding-left: 22px; margin: 10px 0; input[type="checkbox"] { position: absolute; left: 0; top: 2px; } } } .right-panel-block-settings { position: absolute; right: 40px; top: 80px; //font-family: @font-family; color: #666; font-style: italic; p { margin-bottom: 40px; } } .block-settings-state2 { display: none; } .block-search { padding-right: 30px; margin-bottom: 51px; padding-left: 31px; .show-subnav-block-search { ul { display: block; } .icon-dd-active-block-search { z-index: 10; border: solid 1px #bdbdbd; background-color: #0083bf; background-image: url(../images/icons.png) no-repeat -28px -364px; background: url(../images/icons.png) no-repeat -28px -364px, -moz-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px,-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: url(../images/icons.png) no-repeat -28px -364px, -ms-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px, linear-gradient(top, #0083bf, #005b85); } } .block-search-title { .icon-dd-active-block-search { &:hover { z-index: 10; border: solid 1px #bdbdbd; background-color: #0083bf; background-image: url(../images/icons.png) no-repeat -28px -364px; background: url(../images/icons.png) no-repeat -28px -364px, -moz-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px,-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%); background: url(../images/icons.png) no-repeat -28px -364px, -ms-linear-gradient(top, #0083bf, #005b85); background: url(../images/icons.png) no-repeat -28px -364px, linear-gradient(top, #0083bf, #005b85); } } } } .block-search-header { margin-bottom: 2px; margin-top: 42px; } .block-search-title { position: relative; margin-bottom: 15px; color: #005a84; font-size: 16px; //font-family: @font-family; font-weight: 600; ul { display: none; position: absolute; top: 22px; left: -1px; background: #fff; color: #000; width: 232px; border: 1px solid #bdbdbd; z-index: 2; -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29); li { border-top: 1px solid #bdbdbd; background: #f6f6f6; &:first-child { border: none; } a { display: block; color: #000; padding: 7px 10px; font-size: 15px; //font-family: @font-family; font-weight: normal; font-style: normal; background: #f6f6f6; &:hover { color: #000; background: #ECECEC; background: -moz-linear-gradient(top, #ECECEC, #ECECEC); background: -webkit-linear-gradient(top, #ECECEC 0%,#ECECEC 100%); background: -ms-linear-gradient(top, #ECECEC, #ECECEC); background: linear-gradient(top, #ECECEC, #ECECEC); text-decoration: none; } } } .block-search-active-option { a { color: #666; position: relative; &:after { content: "."; position: absolute; right: 8px; font-size: 30px; top: -10px; } } } } span { vertical-align: middle; margin-right: 6px; } } .block-search-content { position: relative; } .search-criteria { position: relative; } .search-criteria-list { margin-right: 225px; } .search-criteria-item { width: 100%; &:last-child { .search-criteria-cell2 { .search-criteria-link-wr { margin-bottom: -28px; } } .button5 { visibility: visible; } } .j-custom-select { .select2-choice { height: 35px !important; line-height: 35px; div { width: 32px; background-position: 12px -117px; } span { margin-right: 44px; font-size: 14px; //font-family: @font-family; font-weight: 600; } } } } .search-criteria-subitem { width: 100%; .search-criteria-cell1 { padding: 0; } } #search_table { width: 100%; max-width: 900px; } .search-criteria-link { margin-bottom: -28px; color: #005a84; cursor: pointer; //font-family: @font-family; font-weight: 600; font-size: 12px; a { &:hover { text-decoration: underline; } } } .search-criteria-helptext { margin-bottom: -28px; color: #666; //font-family: @font-family; font-size: 13px; } .search-criteria-cell0 { display: table-cell; vertical-align: top; padding-bottom: 10px; bordxer: 1px solid red; width: 90px; padding-right: 10px; .j-custom-select { width: 90px !important; } } .search-criteria-cell1 { display: table-cell; vertical-align: top; padding-bottom: 10px; bordxer: 1px solid red; padding-right: 10px; } .search-criteria-cell2 { display: table-cell; vertical-align: top; padding-bottom: 10px; bordxer: 1px solid red; width: 178px; .j-custom-select { width: 178px !important; } } .search-criteria-cell3 { display: table-cell; vertical-align: top; padding-bottom: 10px; bordxer: 1px solid red; width: 110px; min-width: 110px; text-align: right; .button5 { visibility: hidden; } } .criteria-last-child { .button5 { visibility: visible; } } .search-criteria-cell-text { padding: 0 10px !important; vertical-align: middle; text-align: center; font-family: arial,helvetica,sans-serif; font-weight: 600; font-size: 16px; } .search-criteria-input { &::-webkit-input-placeholder { //font-family: @font-family; font-style: italic; } &:-moz-placeholder { //font-family: @font-family; font-style: italic; } &::-moz-placeholder { //font-family: @font-family; font-style: italic; } &:-ms-input-placeholder { //font-family: @font-family; font-style: italic; } width: 100%; padding: 8px 0 9px 0; border: 0; font-size: 16px; background: transparent; } .search-criteria-input-adv { position: relative; width: 100%; min-width: 127px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; border: 1px solid #b9b9b9; box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15); background: #FFF; min-width: 79px\9; padding-top: 0; padding-right: 12px; padding-bottom: 0; padding-left: 12px; } .search-criteria-input-wr { position: relative; width: 100%; min-width: 127px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 35px 0 12px; border-radius: 5px; border: 1px solid #b9b9b9; box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15); background: #FFF; } .search-criteria-input-double { display: inline-block; width: 45%; } .toNumberText { display: inline-block; padding: 6px; } .example-text { padding-top: 7px; font-size: 13px; //font-family: @font-family; font-style: italic; color: #a0a0a0; } .search-criteria-link-wr { text-align: right; padding-top: 10px; } .j-add-criteria { white-space: nowrap; } .j-clear-criteria { white-space: nowrap; } .search-criteria-helptext-wr { text-align: left; padding-top: 4px; } .search-criteria-action { padding-right: 308px; text-align: right; .divider { display: inline-block; color: #b9b9b9; padding: 0 7px; } } .template-criteria { .search-criteria-item { display: none; } } .error { color: #dc0a0a; } .error-title { //font-family: @font-family; text-transform: uppercase; } .search-criteria-input-wr-error { border: 2px solid #dc0a0a; color: #dc0a0a; padding: 0 34px 0 11px; input { color: #dc0a0a; padding: 7px 0 8px 0; } } .block-alert { padding: 15px 30px; font-size: 16px; border-bottom: 1px solid #d3d3d3; //font-family: @font-family; font-weight: 600; color: #dc0a0a; position: relative; background: #f1f1f1; } .side-part-alert { position: absolute; right: 40px; top: 16px; font-size: 14px; //font-family: @font-family; .icon-close { position: relative; top: 0; right: 0; margin: -4px 0 0 10px; } a { color: #dc0a0a; //font-family: @font-family; font-weight: 600; } } .info-text { position: absolute; right: 10px; width: 135px; //font-family: @font-family; color: #666; font-style: italic; z-index: 1; } .block-logo { padding: 24px 32px 20px; border-bottom: 1px solid #ccc; .logo-item { display: inline-block; margin-right: 6px; margin-left: 0; width: 92px; height: 69px; border: 1px solid #bdbdbd; background: #777; background: -moz-linear-gradient(top, #898989 0%, #676767 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(100%,#676767)); background: -webkit-linear-gradient(top, #898989 0%,#676767 100%); background: -o-linear-gradient(top, #898989 0%,#676767 100%); background: -ms-linear-gradient(top, #898989 0%,#676767 100%); background: linear-gradient(to bottom, #898989 0%,#676767 100%); } } .block-bottom-menu { background: #f1f1f1; } .bottom-menu-item { padding-left: 30px; display: inline-block; width: 24%; vertical-align: top; //font-family: @font-family; font-weight: 600; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; .icon-arrow { position: absolute; top: 35px; left: 8px; display: inline-block; border-width: 7px; border-style: solid; border-color: transparent transparent transparent #005a84; background-color: transparent; } .bottom-menu-item-content { display: none; padding: 7px 5px 7px 21px; font-size: 14px; } } .bottom-menu-title { padding: 33px 5px 33px 21px; vertical-align: middle; cursor: pointer; position: relative; } .bottom-menu-item-open { .bottom-menu-title { padding-bottom: 0; } .icon-arrow { top: 38px; left: 3px; border-color: #005a84 transparent transparent transparent; } .bottom-menu-item-content { display: block; } } .bottom-menu-item-content { ul { margin: 5px 0 15px; color: #666; font-size: 12px; //font-family: @font-family; li { padding: 3px 0; } a { //font-family: @font-family; } } } .list-style-disc { padding-left: 15px; li { list-style: disc outside; } } .bottom-menu-sign { margin: -6px 0 10px; color: #666; font-size: 14px; } .block-end-note { background: #0070a3; background: -moz-linear-gradient(top, #0083bf 0%, #00547c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0083bf), color-stop(100%,#00547c)); background: -webkit-linear-gradient(top, #0083bf 0%,#00547c 100%); background: -o-linear-gradient(top, #0083bf 0%,#00547c 100%); background: -ms-linear-gradient(top, #0083bf 0%,#00547c 100%); background: linear-gradient(to bottom, #0083bf 0%,#00547c 100%); .end-note-left { color: #fff; font-size: 14px; padding: 14px 31px 15px; //font-family: @font-family; font-weight: 600; a { //font-family: @font-family; color: #fff; font-weight: 600; } } .end-note-right { margin-top: 1px; float: right; font-size: 13px; //font-family: @font-family; &:after { clear: both; } } } .popup-abstract-source { display: none; } .view_abstract { display: block; padding-top: 14px; } #popup-abstract { display: none; position: fixed; margin-left: -280px; top: 50%; left: 50%; width: 560px; background: #fff; padding: 35px 40px; font-size: 14px; -moz-box-shadow: 0 0 25px rgba(0,0,0, .35); -webkit-box-shadow: 0 0 25px rgba(0,0,0, .35); box-shadow: 0 0 25px rgba(0,0,0, .35); z-index: 1000; h2 { font-size: 18px; margin: 15px 0 5px 0; } p { margin-bottom: 6px; color: #666; } .l-2columns { margin-top: 30px; padding-right: 50px; * { vertical-align: middle; } } } .popup-main-link { font-weight: 600; } .button-close { position: absolute; right: 25px; bottom: 40px; font-size: 14px !important; } .full-text-content { display: none; } .button-ft { display: inline-block; } #popup-full-text { display: none; position: absolute; background-color: #fff; border: 1px solid #bdbdbd; z-index: 100; -moz-box-shadow: 5px 5px 15px rgba(0,0,0, .2); -webkit-box-shadow: 5px 5px 15px rgba(0,0,0, .2); box-shadow: 5px 5px 15px rgba(0,0,0, .2); } .popup-full-text { display: none; position: absolute; background-color: #fff; border: 1px solid #bdbdbd; z-index: 100; -moz-box-shadow: 5px 5px 15px rgba(0,0,0, .2); -webkit-box-shadow: 5px 5px 15px rgba(0,0,0, .2); box-shadow: 5px 5px 15px rgba(0,0,0, .2); } .popup-ft-list { margin: 0 20px; LI { white-space: nowrap; padding: 15px 0; border-top: 1px solid #d9d9d9; &:first-child { border-top: 0; } A { font-weight: 600; //font-family: @font-family; font-weight: 600; } span { color: #333333; font-weight: 600; display: inline-block; margin-bottom: 4px; } } } .popup-journal-info-source { display: none; } #popup-journal-info { display: none; position: absolute; padding: 0; box-sizing: border-box; width: 640px; background: #FFF; font-size: 0; border: 1px solid #ccc; -moz-box-shadow: 0 0 25px rgba(0,0,0, .35); -webkit-box-shadow: 0 0 25px rgba(0,0,0, .35); box-shadow: 0 0 25px rgba(0,0,0, .35); z-index: 1000; .button-close { bottom: 30px; right: 40px; } h2 { font-size: 18px; margin-bottom: 18px; } h3 { font-size: 32px; font-weight: 600; //font-family: @font-family; margin-top: 9px; } h4 { font-size: 18px; font-weight: 600; //font-family: @font-family; margin-top: 5px; } .j-info-subheader { font-size: 14px; //font-family: @font-family; font-weight: 600; margin-bottom: 3px; } .j-info-description { font-size: 14px; //font-family: @font-family; padding-bottom: 10px; } } .j-info-2col { width: 50%; display: inline-block; vertical-align: top; } .j-info-header { padding: 25px 40px 0 40px; color: #000; } .j-info-main { color: #666; padding: 25px 40px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #e9e9e9; background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e9e9e9 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e9e9e9 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#e9e9e9 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#e9e9e9 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#e9e9e9 100%); span { //font-family: @font-family; font-size: 14px; font-weight: normal; padding-left: 3px; font-style: italic; } .j-info-2col { margin-top: 30px; } .j-info-addlink { display: inline-block; vertical-align: top; margin-top: 15px; font-size: 12px; } } .j-info-footer { padding: 25px 40px 60px 40px; color: #000; } .skip-content { position: absolute; top: -8000px; } .institutionContent { color: #666; border-top: 1px solid #f6f6f6; background: #fff; z-index: 55; position: relative; padding: 40px 30px; ul { li { display: inline-block; padding-right: 30px; vertical-align: top; a { font-size: 12px; //font-family: @font-family; font-weight: 600; } } } .facebook { position: absolute; right: 40px; top: 39px; cursor: pointer; } } .footer { position: relative; border-top: 1px solid #f6f6f6; background: #fff; box-shadow: 0px -3px 10px 0 rgba(0,0,0,.1); z-index: 9; } .footerShadow1 { background: #f2f2f2; border-bottom: 1px solid #efefef; height: 1px; } .footerShadow2 { border-top: 1px solid #ebebeb; background: #e4e4e4; border-bottom: 1px solid #dfdfdf; height: 1px; } .footerContent { position: relative; padding: 40px 30px; ul { li { display: inline-block; padding-right: 30px; text-transform: uppercase; vertical-align: top; font-size: 12px; span { color: #666; } a { font-size: 11px; //font-family: @font-family; font-weight: 600; color: #005a84; } } } .feedback { position: absolute; right: 30px; top: 40px; font-size: 12px; font-style: italic; //font-family: @font-family; } .facebook { position: absolute; right: 40px; top: 39px; cursor: pointer; } } .ml-icon { background: url(../images/mlicon.png); display: inline-block; width: 18px; height: 19px; margin-left: 4px; margin-right: 2px; } .en-icon { background: url(../images/ENicon.png); display: inline-block; width: 19px; height: 11px; margin-left: 4px; margin-right: 4px; } .showhide { position: relative; cursor: pointer; &:after { display: inline-block; position: relative; top: 11px; left: 83px; width: 39px; height: 36px; content: ""; background: url(../images/showhide.png); cursor: pointer; } } .map-icon { position: relative; left: 36px; display: block; margin-bottom: 6px; &:before { position: absolute; display: inline-block; width: 20px; height: 20px; left: -32px; top: -2px; background: url(../images/map.png); content: ""; } } .alert-icon { position: relative; left: 36px; display: block; margin-bottom: 4px; &:before { position: absolute; display: inline-block; width: 20px; height: 20px; left: -32px; top: -2px; background: url(../images/alert.png); content: ""; } } .settings-icon { position: relative; right: 36px; display: block; margin-bottom: 4px; &:before { position: absolute; display: inline-block; width: 16px; height: 16px; left: -32px; top: -2px; background: url(../images/settings.png); content: ""; } } .scoreCard { background-color: #E6E6E6; padding: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; border-left-width: 4px; border-left-style: solid; border-left-color: #4B7498; } @media screen and (max-width: 1100px) { .options-inner { padding: 0 10px; .icon-print { margin-right: 8px; } } }