laravel-learn-bbs/resources/assets/sass/app.scss
2018-01-27 18:35:56 +08:00

187 lines
2.8 KiB
SCSS
Vendored

// Fonts
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
// Variables
@import "variables";
// Bootstrap
@import "~bootstrap-sass/assets/stylesheets/bootstrap";
/* universal */
/* Sticky footer styles */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #000;
.container {
padding-right: 15px;
padding-left: 15px;
p {
margin: 19px 0;
color: #c1c1c1;
a {
color: inherit;
}
}
}
}
body {
font-family: Hiragino Sans GB, "Hiragino Sans GB", Helvetica, "Microsoft YaHei", Arial, sans-serif;
}
/* header */
.navbar-static-top {
border-color: #e7e7e7;
background-color: #fff;
box-shadow: 0px 1px 11px 2px rgba(42, 42, 42, 0.1);
border-top: 4px solid #00b5ad;
margin-bottom: 40px;
margin-top: 0px;
.dropdown-menu {
padding: 0px;
li a {
border-bottom: 1px solid #d8d8d8;
line-height: 2.4;
.glyphicon {
margin-right: 8px;
}
}
}
}
/* User register page */
.register-page {
img.captcha {
margin-bottom: 0px;
margin-top: 10px;
cursor: pointer;
}
}
/* User profile page */
.users-show-page {
.user-info {
.thumbnail {
margin-bottom: 0px;
}
}
.nav-tabs {
margin-bottom: 20px;
> li.active > a {
background-color: #fff;
}
}
.pagination {
margin: 12px 0;
}
.meta {
font-size: .9em;
color: #b3b3b3;
}
.reply-content {
margin: 6px 0;
}
.list-group {
.list-group-item {
border: none;
margin-bottom: 0px;
border-bottom: 1px solid #efefef;
}
}
}
/* Topic Index Page */
.topics-index-page, .categories-show-page {
.topic-list {
.nav > li > a {
position: relative;
display: block;
padding: 5px 14px;
font-size: 0.9em;
}
a {
color: #444444;
}
.meta {
font-size: 0.9em;
color: #b3b3b3;
a {
color: #b3b3b3;
}
}
.badge {
background-color: #d8d8d8;
}
hr {
margin-top: 12px;
margin-bottom: 12px;
border: 0;
border-top: 1px solid #dcebf5;
}
}
}
@import "topic_body";
.topics-show-page {
.panel {
padding: 15px;
h1 {
margin: 0.4em auto 0.6em;
font-size: 28px;
line-height: 38px;
}
}
}
.topic-reply {
hr {
margin-top: 16px;
margin-bottom: 16px;
}
a {
color: inherit;
}
.meta {
font-size: .9em;
color: #b3b3b3;
}
}
.notifications-badge {
margin-top: -1;
.badge-fade {
background-color: #EBE8E8;
}
.badge-hint {
background-color: #d15b47 !important;;
}
}