hip-site/_sass/_layout.scss

119 lines
1.8 KiB
SCSS
Raw Normal View History

2016-01-06 09:20:23 +00:00
@font-face {
font-family: 'Share Tech';
font-style: normal;
font-weight: 400;
src: local('Share Tech'), local('ShareTech-Regular'), url(/fonts/ShareTech-Regular.woff2) format('woff2'), url(/fonts/ShareTech-Regular.ttf) format('truetype');
}
2015-09-06 11:31:38 +00:00
body {
2016-01-04 17:45:34 +00:00
background:#222 url('/img/logowall_opt.svg') center top;
2015-09-06 11:31:38 +00:00
background-size: 300px;
2016-01-05 10:48:07 +00:00
color: white;
2015-09-03 06:22:56 +00:00
}
2015-09-08 06:44:47 +00:00
h1 {
padding-left:160px;
padding-bottom:20px;
2016-01-06 09:20:23 +00:00
color: $nav-link-color;
2015-09-08 06:44:47 +00:00
}
a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
2015-09-06 11:31:38 +00:00
color: red;
text-shadow: none;
2015-09-03 06:22:56 +00:00
2015-09-08 06:44:47 +00:00
&:hover, &:visited {
2015-09-06 11:31:38 +00:00
color: $link-hover;
2015-09-08 06:44:47 +00:00
text-decoration: none;
2015-09-06 11:31:38 +00:00
}
2015-09-03 06:22:56 +00:00
}
2015-09-06 11:31:38 +00:00
.content {
padding-top:90px;
2016-01-04 17:45:34 +00:00
background:$primary-bg url('/img/logowall_opt.svg') center top;
2015-09-06 11:31:38 +00:00
background-size: 300px;
2015-09-03 06:22:56 +00:00
}
2015-09-06 11:31:38 +00:00
.header {
background-color: $primary-bg;
}
.logo {
position:relative;
z-index:10;
width:150px;
margin-bottom: -40px;
}
2015-09-03 06:22:56 +00:00
2015-09-06 11:31:38 +00:00
.navigation {
height:50px;
background-color: $primary-bg;
border-bottom: 1px #aaa solid;
2015-09-03 06:22:56 +00:00
}
2015-09-06 11:31:38 +00:00
.navbar-default {
background:none;
box-shadow:none;
border:0;
2015-10-22 20:45:21 +00:00
.in, .collapsing {
margin-top:-60px;
.navbar-nav {
background-color: $primary-bg;
li {
text-align:right;
}
}
}
2015-09-03 06:22:56 +00:00
}
2015-09-06 11:31:38 +00:00
.post, .box {
background-color: #444;
2015-09-06 11:31:38 +00:00
padding: 40px 20px;
margin-bottom: 30px;
border-radius: 5px;
2015-09-03 06:22:56 +00:00
2015-09-06 11:31:38 +00:00
.date {
font-style: italic;
2024-01-22 21:15:41 +00:00
font-size: 12px;
2015-09-06 11:31:38 +00:00
}
2015-09-03 06:22:56 +00:00
2015-09-06 11:31:38 +00:00
a {
2016-01-06 09:20:23 +00:00
color: $link-primary;
&:hover {
color: $link-hover;
}
2015-09-06 11:31:38 +00:00
}
2015-09-03 06:22:56 +00:00
2015-09-06 11:31:38 +00:00
h2 {
a {
2016-01-05 10:48:07 +00:00
color: white;
2015-09-03 06:22:56 +00:00
2015-09-06 11:31:38 +00:00
&:hover {
text-decoration: none;
}
2015-09-03 06:22:56 +00:00
}
2015-09-06 11:31:38 +00:00
}
2015-09-03 06:22:56 +00:00
}
.singlepost {
margin-top:60px;
}
2015-09-06 11:31:38 +00:00
.footer {
padding: 20px;
ul {
list-style-type: none;
}
2015-10-22 20:45:21 +00:00
}
2016-01-06 09:20:23 +00:00
#footer-nav-links a, #header-nav-links a {
color:$nav-link-color;
&:visited {
color:$nav-link-color;
}
&:hover {
color:$nav-link-hover;
}
}