/* variables */ @import "variables.less"; @width: 480px; @heightBanner: 90px; @heightSlider: 90px; .rotatorBanners .bx-wrapper img{ width: 480px !important ; } // all .start {width:@width;} .social-media.only-mobile {.set-display(block);} // bxslider .bxSlider { .slider {max-width: 480px;} } .top { ul.top-menu {float: left;padding-left: 0; li {padding-right: 15px; &.login, &.register {padding-right: 15px;} } } } .header { margin-bottom: 6px; .journal-body & {margin-bottom: 6px;} .header-slider {min-height: @heightSlider;max-height: @heightSlider;height:@heightSlider; img {max-width: 100%;max-height: 100%;} h5 {right: 0;max-width: 325px;font-size: 14px;top: 31px; white-space: nowrap;overflow: hidden;padding-left: 10px;padding-right: 10px;} .logo {left: 16px;top: 15px;width: 115px;height: 55px;} } .header-banner {min-height: @heightBanner;max-height: @heightBanner;height:@heightBanner; img {max-width: 100%;max-height: 100%;} h5 {right: 0;max-width: 300px;font-size: 18px;top: 28px;white-space: nowrap;overflow: hidden;} .logo {left: 20px;top: 15px;width: 110px;height: 50px;} } .main-menu {width: 416px;height: 44px;overflow: hidden;float: left;white-space: nowrap; li {white-space: nowrap; &:not(.home) a,span {padding-left: 20px;padding-right: 20px;} &.home a {background: url(../imgs/ico-home-blue.png) no-repeat 15px 8px transparent;} .journal-body &.home a {background: url(../imgs/ico-home.png) no-repeat 18px 10px transparent;} } li.redaction {display: none;} } .mobile-menu {display: block;float: right;clear: none;position: relative; .open {width: 62px;height: 44px;border-left: 1px solid #f6f7f8;cursor: pointer; background: transparent url(../imgs/menu-rollover-blue.png) center center no-repeat; .journal-body & {background-image: url(../imgs/menu-rollover-gray.png);} } .menu-rollover {position: absolute;top: 0;right: -250px;text-align: right; width: 250px;overflow: hidden;.blue-bg;.font-open; .upper;z-index: 3; .journal-body & {.grey-bg;} li {display: block;float: none;.blue-bg; a,span {display: block;.font-white; .no-decoration;.blue-bg;padding: 10px; &.active {.grey-light-bg;.font-blue} &:hover {.grey-light-bg; .font-blue; .no-decoration;} } span.hide {background: transparent url(../imgs/arrow-right-gray-22.png) 0 0 no-repeat; width: 22px;height: 22px;padding: 0;margin: 5px auto;cursor: pointer;margin-top: 20px;} .journal-body & {.grey-bg; a,span {.grey-bg; &.active:not(.hide) {.blue-bg;.font-white;} &:hover:not(.hide) {.blue-bg; .font-white; .no-decoration;} } } } } } } .search { margin-bottom: 5px;padding-bottom: 5px; &.only-mobile {.set-display(block);} &.subpage { .search-form {border-bottom: 0; .inp-txt {width: 220px} } } a.journal-list {margin: 5px;float: none;clear: both;background-position: 300px 15px; text-align: center;display: none;width: auto;} a.journal-list.only-mobile {.set-display(block);} .search-form { padding-left: 5px;padding-bottom: 5px;border-bottom: 1px solid #EBEBEB;width:468px; .inp-txt {width: 220px;} .results {left: 5px;} } } .main-content { background: 0;.content-bg(); &.left-col, &.right-col {background: 0;.content-bg();} .column-left, .column-right {float: none;clear: both;width: auto;} .column-right { .search {display: none;} } .column-left {display: none;} .column-left.only-mobile {.set-display(block);padding-top: 5px;background-color: #F5F5F5; > div {.content-bg();} } .column { .menu { padding: 0; ul li a,ul li span {padding-left: 30px;padding-right: 30px;} ul li:not(.opened) a:hover, ul li:not(.opened) span:hover {.content-bg();} } .category{ padding: 0; ul li a,ul li span {padding-left: 30px;padding-right: 30px;background-position: 440px 50%;} ul li:not(.opened) a:hover, ul li:not(.opened) span:hover {.content-bg();} } .newsletter {float: none;clear: both;border: 0;height: auto;line-height: 35px; vertical-align: middle;margin-top: 5px;text-align: center; h5,.newsletter-outer {float: none;clear: both;padding: 0;} h5 {white-space: nowrap;padding-right: 25px;display: block;} .newsletter-outer {width: 320px;margin: 0 auto;} .inp-txt {width: 235px;} .regulations {line-height: 1.4;} } .social-media {float: none;clear: both;width: auto;height: auto; border-top: 1px solid #EBEBEB; ul {padding-top: 15px;padding-bottom: 10px;text-align: center; li {display: inline-block;float: none;clear: both;} } } } .main-column {background: 0;width: auto;clear: both;float: none;background-color: #f5f5f5; &.author-register {.content-bg(); .field {width: 420px;} .field .inp-txt, .field textarea {width: 398px;} .field select, .field select.inp-txt {width: 420px;} .three-col .field {width: 200px; .inp-txt {width: 178px;} } .three-col .field:not(:last-child) {padding-left: 29px;} .three-col .field:first-child {float: none;clear: both;} .two-col .field {width: 200px; .inp-txt {width: 178px;} } } .list-header {margin: 0 5px; h1 {padding-right: 10px;padding-left: 20px;} .sort-title {padding-right: 15px;padding-left: 0;} } .letters, .list {margin: 0 5px;.content-bg();padding-top: 10px;padding-bottom: 20px; ul {float: none;clear: both;padding-bottom: 0;padding-top: 0;width: auto;} } .main-text {padding: 35px 20px;width: auto;margin:0 5px; &.news-list {padding: 0;} } .index-text {border-bottom: 0;} .breadcrumb {margin: 0 5px; .change-font-size {display: none;} ul {padding-right: 10px;} } .most-recent {margin: 0 5px; .top-numbers {float: none;clear: both;padding: 25px 0; background: 0;font-size: 14px; a {float: none;padding: 20px 30px;border-bottom: 1px solid #ebebeb; width: auto;margin: 0;clear: both;line-height: 1.2;font-size: 14px; span {.set-display(inline)} &.last-mobile {border-bottom: 0;} } img {display: inline;vertical-align: middle; margin: 0;margin-right: 30px;margin-bottom: 10px;max-width: 75px;} .line {display: none;} } .recent-numbers {display: none;} } .main-text, .breadcrumb, .most-recent {.content-bg();} .prev-next-news {margin: 0 5px;.content-bg();} .news-text {padding: 15px; .fancybox .photo {max-width: 180px;} } } .journals-list { .covers-list-grid1, .covers-list-grid2, .covers-list-grid3, .pagination {.content-bg();margin: 0 5px; ul {max-width: 80%;} } .category-name {margin: 0 5px;} a.photo img {max-width: 100%;} .covers-list-grid1 .journal-item {padding-top: 20px; a.photo {width: 180px} a.title,a.issn {width: 220px;line-height: 24px;} a.title {padding-top: 50px;font-size: 18px;} a.issn {font-size: 13px;} } .covers-list-grid2 {background-image: none; .journal-item {padding-top: 10px;float: none;clear: both;width: auto; border-bottom: 1px solid #EEEEEE; &.last {border-bottom: 0;} a.title {padding-top: 40px;} } .line {display: none;} } .covers-list-grid3 {background-position: 6px 0; .line {display: none;} .line-mobile {.set-display(block);} .journal-item {padding-top: 20px;} } } } .footer {margin-top: 5px; .foot-inner {width:@width;background: 0;padding-bottom: 0;} .contact {width: auto;padding: 25px;float: none;clear: both; .text {.set-display} h4 {float: left;clear: none;padding: 0;font-size: 22px; padding-left: 30px;background-position: 0 5px;} a.read-more {float: right;clear: none;margin: 0;} } .contact-form {padding: 25px;width: auto;float: none; clear: both;border-top:1px solid #F5F5F5; h4 {float: left;clear: none;padding: 0;font-size: 22px; padding-left: 40px;background-position: 0 5px;} span.show {float: right;clear: none;margin: 0;.set-display(block);font-size: 14px; background-color: #3F67C0;cursor: pointer; padding: 5px 9px 7px;margin-top: 2px;color: #FFF; &.hide {display: none !important;} .journal-body & {background-color: #696969;} } form {float: none;clear: both;display: none; padding-left: 0;width: 307px;text-align: center;margin: 0 auto;} } } .subfooter .foot-inner {width:(@width - 5);padding-left: 5px;padding-right: 0; .logo {border: 0;} .copyright {width: 338px;padding-left: 0;font-size: 11px;overflow: hidden;} a.cookies {float: none;clear: both;display: block;border-top:1px solid #F5F5F5; text-align: center;padding: 10px 0; position: relative;left: -5px;width: (@width + 5);} } .journal-page { .journal-info, .journal-tabs-header, .journal-tab-desc, .journal-pdfs-header, .articles-list, .numbers-list {margin: 0 5px;} .journal-info{ padding-left: 20px;padding-right: 20px; .main-photo {width: 160px;overflow: hidden;} .description {float: none;width: auto;clear: both;} .notice {padding-right: 198px;} .redaction {width: 270px;padding-bottom: 20px;clear: right;float: right;} .more-info { .inner {background: 0; .c1 {padding-left: 0;} .column {padding: 0;clear: both;float: none;width: auto;} } } } .journal-pdfs-header {.content-bg(); a {padding-left: 30px;padding-right: 40px;} } .journal-tab-desc {.content-bg(); .photo {padding-top: 0;} .info.with-photo {width: 245px; .main-header {font-size: 16px; a {padding: 0;} } .input-text {font-size: 13px;} } a {min-width: 130px;padding-right: 70px;} .links {float:none;clear: both;text-align: center; a {float: none;clear: none;display: inline-block; &.xml {min-width: 20px;} } span {float: right;} } .main-header a {padding: 0;} } .prenumerate { .input-text, .prenumerate-right {width: auto;float: none;clear: both;text-align: left;padding-top: 0;} .prenumerate-right { .prenumerates-select {padding:5px 0 0;} .cart {float: right;} } } } .number-page { .journal-info { .title {float: left;max-width: 260px;width: 260px;font-size: 25px;} .redaction {float: left;max-width: 260px;width: 260px;clear: left;} .notice {width: 285px;overflow: hidden;padding-right: 0;} &.paper-info { .main-photo {padding-right: 10px;} .redaction {clear: right;} } } .abstract-info {margin: 0 5px;} .abstract-text { .links {margin: 0 5px;.content-bg();} } } .author-page { .articles-list {margin: 0 5px;} } .main-content .user-page {.content-bg();} .login-page { .login-form { .labels label {width:195px;} .field .inp-txt {width: 165px;} .fields .inp-sbt {margin: 0 auto;position: relative;top:10px;float: none;clear: both;} } .password-form { .field .inp-txt {width: 240px;} } } .main-content .order-proccess {.content-bg(); .form .three-col { .field {width:202px; .inp-txt {width:180px;} } .email-field {width: 300px;float: none;clear: both; .inp-txt {width:278px;} } } .content { h1.title {width: 220px;padding-right: 25px; } .steps { div:last-child {display: none;} span {background-color: #f5f5f5; &.active {background-color: #696969;} } } } .cart-info { .header {.grey-light-bg();display: none; .c1 {width: 320px;} } .row { .c3 {width: 80px;} .c5 {padding-left: 36px;} .c7 {width: 48px;} } .item { .only-mobile {.set-display(inline);} .clear.only-mobile {.set-display(block);} .c2 {width: 325px;overflow: hidden;clear: right;} &:nth-child(even) {.content-bg(); .column.c3, .column.c4, .column.c5, .column.c6, .column.c7 {border-top: 1px solid #E0E0E0;} } .column.c3, .column.c4, .column.c5, .column.c6, .column.c7 {float: none;clear: both;padding: 10px 0;width: 410px;margin: 0 auto; border-top: 1px solid #FFF;text-align: right; span.desc {text-align: left;.set-display(inline);float: left;} } .column.c3 {margin-top: 10px;} .column.c5{ span.up {top: 10px;left: 393px;} span.down {top: 26px;left: 393px;} .inp-txt {margin-right: 17px;} p {display: inline;text-align: left;float: left;} } .column.c7 {text-align: center; span.desc {text-align: center;float: none;padding-right: 5px;} } } } .available_numbers {background: 0;width: 430px; .float{ &.left {width: auto;float: none;} &.right {width: auto;float: none;padding-top: 15px; .row_head {padding-left: 0;} .an_rows{ .c2 {width: 238px;padding-top: 10px;float: left;clear: none;border: 0;} .c3 {width: 60px;padding-top: 10px;} .c5 {padding-left: 15px;width:20px;} .c3,.c5 {padding-top: 10px;float: left;clear: none;border: 0;margin: 0;} } } } } } .cart-page { .content {.grey-light-bg(); } .address-page { .field {float: none;clear: both; .inp-txt {width: 395px;} } .content {.content-bg(); .form { .three-col .field, .four-col .field {float: none;clear: both;width: 417px; .inp-txt {width: 395px;} &.email-field select.inp-txt {width: 420px;} } .five-col .field {float: none;clear: both;width: 417px; &:last-child {float: none;clear: both; .inp-txt {width: 417px !important;} } &.wide {width: 417px; .inp-txt {width: 395px;} } .inp-txt {width: 395px;} } .four-col .company-field {margin-bottom: 10px;width: 417px;} .visible {display: block;} } } } .newsletter { h5 {float: none;clear: both;font-size: 15px;.font-blue();} .inp-txt {width: 368px;} > fieldset {display: block;float: none;clear: both;padding-top: 15px;} } .price-info.total {.content-bg();text-align: left;padding-left: 25px;padding-right: 25px; span {float: right;text-align: right;} } .links {height: 200px;position: relative;background: #FFF url(../imgs/cart-links-bg.jpg) 0 53px repeat-x; a.next,a.prev,span, .inp-sbt,a.continue {position: relative;float: none;clear: both;text-align: center; left: 0;top: 0;width: auto;margin-bottom: 20px;padding-left: 19px;padding-right: 18px;} .inp-sbt {width: 422px;background-position: 67% 50%;top:108px;} a.next {background-position: 65% 50%;margin-bottom: 0;top: 160px;} a.continue {top:-140px;} .reset {top:-34px;} .update {top: 72px;} a.prev {background-position: 39% 50%;} &.step1 {height: auto; .update {top: 0;} a.prev {top: -108px;} } } .social-cart {.set-display(block);.content-bg();margin-top: 5px; padding: 30px;text-align: center; li {display: inline-block;margin-right: 30px; &:last-child {margin-right: 0;} } } .user-page { .content {.content-bg();padding-bottom: 0;} .links {height: auto;background: 0;font-size: 13px;text-align: center; a.no-login {font-size: 13px;float: none;clear: both;display: inline-block;margin-top: 10px;} } .login-form .labels {display: none;} .login-form .field { .inp-txt {float: none;clear: both;width: 390px;margin-right: 0;margin-left: 0;} label {float: none;width: auto;.set-display(block); &:not(:first-child) {margin-top: 10px;} } .inp-sbt {float: none;width: 412px;margin: 0;margin-top: 10px;background-position: 235px 6px;} } } } .main-content .confirm-page {.grey-light-bg(); h5.subheader {.content-bg();} .cart-info {.content-bg(); .header {.content-bg();} .item{ .column.c3, .column.c4, .column.c5, .column.c6, .column.c7 {border-top:1px solid #E0E0E0;} } } .summary,.comments {.content-bg();} .address-info {background: 0; .column {padding:20px;width: auto;clear: both;float: none; h5 {text-align: center;padding-bottom: 10px;} .text {font-size: 14px;} } } .comments {width: auto;clear: both;} .links { .inp-sbt,a.prev,a.next {width: auto;float: none;clear: both;position: relative; text-align: center;padding-left: 15px;padding-right: 15px;} a.prev {margin-bottom: 12px;top: -35px;background-position: 33% 50%;} .inp-sbt {top: 45px;width: 422px;background-position: 73% 50%;} } .confirmation-chk{ font-size: 13px; padding-left: 0; } } .address-page { .form .five-col .field { &.last {float: none;clear: both;margin: 0;} } .form .four-col { .company-field {float: none;clear: both;} } } .profile-page { .profile-head {padding-bottom: 0;padding-left: 15px;padding-right: 15px; .title {padding-left: 13px;} .tabs {position: static;float: none;width: 445px;margin: 0 auto;padding-top: 10px; li {float: left; a {font-size: 12px;padding: 15px 8px;} &:last-child a {border-right-width: 1px;} } } } .user-data { .two-col .field, .three-col .field, .four-col .field, .five-col .field {width: 200px; .inp-txt {width: 180px;} } .three-col { .email-field {width: 340px;float: none;clear: both; .inp-txt {width: 220px;} } } .four-col .company-field {width: 340px;float: none;clear: both; .inp-txt {width: 320px;} } .address {font-size: 13px; .address-links {right: 10px;} } .invoice .copy-data {right: 175px;top:-52px;width: 100px;} } .orders-data { .header-row {display: none;} .order-row {font-size: 14px; .cart-info {font-size: 14px;.grey-light-bg(); .header, .item:nth-child(2n), .item {.grey-light-bg();} } .comments {.grey-light-bg();} ul li {width: auto !important;display: block;float: none;clear: both; padding: 10px 30px !important;text-align: right !important; &.last {text-align: center !important;background-position: 275px 8px;} &:not(.last) span {text-align: left;.set-display(block);float: left;} } } .row {font-size: 14px; &.item {padding: 10px;padding-right: 0; .c2 {margin-bottom: 10px;width: auto; > p {.set-display(block);float: none;clear: both;font-size: 13px;padding-bottom: 8px;} .authors {font-size: 12px;} } .column > span {font-size: 13px;} } } } } .search-page{ .content {margin: 0 5px; .three-col{ .field {width: 416px;float: none;clear: both; select {width: 415px;} .inp-txt {width: 393px;} } .wide {float: none;clear: both;width: 416px; select {width: 415px;} } } .five-col { .field {width: 125px; .inp-txt {width: 102px;} select {width: 124px;} } .wide {width: 414px;float: none;clear: both; .inp-txt {width: 391px;} } .wider {float: none;clear: both;width: 414px; .inp-txt {width: 391px;} } } form{ .search-main-fields {padding-bottom: 20px; .search-label, .phrase-label {width: 190px;display: none;} .fields {padding-bottom: 18px; .search-label, .phrase-label {width: auto;.set-display(block);padding-left: 23px;padding-bottom: 5px;} } .field {width: 413px;clear: both;float: none;padding-bottom: 7px; select {width: 412px;} } .phrase-field {width: 413px; .inp-txt {width: 390px;} } .type-field {width: 413px; select {width: 412px;} } } .search-restrictions { .field {width: 412px;clear: both;float: none; select {width: 411px;} } .multiple {width: 412px;clear: both;float: none; span {width: 389px;padding: 7px 10px;background-position: 390px 12px;} } } .links {padding-left: 258px; &.reset {padding-left: 10px;left: 30px;} } } } .other-searches {margin: 0 5px;background-repeat: repeat; .scholar,.doi {width: auto;float: none;clear: both;} .field { .inp-txt {width: 390px;float: none;clear: both;} .inp-sbt {margin: 10px auto;float: none;clear: both;} } } } .main-content .main-column.prenumerates-page { .input-text {padding-top: 20px;padding-bottom: 20px;border-bottom: 6px solid #EEEEEE;} .prenumerates-select, .prenumerates-confirm {margin: 0 5px;.content-bg();} .prenumerates-select { .select-box {width: 420px;float: none;clear: both; select {width: 419px;} } .item-select {width: 420px; select {width: 419px;} } } .prenumerates-confirm {padding-bottom: 20px; .confirmation {width: 250px; input {vertical-align: middle;} } } .newsletter {display: none;} } // SLIDERS: .column .bx-wrapper, .main-content .column-left.only-mobile .bx-wrapper, .main-content .column-right .bx-wrapper {width: 428px;} // COOKIES: body #cookiesBarWrap {width: 465px; p {max-width: 95%;} }