app/assets/stylesheets/layout.scss
body{
background: #fff;
}
.clear {
clear: both;
}
.navbar-default {
background: #009688;
border-radius: 0;
border-color: #00796B;
border: 0;
margin-bottom: 1em;
border-bottom: .2em solid #00796B;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.23)
}
.navbar-default .navbar-nav {
> li {
> a{
color: #fff;
}
&:hover, &:focus {
background: #00796B;
> a{
color: #fff;
}
}
}
> .open {
> a, a:focus {
background: #00796B;
color: #fff;
}
}
}
.navbar-default .navbar-brand {
color: #fff;
&:hover{
color: #fff;
background: #00796B;
a{
color: #fff;
}
}
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.login-btn {
margin-right: 1.5em;
}
.navbar-form {
margin-top: 15px;
border-left: 1px solid #e7e7e7;
input {
background: transparent;
border: none;
outline: none;
color: #fff;
}
}
#search-button{
display:none;
}
.notice-alert {
margin: 2em;
text-align: center;
}
.big-wrapper{
margin-top: 4.8em;
}
#infscr-loading{
* {
display: none;
}
display: none;
}
.thread-card{
background: #fff;
overflow: auto;
//border: 2px solid black;
padding: 2em;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
margin-bottom: 1.2em;
transition: all 0.5s ease;
width: 100%;
&:hover{
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 12px rgba(0,0,0,0.40);
}
}
#footer-outer-container{
background: #009688;
padding: 0.5em;
}
#footer-inner-container{
font-size: 1.1em;
color: #fff;
a{
color: #fff;
text-decoration: none;
&:hover{
color: #b7b7b7;
}
}
ul {
list-style: none;
li{
float: left;
margin: .6em;
}
}
}
#admin-login-footer{
float: right;
}
.back-link {
margin-bottom: 1em;
}
.footer-heading{
font-size: 1.5em;
color: #333;
}
.footer-contact{
padding: 0.5em 1em;
font-size: 1.2em;
color: #57595a;
.footer-icons{
padding-right: 0.5em;
font-size: 2em;
}
.fa-envelope {
font-size: 1.5em;
}
}
.fa-google-plus-square {
color: #e82121;
}
.fa-twitter-square {
color: #20baec;
}
.footer-brand{
background: #242729;
padding: 0.5em 1em;
.banner-text {
padding-top: 1em;
color: #9aa0a7;
}
}
.fa-rotate-45 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.badge-icon {
display: inline-block;
margin-left: 1em;
i {
font-size: 3.6em;
}
}
.author-text {
display: inline-block;
vertical-align: top;
margin-top: 1em;
}
.tag-right{
color: #fff;
background-color: #333;
position: absolute;
margin-top: -2.74em;
margin-left: 1em;
z-index: 3;
padding: 0.24em 0.5em;
display: inline-block;
border-radius: 0 0.2em 0.2em 0;
}
.vertical-center {
margin-top: 1.2em;
}
.profile-tag {
margin-left: -2.5em;
}