mirror of
https://github.com/codeninjasllc/discourse.git
synced 2024-12-13 09:11:14 -05:00
310 lines
5.2 KiB
SCSS
310 lines
5.2 KiB
SCSS
// global styles that apply to the Discourse application specifically
|
|
// BEWARE: changing these styles implies they take effect anywhere they are seen
|
|
// throughout the Discourse application
|
|
|
|
@import "foundation/variables";
|
|
@import "foundation/mixins";
|
|
@import "foundation/helpers";
|
|
|
|
body {
|
|
min-width: $large-width;
|
|
}
|
|
|
|
.container {
|
|
@extend .clearfix;
|
|
width: $large-width;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.full-width {
|
|
width: $large-width;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
@include medium-width {
|
|
body {
|
|
min-width: $medium-width;
|
|
}
|
|
.container,
|
|
.full-width {
|
|
width: $medium-width;
|
|
}
|
|
}
|
|
|
|
@include small-width {
|
|
body {
|
|
min-width: $small-width;
|
|
}
|
|
.container,
|
|
.full-width {
|
|
width: $small-width;
|
|
}
|
|
}
|
|
|
|
a.no-href {
|
|
cursor: pointer;
|
|
}
|
|
|
|
header {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
body {
|
|
.nav-pills .active .dropdown-toggle .caret {
|
|
border-top-color: white;
|
|
border-bottom-color: white;
|
|
}
|
|
|
|
.caret {
|
|
opacity: 0.9;
|
|
filter: alpha(opacity = 90);
|
|
}
|
|
.dropdown .caret {
|
|
margin-left: 6px;
|
|
}
|
|
button.ok {
|
|
@include linear-gradient(lighten($green, 5%), $green);
|
|
color: $white;
|
|
@include hover {
|
|
@include linear-gradient(lighten($green, 10%), $green);
|
|
color: $white;
|
|
}
|
|
}
|
|
button.cancel {
|
|
@include linear-gradient(lighten($red, 5%), $red);
|
|
color: $white;
|
|
@include hover {
|
|
@include linear-gradient(lighten($red, 10%), $red);
|
|
color: $white;
|
|
}
|
|
}
|
|
.coldmap-high {
|
|
color: lighten($blue, 20%) !important;
|
|
}
|
|
.coldmap-med {
|
|
color: lighten($blue, 10%) !important;
|
|
}
|
|
.coldmap-low {
|
|
color: $blue !important;
|
|
}
|
|
.heatmap-high {
|
|
color: lighten($red, 50%) !important;
|
|
}
|
|
.heatmap-med {
|
|
color: lighten($red, 10%) !important;
|
|
}
|
|
.heatmap-low {
|
|
color: $red !important;
|
|
}
|
|
#loading-message {
|
|
position: absolute;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
top: 120px;
|
|
left: 500px;
|
|
color: $darkish_gray;
|
|
}
|
|
.top-space {
|
|
margin-top: 10px;
|
|
}
|
|
ul.breadcrumb {
|
|
margin: 0 10px 0px 10px;
|
|
}
|
|
.boxed {
|
|
height: 100%;
|
|
@include border-radius-all(5px);
|
|
.contents {
|
|
padding: 10px 20px 20px 20px;
|
|
}
|
|
&.white {
|
|
background-color: $white;
|
|
}
|
|
}
|
|
#main {
|
|
.icon-star.starred {
|
|
color: #e8d81f;
|
|
}
|
|
a.star {
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
line-height: 1;
|
|
color: #cacaca;
|
|
&:before {
|
|
font-family: "FontAwesome";
|
|
content: "\f005";
|
|
}
|
|
&.starred {
|
|
color: #e8d81f;
|
|
@include hover {
|
|
opacity: 1;
|
|
&:before {
|
|
content: "\f005";
|
|
}
|
|
}
|
|
}
|
|
@include hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
&:active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
img.avatar {
|
|
&.header {
|
|
width: 45px;
|
|
height: 45px;
|
|
}
|
|
&.medium {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
&.small {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
&.tiny {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
.user-list {
|
|
.user {
|
|
padding-bottom: 5px;
|
|
}
|
|
}
|
|
}
|
|
.message {
|
|
@include border-radius-all(8px);
|
|
background-color: $white;
|
|
padding: 14px;
|
|
h2 {
|
|
margin-bottom: 20px;
|
|
}
|
|
p {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
#footer {
|
|
background-color: $eggplant;
|
|
.container {
|
|
height: 50px;
|
|
.contents {
|
|
padding-top: 10px;
|
|
a[href] {
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.clear-transitions {
|
|
@include transition(none !important);
|
|
}
|
|
.grippie {
|
|
width: 100%;
|
|
border: 1px solid #dddddd;
|
|
border-width: 1px 0px;
|
|
cursor: row-resize;
|
|
height: 11px;
|
|
overflow: hidden;
|
|
background-color: #eeeeee;
|
|
display:block {}
|
|
background: image-url("grippie.png") #eeeeee no-repeat center 3px;
|
|
}
|
|
}
|
|
|
|
form {
|
|
.tip {
|
|
display: inline-block;
|
|
&.good {
|
|
color: $green;
|
|
}
|
|
&.bad {
|
|
color: $red;
|
|
}
|
|
}
|
|
}
|
|
|
|
blockquote {
|
|
padding: 10px 8px 1px 15px;
|
|
background-color: #f1f1f1;
|
|
border-left: 5px solid #dddddd;
|
|
p {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
}
|
|
|
|
.topic-statuses {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
.topic-status {
|
|
padding: 5px 2px 0 0;
|
|
margin: 0;
|
|
display: inline-block;
|
|
i {
|
|
font-size: 15px;
|
|
color: darken($white, 60%);
|
|
}
|
|
}
|
|
}
|
|
|
|
#wmd-input {
|
|
resize: none;
|
|
}
|
|
|
|
#pagedown-editor {
|
|
width: 540px;
|
|
background-color: $white;
|
|
padding: 0 10px 13px 10px;
|
|
border: 1px solid $gray;
|
|
.preview {
|
|
margin-top: 8px;
|
|
border: 1px dashed $gray;
|
|
padding: 8px 8px 0 8px;
|
|
p {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
}
|
|
.preview.hidden {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.spinner {
|
|
width: 100px;
|
|
margin: 0 auto 30px auto;
|
|
background-color: $black;
|
|
@include border-radius-all(10px);
|
|
padding: 10px 10px 10px 30px;
|
|
font-size: 15px;
|
|
line-height: 23px;
|
|
text-align: center;
|
|
color: $white;
|
|
background: {
|
|
image: image-url("spinner_96_w.gif");
|
|
repeat: no-repeat;
|
|
position: 10px 8px;
|
|
size: 25px;
|
|
};
|
|
}
|
|
|
|
.avatar {
|
|
@include border-radius-all(2px);
|
|
}
|
|
|
|
.avatar-wrapper {
|
|
background-color: white;
|
|
display: inline-block;
|
|
border: 1px solid #82786b;
|
|
@include border-radius-all(5px);
|
|
img {
|
|
@include border-radius-all(4px);
|
|
}
|
|
}
|
|
|
|
.profiler-results.profiler-left {
|
|
top: 60px !important;
|
|
}
|
|
|