NPM/site
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

font size

Browse Source
This commit is contained in:
Elinorre 2020-02-14 17:14:23 +03:00
parent 28cf647ef5
commit 9a89064108
3 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/header.css
View File

@ -1,13 +1,15 @@
/* ------ navbar ------------------------------ */ /* ------ navbar ------------------------------ */
.navbar { height: 80px; } .navbar { height: 80px; }
a.nav-link { margin-top: 25px; max-height: 62px;} a.nav-link { margin-top: 25px; max-height: 62px; color: white; }
a.nav-link:hover { background-color: rgb(20, 142, 161); } a.nav-link:hover { background-color: rgb(20, 142, 161); }
a.nav-link a:hover { color: white; text-decoration: none; } a.nav-link a:hover { color: white; text-decoration: none; }
a[aria-current="page"] { a[aria-current="page"] {
color: white; color: white;
background-color: rgb(20, 142, 161); background-color: rgb(20, 142, 161);
padding-top: 12px; padding-top: 12px; }
}
a.nav-link a#active { color: white; background-color: rgb(20, 142, 161); }
a.nav-link a { a.nav-link a {
padding: 12px; padding: 12px;
color: rgb(212, 212, 212); color: rgb(212, 212, 212);
@ -32,12 +34,13 @@ a[aria-current="page"] img#logo { opacity: 1; margin-top: 20px; background-color
} }
button.navbar-toggler.collapsed { margin-top: 0px; margin-left: 15px; } button.navbar-toggler.collapsed { margin-top: 0px; margin-left: 15px; }
button.navbar-toggler { margin-top: 15px; margin-left: 15px; } button.navbar-toggler { margin-top: 0px; margin-left: 15px; }
div#basic-navbar-nav.navbar-collapse.collapse.show { div#basic-navbar-nav.navbar-collapse.collapse.show {
width: 100px; width: 100px;
text-align: center; text-align: center;
background-color: rgb(52,58,64); } background-color: rgb(52,58,64);
margin-top: -0px; }
button.navbar-toggler { background-color: rgb(20, 142, 161); } button.navbar-toggler { background-color: rgb(20, 142, 161); }
div#navbarSupportedContent.navbar-collapse.collapse.show img#logo{ margin: auto; } div#navbarSupportedContent.navbar-collapse.collapse.show img#logo{ margin: auto; }
/* ------------------------------------------- */ /* ------------------------------------------- */
@ -60,4 +63,5 @@ div#navbarSupportedContent.navbar-collapse.collapse.show img#logo{ margin: auto;
@media (max-width: 769px) { @media (max-width: 769px) {
a[aria-current="page"] img#logo { margin-top: 0; margin-left: 0; padding-left: 15px } a[aria-current="page"] img#logo { margin-top: 0; margin-left: 0; padding-left: 15px }
a[aria-current="page"] { padding-top: 0 } a[aria-current="page"] { padding-top: 0 }
button.navbar-toggler { margin-top: 15px; }
} }

4
src/styles/layout.css
View File

@ -265,7 +265,7 @@ h1 {
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600; font-weight: 600;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-size: 50px; font-size: 2.5rem;
line-height: 1.1; line-height: 1.1;
} }
h2 { h2 {
@ -282,7 +282,7 @@ h2 {
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600; font-weight: 600;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-size: 40px; font-size: 1.75rem;
line-height: 1.1; line-height: 1.1;
} }
h3 { h3 {

12
src/styles/main.css
View File

@ -2,7 +2,6 @@ main { margin-top: 75px; }
/* ---- projects navbar ---------------------- */ /* ---- projects navbar ---------------------- */
ul.nav.nav-tabs { margin-top: 75px; } ul.nav.nav-tabs { margin-top: 75px; }
a.nav-link#project:hover { a.nav-link#project:hover {
padding-bottom: 7px; padding-bottom: 7px;
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
@ -16,9 +15,9 @@ ul.nav-tabs a.nav-link, ul.nav-tabs a.nav-link.active {
/* ------------------------------------------- */ /* ------------------------------------------- */
/* ------- news & main content ----------------------------- */ /* ------- news & main content ----------------------------- */
h1 { font-size: 50px; } h1 { font-size: 2.3rem; }
h2 { font-size: 40px; } h2 { font-size: 1.75rem; }
h3 { font-size: 35px; } h3 { font-size: 1.5rem; }
div.container main a { color: rgb(0, 86, 179); } div.container main a { color: rgb(0, 86, 179); }
div.container main a:hover { color: rgb(1, 66, 136); text-decoration: underline;} div.container main a:hover { color: rgb(1, 66, 136); text-decoration: underline;}
@ -42,6 +41,7 @@ button#more a { font-size: 20px; color: white; }
button#more a:hover { text-decoration: none; } button#more a:hover { text-decoration: none; }
button#more:hover { background-color: rgb(34, 76, 104); } button#more:hover { background-color: rgb(34, 76, 104); }
button#more { button#more {
margin-bottom: 15px;
color: white; color: white;
background-color: rgb(51, 113, 155); background-color: rgb(51, 113, 155);
border: rgb(36,88,122); } border: rgb(36,88,122); }
@ -74,11 +74,11 @@ hr {
margin: 10px 0px 20px 0px; } margin: 10px 0px 20px 0px; }
img.center-block { margin-bottom: 0; } img.center-block { margin-bottom: 0; }
li { margin-bottom: 0; font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, li { margin-bottom: 0; font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; }
ul { margin: 0 0 20px 0; padding-left: 40px; } ul { margin: 0 0 20px 0; padding-left: 40px; }
p#button { margin-bottom: 0px; } p#button { margin-bottom: 0px; }
p.lead { margin-bottom: 20px; font-size: 25px; } p.lead { margin-bottom: 20px; font-size: 1.25rem; }
.card-body{ padding: 25px; } .card-body{ padding: 25px; }
.card-header { padding: 15px 25px 15px 25px; } .card-header { padding: 15px 25px 15px 25px; }
.card-title { margin-bottom: 15px; } .card-title { margin-bottom: 15px; }