@import "variables.less"; * {padding:0; margin:0;} body, html {min-height: 100%;} body {.body-bg;} fieldset, img {border:0;padding: 0;} label, a {cursor:pointer;} body, textarea, input, select {font:normal 12px Arial, Helvetica, sans-serif;color: #626262;} input[type=radio] {cursor: pointer;width: auto !important;} h2,h3 {font-weight:normal;} a {text-decoration:none; outline:none;.font-blue();} a:hover {text-decoration:underline;} .hidden {display: none;} .visible {display: block;} .clear {position:relative; clear:both; height:0px; overflow:hidden;} fieldset legend {display:none;} .submit {cursor: pointer;} /* all */ .start {width:@width; margin:0 auto;overflow: hidden;} .newsletter .error {.font-open; text-align:center; .font-blue; padding:10px 0 0;} .newsletter .error span {.more-button; display:block; float:none; cursor:pointer; margin-top:5px; .upper;} .only-mobile,.only-320 {.set-display;} p.empty {text-align: center;font-size: 20px;padding: 20px;} .fancy-close {display: none;} .inp-error{ background-color: #ffbbbb; } .start,.footer, .subfooter, .jsAlerts {display: block;} .box-loading {display: none;} /* top */ .top {.content-bg; .upper; .font-open;} .top ul {.no-list; float:right;} .top ul li {float:left;} .top ul.langs {border-left:1px solid #f6f7f8; padding:0 8px 0 11px;} .top ul.langs li a {display:block; float:left; padding:7px 9px 8px; .font-grey-b; &.active, &:hover {.font-grey-7; .no-decoration;}} .top ul.top-menu {padding: 0 15px;} .top ul.top-menu li {padding:7px 10px 7px 30px;} .top ul.top-menu li.logged, .top ul.top-menu li.login {background:url(../imgs/ico-user.png) 15px 9px no-repeat;} .top ul.top-menu li.register {background:url(../imgs/ico-paddlock.png) 15px 9px no-repeat;} .top ul.top-menu li.login, .top ul.top-menu li.register {padding-right:20px;} .top ul.top-menu li a {.font-grey-9;} .top ul.top-menu li.logged a {.font-blue;} .top ul.top-menu li.basket {background:url(../imgs/ico-cart.png) 10px 10px no-repeat;} /* header */ .header {.content-bg; margin-bottom:10px;} .header .header-slider {min-height:auto; position:relative; width:100%;} .header .header-slider img {display:block;} .header .header-slider .logo {position:absolute; top:59px; left:41px;} .header .header-slider h5 {position:absolute; .font-open; .font-white; font-size:34px; top:73px; right:29px; .upper; .blue-bg; padding:2px 23px 4px; max-width:600px; text-align:right;} .header .main-menu {.no-list;} .header .main-menu li {float:left; border-left:1px solid #f6f7f8; padding:4px 4px 2px; font-size:13px;} .header .main-menu li a, .header .main-menu li span {display:block; padding:10px 8px 10px 8px; .font-open; .upper; .font-grey-6;} .header .main-menu li a.active {.grey-light-bg;} .header .main-menu li a:hover {.blue-bg; .font-white; .no-decoration;} .header .main-menu li.home a {width:35px; height:20px; overflow:hidden; text-indent:-9999px; background:url(../imgs/ico-home.png) 18px 10px no-repeat;} .header .main-menu li.redaction {float:right;} .header .main-menu li.redaction a {background: url(../imgs/arrow-right-white-22.png) 140px 7px no-repeat; .blue-bg; .font-white; padding: 9px 41px 11px 10px;} .header .mobile-menu {display: none;} /* search */ .search {.content-bg; margin-bottom:11px;} .search a.journal-list {display:block; float:left; background:url(../imgs/arrow-right-white-24.png) 183px 15px no-repeat; .font-white; padding: 15px 40px 16px 0px; .font-open; margin:14px 15px; .upper; font-size:17px; .blue-bg; width:190px; text-align:center;} .search .search-form {float:left; border-left:1px solid #efefef; padding:14px 0 15px 15px;position: relative;} .search .search-form form {float:left;} .search .search-form .inp-txt {.font-open; font-size:17px; .font-grey-a; height:22px; border:1px solid #ebebeb; line-height:22px; padding:15px 14px; width:421px; float:left;} .search .search-form .inp-sbt {float:left;} .search .search-form .results {display: none;position: absolute;top: 67px;left: 15px;right: 0;z-index: 5;.font-open(); .no-list();padding: 10px 0;.font-grey-a();.content-bg();border: 1px solid #EBEBEB; .column & {top:58px;width: 227px;} li {.no-list();border-bottom: 1px solid #EBEBEB;padding: 8px 10px;text-align: left; &.last {border-bottom: 0;} &.title {.font-blue();font-weight: bold;border-bottom-width: 2px;font-size: 14px; } &:hover:not(.title) {.blue-bg();.font-white(); a {.font-white();} } a {text-decoration: none;.font-grey-a();} } .column.journal-results & { li { &.title {.font-grey-7();} &:hover:not(.title) {.grey-bg();} } } } .search .search-form .search-progress {display: none;position: absolute;right: 230px;top: 25px; background: transparent url(../imgs/progress.gif) 0 0 no-repeat;background-size: cover; width: 28px;height: 28px;overflow: hidden;text-indent: -500em;z-index: 2; .column & {right: 65px;width: 25px;height: 25px;} } .search a.extended-search-link {display:block; float:left; width:90px; .font-grey-a; .font-open; line-height:15px; font-size:13px; border:1px solid #ebebeb; border-left:0; padding:11px 50px 11px 22px; background:url(../imgs/arrow-right-gray-22.png) 124px 15px no-repeat;} /* column */ .main-content {.content-bg;} .main-content.left-col {background: url(../imgs/bg-main-left-col.gif) repeat-y; .content-bg;} .main-content.right-col {background: url(../imgs/bg-main-left-col.gif) 439px 0 repeat-y; .content-bg;} .main-content .column-left, .main-content .column-right {float:left; width:260px;} .main-content .column .menu {padding:17px 15px 17px 14px; border-bottom:1px solid #ededed;} .main-content .column .menu ul {.no-list;} .main-content .column .menu ul li {font-size:18px; .font-open; border-bottom:1px solid #ededed;} .main-content .column .menu ul > li:last-child {border-bottom:none;} .main-content .column .menu ul li a, .main-content .column .menu ul li span {display:block; padding:9px 0 11px 16px; .font-grey-5; cursor:pointer; font-weight:400; &:hover{.no-decoration; background-color:#f5f5f5;}} .main-content .column .menu > ul > li > a.active, .main-content .column .menu > ul > li > span.active {.font-white; .no-decoration; background:#89a6e5;} .main-content .column .menu > ul > li.opened > a, .main-content .column .menu > ul > li.opened > span {.font-white; background:#89a6e5; .no-decoration; padding-top:10px;} .main-content .column .menu ul ul {padding-top:1px; display:none;} .main-content .column .menu ul li.opened > ul {display:block;} .main-content .column .menu ul ul li {font-size:14px;} .main-content .column .menu ul ul li a, .main-content .column .menu ul ul li span {padding-left:30px; background: url(../imgs/arrow-column-item.png) 16px 50% no-repeat; &.active{.no-decoration; font-weight:600;}} .main-content .column .menu ul ul li.opened > a, .main-content .column .menu ul ul li.opened > span {.font-grey-5; font-weight:600; background-color:none; .no-decoration;} .main-content .column .menu ul ul ul {padding-top:0; padding-bottom:24px;} .main-content .column .menu ul ul ul li {border:none; font-size:13px;} .main-content .column .menu ul ul ul li a, .main-content .column .menu ul ul ul li span {padding: 4px 0 5px 47px; background-position:32px 50%;} .main-content .column .category {padding:10px 15px 10px 14px; border-bottom:1px solid #ededed;} .main-content .column .category ul {.no-list; font-size:18px; .font-open;} .main-content .column .category ul li a, .main-content .column .category ul li span {display:block; padding:9px 40px 10px 14px; .font-grey-5; cursor:pointer; background:url(../imgs/arrow-down-gray-21.png) 204px 50% no-repeat; &:hover{.no-decoration; background-color:#f5f5f5;}} .main-content .column .category > ul > li.opened > a, .main-content .column .category > ul > li.opened > span {background-image:url(../imgs/arrow-up-gray-21.png);} .main-content .column .category ul ul {display:none; padding:3px 0 5px; border-top:2px solid #ededed;} .main-content .column .category ul li.opened > ul {display:block;} .main-content .column .category ul ul li {font-size:14px; border-bottom:1px solid #ededed; line-height:18px;} .main-content .column .category ul ul li.number-info {font-size: 13px;padding: 8px 15px;padding-right: 10px;line-height: 15px; background: none;} .main-content .column .category ul ul li a, .main-content .column .category ul ul li span {padding-left:15px; padding-right:5px; background: 0; &.active{.no-decoration; font-weight:600;}} .main-content .column .category ul ul li a.affiliation {background: none;font-size: 12px;display: inline-block;padding-top: 0;padding-bottom: 10px;margin-top: -5px; &:hover { background-color:#f5f5f5;} } .main-content .column .category ul > li:last-child {border-bottom:none;} .main-content .column .category ul ul ul {border:none; margin:0; padding-left: 20px; padding-top:0;} .main-content .column .category ul ul ul li {border:none; padding-bottom:8px; font-size:13px;} .main-content .column .category ul ul li.opened > a, .main-content .column .category ul ul li.opened > span {font-weight:600;} .main-content .column .category ul ul li a.opened, .main-content .column .category ul ul li span.opened {padding-left:30px;background: url(../imgs/arrow-column-item-opened.png) 16px 50% no-repeat;} .main-content .column .category ul ul.opened {display: block;} .main-content .column .category ul ul ul li.opened {padding-bottom:0;} .main-content .column .category ul ul ul li > a, .main-content .column .category ul ul ul li > span {padding-top:0; padding-bottom:0;} .main-content .column .category ul ul ul ul {padding-bottom:0; padding-top:8px;} .main-content .column .newsletter {padding:20px 15px 30px 28px; border-bottom:1px solid #ededed;} .main-content .column-right .newsletter {border-top:2px solid #ededed;} .main-content .column .newsletter h5 {font-size:18px; .font-open; font-weight:normal; padding-bottom:14px;} .main-content .column .newsletter .inp-txt {.font-open; font-size:13px; .font-grey-a; height:22px; border:1px solid #ebebeb; line-height:22px; padding:10px 11px; width:135px; float:left; background:#f5f5f5;} .main-content .column .newsletter .inp-sbt {float:left;} .main-content .column .newsletter .regulations {font-size:11px; .font-grey-9; .font-open; padding:10px 20px 0 0;} .main-content .column .newsletter .regulations input {margin:0 5px 3px 0;} .main-content .column .social-media ul {.no-list; text-align:center; padding:14px 0 34px 5px;} .main-content .column .social-media ul li {display:inline; padding:0 16px;} .social-media .like-it {padding: 0;padding-left: 40px; & > div {float: left !important;margin-right: 20px !important;} } /* pagination */ .pagination {border:1px solid #eee; border-width: 1px 0 0;} .pagination ul {float:right; .no-list;} .pagination ul li {display:block; float:left; height:44px;} .pagination ul li a, .pagination ul li span {display:block; height:16px; .font-open; .font-grey-9; font-size:12px; line-height:16px; text-align:center; padding:14px 20px; border-left:1px solid #eee; font-weight:600;} .pagination ul li a:hover, .pagination ul li a.active {.font-blue; .no-decoration;} .pagination ul li a.active {padding-top:11px; border-top:3px solid #3f67c0;} .pagination p {float:right; .font-open; .font-grey-9; font-size:12px; padding:14px 20px 0 0;} /* footer */ .footer {.footer-bg; margin-top:38px;} .footer .foot-inner, .subfooter .foot-inner {width:@width; margin:0 auto;} .footer .foot-inner {background:url(../imgs/bg-footer-col.gif) 615px repeat-y; padding-bottom:51px;} .subfooter {.footer-bg; border-top:1px solid #f5f5f5; padding-bottom:10px;} .footer .contact {float:left; width:615px;} .footer h4 {margin:0; padding:25px; font-size:26px; .font-grey-5; .font-open; font-weight:400;} .footer .contact h4 {background:url(../imgs/ico-contact-marker.png)0 31px no-repeat;} .footer .contact .text {float:left; .font-open; font-size:13px; line-height:22px; padding:0 7px 0 2px; width:210px;} .footer .contact .text h5 {font-size:17px; .upper; font-weight:600; padding:5px 0 9px;} .footer .contact a.read-more {margin:54px 0 0 3px; .more-button;} .footer .contact-form {float:left; width:310px; padding:0 0 0 34px;} .footer .contact-form h4 {background:url(../imgs/ico-message-bubble.png) 1px 33px no-repeat; padding-left:33px;} .footer .contact-form form {padding: 8px 0 0 3px; #captcha {margin: 5px 10px;cursor: pointer;} .field-error,.field-error a {border-color: #FF0000 !important;} } .footer .contact-form .inp-txt, .footer .contact-form textarea {.font-open; font-size:13px; .font-grey-a; height:22px; border:0; line-height:16px; padding:7px 17px 6px; width:273px; background:#f5f5f5; margin-top:1px;} .footer .contact-form .inp-sbt {.more-button; border:none; cursor:pointer; float:right; padding:7px 14px;} .footer .contact-form .error-msg {float:left; padding:10px 0 0 10px; color:#f00;} .footer .contact-form .error {color:#f00;} .subfooter .foot-inner {padding: 10px 0;} .subfooter .logo {background:url(../imgs/logo-footer.png) 0 6px no-repeat; display:block; float:left; .hide-txt; width:136px; height:59px; border-right:1px solid #f5f5f5;} .subfooter .copyright {float:left; padding: 22px 0 0 20px; font-size:14px; .font-open; .font-grey-9; } .subfooter a.cookies {float:right; .font-open; .font-grey-5; font-size:14px; margin-top:22px;} .jsAlerts {display:none;} /* main column - index page */ .main-content .main-column {float:left; width:700px;} .main-column .breadcrumb {position:relative; border-bottom:1px solid #f1f1f1;} .main-column .breadcrumb ul {.no-list; padding:13px 120px 13px 30px;} .main-column .breadcrumb ul li {display:inline; font-size:13px; .font-grey-9; .font-open;} .main-column .breadcrumb ul li a {.font-grey-9;} .main-column .breadcrumb .change-font-size {position:absolute; right:0; top:0; .font-open; font-weight:600; .font-grey-9;} .main-column .breadcrumb .change-font-size span {border: 1px solid #f6f7f8; padding:10px 15px; cursor:pointer; display:block; float:left; height:24px; border-width:0 0 1px 1px; line-height:24px} .main-column .breadcrumb .change-font-size .normal {font-size:15px;} .main-column .breadcrumb .change-font-size .big {font-size:17px;} .main-column .breadcrumb .change-font-size .active {text-decoration:underline;} .main-column .main-text {.font-open; .font-grey-5; font-size:14px; line-height:22px;} .main-column .index-text {padding: 24px 30px 19px; border-bottom:6px solid #eee;} .main-column .most-recent .header {.blue-bg; font-weight:300; .font-white; font-size:16px; .font-open; padding: 12px 30px 10px; margin:0;} .main-column .most-recent .header a {float:right; .font-white; font-size:12px; font-weight:400; display:block; padding:1px 2px;} .main-column .most-recent .top-numbers {background: url(../imgs/bg-recent-col-grid4.gif) 174px 0 repeat-y;} .main-column .most-recent .top-numbers a {display:block; float:left; width:138px; padding:0 19px 10px 18px; .font-open; .font-grey-6; font-size:14px; line-height:19px; overflow:hidden;} .main-column .most-recent .top-numbers a.last {padding-right:18px;} .main-column .most-recent .top-numbers a img {display:block; margin:19px auto 8px; max-width:140px; height:auto;} .main-column .most-recent .top-numbers .line {clear:both; width:100%; height:1px; overflow:hidden; border-bottom:1px solid #f7f7f7;} .main-column .recent-numbers .number {padding:22px 30px 28px 30px; border-top:1px solid #f1f1f1;} .main-column .recent-numbers .photo {float:left; width:158px; padding-top:7px;} .main-column .recent-numbers .desc {float:left; width:470px; .font-open;} .main-column .recent-numbers .no-photo {float:none; width:630px;} .main-column .recent-numbers .date {.font-grey-6; font-size:14px;} .main-column .recent-numbers .desc .title {margin:0; font-size:18px; font-weight:400; line-height:24px;} .main-column .recent-numbers .desc .title a {.font-blue;} .main-column .recent-numbers .desc .input-text {font-weight:400; .font-grey-5; font-size:14px; line-height:22px; padding-top:14px;} .main-column .recent-numbers .desc a.read-more {margin:14px 0 0; .more-button;} /* main column - textpage */ .textpage-content h1.title {.font-blue; .font-open; font-size:18px; font-weight:400; line-height:24px; padding: 24px 30px 19px;} .textpage-content .main-text {.font-open; .font-grey-5; font-size:14px; line-height:22px; padding: 24px 30px 19px; border-bottom:6px solid #eee;} /* news page */ .main-column .news-text {padding:24px 30px 25px; border-top:1px solid #eee;} .main-column .news-text:first-of-type {border-top:0;} .main-column .news-text .photo {float:left; margin:5px 19px 20px 0;} .main-column .main-text h1.main-header, .main-column .news-text h5.title {.font-blue; .font-open; font-size:18px; font-weight:400; line-height:24px; padding-bottom:13px;} .main-column .news-text h5.title, .main-column .news-text h1.main-header {padding-bottom:0;} .main-column .news-text h5.title a {.font-blue;} .main-column .news-text a.more {.more-button; margin-top:10px;} .main-column .news-text .date {.font-grey-6; font-size:14px;} .main-column .news-text .text {padding-top:13px;} .main-column .news-text .intro {font-weight:600;} .main-column .related-news {padding:26px 30px 28px; border-top:1px solid #f1f1f1;} .main-column .related-news h5.header {margin:0; position:relative; .font-open; .font-blue; font-size:16px; font-weight:400; padding-bottom:17px;} .main-column .related-news h5.header a {position:absolute; top:1px; right:0; font-size:13px; .font-grey-b;} .main-column .related-news ul {.no-list;} .main-column .related-news ul li {padding:3px 0 2px; .font-open; font-size:14px; line-height:22px;} .main-column .related-news ul li a {padding-left:18px; background: url(../imgs/arrow-column-item.png) 1px 8px no-repeat; .font-grey-6; display:block;} .main-column .prev-next-news {border:1px solid #f1f1f1; border-width:1px 0; position:relative; min-height:40px;} .main-column .prev-next-news a {display:block; float:left;border-right:1px solid #f6f7f8; padding:14px 14px 12px; .font-open; font-size:12px; .font-grey-b; line-height:18px;} .main-column .prev-next-news a.prev {padding-left:33px;} .main-column .prev-next-news a.next {padding-right:30px;} .main-column .prev-next-news a.next, .main-column .prev-next-news a.next-ico {border:0; border-left:1px solid #f6f7f8; float:right;} .main-column .prev-next-news a.next-ico, .main-column .prev-next-news a.prev-ico {font-size:18px; padding:10px 17px 16px;} .main-column .prev-next-news a.back {float:none; position:absolute; left:50%; margin-left:-50px; border:none; top:0;} /* journals list, list */ .main-column .list-header {.blue-bg; .font-open; .font-white; margin:0; padding:0; padding:6px 0;} .main-column.journal-results { .list-header {.grey-bg(); h1 {.grey-bg();} .sort-select {border-color: #FFF;background-image: url("http://www.ejournals.eu/css/../imgs/arrow-down-gray-10.png"); ul {.grey-bg();} } } } .main-column .list-header h1 {font-size:16px; font-weight:400; float:left; padding:6px 30px 4px; .blue-bg; margin:0;} .main-column .list-header .sort-select, .main-column .list-header .sort-title {display:block; float:right; padding:7px 20px 7px 18px; .font-white;} .main-column .list-header .sort-select {border-left:1px solid #3459ad; padding:7px 0 7px 25px; position:relative; background: url(../imgs/arrow-down-blue-10.png) right 12px no-repeat; margin-right:10px;} .main-column .list-header .sort-select span {cursor:pointer;padding-right: 20px;} .main-column .list-header .sort-select ul {position:absolute; top:30px; right:-10px; .no-list; .blue-bg; padding:10px 20px; display:none; z-index: 2; li {white-space: nowrap;} a {.font-white;} .active {font-weight:600;} } .journals-list .letters ul {.no-list; text-align:center; border-bottom:1px solid #f5f5f5; padding:11px 0 14px;} .journals-list .letters ul li {display:inline; border-left:1px solid #dedede; text-align:center;} .journals-list .letters ul li:first-child {border:none;} .journals-list .letters ul li a {padding:7px 5px 7px 8px; .font-grey-d; .font-open; font-size:15px; &:hover, &.active {.no-decoration; .font-blue;}} .journals-list .category-name {.grey-light-bg; .font-grey-4; .font-open; font-size:14px; font-weight:400; padding:5px 10px;} .journals-list .category-name.authors-name {margin-top: 20px;} .journals-list .list ul {.no-list; float:left; padding:15px 10px 36px 20px; width:320px;} .journals-list .list ul li {padding:5px 0 5px; .font-open; font-size:14px; line-height:20px;} .journals-list .list ul li a {padding-left:18px; background: url(../imgs/arrow-column-item.png) 4px 6px no-repeat; .font-blue; display:block;} .journals-list .pagination, .news-list .pagination, .journal-page .pagination {border-bottom-width: 1px;} /* journals list, covers */ .journals-list .line {clear:both; width:100%; height:1px; overflow:hidden; border-bottom:1px solid #f7f7f7;} .journals-list .journal-item a {display:block;} .journals-list .journal-item a.title {.font-blue; .font-open; font-size:15px; line-height:19px; padding:10px 0 5px;} .journals-list .journal-item a.issn {.font-grey-4; .font-open; font-size:12px; line-height:19px;} .journals-list .journal-item a.number {.font-blue;} .journals-list .covers-list-grid3 {background: url(../imgs/bg-main-col-grid3.gif) 1px 0 repeat-y;} .journals-list .covers-list-grid3 .journal-item {float:left; width:212px; text-align:center; padding:46px 10px 26px;} .journals-list .covers-list-grid3 .journal-item a.photo img {max-width:110px; height:auto;} .journals-list .covers-list-grid2 {background: url(../imgs/bg-main-col-grid2.gif) 1px 0 repeat-y;} .journals-list .covers-list-grid2 .journal-item {float:left; width:328px; padding:17px 10px 10px;} .journals-list .covers-list-grid2 .journal-item a.photo {float:left; width:168px; text-align:center; padding:3px 9px 6px 0;} .journals-list .covers-list-grid2 .journal-item a.photo img {max-width:146px; height:auto;} .journals-list .covers-list-grid2 .journal-item a.title, .journals-list .covers-list-grid2 .journal-item a.issn, .journals-list .covers-list-grid2 .journal-item span.issn {width:150px; float:left;display: block;line-height:20px;} .journals-list .covers-list-grid2 .journal-item a.title {padding-top:0; padding-bottom:10px;} .journals-list .covers-list-grid1 .journal-item {padding:27px 20px 20px;} .journals-list .covers-list-grid1 .journal-item a.photo {float:left; width:230px; text-align:center; padding:3px 29px 6px 1px;} .journals-list .covers-list-grid1 .journal-item a.title, .journals-list .covers-list-grid1 .journal-item a.issn, .journals-list .covers-list-grid1 .journal-item span.issn {width:300px; float:left; font-size:15px; line-height:26px;display: block;} .journals-list .covers-list-grid1 .journal-item a.title {padding-top:123px; padding-bottom:14px; font-size:20px;} /* journal body overrides */ .journal-body .header {margin-bottom:14px;} .journal-body .header .header-slider h5 {background-color:rgba(50%,50%,50%,50%);} .journal-body .header .main-menu li a:hover {.grey-bg;} .journal-body .header .main-menu li.redaction a {.grey-bg;min-width: 120px;} .journal-body .footer .contact a.read-more {.more-button-grey;} .journal-body .footer .contact-form .inp-sbt {.more-button-grey;} .journal-body .pagination ul li a.active {padding-top:14px; border-top:none; .grey-bg; .font-white;} /* right column overrides */ .main-content .column-right .search {.grey-bg; margin-bottom:0;} .main-content .column-right .search .search-form {border:0; float:none; padding-bottom:0;} .main-content .column-right .search .search-form form {float:none;} .main-content .column-right .search .search-form .inp-txt {font-size:14px; padding:10px 0 10px 10px; width:172px;} .main-content .column-right .search a.extended-search-link {float:none; width:220px; .font-white; border:0; padding:9px 0px 11px 13px; background:url(../imgs/arrow-right-gray-16.png) 198px 9px no-repeat;} .main-content .column-right .category {padding-top:12px; border-color:#fbfbfb;} .main-content .column-right .category.no-display {display: none;} .main-content .column-right .category.authors-cat {margin-bottom: -10px;} .main-content .column-right .category > ul > li {border-top:2px solid #ededed; border-bottom:2px solid #ededed;} .main-content .column-right .category > ul > li:last-child {border-bottom:2px solid #ededed;} .column-right .category > ul > li.opened:last-child {border-bottom:none;} .main-content .column-right .category ul li a, .main-content .column-right .category ul li span {padding-top:6px;} .main-content .column-right .category ul ul li a, .main-content .column-right .category ul ul li span {padding-top:10px; padding-left:15px; &.smaller {font-size: 12px;} &.inline {display: inline;background: 0; &:hover {background: 0;} } } .main-content .column-right .category ul ul li.padding {padding: 10px 15px;padding-right: 0; & a.inline,& span.inline {padding: 0;} & span.inline {cursor: auto;} } .main-content .column-right .category.number-link {padding: 10px 15px;border-top: 2px solid #EDEDED;} .main-content .column-right .category.number-link:hover {.body-bg(); } .main-content .column-right .category.number-link a {display: block;font-size: 14px;text-decoration: none; .font-grey-5;.font-open;} .main-content .column-right .category ul ul li p:not(.keywords) {padding-top:10px; padding-left:15px;padding-bottom: 10px;background:none;} .main-content .column-right .category ul ul li .keywords {padding-bottom: 15px;padding-left: 15px;border-bottom: 1px solid #ededed;font-size: 12px;overflow: hidden;} .main-content .column-right .category ul ul li .keywords span, .main-content .column-right .category ul ul li .keywords a {padding: 0;background: none;margin: 0;display: inline;border: 0;.font-blue;} .main-content .column-right .category ul ul li .keywords a:hover {text-decoration: underline;} .main-content .column-right .category ul ul li .xml {background: url(../imgs/ico-xml.png) 15px 12px no-repeat;padding-left: 43px;margin-top: 3px;margin-bottom: -20px;} .main-content .column-right .notice {padding:10px 30px 10px;.font-open; .font-grey-a; font-size:15px; line-height:21px;} .main-content .column-right .prev-next-news {padding: 10px 25px;border-top: 2px solid #EDEDED;border-bottom: 2px solid #EDEDED;} .main-content .column-right .prev-next-news a.prev {display: block;float: left;.font-blue;} .main-content .column-right .prev-next-news a.next {display: block;float: right;.font-blue;} /* journal page */ .journal-page .journal-info {.grey-light-bg; padding: 19px 29px 28px; .font-open; border-bottom:6px solid #f5f5f5;} .journal-page .journal-info .main-photo {float:left; padding:10px 0px 5px 0; width:168px;} .journal-page .journal-info .main-photo img {max-width:140px; height:auto;} .journal-page .journal-info .title {font-size:28px; .font-black; font-weight:500; padding-bottom:20px;} .journal-page .journal-info h1.title span {display:block; font-size:20px;} .journal-page .journal-info .redaction {float:left; border-bottom:1px solid #f5f5f5; width:471px; font-size:14px; line-height:22px; padding-bottom:38px; margin-bottom:13px;} .journal-page .journal-info .no-photo.redaction {float:none; width:100%;} .journal-page .journal-info .description {font-size:13px; line-height:22px; .font-grey-5; padding-bottom:14px;} .journal-page .journal-info .more-info {padding:10px 0; border:1px solid #f5f5f5; border-width: 1px 0;} .journal-page .journal-info .more-info .inner {background: url(../imgs/bg-white-2-cols.gif) 212px 0 repeat-y; } .journal-page .journal-info .more-info .column {float:left; width:180px; padding:4px 0 7px 31px; font-size:13px; line-height:22px;} .journal-page .journal-info .more-info .c1 {padding-left:21px; width:190px;} .journal-page .journal-info .notice {padding:15px 100px 21px 4px; border-bottom:1px solid #f5f5f5; .font-grey-a; font-size:13px; line-height:19px; position:relative;min-height: 31px;} .journal-page .journal-info .notice a {.font-blue; position:absolute; top:25px; right:0;} .journal-page .journal-info .about {float: none;clear: both;width: auto;border-bottom: 1px solid #F5F5F5;padding: 12px 0; .font-grey-a; font-size:13px;line-height:19px; position:relative;} .journal-page .journal-tabs-header {.grey-light-bg;} .journal-page .journal-tabs-header a {float:left; display:block; .font-open; .font-white; .grey-bg; font-size:13px; line-height:16px; text-align:center; min-width:139px; border-right:1px solid #fff; padding:16px 0 12px; min-height:16px;} .journal-page .journal-tabs-header a.two-lines {padding:6px 0;min-height:32px;} .journal-page .journal-tabs-header a.active {.content-bg; .font-grey-5;} .journal-page .journal-tabs-header.lines-3 a {min-height:32px;} .journal-page .journal-tabs-header.lines-3 a.two-lines {min-height:48px;} .journal-page .journal-tab-desc {padding:32px 28px 29px; .font-open;} .journal-page .journal-tab-desc .info {float:left;} .journal-page .journal-tab-desc .main-header {.font-blue; font-size:22px; font-weight:500; .upper;} .journal-page .journal-tab-desc .main-header a {.font-blue;} .journal-page .journal-tab-desc .description {font-size:14px; padding:4px 0;} .journal-page .journal-tab-desc .paper-description {font-size:14px; padding:20px 0;} .journal-page .journal-info .links {float: none;clear: both;padding: 10px;} .journal-page .journal-tab-desc .links {float:right;} .journal-page .journal-tab-desc .links a, .journal-page .journal-tab-desc .links span {float:left; .font-blue; text-align:center; .font-open; font-size:12px; line-height:13px; cursor:pointer;} .journal-page .journal-tab-desc .links .cart {padding:45px 10px 6px 10px;background: url(../imgs/ico-cart-2.png) center 17px no-repeat; border-left:1px solid #f5f5f5;} .journal-page .journal-tab-desc .links .xml, .journal-page .journal-info .links .xml {width:44px; padding:36px 10px 6px 0;background: url(../imgs/ico-xml.png) 14px 16px no-repeat;text-align: center;} .journal-page .journal-info .links .xml {display: inline-block;padding-top: 20px;background-position: 14px 0;} .journal-page .journal-tab-desc .photo {float:left; padding:10px 0px 5px 0; width:168px;} .journal-page .journal-tab-desc .photo img {max-width:160px; height:auto;} .journal-page .journal-tab-desc .info.with-photo {width:475px;} .journal-page .journal-pdfs-header {border-top:1px solid #f7f7f7;} .journal-page .journal-pdfs-header a {float:left; display:block; .font-open; .font-blue; font-size:14px; line-height:16px; min-width:94px; padding:20px 50px 20px 30px; min-height:16px; border:1px solid #f7f7f7; margin:-1px 0 0 -1px; background:url(../imgs/ico-pdf.png) 90% 50% no-repeat;} .journal-page .journal-pdfs-header a.two-lines {padding-top:12px; padding-bottom:12px;min-height:32px;} .journal-page .journal-pdfs-header.lines-3 a {min-height:32px;} .journal-page .journal-pdfs-header.lines-3 a.two-lines {min-height:48px;} .journal-page .journal-pdfs-header.no-ico a {background:none; padding-right:20px; padding-left:20px; min-width:10px;} .journal-page .prenumerate {border-bottom:1px solid #f5f5f5;} .journal-page .prenumerate .input-text {float:none; .font-grey-a; font-size:13px;padding:5px 0; line-height:19px;} .journal-page .prenumerate .prenumerate-right { padding:5px 0;} .journal-page .prenumerate .prenumerate-right span { .font-grey-6; padding-right: 5px;width: 238px;display: inline-block; } .journal-page .prenumerate .prenumerate-right select {width:270px; padding:2px 5px;margin-right: 15px;} .journal-page .prenumerate .prenumerate-right .prenumerates-select {padding:10px 0 0;} .journal-page .prenumerate .prenumerate-right .cart {border-bottom:0; border-left:1px solid #f5f5f5; float:right; cursor:pointer; padding: 3px 30px 0 6px; border-left:1px solid #f5f5f5; background:url(../imgs/ico-cart-2.png) right 50% no-repeat;width: auto;} .journal-page .prenumerate .prenumerate-right span.select-number {padding-top:10px;} .journal-page .list-header, .journal-page .list-header h1 {.grey-light-bg; .font-grey-5;} .journal-page .list-header {padding-top:15px;padding-bottom:16px;} .journal-page .list-header h1 {font-size:18px; padding-left:32px;} .journal-page .list-header .sort-select {border-color: #fff; min-width:75px; text-align:right; margin: 3px 15px 0 0; background-image:url(../imgs/arrow-down-gray-10.png);} .journal-page .list-header .sort-title {padding-top:10px;} .journal-page .list-header .sort-title, .journal-page .list-header .sort-select span {.font-grey-5; font-size:13px;} .journal-page .list-header .sort-select ul {.grey-light-bg; padding:20px 30px; } .journal-page .list-header .sort-select ul a {.font-grey-5;} .articles-list .article {padding:18px 28px 21px; .font-open; .text_part .highlighted {.highlighted(); .journal-results & {.highlighted-grey();} } } .articles-list .article.odd {.grey-light-bg;} .articles-list .article a.title {.font-blue; display:block; font-size:18px; line-height:24px; padding-bottom:10px; .highlighted {.highlighted(); .journal-results & {.highlighted-grey();} } } .articles-list .article .search-desc {padding: 15px 30px;.font-blue();font-size: 14px; background: transparent url(../imgs/arrow-right-blue-21.png) 0 15px no-repeat; span {font-weight: bold;} .journal-results & {.font-grey-7();background-image: url(../imgs/arrow-right-gray-22.png); background-position: 0 14px;} } .articles-list .article .author {.font-grey-5; font-size:15px; font-weight:600; padding-bottom:18px;} .articles-list .article .author h3 {font-size:15px;font-weight:600;display: inline;} .articles-list .article .author a {.font-grey-5; .highlighted {.highlighted(); .journal-results & {.highlighted-grey();} } } .articles-list .article .more-info {font-size:13px; line-height:22px; padding-bottom:10px; a {.font-blue; .highlighted {.highlighted(); .journal-results & {.highlighted-grey();} } } span {.font-blue;} } .articles-list .article .links {border:1px solid #f5f5f5; border-width: 1px 0; padding:11px 0;} .articles-list .article .links a, .articles-list .article .links span {.font-blue; font-size:14px; line-height:24px; display:block; float:left; padding-right:10px; margin-right:14px;border-right:1px solid #f5f5f5; font-weight:600; &.highlighted {.highlighted(); .journal-results & {.highlighted-grey();} } &.language {.font-grey-6;margin-left: -20px;font-size: 12px;} } .articles-list .article .links a.pdf {margin-right:0; border-right:none; background:url(../imgs/ico-pdf.png) right 50% no-repeat; padding-right:20px; &.highlighted {.highlighted(); .journal-results & {.highlighted-grey();} } } .articles-list .article .links span.cart, .articles-list .article .links a.cart {margin-right:6px; border-right:none; padding-right:30px; float:right; padding-left:10px; cursor:pointer; border-left:1px solid #f5f5f5; background:url(../imgs/ico-cart-2.png) right 50% no-repeat;} .articles-list .article .links a.download-pdf {margin-right:6px; border-right:none; float:right; padding-left:10px; border-left:1px solid #f5f5f5; &.highlighted {.highlighted(); .journal-results & {.highlighted-grey();} } } .journal-page .numbers-list ul {.no-list; line-height:22px; font-size:22px; .font-open;} .journal-page .numbers-list ul li {border-bottom:1px solid #f5f5f5;} .journal-page .numbers-list ul li.opened {border-bottom:none;} .journal-page .numbers-list ul li span, .journal-page .numbers-list ul li a {display:block; margin:18px 14px 18px 27px; .font-grey-6; cursor:pointer; padding:0; background:url(../imgs/arrow-down-gray-21.png) right 50% no-repeat;} .journal-page .numbers-list.only-numbers ul li a {background: 0;} .journal-page .numbers-list ul li.opened > span, .journal-page .numbers-list ul li.opened > a {background-image:url(../imgs/arrow-up-gray-21.png);} .journal-page .numbers-list ul ul {display:none; border-top:1px solid #f5f5f5;} .journal-page .numbers-list ul li.opened > ul {display:block;} .journal-page .numbers-list ul ul li span, .journal-page .numbers-list ul ul li a {margin:12px 40px 14px 48px; font-size:18px; background-image:url(../imgs/arrow-right-blue-21.png);} /* number page */ .number-page .journal-info {border-bottom-width:3px; padding-bottom:26px;} .number-page .journal-info .title {float:left; width:470px;} .number-page .journal-info .title span {font-size:24px; display:block; line-height:28px;} .number-page .journal-info .redaction {border-bottom:none;} .number-page .journal-info .redaction span.label {float:left; display:block;} .number-page .journal-info .redaction a.google-link {float:left; display:block; overflow:hidden; text-indent:-99999px; width:69px; height:20px; background:url(../imgs/google-books.gif) 6px 0px no-repeat;} .number-page .journal-info .main-photo {padding:10px 0 3px 10px; float:right; width:142px;} .number-page .journal-info .notice {float:left; border-top:1px solid #f5f5f5; width:470px; padding:13px 0 16px;} .number-page .journal-info .links {float:right; border:1px solid #f5f5f5; border-width:1px 0;border-bottom: 0; padding:15px 0 15px; max-width:144px;} .number-page .journal-info .links a, .number-page .journal-info .links span {float:right; display:block; .font-blue; padding:0 0 0 24px; font-size:14px;} .number-page .journal-info .links span.cart, .number-page .journal-info .links a.cart {background:url(../imgs/ico-cart-2.png) 0 50% no-repeat; cursor:pointer;} .number-page .journal-info .links a.xml {background:url(../imgs/ico-xml.png) 14px 5px no-repeat; float:left;} .number-page .paper-info .notice {float:none; width:auto;} .number-page .paper-info .main-photo {float:left; padding:10px 20px 5px 0;} /* abstract */ .number-page .abstract-info {.grey-light-bg; padding:23px 28px 20px; .font-open;} .number-page .abstract-info .title {font-weight:400; font-size:23px; line-height:28px; padding-bottom:18px;border-bottom: 1px solid #c8c8c8;} .number-page .abstract-info .authors h3 {display: inline-block;.font-blue; font-size:14px;font-weight: normal;padding-top: 15px;} .number-page .abstract-info .authors a {.font-blue; font-size:14px;} .number-page .abstract-info .authors span {vertical-align:super; font-size:10px;} .afilliations {padding:27px 0 0; font-size:13px; line-height:21px;} .afilliations a {.font-grey-6;} .afilliations span {padding-left:10px; vertical-align:top; font-size:6px;} .number-page .abstract-info .authors-contact {display:block; padding:17px 0 0; .font-blue; font-size:13px;} .number-page .abstract-text {.font-open;} .number-page .abstract-text .main-text {padding:25px 28px 24px;} .number-page .abstract-text .type {font-size:16px; font-weight:400; padding-bottom:9px;text-transform: uppercase;} .number-page .abstract-text .title {font-size:22px; font-weight:400; padding-bottom:19px;} .number-page .abstract-text .text {font-size:14px; line-height:22px;} .number-page .abstract-text .tagline {font-size:14px; line-height:22px; padding:30px 0 0;} .number-page .abstract-text .tagline a {.font-blue;} .number-page .abstract-text .links {border:1px solid #f5f5f5; border-width: 1px 0 0; padding:11px 30px;} .number-page .abstract-text .links a, .number-page .abstract-text .links span {.font-blue; font-size:14px; line-height:24px; display:block; float:left; padding-right:10px; margin-right:14px;border-right:1px solid #f5f5f5; font-weight:600;} .number-page .abstract-text .links span.language {.font-grey-6;margin-left: -20px;font-size: 12px;} .number-page .abstract-text .links a.pdf {margin-right:0; border-right:none; background:url(../imgs/ico-pdf.png) right 50% no-repeat; padding-right:20px;} .number-page .abstract-text .links.oneArticle {position: relative;padding-top: 35px;} .number-page .abstract-text .links.oneArticle a {border-right: 0;} .number-page .abstract-text .links.oneArticle p {position: absolute;left: 30px;top: 10px;.font-grey-6;font-size: 16px;font-weight:400;text-transform: uppercase;} .number-page .abstract-text .links span.cart, .number-page .abstract-text .links a.cart {margin-right:6px; border-right:none; padding-right:30px; float:right; padding-left:10px; cursor:pointer; border-left:1px solid #f5f5f5; background:url(../imgs/ico-cart-2.png) right 50% no-repeat;} .number-page .abstract-text .links a.download-pdf {margin-right:6px; border-right:none; float:right; padding-left:10px; border-left:1px solid #f5f5f5;} .abstract-page .articles-list .article {padding-top:12px;padding-bottom: 12px; .more-info {padding: 0;} } /* register author */ .author-register {.font-open;} .author-register .title {font-weight:400; font-size:18px; line-height:24px; padding:25px 29px 18px; .font-blue;} .author-register .text {font-size:14px; padding:0 29px 37px; line-height:22px;} .author-register .field .radio-container {padding-top: 10px;font-size: 15px; label {display: inline;padding: 0;} input {margin-right: 5px;margin-left: 25px;cursor: pointer; &.first {margin-left: 0;} } } .author-register .field {padding:0 31px 19px 29px;} .author-register .field label {display:block; font-size:15px; padding: 0 0 6px 3px;} .author-register .field .inp-txt, .author-register .field textarea, .author-register .field select {display:block; border:1px solid #ebebeb; padding: 8px 10px; font-size:14px; line-height:18px; width:618px;} .author-register .field select.inp-txt, .author-register .field select {width: 640px;overflow: hidden;} .author-register .field select .add {font-weight: bold;} .author-register .field textarea {height:97px; &#text {margin-top: 10px;} } .author-register .field .error {width:100%; color: #FF1700; .grey-light-bg; text-align:center; padding:2px 0; font-size:12px;} .author-register .field-error {padding-bottom:0;} .author-register .three-col .field {float:left; width:200px; padding-left: 0; padding-right: 20px;} .author-register .three-col .field:first-child {padding-left:29px;} .author-register .three-col .field .inp-txt {width:178px;} .author-register .two-col .field {float:left; width:310px; padding-left: 0; padding-right: 20px;} .author-register .two-col .field:first-child {padding-left:29px;} .author-register .two-col .field .inp-txt {width:288px;} .author-register .field .inp-error {background-color: #ffdddd;} .author-register .newsletter-field {padding-top:7px; padding-bottom:11px;} .author-register .newsletter-field .inp-chkb {float:left; margin:5px 18px 0 0;} .author-register .legend {border:1px solid #f5f5f5; border-width:1px 0; padding:18px 34px 19px 31px;} .author-register .legend span {float:left; font-size:15px; padding:6px 0 0;} .author-register .legend .inp-sbt, .author-register button.inp-sbt {background:url(../imgs/arrow-right-white-22.png) 85% 50% no-repeat;.more-button; float:right; border:0; text-transform:uppercase; cursor:pointer; padding:7px 45px 8px 20px; font-size:14px;} .author-register button.inp-sbt {margin: 10px 0;margin-bottom: 15px;} .author-register .legend.reload {border-top:0; .inp-sbt {background-position: 90% 50%;} } /* cart page - cart step 1 */ .basket-hidden {display:none;} .main-content .order-proccess {float:none; width:100%; .font-open;} .order-proccess .user-message {padding:20px; .font-blue;} .order-proccess .breadcrumb {border-color:#e0e0e0;} .order-proccess .content h1.title {float:left; width:500px; font-size:18px; font-weight:500; .font-grey-6; padding:19px 52px; background:url(../imgs/ico-cart-big.png) 28px 24px no-repeat;} .order-proccess .content .steps {float:right; padding:23px 19px; font-size:14px;} .order-proccess .content .steps div {float:left; padding:0 10px;} .order-proccess .content .steps a, .order-proccess .content .steps span {display:block; float:left; padding: 1px 7px; margin-right:1px; .font-white; .grey-light-bg;} .order-proccess .content .steps span.active {.grey-bg;} .order-proccess .cart-info {padding:17px 0 0;} .order-proccess .cart-info .row {border-bottom:1px solid #e0e0e0; padding:8px 0 8px 29px; font-size:15px;} .order-proccess .cart-info .row .column {float:left;} .order-proccess .cart-info .row .c1 {width:90px;} .order-proccess .cart-info .row .c1 img {max-width:90px; height:auto;} .order-proccess .cart-info .row .c2 {width:340px; .info {.font-blue;font-size: 12px;} } .order-proccess .cart-info .row .c2.no-photo {width:430px; padding-top:48px;} .order-proccess .cart-info .row .c3 {width:100px; text-align:center;} .order-proccess .cart-info .row .c4 {width:78px; text-align:right;} .order-proccess .cart-info .row .c5 {width:70px; padding-left:46px;} .order-proccess .cart-info .row .c6 {width:94px; text-align:right;} .order-proccess .cart-info .row .c7 {width:68px;text-align:center;} .order-proccess .cart-info .item {padding-top:30px;padding-bottom:27px;} .order-proccess .cart-info .header {margin:0;} .order-proccess .cart-info .header .c1 {padding-left:2px; width:460px;} .order-proccess .cart-info .item .c2 {padding:34px 16px 0;} .order-proccess .cart-info .item .c2 a {.font-grey-5;} .order-proccess .cart-info .item .c2 a.title {font-size:16px; line-height:24px;} .order-proccess .cart-info .item .c2 .authors {font-size:13px; padding:2px 0;} .order-proccess .cart-info .item .c3, .order-proccess .cart-info .item .c4, .order-proccess .cart-info .item .c6, .order-proccess .cart-info .item .c7 {padding-top:48px;} .order-proccess .cart-info .header .c4 {padding-right:10px; width:68px;} .order-proccess .cart-info .item .c5 {position:relative; padding-top:42px; padding-left:48px;} .order-proccess .cart-info .item .c5.no-input {padding-top:48px;} .order-proccess .cart-info .item .c5 .inp-txt {width:25px; padding: 6px 5px; border:1px solid #ebebeb; font-size:15px; line-height:19px; height:19px; text-align:center;} .order-proccess .cart-info .item .c5 span {display:block; position:absolute; top:42px; left:86px; width:17px; height:16px; text-indent:-9999px; background:url(../imgs/arrow-up-white-tiny.png) 4px 5px no-repeat; .blue-bg; overflow:hidden; cursor: pointer;} .order-proccess .cart-info .item .c5 span.down {top:59px; background-image:url(../imgs/arrow-down-white-tiny.png);} .order-proccess .cart-info .header .c6 {padding-right:7px; width:87px;} .order-proccess .price-info {border-bottom:1px solid #e0e0e0; padding:20px 80px 21px; font-size:15px; text-align:right;} .order-proccess .price-info span {width:100px; display:block; float:right; font-weight:600;} .order-proccess .discount span {.font-blue;} .order-proccess .links, .order-proccess .bordered-box {padding:9px 25px;} .order-proccess .links a, .order-proccess .links span, .order-proccess .links .inp-sbt {.more-button; .upper; margin:0 4px; float:right; padding:7px 18px 8px 19px; font-size:14px; .grey-bg; font-weight:300; cursor:pointer;} .order-proccess { .price-info.confirmation-chk { padding-left: 30px;text-align: left; } .confirmation-chk input{ display: inline-block;float: left;margin-right: 10px;margin-top: 5px; } .confirmation-chk label { display: block;padding: 4px 0; } .confirmation-chk h4 { text-align: left; } .confirmation-chk .errors{ display: none; } .delivery-payment .errors, .confirmation-chk .errors{ color: #ff0000; } .bordered-box { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; text-align: center; background-color: #FFF; a{ font-size: 14px;margin-right: 15px;margin-top: 6px;display: inline-block; } } } .order-proccess .links a.continue {float:left;} .order-proccess .links a.prev {background:url(../imgs/arrow-left-white-22.png) 7% 50% no-repeat; .grey-bg; float:left; padding-left:40px;} .order-proccess .links a.next, .order-proccess .links .inp-sbt {background:url(../imgs/arrow-right-white-22.png) 95% 50% no-repeat; .blue-bg; padding-right:40px;} .order-proccess .links .inp-sbt {border:0; cursor:pointer;} .order-proccess h5.subheader {font-size:18px; font-weight:500; border-top:1px solid #e0e0e0; margin-top:1px; padding:17px 28px 0;} .cart-page .newsletter, .prenumerates-page .newsletter {padding:23px 0 23px 28px; border-bottom:1px solid #ededed; h5 {font-size:18px; .font-open; font-weight:normal; padding:10px 8px 0 0; float:left;} .inp-txt {.font-open; font-size:13px; .font-grey-a; height:22px; border:1px solid #ebebeb; line-height:22px; padding:10px 11px; width:512px; float:left; background:#f5f5f5;} .inp-sbt {float:left;} .regulations {font-size:11px; .font-grey-9; .font-open; padding:10px 20px 0; margin-left:-340px; input {margin:0 5px 3px 0;} } } .order-proccess .available_numbers {background: transparent url(../imgs/bg-main-col-grid2-wide.gif) 38% 0 repeat-y; margin-top: 10px;margin-bottom: -20px;padding-top: 10px;border-top: 1px solid #E0E0E0; .float {float: left;.font-blue;overflow: hidden; &.left {width: 345px;padding-right: 9px;} &.right {width: 577px; .row_head {padding-left: 20px;padding-bottom: 6px;border-bottom: 1px solid #E0E0E0;} .an_rows {font-size: 12px;padding: 10px 0;padding-left: 20px; > div {width: 100%;clear: both;float: none;padding-bottom: 8px;} .c1 {width: 45px; img {max-width: 45px;} } .c2 {width: 260px;overflow: hidden;padding-top: 15px; a.title {font-size: 13px;line-height: 1.3;} } .c3,.c5 {color: #626262;padding-top: 15px;} .c5 {padding-right: 0;} } } } } /* cart page - cart step 1,5 */ .order-proccess .login-page h5.subheader {padding-top:0; padding-left:0; border:0;} .order-proccess .login-page .links a {display:inline; float:none; text-transform:none;} .order-proccess .login-page .links a.no-login {display:block; float:right;} /* cart page - cart step 2 */ .address-page .user-type {background:url(../imgs/bg-main-col-grid2-wide.gif) 478px 0 repeat-y; border:1px solid #e0e0e0; margin-top:18px; border-width:1px 0;} .address-page .user-type .column {float:left; width:425px; .font-grey-6; font-size:13px; line-height:21px; padding:39px 27px 39px; text-align:center;} .address-page .user-type .column h5.title {font-size:18px; font-weight:500; padding-bottom:22px; .font-blue;} .address-page .user-type .column span.button {.more-button; .upper; margin:21px 0 0 80px; float:none; cursor:pointer; font-size:14px; font-weight:300; text-align:left; padding-top:6px; padding-left:21px; width:232px; background:url(../imgs/arrow-right-white-22.png) 221px 50% no-repeat; .grey-bg;} .address-page .user-type .column span.login {.blue-bg; background-position:91px 50%; margin-left:147px; width:98px; padding-left:25px;} .address-page .form h5.subheader {border-top:0; margin-top:0; padding-bottom:25px;} .address-page .form .field {padding:0 31px 19px 32px;} .address-page .form .field .error {width:100%; color: #FF1700; .grey-light-bg; text-align:center; padding:2px 0; font-size:12px;} .address-page .form .field-error {padding-bottom:0;} .address-page .form .field label, .address-page .form .field .label {display:block; font-size:15px; padding: 0 0 6px 3px;} .address-page .form .field .inp-txt {display:block; border:1px solid #ebebeb; padding: 6px 10px 7px; font-size:14px; line-height:18px; width:875px; .font-open;} .address-page .form .regulations-field .inp-chkb {float:left; margin:3px 10px 0 0;} .address-page .form .three-col, .address-page .form .four-col, .address-page .form .five-col {padding-left:11px;} .address-page .form .three-col .field {float:left; padding-left:21px; width:251px; padding-right:0;} .address-page .form .three-col .field .inp-txt {width:229px;} .address-page .form .three-col .email-field {width:355px;} .address-page .form .three-col .email-field .inp-txt {width:333px;} .address-page .form .four-col .field {float:left; padding-left:21px; width:182px; padding-right:0;} .address-page .form .four-col .field .inp-txt {width:160px;} .address-page .form .four-col .company-field {width:290px;} .address-page .form .four-col .company-field .inp-txt {width:268px;} .address-page .form .five-col .field {float:left; padding-left:21px; width:110px; padding-right:0;} .address-page .form .five-col .field .inp-txt {width:88px;} .address-page .form .five-col .field.wide {width:198px;} .address-page .form .five-col .wide .inp-txt {width:176px;} .address-page .form .invoice-subheader {padding-left:33px;} .address-page .form .invoice {position:relative;} .address-page .form .invoice .copy-data {position:absolute; top:-50px; right:35px; cursor:pointer;} .address-page .form .delivery-payment {border-top:1px solid #f7f7f7;} .address-page .form .delivery-payment .field {padding-left:25px;} .address-page .form .delivery-payment .radio-list {.no-list; padding-left:4px;} .address-page .form .delivery-payment .radio-list li {padding-top:5px; color:#f00; font-size:14px;} .address-page .form .delivery-payment .radio-list label {float:none; display:inline; .font-grey-6;} .address-page .form .delivery-payment .radio-list label span {font-size:16px; .font-blue; padding-left:20px;} .address-page .form .delivery-payment .radio-list label span.threshold {font-size:12px;} .address-page .form .links {border-top:1px solid #f7f7f7;} .order-proccess .delivery-payment .errors {color: #FF0000} /* confirm page - cart step 3 */ .confirm-page .cart-info {padding-top:14px;} .confirm-page .cart-info .header {padding-bottom:6px;} .confirm-page .cart-info .header .c1 {padding-left:0; width:512px;} .confirm-page .cart-info .row .c2 {width:390px;} .confirm-page .cart-info .row .c2.no-photo {width:480px;} .confirm-page .cart-info .item .c5 {padding-top:48px; text-align:right; padding-left:13px; padding-right:35px;} .confirm-page .price-info {padding-right:30px;} .confirm-page .address-info {background:url(../imgs/bg-main-col-grid3-wide.gif) 319px 0 repeat-y; border-bottom:1px solid #e0e0e0;} .confirm-page .address-info .column, .confirm-page .comments {float:left; width:266px; .font-grey-6; font-size:15px; line-height:28px; padding:35px 27px 29px;} .confirm-page .address-info .column h5.title, .confirm-page .comments h5.title {font-size:18px; font-weight:500; padding-bottom:23px;} .confirm-page .comments {float:none; width:900px; padding-bottom:45px;} .confirm-page .comments h5.title {padding-bottom:13px;} .confirm-page .links {border-top:1px solid #f7f7f7;} .paypal .paypal-send {display: block;width: 200px;height: 66px;overflow: hidden;cursor: pointer;border: 0;padding: 0; text-indent: -200em;background: transparent url(../imgs/przelewy24.png) 0 0 no-repeat;} /* search page */ .main-content .search-page {float:none; width:100%; .font-open;} .search-page .content {.grey-bg; .font-grey-e;} .search-page .content h1.title {font-size:18px; font-weight:300; .font-white; padding:19px 28px 21px;} .search-page form .field {padding:0 31px 21px 32px;} .search-page form .field label, .search-page form .field .label {display:block; font-size:15px; padding: 0 0 6px 3px; font-weight:300;} .search-page form .field .inp-txt, .search-page form .field select {display:block; border:1px solid #ebebeb; padding: 5px 10px 5px; font-size:16px; line-height:20px; width:875px; .font-open;} .search-page form .three-col, .search-page form .five-col {padding: 0 0 7px 8px;} .search-page form .three-col .field {float:left; padding-left:20px; width:241px; padding-right:0;} .search-page form .three-col .field .inp-txt, .search-page form .three-col .field select {width:219px;} .search-page form .three-col .field select {width:240px; padding-right:0;} .search-page form .three-col .wide {width:381px;} .search-page form .three-col .wide .inp-txt, .search-page form .three-col .wide select {width:359px;} .search-page form .three-col .wide select {width:380px;} .search-page form .five-col {border-top:1px solid #c2c2c2; padding-top:24px; padding-bottom:25px;} .search-page form .five-col .field {float:left; padding-left:20px; width:118px; padding-right:0;} .search-page form .five-col .field .inp-txt {width:96px} .search-page form .five-col .wide {width:148px;} .search-page form .five-col .wide .inp-txt {width:126px} .search-page form .five-col .wider {width:319px;} .search-page form .five-col .wider .inp-txt {width:297px} .search-page form .five-col .field select {width: 120px;padding: 4px 10px;} .search-page form .search-main-fields {border-top:1px solid #c2c2c2; padding:25px 0 49px /* TEMP */;} .search-page form .search-main-fields .search-label {float:left; font-size:15px; font-weight:300; padding:0 32px 6px; width:240px;} .search-page form .search-main-fields .phrase-label {float:left; font-size:15px; font-weight:300;} .search-page form .search-main-fields .fields {padding:0 0 0px 8px;} .search-page form .search-main-fields .field {float:left; padding-left:20px; width:251px; padding-right:0; padding-bottom:20px;} .search-page form .search-main-fields .field .inp-txt, .search-page form .search-main-fields .field select {width:229px;} .search-page form .search-main-fields .field select {width:250px; padding-right:0;} .search-page form .search-main-fields .phrase-field {width:519px;} .search-page form .search-main-fields .phrase-field .inp-txt{width:494px;} .search-page form .search-main-fields .type-field {width:93px;} .search-page form .search-main-fields .type-field select {width:92px;} .search-page form .search-restrictions {border-top:1px solid #c2c2c2; padding:26px 0 13px 8px;} .search-page form .search-restrictions .field {float:left; padding-left:20px; width:171px; padding-right:0; padding-bottom:20px;} .search-page form .search-restrictions .field select {width:170px; padding-right:0;} .search-page form .search-restrictions .narrow {width:117px;} .search-page form .search-restrictions .narrow select {width:117px;} .search-page form .search-restrictions .multiple {width:246px; position:relative;} .search-page form .search-restrictions .multiple span {display:block; border:1px solid #ebebeb; padding: 5px 10px 5px; font-size:16px; line-height:20px; width:224px; font-weight:400; .font-grey-5; cursor:pointer; background: #fff url(../imgs/arrow-down-gray-10.png) 226px 12px no-repeat;} .search-page form .search-restrictions .multiple ul {.no-list; padding:15px;background-color:#fff; position:absolute; top:58px; left:20px; width:216px; display:none;} .search-page form .search-restrictions .multiple ul .inp-chkb {float:left; clear:left; margin:5px 10px 0 0;} .search-page form .search-restrictions .multiple ul label {float:left; .font-grey-6; width:180px;} .search-page form .links {border-top:1px solid #c2c2c2; padding:37px 0 38px 560px;} .search-page form .links .inp-sbt {.more-button; .upper; float:none; cursor:pointer; font-size:16px; font-weight:300; padding-top:11px; padding-bottom:11px; width:169px; border:0; } .search-page form.reset-form {position: relative; .links.reset {position: absolute;padding: 10px;padding-top: 0;border: 0;top:-82px;left:200px; .inp-sbt {.content-bg();.font-blue();} } } .search-page .other-searches {border-top:18px solid #f5f5f5; padding-bottom:30px; background:url(../imgs/bg-main-col-grid2.gif) 131px 0 repeat-y;} .search-page .other-searches .field {padding:25px 0 0 28px;} .search-page .other-searches .field .inp-txt {background-color:#f5f5f5; width:249px; float:left;} .search-page .other-searches .field .inp-sbt {.more-button; .upper; cursor:pointer; font-size:14px; font-weight:300; .grey-bg; padding-top:7px; padding-bottom:8px; width:121px; border:0; margin-left:20px; } .search-page .other-searches .scholar, .search-page .other-searches .doi {float:left;} .search-page .other-searches .scholar {width:491px;} /* author page */ .author-page .author-header {.font-open; padding: 20px 30px; .grey-light-bg;} .author-page .author-header .header {background:none; .font-open; font-weight:500;} .author-page .author-header .afilliations {padding-top:20px; font-size:14px;} .author-page .author-header .afilliations a {.font-grey-4; font-weight:600;} .author-desc {padding: 10px;background-image: linear-gradient(#ededed 10%, #fff); > div {padding-bottom: 10px; p.desc-head {font-weight: bold;font-size: 14px;padding-bottom: 6px;} > div {padding-left: 10px;padding-bottom: 15px;} } } /* results page */ .author-page.results .author-header{ .header {font-size: 20px; .bold {font-weight: 600;} } .link-back {.font-blue();display: block;float: left;padding-right: 13px;padding-top: 6px;} } /* user registration, login */ .main-content .user-page {float:none; width:100%; .font-open;} .user-page .content {padding:17px 28px 24px;} .user-page h5.subheader {font-size:18px; font-weight:500; margin-top:1px; margin-top:0; padding-bottom:25px;} .user-page .input-text {padding-bottom:18px; font-size:15px;} .login-page .form .field {padding:0 3px 19px 4px;} .login-page .form .field .error {width:100%; color: #FF1700; .grey-light-bg; text-align:center; padding:2px 0; font-size:12px;} .login-page .form .field-error {padding-bottom:0;} .login-page .form label, .login-page .form .label {display:block; font-size:15px; padding: 0 0 6px 3px;} .login-page .form .field .inp-txt {display:block; border:1px solid #ebebeb; padding: 6px 10px 7px; font-size:14px; line-height:18px; width:875px; .font-open;} .login-page .form .fields .inp-sbt {.upper; cursor:pointer; font-size:14px; background: url(../imgs/arrow-right-white-22.png) 90px 6px no-repeat;.more-button; width:132px; border:0; padding-right:32px; height:34px;} .login-page .form .error {.font-blue; text-align:center; padding-bottom:20px;} .login-page .login-form .labels label {float:left; width:370px; padding-left:10px;} .login-page .login-form .field .inp-txt {width:340px; margin-right:20px; float:left;} .login-page .login-form .links {font-size:14px; padding:12px 7px;} .login-page .login-form .links a {.font-blue; background:url(../imgs/arrow-right-blue-21.png) 100% 50% no-repeat; padding:1px 30px 1px 0; font-weight:600;} .login-page .password-form {border-top:1px solid #e0e0e0; padding-top:22px; padding-bottom:50px;} .login-page .password-form .field .inp-txt {width:720px; margin-right:20px; float:left;} .main-content .register-page h5.subheader {border-top:0;} .register-page .form .five-col .wide select.inp-txt {width:198px;} .register-page .errors {.font-blue; text-align:center; padding-bottom:20px;} /* user profile */ .profile-page .profile-head {.font-open; padding: 21px 28px 22px; position:relative;border-bottom:1px solid #e0e0e0;} .profile-page .profile-head .title {font-size:18px; font-weight:600;} .profile-page .profile-head .title span {.font-blue;} .profile-page .profile-head .tabs {position:absolute; top:-1px; right:0; .no-list;} .profile-page .profile-head .tabs li {float:right;} .profile-page .profile-head .tabs li a {display:block; padding:25px 23px 24px; background:#EDEDED;border:1px solid #e0e0e0; border-width: 1px 0 1px 1px; .font-grey-4; font-size:13px;} .profile-page .profile-head .tabs li a.active {background:#fff; border-bottom-color:#fff;} .profile-page .text {padding:21px 28px 22px; border-bottom:1px solid #e0e0e0;} .profile-page .user-data {padding:21px 0 22px 28px; border-bottom:1px solid #e0e0e0; position:relative;} .profile-page .user-data h5.subheader {border-top:0; margin-top:0; padding-bottom:25px;} .profile-page .user-data .field {padding:0 0 19px 0;} .profile-page .user-data .field .error {width:100%; color: #FF1700; .grey-light-bg; text-align:center; padding:2px 0; font-size:12px;} .profile-page .user-data .field-error {padding-bottom:0;} .profile-page .user-data .field label, .profile-page .user-data .field .label {display:block; font-size:15px; padding: 0 0 6px 3px;} .profile-page .user-data .field .inp-txt {display:block; border:1px solid #ebebeb; padding: 6px 10px 7px; font-size:14px; line-height:18px; width:875px; .font-open;} .profile-page .user-data .field .value {font-size:14px; padding:7px 11px 8px;} .profile-page .user-data .two-col .field, .profile-page .user-data .three-col .field, .profile-page .user-data .four-col .field, .profile-page .user-data .five-col .field {float:left; padding-right:20px; width:251px; padding-left:0;} .profile-page .user-data .two-col .field {width:440px;} .profile-page .user-data .two-col .field .inp-txt {width:419px;} .profile-page .user-data .three-col .field .inp-txt {width:229px;} .profile-page .user-data .three-col .email-field {width:355px;} .profile-page .user-data .three-col .email-field .inp-txt {width:333px;} .profile-page .user-data .four-col .field {width:182px;} .profile-page .user-data .four-col .field .inp-txt {width:160px;} .profile-page .user-data .four-col .company-field {width:290px;} .profile-page .user-data .four-col .company-field .inp-txt {width:268px;} .profile-page .user-data .five-col .field {width:110px;} .profile-page .user-data .five-col .field .inp-txt {width:88px;} .profile-page .user-data .five-col .field.wide {width:198px;} .profile-page .user-data .five-col .wide .inp-txt {width:176px;} .profile-page .user-data .five-col .wide select.inp-txt {width:198px;} .profile-page .user-data .invoice-subheader {padding-left:33px;} .profile-page .user-data .invoice {position:relative;} .profile-page .user-data .invoice .copy-data {position:absolute; top:-45px; right:235px; cursor:pointer;} .profile-page .user-data .invoice .links {top:-50px;} .profile-page .user-data .links {position:absolute; top:20px; right:35px;} .profile-page .user-data .links .btn-img {.more-button; .upper; cursor:pointer; font-weight:300; margin-left:20px;} .profile-page .user-data .links .btn-cancel {.grey-bg; } .profile-page .user-data .links .btn-img:hover {.grey-bg; } .profile-page .user-data .info {text-align:center; padding-bottom:10px; .font-blue;} .profile-page .user-data .invoice-ajax {float:left; padding:4px 10px 0 0;} .profile-page .user-data .address {position:relative; padding:20px 0px 20px 20px; margin-right:35px; font-size:14px;} .profile-page .user-data .address.odd {.grey-light-bg;} .profile-page .user-data .address-links {top: 16px; right:20px;} .profile-page .user-data .address-links .btn-img {margin-left:10px; } .profile-page .user-data .address-links .btn-active:hover {.blue-bg; cursor:default;} .profile-page .delete-text {border-bottom:0;} /* orders history */ .profile-page .orders-data .order-detail {display:none; .grey-light-bg;} .profile-page .order-detail .header {.grey-light-bg;} .profile-page .orders-data .row {font-size:15px;} .profile-page .orders-data .row ul {.no-list();border-bottom:1px solid #e0e0e0;} .profile-page .orders-data .row ul li {display:inline-block; padding:20px 0; vertical-align:middle;} .profile-page .orders-data .row ul li.first {width:40px; text-align:center; padding-left:20px;} .profile-page .orders-data .row ul li.middle {width:160px; text-align:center;} .profile-page .orders-data .row ul li.date {width:140px; text-align:center;} .profile-page .orders-data .row ul li.status {width:300px;} .profile-page .orders-data .row ul li.name {width:460px;} .profile-page .orders-data .row ul li.address {width:420px;} .profile-page .orders-data .row ul li.price {width:100px; text-align:right; padding-right:20px;} .profile-page .orders-data .row ul li.last {width:120px; text-align:center;} .profile-page .orders-data .order-row ul li.last {.font-blue; background: url(../imgs/arrow-down-blue-22.png) right 20px no-repeat;} .profile-page .orders-data .order-row ul li.last a {.font-blue;} .profile-page .orders-data .order-row ul li.extended {background-image: url(../imgs/arrow-up-blue-22.png);} .profile-page .orders-data .order-row ul li.last span {cursor:pointer;} .profile-page .order-detail .text {border:none; padding:0;} .profile-page .order-detail .cart-info .item .column {padding-top:0;} .profile-page .institution-data .row ul li.status {width:770px;} .profile-page .institution-data .order-row ul li.last {background: none;} /* JALERT */ #popup_container {font-size: 14px; min-width: 300px; max-width: 600px; border:1px solid #e0e0e0; .content-bg; .font-grey-4; left:40%; top:40%; .font-open;} #popup_title {font-size: 17px; font-weight: 400; text-align: center; line-height: 1.75em; .font-white; .blue-bg; cursor: default; padding: 0em; margin: 0em;} #popup_content {padding: 1em 1.75em; margin: 0em;} #popup_message {padding-left: 48px;} #popup_panel {text-align: center; margin: 1em 0em 0em 1em;} #popup_panel #popup_ok, #popup_panel #popup_cancel {.more-button; display:inline-block; float:none; border:none; margin:0 5px;} // SLIDERS .input-text .slider, .banner {margin: 10px auto;float: none;clear: both;background: 0 !important; width: inherit;text-align: center;position: relative; img {max-width: 100%;height: auto;} .text {text-align: left;padding: 6px;overflow: hidden;z-index: 2;font-size: 15px;line-height: 1.3; li {list-style-position: inside;} } a {text-decoration: none;display: block;} } .bxSlider {position: relative;float: none;clear: both;width: inherit; margin: 0; .slider {float: left;clear: none;width: /*inherit*/ auto !important;margin: 0; img {max-width: 100%;height: auto;margin: 0 auto;} a {text-decoration: none;display: block;} .text {text-align: left;padding: 6px;overflow: hidden;z-index: 2;font-size: 15px;line-height: 1.3; li {list-style-position: inside;} } } } .bx-wrapper {margin: 10px auto;} .column .bx-wrapper, .main-content .column-left.only-mobile .bx-wrapper, .main-content .column-right .bx-wrapper {width: 240px;margin: 10px auto;background-color: #F5F5F5;} /* prenumerates list */ .prenumerates-page .prenumerates-select {padding:10px 0 20px 0;} .prenumerates-select .select-box {float:left; width:320px; .font-open; .font-grey-7; font-size:14px; padding:10px 0 10px 24px;} .prenumerates-select .select-box .label {padding-bottom:10px;} .prenumerates-select .select-box select {display:block; border:1px solid #ebebeb; padding: 5px 10px 5px; font-size:14px; line-height:18px; width:310px; .font-open;} .prenumerates-confirm .cart-box {padding:10px 0; border-top:1px solid #ebebeb;} .prenumerates-confirm .cart-box .confirmation {float:left; padding: 10px 0 10px 24px; .font-open; font-size:14px;} .prenumerates-confirm .cart-box .confirmation label {padding-left:5px;} .prenumerates-confirm .cart-box span.cart {cursor:pointer; float:right; .font-open; font-size:14px; line-height:18px; text-transform:uppercase; background: url(../imgs/arrow-right-white-22.png) 96px 7px no-repeat; .blue-bg; .font-white; padding: 9px 41px 11px 10px; margin-right:24px;} .prenumerates-page .newsletter {padding:10px 0 23px 28px; border:1px solid #ededed; border-width:1px 0; h5 {float:none; padding-bottom:13px;} .inp-txt {width:582px;} .regulations {margin-left:0px; padding-left:0;} } /* ARTICLE CHART */ .article-chart {position: relative;margin: 20px auto;width: 80%;height: 250px;} .article-chart.first {display: block;} .chart-select {text-align: center;font-size: 13px;} .chart-select select {cursor: pointer;padding: 5px;margin-left: 8px;} .journal-page .slider{ margin: 0; } .journal-page .banner{ margin: 0; } .spacesDark{height: 6px; background-color: #f5f5f5}