CHIEFSOFT\ameye
183 lines
3.0 KiB
Plaintext
183 lines
3.0 KiB
Plaintext
/**
|
|
* @file plugins/themes/default/styles/pages/indexJournal.less
|
|
*
|
|
* Copyright (c) 2014-2021 Simon Fraser University
|
|
* Copyright (c) 2003-2021 John Willinsky
|
|
* Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
|
|
*
|
|
* @brief Styles applying to the front page of the journal
|
|
* @link templates/frontend/pages/indexJournal.tpl
|
|
*/
|
|
.pkp_page_index {
|
|
|
|
.homepage_image,
|
|
.additional_content {
|
|
margin-left: -@base;
|
|
margin-right: -@base;
|
|
|
|
@media (min-width: @screen-phone) {
|
|
margin-left: -@double;
|
|
margin-right: -@double;
|
|
}
|
|
|
|
@media (min-width: @screen-desktop) {
|
|
margin-left: -@triple;
|
|
margin-right: -@triple;
|
|
}
|
|
}
|
|
|
|
.homepage_image {
|
|
|
|
img {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
@media (min-width: @screen-desktop) {
|
|
margin-top: -@triple; // flush with top nav
|
|
}
|
|
}
|
|
|
|
.homepage_about {
|
|
padding-top: @triple;
|
|
padding-bottom: @triple;
|
|
|
|
h2 {
|
|
margin-top: -@base
|
|
}
|
|
}
|
|
|
|
.cmp_announcements {
|
|
.pkp_helpers_clear();
|
|
border-top: @bg-border;
|
|
border-bottom: @bg-border;
|
|
|
|
h2 {
|
|
&:extend(.pkp_screen_reader all);
|
|
}
|
|
|
|
> .obj_announcement_summary {
|
|
position: relative;
|
|
padding: @triple @base;
|
|
}
|
|
|
|
.more {
|
|
position: relative;
|
|
|
|
.obj_announcement_summary {
|
|
padding: @base;
|
|
}
|
|
|
|
h4 {
|
|
font-size: @font-sml;
|
|
}
|
|
}
|
|
|
|
@media(min-width: @screen-phone) {
|
|
|
|
> .obj_announcement_summary,
|
|
.more .obj_announcement_summary {
|
|
padding-left: @double;
|
|
padding-right: @double;
|
|
}
|
|
}
|
|
|
|
@media(min-width: @screen-tablet) {
|
|
|
|
> .obj_announcement_summary {
|
|
float: left;
|
|
width: 65%;
|
|
|
|
// Right border
|
|
&:before {
|
|
content: ' ';
|
|
position: absolute;
|
|
top: 0;
|
|
right: -1px;
|
|
width: 1px;
|
|
height: 100%;
|
|
border-left: @bg-border;
|
|
}
|
|
}
|
|
|
|
.more {
|
|
float: right;
|
|
width: 35%;
|
|
padding-top: @double;
|
|
padding-bottom: @double;
|
|
|
|
// Left border
|
|
&:before {
|
|
content: ' ';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 1px;
|
|
height: 100%;
|
|
border-left: @bg-border;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media(min-width: @screen-desktop) {
|
|
|
|
> .obj_announcement_summary,
|
|
.more .obj_announcement_summary {
|
|
padding-left: @triple;
|
|
padding-right: @triple;
|
|
}
|
|
}
|
|
}
|
|
|
|
.current_issue {
|
|
|
|
.current_issue_title {
|
|
margin: @double 0;
|
|
font-weight: @bold;
|
|
}
|
|
|
|
.read_more {
|
|
.cmp_button_text(@fa-var-chevron-right);
|
|
margin-bottom: @double;
|
|
}
|
|
|
|
@media(min-width: @screen-tablet) {
|
|
|
|
.section:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.additional_content {
|
|
padding: @triple @base 0 @base;
|
|
border-top: @bg-border;
|
|
|
|
@media (min-width: @screen-phone) {
|
|
padding-left: @double;
|
|
padding-right: @double;
|
|
}
|
|
|
|
@media (min-width: @screen-desktop) {
|
|
padding-left: @triple;
|
|
padding-right: @triple;
|
|
}
|
|
|
|
> p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
> p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
@media(min-width: @screen-tablet) {
|
|
|
|
.cmp_announcements + .additional_content {
|
|
border-top: none;
|
|
}
|
|
}
|
|
}
|