LBRYFoundation/lbryorg
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbryorg.git synced 2025-08-23 20:47:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Feat: Added hr styling for headings

Browse source
This commit is contained in:
eniamza 2020-06-10 17:42:44 +06:00
parent 3c51e9074e
commit 7bfa600390
1 changed files with 151 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

151
lib/css/article.css
View file

@ -0,0 +1,151 @@
/* Fonts */
@font-face {
font-family: 'Oxygen';
src: url(../fonts/Oxygen/Oxygen-Regular.ttf);
}
@font-face {
font-family: 'Oxygen, Bold';
src: url(../fonts/Oxygen/Oxygen-Bold.ttf);
}
/* /Fonts */
body {
font-family: 'Oxygen';
}
html {
scroll-behavior: smooth;
}
/* Parallax */
.parallax .parallax-img {
z-index: -1;
position: absolute;
width: 100%;
overflow: hidden;
}
.parallax .parallax-content {
z-index: 100;
position: relative;
background-color: transparent !important;
}
.parallax .parallax-bg {
z-index: -2;
position: absolute;
height: 100%;
width: 100%;
background-color: teal;
opacity: 0.3;
}
.parallax .parallax-mask {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.parallax .above-parallax {
box-shadow: rgba(0, 0, 0, 0.6) 0 0 1rem;
background: rgba(5, 20, 40, 0.93);
color: white;
padding: 2rem;
z-index: 100;
}
.parallax {
overflow: hidden;
}
/* /Parallax */
/* Global Parallax */
#global-parallax .parallax-img {
width: 100%;
margin: 0;
position: absolute;
}
#global-parallax .parallax-mask {
position: fixed;
background-color: rgb(20, 120, 200);
opacity: 0.35;
}
#global-parallax .parallax-bg {
position: fixed;
height: 100%;
background-color: black;
opacity: 1;
}
#global-parallax {
margin: 0;
}
/* /Global Parallax */
/* Navbar */
nav {
transition: all 0.4s;
box-shadow: rgba(0, 0, 0, 0.6) 0 0 1rem;
}
.nav-transparent {
background-color: transparent !important;
box-shadow: none;
}
.nav-item {
color: white !important;
}
.nav-link.active {
background-color: rgb(11, 90, 121);
border-radius: 0.2rem;
}
/* /Navbar */
/* Special Branded Color Classes*/
.lbry-teal {
background-color:rgb(3, 76, 105);
}
.dropdown-item.active {
background-color:rgb(3, 76, 105);
}
.dropdown-item:active {
background-color:rgb(3, 76, 105);
}
.dropdown-menu {
background-color:rgb(3, 76, 105);
}
.dropdown-item {
color: white;
}
/* /Special Branded Color Classes*/
/* hr Style for heading*/
hr.heading {
overflow: visible; /* For IE */
padding: 0;
border: none;
border-top: medium double #00303C;
color: #00303C;
text-align: center;
}
hr.heading {
content: "§";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 10em;
background: #00303C;
}