Files
@ 50efc40d490d
Branch filter:
Location: CopyleftConf/copyleftconf-website/static/scss/custom.scss
50efc40d490d
2.2 KiB
text/x-scss
Work-in-progress home page
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 | body {
padding-top: 50px;
position: relative;
font-weight: 300; // Not overridable in bootstrap at the moment.
}
// Not overridable in bootstrap at the moment
.dropdown-menu >li >a {
font-weight: 300;
}
// Not overridable in bootstrap at the moment.
strong {
font-weight: 500;
}
section {
padding: 20px 0px;
}
.modal form {
margin-bottom: 0px;
}
footer {
padding-bottom: 20px;
}
p.login-signup {
margin-top: 20px;
}
.feature-columns {
@include make-row();
> div {
i.fa {
margin-bottom: 0.2em;
}
@include make-sm-column(4);
/*.text-center;
margin: 2em 0;*/
}
}
body.reviews.review-list .review-list,
body.reviews.voting-status .voting-status,
body.reviews.review-results .review-results {
z-index: 2; // Place active items above their siblings for proper border styling
color: $list-group-active-color;
background-color: $list-group-active-bg;
border-color: $list-group-active-border;
}
body.reviews.voting-status {
&.positive a.positive,
&.negative a.negative,
&.indifferent a.indifferent,
&.controversial a.controversial,
&.too_few a.too_few {
z-index: 2;
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
}
#accountLogOutForm {
display: none;
}
.sponsor-list h3 {
margin-top: 3em;
}
.sponsor-list > div {
margin: 10px 0;
}
.home {
margin: 0;
padding-top: $navbar-height - $navbar-padding-vertical - 8;
}
.home#content_body {
margin: 0;
padding: 0;
}
.has-bottom-aligned-div {
position: relative;
height: 100%;
}
.bottom-align {
position: absolute;
bottom: 0;
}
.homepage-block {
margin-top: 0;
margin-bottom: 0;
min-height: 480px; // TODO: change
height: 480px;
position: relative;
}
.homepage-block.light {
background-color: hsla(207, 60%, 85%, 1.0);
}
.homepage-block-bg {
top: 0;
bottom: 0;
width: 100%;
position: absolute;
background-size: cover;
background-position: center;
opacity: 0.3;
background-blend-mode: multiply;
}
.homepage-block.dark {
background: #333;
color: white;
}
|