first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,182 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/body.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 Classes for site-wide elements and layout scaffolding
|
||||
*/
|
||||
|
||||
html,
|
||||
body {
|
||||
font-family: @font;
|
||||
font-size: @rem;
|
||||
line-height: @line-base;
|
||||
color: @text;
|
||||
background: @bg;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @primary;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @primary-lift;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Page container widths
|
||||
.pkp_site_name_wrapper,
|
||||
.pkp_navigation_primary_wrapper,
|
||||
.pkp_navigation_user,
|
||||
.pkp_search_mobile,
|
||||
.pkp_structure_content,
|
||||
.pkp_structure_footer {
|
||||
.pkp_helpers_clear;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding-left: @base;
|
||||
padding-right: @base;
|
||||
|
||||
@media( min-width: @screen-tablet ) {
|
||||
width: @screen-tablet-container;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media( min-width: @screen-desktop ) {
|
||||
width: @screen-desktop-container;
|
||||
}
|
||||
|
||||
@media( min-width: @screen-lg-desktop ) {
|
||||
width: @screen-lg-desktop-container;
|
||||
}
|
||||
}
|
||||
|
||||
.has_site_logo {
|
||||
|
||||
.pkp_site_name,
|
||||
.pkp_navigation_primary_wrapper {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.pkp_head_wrapper {
|
||||
.pkp_helpers_clear;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding-right: @base;
|
||||
|
||||
@media( min-width: @screen-tablet ) {
|
||||
width: @screen-tablet-container;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@media( min-width: @screen-desktop ) {
|
||||
width: @screen-desktop-container;
|
||||
}
|
||||
|
||||
@media( min-width: @screen-lg-desktop ) {
|
||||
width: @screen-lg-desktop-container;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Layout scaffold for content and sidebars
|
||||
.pkp_structure_main {
|
||||
padding: @base;
|
||||
}
|
||||
|
||||
@media( min-width: @screen-phone ) {
|
||||
|
||||
.pkp_structure_main {
|
||||
padding: @double;
|
||||
}
|
||||
}
|
||||
|
||||
@media( min-width: @screen-tablet ) {
|
||||
|
||||
// Full-height borders wrapping primary content column
|
||||
.pkp_structure_main {
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: @bg-border-color;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: @screen-tablet-container;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media( min-width: @screen-desktop ) {
|
||||
|
||||
.pkp_structure_content {
|
||||
padding-top: @triple;
|
||||
}
|
||||
|
||||
.pkp_structure_sidebar {
|
||||
float: right;
|
||||
width: @sidebar-width;
|
||||
}
|
||||
|
||||
.pkp_structure_main {
|
||||
float: left;
|
||||
padding: 0 @triple (@triple * 3);
|
||||
width: @screen-desktop-container - @sidebar-width;
|
||||
|
||||
&:after {
|
||||
left: @screen-desktop-container - @sidebar-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media( min-width: @screen-lg-desktop ) {
|
||||
|
||||
.pkp_structure_main {
|
||||
width: @screen-lg-desktop-container - @sidebar-width;
|
||||
|
||||
&:after {
|
||||
left: @screen-lg-desktop-container - @sidebar-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Center the content panel when no sidebar is present
|
||||
.pkp_structure_main:first-child:last-child {
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: @quadruple;
|
||||
|
||||
// Aligns the left and right borders
|
||||
@no-sidebar-margins: @sidebar-width / 2;
|
||||
&:before {
|
||||
left: @no-sidebar-margins;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: auto;
|
||||
right: @no-sidebar-margins;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Lock in images so they don't run outside their container
|
||||
img {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
@@ -0,0 +1,466 @@
|
||||
/**
|
||||
* @file styles/components.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 Reusable components
|
||||
*/
|
||||
|
||||
// Simple clearfix wrapper
|
||||
.row {
|
||||
.pkp_helpers_clear;
|
||||
}
|
||||
|
||||
// Button
|
||||
.cmp_button {
|
||||
display: inline-block;
|
||||
padding: 0 1em;
|
||||
background: #eee;
|
||||
border: @form-border;
|
||||
border-top-color: #bbb;
|
||||
border-radius: @radius;
|
||||
box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
|
||||
font-size: @font-sml;
|
||||
line-height: calc(~"@{triple} - 2px"); // account for border
|
||||
font-weight: @bold;
|
||||
color: @primary;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
// Wire button
|
||||
.cmp_button_wire {
|
||||
display: inline-block;
|
||||
padding: 0 1em;
|
||||
background: #fff;
|
||||
border: 1px solid @primary;
|
||||
border-radius: @radius;
|
||||
font-size: @font-sml;
|
||||
line-height: calc(~"@{triple} - 2px"); // account for border
|
||||
color: @primary;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: @primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// Add an icon to the button
|
||||
.cmp_button_icon( @icon ) {
|
||||
position: relative;
|
||||
padding-right: @triple + (@triple / 2);
|
||||
border-right: none;
|
||||
|
||||
&:after {
|
||||
.fa();
|
||||
content: @icon;
|
||||
position: absolute;
|
||||
top: -1px; // border;
|
||||
right: 0;
|
||||
width: @triple;
|
||||
height: @triple;
|
||||
border-top-right-radius: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
line-height: @triple;
|
||||
text-align: center;
|
||||
background: @primary;
|
||||
box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:hover:after,
|
||||
&:focus:after {
|
||||
box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.2);
|
||||
background: @primary-lift;
|
||||
}
|
||||
}
|
||||
|
||||
.cmp_button_icon_left( @icon ) {
|
||||
padding-right: 1em;
|
||||
padding-left: @triple + (@triple / 2);
|
||||
border-right: @form-border;
|
||||
border-left: none;
|
||||
|
||||
&:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-left-radius: @radius;
|
||||
border-bottom-left-radius: @radius;
|
||||
}
|
||||
}
|
||||
|
||||
// Text button with an icon
|
||||
.cmp_button_text( @icon ) {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding-right: @triple;
|
||||
font-size: @font-sml;
|
||||
font-weight: @bold;
|
||||
line-height: @triple;
|
||||
color: @primary;
|
||||
text-decoration: none;
|
||||
|
||||
&:after {
|
||||
.fa();
|
||||
content: @icon;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 0;
|
||||
width: @triple;
|
||||
height: @triple;
|
||||
line-height: @triple;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @primary-lift;
|
||||
}
|
||||
}
|
||||
|
||||
// List of articles
|
||||
.cmp_article_list {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
|
||||
> li {
|
||||
.pkp_helpers_clear();
|
||||
margin-bottom: @triple;
|
||||
}
|
||||
}
|
||||
|
||||
// Forms
|
||||
// These don't yet follow the component pattern on the frontend, but should
|
||||
// eventually once the login/registration templates are incorporated into the
|
||||
// frontend template structure.
|
||||
.cmp_form {
|
||||
|
||||
fieldset {
|
||||
margin: 0 0 @double;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
legend {
|
||||
margin-bottom: @base;
|
||||
font-size: @font-bump;
|
||||
font-weight: @bold;
|
||||
line-height: @double;
|
||||
}
|
||||
|
||||
.fields {
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
padding-bottom: @triple; // Contain errors
|
||||
|
||||
// Nest so we don't grab .error class attached to li
|
||||
.error {
|
||||
position: absolute;
|
||||
left: 0.5em; // Sit off the rounded edge of input fields
|
||||
bottom: 11px; // Sit on the bottom line of the input field above
|
||||
padding: 0 0.5em; // Keep it tight so it doesn't bleed into next field
|
||||
background: @no;
|
||||
border-bottom-left-radius: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
font-size: @font-sml;
|
||||
line-height: @double;
|
||||
font-weight: @bold;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.label {
|
||||
display: block;
|
||||
font-size: @font-sml;
|
||||
font-weight: @normal;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="password"],
|
||||
input[type="url"],
|
||||
input[type="tel"],
|
||||
select,
|
||||
textarea {
|
||||
padding: 0 0.5em;
|
||||
width: 100%;
|
||||
height: calc(~"@{triple} - 2px"); // account for border
|
||||
background: #fff;
|
||||
border: @form-border;
|
||||
border-radius: @radius;
|
||||
font-size: @font-sml;
|
||||
line-height: calc(~"@{triple} - 2px"); // account for border
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 8em;
|
||||
}
|
||||
|
||||
.pkp_form_error {
|
||||
margin-bottom: @base;
|
||||
border-radius: @radius;
|
||||
padding: 0 0.5em;
|
||||
font-weight: @bold;
|
||||
font-size: @font-sml;
|
||||
background: @no;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
label > input[type="checkbox"],
|
||||
label > input[type="radio"] {
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
.pkp_helpers_clear;
|
||||
|
||||
button {
|
||||
&:extend(.cmp_button);
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: @font-sml;
|
||||
line-height: @triple;
|
||||
margin-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
margin-top: 0;
|
||||
font-size: @font-sml;
|
||||
line-height: 1.5em;
|
||||
color: @text-light;
|
||||
|
||||
}
|
||||
|
||||
@media(min-width: @screen-phone) {
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="password"],
|
||||
input[type="url"],
|
||||
input[type="tel"],
|
||||
select {
|
||||
max-width: 20em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Pagination
|
||||
.cmp_pagination {
|
||||
.pkp_helpers_clear;
|
||||
text-align: right;
|
||||
|
||||
.prev {
|
||||
float: left;
|
||||
margin-right: 0.5em;
|
||||
text-decoration: none;
|
||||
|
||||
&:before {
|
||||
.fa;
|
||||
content: @fa-var-long-arrow-left;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.next {
|
||||
margin-left: 0.5em;
|
||||
text-decoration: none;
|
||||
|
||||
&:after {
|
||||
.fa;
|
||||
content: @fa-var-long-arrow-right;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Edit link to jump from frontend section to backend editing location
|
||||
// It usually appears within a heading element <h*>
|
||||
.cmp_edit_link {
|
||||
display: inline-block;
|
||||
margin-left: 1em;
|
||||
font-size: @font-sml;
|
||||
font-weight: @normal;
|
||||
line-height: 1; // Try not to disrupt parent line height
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-pencil;
|
||||
}
|
||||
}
|
||||
|
||||
// Search result filter
|
||||
.cmp_search_filter {
|
||||
margin-bottom: @base;
|
||||
font-size: @font-sml;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.delete {
|
||||
color: @no;
|
||||
}
|
||||
}
|
||||
|
||||
// Notification
|
||||
.cmp_notification {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: @double;
|
||||
margin-bottom: @quadruple;
|
||||
background: @bg-shade;
|
||||
border-left: @half solid @primary;
|
||||
font-size: @font-base;
|
||||
line-height: @line-base;
|
||||
|
||||
.success {
|
||||
border-color: @yes;
|
||||
}
|
||||
|
||||
.no {
|
||||
border-color: @no;
|
||||
}
|
||||
}
|
||||
|
||||
// Breadcrumbs
|
||||
.cmp_breadcrumbs {
|
||||
display: inline-block;
|
||||
|
||||
|
||||
ol {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
margin-bottom: @triple;
|
||||
padding: @half 0;
|
||||
line-height: @double;
|
||||
font-size: @font-sml;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.separator {
|
||||
color: @text-light;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
||||
.current {
|
||||
color: @text-light;
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
font-family: @font;
|
||||
font-size: @font-sml;
|
||||
font-weight: @normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Backlink used on error.tpl and message.tpl
|
||||
.cmp_back_link {
|
||||
margin-top: @double;
|
||||
}
|
||||
|
||||
// Announcements
|
||||
// Double class rule overrides .pkp_structure_main ul
|
||||
.cmp_announcements.cmp_announcements {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
margin-left: -@base;
|
||||
margin-right: -@base;
|
||||
|
||||
> li {
|
||||
padding: @triple @base;
|
||||
border-bottom: @bg-border;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-phone) {
|
||||
margin-left: -@double;
|
||||
margin-right: -@double;
|
||||
|
||||
> li {
|
||||
padding-left: @double;
|
||||
padding-right: @double;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
margin-left: -@triple;
|
||||
margin-right: -@triple;
|
||||
|
||||
> li {
|
||||
padding-left: @triple;
|
||||
padding-right: @triple;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Skip-to navigation links
|
||||
.cmp_skip_to_content a {
|
||||
&:extend(.pkp_screen_reader);
|
||||
display: block;
|
||||
padding: 1em;
|
||||
z-index: 99999;
|
||||
background: @bg;
|
||||
transform: translateX(-50%);
|
||||
|
||||
&:focus {
|
||||
clip: auto;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
color: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
// Tables
|
||||
.cmp_table {
|
||||
width: 100%;
|
||||
border: @bg-border;
|
||||
border-bottom: none;
|
||||
border-collapse: collapse;
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 0.5em;
|
||||
text-align: left;
|
||||
border-bottom: @bg-border;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: @bold;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,114 @@
|
||||
// Toggle button
|
||||
.pkp_site_nav_toggle {
|
||||
@thickness: 3px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: @nav-menu-height;
|
||||
height: @nav-menu-height;
|
||||
border: 0;
|
||||
background: none;
|
||||
box-shadow: 1px 0 0 rgba(255,255,255,0.2), -1px 0 0 rgba(255,255,255,0.2);
|
||||
z-index: 999;
|
||||
|
||||
&:focus {
|
||||
outline: 1px dotted @text-bg-base;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
> span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 24px;
|
||||
height: 19px;
|
||||
border-bottom: @thickness solid @text-bg-base;
|
||||
text-indent: -9999px;
|
||||
overflow: hidden;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: @thickness;
|
||||
background: @text-bg-base;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
top: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_site_nav_toggle--transform {
|
||||
> span {
|
||||
|
||||
border-bottom: 0;
|
||||
overflow: visible;
|
||||
|
||||
&:before {
|
||||
top: 7px;
|
||||
transform: rotate(-405deg) translateY(1px) translateX(-2px);
|
||||
-webkit-transform: rotate(-405deg) translateY(1px) translateX(-2px);
|
||||
}
|
||||
|
||||
&:after {
|
||||
top: 14px;
|
||||
transform: rotate(405deg) translateY(-3px) translateX(-4px);
|
||||
-webkit-transform: rotate(405deg) translateY(-3px) translateX(-4px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Show/hide the nav menu
|
||||
.pkp_site_nav_menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pkp_site_nav_menu--isOpen {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body.navIsOpen {
|
||||
.siteHeader__details {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.siteHeader__screen {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.siteHeader__navToggleIcon {
|
||||
> span {
|
||||
&:first-child {
|
||||
transform: rotate(45deg);
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
transform: rotate(-45deg);
|
||||
top: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-desktop) {
|
||||
|
||||
.pkp_site_nav_menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* @file plugins/themes/default/lato.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 Import the Lato font files
|
||||
*
|
||||
*/
|
||||
/* lato-regular - latin-ext_latin */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* lato-italic - latin-ext_latin */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* lato-900 - latin-ext_latin */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900.svg#Lato') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* lato-900italic - latin-ext_latin */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lato-v17-latin-ext_latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* @file plugins/themes/default/lora.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 Import the Lora font files
|
||||
*
|
||||
*/
|
||||
/* lora-regular - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Lora';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Lora') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* lora-700 - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Lora';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Lora') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* lora-italic - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Lora';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.svg#Lora') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* lora-700italic - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Lora';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/lora-v16-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.svg#Lora') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/**
|
||||
* @file plugins/themes/default/lora_openSans.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 Import the Lora and Open Sans font files
|
||||
*
|
||||
*/
|
||||
@import "lora.less";
|
||||
@import "openSans.less";
|
||||
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* @file plugins/themes/default/notoSans.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 Import the NotoSans font files
|
||||
*
|
||||
*/
|
||||
@import "../../../../../lib/pkp/styles/font.less";
|
||||
@@ -0,0 +1,12 @@
|
||||
/**
|
||||
* @file plugins/themes/default/notoSans_notoSerif.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 Import the NotoSans and NotoSerif font files
|
||||
*
|
||||
*/
|
||||
@import "notoSans.less";
|
||||
@import "notoSerif.less";
|
||||
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* @file plugins/themes/default/notoSerif.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 Import the NotoSerif font files
|
||||
*
|
||||
*/
|
||||
/* noto-serif-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Noto Serif';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* noto-serif-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Noto Serif';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* noto-serif-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Noto Serif';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* noto-serif-700italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Noto Serif';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* @file plugins/themes/default/openSans.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 Import the Open Sans font files
|
||||
*
|
||||
*/
|
||||
/* open-sans-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* open-sans-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* open-sans-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* open-sans-700italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('@{baseUrl}/plugins/themes/default/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/footer.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 Classes for the page footer elements
|
||||
*/
|
||||
|
||||
.pkp_structure_footer_wrapper {
|
||||
background: @bg-shade;
|
||||
}
|
||||
|
||||
.pkp_structure_footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pkp_footer_content {
|
||||
padding: @triple;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
// OJS brand images in footer
|
||||
.pkp_brand_footer {
|
||||
.pkp_helpers_clear();
|
||||
padding: @triple;
|
||||
|
||||
a {
|
||||
float: right;
|
||||
display: block;
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,514 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/head.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.
|
||||
*
|
||||
* @ingroup pkp_structure_head
|
||||
*
|
||||
* @brief Classes for the page header structural elements
|
||||
*/
|
||||
@nav-menu-height: @quadruple;
|
||||
|
||||
// Structural components of the header layout
|
||||
.pkp_structure_head {
|
||||
background-color: @bg-base;
|
||||
border-bottom: @bg-border;
|
||||
}
|
||||
|
||||
.pkp_head_wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pkp_site_name_wrapper {
|
||||
height: @nav-menu-height;
|
||||
|
||||
@media (min-width: @screen-desktop) {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Site logo/name
|
||||
.pkp_site_name {
|
||||
position: absolute;
|
||||
left: @nav-menu-height;
|
||||
right: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: @base;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
color: @text-bg-base;
|
||||
font-family: @font-site-title;
|
||||
font-size: @font-sml;
|
||||
|
||||
> a {
|
||||
padding-top: @base;
|
||||
padding-bottom: @base;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.is_img {
|
||||
display: inline-block;
|
||||
margin-top: @half;
|
||||
margin-bottom: @half;
|
||||
padding: 0;
|
||||
|
||||
&:focus {
|
||||
outline: 1px solid @text-bg-base;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-height: @nav-menu-height - @base;
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.is_text {
|
||||
font-family: @font-site-title;
|
||||
font-size: @font-sml;
|
||||
font-weight: @bold;
|
||||
line-height: @nav-menu-height;
|
||||
color: @text-bg-base;
|
||||
text-decoration: none;
|
||||
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_navigation_primary_wrapper {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
// Mobile navigation menu
|
||||
.pkp_site_nav_menu {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 100%;
|
||||
background:@bg-base;
|
||||
left: 0;
|
||||
padding: @base;
|
||||
z-index: 9999;
|
||||
|
||||
.pkp_nav_list {
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
|
||||
ul {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding: 0.125rem 0;
|
||||
color: @text-bg-base;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @text-bg-base;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
#siteNav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_navigation_user {
|
||||
|
||||
&.pkp_navigation_user {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 1rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid @bg-base-border-color;
|
||||
}
|
||||
|
||||
.task_count {
|
||||
display: inline-block;
|
||||
width: @double;
|
||||
height: @double;
|
||||
margin-left: 0.5em;
|
||||
border-radius: 50%;
|
||||
background: @bg-base-border-color;
|
||||
line-height: @double;
|
||||
text-align: center;
|
||||
font-size: 0.857rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Hide the top-level task count in mobile nav
|
||||
> li > a .task_count {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> li > ul a {
|
||||
.task_count {
|
||||
display: inline-block;
|
||||
background: @bg-base-border-color;
|
||||
color: @text-bg-base;
|
||||
}
|
||||
|
||||
&:hover .task_count,
|
||||
&:focus .task_count {
|
||||
background: @text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_navigation_search_wrapper {
|
||||
margin-top: 1rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid @bg-base-border-color;
|
||||
}
|
||||
|
||||
// The padding to apply to top-level items in the navigation row
|
||||
// Total height - line height (divided by 2 since it will be applied to top and bottom)
|
||||
@pkp_nav_primary_row_el_padding: @base;
|
||||
|
||||
@media (min-width: @screen-desktop) {
|
||||
.pkp_head_wrapper {
|
||||
padding-top: @triple * 2; // Make room for the user nav at the top
|
||||
}
|
||||
|
||||
.pkp_site_nav_toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pkp_site_name {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: auto;
|
||||
right: auto;
|
||||
padding: 0;
|
||||
white-space: normal;
|
||||
font-size: 2em; // Prevents extra vertical space after logos
|
||||
background: transparent;
|
||||
overflow: visible;
|
||||
|
||||
.is_text {
|
||||
font-family: @font-site-title;
|
||||
font-size: @font-header;
|
||||
line-height: @line-header;
|
||||
}
|
||||
|
||||
.is_img img {
|
||||
max-height: 80px; // must match height - padding of .is_img
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_site_nav_menu {
|
||||
display: block;
|
||||
position: static;
|
||||
top: auto;
|
||||
padding: 0;
|
||||
|
||||
ul ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Site logo/nav on same line on larger screens
|
||||
.has_site_logo .pkp_head_wrapper {
|
||||
padding-top: @triple;
|
||||
}
|
||||
|
||||
.pkp_nav_list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding-left: @base;
|
||||
padding-right: @base;
|
||||
text-decoration: none;
|
||||
padding-top: @half;
|
||||
padding-bottom: @half;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: -9999px;
|
||||
z-index: 1000;
|
||||
width: 15em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: @bg;
|
||||
border-radius: @radius;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
|
||||
li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding-left: @half;
|
||||
border-left: @half solid transparent;
|
||||
color: @primary;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
background: @bg-shade;
|
||||
border-color: @primary;
|
||||
color: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
li:first-child a {
|
||||
border-top-left-radius: @radius;
|
||||
border-top-right-radius: @radius;
|
||||
}
|
||||
|
||||
li:last-child a {
|
||||
border-bottom-left-radius: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
}
|
||||
}
|
||||
|
||||
> li:hover ul {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[aria-haspopup]:after {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: 0.25em;
|
||||
border-top: 4px solid;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
// Primary site navigation menu
|
||||
.pkp_navigation_primary {
|
||||
text-align: center;
|
||||
|
||||
> li {
|
||||
> a {
|
||||
margin: @half 0.5em 0;
|
||||
padding: @half 0.5em
|
||||
calc(~"@{pkp_nav_primary_row_el_padding} - 2px"); // -2 to account for border size
|
||||
border-bottom: 2px solid transparent;
|
||||
color: @text-bg-base;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: @text-bg-base;
|
||||
outline: 0;
|
||||
border-color: @text-bg-base;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: @text-bg-base;
|
||||
color: @bg-base;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
a {
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
a {
|
||||
margin-right: -0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Reproduce positioning of dropdown menu from Popper.js
|
||||
> li:hover ul {
|
||||
position: absolute;
|
||||
transform: translate3d(7px, 40px, 0px);
|
||||
top: 0;
|
||||
left: 0;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
ul a {
|
||||
padding-top: @base;
|
||||
padding-bottom: @base;
|
||||
}
|
||||
|
||||
[aria-haspopup]:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.dropdown-menu a:focus,
|
||||
.dropdown-menu a:hover {
|
||||
border-color: @primary;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-desktop) {
|
||||
display: inline-block;
|
||||
max-width: 80%;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
// Bootstrap dropdown components
|
||||
.dropdown-menu {
|
||||
display: none;
|
||||
|
||||
&.show {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
[data-toggle="dropdown"]:hover + .dropdown-menu,
|
||||
.dropdown-menu:hover {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// User-focused navigation menu
|
||||
.pkp_navigation_user_wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
padding-left: @base;
|
||||
padding-right: @base;
|
||||
text-align: right;
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
border-top: none;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.pkp_navigation_user {
|
||||
text-align: right;
|
||||
font-size: @font-sml;
|
||||
padding-right: @double;
|
||||
|
||||
&.pkp_navigation_user {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a {
|
||||
padding-top: @half;
|
||||
padding-bottom: @half;
|
||||
line-height: @line-sml;
|
||||
}
|
||||
|
||||
> li > a:focus {
|
||||
outline: 0;
|
||||
background: @text-bg-base;
|
||||
color: @bg-base;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
// Reproduce positioning of dropdown menu from Popper.js
|
||||
// There can still be some shifting when the parent item is focused
|
||||
// because Popper.js will adjust if it is too close to the edge of
|
||||
// the screen.
|
||||
> li:hover ul {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform: translate3d(0px, 30px, 0px);
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
// Align to the right edge of the container
|
||||
> li:last-child > a {
|
||||
margin-right: -@base;
|
||||
}
|
||||
|
||||
// Show the top-level task count in desktop nav
|
||||
> li > a .task_count {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> li > a:focus .task_count {
|
||||
background: @bg-base;
|
||||
color: @text-bg-base;
|
||||
}
|
||||
|
||||
> li > ul a {
|
||||
.task_count {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_navigation_search_wrapper {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
|
||||
a {
|
||||
margin: @half 0.5em 0;
|
||||
padding: @half 0.5em
|
||||
calc(~"@{pkp_nav_primary_row_el_padding} - 2px"); // -2 to account for border size
|
||||
border-bottom: 2px solid transparent;
|
||||
color: @text-bg-base;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: @text-bg-base;
|
||||
outline: 0;
|
||||
border-color: @text-bg-base;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: @text-bg-base;
|
||||
color: @bg-base;
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
/**
|
||||
* @file plugins/themes/default/index.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 Default theme stylesheet
|
||||
*
|
||||
*/
|
||||
|
||||
// For now we'll inherit a lot of the work from the backend. In the future this
|
||||
// could probably be changed to streamline some things. Extra components that
|
||||
// could be removed to reduce the CSS file size include:
|
||||
//
|
||||
// FontAwesome and icon definitions
|
||||
// Lots of helpers which may not be needed
|
||||
@import "../../../../lib/pkp/styles/fontawesome.less";
|
||||
@import "../../../../lib/pkp/styles/normalize.less";
|
||||
@import "../../../../lib/pkp/styles/variables.less";
|
||||
@import "../../../../lib/pkp/styles/utils.less";
|
||||
@import "../../../../lib/pkp/styles/helpers.less";
|
||||
|
||||
// Styles unique to this theme
|
||||
@import "variables.less";
|
||||
@import "components.less";
|
||||
@import "body.less";
|
||||
@import "head.less";
|
||||
@import "main.less";
|
||||
@import "components/nav-toggle.less";
|
||||
@import "pages/indexSite.less";
|
||||
@import "pages/indexJournal.less";
|
||||
@import "pages/category.less";
|
||||
@import "pages/contact.less";
|
||||
@import "pages/issueArchive.less";
|
||||
@import "pages/login.less";
|
||||
@import "pages/lostPassword.less";
|
||||
@import "pages/register.less";
|
||||
@import "pages/search.less";
|
||||
@import "pages/section.less";
|
||||
@import "pages/viewPdf.less";
|
||||
@import "objects/announcement_full.less";
|
||||
@import "objects/announcement_summary.less";
|
||||
@import "objects/article_details.less";
|
||||
@import "objects/article_summary.less";
|
||||
@import "objects/galley_link.less";
|
||||
@import "objects/issue_summary.less";
|
||||
@import "objects/issue_toc.less";
|
||||
@import "sidebar.less";
|
||||
@import "footer.less";
|
||||
@import "rtl.less";
|
||||
@@ -0,0 +1,129 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/main.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 main content panel
|
||||
*/
|
||||
|
||||
.pkp_structure_main {
|
||||
|
||||
h1 {
|
||||
font-family: @font-heading;
|
||||
font-size: @font-header;
|
||||
line-height: @line-header;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: @font-heading;
|
||||
font-size: @font-lead;
|
||||
line-height: @line-lead;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: @font-heading;
|
||||
font-size: @font-bump;
|
||||
line-height: @line-bump;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: @font-base;
|
||||
line-height: @line-base;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: @font-base;
|
||||
line-height: @line-base;
|
||||
font-weight: @normal;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin: @quadruple 0 @double;
|
||||
}
|
||||
|
||||
h5,
|
||||
h6 {
|
||||
margin: @double 0;
|
||||
}
|
||||
|
||||
p,
|
||||
ul {
|
||||
line-height: @line-base-large;
|
||||
margin: @line-base 0;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.page {
|
||||
|
||||
// Titles in pages
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
// Edit link that isn't nested in a section
|
||||
> .cmp_edit_link {
|
||||
float: right;
|
||||
padding: @half 0;
|
||||
line-height: @triple;
|
||||
}
|
||||
|
||||
// Count of catalog entries on the current page
|
||||
// used in catalog, category, series and search pages
|
||||
.monograph_count {
|
||||
float: right;
|
||||
padding: @base 0;
|
||||
font-size: @font-sml;
|
||||
color: @text-light;
|
||||
}
|
||||
|
||||
// Description and image for catalog category/series
|
||||
.about_section {
|
||||
.pkp_helpers_clear;
|
||||
color: @text-light;
|
||||
line-height: @triple;
|
||||
|
||||
.cover {
|
||||
float: right;
|
||||
width: 20%;
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.description p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.description p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media(min-width: @screen-phone) {
|
||||
font-size: @font-bump;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/objects/announcement_full.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 full view of an announcement
|
||||
* @link templates/frontend/objects/announcement_full.tpl
|
||||
*/
|
||||
.obj_announcement_full {
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.date {
|
||||
margin: 16px 0;
|
||||
color: @text-light;
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-calendar;
|
||||
margin-right: 0.5em;
|
||||
color: @bg-shade;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
margin-top: @quadruple;
|
||||
|
||||
p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/objects/announcement_summary.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 summary view of an announcement
|
||||
* @link templates/frontend/objects/announcement_summary.tpl
|
||||
*/
|
||||
.obj_announcement_summary {
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin: 0;
|
||||
font-size: @font-base;
|
||||
line-height: @line-base;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.date {
|
||||
font-size: @font-sml;
|
||||
line-height: @line-base-large;
|
||||
color: @text-light;
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-calendar;
|
||||
margin-right: 0.5em;
|
||||
font-size: @font-base;
|
||||
color: @bg-shade;
|
||||
}
|
||||
}
|
||||
|
||||
.summary {
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
margin-top: @base;
|
||||
|
||||
p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.read_more {
|
||||
.cmp_button_text(@fa-var-chevron-right);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,366 @@
|
||||
/**
|
||||
* @file styles/objects/article_details.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 a view of an article with all details
|
||||
* @link templates/frontend/objects/article_details.tpl
|
||||
*/
|
||||
.obj_article_details {
|
||||
|
||||
> .page_title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
> .subtitle {
|
||||
margin: 0;
|
||||
font-size: @font-base;
|
||||
line-height: @line-lead;
|
||||
font-weight: @normal;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-top: @triple;
|
||||
}
|
||||
|
||||
.item {
|
||||
padding-top: @double;
|
||||
padding-bottom: @double;
|
||||
|
||||
> *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> h2 + p {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.sub_item {
|
||||
margin-bottom: @double;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.main_entry {
|
||||
|
||||
.item {
|
||||
|
||||
.label {
|
||||
margin: 0 0 @double;
|
||||
font-family: @font-heading;
|
||||
font-size: @font-bump;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
&.doi .label,
|
||||
&.keywords .label {
|
||||
display: inline;
|
||||
font-size: @font-base;
|
||||
}
|
||||
}
|
||||
|
||||
.sub_item {
|
||||
|
||||
.label {
|
||||
font-size: @font-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.authors {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
|
||||
li {
|
||||
margin-bottom: @base;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.userGroup {
|
||||
display: block;
|
||||
}
|
||||
.orcid {
|
||||
display: block;
|
||||
font-size: @font-sml;
|
||||
line-height: @double;
|
||||
|
||||
a {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.orcid_icon {
|
||||
width: @double;
|
||||
height: @double;
|
||||
}
|
||||
|
||||
.affiliation {
|
||||
font-size: @font-sml;
|
||||
color: @text-light;
|
||||
}
|
||||
}
|
||||
|
||||
.author_bios {
|
||||
|
||||
.sub_item {
|
||||
|
||||
.label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.value > p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item.doi,
|
||||
.item.keywords {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.galleys_links {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: start;
|
||||
|
||||
li {
|
||||
margin-inline-end: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.supplementary_galleys_links {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
margin-top: @base;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
|
||||
a[rel="license"] + p {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.entry_details {
|
||||
margin-left: -@double;
|
||||
margin-right: -@double;
|
||||
border-top: @bg-border;
|
||||
|
||||
.item {
|
||||
padding: @double;
|
||||
border-bottom: @bg-border;
|
||||
word-wrap: break-word;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.label {
|
||||
margin: 0;
|
||||
font-family: @font-heading;
|
||||
font-size: @font-sml;
|
||||
font-weight: @normal;
|
||||
color: @text-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.categories {
|
||||
.pkp_unstyled_list;
|
||||
}
|
||||
|
||||
.versions ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.citation_display {
|
||||
|
||||
.value {
|
||||
font-size: @font-sml;
|
||||
}
|
||||
|
||||
// Hide the bibliography number produced by some CSL styles
|
||||
.csl-left-margin {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[aria-hidden="true"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.citation_formats {
|
||||
margin-top: 1em;
|
||||
border: @form-border;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
.citation_formats_button {
|
||||
position: relative;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
box-shadow: none;
|
||||
padding: 0 1em;
|
||||
width: 100%;
|
||||
font-family: @font-heading;
|
||||
font-weight: @normal;
|
||||
color: @text-light;
|
||||
text-align: left;
|
||||
|
||||
&:after {
|
||||
.fa();
|
||||
content: @fa-var-caret-down;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 1em;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
&[aria-expanded="true"] {
|
||||
|
||||
&:after {
|
||||
content: @fa-var-caret-up;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: @bg-shade;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.citation_formats_styles {
|
||||
.pkp_unstyled_list;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 0.5em 1em;
|
||||
border-bottom: @bg-border;
|
||||
text-decoration: none;
|
||||
|
||||
&:focus {
|
||||
background: @bg-shade;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
li:last-child a {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.citation_formats_list .label {
|
||||
padding: 1em 1em 0.25em 1em;
|
||||
}
|
||||
|
||||
.citation_formats_styles + .label {
|
||||
border-top: @bg-border;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-phone) {
|
||||
|
||||
.entry_details {
|
||||
margin-left: -@triple;
|
||||
margin-right: -@triple;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.row {
|
||||
margin-left: -@double;
|
||||
margin-right: -@double;
|
||||
border-top: @bg-border;
|
||||
border-bottom: @bg-border;
|
||||
}
|
||||
|
||||
.main_entry {
|
||||
float: left;
|
||||
width: @screen-tablet-container - @sidebar-width;
|
||||
border-right: @bg-border;
|
||||
}
|
||||
|
||||
.item {
|
||||
padding: @double;
|
||||
|
||||
.label {
|
||||
margin: 0 0 @double;
|
||||
font-family: @font-heading;
|
||||
font-size: @font-bump;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
&.doi .label,
|
||||
&.keywords .label {
|
||||
display: inline;
|
||||
font-size: @font-base;
|
||||
}
|
||||
}
|
||||
|
||||
.entry_details {
|
||||
float: left;
|
||||
width: @sidebar-width;
|
||||
margin: 0 0 0 -1px; // border overlap with main content
|
||||
border-top: none;
|
||||
border-left: @bg-border;
|
||||
|
||||
.item {
|
||||
margin-right: -1px; // border reach out to edge
|
||||
border-bottom: @bg-border;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.row {
|
||||
margin-left: -@triple;
|
||||
margin-right: -@triple;
|
||||
}
|
||||
|
||||
.main_entry {
|
||||
width: @screen-desktop-container - (@sidebar-width * 2);
|
||||
}
|
||||
|
||||
.item {
|
||||
padding: @triple;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media(min-width: @screen-lg-desktop) {
|
||||
|
||||
.main_entry {
|
||||
width: @screen-lg-desktop-container - (@sidebar-width * 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
/**
|
||||
* @file styles/objects/article_summary.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 a summary view of an article for lists
|
||||
* @link templates/frontend/objects/article_details.tpl
|
||||
*/
|
||||
.obj_article_summary {
|
||||
.pkp_helpers_clear();
|
||||
|
||||
.cover {
|
||||
display: block;
|
||||
margin-bottom: @double;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-height: 250px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
> .title {
|
||||
font-family: @font-heading;
|
||||
font-size: @font-base;
|
||||
line-height: @line-base;
|
||||
font-weight: @bold;
|
||||
border-bottom: none;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
display: block;
|
||||
margin-top: 0.25em;
|
||||
margin-bottom: 0.5em;
|
||||
font-weight: @normal;
|
||||
color: @text-light;
|
||||
}
|
||||
|
||||
.meta {
|
||||
position: relative;
|
||||
padding-top: @half;
|
||||
font-size: @font-sml;
|
||||
line-height: @double;
|
||||
}
|
||||
|
||||
.pages,
|
||||
.published {
|
||||
color: @text-light;
|
||||
}
|
||||
|
||||
.galleys_links {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
margin-top: @base;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: start;
|
||||
|
||||
li {
|
||||
margin-inline-end: 1rem;
|
||||
|
||||
&:last-child {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.authors {
|
||||
padding-right: 5em;
|
||||
}
|
||||
|
||||
.pages {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: @line-lead;
|
||||
}
|
||||
|
||||
.cover {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
margin-right: @double;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.cover {
|
||||
margin-right: @triple;
|
||||
margin-bottom: @triple;
|
||||
|
||||
img {
|
||||
max-height: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
/**
|
||||
* @file styles/objects/galley_link.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 an issue table of contents view
|
||||
* @link templates/frontend/objects/galley_link.tpl
|
||||
*/
|
||||
.obj_galley_link {
|
||||
&:extend(.cmp_button_wire);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
&:extend(.cmp_button_wire:hover);
|
||||
}
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-file-text-o;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
&.pdf:before {
|
||||
content: @fa-var-file-pdf-o;
|
||||
}
|
||||
|
||||
&.restricted {
|
||||
border-color: @offset;
|
||||
color: @offset;
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-lock;
|
||||
color: @offset;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: @offset;
|
||||
color: @lift;
|
||||
|
||||
&:before {
|
||||
color: @lift;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.obj_galley_link_supplementary {
|
||||
.cmp_button_text(@fa-var-file-text-o);
|
||||
padding-right: 0;
|
||||
padding-left: @double;
|
||||
|
||||
&:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* @file styles/objects/issue_summary.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 an issue summary view
|
||||
* @link templates/frontend/objects/issue_summary.tpl
|
||||
*/
|
||||
.obj_issue_summary {
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-size: @font-base;
|
||||
line-height: @line-base;
|
||||
font-weight: @normal;
|
||||
}
|
||||
|
||||
.cover {
|
||||
display: block;
|
||||
margin-bottom: @double;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: auto;
|
||||
max-height: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: @font-heading;
|
||||
font-weight: @bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.series {
|
||||
margin-bottom: @half;
|
||||
color: @text-light;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
|
||||
p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
.pkp_helpers_clear;
|
||||
|
||||
.cover {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: auto;
|
||||
margin-right: @double;
|
||||
|
||||
img {
|
||||
max-height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,149 @@
|
||||
/**
|
||||
* @file styles/objects/issue_toc.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 an issue table of contents view
|
||||
* @link templates/frontend/objects/issue_toc.tpl
|
||||
*/
|
||||
.obj_issue_toc {
|
||||
|
||||
.cover {
|
||||
display: block;
|
||||
margin-bottom: @double;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-height: 250px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
|
||||
> *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pub_id {
|
||||
margin: @double 0;
|
||||
|
||||
.type {
|
||||
font-weight: @bold;
|
||||
}
|
||||
}
|
||||
|
||||
.published {
|
||||
margin: @double 0;
|
||||
|
||||
.label {
|
||||
font-weight: @bold;
|
||||
}
|
||||
}
|
||||
|
||||
.articles {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
|
||||
// Prevent articles from moving up into section divider
|
||||
// if the title of a section is omitted from the table of contents
|
||||
margin-top: calc(~"@{triple} + @{double}");
|
||||
}
|
||||
|
||||
h2 + .articles,
|
||||
h3 + .articles {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.sections:not(:first-child) {
|
||||
margin-top: @triple * 2;
|
||||
}
|
||||
|
||||
.section:last-child .articles > li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.galleys_links {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
margin-top: @base;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: start;
|
||||
|
||||
li {
|
||||
margin-inline-end: 1rem;
|
||||
|
||||
&:last-child {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.heading {
|
||||
.pkp_helpers_clear;
|
||||
}
|
||||
|
||||
.cover {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
margin-right: @double;
|
||||
}
|
||||
|
||||
.galleys,
|
||||
.section {
|
||||
position: relative;
|
||||
margin: @triple -@double;
|
||||
padding: @triple;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border-top: @bg-border;
|
||||
}
|
||||
|
||||
> h2,
|
||||
> h3 {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: -15px;
|
||||
margin-top: 0;
|
||||
padding: 0 (@triple / 2);
|
||||
background: @lift;
|
||||
font-size: @font-bump;
|
||||
font-weight: @normal;
|
||||
line-height: @triple;
|
||||
color: @text-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.galleys,
|
||||
.section {
|
||||
margin: @triple -@triple;
|
||||
}
|
||||
|
||||
.cover {
|
||||
margin-right: @triple;
|
||||
margin-bottom: @triple;
|
||||
|
||||
img {
|
||||
max-height: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/pages/category.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 contact page
|
||||
* @link templates/frontend/pages/category.tpl
|
||||
*/
|
||||
.page_catalog_category {
|
||||
|
||||
.article_count {
|
||||
float: right;
|
||||
padding: @base 0;
|
||||
font-size: @font-sml;
|
||||
color: @text-light;
|
||||
}
|
||||
|
||||
.about_section .cover {
|
||||
float: right;
|
||||
width: 20%;
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
.subcategories {
|
||||
|
||||
ul {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
}
|
||||
|
||||
li {
|
||||
padding-top: @half;
|
||||
padding-bottom: @half;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
position: relative;
|
||||
margin-top: @triple * 2;
|
||||
margin-left: -@double;
|
||||
margin-right: -@double;
|
||||
padding: @triple;
|
||||
border-top: @bg-border;
|
||||
border-bottom: @bg-border;
|
||||
|
||||
h2 {
|
||||
position: absolute;
|
||||
top: -15px;
|
||||
left: @double;
|
||||
margin: 0;
|
||||
padding-left: @base;
|
||||
padding-right: @base;
|
||||
line-height: @triple;
|
||||
background: @bg;
|
||||
color: @text-light;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
margin-left: -@triple;
|
||||
margin-right: -@triple;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.cmp_article_list {
|
||||
padding-top: @double;
|
||||
}
|
||||
|
||||
h2.title {
|
||||
.pkp_screen_reader();
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.cmp_article_list {
|
||||
padding-top: @triple;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/pages/contact.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 contact page
|
||||
* @link templates/frontend/pages/contact.tpl
|
||||
*/
|
||||
.page_contact {
|
||||
|
||||
.address,
|
||||
.phone,
|
||||
.email {
|
||||
margin-top: @base;
|
||||
margin-bottom: @base;
|
||||
font-size: @font-sml;
|
||||
}
|
||||
|
||||
.address {
|
||||
margin-top: 0;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
display: block;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
.contact.support {
|
||||
margin-top: @quadruple;
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.contact_section {
|
||||
.pkp_helpers_clear;
|
||||
}
|
||||
|
||||
.contact {
|
||||
float: left;
|
||||
width: 50%;
|
||||
|
||||
&.primary {
|
||||
padding-right: @double;
|
||||
}
|
||||
|
||||
&.support {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,182 @@
|
||||
/**
|
||||
* @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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,88 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/pages/indexSite.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/indexSite.tpl
|
||||
*/
|
||||
.pkp_page_index {
|
||||
|
||||
.journals {
|
||||
margin-top: @triple;
|
||||
|
||||
h2 {
|
||||
&:extend(.pkp_screen_reader);
|
||||
}
|
||||
|
||||
ul {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
}
|
||||
|
||||
> ul > li {
|
||||
margin: @triple 0;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-height: 20em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: @base 0;
|
||||
font-size: @font-base;
|
||||
font-weight: @bold;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: @base 0;
|
||||
}
|
||||
|
||||
.links {
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 @base @base 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
> ul > li {
|
||||
.pkp_helpers_clear;
|
||||
margin: 0 -@double;
|
||||
padding: @double;
|
||||
border-top: @bg-border;
|
||||
}
|
||||
|
||||
.thumb {
|
||||
float: left;
|
||||
width: 25%;
|
||||
padding-right: @double;
|
||||
|
||||
+ .body {
|
||||
float: right;
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
> ul > li {
|
||||
margin: 0 -@triple;
|
||||
padding: @triple;
|
||||
}
|
||||
|
||||
.thumb {
|
||||
padding-right: @triple;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/pages/issueArchive.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 issue archive page
|
||||
* @link templates/frontend/pages/issueArchive.tpl
|
||||
*/
|
||||
.page_issue_archive {
|
||||
|
||||
.issues_archive {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
margin-left: -@base;
|
||||
margin-right: -@base;
|
||||
border-top: @bg-border;
|
||||
|
||||
> li {
|
||||
padding: @triple @base;
|
||||
border-bottom: @bg-border;
|
||||
}
|
||||
|
||||
@media(min-width: @screen-phone) {
|
||||
margin-left: -@double;
|
||||
margin-right: -@double;
|
||||
|
||||
> li {
|
||||
padding-left: @double;
|
||||
padding-right: @double;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
margin-left: -@triple;
|
||||
margin-right: -@triple;
|
||||
|
||||
> li {
|
||||
padding-left: @triple;
|
||||
padding-right: @triple;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cmp_pagination {
|
||||
margin-top: @double;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
/**
|
||||
* @file styles/pages/login.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 lightweight page for viewing PDFs
|
||||
* @link templates/frontend/pages/userLogin.tpl
|
||||
*/
|
||||
.page_login {
|
||||
|
||||
// Form
|
||||
.login {
|
||||
margin-bottom: 0;
|
||||
max-width: 17em;
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.password {
|
||||
|
||||
a {
|
||||
font-size: @font-sml;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.remember {
|
||||
padding-bottom: 0;
|
||||
|
||||
.label {
|
||||
display: inline;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.buttons {
|
||||
|
||||
button {
|
||||
float: right;
|
||||
}
|
||||
|
||||
a {
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
/**
|
||||
* @file styles/pages/lostPassword.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 lightweight page for viewing PDFs
|
||||
* @link templates/frontend/pages/userLostPassword.tpl
|
||||
*/
|
||||
.page_lost_password {
|
||||
|
||||
// Form
|
||||
.lost_password {
|
||||
margin-bottom: 0;
|
||||
max-width: 17em;
|
||||
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_form_error {
|
||||
margin: @double 0;
|
||||
padding: @base;
|
||||
background: @no;
|
||||
color: #fff;
|
||||
font-size: @font-sml;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
.pkp_helpers_clear;
|
||||
|
||||
button {
|
||||
&:extend(.cmp_button);
|
||||
float: right;
|
||||
}
|
||||
|
||||
a {
|
||||
float: right;
|
||||
font-size: @font-sml;
|
||||
line-height: @triple;
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,160 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/pages/register.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 registration page
|
||||
* @link templates/frontend/pages/userRegister.tpl
|
||||
*/
|
||||
.page_register {
|
||||
|
||||
.required_label {
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
color: @text-light;
|
||||
margin-bottom: @double;
|
||||
}
|
||||
|
||||
.consent {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.fields .reviewer_interests {
|
||||
max-height: 0;
|
||||
padding-bottom: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
|
||||
&.is_visible {
|
||||
max-height: 400px;
|
||||
overflow: visible;
|
||||
padding-bottom: @triple;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.context_optin {
|
||||
|
||||
.contexts {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
|
||||
> li {
|
||||
margin-bottom: 1em;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.roles {
|
||||
padding: @half 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
legend {
|
||||
&:extend(.pkp_screen_reader);
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-right: 1em;
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
}
|
||||
}
|
||||
|
||||
.context_privacy {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
padding: @half 0;
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
}
|
||||
|
||||
.context_privacy_visible {
|
||||
position: relative;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Styles for form error list, which is still tied to a template shared by
|
||||
// the backend
|
||||
#formErrors {
|
||||
margin: @double 0;
|
||||
padding: @base;
|
||||
background: @no;
|
||||
color: #fff;
|
||||
|
||||
.pkp_form_error {
|
||||
padding: 0;
|
||||
font-size: @font-sml;
|
||||
font-weight: bold;
|
||||
line-height: @line-sml;
|
||||
|
||||
}
|
||||
|
||||
.pkp_form_error_list {
|
||||
margin: 0;
|
||||
padding-left: @double;
|
||||
font-size: @font-sml;
|
||||
line-height: @line-sml;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.identity li {
|
||||
display: inline-block;
|
||||
padding-right: 1em;
|
||||
max-width: 13em;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-lg-desktop) {
|
||||
|
||||
.identity li {
|
||||
max-width: 17em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_op_register {
|
||||
|
||||
.ui-helper-hidden-accessible {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
position: absolute !important;
|
||||
left: -2000px;
|
||||
|
||||
&:focus {
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto !important;
|
||||
color: #000;
|
||||
display: block;
|
||||
font-size: @font-base;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
padding: @base;
|
||||
position: absolute;
|
||||
left: @half;
|
||||
top: @half;
|
||||
text-decoration: none;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-autocomplete {
|
||||
position: absolute !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,131 @@
|
||||
/**
|
||||
* @file styles/pages/search.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 search form and results page
|
||||
* @link templates/frontend/pages/search.tpl
|
||||
*/
|
||||
.page_search {
|
||||
|
||||
.search_input {
|
||||
|
||||
.query {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: calc(~"@{quadruple} - 2px"); // account for border;
|
||||
font-size: @font-lead;
|
||||
line-height: calc(~"@{quadruple} - 2px"); // account for border;
|
||||
}
|
||||
}
|
||||
|
||||
.search_advanced {
|
||||
border: @bg-border;
|
||||
padding: 0 @double @double;
|
||||
|
||||
legend {
|
||||
padding: @base @double;
|
||||
margin: 0;
|
||||
font-weight: @normal;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: @font-base;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.date_range {
|
||||
|
||||
legend {
|
||||
padding: 0;
|
||||
font-size: @font-base;
|
||||
}
|
||||
|
||||
label {
|
||||
.pkp_screen_reader();
|
||||
}
|
||||
|
||||
select + label + select {
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
|
||||
[name*="Year"] {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
[name*="Day"] {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
[name*="Month"] {
|
||||
width: 10em;
|
||||
}
|
||||
}
|
||||
|
||||
.label_contexts {
|
||||
margin-top: @double;
|
||||
}
|
||||
|
||||
.submit {
|
||||
text-align: right;
|
||||
|
||||
button {
|
||||
&:extend(.cmp_button all);
|
||||
.cmp_button_icon(@fa-var-search);
|
||||
.cmp_button_icon_left(@fa-var-search);
|
||||
|
||||
&:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search_results {
|
||||
margin: @quadruple 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
.obj_article_summary {
|
||||
margin: @double 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Deprecated pagination of search results
|
||||
.cmp_pagination {
|
||||
margin-top: @double;
|
||||
font-size: @font-sml;
|
||||
line-height: @double;
|
||||
color: @text-light;
|
||||
text-align: right;
|
||||
|
||||
a {
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-tablet) {
|
||||
|
||||
.search_advanced {
|
||||
.pkp_helpers_clear;
|
||||
}
|
||||
|
||||
.date_range {
|
||||
float: left;
|
||||
width: 50%;
|
||||
|
||||
.to fieldset {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.author {
|
||||
float: right;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* @file styles/pages/section.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 for the section archive.
|
||||
*/
|
||||
.page_section {
|
||||
|
||||
.section_description {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/pages/viewPdf.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 lightweight page for viewing PDFs
|
||||
* @link templates/frontend/pages/viewPdf.tpl
|
||||
*/
|
||||
|
||||
.header_view {
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
background: @primary;
|
||||
|
||||
a {
|
||||
line-height: @line-header;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.return {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: @line-header;
|
||||
height: @line-header;
|
||||
line-height: @line-header;
|
||||
background: @bg;
|
||||
color: @primary;
|
||||
text-align: center;
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-arrow-left;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: @primary-lift;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
padding-left: @line-header + @base;
|
||||
max-width: 100%;
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: @font-sml;
|
||||
color: #fff;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: @primary-lift;
|
||||
}
|
||||
}
|
||||
|
||||
.download {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: @line-header;
|
||||
background: @bg;
|
||||
text-align: center;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: @primary-lift;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-download;
|
||||
}
|
||||
|
||||
.label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.title {
|
||||
font-size: @font-base;
|
||||
}
|
||||
|
||||
.download {
|
||||
width: auto;
|
||||
padding: 0 @double;
|
||||
|
||||
.label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// Prevent duplicate download labels once the regular label is visible
|
||||
.pkp_screen_reader {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.galley_view {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow-y: hidden;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: @line-header;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.galley_view_with_notice {
|
||||
|
||||
iframe {
|
||||
padding-top: @line-header * 3;
|
||||
}
|
||||
}
|
||||
|
||||
.galley_view_notice {
|
||||
position: absolute;
|
||||
top: @line-header;
|
||||
width: 100%;
|
||||
height: @line-header * 2;
|
||||
background: @no;
|
||||
}
|
||||
|
||||
.galley_view_notice_message {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: @text-bg-base;
|
||||
font-weight: @bold;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
color: @text-bg-base;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,187 @@
|
||||
/**
|
||||
* @file plugins/themes/default/rtl.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 Stylesheet for flipping content to RTL (e.g. for Arabic, Persian and Hebrew)
|
||||
*
|
||||
*/
|
||||
|
||||
body[dir="rtl"] {
|
||||
direction: rtl;
|
||||
unicode-bidi: embed;
|
||||
|
||||
// Layout
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.pkp_structure_main {
|
||||
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: auto;
|
||||
right: @screen-tablet-container;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.pkp_structure_main {
|
||||
float: right;
|
||||
|
||||
&:after {
|
||||
left: auto;
|
||||
right: @screen-desktop-container - @sidebar-width;
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_structure_sidebar {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pkp_navigation_search_wrapper {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-lg-desktop) {
|
||||
|
||||
.pkp_structure_main {
|
||||
|
||||
&:after {
|
||||
left: auto;
|
||||
right: @screen-lg-desktop-container - @sidebar-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Header
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.pkp_site_name {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_navigation_primary {
|
||||
|
||||
ul {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.pkp_navigation_user {
|
||||
text-align: left;
|
||||
|
||||
li {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Utils
|
||||
.pkp_screen_reader,
|
||||
.cmp_skip_to_content a,
|
||||
.pkp_page_index .journals h2,
|
||||
.pkp_page_index .cmp_announcements h2,
|
||||
.page_register .context_optin .roles legend {
|
||||
left: auto;
|
||||
right: -2000px;
|
||||
|
||||
&:focus {
|
||||
right: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
// Announcement summary
|
||||
.obj_announcement_summary {
|
||||
|
||||
.date:before {
|
||||
margin-right: 0;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
// Issue table of contents
|
||||
.obj_issue_toc {
|
||||
|
||||
.galleys_links li {
|
||||
margin-right: inherit;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.galleys h2,
|
||||
.section h2 {
|
||||
left: auto;
|
||||
right: @triple / 2;
|
||||
}
|
||||
|
||||
.cover {
|
||||
float: right;
|
||||
margin-right: inherit;
|
||||
margin-left: @double;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.cover {
|
||||
margin-right: inherit;
|
||||
margin-left: @triple;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Issue summary
|
||||
.obj_issue_summary {
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.cover {
|
||||
float: right;
|
||||
margin-right: inherit;
|
||||
margin-left: @double;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Article summary
|
||||
.obj_article_summary {
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
padding-right: 0;
|
||||
padding-left: 5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-tablet) {
|
||||
|
||||
.galleys h2,
|
||||
.section h2 {
|
||||
left: auto;
|
||||
right: @triple / 2;
|
||||
}
|
||||
|
||||
.cover {
|
||||
float: right;
|
||||
margin-right: inherit;
|
||||
margin-left: @double;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
|
||||
.cover {
|
||||
margin-right: inherit;
|
||||
margin-left: @triple;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/sidebar.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 for the sidebar blocks
|
||||
*
|
||||
*/
|
||||
|
||||
.pkp_block {
|
||||
padding: @triple @double;
|
||||
font-size: @font-base;
|
||||
line-height: @line-base;
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
margin-bottom: @base;
|
||||
margin-top: 0;
|
||||
font-family: @font-heading;
|
||||
font-size: @font-bump;
|
||||
font-weight: @bold;
|
||||
line-height: @line-bump;
|
||||
color: @text-light;
|
||||
}
|
||||
|
||||
.content {
|
||||
|
||||
ul {
|
||||
&:extend(.pkp_unstyled_list);
|
||||
|
||||
li {
|
||||
line-height: @line-base;
|
||||
padding: @half 0;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: @line-base-large;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media(min-width: @screen-desktop) {
|
||||
padding: @triple;
|
||||
}
|
||||
}
|
||||
|
||||
// Browse sidebar block
|
||||
.block_browse {
|
||||
font-size: @font-sml;
|
||||
|
||||
.has_submenu {
|
||||
margin-top: @double;
|
||||
font-size: @font-sml;
|
||||
font-weight: @bold;
|
||||
color: @text-light;
|
||||
|
||||
ul {
|
||||
margin-top: calc(~"@{half} - 1px"); // account for border
|
||||
padding-top: @half;
|
||||
font-weight: @normal;
|
||||
}
|
||||
}
|
||||
|
||||
.is_sub {
|
||||
margin-left: @base;
|
||||
}
|
||||
|
||||
.current a {
|
||||
padding-left: 0.5em;
|
||||
border-left: 4px solid @bg-border-color;
|
||||
color: @text-light;
|
||||
cursor: text;
|
||||
}
|
||||
}
|
||||
|
||||
.block_information,
|
||||
.block_language_toggle {
|
||||
|
||||
a {
|
||||
font-size: @font-sml;
|
||||
}
|
||||
}
|
||||
|
||||
.block_make_submission {
|
||||
|
||||
a {
|
||||
&:extend(.cmp_button);
|
||||
}
|
||||
}
|
||||
|
||||
.block_subscription {
|
||||
|
||||
.subscription_name {
|
||||
margin-bottom: 0;
|
||||
font-weight: @bold;
|
||||
}
|
||||
|
||||
.subscription_membership {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,103 @@
|
||||
/**
|
||||
* @file plugins/themes/default/styles/variables.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 Common variables used through the the theme styles. They provide a
|
||||
* fully separated interface for defining variables, so that changes desired on
|
||||
* the frontend won't impact the backend.
|
||||
*/
|
||||
//
|
||||
// Colors
|
||||
//
|
||||
|
||||
// Background
|
||||
@bg: #fff;
|
||||
@bg-shade: #ddd;
|
||||
@bg-base: #1E6292; // Accent color used in the header
|
||||
|
||||
// Primary "anchor" color for links
|
||||
@primary: #006798;
|
||||
@primary-lift: lighten(@primary, 10%);
|
||||
|
||||
// Yes/no, success/error, on/off, go/stop, etc. Typically green and red.
|
||||
@yes: #00b24e;
|
||||
@no: #ff4040;
|
||||
|
||||
// Text
|
||||
@text: rgba(0,0,0,0.87);
|
||||
@text-light: rgba(0,0,0,0.54);
|
||||
@text-bg-base: #fff;
|
||||
|
||||
// Border colors
|
||||
@bg-border-color: @bg-shade;
|
||||
@bg-base-border-color: rgba(255,255,255,0.1);
|
||||
|
||||
//
|
||||
// Spacing
|
||||
//
|
||||
// The baseline size should be used to achieve consistent vertical rhythm. All
|
||||
// vertical margins, padding, line-height and block heights should use a
|
||||
// multiple of this baseline (or half). Where appropriate, horizontal
|
||||
// spacings should also use this baseline. However, in some cases with inline
|
||||
// elements it is more appropriate to use an `em` spacing.
|
||||
//
|
||||
@rem: 14px;
|
||||
@base: 0.714rem;
|
||||
@half: 0.357rem;
|
||||
@double: 1.43rem;
|
||||
@triple: 2.143rem;
|
||||
@quadruple: 2.857rem;
|
||||
|
||||
//
|
||||
// Typography
|
||||
//
|
||||
@font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
|
||||
@font-heading: @font;
|
||||
@font-site-title: @font-heading;
|
||||
@font-sml: 0.93rem;
|
||||
@line-sml: 1.43rem;
|
||||
@font-base: 1rem;
|
||||
@line-base: 1.43rem;
|
||||
@line-base-large: 1.785rem; // large blocks of text
|
||||
@font-bump: 1.143rem;
|
||||
@line-bump: 1.43rem;
|
||||
@font-lead: 1.285rem;
|
||||
@line-lead: 2.143rem;
|
||||
@font-header: 1.714rem;
|
||||
@line-header: 2.143rem;
|
||||
|
||||
// Font weights
|
||||
@normal: 400;
|
||||
@bold: 700;
|
||||
|
||||
//
|
||||
// Borders
|
||||
//
|
||||
@bg-border: 1px solid @bg-border-color;
|
||||
@form-border: 1px solid rgba(0,0,0,0.4);
|
||||
@radius: 3px;
|
||||
|
||||
|
||||
//
|
||||
// Screen width breakpoints
|
||||
//
|
||||
@screen-phone: 480px;
|
||||
@screen-tablet: 768px;
|
||||
@screen-tablet-container: @screen-tablet - 40px;
|
||||
@screen-desktop: 992px;
|
||||
@screen-desktop-container: @screen-desktop - 40px;
|
||||
@screen-lg-desktop: 1200px;
|
||||
@screen-lg-desktop-container: @screen-lg-desktop - 40px;
|
||||
|
||||
// Fixed widths and heights
|
||||
@sidebar-width: 300px;
|
||||
@logo-height: 8.571rem;
|
||||
|
||||
// Base URL
|
||||
// The base URL is set appropriately before the LESS stylesheet is compiled and
|
||||
// will point to the theme's base directory. The variable can be used to point
|
||||
// to image and font assets.
|
||||
@base-url: ''; // Leave empty
|
||||
Reference in New Issue
Block a user