mirror of
https://github.com/discourse/discourse.git
synced 2024-12-03 08:03:40 +08:00
94b60e62a2
Note this commit leaves out the biggest occurrence of the editor which is the post/topic composer. To avoid major breakage, this replaces it everywhere else it was used: * User preferences (About Me) * Admin Customizations > Text Content * Category Templates * Editing Queued Posts A future commit will replace the main composer with this editor and will remove the unused pagedown code.
222 lines
3.7 KiB
SCSS
222 lines
3.7 KiB
SCSS
img.avatar {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.container {
|
|
@extend .clearfix;
|
|
}
|
|
|
|
.wrap {
|
|
@extend .clearfix;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding: 0 8px;
|
|
.contents {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.full-width {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
big {
|
|
font-size: 28px;
|
|
}
|
|
|
|
small {
|
|
font-size: 9px;
|
|
}
|
|
|
|
//setting a static limit on big and small prevents nesting abuse
|
|
|
|
|
|
blockquote {
|
|
@include post-aside;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
|
|
a.no-href {
|
|
cursor: pointer;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-attachment: fixed;
|
|
background-size: cover;
|
|
min-height: 100%;
|
|
|
|
@include clearfix;
|
|
|
|
button.ok {
|
|
background: $success;
|
|
color: $secondary;
|
|
@include hover {
|
|
background: lighten($success, 10%);
|
|
color: $secondary;
|
|
}
|
|
}
|
|
button.cancel {
|
|
background: $danger;
|
|
color: $secondary;
|
|
@include hover {
|
|
background: lighten($danger, 10%);
|
|
color: $secondary;
|
|
}
|
|
}
|
|
|
|
// the default for table cells in topic list
|
|
// is scale-color($primary, $lightness: 50%)
|
|
// numbers get dimmer as they get colder
|
|
.coldmap-high {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%)) !important;
|
|
}
|
|
.coldmap-med {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)) !important;
|
|
}
|
|
.coldmap-low {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)) !important;
|
|
}
|
|
.heatmap-high {
|
|
color: #fe7a15 !important;
|
|
}
|
|
.heatmap-med {
|
|
color: #cf7721 !important;
|
|
}
|
|
.heatmap-low {
|
|
color: #9b764f !important;
|
|
}
|
|
|
|
#loading-message {
|
|
position: absolute;
|
|
font-size: 2.143em;
|
|
text-align: center;
|
|
top: 120px;
|
|
left: 500px;
|
|
color: $primary;
|
|
}
|
|
.top-space {
|
|
margin-top: 10px;
|
|
}
|
|
ul.breadcrumb {
|
|
margin: 0 10px 0 10px;
|
|
}
|
|
|
|
.message {
|
|
@include border-radius-all(8px);
|
|
background-color: $secondary;
|
|
padding: 14px;
|
|
|
|
h2 {
|
|
margin-bottom: 20px;
|
|
}
|
|
p {
|
|
font-size: 1.429em;
|
|
}
|
|
}
|
|
|
|
#footer {
|
|
.container {
|
|
height: 50px;
|
|
.contents {
|
|
padding-top: 10px;
|
|
a[href] {
|
|
color: $secondary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.clear-transitions {
|
|
transition:none !important;
|
|
}
|
|
|
|
.tip {
|
|
display: inline-block;
|
|
&.good {
|
|
color: $success;
|
|
}
|
|
&.bad {
|
|
color: $danger;
|
|
}
|
|
}
|
|
|
|
input[type].invalid {
|
|
background-color: dark-light-choose(scale-color($danger, $lightness: 80%), scale-color($danger, $lightness: -60%));
|
|
}
|
|
|
|
.wmd-input {
|
|
resize: none;
|
|
}
|
|
|
|
.avatar-wrapper {
|
|
background-color: $secondary;
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.profiler-results.profiler-left {
|
|
top: 60px !important;
|
|
}
|
|
}
|
|
|
|
.unread-private-messages {
|
|
color: $secondary;
|
|
background: $success;
|
|
&.badge-notification[href] {color: $secondary;}
|
|
}
|
|
|
|
.fade {
|
|
opacity: 0;
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
|
|
.fade.in {
|
|
opacity: 1;
|
|
}
|
|
|
|
@-webkit-keyframes rotate-forever {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes rotate-forever {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.inline-spinner {
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
|
|
.spinner {
|
|
margin: 20px auto 20px auto;
|
|
position: relative;
|
|
-webkit-animation: rotate-forever 1s infinite linear;
|
|
animation: rotate-forever 1s infinite linear;
|
|
height: 30px;
|
|
width: 30px;
|
|
border: 4px solid dark-light-diff($primary, $secondary, 50%, -50%);
|
|
border-right-color: transparent;
|
|
border-radius: 50%;
|
|
|
|
&.small {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 0;
|
|
display: inline-block;
|
|
}
|
|
}
|