Cian-H/invenio-theme-iform
1
0
Fork 0
mirror of https://github.com/Cian-H/invenio-theme-iform.git synced 2026-03-05 21:58:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Applied new font to the body, fixed search icon hover

Browse Source
This commit is contained in:
Nikita Lvov
2020-06-17 08:24:29 +02:00
parent e8cc45d012
commit e159790e40
3 changed files with 229 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

387
invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
View File

@@ -6,232 +6,247 @@
* under the terms of the MIT License; see LICENSE file for more details.
*/
#int-menu-q-home-icon {
width: 18px;
height: 18px;
vertical-align: top;
fill: red;
#int-menu-q-home-icon {
width: 18px;
height: 18px;
vertical-align: top;
fill: red;
}
}
/*****logo section******/
.affiliation-spacer {
display: table-cell;
vertical-align: middle;
width: 100%;
}
/*****logo section******/
.affiliation-spacer{
display: table-cell;
vertical-align: middle;
width: 100%;
}
.affiliation-logo {
display: table-cell;
padding: 0 50px 0 0;
vertical-align: middle;
white-space: nowrap;
}
.affiliation {
background-color: white;
display: table;
margin: 0 auto 80px;
max-width: 1060px;
width: 100%;
text-decoration: none;
}
.affiliation-text {
display: table-cell;
font-size: 17px;
padding: 0 0 0 50px;
vertical-align: middle;
white-space: nowrap;
}
.affiliation-logo-claim {
display: inline-block;
font-size: 12px;
letter-spacing: 2px;
line-height: 17px;
padding: 0 17px 0 0;
text-align: right;
vertical-align: top;
}
a {
color: inherit;
text-decoration: none;
transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
}
/*****END logo section******/
.short-menu {
display: table;
height: 49px;
width: 100%;
}
.short-menu-left {
border-right: 1px solid black;
display: table-cell;
text-align: right;
width: 50%;
}
.short-menu-right {
display: table-cell;
vertical-align: top;
width: 50%;
color:#000000;
}
.short-menu-left-search {
display: inline-block;
margin: 12px 9px 6px 0;
color:#000000;
}
.short-menu-right-h {
cursor: pointer;
display: inline-block;
margin: 12px 0 6px 9px;
padding: 5px;
}
.short-menu-right-main-menu {
display: inline-block;
margin-right: 3px;
vertical-align: top;
width: 21px;
}
svg:not(:root) {
overflow: hidden;
}
/***********MAIN menu*************/
.header {
min-width: 0;
position: relative;
width: 100%;
//height: 100%;
}
.main-menu-box {
box-sizing: border-box;
display: table;
margin: 0 auto;
max-width: 1060px;
padding: 9px 50px 8px;
text-align: left;
width: 100%;
}
.main-menu-entry {
display: table-cell;
text-align: center;
}
.main-menu-entry a {
box-decoration-break: clone;
padding: 5px 8px;
}
.main-menu-entry a:hover{
background-color: #000000;
color: #ffffff;
text-decoration: none;
}
.affiliation-text a:hover{
background-color: #000000;
color: #ffffff;
text-decoration : none;
}
.affiliation-logo :hover{
.affiliation-logo {
display: table-cell;
padding: 0 50px 0 0;
vertical-align: middle;
white-space: nowrap;
}
.affiliation {
background-color: white;
display: table;
margin: 0 auto 80px;
max-width: 1060px;
width: 100%;
text-decoration: none;
}
}
.short-menu-right :hover{
background-color: #000000;
color: #ffffff;
}
.affiliation-text {
display: table-cell;
font-size: 17px;
padding: 0 0 0 50px;
vertical-align: middle;
white-space: nowrap;
}
.main-menu {
border-bottom: 1px solid #000;
box-sizing: border-box;
height: 39px;
margin-top: -1px;
overflow: hidden;
transition: height 0.3s linear 0s;
}
.affiliation-logo-claim {
display: inline-block;
font-size: 12px;
letter-spacing: 2px;
line-height: 17px;
padding: 0 17px 0 0;
text-align: right;
vertical-align: top;
}
@media (max-width: 767.9px){
a {
color: inherit;
text-decoration: none;
transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
}
/*****END logo section******/
.short-menu {
display: table;
height: 49px;
width: 100%;
}
.short-menu-left {
border-right: 1px solid black;
display: table-cell;
text-align: right;
width: 50%;
}
.short-menu-right {
display: table-cell;
vertical-align: top;
width: 50%;
color: #000000;
}
.search-icon-header {
display: inline-block;
}
.search-icon-header {
background-color: transparent;
& a svg g {
stroke: #e4154b;
}
}
.search-icon-header:hover {
background-color: #000;
& a {
& svg {
& g {
stroke: #fff !important;
}
}
}
}
.short-menu-left-search {
display: inline-block;
margin: 12px 9px 6px 0;
color: #000000;
}
.short-menu-right-h {
cursor: pointer;
display: inline-block;
margin: 12px 0 6px 9px;
padding: 5px;
}
.short-menu-right-main-menu {
display: inline-block;
margin-right: 3px;
vertical-align: top;
width: 21px;
}
svg:not(:root) {
overflow: hidden;
}
/***********MAIN menu*************/
.header {
min-width: 0;
position: relative;
width: 100%;
//height: 100%;
}
.main-menu-box {
box-sizing: border-box;
display: table;
margin: 0 auto;
max-width: 1060px;
padding: 9px 50px 8px;
text-align: left;
width: 100%;
}
.main-menu-entry {
display: table-cell;
text-align: center;
}
.main-menu-entry a {
box-decoration-break: clone;
padding: 5px 8px;
}
.main-menu-entry a:hover {
background-color: #000000;
color: #ffffff;
text-decoration: none;
}
.affiliation-text a:hover {
background-color: #000000;
color: #ffffff;
text-decoration: none;
}
.affiliation-logo :hover {
text-decoration: none;
}
.short-menu-right :hover {
background-color: #000000;
color: #ffffff;
}
.main-menu {
border-bottom: 1px solid #000;
box-sizing: border-box;
height: 39px;
margin-top: -1px;
overflow: hidden;
transition: height 0.3s linear 0s;
}
@media (max-width: 767.9px) {
.main-menu {
height: auto;
}
}
}
@media (max-width: 767.9px){
@media (max-width: 767.9px) {
.main-menu-entry {
display: table-row;
line-height: 1.9em;
}
}
}
@media screen and (max-width: 767.9px){
@media screen and (max-width: 767.9px) {
#int-header-logo-img {
width: 200px;
height: 75px;
}
}
}
@media screen and (max-width: 767.9px){
@media screen and (max-width: 767.9px) {
#int-header-logo {
padding: 50px 0;
text-align: center;
}}
}
}
@media screen and (max-width: 767.9px){
.affiliation{
@media screen and (max-width: 767.9px) {
.affiliation {
margin: 0;
text-align: center;
}
.affiliation-text{
.affiliation-text {
display: none;
}
.affiliation-logo-claim{
.affiliation-logo-claim {
display: none;
}
.affiliation-spacer{
.affiliation-spacer {
display: none;
}
}
}
@media (max-width: 767.9px){
@media (max-width: 767.9px) {
.main-menu-box {
margin-top:15px;
margin-top: 15px;
width: 100%;
text-align: center;
}
}
}
.int-menu-q-open-icon {
width: 14px;
vertical-align: middle;
margin-left: 5px;
}
.int-menu-q-open-icon {
width: 14px;
vertical-align: middle;
margin-left: 5px;
}
/*********************Custom overrides**********************/
/** Login with SAML**/
.col a{
cursor: pointer;
}
/*********************Custom overrides**********************/
/** Login with SAML**/
.col a {
cursor: pointer;
}
/**** hyperlink hover color ****/
a:focus,
a:hover {
color:#E4154B;
text-decoration:underline
}
/**** hyperlink hover color ****/
a:focus,
a:hover {
color: #e4154b;
text-decoration: underline;
}

17
invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/overrides.less
View File

@@ -5,7 +5,7 @@
* invenio-theme-tugraz is free software; you can redistribute it and/or modify it
* under the terms of the MIT License; see LICENSE file for more details.
*/
/* On hover color changed
* from #0377cd
* to #E4154B
@@ -16,7 +16,7 @@
.section-content-light-bg a:focus,
.hp-blog-section a:hover,
.hp-blog-section a:focus {
color: #E4154B;
color: #e4154b;
}
/*
@@ -28,13 +28,13 @@
background-color: #ffffff;
}
/*
/*
* section title.
* from #0377cd
* to #000000
*/
.section-title {
color: #000000;
color: #000000;
}
/***
@@ -55,3 +55,12 @@ To #000000
.panel-free-title {
color: #000000;
}
/***
forcing the font changes
*/
body {
font-family: "Source Sans Pro";
font-weight: 300;
font-size: 16px;
}

30
invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
View File

@@ -102,21 +102,21 @@
{%- endfor %}
</span>
{%- endif %}
<a href="/search">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#" viewBox="0 0 26.01515 26.01515" width="26.015"
height="26.015" class="all-menu-top-icon">
<g transform="translate(1,1)" stroke-miterlimit="10"
style="stroke-linejoin:round;stroke:#000;stroke-miterlimit:10;stroke-width:2;fill:none">
<circle style="stroke-miterlimit:10;stroke-width:2" r="8" cx="8.5" cy="8.5"></circle>
<path d="m14.156 14.156 9.344 9.344"
style="stroke-width:2;stroke-miterlimit:10;stroke-linecap:round"></path>
</g>
</svg>
</a>
<div class="search-icon-header">
<a href="/search">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#" viewBox="0 0 26.01515 26.01515" width="26.015"
height="26.015" class="all-menu-top-icon">
<g transform="translate(1,1)" stroke-miterlimit="10"
style="stroke-linejoin:round;stroke:#000;stroke-miterlimit:10;stroke-width:2;fill:none">
<circle style="stroke-miterlimit:10;stroke-width:2" r="8" cx="8.5" cy="8.5"></circle>
<path d="m14.156 14.156 9.344 9.344"
style="stroke-width:2;stroke-miterlimit:10;stroke-linecap:round"></path>
</g>
</svg>
</a>
</div>
</div>
</div>