1
Fork 0
theorangeone.net-legacy/static/src/scss/style.scss

176 lines
2.2 KiB
SCSS
Raw Normal View History

2017-04-21 22:20:47 +01:00
$fa-font-path: "../fonts";
@import "node_modules/font-awesome/scss/font-awesome";
2017-09-30 22:18:21 +01:00
@import "highlight"; // Generated by Hugo
2017-10-26 21:54:02 +01:00
@import "node_modules/bootstrap/scss/bootstrap";
2017-10-27 09:17:34 +01:00
$primary: #e89980;
a {
color: $primary;
&:hover {
color: #ff7f00;
}
}
2017-05-08 09:17:01 +01:00
pre code {
margin: 0;
border: 0;
border-radius: 0;
background: none;
padding: 0;
}
2017-05-09 09:36:14 +01:00
2017-05-20 23:32:43 +01:00
code {
padding: 0.25em;
}
2017-05-09 21:04:08 +01:00
.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
2017-05-09 21:45:16 +01:00
&.featured {
margin-bottom: 2em !important;
height: 13em;
&.main {
height: 40vh;
}
2017-05-09 21:04:08 +01:00
}
2017-05-09 09:36:14 +01:00
}
2017-05-15 09:29:18 +01:00
2017-07-08 16:31:41 +01:00
.yt-embed {
position: relative;
padding-top: 30px;
2017-07-08 16:32:33 +01:00
padding-bottom: 56.25%;
2017-07-08 16:31:41 +01:00
height: 0;
overflow: hidden;
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
2017-07-09 17:49:45 +01:00
#light-gallery {
a {
display: inline-block;
2017-07-09 21:37:13 +01:00
border-bottom: 0;
2017-07-09 19:46:57 +01:00
cursor: zoom-in;
2017-07-09 17:49:45 +01:00
width: 100%;
2017-07-09 19:46:57 +01:00
overflow: hidden;
2017-07-09 17:49:45 +01:00
img {
transition: opacity 0.5s;
2017-07-09 19:46:57 +01:00
width: 100%;
2017-07-09 17:49:45 +01:00
}
&:hover img {
opacity: 0.7;
}
}
}
2017-09-16 22:04:15 +01:00
2017-09-30 18:51:59 +01:00
.search-input-container {
margin: 20px 40px;
input {
text-align: center;
}
}
2017-10-15 15:25:54 +01:00
table td {
vertical-align: middle;
}
2017-10-25 09:35:55 +01:00
.navbar {
padding-top: 0;
padding-bottom: 0;
.navbar-brand {
font-size: $font-size-base;
}
.nav-link {
padding-left: $font-size-base !important;
padding-right: $font-size-base !important;
}
}
.bg-black {
background-color: #000;
}
2017-10-25 13:49:43 +01:00
2017-10-25 13:52:52 +01:00
#index-header {
2017-10-25 20:55:09 +01:00
background-image: url('/img/header.jpg');
height: 100%;
width: 100%;
position: absolute;
2017-10-25 13:52:52 +01:00
}
2017-10-25 13:49:43 +01:00
footer {
color: $gray-700;
2017-10-25 20:55:09 +01:00
bottom: 0;
width: 100%;
2017-10-25 22:13:23 +01:00
position: static;
2017-10-25 20:55:09 +01:00
2017-10-25 13:49:43 +01:00
a {
color: $gray-700;
&:hover {
color: #000;
}
}
}
2017-10-25 22:09:16 +01:00
#main {
margin-top: $spacer * 6;
}
.list-page-item {
.img-wrapper {
width: 20%;
}
img {
width: 100%;
}
}
2017-10-26 21:54:02 +01:00
#TableOfContents {
& > ul {
padding-left: $spacer;
}
}
ul ul, ol ol {
padding-left: $spacer * 1.5;
}
2017-10-27 13:36:18 +01:00
pre.chroma {
padding: $spacer;
margin: $spacer 0;
}
.content {
h1, h2, h3, h4, h5, h6 {
margin-top: $spacer;
}
code {
color: #f8f8f2;
background-color: #272822;
}
}
.dropdown:hover > .dropdown-menu {
display: block;
}