mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
DEV: adds prettier (#5956)
Run `prettier --write "app/assets/stylesheets/**/*.scss" "plugins/**/*.scss"` after making sure you installed it with `yarn` It's recommended to configure your editor to run prettier on file save.
This commit is contained in:
Joffrey JAFFEUX
GitHub
2
.prettierignore
Normal file
2
.prettierignore
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
app/assets/stylesheets/vendor/
|
||||||
|
plugins/**/assets/stylesheets/vendor/
|
||||||
@@ -16,7 +16,9 @@ $mobile-breakpoint: 700px;
|
|||||||
@media (max-width: $mobile-breakpoint) {
|
@media (max-width: $mobile-breakpoint) {
|
||||||
.admin-content {
|
.admin-content {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
*, *:before, *:after {
|
*,
|
||||||
|
*:before,
|
||||||
|
*:after {
|
||||||
box-sizing: inherit;
|
box-sizing: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -38,8 +40,13 @@ $mobile-breakpoint: 700px;
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
||||||
tr {text-align: left;}
|
tr {
|
||||||
td, th {padding: 8px;}
|
text-align: left;
|
||||||
|
}
|
||||||
|
td,
|
||||||
|
th {
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -59,9 +66,15 @@ $mobile-breakpoint: 700px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
tr:hover { background-color: darken($secondary, 2.5%); }
|
tr:hover {
|
||||||
tr.selected { background-color: lighten($primary, 80%); }
|
background-color: darken($secondary, 2.5%);
|
||||||
.filters input { margin-bottom: 0; }
|
}
|
||||||
|
tr.selected {
|
||||||
|
background-color: lighten($primary, 80%);
|
||||||
|
}
|
||||||
|
.filters input {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-texts {
|
.site-texts {
|
||||||
@@ -79,11 +92,10 @@ $mobile-breakpoint: 700px;
|
|||||||
|
|
||||||
.extra-options {
|
.extra-options {
|
||||||
float: right;
|
float: right;
|
||||||
input[type=checkbox] {
|
input[type="checkbox"] {
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.text-highlight {
|
.text-highlight {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -111,7 +123,6 @@ $mobile-breakpoint: 700px;
|
|||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-site-text {
|
.edit-site-text {
|
||||||
@@ -119,7 +130,8 @@ $mobile-breakpoint: 700px;
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.save-messages, .title {
|
.save-messages,
|
||||||
|
.title {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -235,9 +247,15 @@ $mobile-breakpoint: 700px;
|
|||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
width: 455px;
|
width: 455px;
|
||||||
ul { margin: 0; }
|
ul {
|
||||||
li { list-style: none; }
|
margin: 0;
|
||||||
tr td:first-of-type { width: 130px; }
|
}
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
tr td:first-of-type {
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -323,9 +341,8 @@ $mobile-breakpoint: 700px;
|
|||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
|
||||||
}
|
}
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
@@ -334,7 +351,7 @@ $mobile-breakpoint: 700px;
|
|||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
.username {
|
.username {
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: 240px;
|
width: 240px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -391,7 +408,9 @@ $mobile-breakpoint: 700px;
|
|||||||
height: 150px;
|
height: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.groups, .badges, .web-hook-container {
|
.groups,
|
||||||
|
.badges,
|
||||||
|
.web-hook-container {
|
||||||
.form-horizontal {
|
.form-horizontal {
|
||||||
& > div {
|
& > div {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
@@ -404,11 +423,15 @@ $mobile-breakpoint: 700px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input, textarea, select, .select-box {
|
input,
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
.select-box {
|
||||||
width: 350px;
|
width: 350px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"], input[type="radio"] {
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -510,7 +533,8 @@ $mobile-breakpoint: 700px;
|
|||||||
.setting-controls {
|
.setting-controls {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.input-setting-string, .input-setting-textarea {
|
.input-setting-string,
|
||||||
|
.input-setting-textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -537,7 +561,7 @@ $mobile-breakpoint: 700px;
|
|||||||
position: relative;
|
position: relative;
|
||||||
line-height: $line-height-small;
|
line-height: $line-height-small;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
border: 1px dashed #AAA;
|
border: 1px dashed #aaa;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
@@ -545,10 +569,10 @@ $mobile-breakpoint: 700px;
|
|||||||
width: 3em;
|
width: 3em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc, .validation-error {
|
.desc,
|
||||||
|
.validation-error {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
@@ -575,7 +599,9 @@ $mobile-breakpoint: 700px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.setting.overridden.string {
|
.setting.overridden.string {
|
||||||
input[type=text], input[type=password], textarea {
|
input[type="text"],
|
||||||
|
input[type="password"],
|
||||||
|
textarea {
|
||||||
background-color: $highlight-medium;
|
background-color: $highlight-medium;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -636,7 +662,8 @@ section.details {
|
|||||||
background-color: $danger-low;
|
background-color: $danger-low;
|
||||||
}
|
}
|
||||||
border-top: 1px solid $primary-low;
|
border-top: 1px solid $primary-low;
|
||||||
&:before, &:after {
|
&:before,
|
||||||
|
&:after {
|
||||||
display: table;
|
display: table;
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
@@ -748,7 +775,7 @@ section.details {
|
|||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
|
||||||
.ace_editor {
|
.ace_editor {
|
||||||
pointer-events:none;
|
pointer-events: none;
|
||||||
|
|
||||||
.ace_cursor {
|
.ace_cursor {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
@@ -784,7 +811,9 @@ section.details {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.badge-query-preview {
|
.badge-query-preview {
|
||||||
.grant-count, .sample, .error-header {
|
.grant-count,
|
||||||
|
.sample,
|
||||||
|
.error-header {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -803,7 +832,12 @@ section.details {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.count-warning {
|
.count-warning {
|
||||||
background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%);
|
background-color: dark-light-diff(
|
||||||
|
rgba($danger, 0.7),
|
||||||
|
$secondary,
|
||||||
|
50%,
|
||||||
|
-60%
|
||||||
|
);
|
||||||
margin: 0 0 7px 0;
|
margin: 0 0 7px 0;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
|
|
||||||
@@ -826,7 +860,8 @@ section.details {
|
|||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.next, .previous {
|
.next,
|
||||||
|
.previous {
|
||||||
color: #333 !important;
|
color: #333 !important;
|
||||||
&.disabled {
|
&.disabled {
|
||||||
color: #aaa !important;
|
color: #aaa !important;
|
||||||
@@ -866,7 +901,7 @@ section.details {
|
|||||||
.section-title {
|
.section-title {
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
border-bottom: 1px solid $primary-low;
|
border-bottom: 1px solid $primary-low;
|
||||||
margin-bottom: .5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -882,7 +917,7 @@ section.details {
|
|||||||
.upgrade-header {
|
.upgrade-header {
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
@media screen and (max-width: 650px) {
|
@media screen and (max-width: 650px) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
tr {
|
tr {
|
||||||
border: none;
|
border: none;
|
||||||
@@ -928,12 +963,11 @@ section.details {
|
|||||||
max-width: unset;
|
max-width: unset;
|
||||||
}
|
}
|
||||||
.face {
|
.face {
|
||||||
margin: 0 .75em 0 0;
|
margin: 0 0.75em 0 0;
|
||||||
font-size: $font-up-3;
|
font-size: $font-up-3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
&.critical .version-notes .normal-note {
|
&.critical .version-notes .normal-note {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -1036,13 +1070,15 @@ table.api-keys {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.high-trending-up, &.trending-up {
|
&.high-trending-up,
|
||||||
|
&.trending-up {
|
||||||
i.up {
|
i.up {
|
||||||
color: $success;
|
color: $success;
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.high-trending-down, &.trending-down {
|
&.high-trending-down,
|
||||||
|
&.trending-down {
|
||||||
i.down {
|
i.down {
|
||||||
color: $danger;
|
color: $danger;
|
||||||
display: inline;
|
display: inline;
|
||||||
@@ -1057,10 +1093,12 @@ table.api-keys {
|
|||||||
}
|
}
|
||||||
|
|
||||||
tr.reverse-colors {
|
tr.reverse-colors {
|
||||||
td.value.high-trending-down i.down, td.value.trending-down i.down {
|
td.value.high-trending-down i.down,
|
||||||
|
td.value.trending-down i.down {
|
||||||
color: $success;
|
color: $success;
|
||||||
}
|
}
|
||||||
td.value.high-trending-up i.up, td.value.trending-up i.up {
|
td.value.high-trending-up i.up,
|
||||||
|
td.value.trending-up i.up {
|
||||||
color: $danger;
|
color: $danger;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1075,22 +1113,21 @@ table.api-keys {
|
|||||||
|
|
||||||
.fa {
|
.fa {
|
||||||
font-size: $font-up-5;
|
font-size: $font-up-5;
|
||||||
color: $danger
|
color: $danger;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 650px) {
|
@media screen and (max-width: 650px) {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
border-top: 1px solid $primary-low;
|
border-top: 1px solid $primary-low;
|
||||||
padding: 20px 0 0 0;
|
padding: 20px 0 0 0;
|
||||||
.look-here {
|
.look-here {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.problem-messages {
|
.problem-messages {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
@@ -1104,21 +1141,21 @@ table.api-keys {
|
|||||||
ul {
|
ul {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: 90px;
|
padding-left: 90px;
|
||||||
@media screen and (max-width:650px) {
|
@media screen and (max-width: 650px) {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
p.actions {
|
p.actions {
|
||||||
padding-left: 75px;
|
padding-left: 75px;
|
||||||
@media screen and (max-width:650px) {
|
@media screen and (max-width: 650px) {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&.totals {
|
&.totals {
|
||||||
table {
|
table {
|
||||||
@@ -1146,8 +1183,12 @@ table.api-keys {
|
|||||||
|
|
||||||
.referred-topic-title {
|
.referred-topic-title {
|
||||||
width: 355px;
|
width: 355px;
|
||||||
@include medium-width { width: 305px; }
|
@include medium-width {
|
||||||
@include small-width { width: 265px; }
|
width: 305px;
|
||||||
|
}
|
||||||
|
@include small-width {
|
||||||
|
width: 265px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1161,7 +1202,7 @@ table.api-keys {
|
|||||||
min-height: 500px;
|
min-height: 500px;
|
||||||
|
|
||||||
float: left;
|
float: left;
|
||||||
width: 54.0540%;
|
width: 54.054%;
|
||||||
margin-left: 1.8018%;
|
margin-left: 1.8018%;
|
||||||
|
|
||||||
p.description {
|
p.description {
|
||||||
@@ -1194,7 +1235,6 @@ table.api-keys {
|
|||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hook-event {
|
.hook-event {
|
||||||
@@ -1223,7 +1263,7 @@ table.api-keys {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.row.groups {
|
.row.groups {
|
||||||
input[type='text'] {
|
input[type="text"] {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
input#group-users {
|
input#group-users {
|
||||||
@@ -1245,11 +1285,18 @@ table.api-keys {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.screened-emails, .screened-urls, .screened-ip-addresses {
|
.screened-emails,
|
||||||
.email, .url, .domain {
|
.screened-urls,
|
||||||
|
.screened-ip-addresses {
|
||||||
|
.email,
|
||||||
|
.url,
|
||||||
|
.domain {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
.action, .match_count, .last_match_at, .created_at {
|
.action,
|
||||||
|
.match_count,
|
||||||
|
.last_match_at,
|
||||||
|
.created_at {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 9.9099%;
|
width: 9.9099%;
|
||||||
}
|
}
|
||||||
@@ -1262,7 +1309,8 @@ table.api-keys {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.screened-emails, .screened-urls {
|
.screened-emails,
|
||||||
|
.screened-urls {
|
||||||
.ip_address {
|
.ip_address {
|
||||||
width: 9.9099%;
|
width: 9.9099%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -1289,7 +1337,7 @@ table.api-keys {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 990px;
|
min-width: 990px;
|
||||||
.action {
|
.action {
|
||||||
width: 10.810%;
|
width: 10.81%;
|
||||||
}
|
}
|
||||||
.staff_user {
|
.staff_user {
|
||||||
width: 9.009%;
|
width: 9.009%;
|
||||||
@@ -1329,8 +1377,6 @@ table.api-keys {
|
|||||||
&:hover {
|
&:hover {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
background-color: $primary-low;
|
background-color: $primary-low;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -1352,8 +1398,13 @@ table.api-keys {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.staff-actions, .screened-emails, .screened-urls, .screened-ip-addresses, .permalinks, .search-logs-list, .web-hook-events {
|
.staff-actions,
|
||||||
|
.screened-emails,
|
||||||
|
.screened-urls,
|
||||||
|
.screened-ip-addresses,
|
||||||
|
.permalinks,
|
||||||
|
.search-logs-list,
|
||||||
|
.web-hook-events {
|
||||||
border-bottom: dotted 1px dark-light-choose($primary-low-mid, $secondary);
|
border-bottom: dotted 1px dark-light-choose($primary-low-mid, $secondary);
|
||||||
|
|
||||||
.heading-container {
|
.heading-container {
|
||||||
@@ -1378,7 +1429,7 @@ table.api-keys {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-logs-list{
|
.search-logs-list {
|
||||||
.col {
|
.col {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 15%;
|
width: 15%;
|
||||||
@@ -1391,7 +1442,6 @@ table.api-keys {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.log-details-modal {
|
.log-details-modal {
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
max-height: 250px;
|
max-height: 250px;
|
||||||
@@ -1422,7 +1472,7 @@ table.api-keys {
|
|||||||
// Backups
|
// Backups
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
$rollback: #3D9970;
|
$rollback: #3d9970;
|
||||||
$rollback-dark: darken($rollback, 10%) !default;
|
$rollback-dark: darken($rollback, 10%) !default;
|
||||||
$rollback-darker: darken($rollback, 20%) !default;
|
$rollback-darker: darken($rollback, 20%) !default;
|
||||||
|
|
||||||
@@ -1445,7 +1495,6 @@ $rollback-darker: darken($rollback, 20%) !default;
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
button.ru {
|
button.ru {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-width: 110px;
|
min-width: 110px;
|
||||||
@@ -1476,30 +1525,31 @@ button.ru {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all
|
@media all and (min-width: 320px) and (max-width: 500px) {
|
||||||
and (min-width : 320px)
|
.full-width {
|
||||||
and (max-width : 500px) {
|
margin: 0;
|
||||||
|
}
|
||||||
|
.site-settings-nav {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.site-settings-detail {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
|
||||||
.full-width { margin: 0; }
|
.settings .setting {
|
||||||
.site-settings-nav { width: 100%; }
|
|
||||||
.site-settings-detail {
|
|
||||||
width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
.settings .setting {
|
|
||||||
.setting-label {
|
.setting-label {
|
||||||
float: left;
|
float: left;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
h3 {
|
h3 {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.setting-value {
|
.setting-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1515,18 +1565,28 @@ and (max-width : 500px) {
|
|||||||
.admin-container {
|
.admin-container {
|
||||||
h2 {
|
h2 {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-left, .dashboard-right { width: 100%; }
|
.dashboard-left,
|
||||||
.dashboard-stats { margin: 0; }
|
.dashboard-right {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.dashboard-stats {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.badges {
|
.badges {
|
||||||
.current-badge {margin: 70px 0 0 0;}
|
.current-badge {
|
||||||
.current-badge-actions {padding: 0;}
|
margin: 70px 0 0 0;
|
||||||
|
}
|
||||||
|
.current-badge-actions {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.customize .content-list, .customize .current-style {
|
.customize .content-list,
|
||||||
|
.customize .current-style {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1549,12 +1609,16 @@ and (max-width : 500px) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
tr.not-activated {
|
tr.not-activated {
|
||||||
td, td a, td a:visited {
|
td,
|
||||||
|
td a,
|
||||||
|
td a:visited {
|
||||||
color: #bbb;
|
color: #bbb;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.details.not-activated {
|
.details.not-activated {
|
||||||
.username .value, .email .value a, .email .value a:visited {
|
.username .value,
|
||||||
|
.email .value a,
|
||||||
|
.email .value a:visited {
|
||||||
color: #bbb;
|
color: #bbb;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1575,14 +1639,15 @@ tr.not-activated {
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-element, .form-element-desc {
|
.form-element,
|
||||||
|
.form-element-desc {
|
||||||
float: left;
|
float: left;
|
||||||
min-height: 30px;
|
min-height: 30px;
|
||||||
padding: 0.25em 0;
|
padding: 0.25em 0;
|
||||||
|
|
||||||
&.input-area {
|
&.input-area {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1609,7 +1674,7 @@ tr.not-activated {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.preview {
|
.preview {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
table#user-badges {
|
table#user-badges {
|
||||||
@@ -1642,7 +1707,7 @@ table#user-badges {
|
|||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1650,14 +1715,20 @@ table#user-badges {
|
|||||||
// Permalinks
|
// Permalinks
|
||||||
|
|
||||||
.permalinks {
|
.permalinks {
|
||||||
.url, .topic, .category, .external_url, .post {
|
.url,
|
||||||
|
.topic,
|
||||||
|
.category,
|
||||||
|
.external_url,
|
||||||
|
.post {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.url {
|
.url {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
.topic, .post, .external_url {
|
.topic,
|
||||||
|
.post,
|
||||||
|
.external_url {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
}
|
}
|
||||||
.category {
|
.category {
|
||||||
@@ -1673,7 +1744,6 @@ table#user-badges {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// embedding
|
// embedding
|
||||||
|
|
||||||
.embeddable-hosts {
|
.embeddable-hosts {
|
||||||
@@ -1690,7 +1760,7 @@ table#user-badges {
|
|||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
|
||||||
.embed-setting {
|
.embed-setting {
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
margin: 0.75em 0;
|
margin: 0.75em 0;
|
||||||
@@ -1943,8 +2013,6 @@ table#user-badges {
|
|||||||
left: -100%;
|
left: -100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.cboxcontainer {
|
.cboxcontainer {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
@@ -1969,46 +2037,119 @@ table#user-badges {
|
|||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-reports, .dashboard-next {
|
.admin-reports,
|
||||||
|
.dashboard-next {
|
||||||
&.admin-contents {
|
&.admin-contents {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cbox0 { background: blend-primary-secondary(0%); }
|
.cbox0 {
|
||||||
.cbox10 { background: blend-primary-secondary(10%); }
|
background: blend-primary-secondary(0%);
|
||||||
.cbox20 { background: blend-primary-secondary(20%); }
|
}
|
||||||
.cbox30 { background: blend-primary-secondary(30%); }
|
.cbox10 {
|
||||||
.cbox40 { background: blend-primary-secondary(40%); }
|
background: blend-primary-secondary(10%);
|
||||||
.cbox50 { background: blend-primary-secondary(50%); }
|
}
|
||||||
.cbox60 { background: blend-primary-secondary(60%); }
|
.cbox20 {
|
||||||
.cbox70 { background: blend-primary-secondary(70%); }
|
background: blend-primary-secondary(20%);
|
||||||
.cbox80 { background: blend-primary-secondary(80%); }
|
}
|
||||||
.cbox90 { background: blend-primary-secondary(90%); }
|
.cbox30 {
|
||||||
.cbox100 { background: blend-primary-secondary(100%); }
|
background: blend-primary-secondary(30%);
|
||||||
.cbox5 { background: blend-primary-secondary(5%); }
|
}
|
||||||
.cbox7 { background: blend-primary-secondary(7%); }
|
.cbox40 {
|
||||||
.cbox15 { background: blend-primary-secondary(15%); }
|
background: blend-primary-secondary(40%);
|
||||||
.cbox17 { background: blend-primary-secondary(17%); }
|
}
|
||||||
.cbox25 { background: blend-primary-secondary(25%); }
|
.cbox50 {
|
||||||
.cbox95 { background: blend-primary-secondary(95%); }
|
background: blend-primary-secondary(50%);
|
||||||
.cbox85 { background: blend-primary-secondary(85%); }
|
}
|
||||||
.cbox75 { background: blend-primary-secondary(75%); }
|
.cbox60 {
|
||||||
|
background: blend-primary-secondary(60%);
|
||||||
|
}
|
||||||
|
.cbox70 {
|
||||||
|
background: blend-primary-secondary(70%);
|
||||||
|
}
|
||||||
|
.cbox80 {
|
||||||
|
background: blend-primary-secondary(80%);
|
||||||
|
}
|
||||||
|
.cbox90 {
|
||||||
|
background: blend-primary-secondary(90%);
|
||||||
|
}
|
||||||
|
.cbox100 {
|
||||||
|
background: blend-primary-secondary(100%);
|
||||||
|
}
|
||||||
|
.cbox5 {
|
||||||
|
background: blend-primary-secondary(5%);
|
||||||
|
}
|
||||||
|
.cbox7 {
|
||||||
|
background: blend-primary-secondary(7%);
|
||||||
|
}
|
||||||
|
.cbox15 {
|
||||||
|
background: blend-primary-secondary(15%);
|
||||||
|
}
|
||||||
|
.cbox17 {
|
||||||
|
background: blend-primary-secondary(17%);
|
||||||
|
}
|
||||||
|
.cbox25 {
|
||||||
|
background: blend-primary-secondary(25%);
|
||||||
|
}
|
||||||
|
.cbox95 {
|
||||||
|
background: blend-primary-secondary(95%);
|
||||||
|
}
|
||||||
|
.cbox85 {
|
||||||
|
background: blend-primary-secondary(85%);
|
||||||
|
}
|
||||||
|
.cbox75 {
|
||||||
|
background: blend-primary-secondary(75%);
|
||||||
|
}
|
||||||
|
|
||||||
.dbox0 { background: dark-light-diff($primary, $secondary, 0%, -0%); }
|
.dbox0 {
|
||||||
.dbox10 { background: dark-light-diff($primary, $secondary, 10%, -10%); }
|
background: dark-light-diff($primary, $secondary, 0%, -0%);
|
||||||
.dbox20 { background: dark-light-diff($primary, $secondary, 20%, -20%); }
|
}
|
||||||
.dbox30 { background: dark-light-diff($primary, $secondary, 30%, -30%); }
|
.dbox10 {
|
||||||
.dbox40 { background: dark-light-diff($primary, $secondary, 40%, -40%); }
|
background: dark-light-diff($primary, $secondary, 10%, -10%);
|
||||||
.dbox50 { background: blend-primary-secondary(50%); }
|
}
|
||||||
.dbox60 { background: dark-light-diff($primary, $secondary, 60%, -60%); }
|
.dbox20 {
|
||||||
.dbox70 { background: dark-light-diff($primary, $secondary, 70%, -70%); }
|
background: dark-light-diff($primary, $secondary, 20%, -20%);
|
||||||
.dbox80 { background: dark-light-diff($primary, $secondary, 80%, -80%); }
|
}
|
||||||
.dbox90 { background: $primary-low; }
|
.dbox30 {
|
||||||
.dbox100 { background: dark-light-diff($primary, $secondary, 100%, -100%); }
|
background: dark-light-diff($primary, $secondary, 30%, -30%);
|
||||||
.dbox5 { background: dark-light-diff($primary, $secondary, 5%, -5%); }
|
}
|
||||||
.dbox15 { background: dark-light-diff($primary, $secondary, 15%, -15%); }
|
.dbox40 {
|
||||||
.dbox25 { background: dark-light-diff($primary, $secondary, 25%, -25%); }
|
background: dark-light-diff($primary, $secondary, 40%, -40%);
|
||||||
.dbox95 { background: dark-light-diff($primary, $secondary, 95%, -95%); }
|
}
|
||||||
.dbox85 { background: dark-light-diff($primary, $secondary, 85%, -85%); }
|
.dbox50 {
|
||||||
.dbox75 { background: dark-light-diff($primary, $secondary, 75%, -75%); }
|
background: blend-primary-secondary(50%);
|
||||||
|
}
|
||||||
|
.dbox60 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 60%, -60%);
|
||||||
|
}
|
||||||
|
.dbox70 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 70%, -70%);
|
||||||
|
}
|
||||||
|
.dbox80 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 80%, -80%);
|
||||||
|
}
|
||||||
|
.dbox90 {
|
||||||
|
background: $primary-low;
|
||||||
|
}
|
||||||
|
.dbox100 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 100%, -100%);
|
||||||
|
}
|
||||||
|
.dbox5 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 5%, -5%);
|
||||||
|
}
|
||||||
|
.dbox15 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 15%, -15%);
|
||||||
|
}
|
||||||
|
.dbox25 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 25%, -25%);
|
||||||
|
}
|
||||||
|
.dbox95 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 95%, -95%);
|
||||||
|
}
|
||||||
|
.dbox85 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 85%, -85%);
|
||||||
|
}
|
||||||
|
.dbox75 {
|
||||||
|
background: dark-light-diff($primary, $secondary, 75%, -75%);
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
.admin-reports {
|
.admin-reports {
|
||||||
h3 {
|
h3 {
|
||||||
border-bottom: 1px solid $primary-low;
|
border-bottom: 1px solid $primary-low;
|
||||||
margin-bottom: .5em;
|
margin-bottom: 0.5em;
|
||||||
padding-bottom: .5em;
|
padding-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.report-container {
|
.report-container {
|
||||||
@@ -24,18 +24,20 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin-left: 2em;
|
margin-left: 2em;
|
||||||
|
|
||||||
.date-picker {
|
.date-picker {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 195px;
|
width: 195px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.combo-box, .date-picker-wrapper, .btn {
|
.combo-box,
|
||||||
|
.date-picker-wrapper,
|
||||||
|
.btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include small-width {
|
@include small-width {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
|
||||||
|
|||||||
@@ -19,7 +19,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.edit-main-nav {
|
.edit-main-nav {
|
||||||
.nav-pills:after, .nav-pills:before {
|
.nav-pills:after,
|
||||||
|
.nav-pills:before {
|
||||||
display: inline;
|
display: inline;
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
@@ -65,7 +66,7 @@
|
|||||||
width: 25%;
|
width: 25%;
|
||||||
h3 {
|
h3 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: .5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -93,7 +94,8 @@
|
|||||||
.nav.nav-pills.fields {
|
.nav.nav-pills.fields {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.content-list, .current-style {
|
.content-list,
|
||||||
|
.current-style {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.content-list ul {
|
.content-list ul {
|
||||||
@@ -187,18 +189,33 @@
|
|||||||
}
|
}
|
||||||
.color-scheme {
|
.color-scheme {
|
||||||
.controls {
|
.controls {
|
||||||
span, button, a {
|
span,
|
||||||
|
button,
|
||||||
|
a {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.colors {
|
.colors {
|
||||||
thead th { border: none; }
|
thead th {
|
||||||
td.hex { width: 160px; }
|
border: none;
|
||||||
td.actions { width: 200px; }
|
}
|
||||||
.hex-input { width: 80px; margin-bottom: 0; }
|
td.hex {
|
||||||
.hex { text-align: center; }
|
width: 160px;
|
||||||
.description { color: dark-light-choose($primary-medium, $secondary-medium); }
|
}
|
||||||
|
td.actions {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
.hex-input {
|
||||||
|
width: 80px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.hex {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.description {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
|
|
||||||
.invalid .hex input {
|
.invalid .hex input {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@@ -209,7 +226,7 @@
|
|||||||
|
|
||||||
.status-message {
|
.status-message {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -258,4 +275,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -7,15 +7,15 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
@include small-width {
|
@include small-width {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-column {
|
.section-column {
|
||||||
min-width: calc(50% - .5em);
|
min-width: calc(50% - 0.5em);
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
||||||
&:last-child, {
|
&:last-child {
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -23,7 +23,7 @@
|
|||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include small-width {
|
@include small-width {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
@@ -36,7 +36,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include small-width {
|
@include small-width {
|
||||||
.section-column:last-child,
|
.section-column:last-child,
|
||||||
.section-column:first-child {
|
.section-column:first-child {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
.section {
|
.section {
|
||||||
.section-title {
|
.section-title {
|
||||||
h2 {
|
h2 {
|
||||||
margin: 0 .5em 0 0;
|
margin: 0 0.5em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -57,8 +57,8 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
border-bottom: 1px solid $primary-low;
|
border-bottom: 1px solid $primary-low;
|
||||||
margin-bottom: .5em;
|
margin-bottom: 0.5em;
|
||||||
padding-bottom: .5em;
|
padding-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-body {
|
.section-body {
|
||||||
@@ -72,7 +72,7 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.chart {
|
.chart {
|
||||||
max-width: calc(100% * 1/3.2);
|
max-width: calc(100% * 1 / 3.2);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
@@ -80,7 +80,7 @@
|
|||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include small-width {
|
@include small-width {
|
||||||
.chart {
|
.chart {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
@@ -101,7 +101,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
|
|
||||||
.durability, .last-dashboard-update {
|
.durability,
|
||||||
|
.last-dashboard-update {
|
||||||
flex: 1 1 50%;
|
flex: 1 1 50%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
@@ -113,7 +114,8 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.backups, .uploads {
|
.backups,
|
||||||
|
.uploads {
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -128,7 +130,8 @@
|
|||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
@media screen and (max-width: 400px) {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.durability, .last-dashboard-update {
|
.durability,
|
||||||
|
.last-dashboard-update {
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
@@ -154,7 +157,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-referred-topics, .trending-search {
|
.top-referred-topics,
|
||||||
|
.trending-search {
|
||||||
th:first-of-type {
|
th:first-of-type {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
@@ -168,7 +172,8 @@
|
|||||||
|
|
||||||
.community-health {
|
.community-health {
|
||||||
.period-chooser .period-chooser-header {
|
.period-chooser .period-chooser-header {
|
||||||
.selected-name, .d-icon {
|
.selected-name,
|
||||||
|
.d-icon {
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -183,19 +188,21 @@
|
|||||||
.status {
|
.status {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: .5em;
|
margin-bottom: 0.5em;
|
||||||
padding: 0 .45em 0 0;
|
padding: 0 0.45em 0 0;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
a { color: $primary; }
|
a {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-left: .25em;
|
margin-left: 0.25em;
|
||||||
color: $primary-low-mid;
|
color: $primary-low-mid;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -207,11 +214,13 @@
|
|||||||
.trend {
|
.trend {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
&.trending-down, &.high-trending-down {
|
&.trending-down,
|
||||||
|
&.high-trending-down {
|
||||||
color: $danger;
|
color: $danger;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.trending-up, &.high-trending-up {
|
&.trending-up,
|
||||||
|
&.high-trending-up {
|
||||||
color: $success;
|
color: $success;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -239,7 +248,7 @@
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include small-width {
|
@include small-width {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -265,7 +274,8 @@
|
|||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
a, a:visited {
|
a,
|
||||||
|
a:visited {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -280,7 +290,7 @@
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 650px) {
|
@media screen and (max-width: 650px) {
|
||||||
table {
|
table {
|
||||||
tbody tr td {
|
tbody tr td {
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
@@ -353,11 +363,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.high-trending-up, &.trending-up {
|
&.high-trending-up,
|
||||||
i { color: $success; }
|
&.trending-up {
|
||||||
|
i {
|
||||||
|
color: $success;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.high-trending-down, &.trending-down {
|
&.high-trending-down,
|
||||||
i { color: $danger; }
|
&.trending-down {
|
||||||
|
i {
|
||||||
|
color: $danger;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -370,8 +386,9 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-left: -5%;
|
margin-left: -5%;
|
||||||
margin: 2em 0 .75em -5%; // Negative margin allows for a margin when in 2-columns,
|
margin: 2em 0 0.75em -5%; // Negative margin allows for a margin when in 2-columns,
|
||||||
.dashboard-inline-table { // and "hides" margin when the item spans 100% width
|
.dashboard-inline-table {
|
||||||
|
// and "hides" margin when the item spans 100% width
|
||||||
flex: 1 0 auto;
|
flex: 1 0 auto;
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
}
|
}
|
||||||
@@ -399,12 +416,13 @@
|
|||||||
.value {
|
.value {
|
||||||
padding: 0 8px 0 5px;
|
padding: 0 8px 0 5px;
|
||||||
}
|
}
|
||||||
&.user-newuser{
|
&.user-newuser {
|
||||||
.label {
|
.label {
|
||||||
color: $primary-high;
|
color: $primary-high;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.user-basic , &.user-member {
|
&.user-basic,
|
||||||
|
&.user-member {
|
||||||
border-color: $bronze;
|
border-color: $bronze;
|
||||||
.label {
|
.label {
|
||||||
border-color: $bronze;
|
border-color: $bronze;
|
||||||
@@ -461,7 +479,9 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 400px) {
|
@media screen and (max-width: 400px) {
|
||||||
.d-icon { display: none; }
|
.d-icon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
td.title {
|
td.title {
|
||||||
padding: 8px 0 8px 4px;
|
padding: 8px 0 8px 4px;
|
||||||
}
|
}
|
||||||
@@ -469,10 +489,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.rtl .dashboard-next {
|
.rtl .dashboard-next {
|
||||||
.section-column {
|
.section-column {
|
||||||
&:last-child, {
|
&:last-child {
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,11 +1,13 @@
|
|||||||
.flagged-post.hidden-post {
|
.flagged-post.hidden-post {
|
||||||
.flagged-post-excerpt, .flagged-post-avatar {
|
.flagged-post-excerpt,
|
||||||
|
.flagged-post-avatar {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.flagged-post.deleted {
|
.flagged-post.deleted {
|
||||||
.flagged-post-excerpt, .flagged-post-avatar {
|
.flagged-post-excerpt,
|
||||||
|
.flagged-post-avatar {
|
||||||
background-color: $danger-low;
|
background-color: $danger-low;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,7 +6,8 @@
|
|||||||
td.date {
|
td.date {
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
td, th {
|
td,
|
||||||
|
th {
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
.suspend-user-modal {
|
.suspend-user-modal {
|
||||||
|
|
||||||
.until-controls {
|
.until-controls {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
@@ -8,11 +7,13 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.suspend-reason-label, .suspend-message-label {
|
.suspend-reason-label,
|
||||||
|
.suspend-message-label {
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textarea, input[type=text] {
|
.textarea,
|
||||||
|
input[type="text"] {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 2.5em;
|
height: 2.5em;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -26,11 +26,14 @@
|
|||||||
.select-kit-collection {
|
.select-kit-collection {
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
max-height: 40vh;
|
max-height: 40vh;
|
||||||
.texts, .icons {
|
.texts,
|
||||||
|
.icons {
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.categories-admin-dropdown, &.category-notifications-button, &.tag-notifications-button {
|
&.categories-admin-dropdown,
|
||||||
|
&.category-notifications-button,
|
||||||
|
&.tag-notifications-button {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -39,7 +42,9 @@
|
|||||||
.topic-list-item.visited,
|
.topic-list-item.visited,
|
||||||
.latest-topic-list-item.visited,
|
.latest-topic-list-item.visited,
|
||||||
.category-topic-link.visited {
|
.category-topic-link.visited {
|
||||||
a.title:not(.badge-notification) { color: $primary-medium; }
|
a.title:not(.badge-notification) {
|
||||||
|
color: $primary-medium;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list-main-link {
|
.topic-list-main-link {
|
||||||
@@ -103,14 +108,14 @@
|
|||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
}
|
}
|
||||||
th {
|
th {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
button .d-icon {color: dark-light-choose($primary-medium, $secondary-medium);}
|
button .d-icon {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
td {
|
td {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
@@ -172,17 +177,24 @@
|
|||||||
padding: 15px 5px;
|
padding: 15px 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.heatmap-high, .heatmap-high a {color: #fe7a15 !important;}
|
.heatmap-high,
|
||||||
.heatmap-med, .heatmap-med a {color: #cf7721 !important;}
|
.heatmap-high a {
|
||||||
.heatmap-low, .heatmap-low a {color: #9b764f !important;}
|
color: #fe7a15 !important;
|
||||||
|
}
|
||||||
|
.heatmap-med,
|
||||||
|
.heatmap-med a {
|
||||||
|
color: #cf7721 !important;
|
||||||
|
}
|
||||||
|
.heatmap-low,
|
||||||
|
.heatmap-low a {
|
||||||
|
color: #9b764f !important;
|
||||||
|
}
|
||||||
|
|
||||||
.topic-list.categories {
|
.topic-list.categories {
|
||||||
|
|
||||||
.category .badge-notification {
|
.category .badge-notification {
|
||||||
background-color:transparent;
|
background-color: transparent;
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -202,16 +214,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table.categoryStats {
|
table.categoryStats {
|
||||||
td {
|
td {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
&.value { text-align: right; font-size: $font-up-3; }
|
&.value {
|
||||||
&.unit { text-align: left; }
|
text-align: right;
|
||||||
|
font-size: $font-up-3;
|
||||||
|
}
|
||||||
|
&.unit {
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading .topic-list {
|
.loading .topic-list {
|
||||||
|
|||||||
@@ -12,13 +12,13 @@ section.about {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
td, th {
|
td,
|
||||||
|
th {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.title {
|
td.title {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -30,11 +30,11 @@
|
|||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
&.alert-success {
|
&.alert-success {
|
||||||
background-color: $success-medium;
|
background-color: $success-medium;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
&.alert-error {
|
&.alert-error {
|
||||||
background-color: rgba($danger-low, .5);
|
background-color: rgba($danger-low, 0.5);
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
&.alert-info {
|
&.alert-info {
|
||||||
|
|||||||
@@ -14,7 +14,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-boxes, .category-boxes-with-topics {
|
.category-boxes,
|
||||||
|
.category-boxes-with-topics {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
@@ -153,12 +154,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
li:before {
|
li:before {
|
||||||
content: '\f0f6';
|
content: "\f0f6";
|
||||||
font-family: 'FontAwesome';
|
font-family: "FontAwesome";
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: -1.5em;
|
margin-left: -1.5em;
|
||||||
}
|
}
|
||||||
li.topic-pinned:before { content: '\f08d'; }
|
li.topic-pinned:before {
|
||||||
li.topic-closed:before, li.topic-archived:before { content: '\f023'; }
|
content: "\f08d";
|
||||||
|
}
|
||||||
|
li.topic-closed:before,
|
||||||
|
li.topic-archived:before {
|
||||||
|
content: "\f023";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -56,7 +56,7 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|||||||
.haskell .hljs-type,
|
.haskell .hljs-type,
|
||||||
.vhdl .hljs-literal,
|
.vhdl .hljs-literal,
|
||||||
.tex .hljs-command {
|
.tex .hljs-command {
|
||||||
color: dark-light-choose(#458, #9AE);
|
color: dark-light-choose(#458, #9ae);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -110,14 +110,15 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|||||||
color: #aaa;
|
color: #aaa;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
--------------------------------------------------------------------------------
|
--------------------------------------------------------------------------------
|
||||||
| SHOULD NOT BE REMOVED |
|
| SHOULD NOT BE REMOVED |
|
||||||
--------------------------------------------------------------------------------
|
--------------------------------------------------------------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
p > code, li > code, pre > code {
|
p > code,
|
||||||
|
li > code,
|
||||||
|
pre > code {
|
||||||
color: dark-light-choose(#333, #f8f8f8);
|
color: dark-light-choose(#333, #f8f8f8);
|
||||||
background: dark-light-choose(#f8f8f8, #333);
|
background: dark-light-choose(#f8f8f8, #333);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -22,8 +22,7 @@
|
|||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
font-size: 0.286em
|
font-size: 0.286em;
|
||||||
;
|
|
||||||
&.used-color {
|
&.used-color {
|
||||||
background: image-url("chosen-sprite.png") -19px 13px;
|
background: image-url("chosen-sprite.png") -19px 13px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,13 +11,14 @@
|
|||||||
max-width: 1475px;
|
max-width: 1475px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
&.hide-preview {
|
&.hide-preview {
|
||||||
max-width:740px;
|
max-width: 740px;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 1200px) {
|
@media screen and (max-width: 1200px) {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
z-index: z("composer","content");
|
z-index: z("composer", "content");
|
||||||
transition: height 250ms ease, background 250ms ease, transform 250ms ease, max-width 250ms ease;
|
transition: height 250ms ease, background 250ms ease, transform 250ms ease,
|
||||||
|
max-width 250ms ease;
|
||||||
background-color: $secondary;
|
background-color: $secondary;
|
||||||
box-shadow: shadow("composer");
|
box-shadow: shadow("composer");
|
||||||
|
|
||||||
@@ -78,7 +79,8 @@
|
|||||||
.draft-text {
|
.draft-text {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.grippie, .saving-text {
|
.grippie,
|
||||||
|
.saving-text {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -116,7 +118,9 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-link, .user-link, .post-link {
|
.topic-link,
|
||||||
|
.user-link,
|
||||||
|
.post-link {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -230,7 +234,7 @@
|
|||||||
flex: 1 1 25%;
|
flex: 1 1 25%;
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
background: $secondary;
|
background: $secondary;
|
||||||
z-index: z("composer","dropdown");
|
z-index: z("composer", "dropdown");
|
||||||
@media all and (max-width: 900px) {
|
@media all and (max-width: 900px) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
@@ -238,7 +242,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.popup-tip {
|
.popup-tip {
|
||||||
z-index: z("composer","dropdown");
|
z-index: z("composer", "dropdown");
|
||||||
}
|
}
|
||||||
|
|
||||||
.wmd-controls {
|
.wmd-controls {
|
||||||
@@ -305,7 +309,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#draft-status, #file-uploading {
|
#draft-status,
|
||||||
|
#file-uploading {
|
||||||
color: $primary-high;
|
color: $primary-high;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -315,7 +320,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.autocomplete {
|
.autocomplete {
|
||||||
z-index: z("composer","dropdown") + 1;
|
z-index: z("composer", "dropdown") + 1;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 240px;
|
width: 240px;
|
||||||
background-color: $secondary;
|
background-color: $secondary;
|
||||||
@@ -361,14 +366,15 @@
|
|||||||
|
|
||||||
div.ac-wrap.disabled {
|
div.ac-wrap.disabled {
|
||||||
input {
|
input {
|
||||||
display:none;
|
display: none;
|
||||||
}
|
}
|
||||||
.item a {
|
.item a {
|
||||||
display:none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.ac-wrap div.item a.remove, .remove-link {
|
div.ac-wrap div.item a.remove,
|
||||||
|
.remove-link {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
line-height: $line-height-small;
|
line-height: $line-height-small;
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ body.crawler {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
box-shadow: shadow("header");
|
box-shadow: shadow("header");
|
||||||
}
|
}
|
||||||
div.topic-list div[itemprop='itemListElement'] {
|
div.topic-list div[itemprop="itemListElement"] {
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid #e9e9e9;
|
border-bottom: 1px solid #e9e9e9;
|
||||||
.page-links a {
|
.page-links a {
|
||||||
|
|||||||
@@ -23,19 +23,21 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
td, th {
|
td,
|
||||||
|
th {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-bottom: 1px solid $primary-low;
|
border-bottom: 1px solid $primary-low;
|
||||||
@media screen and (max-width: $small-width) {
|
@media screen and (max-width: $small-width) {
|
||||||
padding: .5em .25em;
|
padding: 0.5em 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.number, .time-read {
|
.number,
|
||||||
|
.time-read {
|
||||||
font-size: $font-up-3;
|
font-size: $font-up-3;
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
@media screen and (max-width: $small-width) {
|
@media screen and (max-width: $small-width) {
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.time-read {
|
.time-read {
|
||||||
@@ -51,7 +53,8 @@
|
|||||||
color: $love;
|
color: $love;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
.d-icon-chevron-down, .d-icon-chevron-up {
|
.d-icon-chevron-down,
|
||||||
|
.d-icon-chevron-up {
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -62,7 +65,11 @@
|
|||||||
}
|
}
|
||||||
.me {
|
.me {
|
||||||
background-color: dark-light-choose($highlight-low, $highlight-medium);
|
background-color: dark-light-choose($highlight-low, $highlight-medium);
|
||||||
.username a, .name, .title, .number, .time-read {
|
.username a,
|
||||||
|
.name,
|
||||||
|
.title,
|
||||||
|
.number,
|
||||||
|
.time-read {
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -66,7 +66,7 @@ h4,
|
|||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: .5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
@@ -107,7 +107,7 @@ img.avatar {
|
|||||||
// 26,
|
// 26,
|
||||||
// '15
|
// '15
|
||||||
span.relative-date {
|
span.relative-date {
|
||||||
white-space:nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
@@ -131,7 +131,10 @@ input {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.invalid {
|
&.invalid {
|
||||||
background-color: dark-light-choose($danger-low, scale-color($danger, $lightness: -60%));
|
background-color: dark-light-choose(
|
||||||
|
$danger-low,
|
||||||
|
scale-color($danger, $lightness: -60%)
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio &[type="radio"],
|
.radio &[type="radio"],
|
||||||
@@ -188,7 +191,7 @@ input {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: $input-padding;
|
padding: $input-padding;
|
||||||
margin-bottom: 9px;
|
margin-bottom: 9px;
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
background-color: $secondary;
|
background-color: $secondary;
|
||||||
@@ -270,7 +273,7 @@ select {
|
|||||||
// numbers get dimmer as they get colder
|
// numbers get dimmer as they get colder
|
||||||
.coldmap {
|
.coldmap {
|
||||||
&-high {
|
&-high {
|
||||||
color: dark-light-choose($primary-low-mid, $secondary-high) !important;
|
color: dark-light-choose($primary-low-mid, $secondary-high) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-med {
|
&-med {
|
||||||
@@ -297,7 +300,7 @@ select {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.clear-transitions {
|
.clear-transitions {
|
||||||
transition:none !important;
|
transition: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip {
|
.tip {
|
||||||
@@ -340,7 +343,11 @@ select {
|
|||||||
height: 80px;
|
height: 80px;
|
||||||
top: -18px;
|
top: -18px;
|
||||||
right: -18px;
|
right: -18px;
|
||||||
background-image: radial-gradient(40px at 50% 50% , transparent 95%, $primary 100%);
|
background-image: radial-gradient(
|
||||||
|
40px at 50% 50%,
|
||||||
|
transparent 95%,
|
||||||
|
$primary 100%
|
||||||
|
);
|
||||||
opacity: 0.85;
|
opacity: 0.85;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -351,7 +358,7 @@ select {
|
|||||||
top: -18px !important;
|
top: -18px !important;
|
||||||
right: -18px !important;
|
right: -18px !important;
|
||||||
box-shadow: 0 0 0 9999px rgba($primary, 0.85);
|
box-shadow: 0 0 0 9999px rgba($primary, 0.85);
|
||||||
z-index: z("modal","overlay");
|
z-index: z("modal", "overlay");
|
||||||
}
|
}
|
||||||
|
|
||||||
.ring-first-notification {
|
.ring-first-notification {
|
||||||
|
|||||||
@@ -7,7 +7,8 @@
|
|||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.date-picker, input[type="time"] {
|
input.date-picker,
|
||||||
|
input[type="time"] {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ img.emoji {
|
|||||||
|
|
||||||
.emoji-picker {
|
.emoji-picker {
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
z-index: z("modal","content");
|
z-index: z("modal", "content");
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: none;
|
display: none;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@@ -38,7 +38,8 @@ img.emoji {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-picker .category-icon.current, .emoji-picker .category-icon:hover {
|
.emoji-picker .category-icon.current,
|
||||||
|
.emoji-picker .category-icon:hover {
|
||||||
-webkit-filter: grayscale(0%);
|
-webkit-filter: grayscale(0%);
|
||||||
filter: grayscale(0%);
|
filter: grayscale(0%);
|
||||||
}
|
}
|
||||||
@@ -72,7 +73,7 @@ img.emoji {
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-picker .section-header .clear-recent .fa{
|
.emoji-picker .section-header .clear-recent .fa {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: dark-light-choose($header_primary-medium, $header_primary);
|
color: dark-light-choose($header_primary-medium, $header_primary);
|
||||||
@@ -123,12 +124,24 @@ img.emoji {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.emoji-picker .diversity-picker .diversity-scale.default { background: #ffcc4d; }
|
.emoji-picker .diversity-picker .diversity-scale.default {
|
||||||
.emoji-picker .diversity-picker .diversity-scale.light { background: #f7dece; }
|
background: #ffcc4d;
|
||||||
.emoji-picker .diversity-picker .diversity-scale.medium-light { background: #f3d2a2; }
|
}
|
||||||
.emoji-picker .diversity-picker .diversity-scale.medium { background: #d5ab88; }
|
.emoji-picker .diversity-picker .diversity-scale.light {
|
||||||
.emoji-picker .diversity-picker .diversity-scale.medium-dark { background: #af7e57; }
|
background: #f7dece;
|
||||||
.emoji-picker .diversity-picker .diversity-scale.dark { background: #7c533e; }
|
}
|
||||||
|
.emoji-picker .diversity-picker .diversity-scale.medium-light {
|
||||||
|
background: #f3d2a2;
|
||||||
|
}
|
||||||
|
.emoji-picker .diversity-picker .diversity-scale.medium {
|
||||||
|
background: #d5ab88;
|
||||||
|
}
|
||||||
|
.emoji-picker .diversity-picker .diversity-scale.medium-dark {
|
||||||
|
background: #af7e57;
|
||||||
|
}
|
||||||
|
.emoji-picker .diversity-picker .diversity-scale.dark {
|
||||||
|
background: #7c533e;
|
||||||
|
}
|
||||||
|
|
||||||
.emoji-picker .diversity-picker .diversity-scale.selected i {
|
.emoji-picker .diversity-picker .diversity-scale.selected i {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -141,7 +154,7 @@ img.emoji {
|
|||||||
.emoji-picker .diversity-picker .d-icon {
|
.emoji-picker .diversity-picker .d-icon {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
text-shadow: 0.5px 1.5px 0 rgba(0,0,0,0.3);
|
text-shadow: 0.5px 1.5px 0 rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-picker button.emoji {
|
.emoji-picker button.emoji {
|
||||||
@@ -161,7 +174,8 @@ img.emoji {
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-picker .section-group button.emoji:hover, .emoji-picker .results button.emoji:hover {
|
.emoji-picker .section-group button.emoji:hover,
|
||||||
|
.emoji-picker .results button.emoji:hover {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
@@ -169,17 +183,17 @@ img.emoji {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.wmd-emoji-button:before {
|
.wmd-emoji-button:before {
|
||||||
content: "\f118";
|
content: "\f118";
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-picker-modal.fadeIn {
|
.emoji-picker-modal.fadeIn {
|
||||||
z-index: z("modal","overlay");
|
z-index: z("modal", "overlay");
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: .8;
|
opacity: 0.8;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -192,7 +206,7 @@ img.emoji {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
input[type="text"] {
|
input[type="text"] {
|
||||||
width: auto!important;
|
width: auto !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -8,9 +8,8 @@
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-pills {
|
.nav-pills {
|
||||||
@@ -21,5 +20,4 @@
|
|||||||
ol:not(.nav-pills) {
|
ol:not(.nav-pills) {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -26,7 +26,6 @@
|
|||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.group-info {
|
.group-info {
|
||||||
@@ -175,7 +174,7 @@ table.group-members {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type='checkbox'] {
|
input[type="checkbox"] {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -39,7 +39,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
tr {
|
tr {
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 0.8em;
|
padding: 0.8em;
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
@@ -75,7 +74,7 @@
|
|||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.groups-info {
|
.groups-info {
|
||||||
.groups-info-name {
|
.groups-info-name {
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
.docked & {
|
.docked & {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
backface-visibility: hidden; /** do magic for scrolling performance **/
|
backface-visibility: hidden; /** do magic for scrolling performance **/
|
||||||
}
|
}
|
||||||
|
|
||||||
.contents {
|
.contents {
|
||||||
@@ -17,7 +17,8 @@
|
|||||||
|
|
||||||
.title {
|
.title {
|
||||||
float: left;
|
float: left;
|
||||||
a, a:visited {
|
a,
|
||||||
|
a:visited {
|
||||||
color: $header_primary;
|
color: $header_primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -37,27 +38,34 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hamburger-panel, .user-menu, .search-menu {
|
.hamburger-panel,
|
||||||
|
.user-menu,
|
||||||
|
.search-menu {
|
||||||
width: 0; // Flexbox fix for Safari
|
width: 0; // Flexbox fix for Safari
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-buttons {
|
.header-buttons {
|
||||||
margin-top: .2em;
|
margin-top: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-button, button.sign-up-button {
|
.login-button,
|
||||||
|
button.sign-up-button {
|
||||||
padding: 6px 10px;
|
padding: 6px 10px;
|
||||||
.fa { margin-right: 3px; }
|
.fa {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button.login-button {
|
button.login-button {
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-dropdown-toggle, .drop-down, .panel-body {
|
.header-dropdown-toggle,
|
||||||
.flagged-posts, .queued-posts {
|
.drop-down,
|
||||||
|
.panel-body {
|
||||||
|
.flagged-posts,
|
||||||
|
.queued-posts {
|
||||||
background: $danger;
|
background: $danger;
|
||||||
min-width: 6px;
|
min-width: 6px;
|
||||||
}
|
}
|
||||||
@@ -78,20 +86,24 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 2.2857em;
|
width: 2.2857em;
|
||||||
height: 2.2857em;
|
height: 2.2857em;
|
||||||
padding: .2143em;
|
padding: 0.2143em;
|
||||||
color: dark-light-choose(scale-color($header_primary, $lightness: 50%), $header_primary);
|
color: dark-light-choose(
|
||||||
|
scale-color($header_primary, $lightness: 50%),
|
||||||
|
$header_primary
|
||||||
|
);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-top: 1px solid transparent;
|
border-top: 1px solid transparent;
|
||||||
border-left: 1px solid transparent;
|
border-left: 1px solid transparent;
|
||||||
border-right: 1px solid transparent;
|
border-right: 1px solid transparent;
|
||||||
transition: all linear .15s;
|
transition: all linear 0.15s;
|
||||||
outline: none;
|
outline: none;
|
||||||
img.avatar {
|
img.avatar {
|
||||||
width: 2.2857em;
|
width: 2.2857em;
|
||||||
height: 2.2857em;
|
height: 2.2857em;
|
||||||
}
|
}
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
background-color: $primary-low;
|
background-color: $primary-low;
|
||||||
border-top: 1px solid transparent;
|
border-top: 1px solid transparent;
|
||||||
@@ -160,7 +172,8 @@
|
|||||||
right: -3px;
|
right: -3px;
|
||||||
background-color: dark-light-choose($tertiary-medium, $tertiary);
|
background-color: dark-light-choose($tertiary-medium, $tertiary);
|
||||||
}
|
}
|
||||||
.unread-private-messages, .ring {
|
.unread-private-messages,
|
||||||
|
.ring {
|
||||||
left: auto;
|
left: auto;
|
||||||
right: 25px;
|
right: 25px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -33,12 +33,14 @@
|
|||||||
#revisions .row:first-of-type {
|
#revisions .row:first-of-type {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
ins, .diff-ins {
|
ins,
|
||||||
code, img {
|
.diff-ins {
|
||||||
|
code,
|
||||||
|
img {
|
||||||
border: 2px solid $success;
|
border: 2px solid $success;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
opacity: .75;
|
opacity: 0.75;
|
||||||
filter: alpha(opacity=75);
|
filter: alpha(opacity=75);
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
@@ -46,11 +48,12 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
img.diff-ins, code.diff-ins {
|
img.diff-ins,
|
||||||
|
code.diff-ins {
|
||||||
border: 2px solid $success;
|
border: 2px solid $success;
|
||||||
}
|
}
|
||||||
img.diff-ins {
|
img.diff-ins {
|
||||||
opacity: .75;
|
opacity: 0.75;
|
||||||
filter: alpha(opacity=75);
|
filter: alpha(opacity=75);
|
||||||
}
|
}
|
||||||
.diff-ins {
|
.diff-ins {
|
||||||
@@ -61,12 +64,14 @@
|
|||||||
color: $success;
|
color: $success;
|
||||||
background: $success-low;
|
background: $success-low;
|
||||||
}
|
}
|
||||||
del, .diff-del {
|
del,
|
||||||
code, img {
|
.diff-del {
|
||||||
|
code,
|
||||||
|
img {
|
||||||
border: 2px solid $danger;
|
border: 2px solid $danger;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
opacity: .5;
|
opacity: 0.5;
|
||||||
filter: alpha(opacity=50);
|
filter: alpha(opacity=50);
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
@@ -74,11 +79,12 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
img.diff-del, code.diff-del {
|
img.diff-del,
|
||||||
|
code.diff-del {
|
||||||
border: 2px solid $danger;
|
border: 2px solid $danger;
|
||||||
}
|
}
|
||||||
img.diff-del {
|
img.diff-del {
|
||||||
opacity: .5;
|
opacity: 0.5;
|
||||||
filter: alpha(opacity=50);
|
filter: alpha(opacity=50);
|
||||||
}
|
}
|
||||||
.diff-del {
|
.diff-del {
|
||||||
@@ -99,16 +105,18 @@
|
|||||||
color: #f00;
|
color: #f00;
|
||||||
}
|
}
|
||||||
.hidden-revision-either {
|
.hidden-revision-either {
|
||||||
opacity: .5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
.hidden-revision-previous .row {
|
.hidden-revision-previous .row {
|
||||||
div:nth-of-type(1), td:nth-of-type(1) {
|
div:nth-of-type(1),
|
||||||
opacity: .5;
|
td:nth-of-type(1) {
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.hidden-revision-current .row {
|
.hidden-revision-current .row {
|
||||||
div:nth-of-type(2), td:nth-of-type(2) {
|
div:nth-of-type(2),
|
||||||
opacity: .5;
|
td:nth-of-type(2) {
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,13 +4,16 @@
|
|||||||
|
|
||||||
&:hover .meta {
|
&:hover .meta {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity .5s;
|
transition: opacity 0.5s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox-wrapper {
|
.lightbox-wrapper {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
&, * { outline: 0; }
|
&,
|
||||||
|
* {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.meta {
|
.meta {
|
||||||
@@ -20,7 +23,7 @@
|
|||||||
color: dark-light-choose($secondary, $primary);
|
color: dark-light-choose($secondary, $primary);
|
||||||
background: dark-light-choose($primary, lighten($secondary, 10%));
|
background: dark-light-choose($primary, lighten($secondary, 10%));
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity .2s;
|
transition: opacity 0.2s;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
float: left;
|
float: left;
|
||||||
|
|||||||
@@ -31,7 +31,8 @@
|
|||||||
$label-width: 92px;
|
$label-width: 92px;
|
||||||
$input-width: 220px;
|
$input-width: 220px;
|
||||||
|
|
||||||
.login-modal, .create-account {
|
.login-modal,
|
||||||
|
.create-account {
|
||||||
tr {
|
tr {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
@@ -41,7 +42,8 @@ $input-width: 220px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
td {
|
td {
|
||||||
label, input {
|
label,
|
||||||
|
input {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -66,7 +68,7 @@ $input-width: 220px;
|
|||||||
|
|
||||||
.disclaimer {
|
.disclaimer {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
margin-top: .5em;
|
margin-top: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-field.confirm {
|
.user-field.confirm {
|
||||||
@@ -78,7 +80,7 @@ $input-width: 220px;
|
|||||||
width: $label-width;
|
width: $label-width;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: $input-width;
|
width: $input-width;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
@@ -134,7 +136,8 @@ $input-width: 220px;
|
|||||||
label:not(.checkbox-label) {
|
label:not(.checkbox-label) {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.controls, .input {
|
.controls,
|
||||||
|
.input {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
.instructions {
|
.instructions {
|
||||||
@@ -165,8 +168,8 @@ $input-width: 220px;
|
|||||||
|
|
||||||
// alternate login / create new account buttons should be de-emphasized
|
// alternate login / create new account buttons should be de-emphasized
|
||||||
|
|
||||||
button#login-link, button#new-account-link
|
button#login-link,
|
||||||
{
|
button#new-account-link {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: dark-light-choose($primary-high, $secondary-low);
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
}
|
}
|
||||||
@@ -23,49 +23,45 @@
|
|||||||
//
|
//
|
||||||
////////////////////////
|
////////////////////////
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
////////////////////////
|
////////////////////////
|
||||||
// 1. Default Settings
|
// 1. Default Settings
|
||||||
////////////////////////
|
////////////////////////
|
||||||
|
|
||||||
$overlay-color: #0b0b0b !default;
|
$overlay-color: #0b0b0b !default;
|
||||||
$overlay-opacity: 0.8 !default;
|
$overlay-opacity: 0.8 !default;
|
||||||
$shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
|
$shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
|
||||||
$popup-padding-left: 8px !default; // Padding from left and from right side
|
$popup-padding-left: 8px !default; // Padding from left and from right side
|
||||||
$popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px
|
$popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px
|
||||||
|
|
||||||
$z-index-base: 1040 !default; // Base z-index of popup
|
$z-index-base: 1040 !default; // Base z-index of popup
|
||||||
$include-arrows: true !default; // include styles for nav arrows
|
$include-arrows: true !default; // include styles for nav arrows
|
||||||
$controls-opacity: 0.65 !default;
|
$controls-opacity: 0.65 !default;
|
||||||
$controls-color: #FFF !default;
|
$controls-color: #fff !default;
|
||||||
$inner-close-icon-color: #333 !default;
|
$inner-close-icon-color: #333 !default;
|
||||||
$controls-text-color: #CCC !default; // Color of preloader and "1 of X" indicator
|
$controls-text-color: #ccc !default; // Color of preloader and "1 of X" indicator
|
||||||
$controls-text-color-hover: #FFF !default;
|
$controls-text-color-hover: #fff !default;
|
||||||
$IE7support: true !default; // Very basic IE7 support
|
$IE7support: true !default; // Very basic IE7 support
|
||||||
|
|
||||||
// Iframe-type options
|
// Iframe-type options
|
||||||
$include-iframe-type: true !default;
|
$include-iframe-type: true !default;
|
||||||
$iframe-padding-top: 40px !default;
|
$iframe-padding-top: 40px !default;
|
||||||
$iframe-background: #000 !default;
|
$iframe-background: #000 !default;
|
||||||
$iframe-max-width: 900px !default;
|
$iframe-max-width: 900px !default;
|
||||||
$iframe-ratio: 9/16 !default;
|
$iframe-ratio: 9/16 !default;
|
||||||
|
|
||||||
// Image-type options
|
// Image-type options
|
||||||
$include-image-type: true !default;
|
$include-image-type: true !default;
|
||||||
$image-background: linear-gradient(45deg, #111 0%,#333 100%) !default;
|
$image-background: linear-gradient(45deg, #111 0%, #333 100%) !default;
|
||||||
$image-padding-top: 40px !default;
|
$image-padding-top: 40px !default;
|
||||||
$image-padding-bottom: 40px !default;
|
$image-padding-bottom: 40px !default;
|
||||||
$include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom
|
$include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom
|
||||||
|
|
||||||
// Image caption options
|
// Image caption options
|
||||||
$caption-title-color: #F3F3F3 !default;
|
$caption-title-color: #f3f3f3 !default;
|
||||||
$caption-subtitle-color: #BDBDBD !default;
|
$caption-subtitle-color: #bdbdbd !default;
|
||||||
|
|
||||||
// A11y
|
// A11y
|
||||||
$use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers
|
$use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
////////////////////////
|
////////////////////////
|
||||||
// 2. General styles
|
// 2. General styles
|
||||||
@@ -117,7 +113,7 @@ $use-visuallyhidden: false !default; // Hide content from browsers,
|
|||||||
// Vertical centerer helper
|
// Vertical centerer helper
|
||||||
.mfp-container {
|
.mfp-container {
|
||||||
&:before {
|
&:before {
|
||||||
content: '';
|
content: "";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@@ -155,7 +151,8 @@ $use-visuallyhidden: false !default; // Hide content from browsers,
|
|||||||
cursor: progress;
|
cursor: progress;
|
||||||
}
|
}
|
||||||
.mfp-zoom-out-cur {
|
.mfp-zoom-out-cur {
|
||||||
&, .mfp-image-holder .mfp-close {
|
&,
|
||||||
|
.mfp-image-holder .mfp-close {
|
||||||
cursor: -moz-zoom-out;
|
cursor: -moz-zoom-out;
|
||||||
cursor: -webkit-zoom-out;
|
cursor: -webkit-zoom-out;
|
||||||
cursor: zoom-out;
|
cursor: zoom-out;
|
||||||
@@ -177,7 +174,7 @@ $use-visuallyhidden: false !default; // Hide content from browsers,
|
|||||||
.mfp-arrow,
|
.mfp-arrow,
|
||||||
.mfp-preloader,
|
.mfp-preloader,
|
||||||
.mfp-counter {
|
.mfp-counter {
|
||||||
-webkit-user-select:none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
@@ -208,7 +205,6 @@ $use-visuallyhidden: false !default; // Hide content from browsers,
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
////////////////////////
|
////////////////////////
|
||||||
// 3. Appearance
|
// 3. Appearance
|
||||||
////////////////////////
|
////////////////////////
|
||||||
@@ -262,12 +258,11 @@ button {
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
&::-moz-focus-inner {
|
&::-moz-focus-inner {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0
|
border: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Close icon
|
// Close icon
|
||||||
.mfp-close {
|
.mfp-close {
|
||||||
width: 44px;
|
width: 44px;
|
||||||
@@ -340,7 +335,7 @@ button {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
width: 90px;
|
width: 90px;
|
||||||
height: 110px;
|
height: 110px;
|
||||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
&:active {
|
&:active {
|
||||||
margin-top: -54px;
|
margin-top: -54px;
|
||||||
}
|
}
|
||||||
@@ -356,7 +351,7 @@ button {
|
|||||||
&:after,
|
&:after,
|
||||||
.mfp-b,
|
.mfp-b,
|
||||||
.mfp-a {
|
.mfp-a {
|
||||||
content: '';
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
@@ -370,10 +365,9 @@ button {
|
|||||||
|
|
||||||
&:after,
|
&:after,
|
||||||
.mfp-a {
|
.mfp-a {
|
||||||
|
|
||||||
border-top-width: 13px;
|
border-top-width: 13px;
|
||||||
border-bottom-width: 13px;
|
border-bottom-width: 13px;
|
||||||
top:8px;
|
top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before,
|
&:before,
|
||||||
@@ -381,7 +375,6 @@ button {
|
|||||||
border-top-width: 21px;
|
border-top-width: 21px;
|
||||||
border-bottom-width: 21px;
|
border-bottom-width: 21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mfp-arrow-left {
|
.mfp-arrow-left {
|
||||||
@@ -389,7 +382,7 @@ button {
|
|||||||
|
|
||||||
&:after,
|
&:after,
|
||||||
.mfp-a {
|
.mfp-a {
|
||||||
border-right: 17px solid #FFF;
|
border-right: 17px solid #fff;
|
||||||
margin-left: 31px;
|
margin-left: 31px;
|
||||||
}
|
}
|
||||||
&:before,
|
&:before,
|
||||||
@@ -403,8 +396,8 @@ button {
|
|||||||
right: 0;
|
right: 0;
|
||||||
&:after,
|
&:after,
|
||||||
.mfp-a {
|
.mfp-a {
|
||||||
border-left: 17px solid #FFF;
|
border-left: 17px solid #fff;
|
||||||
margin-left: 39px
|
margin-left: 39px;
|
||||||
}
|
}
|
||||||
&:before,
|
&:before,
|
||||||
.mfp-b {
|
.mfp-b {
|
||||||
@@ -413,8 +406,6 @@ button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Iframe content type
|
// Iframe content type
|
||||||
@if $include-iframe-type {
|
@if $include-iframe-type {
|
||||||
.mfp-iframe-holder {
|
.mfp-iframe-holder {
|
||||||
@@ -447,11 +438,8 @@ button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Image content type
|
// Image content type
|
||||||
@if $include-image-type {
|
@if $include-image-type {
|
||||||
|
|
||||||
/* Main image in popup */
|
/* Main image in popup */
|
||||||
img {
|
img {
|
||||||
&.mfp-img {
|
&.mfp-img {
|
||||||
@@ -472,7 +460,7 @@ button {
|
|||||||
.mfp-figure {
|
.mfp-figure {
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
&:after {
|
&:after {
|
||||||
content: '';
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: $image-padding-top;
|
top: $image-padding-top;
|
||||||
@@ -532,9 +520,9 @@ button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@if $include-mobile-layout-for-image {
|
@if $include-mobile-layout-for-image {
|
||||||
@media all and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {
|
@media all and (max-width: 800px) and (orientation: landscape),
|
||||||
|
screen and (max-height: 300px) {
|
||||||
/**
|
/**
|
||||||
* Remove all paddings around the image on small screen
|
* Remove all paddings around the image on small screen
|
||||||
*/
|
*/
|
||||||
@@ -560,7 +548,7 @@ button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mfp-bottom-bar {
|
.mfp-bottom-bar {
|
||||||
background: rgba(0,0,0,0.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
top: auto;
|
top: auto;
|
||||||
@@ -593,8 +581,6 @@ button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Scale navigation arrows and reduce padding from sides
|
// Scale navigation arrows and reduce padding from sides
|
||||||
@media all and (max-width: 900px) {
|
@media all and (max-width: 900px) {
|
||||||
.mfp-arrow {
|
.mfp-arrow {
|
||||||
@@ -614,8 +600,6 @@ button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// IE7 support
|
// IE7 support
|
||||||
// Styles that make popup look nicier in old IE
|
// Styles that make popup look nicier in old IE
|
||||||
@if $IE7support {
|
@if $IE7support {
|
||||||
@@ -644,20 +628,19 @@ button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.mfp-zoom-in {
|
.mfp-zoom-in {
|
||||||
/* start state */
|
/* start state */
|
||||||
.mfp-content {
|
.mfp-content {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: all .2s;
|
transition: all 0.2s;
|
||||||
-webkit-transform: scale(.8);
|
-webkit-transform: scale(0.8);
|
||||||
-ms-transform: scale(.8);
|
-ms-transform: scale(0.8);
|
||||||
transform: scale(.8);
|
transform: scale(0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.mfp-bg {
|
&.mfp-bg {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: all .3s ease-out;
|
transition: all 0.3s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* animate in */
|
/* animate in */
|
||||||
@@ -673,9 +656,8 @@ button {
|
|||||||
|
|
||||||
/* animate out */
|
/* animate out */
|
||||||
&.mfp-removing {
|
&.mfp-removing {
|
||||||
|
|
||||||
.mfp-content {
|
.mfp-content {
|
||||||
@include transform(scale(.8));
|
@include transform(scale(0.8));
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
&.mfp-bg {
|
&.mfp-bg {
|
||||||
|
|||||||
@@ -55,11 +55,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.menu-panel {
|
.menu-panel {
|
||||||
ul.menu-links li, ul li.heading {
|
ul.menu-links li,
|
||||||
|
ul li.heading {
|
||||||
a {
|
a {
|
||||||
padding: 0.25em 0.5em;
|
padding: 0.25em 0.5em;
|
||||||
display: block;
|
display: block;
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
background-color: $highlight-medium;
|
background-color: $highlight-medium;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@@ -90,7 +92,8 @@
|
|||||||
.badge-wrapper {
|
.badge-wrapper {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
&.bar, &.bullet {
|
&.bar,
|
||||||
|
&.bullet {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
&.box {
|
&.box {
|
||||||
@@ -112,7 +115,7 @@
|
|||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
}
|
}
|
||||||
.box + b.topics-count {
|
.box + b.topics-count {
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.badge-category {
|
span.badge-category {
|
||||||
@@ -120,11 +123,9 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-menu {
|
.search-menu {
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
@@ -140,7 +141,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type='text'] {
|
input[type="text"] {
|
||||||
margin: 0.5em 3px;
|
margin: 0.5em 3px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: calc(100% - 6px);
|
width: calc(100% - 6px);
|
||||||
@@ -149,7 +150,9 @@
|
|||||||
|
|
||||||
.search-context {
|
.search-context {
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
label { margin-bottom: 0; }
|
label {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.searching {
|
.searching {
|
||||||
@@ -172,7 +175,9 @@
|
|||||||
|
|
||||||
.filter {
|
.filter {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
&:hover {background: transparent;}
|
&:hover {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-link {
|
.search-link {
|
||||||
@@ -207,7 +212,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
transition: all linear .15s;
|
transition: all linear 0.15s;
|
||||||
|
|
||||||
.user-results {
|
.user-results {
|
||||||
color: dark-light-choose($primary-high, $secondary-low);
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
@@ -218,12 +223,13 @@
|
|||||||
background-color: $highlight-medium;
|
background-color: $highlight-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {margin-left: 5px;}
|
button {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-menu {
|
.user-menu {
|
||||||
|
|
||||||
.notifications {
|
.notifications {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table;
|
display: table;
|
||||||
@@ -234,8 +240,12 @@
|
|||||||
margin: 0.5em 0;
|
margin: 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa { color: dark-light-choose($primary-medium, $secondary-medium); }
|
.fa {
|
||||||
.icon { color: dark-light-choose($primary-high, $secondary-low); }
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
|
}
|
||||||
li {
|
li {
|
||||||
background-color: $tertiary-low;
|
background-color: $tertiary-low;
|
||||||
|
|
||||||
@@ -249,7 +259,8 @@
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
background-color: $highlight-medium;
|
background-color: $highlight-medium;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@@ -308,7 +319,8 @@
|
|||||||
@include unselectable;
|
@include unselectable;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logout-link, .dismiss-link {
|
.logout-link,
|
||||||
|
.dismiss-link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.dismiss-link {
|
.dismiss-link {
|
||||||
@@ -339,7 +351,8 @@ div.menu-links-header {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a:hover, a:focus {
|
a:hover,
|
||||||
|
a:focus {
|
||||||
background-color: $highlight-medium;
|
background-color: $highlight-medium;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@@ -366,7 +379,8 @@ div.menu-links-header {
|
|||||||
li:last-child {
|
li:last-child {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.fa, a {
|
.fa,
|
||||||
|
a {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,19 +1,18 @@
|
|||||||
.modal-open {
|
.modal-open {
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
z-index: z("modal","dropdown");
|
z-index: z("modal", "dropdown");
|
||||||
}
|
}
|
||||||
.popover {
|
.popover {
|
||||||
z-index: z("modal","popover");
|
z-index: z("modal", "popover");
|
||||||
}
|
}
|
||||||
.tooltip {
|
.tooltip {
|
||||||
z-index: z("modal","tooltip");
|
z-index: z("modal", "tooltip");
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bootbox.modal {
|
.bootbox.modal {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: z("modal","content");
|
z-index: z("modal", "content");
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
background-color: $secondary;
|
background-color: $secondary;
|
||||||
@@ -54,7 +53,7 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: z("modal","overlay");
|
z-index: z("modal", "overlay");
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
&.fade {
|
&.fade {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@@ -63,28 +62,36 @@
|
|||||||
|
|
||||||
.modal-backdrop,
|
.modal-backdrop,
|
||||||
.modal-backdrop.fade.in {
|
.modal-backdrop.fade.in {
|
||||||
animation: fade .3s;
|
animation: fade 0.3s;
|
||||||
opacity: .9;
|
opacity: 0.9;
|
||||||
filter: alpha(opacity=90);
|
filter: alpha(opacity=90);
|
||||||
}
|
}
|
||||||
|
|
||||||
// fade in
|
// fade in
|
||||||
@keyframes fade {
|
@keyframes fade {
|
||||||
from { opacity: 0 }
|
from {
|
||||||
to { opacity: .9 }
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// slide in
|
// slide in
|
||||||
@keyframes slidein {
|
@keyframes slidein {
|
||||||
from { transform: translateY(-20%); }
|
from {
|
||||||
to { transform: translateY(0); }
|
transform: translateY(-20%);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-outer-container {
|
.modal-outer-container {
|
||||||
display:table;
|
display: table;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
width:100%;
|
width: 100%;
|
||||||
height:100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-inner-container {
|
.modal-inner-container {
|
||||||
@@ -113,10 +120,9 @@
|
|||||||
|
|
||||||
.create-account.in .modal-inner-container,
|
.create-account.in .modal-inner-container,
|
||||||
.login-modal.in .modal-inner-container {
|
.login-modal.in .modal-inner-container {
|
||||||
animation: slidein .3s;
|
animation: slidein 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.inline-modal {
|
.inline-modal {
|
||||||
.modal-inner-container {
|
.modal-inner-container {
|
||||||
border: 1px solid $secondary-medium;
|
border: 1px solid $secondary-medium;
|
||||||
@@ -128,7 +134,7 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: z("modal","content");
|
z-index: z("modal", "content");
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
&:not(.history-modal) {
|
&:not(.history-modal) {
|
||||||
.modal-body {
|
.modal-body {
|
||||||
@@ -144,7 +150,7 @@
|
|||||||
padding: 14px 15px 10px;
|
padding: 14px 15px 10px;
|
||||||
border-top: 1px solid $primary-low;
|
border-top: 1px solid $primary-low;
|
||||||
.btn {
|
.btn {
|
||||||
margin: 0 5px 5px 0;
|
margin: 0 5px 5px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.modal-footer:before,
|
.modal-footer:before,
|
||||||
@@ -164,7 +170,7 @@
|
|||||||
}
|
}
|
||||||
@media screen and (min-width: 524px) {
|
@media screen and (min-width: 524px) {
|
||||||
.modal-inner-container {
|
.modal-inner-container {
|
||||||
min-width: 525px;
|
min-width: 525px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -177,7 +183,6 @@
|
|||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
}
|
}
|
||||||
border-bottom: 1px solid $primary-low;
|
border-bottom: 1px solid $primary-low;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hidden {
|
&.hidden {
|
||||||
@@ -225,7 +230,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
.text {
|
.text {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255, 255, 255);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 40%;
|
top: 40%;
|
||||||
font-size: $font-up-6;
|
font-size: $font-up-6;
|
||||||
@@ -343,8 +348,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.permission-list{
|
.permission-list {
|
||||||
list-style:none;
|
list-style: none;
|
||||||
margin: 0 0 30px;
|
margin: 0 0 30px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
.name {
|
.name {
|
||||||
@@ -364,8 +369,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.edit-category-modal {
|
.edit-category-modal {
|
||||||
.future-date-input, .num-featured-topics-fields, .position-fields {
|
.future-date-input,
|
||||||
input[type=text] {
|
.num-featured-topics-fields,
|
||||||
|
.position-fields {
|
||||||
|
input[type="text"] {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -406,7 +413,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
section.minimum-required-tags {
|
section.minimum-required-tags {
|
||||||
input[type=number] {
|
input[type="number"] {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -417,7 +424,8 @@
|
|||||||
transition: none;
|
transition: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
&:hover, &.active {
|
&:hover,
|
||||||
|
&.active {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
@@ -434,7 +442,8 @@
|
|||||||
height: 300px;
|
height: 300px;
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
width: 90vw; // forcing textarea wider
|
width: 90vw; // forcing textarea wider
|
||||||
textarea, .incoming-email-html-part {
|
textarea,
|
||||||
|
.incoming-email-html-part {
|
||||||
height: 95%;
|
height: 95%;
|
||||||
border: none;
|
border: none;
|
||||||
border-top: 1px solid $primary-low;
|
border-top: 1px solid $primary-low;
|
||||||
@@ -462,27 +471,26 @@
|
|||||||
|
|
||||||
.change-timestamp,
|
.change-timestamp,
|
||||||
.poll-ui-builder {
|
.poll-ui-builder {
|
||||||
|
.date-picker {
|
||||||
|
width: 9em;
|
||||||
|
}
|
||||||
|
|
||||||
.date-picker {
|
#date-container {
|
||||||
width: 9em;
|
.pika-single {
|
||||||
|
position: relative !important; // overriding another important
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#date-container {
|
input[type="time"] {
|
||||||
.pika-single {
|
width: 6em;
|
||||||
position: relative !important; // overriding another important
|
text-align: center;
|
||||||
display: inline-block;
|
}
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=time] {
|
form {
|
||||||
width: 6em;
|
margin: 0;
|
||||||
text-align: center;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.flag-modal {
|
.flag-modal {
|
||||||
@@ -528,7 +536,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.modal-tab {
|
.modal-tab {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
|||||||
@@ -19,7 +19,8 @@ h1.page-not-found {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.popular-topics, .recent-topics {
|
.popular-topics,
|
||||||
|
.recent-topics {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
@@ -39,7 +40,7 @@ h1.page-not-found {
|
|||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
&:nth-of-type(n+6) {
|
&:nth-of-type(n + 6) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -47,4 +48,3 @@ h1.page-not-found {
|
|||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -5,11 +5,10 @@ a.loading-onebox {
|
|||||||
size: 20px;
|
size: 20px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
repeat: no-repeat;
|
repeat: no-repeat;
|
||||||
};
|
}
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.onebox-result {
|
.onebox-result {
|
||||||
@include post-aside;
|
@include post-aside;
|
||||||
|
|
||||||
@@ -37,7 +36,6 @@ a.loading-onebox {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.onebox-result-body {
|
.onebox-result-body {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
img {
|
img {
|
||||||
@@ -47,7 +45,8 @@ a.loading-onebox {
|
|||||||
float: left;
|
float: left;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
h3, h4 {
|
h3,
|
||||||
|
h4 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
code {
|
code {
|
||||||
@@ -102,23 +101,23 @@ aside.onebox {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include onebox-favicon('stackexchange', 'stackexchange');
|
@include onebox-favicon("stackexchange", "stackexchange");
|
||||||
@include onebox-favicon('twitterstatus', 'twitter');
|
@include onebox-favicon("twitterstatus", "twitter");
|
||||||
@include onebox-favicon('wikipedia', 'wikipedia');
|
@include onebox-favicon("wikipedia", "wikipedia");
|
||||||
@include onebox-favicon('githubblob', 'github');
|
@include onebox-favicon("githubblob", "github");
|
||||||
@include onebox-favicon('githubcommit', 'github');
|
@include onebox-favicon("githubcommit", "github");
|
||||||
@include onebox-favicon('githubpullrequest', 'github');
|
@include onebox-favicon("githubpullrequest", "github");
|
||||||
@include onebox-favicon('githubissue', 'github');
|
@include onebox-favicon("githubissue", "github");
|
||||||
@include onebox-favicon('githubgist', 'github');
|
@include onebox-favicon("githubgist", "github");
|
||||||
@include onebox-favicon('amazon', 'amazon');
|
@include onebox-favicon("amazon", "amazon");
|
||||||
@include onebox-favicon('instagram', 'instagram');
|
@include onebox-favicon("instagram", "instagram");
|
||||||
@include onebox-favicon('googledocs', 'google_branding/logo_drive_48px');
|
@include onebox-favicon("googledocs", "google_branding/logo_drive_48px");
|
||||||
|
|
||||||
|
|
||||||
.onebox-body {
|
.onebox-body {
|
||||||
clear: both;
|
clear: both;
|
||||||
|
|
||||||
h3, h4 {
|
h3,
|
||||||
|
h4 {
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
}
|
}
|
||||||
@@ -159,8 +158,7 @@ aside.onebox {
|
|||||||
|
|
||||||
// this allows us to load all onebox images without jiggle
|
// this allows us to load all onebox images without jiggle
|
||||||
// see: http://cssmojo.com/aspect-ratio-using-custom-properties-and-calc/
|
// see: http://cssmojo.com/aspect-ratio-using-custom-properties-and-calc/
|
||||||
@supports (--custom:property) {
|
@supports (--custom: property) {
|
||||||
|
|
||||||
.aspect-image {
|
.aspect-image {
|
||||||
max-height: 170px;
|
max-height: 170px;
|
||||||
--magic-ratio: calc(var(--aspect-ratio) + 0.15);
|
--magic-ratio: calc(var(--aspect-ratio) + 0.15);
|
||||||
@@ -256,7 +254,8 @@ aside.onebox {
|
|||||||
|
|
||||||
@mixin gdocs-logo($type) {
|
@mixin gdocs-logo($type) {
|
||||||
&.g-#{$type}-logo {
|
&.g-#{$type}-logo {
|
||||||
background: image-url("favicons/google_branding/logo_#{$type}_48px.png") no-repeat;
|
background: image-url("favicons/google_branding/logo_#{$type}_48px.png")
|
||||||
|
no-repeat;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -264,12 +263,12 @@ aside.onebox {
|
|||||||
width: 60px;
|
width: 60px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
float: left;
|
float: left;
|
||||||
@include gdocs-logo('docs');
|
@include gdocs-logo("docs");
|
||||||
@include gdocs-logo('forms');
|
@include gdocs-logo("forms");
|
||||||
@include gdocs-logo('sheets');
|
@include gdocs-logo("sheets");
|
||||||
@include gdocs-logo('slides');
|
@include gdocs-logo("slides");
|
||||||
@include gdocs-logo('calendar');
|
@include gdocs-logo("calendar");
|
||||||
@include gdocs-logo('drive');
|
@include gdocs-logo("drive");
|
||||||
}
|
}
|
||||||
|
|
||||||
// Google Calendar Placeholder
|
// Google Calendar Placeholder
|
||||||
@@ -282,7 +281,8 @@ aside.onebox {
|
|||||||
width: 128px;
|
width: 128px;
|
||||||
height: 128px;
|
height: 128px;
|
||||||
&.g-calendar-logo {
|
&.g-calendar-logo {
|
||||||
background: image-url("favicons/google_branding/logo_calendar_128px.png") no-repeat;
|
background: image-url("favicons/google_branding/logo_calendar_128px.png")
|
||||||
|
no-repeat;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -303,88 +303,86 @@ blockquote {
|
|||||||
// -- Onebox Github Code Blob --
|
// -- Onebox Github Code Blob --
|
||||||
pre.onebox code ol.lines li:before {
|
pre.onebox code ol.lines li:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display:inline-block;
|
display: inline-block;
|
||||||
width:35px;
|
width: 35px;
|
||||||
left: -40px;
|
left: -40px;
|
||||||
color:#AFAFAF;
|
color: #afafaf;
|
||||||
text-align:right;
|
text-align: right;
|
||||||
padding-right:5px;
|
padding-right: 5px;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
content: counter(li-counter);
|
content: counter(li-counter);
|
||||||
counter-increment: li-counter;
|
counter-increment: li-counter;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pre.onebox code ol {
|
||||||
pre.onebox code ol{
|
margin-left: 0;
|
||||||
margin-left:0;
|
line-height: $line-height-large;
|
||||||
line-height: $line-height-large;
|
|
||||||
}
|
}
|
||||||
pre.onebox code {
|
pre.onebox code {
|
||||||
background-color: dark-light-choose(#fff, #000);
|
background-color: dark-light-choose(#fff, #000);
|
||||||
}
|
}
|
||||||
pre.onebox code li{
|
pre.onebox code li {
|
||||||
padding-left:5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre.onebox code ol.lines{
|
pre.onebox code ol.lines {
|
||||||
position:relative;
|
position: relative;
|
||||||
margin: 0 0 0 40px;
|
margin: 0 0 0 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre.onebox code ol.lines li {
|
pre.onebox code ol.lines li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
border-left: 1px solid #CFCFCF;
|
border-left: 1px solid #cfcfcf;
|
||||||
min-height: 1.5em; //show empty li lines
|
min-height: 1.5em; //show empty li lines
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre.onebox code li.selected{
|
pre.onebox code li.selected {
|
||||||
background-color: dark-light-choose(#F8EEC7, #541);
|
background-color: dark-light-choose(#f8eec7, #541);
|
||||||
}
|
}
|
||||||
|
|
||||||
pre.onebox code {
|
pre.onebox code {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
//Onebox - Github - Pull request
|
//Onebox - Github - Pull request
|
||||||
.onebox-body .github-commit-status {
|
.onebox-body .github-commit-status {
|
||||||
background: #F5F5F5;
|
background: #f5f5f5;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin:0 0 5px 100px;
|
margin: 0 0 5px 100px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onebox-body .status_tag {
|
.onebox-body .status_tag {
|
||||||
display:inline-block;
|
display: inline-block;
|
||||||
color:#fff;
|
color: #fff;
|
||||||
padding:1px 4px;
|
padding: 1px 4px;
|
||||||
border-radius:3px;
|
border-radius: 3px;
|
||||||
font-weight:bold;
|
font-weight: bold;
|
||||||
margin-bottom:5px;
|
margin-bottom: 5px;
|
||||||
text-transform:capitalize;
|
text-transform: capitalize;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onebox-body .build_status
|
.onebox-body .build_status {
|
||||||
{
|
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onebox-body .status_tag.open {
|
.onebox-body .status_tag.open {
|
||||||
background-color:#6cc644;
|
background-color: #6cc644;
|
||||||
}
|
}
|
||||||
.onebox-body .status_tag.merged{
|
.onebox-body .status_tag.merged {
|
||||||
background-color:#6e5494;
|
background-color: #6e5494;
|
||||||
}
|
}
|
||||||
.onebox-body .status_tag.closed {
|
.onebox-body .status_tag.closed {
|
||||||
background-color:#bd2c00;
|
background-color: #bd2c00;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onebox-body .github-content-right{
|
.onebox-body .github-content-right {
|
||||||
margin-left:100px;
|
margin-left: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
//Onebox - Twitter - Status
|
//Onebox - Twitter - Status
|
||||||
@@ -400,7 +398,8 @@ aside.onebox.twitterstatus .onebox-body {
|
|||||||
width: 48px;
|
width: 48px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
}
|
}
|
||||||
p, .tweet {
|
p,
|
||||||
|
.tweet {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
margin-left: 70px;
|
margin-left: 70px;
|
||||||
@@ -483,7 +482,8 @@ aside.onebox.stackexchange .onebox-body {
|
|||||||
|
|
||||||
// whitelistedgeneric twitter labels
|
// whitelistedgeneric twitter labels
|
||||||
.onebox.whitelistedgeneric {
|
.onebox.whitelistedgeneric {
|
||||||
.label1, .label2 {
|
.label1,
|
||||||
|
.label2 {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
}
|
}
|
||||||
.label1 {
|
.label1 {
|
||||||
@@ -519,9 +519,9 @@ aside.onebox.stackexchange .onebox-body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.onebox.githubcommit {
|
.onebox.githubcommit {
|
||||||
pre.message {
|
pre.message {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// mobile specific style
|
// mobile specific style
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
#request-access {
|
#request-access {
|
||||||
width: 325px;
|
width: 325px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: 320px;
|
width: 320px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
font-size: $font-up-3;
|
font-size: $font-up-3;
|
||||||
}
|
}
|
||||||
input[type=submit] {
|
input[type="submit"] {
|
||||||
font-size: $font-up-3;
|
font-size: $font-up-3;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,14 +8,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// This is used to flip the .d-icon-caret-right
|
// This is used to flip the .d-icon-caret-right
|
||||||
@mixin rotate( $degrees ) {
|
@mixin rotate($degrees) {
|
||||||
-webkit-transform: rotate(#{$degrees}deg);
|
-webkit-transform: rotate(#{$degrees}deg);
|
||||||
-moz-transform: rotate(#{$degrees}deg);
|
-moz-transform: rotate(#{$degrees}deg);
|
||||||
-ms-transform: rotate(#{$degrees}deg);
|
-ms-transform: rotate(#{$degrees}deg);
|
||||||
-o-transform: rotate(#{$degrees}deg);
|
-o-transform: rotate(#{$degrees}deg);
|
||||||
transform: rotate(#{$degrees}deg);
|
transform: rotate(#{$degrees}deg);
|
||||||
|
|
||||||
filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
|
filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
}
|
}
|
||||||
@@ -32,8 +32,8 @@
|
|||||||
border-right-color: $secondary !important;
|
border-right-color: $secondary !important;
|
||||||
}
|
}
|
||||||
.rtl code {
|
.rtl code {
|
||||||
direction: ltr !important;
|
direction: ltr !important;
|
||||||
text-align: left !important;
|
text-align: left !important;
|
||||||
}
|
}
|
||||||
.rtl .pull-left {
|
.rtl .pull-left {
|
||||||
float: right !important;
|
float: right !important;
|
||||||
@@ -43,12 +43,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.rtl .admin-customize .current-style .toggle-mobile {
|
.rtl .admin-customize .current-style .toggle-mobile {
|
||||||
position: static !important;
|
position: static !important;
|
||||||
float: left !important;
|
float: left !important;
|
||||||
}
|
}
|
||||||
.rtl .admin-customize .current-style .toggle-maximize {
|
.rtl .admin-customize .current-style .toggle-maximize {
|
||||||
position: static !important;
|
position: static !important;
|
||||||
float: left !important;
|
float: left !important;
|
||||||
}
|
}
|
||||||
.rtl .dashboard-left {
|
.rtl .dashboard-left {
|
||||||
float: right !important;
|
float: right !important;
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
|
|
||||||
.search-query {
|
.search-query {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin: 0 .5em 0 0;
|
margin: 0 0.5em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-cta {
|
.search-cta {
|
||||||
@@ -22,7 +22,9 @@
|
|||||||
|
|
||||||
.search-advanced {
|
.search-advanced {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
@include small-width { width: 65%; }
|
@include small-width {
|
||||||
|
width: 65%;
|
||||||
|
}
|
||||||
|
|
||||||
.search-actions,
|
.search-actions,
|
||||||
.search-notice,
|
.search-notice,
|
||||||
@@ -36,7 +38,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
border-bottom: 3px solid $primary-low;
|
border-bottom: 3px solid $primary-low;
|
||||||
padding-bottom: .5em;
|
padding-bottom: 0.5em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -50,7 +52,7 @@
|
|||||||
|
|
||||||
// spans can be in different orders depending of locale
|
// spans can be in different orders depending of locale
|
||||||
span + span {
|
span + span {
|
||||||
margin-left: .25em;
|
margin-left: 0.25em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -60,7 +62,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
margin-right: .5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.combo-box {
|
.combo-box {
|
||||||
@@ -75,11 +77,11 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.bulk-select {
|
.bulk-select {
|
||||||
margin-left: .5em;
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fps-select a {
|
.fps-select a {
|
||||||
margin-left: .5em;
|
margin-left: 0.5em;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -90,7 +92,7 @@
|
|||||||
|
|
||||||
.search-notice {
|
.search-notice {
|
||||||
.fps-invalid {
|
.fps-invalid {
|
||||||
padding: .5em;
|
padding: 0.5em;
|
||||||
background-color: $danger-low;
|
background-color: $danger-low;
|
||||||
border: 1px solid $danger-medium;
|
border: 1px solid $danger-medium;
|
||||||
color: $danger;
|
color: $danger;
|
||||||
@@ -100,7 +102,9 @@
|
|||||||
|
|
||||||
.search-advanced-sidebar {
|
.search-advanced-sidebar {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
@include small-width { width: 35%; }
|
@include small-width {
|
||||||
|
width: 35%;
|
||||||
|
}
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -115,13 +119,14 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
input, .item {
|
input,
|
||||||
|
.item {
|
||||||
padding-left: 4px; // temporarily normalizing input padding for this section
|
padding-left: 4px; // temporarily normalizing input padding for this section
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.date-picker-wrapper {
|
.date-picker-wrapper {
|
||||||
margin-top: .5em;
|
margin-top: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.date-picker {
|
.date-picker {
|
||||||
@@ -133,8 +138,10 @@
|
|||||||
|
|
||||||
.search-advanced-title {
|
.search-advanced-title {
|
||||||
background: $primary-low;
|
background: $primary-low;
|
||||||
padding: .358em 1em;
|
padding: 0.358em 1em;
|
||||||
@include small-width { padding: .358em .5em; }
|
@include small-width {
|
||||||
|
padding: 0.358em 0.5em;
|
||||||
|
}
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -157,9 +164,12 @@
|
|||||||
section.field {
|
section.field {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
@include small-width {
|
@include small-width {
|
||||||
padding: .75em .5em;
|
padding: 0.75em 0.5em;
|
||||||
.ac-wrap, .choices, .select-kit.multi-select { // overriding inline width from JS
|
.ac-wrap,
|
||||||
|
.choices,
|
||||||
|
.select-kit.multi-select {
|
||||||
|
// overriding inline width from JS
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
.select-kit {
|
.select-kit {
|
||||||
@@ -170,7 +180,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.fps-invalid {
|
.fps-invalid {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
@@ -184,7 +193,10 @@
|
|||||||
|
|
||||||
.like-count {
|
.like-count {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
.fa { color: $love; font-size: $font-down-1; }
|
.fa {
|
||||||
|
color: $love;
|
||||||
|
font-size: $font-down-1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-wrapper span.badge-category {
|
.badge-wrapper span.badge-category {
|
||||||
@@ -192,14 +204,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-category {
|
.search-category {
|
||||||
padding-top:3px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
margin-bottom: 28px;
|
margin-bottom: 28px;
|
||||||
max-width: 780px;
|
max-width: 780px;
|
||||||
.topic {
|
.topic {
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
max-width:700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
.avatar {
|
.avatar {
|
||||||
margin-right: 14px;
|
margin-right: 14px;
|
||||||
@@ -208,7 +220,8 @@
|
|||||||
color: $tertiary-high;
|
color: $tertiary-high;
|
||||||
}
|
}
|
||||||
.search-link {
|
.search-link {
|
||||||
.topic-statuses, .topic-title {
|
.topic-statuses,
|
||||||
|
.topic-title {
|
||||||
font-size: $font-up-2;
|
font-size: $font-up-2;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
&.visible {
|
&.visible {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: 96%;
|
width: 96%;
|
||||||
}
|
}
|
||||||
.share-for-touch .overflow-ellipsis {
|
.share-for-touch .overflow-ellipsis {
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
float: left;
|
float: left;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
margin-top: .5em;
|
margin-top: 0.5em;
|
||||||
.fa {
|
.fa {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
@@ -71,7 +71,7 @@
|
|||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
@@ -81,6 +81,6 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.discourse-touch #share-link input[type=text] {
|
.discourse-touch #share-link input[type="text"] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
.topic-title-outlet.choose-tags {
|
.topic-title-outlet.choose-tags {
|
||||||
margin-left: 25px;
|
margin-left: 25px;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
@@ -31,8 +30,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.topic-header-extra .discourse-tag {
|
.topic-header-extra .discourse-tag {
|
||||||
-webkit-animation: fadein .7s;
|
-webkit-animation: fadein 0.7s;
|
||||||
animation: fadein .7s;
|
animation: fadein 0.7s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bullet + .topic-header-extra {
|
.bullet + .topic-header-extra {
|
||||||
@@ -59,7 +58,8 @@
|
|||||||
&.bullet .badge-category {
|
&.bullet .badge-category {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.box, &.bullet {
|
&.box,
|
||||||
|
&.bullet {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.box + .topic-header-extra,
|
&.box + .topic-header-extra,
|
||||||
@@ -91,7 +91,8 @@ $tag-color: $primary-medium;
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
color: $tag-color;
|
color: $tag-color;
|
||||||
|
|
||||||
&:visited, &:hover {
|
&:visited,
|
||||||
|
&:hover {
|
||||||
color: $tag-color;
|
color: $tag-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -109,13 +110,16 @@ $tag-color: $primary-medium;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.simple, &.simple:visited, &.simple:hover {
|
&.simple,
|
||||||
|
&.simple:visited,
|
||||||
|
&.simple:hover {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
color: $primary-high;
|
color: $primary-high;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.discourse-tags, .list-tags {
|
.discourse-tags,
|
||||||
|
.list-tags {
|
||||||
.discourse-tag.simple:not(:last-child):after {
|
.discourse-tag.simple:not(:last-child):after {
|
||||||
content: ", ";
|
content: ", ";
|
||||||
margin-left: 1px;
|
margin-left: 1px;
|
||||||
@@ -127,7 +131,9 @@ $tag-color: $primary-medium;
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
}
|
}
|
||||||
.topic-featured-link { margin-left: 8px; }
|
.topic-featured-link {
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fps-result .add-full-page-tags {
|
.fps-result .add-full-page-tags {
|
||||||
@@ -141,7 +147,7 @@ $tag-color: $primary-medium;
|
|||||||
clear: both;
|
clear: both;
|
||||||
|
|
||||||
.discourse-tag.box {
|
.discourse-tag.box {
|
||||||
position:relative;
|
position: relative;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -156,28 +162,29 @@ $tag-color: $primary-medium;
|
|||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
.discourse-tag {
|
.discourse-tag {
|
||||||
margin-right: .2em;
|
margin-right: 0.2em;
|
||||||
}
|
}
|
||||||
.discourse-tag.box {
|
.discourse-tag.box {
|
||||||
position:relative;
|
position: relative;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.discourse-tag.bullet {
|
.discourse-tag.bullet {
|
||||||
margin-right: .25em;
|
margin-right: 0.25em;
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f04d";
|
content: "\f04d";
|
||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
color: $primary-low-mid;
|
color: $primary-low-mid;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
font-size: $font-down-2;
|
font-size: $font-down-2;
|
||||||
position:relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
header .discourse-tag {color: $tag-color }
|
header .discourse-tag {
|
||||||
|
color: $tag-color;
|
||||||
|
}
|
||||||
|
|
||||||
.list-tags {
|
.list-tags {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -212,8 +219,8 @@ header .discourse-tag {color: $tag-color }
|
|||||||
|
|
||||||
.autocomplete {
|
.autocomplete {
|
||||||
.d-icon-tag {
|
.d-icon-tag {
|
||||||
color: dark-light-choose($primary, $primary-low-mid);
|
color: dark-light-choose($primary, $primary-low-mid);
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|||||||
@@ -22,7 +22,8 @@ $discourse-tooltip-border: $primary-medium;
|
|||||||
background: $discourse-tooltip-background;
|
background: $discourse-tooltip-background;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip-pointer:before, .tooltip-pointer:after {
|
.tooltip-pointer:before,
|
||||||
|
.tooltip-pointer:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
border: solid transparent;
|
border: solid transparent;
|
||||||
@@ -32,8 +33,7 @@ $discourse-tooltip-border: $primary-medium;
|
|||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip-pointer:after
|
.tooltip-pointer:after {
|
||||||
{
|
|
||||||
border-bottom-color: $discourse-tooltip-background;
|
border-bottom-color: $discourse-tooltip-background;
|
||||||
border-width: 8px;
|
border-width: 8px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|||||||
@@ -15,39 +15,47 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.names {
|
.names {
|
||||||
float: left;
|
float: left;
|
||||||
|
|
||||||
span.first {
|
span.first {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 280px;
|
max-width: 280px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
a {
|
a {
|
||||||
color: dark-light-choose($primary-high, $secondary-low);
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.fa {
|
.fa {
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
|
||||||
}
|
|
||||||
.new_user a, .user-title, .user-title a {
|
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
}
|
}
|
||||||
|
.new_user a,
|
||||||
|
.user-title,
|
||||||
|
.user-title a {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// global styles for the cooked HTML content in posts (and preview)
|
// global styles for the cooked HTML content in posts (and preview)
|
||||||
.cooked, .d-editor-preview {
|
.cooked,
|
||||||
|
.d-editor-preview {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
margin: 30px 0 10px;
|
margin: 30px 0 10px;
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
}
|
}
|
||||||
@@ -76,19 +84,44 @@
|
|||||||
font-size: $font-down-2;
|
font-size: $font-down-2;
|
||||||
}
|
}
|
||||||
|
|
||||||
a { word-wrap: break-word; }
|
a {
|
||||||
ins { background-color: dark-light-choose($success-low, scale-color($success, $lightness: -60%)); }
|
word-wrap: break-word;
|
||||||
del { background-color: dark-light-choose($danger-low, scale-color($danger, $lightness: -60%)); }
|
}
|
||||||
|
ins {
|
||||||
|
background-color: dark-light-choose(
|
||||||
|
$success-low,
|
||||||
|
scale-color($success, $lightness: -60%)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
del {
|
||||||
|
background-color: dark-light-choose(
|
||||||
|
$danger-low,
|
||||||
|
scale-color($danger, $lightness: -60%)
|
||||||
|
);
|
||||||
|
}
|
||||||
// Prevents users from breaking posts with tag nesting
|
// Prevents users from breaking posts with tag nesting
|
||||||
big { font-size: 1.5rem; }
|
big {
|
||||||
small { font-size: 0.75rem; }
|
font-size: 1.5rem;
|
||||||
small small { font-size: .75em; }
|
}
|
||||||
big big { font-size: 1em; }
|
small {
|
||||||
sub sub sub {bottom: 0;}
|
font-size: 0.75rem;
|
||||||
sup sup sup {top: 0;}
|
}
|
||||||
|
small small {
|
||||||
|
font-size: 0.75em;
|
||||||
|
}
|
||||||
|
big big {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
sub sub sub {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
sup sup sup {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cooked, .d-editor-preview {
|
.cooked,
|
||||||
|
.d-editor-preview {
|
||||||
video {
|
video {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
@@ -122,7 +155,9 @@ aside.quote {
|
|||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
.badge-wrapper { margin-left: 5px; }
|
.badge-wrapper {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
@include post-aside;
|
@include post-aside;
|
||||||
@@ -131,8 +166,12 @@ aside.quote {
|
|||||||
// IE will screw up the blockquote underneath if bottom padding is 0px
|
// IE will screw up the blockquote underneath if bottom padding is 0px
|
||||||
padding: 12px 12px 1px 12px;
|
padding: 12px 12px 1px 12px;
|
||||||
// blockquote is underneath this and has top margin
|
// blockquote is underneath this and has top margin
|
||||||
.avatar { margin-right: 7px; }
|
.avatar {
|
||||||
img { margin-top: -4px; }
|
margin-right: 7px;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
margin-top: -4px;
|
||||||
|
}
|
||||||
@include unselectable;
|
@include unselectable;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -142,7 +181,8 @@ aside.quote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote-controls, .quote-controls .d-icon {
|
.quote-controls,
|
||||||
|
.quote-controls .d-icon {
|
||||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -153,13 +193,14 @@ aside.quote {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.post-action {
|
.post-action {
|
||||||
.undo-action, .act-action{
|
.undo-action,
|
||||||
|
.act-action {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-hidden {
|
.post-hidden {
|
||||||
opacity: 0.5; // opacity sets a new z-index context,
|
opacity: 0.5; // opacity sets a new z-index context,
|
||||||
position: relative; // so the positioning is required,
|
position: relative; // so the positioning is required,
|
||||||
z-index: z("base"); // otherwise post controls are stacked too low
|
z-index: z("base"); // otherwise post controls are stacked too low
|
||||||
}
|
}
|
||||||
@@ -195,7 +236,8 @@ aside.quote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-avatar, .user-card-avatar {
|
.topic-avatar,
|
||||||
|
.user-card-avatar {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -259,7 +301,7 @@ aside.quote {
|
|||||||
|
|
||||||
td {
|
td {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding:1px;
|
padding: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-links {
|
.topic-links {
|
||||||
@@ -270,10 +312,13 @@ aside.quote {
|
|||||||
margin: 1px 5px 2px 0;
|
margin: 1px 5px 2px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-avatar, .avatar-flair-preview, .user-card-avatar, .topic-map .poster, .user-profile-avatar {
|
.topic-avatar,
|
||||||
|
.avatar-flair-preview,
|
||||||
|
.user-card-avatar,
|
||||||
|
.topic-map .poster,
|
||||||
|
.user-profile-avatar {
|
||||||
.avatar-flair {
|
.avatar-flair {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -285,7 +330,9 @@ aside.quote {
|
|||||||
right: -6px;
|
right: -6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.topic-avatar .avatar-flair, .avatar-flair-preview .avatar-flair, .collapsed-info .user-profile-avatar .avatar-flair {
|
.topic-avatar .avatar-flair,
|
||||||
|
.avatar-flair-preview .avatar-flair,
|
||||||
|
.collapsed-info .user-profile-avatar .avatar-flair {
|
||||||
background-size: 20px 20px;
|
background-size: 20px 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
@@ -298,7 +345,8 @@ aside.quote {
|
|||||||
right: -8px;
|
right: -8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair {
|
.user-card-avatar .avatar-flair,
|
||||||
|
.user-profile-avatar .avatar-flair {
|
||||||
background-size: 40px 40px;
|
background-size: 40px 40px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
@@ -368,11 +416,13 @@ aside.quote {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.post-info {
|
.post-info {
|
||||||
|
&.via-email,
|
||||||
&.via-email, &.whisper {
|
&.whisper {
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
}
|
}
|
||||||
&.via-email, &.whisper, &.post-locked {
|
&.via-email,
|
||||||
|
&.whisper,
|
||||||
|
&.post-locked {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
.d-icon {
|
.d-icon {
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
@@ -403,8 +453,7 @@ pre {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
kbd
|
kbd {
|
||||||
{
|
|
||||||
background-color: $secondary;
|
background-color: $secondary;
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@@ -417,14 +466,16 @@ kbd
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
margin: 0 .1em;
|
margin: 0 0.1em;
|
||||||
padding: .1em .6em;
|
padding: 0.1em 0.6em;
|
||||||
|
|
||||||
// don't allow more than 3 nested elements to prevent FF from crashing
|
// don't allow more than 3 nested elements to prevent FF from crashing
|
||||||
// cf. http://what.thedailywtf.com/t/nested-elements/7927
|
// cf. http://what.thedailywtf.com/t/nested-elements/7927
|
||||||
// 3 levels are needed to prevent highlighted words being hidden
|
// 3 levels are needed to prevent highlighted words being hidden
|
||||||
// cf. https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741
|
// cf. https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741
|
||||||
* * * { display: none; }
|
* * * {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// we assume blockquotes have their own margins, so all blockquotes
|
// we assume blockquotes have their own margins, so all blockquotes
|
||||||
@@ -453,8 +504,8 @@ blockquote > *:last-child {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cooked table,
|
||||||
.cooked table, .d-editor-preview table {
|
.d-editor-preview table {
|
||||||
thead {
|
thead {
|
||||||
border-bottom: 2px solid lighten($primary, 80%);
|
border-bottom: 2px solid lighten($primary, 80%);
|
||||||
th {
|
th {
|
||||||
@@ -463,7 +514,8 @@ blockquote > *:last-child {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
td,th {
|
td,
|
||||||
|
th {
|
||||||
padding: 3px 3px 3px 10px;
|
padding: 3px 3px 3px 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -475,7 +527,7 @@ blockquote > *:last-child {
|
|||||||
border-top: 1px solid $primary-low;
|
border-top: 1px solid $primary-low;
|
||||||
.topic-avatar {
|
.topic-avatar {
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
padding: .7em 0;
|
padding: 0.7em 0;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
margin-right: 11px;
|
margin-right: 11px;
|
||||||
i {
|
i {
|
||||||
@@ -487,11 +539,16 @@ blockquote > *:last-child {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.small-action.deleted {
|
.small-action.deleted {
|
||||||
background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%);
|
background-color: dark-light-diff(
|
||||||
|
rgba($danger, 0.7),
|
||||||
|
$secondary,
|
||||||
|
50%,
|
||||||
|
-60%
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
.small-action-desc.timegap {
|
.small-action-desc.timegap {
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
.small-action-desc {
|
.small-action-desc {
|
||||||
@@ -527,7 +584,6 @@ blockquote > *:last-child {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
flex: 1 1;
|
flex: 1 1;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -536,8 +592,8 @@ blockquote > *:last-child {
|
|||||||
border: 0;
|
border: 0;
|
||||||
order: 9;
|
order: 9;
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
order: 8;
|
order: 8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -554,7 +610,8 @@ blockquote > *:last-child {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a.mention, a.mention-group {
|
a.mention,
|
||||||
|
a.mention-group {
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
color: dark-light-choose($primary-high, $secondary-low);
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
background: $primary-low;
|
background: $primary-low;
|
||||||
@@ -577,12 +634,13 @@ a.mention, a.mention-group {
|
|||||||
|
|
||||||
.large-image-placeholder {
|
.large-image-placeholder {
|
||||||
> a {
|
> a {
|
||||||
|
|
||||||
&.link {
|
&.link {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> * { overflow: hidden; }
|
> * {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
> i.fa {
|
> i.fa {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
@@ -614,7 +672,8 @@ a.mention, a.mention-group {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.broken-image, .large-image {
|
.broken-image,
|
||||||
|
.large-image {
|
||||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
font-size: $font-up-5;
|
font-size: $font-up-5;
|
||||||
@@ -623,13 +682,16 @@ a.mention, a.mention-group {
|
|||||||
|
|
||||||
/* below standard tablet portrait ----------- */
|
/* below standard tablet portrait ----------- */
|
||||||
|
|
||||||
@media all
|
@media all and (max-width: 767px) {
|
||||||
and (max-width : 767px) {
|
|
||||||
.reply-to-tab {
|
.reply-to-tab {
|
||||||
span {display: none;}
|
span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.names {
|
.names {
|
||||||
span {display: block;}
|
span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.user-title {
|
.user-title {
|
||||||
float: left;
|
float: left;
|
||||||
|
|||||||
@@ -1,9 +1,19 @@
|
|||||||
@keyframes button-jump-up {
|
@keyframes button-jump-up {
|
||||||
0% { bottom: 0;}
|
0% {
|
||||||
50% { bottom: 45px;}
|
bottom: 0;
|
||||||
65% { bottom: 40px;}
|
}
|
||||||
77% { bottom: 43px;}
|
50% {
|
||||||
100% { bottom: 40px;}
|
bottom: 45px;
|
||||||
|
}
|
||||||
|
65% {
|
||||||
|
bottom: 40px;
|
||||||
|
}
|
||||||
|
77% {
|
||||||
|
bottom: 43px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
bottom: 40px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-back-container {
|
.progress-back-container {
|
||||||
@@ -92,7 +102,9 @@ a.badge-category {
|
|||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.edit-topic i { font-size: 0.8em; }
|
a.edit-topic i {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
.edit-topic-title {
|
.edit-topic-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -105,13 +117,13 @@ a.badge-category {
|
|||||||
.private-message-glyph {
|
.private-message-glyph {
|
||||||
margin: 5px 5px 0 0;
|
margin: 5px 5px 0 0;
|
||||||
}
|
}
|
||||||
.category-chooser, .mini-tag-chooser {
|
.category-chooser,
|
||||||
|
.mini-tag-chooser {
|
||||||
flex: 1 1 49%;
|
flex: 1 1 49%;
|
||||||
margin: 0 0 9px 0;
|
margin: 0 0 9px 0;
|
||||||
@media all and (max-width: 500px) {
|
@media all and (max-width: 500px) {
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.mini-tag-chooser {
|
.mini-tag-chooser {
|
||||||
margin-left: 2%;
|
margin-left: 2%;
|
||||||
@@ -141,7 +153,6 @@ a.badge-category {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.topic-title-outlet {
|
.topic-title-outlet {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
@@ -243,7 +254,7 @@ a.badge-category {
|
|||||||
i {
|
i {
|
||||||
background: $secondary;
|
background: $secondary;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
transition: all linear .15s;
|
transition: all linear 0.15s;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $tertiary;
|
color: $tertiary;
|
||||||
|
|||||||
@@ -50,11 +50,14 @@
|
|||||||
.badges-listing {
|
.badges-listing {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
.info, .grant-count {
|
.info,
|
||||||
|
.grant-count {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row > div.info { display: none; }
|
.row > div.info {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -124,7 +127,7 @@
|
|||||||
background-color: $primary-very-low;
|
background-color: $primary-very-low;
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
margin-bottom: 2vh;
|
margin-bottom: 2vh;
|
||||||
transition: box-shadow .25s;
|
transition: box-shadow 0.25s;
|
||||||
|
|
||||||
.check-display {
|
.check-display {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -257,7 +260,7 @@
|
|||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
h3 {
|
h3 {
|
||||||
margin-bottom: 1.0em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -48,7 +48,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
dt, dd {
|
dt,
|
||||||
|
dd {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
@@ -62,10 +63,10 @@
|
|||||||
|
|
||||||
&.groups {
|
&.groups {
|
||||||
span:after {
|
span:after {
|
||||||
content: ','
|
content: ",";
|
||||||
}
|
}
|
||||||
span:last-of-type:after {
|
span:last-of-type:after {
|
||||||
content:''
|
content: "";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -78,7 +79,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
background: rgba($secondary, .8);
|
background: rgba($secondary, 0.8);
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
background-color: $secondary-low;
|
background-color: $secondary-low;
|
||||||
@@ -88,7 +89,9 @@
|
|||||||
h1 {
|
h1 {
|
||||||
font-size: $font-up-5;
|
font-size: $font-up-5;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
i {font-size: .8em;}
|
i {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
@@ -180,7 +183,7 @@
|
|||||||
|
|
||||||
.details {
|
.details {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
background: rgba($secondary, .8);
|
background: rgba($secondary, 0.8);
|
||||||
|
|
||||||
.bio {
|
.bio {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -227,7 +230,8 @@
|
|||||||
color: $secondary;
|
color: $secondary;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
> div, > div a {
|
> div,
|
||||||
|
> div a {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
flex: 0 1 auto;
|
flex: 0 1 auto;
|
||||||
@@ -263,15 +267,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.flagged-posts {
|
.flagged-posts {
|
||||||
background-color: #E49735;
|
background-color: #e49735;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warnings-received {
|
.warnings-received {
|
||||||
background-color: #EC441B;
|
background-color: #ec441b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.deleted-posts {
|
.deleted-posts {
|
||||||
background-color: #EC441B;
|
background-color: #ec441b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.suspensions {
|
.suspensions {
|
||||||
@@ -295,7 +299,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.instructions {
|
.instructions {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
@@ -427,7 +431,8 @@
|
|||||||
padding: 10px 14px;
|
padding: 10px 14px;
|
||||||
margin: 0 5px 10px 0;
|
margin: 0 5px 10px 0;
|
||||||
|
|
||||||
&.linked-stat { // This makes the entire "box" (the li) clickable instead of a narrow area.
|
&.linked-stat {
|
||||||
|
// This makes the entire "box" (the li) clickable instead of a narrow area.
|
||||||
padding: 0;
|
padding: 0;
|
||||||
a {
|
a {
|
||||||
padding: 10px 14px;
|
padding: 10px 14px;
|
||||||
@@ -476,7 +481,7 @@
|
|||||||
color: dark-light-choose($primary-medium, $secondary-high);
|
color: dark-light-choose($primary-medium, $secondary-high);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width : 600px) {
|
@media all and (max-width: 600px) {
|
||||||
float: none;
|
float: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -576,7 +581,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Can remove this once other languages have removed html from i18n values
|
// Can remove this once other languages have removed html from i18n values
|
||||||
div {
|
div {
|
||||||
.fa {
|
.fa {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -588,11 +593,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.qr-code-container {
|
.qr-code-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
.qr-code {
|
.qr-code {
|
||||||
padding: 5px 5px 0 5px;
|
padding: 5px 5px 0 5px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary-textual .staged,
|
.primary-textual .staged,
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
div.tagsinput {
|
div.tagsinput {
|
||||||
border:1px solid #CCC;
|
border: 1px solid #ccc;
|
||||||
background: #FFF;
|
background: #fff;
|
||||||
padding:5px 5px 0;
|
padding: 5px 5px 0;
|
||||||
width:584px;
|
width: 584px;
|
||||||
height:100px;
|
height: 100px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
@@ -14,27 +14,42 @@ div.tagsinput span.tag {
|
|||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
padding: 1px 5px;
|
padding: 1px 5px;
|
||||||
text-decoration:none;
|
text-decoration: none;
|
||||||
background: #cde69c;
|
background: #cde69c;
|
||||||
color: #638421;
|
color: #638421;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
margin-bottom:5px;
|
margin-bottom: 5px;
|
||||||
font-family: helvetica;
|
font-family: helvetica;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: $font-down-2; }
|
div.tagsinput span.tag a {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #82ad2b;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: $font-down-2;
|
||||||
|
}
|
||||||
div.tagsinput input {
|
div.tagsinput input {
|
||||||
width:80px;
|
width: 80px;
|
||||||
font-family: helvetica;
|
font-family: helvetica;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
border:1px solid transparent;
|
border: 1px solid transparent;
|
||||||
padding:2px 5px;
|
padding: 2px 5px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #000;
|
color: #000;
|
||||||
outline:0;
|
outline: 0;
|
||||||
margin: 0 5px 5px 0;
|
margin: 0 5px 5px 0;
|
||||||
}
|
}
|
||||||
div.tagsinput div { display:block; float: left; }
|
div.tagsinput div {
|
||||||
.tags_clear { clear: both; width: 100%; height: 0; }
|
display: block;
|
||||||
.not_valid {background: #FBD8DB !important; color: #90111A !important;}
|
float: left;
|
||||||
|
}
|
||||||
|
.tags_clear {
|
||||||
|
clear: both;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.not_valid {
|
||||||
|
background: #fbd8db !important;
|
||||||
|
color: #90111a !important;
|
||||||
|
}
|
||||||
|
|||||||
@@ -24,11 +24,11 @@
|
|||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
|
|
||||||
.badge-category {
|
.badge-category {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
.category-name {
|
.category-name {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.d-icon {
|
.d-icon {
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
@@ -47,16 +47,18 @@
|
|||||||
color: $header-primary;
|
color: $header-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.badge-category-parent-bg, .badge-category-bg {
|
.badge-category-parent-bg,
|
||||||
width: 9px;
|
.badge-category-bg {
|
||||||
height: 9px;
|
width: 9px;
|
||||||
margin-right: 5px;
|
height: 9px;
|
||||||
display: inline-block;
|
margin-right: 5px;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.badge-category-parent-bg { // Subcategories
|
.badge-category-parent-bg {
|
||||||
|
// Subcategories
|
||||||
width: 5px;
|
width: 5px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
+.badge-category-bg {
|
+ .badge-category-bg {
|
||||||
width: 5px;
|
width: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -71,7 +73,8 @@
|
|||||||
span {
|
span {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
&.badge-category-bg, &.badge-category-parent-bg {
|
&.badge-category-bg,
|
||||||
|
&.badge-category-parent-bg {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
@@ -79,7 +82,8 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.badge-category-parent-bg { // Subcategories
|
&.badge-category-parent-bg {
|
||||||
|
// Subcategories
|
||||||
width: calc(100% - 5px);
|
width: calc(100% - 5px);
|
||||||
& + .badge-category-bg {
|
& + .badge-category-bg {
|
||||||
left: 5px;
|
left: 5px;
|
||||||
@@ -115,7 +119,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-category-parent-bg, .badge-category-bg { // Subcategories
|
.badge-category-parent-bg,
|
||||||
|
.badge-category-bg {
|
||||||
|
// Subcategories
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 1px;
|
padding: 0 1px;
|
||||||
|
|
||||||
@@ -131,10 +137,8 @@
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Category badge dropdown
|
// Category badge dropdown
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
@@ -171,7 +175,8 @@
|
|||||||
|
|
||||||
// New posts
|
// New posts
|
||||||
|
|
||||||
&.new-posts, &.unread-posts {
|
&.new-posts,
|
||||||
|
&.unread-posts {
|
||||||
background-color: dark-light-choose($tertiary-medium, $tertiary);
|
background-color: dark-light-choose($tertiary-medium, $tertiary);
|
||||||
color: dark-light-choose($secondary, $secondary);
|
color: dark-light-choose($secondary, $secondary);
|
||||||
font-weight: dark-light-choose(normal, bold);
|
font-weight: dark-light-choose(normal, bold);
|
||||||
|
|||||||
@@ -14,12 +14,14 @@
|
|||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all .25s;
|
transition: all 0.25s;
|
||||||
|
|
||||||
&:active, &.btn-active {
|
&:active,
|
||||||
|
&.btn-active {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
&[disabled], &.disabled {
|
&[disabled],
|
||||||
|
&.disabled {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
}
|
}
|
||||||
@@ -49,13 +51,17 @@
|
|||||||
&[href] {
|
&[href] {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
&:hover, &.btn-hover {
|
&:hover,
|
||||||
|
&.btn-hover {
|
||||||
background: $primary-medium;
|
background: $primary-medium;
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
&[disabled], &.disabled {
|
&[disabled],
|
||||||
|
&.disabled {
|
||||||
background: $primary-low;
|
background: $primary-low;
|
||||||
&:hover { color: dark-light-choose($primary-low-mid, $secondary-high); }
|
&:hover {
|
||||||
|
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||||
|
}
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -80,15 +86,18 @@
|
|||||||
&[href] {
|
&[href] {
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
&:hover, &.btn-hover {
|
&:hover,
|
||||||
|
&.btn-hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: dark-light-choose($tertiary, $tertiary);
|
background: dark-light-choose($tertiary, $tertiary);
|
||||||
}
|
}
|
||||||
&:active, &.btn-active {
|
&:active,
|
||||||
|
&.btn-active {
|
||||||
@include linear-gradient($tertiary, $tertiary);
|
@include linear-gradient($tertiary, $tertiary);
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
&[disabled], &.disabled {
|
&[disabled],
|
||||||
|
&.disabled {
|
||||||
background: $tertiary;
|
background: $tertiary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -103,13 +112,16 @@
|
|||||||
&[href] {
|
&[href] {
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
&:hover, &.btn-hover {
|
&:hover,
|
||||||
|
&.btn-hover {
|
||||||
background: scale-color($danger, $lightness: -20%);
|
background: scale-color($danger, $lightness: -20%);
|
||||||
}
|
}
|
||||||
&:active, &.btn-active {
|
&:active,
|
||||||
|
&.btn-active {
|
||||||
@include linear-gradient(scale-color($danger, $lightness: -20%), $danger);
|
@include linear-gradient(scale-color($danger, $lightness: -20%), $danger);
|
||||||
}
|
}
|
||||||
&[disabled], &.disabled {
|
&[disabled],
|
||||||
|
&.disabled {
|
||||||
background: $danger;
|
background: $danger;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -130,7 +142,8 @@
|
|||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
}
|
}
|
||||||
&.google, &.google_oauth2 {
|
&.google,
|
||||||
|
&.google_oauth2 {
|
||||||
background: $google;
|
background: $google;
|
||||||
&:before {
|
&:before {
|
||||||
content: $fa-var-google;
|
content: $fa-var-google;
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
.pika-table {
|
.pika-table {
|
||||||
th, td {
|
th,
|
||||||
|
td {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
border-top: none !important;
|
border-top: none !important;
|
||||||
border-bottom: none !important;
|
border-bottom: none !important;
|
||||||
|
|||||||
@@ -2,7 +2,8 @@ a.hashtag {
|
|||||||
color: dark-light-choose($primary, $primary-low-mid);
|
color: dark-light-choose($primary, $primary-low-mid);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
&:visited, &:hover {
|
&:visited,
|
||||||
|
&:hover {
|
||||||
color: dark-light-choose($primary, $primary-low-mid);
|
color: dark-light-choose($primary, $primary-low-mid);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,11 @@
|
|||||||
.topic-list-item td:first-child, .topic-post {
|
.topic-list-item td:first-child,
|
||||||
|
.topic-post {
|
||||||
border-left: 1px solid transparent;
|
border-left: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list tr.selected td:first-child, .topic-list-item.selected td:first-child, .topic-post.selected {
|
.topic-list tr.selected td:first-child,
|
||||||
|
.topic-list-item.selected td:first-child,
|
||||||
|
.topic-post.selected {
|
||||||
box-shadow: -3px 0 0 $danger;
|
box-shadow: -3px 0 0 $danger;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -19,7 +22,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
div {
|
div {
|
||||||
float: left;
|
float: left;
|
||||||
width:32%;
|
width: 32%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul {
|
ul {
|
||||||
@@ -27,7 +30,7 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 5px 0
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
b {
|
b {
|
||||||
|
|||||||
@@ -31,11 +31,11 @@
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
transition: background .15s;
|
transition: background 0.15s;
|
||||||
|
|
||||||
.d-icon {
|
.d-icon {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
opacity: .65;
|
opacity: 0.65;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -110,7 +110,7 @@
|
|||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
width: 1.25em;
|
width: 1.25em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-right: .5em;
|
margin-right: 0.5em;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -53,7 +53,8 @@
|
|||||||
&.medium {
|
&.medium {
|
||||||
min-height: 60px;
|
min-height: 60px;
|
||||||
|
|
||||||
.username, .name {
|
.username,
|
||||||
|
.name {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -76,4 +77,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
// Common styles for "user-stream-item" component
|
// Common styles for "user-stream-item" component
|
||||||
.user-stream {
|
.user-stream {
|
||||||
|
|
||||||
// DEPRECATED:
|
// DEPRECATED:
|
||||||
// The ".item" class should be removed because it's too generic.
|
// The ".item" class should be removed because it's too generic.
|
||||||
// Once ".item" has been removed, ".user-stream-item" can replace
|
// Once ".item" has been removed, ".user-stream-item" can replace
|
||||||
@@ -17,7 +16,12 @@
|
|||||||
|
|
||||||
&.deleted {
|
&.deleted {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -10%);
|
background-color: dark-light-diff(
|
||||||
|
rgba($danger, 0.7),
|
||||||
|
$secondary,
|
||||||
|
50%,
|
||||||
|
-10%
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hidden {
|
&.hidden {
|
||||||
@@ -43,7 +47,8 @@
|
|||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.expand-item, .collapse-item {
|
.expand-item,
|
||||||
|
.collapse-item {
|
||||||
float: right;
|
float: right;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
line-height: $line-height-small;
|
line-height: $line-height-small;
|
||||||
@@ -71,7 +76,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.edit-reason {
|
.edit-reason {
|
||||||
background-color: dark-light-choose($highlight-medium, scale-color($highlight, $lightness: -50%));
|
background-color: dark-light-choose(
|
||||||
|
$highlight-medium,
|
||||||
|
scale-color($highlight, $lightness: -50%)
|
||||||
|
);
|
||||||
padding: 3px 5px 5px 5px;
|
padding: 3px 5px 5px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -100,7 +108,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// common/base/header.scss
|
// common/base/header.scss
|
||||||
.fa, .icon {
|
.fa,
|
||||||
|
.icon {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
font-size: $font-up-4;
|
font-size: $font-up-4;
|
||||||
}
|
}
|
||||||
@@ -122,7 +131,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-stream .child-actions, // DEPRECATED: '.user-stream .child-actions' selector
|
.user-stream .child-actions, /* DEPRECATED: '.user-stream .child-actions' selector*/
|
||||||
.user-stream-item-actions {
|
.user-stream-item-actions {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
|
||||||
@@ -137,4 +146,3 @@
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -8,12 +8,12 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
z-index: z("modal","overlay");
|
z-index: z("modal", "overlay");
|
||||||
}
|
}
|
||||||
|
|
||||||
.d-editor-modals {
|
.d-editor-modals {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: z("modal","content");
|
z-index: z("modal", "content");
|
||||||
}
|
}
|
||||||
|
|
||||||
.d-editor {
|
.d-editor {
|
||||||
|
|||||||
@@ -54,12 +54,14 @@ dd {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cooked ul,
|
||||||
.cooked ul, .cooked ol, .cooked dd {
|
.cooked ol,
|
||||||
|
.cooked dd {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cooked ul, .d-editor-preview ul {
|
.cooked ul,
|
||||||
|
.d-editor-preview ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
}
|
}
|
||||||
@@ -93,12 +95,14 @@ pre code {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// TODO figure out a clean place to put stuff like this
|
// TODO figure out a clean place to put stuff like this
|
||||||
.row:before, .row:after {
|
.row:before,
|
||||||
|
.row:after {
|
||||||
display: table;
|
display: table;
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
.row:after {clear: both;}
|
.row:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
#offscreen-content {
|
#offscreen-content {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
$primary: #222222 !default;
|
$primary: #222222 !default;
|
||||||
$secondary: #ffffff !default;
|
$secondary: #ffffff !default;
|
||||||
$tertiary: #0088cc !default;
|
$tertiary: #0088cc !default;
|
||||||
$quaternary: #e45735 !default;
|
$quaternary: #e45735 !default;
|
||||||
$header_background: #ffffff !default;
|
$header_background: #ffffff !default;
|
||||||
$header_primary: #333333 !default;
|
$header_primary: #333333 !default;
|
||||||
$highlight: #ffff4d !default;
|
$highlight: #ffff4d !default;
|
||||||
$danger: #e45735 !default;
|
$danger: #e45735 !default;
|
||||||
$success: #009900 !default;
|
$success: #009900 !default;
|
||||||
$love: #fa6c8d !default;
|
$love: #fa6c8d !default;
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
margin: -1px;
|
margin: -1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
clip: rect(0,0,0,0);
|
clip: rect(0, 0, 0, 0);
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,10 +77,9 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Buttons
|
// Buttons
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
.disable-no-hover:hover {
|
.disable-no-hover:hover {
|
||||||
background: dark-light-choose($primary-low, $secondary-medium);;
|
background: dark-light-choose($primary-low, $secondary-medium);
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,9 +4,9 @@
|
|||||||
// https://github.com/terkel/mathsass
|
// https://github.com/terkel/mathsass
|
||||||
|
|
||||||
// Constants
|
// Constants
|
||||||
$E: 2.718281828459045;
|
$E: 2.718281828459045;
|
||||||
$PI: 3.141592653589793;
|
$PI: 3.141592653589793;
|
||||||
$LN2: 0.6931471805599453;
|
$LN2: 0.6931471805599453;
|
||||||
$SQRT2: 1.4142135623730951;
|
$SQRT2: 1.4142135623730951;
|
||||||
|
|
||||||
@function error($message) {
|
@function error($message) {
|
||||||
@@ -20,8 +20,8 @@ $SQRT2: 1.4142135623730951;
|
|||||||
// @example
|
// @example
|
||||||
// fact(0) // 1
|
// fact(0) // 1
|
||||||
// fact(8) // 40320
|
// fact(8) // 40320
|
||||||
@function fact ($x) {
|
@function fact($x) {
|
||||||
@if $x < 0 or $x != floor($x) {
|
@if $x < 0 or $x != floor($x) {
|
||||||
@warn "Argument for `fact()` must be a positive integer.";
|
@warn "Argument for `fact()` must be a positive integer.";
|
||||||
@return null;
|
@return null;
|
||||||
}
|
}
|
||||||
@@ -33,11 +33,10 @@ $SQRT2: 1.4142135623730951;
|
|||||||
@return $ret;
|
@return $ret;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Returns a two-element list containing the normalized fraction and exponent of number.
|
// Returns a two-element list containing the normalized fraction and exponent of number.
|
||||||
// @param {Number} $x
|
// @param {Number} $x
|
||||||
// @return {List} fraction, exponent
|
// @return {List} fraction, exponent
|
||||||
@function frexp ($x) {
|
@function frexp($x) {
|
||||||
$exp: 0;
|
$exp: 0;
|
||||||
@if $x < 0 {
|
@if $x < 0 {
|
||||||
$x: $x * -1;
|
$x: $x * -1;
|
||||||
@@ -59,7 +58,7 @@ $SQRT2: 1.4142135623730951;
|
|||||||
// Returns $x * 2^$exp
|
// Returns $x * 2^$exp
|
||||||
// @param {Number} $x
|
// @param {Number} $x
|
||||||
// @param {Number} $exp
|
// @param {Number} $exp
|
||||||
@function ldexp ($x, $exp) {
|
@function ldexp($x, $exp) {
|
||||||
$b: if($exp >= 0, 2, 1 / 2);
|
$b: if($exp >= 0, 2, 1 / 2);
|
||||||
@if $exp < 0 {
|
@if $exp < 0 {
|
||||||
$exp: $exp * -1;
|
$exp: $exp * -1;
|
||||||
@@ -79,7 +78,7 @@ $SQRT2: 1.4142135623730951;
|
|||||||
// @example
|
// @example
|
||||||
// log(2) // 0.69315
|
// log(2) // 0.69315
|
||||||
// log(10) // 2.30259
|
// log(10) // 2.30259
|
||||||
@function log ($x) {
|
@function log($x) {
|
||||||
@if $x <= 0 {
|
@if $x <= 0 {
|
||||||
@return 0 / 0;
|
@return 0 / 0;
|
||||||
}
|
}
|
||||||
@@ -124,7 +123,7 @@ $SQRT2: 1.4142135623730951;
|
|||||||
// @example
|
// @example
|
||||||
// exp(1) // 2.71828
|
// exp(1) // 2.71828
|
||||||
// exp(-1) // 0.36788
|
// exp(-1) // 0.36788
|
||||||
@function exp ($x) {
|
@function exp($x) {
|
||||||
$ret: 0;
|
$ret: 0;
|
||||||
@for $n from 0 to 24 {
|
@for $n from 0 to 24 {
|
||||||
$ret: $ret + ipow($x, $n) / fact($n);
|
$ret: $ret + ipow($x, $n) / fact($n);
|
||||||
@@ -140,7 +139,7 @@ $SQRT2: 1.4142135623730951;
|
|||||||
// pow(4, 2) // 16
|
// pow(4, 2) // 16
|
||||||
// pow(4, -2) // 0.0625
|
// pow(4, -2) // 0.0625
|
||||||
// pow(4, 0.2) // 1.31951
|
// pow(4, 0.2) // 1.31951
|
||||||
@function pow ($base, $exp) {
|
@function pow($base, $exp) {
|
||||||
@if $exp == floor($exp) {
|
@if $exp == floor($exp) {
|
||||||
@return ipow($base, $exp);
|
@return ipow($base, $exp);
|
||||||
} @else {
|
} @else {
|
||||||
@@ -153,7 +152,7 @@ $SQRT2: 1.4142135623730951;
|
|||||||
// @example
|
// @example
|
||||||
// sqrt(2) // 1.41421
|
// sqrt(2) // 1.41421
|
||||||
// sqrt(5) // 2.23607
|
// sqrt(5) // 2.23607
|
||||||
@function sqrt ($x) {
|
@function sqrt($x) {
|
||||||
@if $x < 0 {
|
@if $x < 0 {
|
||||||
@return error("Argument for `sqrt()` must be a positive number.");
|
@return error("Argument for `sqrt()` must be a positive number.");
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,7 +5,6 @@
|
|||||||
// Media queries
|
// Media queries
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
@mixin small-width {
|
@mixin small-width {
|
||||||
@media all and (max-width: 850px) {
|
@media all and (max-width: 850px) {
|
||||||
@content;
|
@content;
|
||||||
@@ -24,11 +23,31 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin mobile-portrait { @media all and (max-width : 320px) { @content; } }
|
@mixin mobile-portrait {
|
||||||
@mixin not-mobile-portrait { @media all and (min-width : 321px) { @content; } }
|
@media all and (max-width: 320px) {
|
||||||
@mixin mobile-landscape { @media all and (min-width : 321px) and (max-width : 959px) { @content; } }
|
@content;
|
||||||
@mixin not-tablet-landscape { @media all and (max-width : 959px) { @content; } }
|
}
|
||||||
@mixin tablet-landscape { @media all and (min-width : 960px) { @content; } }
|
}
|
||||||
|
@mixin not-mobile-portrait {
|
||||||
|
@media all and (min-width: 321px) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@mixin mobile-landscape {
|
||||||
|
@media all and (min-width: 321px) and (max-width: 959px) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@mixin not-tablet-landscape {
|
||||||
|
@media all and (max-width: 959px) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@mixin tablet-landscape {
|
||||||
|
@media all and (min-width: 960px) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// CSS3 properties
|
// CSS3 properties
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
@@ -36,14 +55,14 @@
|
|||||||
// Clearfix
|
// Clearfix
|
||||||
|
|
||||||
@mixin clearfix() {
|
@mixin clearfix() {
|
||||||
&:before,
|
&:before,
|
||||||
&:after {
|
&:after {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
&:after {
|
&:after {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Border radius
|
// Border radius
|
||||||
@@ -90,15 +109,14 @@
|
|||||||
|
|
||||||
@mixin user-select($mode) {
|
@mixin user-select($mode) {
|
||||||
-webkit-user-select: $mode;
|
-webkit-user-select: $mode;
|
||||||
-moz-user-select: $mode;
|
-moz-user-select: $mode;
|
||||||
-ms-user-select: $mode;
|
-ms-user-select: $mode;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin unselectable {
|
@mixin unselectable {
|
||||||
@include user-select(none);
|
@include user-select(none);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Stuff we repeat
|
// Stuff we repeat
|
||||||
@mixin post-aside {
|
@mixin post-aside {
|
||||||
border-left: 5px solid $primary-low;
|
border-left: 5px solid $primary-low;
|
||||||
@@ -107,13 +125,13 @@
|
|||||||
|
|
||||||
// We still need -webkit for latest iPhone and Safari
|
// We still need -webkit for latest iPhone and Safari
|
||||||
@mixin transform($transforms) {
|
@mixin transform($transforms) {
|
||||||
-webkit-transform: $transforms;
|
-webkit-transform: $transforms;
|
||||||
transform: $transforms;
|
transform: $transforms;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin appearance-none() {
|
||||||
@mixin appearance-none() { // resets default browser styles
|
// resets default browser styles
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
appearance: none;
|
appearance: none;
|
||||||
}
|
}
|
||||||
@@ -17,7 +17,7 @@ $input-padding: 4px 10px;
|
|||||||
$google: #5b76f7 !default;
|
$google: #5b76f7 !default;
|
||||||
$instagram: #125688 !default;
|
$instagram: #125688 !default;
|
||||||
$facebook: #3b5998 !default;
|
$facebook: #3b5998 !default;
|
||||||
$cas: #70BA61 !default;
|
$cas: #70ba61 !default;
|
||||||
$twitter: #00bced !default;
|
$twitter: #00bced !default;
|
||||||
$yahoo: #810293 !default;
|
$yahoo: #810293 !default;
|
||||||
$github: #6d6d6d !default;
|
$github: #6d6d6d !default;
|
||||||
@@ -43,12 +43,12 @@ $font-up-3: 1.5157em;
|
|||||||
$font-up-2: 1.3195em;
|
$font-up-2: 1.3195em;
|
||||||
$font-up-1: 1.1487em; // 2^(1/5)
|
$font-up-1: 1.1487em; // 2^(1/5)
|
||||||
$font-0: 1em;
|
$font-0: 1em;
|
||||||
$font-down-1: .8706em; // 2^(-1/5)
|
$font-down-1: 0.8706em; // 2^(-1/5)
|
||||||
$font-down-2: .7579em; // Smallest size we use based on the 1em base
|
$font-down-2: 0.7579em; // Smallest size we use based on the 1em base
|
||||||
$font-down-3: .6599em;
|
$font-down-3: 0.6599em;
|
||||||
$font-down-4: .5745em;
|
$font-down-4: 0.5745em;
|
||||||
$font-down-5: .5em;
|
$font-down-5: 0.5em;
|
||||||
$font-down-6: .4355em;
|
$font-down-6: 0.4355em;
|
||||||
|
|
||||||
// Common line-heights
|
// Common line-heights
|
||||||
$line-height-small: 1;
|
$line-height-small: 1;
|
||||||
@@ -66,29 +66,29 @@ $line-height-large: 1.4; // Normal or small text
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
$z-layers: (
|
$z-layers: (
|
||||||
"max": 9999,
|
"max": 9999,
|
||||||
"fullscreen": 1700,
|
"fullscreen": 1700,
|
||||||
"modal": (
|
"modal": (
|
||||||
"tooltip": 1600,
|
"tooltip": 1600,
|
||||||
"popover": 1500,
|
"popover": 1500,
|
||||||
"dropdown": 1400,
|
"dropdown": 1400,
|
||||||
"content": 1300,
|
"content": 1300,
|
||||||
"overlay": 1200,
|
"overlay": 1200
|
||||||
),
|
),
|
||||||
"mobile-composer": 1100,
|
"mobile-composer": 1100,
|
||||||
"header": 1000,
|
"header": 1000,
|
||||||
"tooltip": 600,
|
"tooltip": 600,
|
||||||
"composer": (
|
"composer": (
|
||||||
"dropdown": 700,
|
"dropdown": 700,
|
||||||
"tooltip": 600,
|
"tooltip": 600,
|
||||||
"popover": 500,
|
"popover": 500,
|
||||||
"content": 400,
|
"content": 400
|
||||||
),
|
),
|
||||||
"dropdown": 300,
|
"dropdown": 300,
|
||||||
"usercard": 200,
|
"usercard": 200,
|
||||||
"timeline": 100,
|
"timeline": 100,
|
||||||
"base": 1
|
"base": 1
|
||||||
);
|
);
|
||||||
|
|
||||||
@function map-has-nested-keys($map, $keys...) {
|
@function map-has-nested-keys($map, $keys...) {
|
||||||
@each $key in $keys {
|
@each $key in $keys {
|
||||||
@@ -114,19 +114,21 @@ $z-layers: (
|
|||||||
@return map-deep-get($z-layers, $layers...);
|
@return map-deep-get($z-layers, $layers...);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Box-shadow
|
// Box-shadow
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
$box-shadow: (
|
$box-shadow: (
|
||||||
"modal": 0 8px 60px rgba(0, 0, 0, 0.6),
|
"modal": 0 8px 60px rgba(0, 0, 0, 0.6),
|
||||||
"composer": 0 -1px 40px rgba(0, 0, 0, 0.12),
|
"composer": 0 -1px 40px rgba(0, 0, 0, 0.12),
|
||||||
"menu-panel": 0 6px 14px rgba(0, 0, 0, 0.15),
|
"menu-panel": 0 6px 14px rgba(0, 0, 0, 0.15),
|
||||||
"card": 0 4px 14px rgba(0, 0, 0, 0.15),
|
"card": 0 4px 14px rgba(0, 0, 0, 0.15),
|
||||||
"dropdown": 0 2px 3px 0 rgba(0, 0, 0, 0.2),
|
"dropdown": 0 2px 3px 0 rgba(0, 0, 0, 0.2),
|
||||||
"header": 0 2px 4px -1px rgba(0, 0, 0, 0.25),
|
"header": 0 2px 4px -1px rgba(0, 0, 0, 0.25),
|
||||||
"kbd": (0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px dark-light-choose(#fff, #000) inset),
|
"kbd": (
|
||||||
"focus": 0 0 6px 0 $tertiary,
|
0 2px 0 rgba(0, 0, 0, 0.2),
|
||||||
|
0 0 0 1px dark-light-choose(#fff, #000) inset
|
||||||
|
),
|
||||||
|
"focus": 0 0 6px 0 $tertiary,
|
||||||
"focus-danger": 0 0 6px 0 $danger
|
"focus-danger": 0 0 6px 0 $danger
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -139,7 +141,9 @@ $box-shadow: (
|
|||||||
|
|
||||||
// w3c definition of color brightness https://www.w3.org/TR/AERT#color-contrast
|
// w3c definition of color brightness https://www.w3.org/TR/AERT#color-contrast
|
||||||
@function dc-color-brightness($color) {
|
@function dc-color-brightness($color) {
|
||||||
@return ((red($color) * .299) + (green($color) * .587) + (blue($color) * .114));
|
@return (
|
||||||
|
(red($color) * 0.299) + (green($color) * 0.587) + (blue($color) * 0.114)
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Uses an approximation of sRGB blending, GAMMA=2 instead of GAMMA=2.2
|
// Uses an approximation of sRGB blending, GAMMA=2 instead of GAMMA=2.2
|
||||||
@@ -166,8 +170,15 @@ $box-shadow: (
|
|||||||
@return srgb-scale($primary, $secondary, $percent);
|
@return srgb-scale($primary, $secondary, $percent);
|
||||||
}
|
}
|
||||||
|
|
||||||
@function dark-light-diff($adjusted-color, $comparison-color, $lightness, $darkness) {
|
@function dark-light-diff(
|
||||||
@if dc-color-brightness($adjusted-color) < dc-color-brightness($comparison-color) {
|
$adjusted-color,
|
||||||
|
$comparison-color,
|
||||||
|
$lightness,
|
||||||
|
$darkness
|
||||||
|
) {
|
||||||
|
@if dc-color-brightness($adjusted-color) <
|
||||||
|
dc-color-brightness($comparison-color)
|
||||||
|
{
|
||||||
@return scale-color($adjusted-color, $lightness: $lightness);
|
@return scale-color($adjusted-color, $lightness: $lightness);
|
||||||
} @else {
|
} @else {
|
||||||
@return scale-color($adjusted-color, $lightness: $darkness);
|
@return scale-color($adjusted-color, $lightness: $darkness);
|
||||||
|
|||||||
@@ -11,7 +11,8 @@
|
|||||||
color: white;
|
color: white;
|
||||||
box-shadow: shadow("dropdown");
|
box-shadow: shadow("dropdown");
|
||||||
}
|
}
|
||||||
&.hide, &.good {
|
&.hide,
|
||||||
|
&.good {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.close {
|
.close {
|
||||||
@@ -23,6 +24,6 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.close:hover {
|
.close:hover {
|
||||||
opacity: 1.0;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -35,21 +35,45 @@
|
|||||||
.alert-info,
|
.alert-info,
|
||||||
.badge-category,
|
.badge-category,
|
||||||
.badge-category-bg,
|
.badge-category-bg,
|
||||||
.badge-notification.clicks{
|
.badge-notification.clicks {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
/* bottom border to help separate posts */
|
/* bottom border to help separate posts */
|
||||||
div.row {
|
div.row {
|
||||||
border-top: 1px solid #AAA;
|
border-top: 1px solid #aaa;
|
||||||
|
}
|
||||||
|
.cooked pre code {
|
||||||
|
max-height: none;
|
||||||
|
}
|
||||||
|
#main-outlet {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
min-width: 0;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.lightbox-wrapper img {
|
||||||
|
max-width: 500px !important;
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
.topic-body {
|
||||||
|
width: auto;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
.topic-post article.boxed .select-posts {
|
||||||
|
width: auto;
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.gap {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.gutter {
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.cooked pre code { max-height: none; }
|
|
||||||
#main-outlet { padding: 0 !important; }
|
|
||||||
html,body { min-width: 0; height: auto; }
|
|
||||||
.lightbox-wrapper img { max-width: 500px !important; height: auto !important; }
|
|
||||||
.topic-body { width: auto; margin: 0; padding: 0; float: none; }
|
|
||||||
.topic-post article.boxed .select-posts { width: auto; left: auto; right: 0; }
|
|
||||||
.gap { width: auto; }
|
|
||||||
.gutter { padding: 0; }
|
|
||||||
/* restyle div#topic-title */
|
/* restyle div#topic-title */
|
||||||
#topic-title {
|
#topic-title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -62,8 +86,9 @@
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: normal;
|
font-size: normal;
|
||||||
}
|
}
|
||||||
a, a:visited {
|
a,
|
||||||
color: #DDD;
|
a:visited {
|
||||||
|
color: #ddd;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
/* hide OP Solved plugin stuff */
|
/* hide OP Solved plugin stuff */
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
.select-kit {
|
.select-kit {
|
||||||
&.dropdown-select-box {
|
&.dropdown-select-box {
|
||||||
|
|
||||||
&.admin-agree-flag-dropdown {
|
&.admin-agree-flag-dropdown {
|
||||||
.select-kit-body {
|
.select-kit-body {
|
||||||
width: 485px;
|
width: 485px;
|
||||||
|
|||||||
@@ -8,12 +8,12 @@
|
|||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-align: flex-start;
|
-webkit-box-align: flex-start;
|
||||||
-ms-flex-align: flex-start;
|
-ms-flex-align: flex-start;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-box-direction: normal;
|
-webkit-box-direction: normal;
|
||||||
-ms-flex-direction: column;
|
-ms-flex-direction: column;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
&.none {
|
&.none {
|
||||||
.topic-count {
|
.topic-count {
|
||||||
@@ -31,14 +31,14 @@
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
-webkit-box-flex: 0;
|
-webkit-box-flex: 0;
|
||||||
-ms-flex: 1 1 auto;
|
-ms-flex: 1 1 auto;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-desc {
|
.category-desc {
|
||||||
-webkit-box-flex: 0;
|
-webkit-box-flex: 0;
|
||||||
-ms-flex: 1 1 auto;
|
-ms-flex: 1 1 auto;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
color: #919191;
|
color: #919191;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
.select-kit {
|
.select-kit {
|
||||||
&.combo-box {
|
&.combo-box {
|
||||||
&.category-drop {
|
&.category-drop {
|
||||||
|
|
||||||
.badge-wrapper {
|
.badge-wrapper {
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@@ -33,7 +32,6 @@
|
|||||||
.badge-wrapper {
|
.badge-wrapper {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-kit-body {
|
.select-kit-body {
|
||||||
@@ -65,7 +63,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is-expanded .select-kit-wrapper, .select-kit-wrapper {
|
&.is-expanded .select-kit-wrapper,
|
||||||
|
.select-kit-wrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,13 +1,14 @@
|
|||||||
.select-kit {
|
.select-kit {
|
||||||
.category-row {
|
.category-row {
|
||||||
.category-status, .category-desc {
|
.category-status,
|
||||||
|
.category-desc {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
-webkit-box-flex: 0;
|
-webkit-box-flex: 0;
|
||||||
-ms-flex: 1 1 auto;
|
-ms-flex: 1 1 auto;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-status {
|
.category-status {
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
.select-kit, .select-kit-box {
|
.select-kit,
|
||||||
|
.select-kit-box {
|
||||||
&.category-selector {
|
&.category-selector {
|
||||||
.selected-name {
|
.selected-name {
|
||||||
.badge-wrapper {
|
.badge-wrapper {
|
||||||
&.box {
|
&.box {
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
|
|||||||
@@ -11,10 +11,11 @@
|
|||||||
.d-icon {
|
.d-icon {
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
padding: 4px 5px;
|
padding: 4px 5px;
|
||||||
margin: 0!important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
background: $primary-low;
|
background: $primary-low;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -30,13 +30,13 @@
|
|||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-align: start;
|
-webkit-box-align: start;
|
||||||
-ms-flex-align: start;
|
-ms-flex-align: start;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
-webkit-box-pack: center;
|
-webkit-box-pack: center;
|
||||||
-ms-flex-pack: center;
|
-ms-flex-pack: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
-ms-flex-item-align: start;
|
-ms-flex-item-align: start;
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@@ -44,7 +44,7 @@
|
|||||||
.d-icon {
|
.d-icon {
|
||||||
font-size: $font-up-2;
|
font-size: $font-up-2;
|
||||||
-ms-flex-item-align: center;
|
-ms-flex-item-align: center;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@@ -54,25 +54,25 @@
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
-webkit-box-align: start;
|
-webkit-box-align: start;
|
||||||
-ms-flex-align: start;
|
-ms-flex-align: start;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-box-direction: normal;
|
-webkit-box-direction: normal;
|
||||||
-ms-flex-direction: column;
|
-ms-flex-direction: column;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
@@ -85,11 +85,14 @@
|
|||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 40%));;
|
color: dark-light-choose(
|
||||||
|
scale-color($primary, $lightness: 50%),
|
||||||
|
scale-color($secondary, $lightness: 40%)
|
||||||
|
);
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -102,20 +105,20 @@
|
|||||||
|
|
||||||
.dropdown-select-box-header {
|
.dropdown-select-box-header {
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
-ms-flex-align: center;
|
-ms-flex-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
-webkit-box-pack: justify;
|
-webkit-box-pack: justify;
|
||||||
-ms-flex-pack: justify;
|
-ms-flex-pack: justify;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
-webkit-box-orient: horizontal;
|
-webkit-box-orient: horizontal;
|
||||||
-webkit-box-direction: normal;
|
-webkit-box-direction: normal;
|
||||||
-ms-flex-direction: row;
|
-ms-flex-direction: row;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
display: -webkit-inline-box;
|
display: -webkit-inline-box;
|
||||||
display: -ms-inline-flexbox;
|
display: -ms-inline-flexbox;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|||||||
@@ -36,7 +36,8 @@
|
|||||||
border-top: 0;
|
border-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is-expanded .select-kit-wrapper, .select-kit-wrapper {
|
&.is-expanded .select-kit-wrapper,
|
||||||
|
.select-kit-wrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,13 +75,13 @@
|
|||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
&.is-highlighted {
|
&.is-highlighted {
|
||||||
box-shadow: 0 0 2px $danger, 0 1px 0 rgba(0,0,0,0.05);
|
box-shadow: 0 0 2px $danger, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: '\f00d';
|
content: "\f00d";
|
||||||
color: $primary-low-mid;
|
color: $primary-low-mid;
|
||||||
font-family: 'FontAwesome';
|
font-family: "FontAwesome";
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|||||||
@@ -91,7 +91,8 @@
|
|||||||
outline: none;
|
outline: none;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
||||||
.filter-input, .filter-input:focus {
|
.filter-input,
|
||||||
|
.filter-input:focus {
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -137,9 +138,9 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: '\f00d';
|
content: "\f00d";
|
||||||
color: $primary-low-mid;
|
color: $primary-low-mid;
|
||||||
font-family: 'FontAwesome';
|
font-family: "FontAwesome";
|
||||||
font-size: $font-down-2;
|
font-size: $font-down-2;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
@@ -178,9 +179,9 @@
|
|||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: '\f00d';
|
content: "\f00d";
|
||||||
color: $primary-low-mid;
|
color: $primary-low-mid;
|
||||||
font-family: 'FontAwesome';
|
font-family: "FontAwesome";
|
||||||
font-size: $font-down-2;
|
font-size: $font-down-2;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -192,7 +193,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.is-highlighted {
|
&.is-highlighted {
|
||||||
box-shadow: 0 0 2px $danger, 0 1px 0 rgba(0,0,0,0.05);
|
box-shadow: 0 0 2px $danger, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
.select-kit-row {
|
.select-kit-row {
|
||||||
.icons {
|
.icons {
|
||||||
-ms-flex-item-align: start;
|
-ms-flex-item-align: start;
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -42,7 +42,8 @@
|
|||||||
font-size: $font-up-3;
|
font-size: $font-up-3;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is-focused, &:hover {
|
&.is-focused,
|
||||||
|
&:hover {
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
@@ -51,7 +52,7 @@
|
|||||||
|
|
||||||
.period-chooser-row {
|
.period-chooser-row {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 5px;;
|
padding: 5px;
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -23,11 +23,11 @@
|
|||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-pack: start;
|
-webkit-box-pack: start;
|
||||||
-ms-flex-pack: start;
|
-ms-flex-pack: start;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
-ms-flex-align: center;
|
-ms-flex-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
|
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
.select-kit-header {
|
.select-kit-header {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: all .25s;
|
transition: all 0.25s;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
outline: none;
|
outline: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -148,7 +148,8 @@
|
|||||||
background: $tertiary-low;
|
background: $tertiary-low;
|
||||||
}
|
}
|
||||||
|
|
||||||
.discourse-tag, .discourse-tag-count {
|
.discourse-tag,
|
||||||
|
.discourse-tag-count {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -203,7 +204,9 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.filter-input, .filter-input:focus, .filter-input:active {
|
.filter-input,
|
||||||
|
.filter-input:focus,
|
||||||
|
.filter-input:active {
|
||||||
background: none;
|
background: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|||||||
@@ -12,9 +12,10 @@
|
|||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
padding: 6px 3px;
|
padding: 6px 3px;
|
||||||
background: $primary-low;
|
background: $primary-low;
|
||||||
transition: all .25s;
|
transition: all 0.25s;
|
||||||
|
|
||||||
.name, .d-icon {
|
.name,
|
||||||
|
.d-icon {
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
@@ -27,7 +28,8 @@
|
|||||||
&.is-highlighted {
|
&.is-highlighted {
|
||||||
background: $primary-medium;
|
background: $primary-medium;
|
||||||
|
|
||||||
.name, .d-icon {
|
.name,
|
||||||
|
.d-icon {
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,11 +23,11 @@
|
|||||||
display: -ms-inline-flexbox;
|
display: -ms-inline-flexbox;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
-webkit-box-pack: start;
|
-webkit-box-pack: start;
|
||||||
-ms-flex-pack: start;
|
-ms-flex-pack: start;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
-ms-flex-align: center;
|
-ms-flex-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
.topic-notifications-options {
|
.topic-notifications-options {
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
#topic-entrance {
|
#topic-entrance {
|
||||||
|
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background: $secondary;
|
background: $secondary;
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
-webkit-transform: translate3d(0,0,0);
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
|
||||||
&.timeline-docked {
|
&.timeline-docked {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -120,7 +120,7 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
i.progress {
|
i.progress {
|
||||||
display: none
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.timeline-footer-controls {
|
.timeline-footer-controls {
|
||||||
@@ -129,7 +129,8 @@
|
|||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
|
|
||||||
button, .btn-group {
|
button,
|
||||||
|
.btn-group {
|
||||||
float: none;
|
float: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@@ -170,13 +171,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.timeline-scrollarea-wrapper::after {
|
.timeline-scrollarea-wrapper::after {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-timeline {
|
.topic-timeline {
|
||||||
@@ -217,7 +216,7 @@
|
|||||||
border-left: 1px solid;
|
border-left: 1px solid;
|
||||||
border-color: dark-light-choose($tertiary-low, $tertiary-high);
|
border-color: dark-light-choose($tertiary-low, $tertiary-high);
|
||||||
position: relative;
|
position: relative;
|
||||||
-webkit-transform: translate3d(0,0,0);
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeline-padding {
|
.timeline-padding {
|
||||||
|
|||||||
@@ -2,7 +2,8 @@
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
td, th {
|
td,
|
||||||
|
th {
|
||||||
@extend .list-cell;
|
@extend .list-cell;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -83,7 +84,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
tbody {
|
tbody {
|
||||||
|
|
||||||
.category {
|
.category {
|
||||||
border-left: 6px solid;
|
border-left: 6px solid;
|
||||||
h3 {
|
h3 {
|
||||||
@@ -104,7 +104,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.categories-and-latest, .categories-and-top {
|
.categories-and-latest,
|
||||||
|
.categories-and-top {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
|
|
||||||
@@ -115,13 +116,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
div.column.categories {
|
div.column.categories {
|
||||||
@media all and (max-width : 600px) {
|
@media all and (max-width: 600px) {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
@media all and (min-width : 600px) {
|
@media all and (min-width: 600px) {
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
@media all and (min-width : 700px) {
|
@media all and (min-width: 700px) {
|
||||||
margin-right: 2em;
|
margin-right: 2em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -134,4 +135,3 @@
|
|||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
// Desktop styles for "user-stream-item" component
|
// Desktop styles for "user-stream-item" component
|
||||||
.user-stream {
|
.user-stream {
|
||||||
|
|
||||||
// DEPRECATION:
|
// DEPRECATION:
|
||||||
// The ".item" class should be eventually removed because it's too generic.
|
// The ".item" class should be eventually removed because it's too generic.
|
||||||
// Once ".item" has been removed, ".user-stream-item" can replace
|
// Once ".item" has been removed, ".user-stream-item" can replace
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.select-kit.is-expanded {
|
.select-kit.is-expanded {
|
||||||
z-index: z("composer","dropdown");
|
z-index: z("composer", "dropdown");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -58,7 +58,7 @@
|
|||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
background: $tertiary;
|
background: $tertiary;
|
||||||
&:before {
|
&:before {
|
||||||
content: '';
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
width: 27px;
|
width: 27px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
@@ -81,15 +81,14 @@
|
|||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
left: 51%;
|
left: 51%;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
z-index: z("composer","popover");
|
z-index: z("composer", "popover");
|
||||||
padding: 10px 10px 35px 10px;
|
padding: 10px 10px 35px 10px;
|
||||||
box-shadow: shadow("card");
|
box-shadow: shadow("card");
|
||||||
background: $highlight-medium;
|
background: $highlight-medium;
|
||||||
.hide-preview & {
|
.hide-preview & {
|
||||||
z-index: z("composer","dropdown") + 1;
|
z-index: z("composer", "dropdown") + 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
&.urgent {
|
&.urgent {
|
||||||
background: $danger-low;
|
background: $danger-low;
|
||||||
}
|
}
|
||||||
@@ -114,17 +113,16 @@
|
|||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
&:before {
|
&:before {
|
||||||
content: 'esc';
|
content: "esc";
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a.close:hover {
|
a.close:hover {
|
||||||
opacity: 1.0;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
ul.topics {
|
ul.topics {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -167,7 +165,8 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.search-link {
|
.search-link {
|
||||||
.fa, .blurb {
|
.fa,
|
||||||
|
.blurb {
|
||||||
color: dark-light-choose($primary-high, $secondary-medium);
|
color: dark-light-choose($primary-high, $secondary-medium);
|
||||||
}
|
}
|
||||||
span.topic {
|
span.topic {
|
||||||
|
|||||||
@@ -27,8 +27,8 @@ header {
|
|||||||
line-height: $line-height-small;
|
line-height: $line-height-small;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.d-icon-envelope {
|
.d-icon-envelope {
|
||||||
@@ -36,20 +36,19 @@ header {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.form-vertical {
|
.form-vertical {
|
||||||
.control-group {
|
.control-group {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/***********************/
|
/***********************/
|
||||||
/* bootstrap carryover */
|
/* bootstrap carryover */
|
||||||
/***********************/
|
/***********************/
|
||||||
code,
|
code,
|
||||||
pre {
|
pre {
|
||||||
font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
|
font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono",
|
||||||
|
"DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
// this removes the unwanted top margin on a paragraph under a heading
|
// this removes the unwanted top margin on a paragraph under a heading
|
||||||
@@ -60,7 +59,7 @@ h4,
|
|||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
+ p {
|
+ p {
|
||||||
margin-top:0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -88,7 +87,8 @@ textarea {
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, textarea {
|
input,
|
||||||
|
textarea {
|
||||||
width: 210px;
|
width: 210px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -252,7 +252,6 @@ input {
|
|||||||
box-shadow: shadow("focus-danger");
|
box-shadow: shadow("focus-danger");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.warning {
|
&.warning {
|
||||||
@@ -300,7 +299,7 @@ input {
|
|||||||
.input-append {
|
.input-append {
|
||||||
.add-on {
|
.add-on {
|
||||||
color: $success;
|
color: $success;
|
||||||
background-color: $success-low;
|
background-color: $success-low;
|
||||||
border-color: $success;
|
border-color: $success;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -367,12 +366,8 @@ input {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Media Queries
|
// Media Queries
|
||||||
@media all
|
@media all and (max-width: 570px) {
|
||||||
and (max-width : 570px) {
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -33,8 +33,7 @@
|
|||||||
|
|
||||||
.group-activity-outlet,
|
.group-activity-outlet,
|
||||||
.group-messages-outlet,
|
.group-messages-outlet,
|
||||||
.group-manage-outlet
|
.group-manage-outlet {
|
||||||
{
|
|
||||||
width: 85%;
|
width: 85%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -45,7 +45,7 @@
|
|||||||
header {
|
header {
|
||||||
#site-text-logo {
|
#site-text-logo {
|
||||||
font-size: $font-up-3;
|
font-size: $font-up-3;
|
||||||
margin-top: .4em;
|
margin-top: 0.4em;
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
// styles that apply to the popup that appears when you show the edit history of a post
|
// styles that apply to the popup that appears when you show the edit history of a post
|
||||||
|
|
||||||
.modal.history-modal {
|
.modal.history-modal {
|
||||||
|
|
||||||
.modal-inner-container {
|
.modal-inner-container {
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
}
|
}
|
||||||
@@ -23,7 +22,7 @@
|
|||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background-color:inherit;
|
background-color: inherit;
|
||||||
color: blend-primary-secondary(50%);
|
color: blend-primary-secondary(50%);
|
||||||
}
|
}
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
@@ -59,7 +58,8 @@
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.revision-content, .markdown {
|
.revision-content,
|
||||||
|
.markdown {
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
.latest-topic-list, .top-topic-list {
|
.latest-topic-list,
|
||||||
|
.top-topic-list {
|
||||||
@extend .topic-list-icons;
|
@extend .topic-list-icons;
|
||||||
|
|
||||||
.table-heading {
|
.table-heading {
|
||||||
@@ -6,7 +7,8 @@
|
|||||||
color: dark-light-choose($primary-medium, $secondary-high);
|
color: dark-light-choose($primary-medium, $secondary-high);
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-topics, .more-topics {
|
.no-topics,
|
||||||
|
.more-topics {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
// base styles for every modal popup used in Discourse
|
// base styles for every modal popup used in Discourse
|
||||||
|
|
||||||
.modal-middle-container {
|
.modal-middle-container {
|
||||||
display:table-cell;
|
display: table-cell;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -17,8 +17,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal.in {
|
.modal.in {
|
||||||
-webkit-animation: fade .25s;
|
-webkit-animation: fade 0.25s;
|
||||||
animation: fade .25s;
|
animation: fade 0.25s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-body {
|
.modal-body {
|
||||||
@@ -117,7 +117,7 @@
|
|||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=radio] {
|
input[type="radio"] {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -129,7 +129,8 @@
|
|||||||
|
|
||||||
form {
|
form {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
#split-topic-name, #choose-topic-title {
|
#split-topic-name,
|
||||||
|
#choose-topic-title {
|
||||||
width: 520px;
|
width: 520px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,13 +6,15 @@
|
|||||||
width: 70px;
|
width: 70px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.post-info {
|
.post-info {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: right;
|
float: right;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
span {color: dark-light-choose($primary-medium, $secondary-medium); }
|
span {
|
||||||
}
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.cooked {
|
.cooked {
|
||||||
width: $topic-body-width;
|
width: $topic-body-width;
|
||||||
@@ -26,7 +28,7 @@
|
|||||||
|
|
||||||
.tag-chooser {
|
.tag-chooser {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: .5em;
|
margin-bottom: 0.5em;
|
||||||
|
|
||||||
.select-kit-collection {
|
.select-kit-collection {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -47,6 +49,5 @@
|
|||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,351 +1,358 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
// Topic lists
|
// Topic lists
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
// List controls
|
// List controls
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
.list-controls {
|
|
||||||
.nav {
|
|
||||||
float: left;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
float: right;
|
|
||||||
margin-left: 8px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: $font-up-1;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search .btn {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.badge-category {
|
|
||||||
padding: 3px 12px;
|
|
||||||
font-size: $font-up-1;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.list-controls {
|
||||||
|
.nav {
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Base list
|
.btn {
|
||||||
// --------------------------------------------------
|
float: right;
|
||||||
|
margin-left: 8px;
|
||||||
.topic-list-icons {
|
margin-bottom: 10px;
|
||||||
.d-icon-thumb-tack { color: dark-light-choose($primary-medium, $secondary-medium); }
|
font-size: $font-up-1;
|
||||||
.d-icon-thumb-tack.unpinned { color: dark-light-choose($primary-medium, $secondary-medium); }
|
font-weight: normal;
|
||||||
a.title {color: $primary;}
|
|
||||||
.d-icon-bookmark { color: dark-light-choose($primary-medium, $secondary-medium); }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list {
|
.search .btn {
|
||||||
@extend .topic-list-icons;
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
margin: 0 0 10px;
|
a.badge-category {
|
||||||
th,
|
padding: 3px 12px;
|
||||||
td {
|
font-size: $font-up-1;
|
||||||
padding: 12px 5px;
|
}
|
||||||
&:first-of-type {
|
}
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
&:last-of-type {
|
|
||||||
padding-right: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
th {
|
|
||||||
button .d-icon {color: dark-light-choose($primary-medium, $secondary-medium); }
|
|
||||||
}
|
|
||||||
|
|
||||||
button.bulk-select {
|
// Base list
|
||||||
padding: 0;
|
// --------------------------------------------------
|
||||||
}
|
|
||||||
|
|
||||||
td.bulk-select {
|
.topic-list-icons {
|
||||||
padding: 10px;
|
.d-icon-thumb-tack {
|
||||||
+ .main-link {
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
padding-left: 0;
|
}
|
||||||
}
|
.d-icon-thumb-tack.unpinned {
|
||||||
}
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
|
a.title {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
.d-icon-bookmark {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.badge-notification {
|
.topic-list {
|
||||||
position: relative;
|
@extend .topic-list-icons;
|
||||||
top: -2px;
|
|
||||||
&.new-topic {
|
|
||||||
top: -1px;
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.posters {
|
margin: 0 0 10px;
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: 12px 5px;
|
||||||
|
&:first-of-type {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
&:last-of-type {
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
th {
|
||||||
|
button .d-icon {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button.bulk-select {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.bulk-select {
|
||||||
|
padding: 10px;
|
||||||
|
+ .main-link {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-notification {
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
&.new-topic {
|
||||||
|
top: -1px;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.posters {
|
||||||
// we know there are up to 5 avatars of fixed size
|
// we know there are up to 5 avatars of fixed size
|
||||||
// will be overridden by media width queries on narrow displays to 1 avatar's width
|
// will be overridden by media width queries on narrow displays to 1 avatar's width
|
||||||
width: 146px;
|
width: 146px;
|
||||||
> a {
|
> a {
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
td.posters {
|
|
||||||
height: 29px; // min-height of td with avatar glow
|
|
||||||
}
|
|
||||||
.posters a:first-child .avatar.latest:not(.single) {
|
|
||||||
box-shadow: 0 0 3px 1px desaturate($tertiary-medium, 35%);
|
|
||||||
border: 2px solid desaturate($tertiary-medium, 40%);
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
left: -2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.sortable {
|
|
||||||
cursor: pointer;
|
|
||||||
&:hover {
|
|
||||||
background-color: $primary-low;
|
|
||||||
}
|
|
||||||
@include unselectable;
|
|
||||||
}
|
|
||||||
.likes {
|
|
||||||
width: 65px;
|
|
||||||
}
|
|
||||||
.views {
|
|
||||||
width: 65px;
|
|
||||||
}
|
|
||||||
.posts {
|
|
||||||
width: 65px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-actions {
|
|
||||||
clear: both;
|
|
||||||
width: auto;
|
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
|
||||||
text-align: left;
|
|
||||||
font-size: $font-down-1;
|
|
||||||
margin-top: 5px;
|
|
||||||
.fa {
|
|
||||||
margin-right: 2px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
|
||||||
margin-right: 3px;
|
|
||||||
line-height: $line-height-large;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.activity {
|
|
||||||
width: 60px;
|
|
||||||
&:lang(zh_CN) {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.age {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
.with-year {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic-list.categories {
|
|
||||||
a.title {
|
|
||||||
color: $tertiary;
|
|
||||||
}
|
|
||||||
|
|
||||||
th.posts {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
th.stats {
|
|
||||||
width: 90px;
|
|
||||||
}
|
|
||||||
td.latest {
|
|
||||||
vertical-align: top;
|
|
||||||
padding: 0 8px 8px;
|
|
||||||
}
|
|
||||||
.last-user-info {
|
|
||||||
font-size: $font-down-1;
|
|
||||||
}
|
|
||||||
.has-description {
|
|
||||||
td.category {
|
|
||||||
padding-top: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.category{
|
|
||||||
h3 {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: $font-up-2;
|
|
||||||
i {
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
a[href] {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.subcategories {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.category-description {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.clear-badge {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.featured-topic {
|
|
||||||
margin: 10px 0 0;
|
|
||||||
/* topic status glyphs */
|
|
||||||
i {
|
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium) !important;
|
|
||||||
font-size: 0.929em;
|
|
||||||
}
|
|
||||||
a.last-posted-at, a.last-posted-at:visited {
|
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
|
||||||
font-size: $font-down-1;
|
|
||||||
}
|
|
||||||
.badge {
|
|
||||||
font-size: $font-down-1;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic-list-bottom {
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Misc. stuff
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
#list-area .top-lists h2 {
|
|
||||||
cursor: pointer;
|
|
||||||
margin: 5px 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-area {
|
|
||||||
h2 {
|
|
||||||
margin: 20px 0 10px;
|
|
||||||
}
|
|
||||||
.show-more.has-topics {
|
|
||||||
top: 0;
|
|
||||||
.alert {
|
|
||||||
padding: 12px 35px 12px 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#bulk-select {
|
|
||||||
position: fixed;
|
|
||||||
right: 20px;
|
|
||||||
top: 130px;
|
|
||||||
padding: 5px;
|
|
||||||
background-color: $secondary;
|
|
||||||
z-index: z("dropdown");
|
|
||||||
}
|
|
||||||
|
|
||||||
button.dismiss-read {
|
|
||||||
float: right;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tags-admin-menu {
|
|
||||||
.dropdown-menu {
|
|
||||||
right: 0;
|
|
||||||
top: 30px;
|
|
||||||
bottom: auto;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-heading {
|
|
||||||
clear: both;
|
|
||||||
p {
|
|
||||||
line-height: $line-height-large;
|
|
||||||
font-size: $font-up-3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-navigation {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-logo {
|
|
||||||
max-height: 150px;
|
|
||||||
float: left;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tablet (portrait) ----------- */
|
|
||||||
|
|
||||||
@media all
|
|
||||||
and (max-width : 850px) {
|
|
||||||
|
|
||||||
// slightly smaller font, tighten spacing on nav pills
|
|
||||||
.nav-pills {
|
|
||||||
> li > a {
|
|
||||||
font-size: $font-0;
|
|
||||||
padding: 7px 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// new topic just a "+" no text
|
|
||||||
button#create-topic {
|
|
||||||
span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
td.posters {
|
||||||
|
height: 29px; // min-height of td with avatar glow
|
||||||
|
}
|
||||||
|
.posters a:first-child .avatar.latest:not(.single) {
|
||||||
|
box-shadow: 0 0 3px 1px desaturate($tertiary-medium, 35%);
|
||||||
|
border: 2px solid desaturate($tertiary-medium, 40%);
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
left: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
.topic-list {
|
.sortable {
|
||||||
|
cursor: pointer;
|
||||||
|
&:hover {
|
||||||
|
background-color: $primary-low;
|
||||||
|
}
|
||||||
|
@include unselectable;
|
||||||
|
}
|
||||||
|
.likes {
|
||||||
|
width: 65px;
|
||||||
|
}
|
||||||
|
.views {
|
||||||
|
width: 65px;
|
||||||
|
}
|
||||||
|
.posts {
|
||||||
|
width: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
// tighter table header spacing
|
.post-actions {
|
||||||
|
clear: both;
|
||||||
|
width: auto;
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
text-align: left;
|
||||||
|
font-size: $font-down-1;
|
||||||
|
margin-top: 5px;
|
||||||
|
.fa {
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
margin-right: 3px;
|
||||||
|
line-height: $line-height-large;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.activity {
|
||||||
|
width: 60px;
|
||||||
|
&:lang(zh_CN) {
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.age {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
.with-year {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.topic-list.categories {
|
||||||
|
a.title {
|
||||||
|
color: $tertiary;
|
||||||
|
}
|
||||||
|
|
||||||
|
th.posts {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
th.stats {
|
||||||
|
width: 90px;
|
||||||
|
}
|
||||||
|
td.latest {
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 0 8px 8px;
|
||||||
|
}
|
||||||
|
.last-user-info {
|
||||||
|
font-size: $font-down-1;
|
||||||
|
}
|
||||||
|
.has-description {
|
||||||
|
td.category {
|
||||||
|
padding-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.category {
|
||||||
|
h3 {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: $font-up-2;
|
||||||
|
i {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
a[href] {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.subcategories {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.category-description {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.clear-badge {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-topic {
|
||||||
|
margin: 10px 0 0;
|
||||||
|
/* topic status glyphs */
|
||||||
|
i {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium) !important;
|
||||||
|
font-size: 0.929em;
|
||||||
|
}
|
||||||
|
a.last-posted-at,
|
||||||
|
a.last-posted-at:visited {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
font-size: $font-down-1;
|
||||||
|
}
|
||||||
|
.badge {
|
||||||
|
font-size: $font-down-1;
|
||||||
|
top: -1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.topic-list-bottom {
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Misc. stuff
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
#list-area .top-lists h2 {
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 5px 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#list-area {
|
||||||
|
h2 {
|
||||||
|
margin: 20px 0 10px;
|
||||||
|
}
|
||||||
|
.show-more.has-topics {
|
||||||
|
top: 0;
|
||||||
|
.alert {
|
||||||
|
padding: 12px 35px 12px 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#bulk-select {
|
||||||
|
position: fixed;
|
||||||
|
right: 20px;
|
||||||
|
top: 130px;
|
||||||
|
padding: 5px;
|
||||||
|
background-color: $secondary;
|
||||||
|
z-index: z("dropdown");
|
||||||
|
}
|
||||||
|
|
||||||
|
button.dismiss-read {
|
||||||
|
float: right;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tags-admin-menu {
|
||||||
|
.dropdown-menu {
|
||||||
|
right: 0;
|
||||||
|
top: 30px;
|
||||||
|
bottom: auto;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-heading {
|
||||||
|
clear: both;
|
||||||
|
p {
|
||||||
|
line-height: $line-height-large;
|
||||||
|
font-size: $font-up-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-navigation {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-logo {
|
||||||
|
max-height: 150px;
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tablet (portrait) ----------- */
|
||||||
|
|
||||||
|
@media all and (max-width: 850px) {
|
||||||
|
// slightly smaller font, tighten spacing on nav pills
|
||||||
|
.nav-pills {
|
||||||
|
> li > a {
|
||||||
|
font-size: $font-0;
|
||||||
|
padding: 7px 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// new topic just a "+" no text
|
||||||
|
button#create-topic {
|
||||||
|
span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
i {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.topic-list {
|
||||||
|
// tighter table header spacing
|
||||||
th:first-of-type {
|
th:first-of-type {
|
||||||
padding: 12px 5px;
|
padding: 12px 5px;
|
||||||
}
|
}
|
||||||
// smaller table cell spacing
|
// smaller table cell spacing
|
||||||
th, td {
|
th,
|
||||||
padding: 10px;
|
td {
|
||||||
font-size: $font-0;
|
padding: 10px;
|
||||||
}
|
font-size: $font-0;
|
||||||
.category {
|
}
|
||||||
min-width: 0;
|
.category {
|
||||||
padding: 0;
|
min-width: 0;
|
||||||
}
|
padding: 0;
|
||||||
// suppress views column
|
}
|
||||||
th.views {
|
// suppress views column
|
||||||
|
th.views {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
td.views {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
// reduce width for more title space
|
||||||
|
.posts {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
.posters {
|
||||||
|
width: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
// show only the first poster
|
||||||
|
td.posters {
|
||||||
|
a:not(.latest) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
td.views {
|
a.latest {
|
||||||
display: none;
|
width: 100%;
|
||||||
}
|
img {
|
||||||
// reduce width for more title space
|
margin: 0 auto;
|
||||||
.posts {
|
|
||||||
width: 50px;
|
|
||||||
}
|
|
||||||
.posters {
|
|
||||||
width: 30px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
// show only the first poster
|
|
||||||
td.posters {
|
|
||||||
a:not(.latest) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
a.latest {
|
|
||||||
width: 100%;
|
|
||||||
img {
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ h1 .topic-statuses .topic-status i {
|
|||||||
max-width: 80px;
|
max-width: 80px;
|
||||||
height: auto;
|
height: auto;
|
||||||
max-height: 40px;
|
max-height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-body {
|
.topic-body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -34,14 +34,17 @@ h1 .topic-statuses .topic-status i {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.actions .fade-out {
|
.actions .fade-out {
|
||||||
.discourse-no-touch & {
|
.discourse-no-touch & {
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
transition: opacity 0.7s ease-in-out;
|
transition: opacity 0.7s ease-in-out;
|
||||||
}
|
}
|
||||||
.discourse-touch & {opacity: 1;}
|
.discourse-touch & {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .actions .fade-out, .selected .actions .fade-out {
|
&:hover .actions .fade-out,
|
||||||
|
.selected .actions .fade-out {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -51,7 +54,6 @@ section.post-menu-area {
|
|||||||
}
|
}
|
||||||
|
|
||||||
nav.post-controls {
|
nav.post-controls {
|
||||||
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.like-button {
|
.like-button {
|
||||||
@@ -79,7 +81,7 @@ nav.post-controls {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
box-shadow: inset 0 1px 3px rgba(0,0,0, .4);
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||||
|
|
||||||
.widget-button {
|
.widget-button {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@@ -117,11 +119,12 @@ nav.post-controls {
|
|||||||
color: dark-light-choose($primary-medium, $secondary-high);
|
color: dark-light-choose($primary-medium, $secondary-high);
|
||||||
}
|
}
|
||||||
|
|
||||||
a, button {
|
a,
|
||||||
|
button {
|
||||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||||
|
|
||||||
.d-icon {
|
.d-icon {
|
||||||
opacity: 1.0;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -135,7 +138,6 @@ nav.post-controls {
|
|||||||
span.badge-posts {
|
span.badge-posts {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
transition: all linear 0.15s;
|
transition: all linear 0.15s;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.actions {
|
.actions {
|
||||||
@@ -151,10 +153,14 @@ nav.post-controls {
|
|||||||
.show-replies {
|
.show-replies {
|
||||||
margin-left: -10px;
|
margin-left: -10px;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
span.badge-posts {color: dark-light-choose($primary-medium, $secondary-high); }
|
span.badge-posts {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-high);
|
||||||
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $primary-low;
|
background: $primary-low;
|
||||||
span.badge-posts {color: $primary;}
|
span.badge-posts {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
i {
|
i {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
@@ -180,13 +186,14 @@ nav.post-controls {
|
|||||||
border: none;
|
border: none;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
|
|
||||||
&.d-hover, &:focus {
|
&.d-hover,
|
||||||
|
&:focus {
|
||||||
background: $primary-low;
|
background: $primary-low;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
box-shadow: inset 0 1px 3px rgba(0,0,0, .4);
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hidden {
|
&.hidden {
|
||||||
@@ -196,17 +203,21 @@ nav.post-controls {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.delete.d-hover, &.delete:focus {
|
&.delete.d-hover,
|
||||||
|
&.delete:focus {
|
||||||
background: $danger;
|
background: $danger;
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.like.d-hover, &.like:focus {
|
&.like.d-hover,
|
||||||
|
&.like:focus {
|
||||||
color: $love;
|
color: $love;
|
||||||
background: $love-low;
|
background: $love-low;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.has-like {color: $love;}
|
&.has-like {
|
||||||
|
color: $love;
|
||||||
|
}
|
||||||
&.has-like[disabled]:hover {
|
&.has-like[disabled]:hover {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
@@ -257,8 +268,12 @@ nav.post-controls {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.embedded-posts {
|
.embedded-posts {
|
||||||
h1, h2, h3 { margin: 10px 0; }
|
h1,
|
||||||
border: 1px solid $primary-low;
|
h2,
|
||||||
|
h3 {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
border: 1px solid $primary-low;
|
||||||
|
|
||||||
.topic-body {
|
.topic-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@@ -280,11 +295,12 @@ nav.post-controls {
|
|||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapse-down, .collapse-up {
|
.collapse-down,
|
||||||
|
.collapse-up {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
background: $secondary;
|
background: $secondary;
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
padding: 6px 9px 8px;
|
padding: 6px 9px 8px;
|
||||||
z-index: 99; // Needs to be higher than topic-avatar
|
z-index: 99; // Needs to be higher than topic-avatar
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -307,8 +323,9 @@ nav.post-controls {
|
|||||||
transform: translate(-50%, -164%);
|
transform: translate(-50%, -164%);
|
||||||
}
|
}
|
||||||
.row {
|
.row {
|
||||||
padding-bottom: .5em;
|
padding-bottom: 0.5em;
|
||||||
.topic-avatar, .topic-body {
|
.topic-avatar,
|
||||||
|
.topic-body {
|
||||||
border-top: 1px solid $primary-low;
|
border-top: 1px solid $primary-low;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -324,7 +341,8 @@ nav.post-controls {
|
|||||||
width: 699px;
|
width: 699px;
|
||||||
.row {
|
.row {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
.topic-avatar, .topic-body {
|
.topic-avatar,
|
||||||
|
.topic-body {
|
||||||
border-top: 1px solid $primary-low;
|
border-top: 1px solid $primary-low;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -333,9 +351,16 @@ nav.post-controls {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-date { color: dark-light-choose($primary-medium, $secondary-high); }
|
.post-date {
|
||||||
.d-icon-arrow-up, .d-icon-arrow-down { margin-left: 5px; }
|
color: dark-light-choose($primary-medium, $secondary-high);
|
||||||
.reply:first-of-type .row { border-top: none; }
|
}
|
||||||
|
.d-icon-arrow-up,
|
||||||
|
.d-icon-arrow-down {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.reply:first-of-type .row {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
.topic-meta-data {
|
.topic-meta-data {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -349,38 +374,48 @@ nav.post-controls {
|
|||||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.arrow {color: dark-light-choose($primary-medium, $secondary-high); }
|
.arrow {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-high);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-action {
|
.post-action {
|
||||||
.relative-date {
|
.relative-date {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
.avatar { margin-right: 2px; }
|
.avatar {
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-map {
|
.topic-map {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
|
|
||||||
.map {
|
.map {
|
||||||
.secondary {text-align: center;}
|
.secondary {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
li {
|
li {
|
||||||
float: left;
|
float: left;
|
||||||
padding: 7px 10px;
|
padding: 7px 10px;
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
}
|
}
|
||||||
&:nth-child(3) { text-align:center; }
|
&:nth-child(3) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
a, .number {
|
a,
|
||||||
|
.number {
|
||||||
line-height: $line-height-large;
|
line-height: $line-height-large;
|
||||||
}
|
}
|
||||||
.number, i {
|
.number,
|
||||||
|
i {
|
||||||
color: dark-light-choose($primary-high, $secondary-low);
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
font-size: $font-up-2;
|
font-size: $font-up-2;
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
}
|
}
|
||||||
.avatar a {
|
.avatar a {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.topic-map-post {
|
.topic-map-post {
|
||||||
@@ -394,8 +429,12 @@ nav.post-controls {
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.participants { // PMs //
|
.participants {
|
||||||
.user { float: left; margin: 7px 20px 7px 0; }
|
// PMs //
|
||||||
|
.user {
|
||||||
|
float: left;
|
||||||
|
margin: 7px 20px 7px 0;
|
||||||
|
}
|
||||||
.user a {
|
.user a {
|
||||||
color: dark-light-choose($primary-high, $secondary-low);
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -455,7 +494,9 @@ nav.post-controls {
|
|||||||
}
|
}
|
||||||
.btn {
|
.btn {
|
||||||
@include topic-footer-button;
|
@include topic-footer-button;
|
||||||
.d-icon-bookmark.bookmarked { color: $tertiary; }
|
.d-icon-bookmark.bookmarked {
|
||||||
|
color: $tertiary;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bookmark.bookmarked .d-icon-bookmark {
|
.bookmark.bookmarked .d-icon-bookmark {
|
||||||
@@ -484,14 +525,14 @@ nav.post-controls {
|
|||||||
#suggested-topics .topic-statuses .topic-status {
|
#suggested-topics .topic-statuses .topic-status {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
i {
|
i {
|
||||||
font-size:1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
span.post-count {
|
span.post-count {
|
||||||
background: $primary;
|
background: $primary;
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
opacity: .8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.expand-post {
|
button.expand-post {
|
||||||
@@ -511,28 +552,46 @@ video {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes fadein {
|
@-webkit-keyframes fadein {
|
||||||
from {opacity: 0;}
|
from {
|
||||||
to {opacity: 1;}
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadein {
|
@keyframes fadein {
|
||||||
from {opacity: 0;}
|
from {
|
||||||
to {opacity: 1;}
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.extra-info-wrapper {
|
.extra-info-wrapper {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.badge-wrapper, i, .topic-link {
|
.badge-wrapper,
|
||||||
-webkit-animation: fadein .7s;
|
i,
|
||||||
animation: fadein .7s;
|
.topic-link {
|
||||||
|
-webkit-animation: fadein 0.7s;
|
||||||
|
animation: fadein 0.7s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-statuses {
|
.topic-statuses {
|
||||||
i { color: $header_primary; }
|
i {
|
||||||
.d-icon-envelope { color: $danger; }
|
color: $header_primary;
|
||||||
.d-icon-lock {padding-top: .15em;}
|
}
|
||||||
.unpinned { color: $header_primary; }
|
.d-icon-envelope {
|
||||||
|
color: $danger;
|
||||||
|
}
|
||||||
|
.d-icon-lock {
|
||||||
|
padding-top: 0.15em;
|
||||||
|
}
|
||||||
|
.unpinned {
|
||||||
|
color: $header_primary;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-link {
|
.topic-link {
|
||||||
@@ -571,8 +630,7 @@ video {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.open > .dropdown-menu {
|
||||||
.open >.dropdown-menu {
|
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -585,10 +643,14 @@ video {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.deleted {
|
.deleted {
|
||||||
.topic-body {
|
.topic-body {
|
||||||
background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%);
|
background-color: dark-light-diff(
|
||||||
|
rgba($danger, 0.7),
|
||||||
|
$secondary,
|
||||||
|
50%,
|
||||||
|
-60%
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -612,7 +674,6 @@ video {
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* solo quotes */
|
/* solo quotes */
|
||||||
blockquote {
|
blockquote {
|
||||||
/* leave browser defaults for top and bottom here */
|
/* leave browser defaults for top and bottom here */
|
||||||
@@ -623,23 +684,27 @@ blockquote {
|
|||||||
|
|
||||||
/* quotes with attribution */
|
/* quotes with attribution */
|
||||||
.quote {
|
.quote {
|
||||||
&>blockquote {
|
& > blockquote {
|
||||||
.onebox-result {
|
.onebox-result {
|
||||||
background-color: blend-primary-secondary(5%);
|
background-color: blend-primary-secondary(5%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
aside {
|
aside {
|
||||||
.quote, .title, blockquote, .onebox, .onebox-result {
|
.quote,
|
||||||
|
.title,
|
||||||
|
blockquote,
|
||||||
|
.onebox,
|
||||||
|
.onebox-result {
|
||||||
background: blend-primary-secondary(5%);
|
background: blend-primary-secondary(5%);
|
||||||
border-left: 5px solid $primary-low;
|
border-left: 5px solid $primary-low;
|
||||||
}
|
}
|
||||||
|
|
||||||
aside.quote>blockquote, aside.quote>.title {
|
aside.quote > blockquote,
|
||||||
|
aside.quote > .title {
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// variables are used to calculate the width of .gap
|
// variables are used to calculate the width of .gap
|
||||||
@@ -665,7 +730,9 @@ $topic-avatar-width: 45px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.gap {
|
.gap {
|
||||||
width: calc(#{$topic-avatar-width} + #{$topic-body-width} + 2 * #{$topic-body-width-padding});
|
width: calc(
|
||||||
|
#{$topic-avatar-width} + #{$topic-body-width} + 2 * #{$topic-body-width-padding}
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* hide the reply border above the time gap notices */
|
/* hide the reply border above the time gap notices */
|
||||||
@@ -678,7 +745,6 @@ $topic-avatar-width: 45px;
|
|||||||
border-bottom: 1px solid $primary-low;
|
border-bottom: 1px solid $primary-low;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.posts-wrapper {
|
.posts-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
-webkit-font-smoothing: subpixel-antialiased;
|
-webkit-font-smoothing: subpixel-antialiased;
|
||||||
@@ -730,7 +796,7 @@ $topic-avatar-width: 45px;
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
transition: all linear .15s;
|
transition: all linear 0.15s;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
margin-left: 26px;
|
margin-left: 26px;
|
||||||
@@ -742,7 +808,6 @@ $topic-avatar-width: 45px;
|
|||||||
color: $primary;
|
color: $primary;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $highlight-medium;
|
background-color: $highlight-medium;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu .disabled > a,
|
.dropdown-menu .disabled > a,
|
||||||
@@ -818,8 +883,7 @@ $topic-avatar-width: 45px;
|
|||||||
&[href] {
|
&[href] {
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
&:hover
|
&:hover {
|
||||||
{
|
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
background: $tertiary-high;
|
background: $tertiary-high;
|
||||||
}
|
}
|
||||||
@@ -830,7 +894,7 @@ $topic-avatar-width: 45px;
|
|||||||
&[disabled] {
|
&[disabled] {
|
||||||
text-shadow: 0 1px 0 rgba($primary, 0.2);
|
text-shadow: 0 1px 0 rgba($primary, 0.2);
|
||||||
@include linear-gradient($tertiary, darken($tertiary, 20%));
|
@include linear-gradient($tertiary, darken($tertiary, 20%));
|
||||||
@include box-shadow(inset 0 1px 0 rgba(0,0,0, 0.33));
|
@include box-shadow(inset 0 1px 0 rgba(0, 0, 0, 0.33));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -878,7 +942,9 @@ a.attachment:before {
|
|||||||
content: "\f019";
|
content: "\f019";
|
||||||
}
|
}
|
||||||
|
|
||||||
.private_message .gutter, .deleted-topic .gutter,.read_restricted .gutter {
|
.private_message .gutter,
|
||||||
|
.deleted-topic .gutter,
|
||||||
|
.read_restricted .gutter {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -886,29 +952,29 @@ a.attachment:before {
|
|||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 767px;
|
left: 767px;
|
||||||
color: rgba($primary-low, .8);
|
color: rgba($primary-low, 0.8);
|
||||||
font: 6.429em/1 FontAwesome;
|
font: 6.429em/1 FontAwesome;
|
||||||
content: "\f014";
|
content: "\f014";
|
||||||
z-index: z("base");
|
z-index: z("base");
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-meta-data {
|
.topic-meta-data {
|
||||||
|
&:after {
|
||||||
&:after {
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
content: " ";
|
content: " ";
|
||||||
clear: both;
|
clear: both;
|
||||||
height: 0;
|
height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-info {
|
|
||||||
display: inline-block;
|
|
||||||
float: right;
|
|
||||||
a {color: dark-light-choose($primary-medium, $secondary-medium); }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.post-info {
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
a {
|
||||||
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.who-liked {
|
.who-liked {
|
||||||
@@ -945,10 +1011,7 @@ span.highlighted {
|
|||||||
|
|
||||||
/* Tablet (portrait) ----------- */
|
/* Tablet (portrait) ----------- */
|
||||||
|
|
||||||
|
@media all and (max-width: 775px) {
|
||||||
@media all
|
|
||||||
and (max-width : 775px) {
|
|
||||||
|
|
||||||
.gutter {
|
.gutter {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -958,15 +1021,15 @@ and (max-width : 775px) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.topic-post .reply-to-tab {
|
.topic-post .reply-to-tab {
|
||||||
right: 15%;
|
right: 15%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-body {
|
.topic-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: calc(100% - 47px); //100% - [width of .topic-avatar + 2px]
|
width: calc(100% - 47px); //100% - [width of .topic-avatar + 2px]
|
||||||
|
|
||||||
padding-left: 2%;
|
padding-left: 2%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.embedded-posts {
|
.embedded-posts {
|
||||||
// top means "in reply to expansion" above a post
|
// top means "in reply to expansion" above a post
|
||||||
@@ -974,5 +1037,4 @@ and (max-width : 775px) {
|
|||||||
width: calc(100% - 56px); // [100% - margin-left]
|
width: calc(100% - 56px); // [100% - margin-left]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,14 +14,18 @@
|
|||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edits {margin-right: 5px;}
|
.edits {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
#topic-title {
|
#topic-title {
|
||||||
z-index: z("base");
|
z-index: z("base");
|
||||||
padding-top: 14px;
|
padding-top: 14px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
#edit-title, .category-chooser, .edit-controls {
|
#edit-title,
|
||||||
|
.category-chooser,
|
||||||
|
.edit-controls {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
@@ -29,12 +33,16 @@
|
|||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
a {color: $primary;}
|
a {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.topic-statuses {
|
.topic-statuses {
|
||||||
margin-top: -2px;
|
margin-top: -2px;
|
||||||
}
|
}
|
||||||
.private-message-glyph { display: none; }
|
.private-message-glyph {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.remove-featured-link {
|
.remove-featured-link {
|
||||||
float: right;
|
float: right;
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
@@ -47,7 +55,9 @@
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.private_message #topic-title .private-message-glyph { display: inline; }
|
.private_message #topic-title .private-message-glyph {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
.topic-error {
|
.topic-error {
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
@@ -169,9 +179,9 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 0;
|
width: 0;
|
||||||
max-width: 145px;
|
max-width: 145px;
|
||||||
border-right: 1px solid $tertiary-low;
|
border-right: 1px solid $tertiary-low;
|
||||||
background-color: $tertiary-low;
|
background-color: $tertiary-low;
|
||||||
transition: width .75s;
|
transition: width 0.75s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -185,10 +195,9 @@
|
|||||||
z-index: z("dropdown");
|
z-index: z("dropdown");
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all
|
@media all and (min-width: 400px) {
|
||||||
and (min-width: 400px) {
|
#topic-progress,
|
||||||
|
#topic-progress-expanded {
|
||||||
#topic-progress, #topic-progress-expanded {
|
|
||||||
right: 0;
|
right: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
@@ -206,14 +215,11 @@ and (min-width: 400px) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all
|
@media all and (max-width: 485px) {
|
||||||
and (max-width : 485px) {
|
|
||||||
|
|
||||||
#topic-progress-wrapper.docked {
|
#topic-progress-wrapper.docked {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#topic-footer-main-buttons {
|
#topic-footer-main-buttons {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -22,7 +22,8 @@
|
|||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
}
|
}
|
||||||
.description, .hint {
|
.description,
|
||||||
|
.hint {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -32,7 +33,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.radios:last-child:not(:nth-child(2)) { // last child for composer modal, but not theme import modal
|
.radios:last-child:not(:nth-child(2)) {
|
||||||
|
// last child for composer modal, but not theme import modal
|
||||||
min-height: 20px;
|
min-height: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,7 +4,8 @@
|
|||||||
$user_card_primary: $primary;
|
$user_card_primary: $primary;
|
||||||
$user_card_background: $secondary;
|
$user_card_background: $secondary;
|
||||||
|
|
||||||
#user-card, #group-card {
|
#user-card,
|
||||||
|
#group-card {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
left: -9999px;
|
left: -9999px;
|
||||||
@@ -16,11 +17,11 @@ $user_card_background: $secondary;
|
|||||||
background: $user_card_background center center;
|
background: $user_card_background center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
min-height: 175px;
|
min-height: 175px;
|
||||||
-webkit-transition: opacity .2s, -webkit-transform .2s;
|
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
|
||||||
transition: opacity .2s, transform .2s;
|
transition: opacity 0.2s, transform 0.2s;
|
||||||
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@include transform(scale(.9));
|
@include transform(scale(0.9));
|
||||||
|
|
||||||
&.show {
|
&.show {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
@@ -29,16 +30,16 @@ $user_card_background: $secondary;
|
|||||||
|
|
||||||
&.fixed {
|
&.fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: z("composer","content") + 1;
|
z-index: z("composer", "content") + 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-content {
|
.card-content {
|
||||||
padding: 12px 12px 0 12px;
|
padding: 12px 12px 0 12px;
|
||||||
background: rgba($user_card_background, .85);
|
background: rgba($user_card_background, 0.85);
|
||||||
margin-top: 80px;
|
margin-top: 80px;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: '';
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
@@ -132,12 +133,17 @@ $user_card_background: $secondary;
|
|||||||
h3 {
|
h3 {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
.desc, a {
|
.desc,
|
||||||
|
a {
|
||||||
color: scale-color($user_card_primary, $lightness: 35%);
|
color: scale-color($user_card_primary, $lightness: 35%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
div {display: inline; color: scale-color($user_card_background, $lightness: 50%);
|
div {
|
||||||
.group-link {color: scale-color($user_card_background, $lightness: 50%);}
|
display: inline;
|
||||||
|
color: scale-color($user_card_background, $lightness: 50%);
|
||||||
|
.group-link {
|
||||||
|
color: scale-color($user_card_background, $lightness: 50%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -173,30 +179,33 @@ $user_card_background: $secondary;
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
.location, .website-name {
|
.location,
|
||||||
|
.website-name {
|
||||||
display: flex;
|
display: flex;
|
||||||
max-width: 90%;
|
max-width: 90%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
i {
|
i {
|
||||||
margin-right: .25em;
|
margin-right: 0.25em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.website-name a, .location span {
|
.website-name a,
|
||||||
overflow: hidden;
|
.location span {
|
||||||
text-overflow: ellipsis;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
text-overflow: ellipsis;
|
||||||
color: $user_card_primary;
|
white-space: nowrap;
|
||||||
|
color: $user_card_primary;
|
||||||
}
|
}
|
||||||
.location {
|
.location {
|
||||||
margin-right: .5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
.website-name a {
|
.website-name a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-card-avatar, .group-card-avatar {
|
.user-card-avatar,
|
||||||
|
.group-card-avatar {
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-top: -53px;
|
margin-top: -53px;
|
||||||
@@ -249,7 +258,10 @@ $user_card_background: $secondary;
|
|||||||
float: right;
|
float: right;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
button { width: 100%; min-width: 150px; }
|
button {
|
||||||
|
width: 100%;
|
||||||
|
min-width: 150px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-user a {
|
.new-user a {
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
height: 420px;
|
height: 420px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
transition: height .15s linear;
|
transition: height 0.15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-background {
|
.no-background {
|
||||||
@@ -85,7 +85,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn.right {
|
.btn.right {
|
||||||
float: right
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
@@ -149,11 +149,11 @@
|
|||||||
.details {
|
.details {
|
||||||
padding: 0 0 4px 0;
|
padding: 0 0 4px 0;
|
||||||
margin-top: -200px;
|
margin-top: -200px;
|
||||||
transition: margin .15s linear;
|
transition: margin 0.15s linear;
|
||||||
|
|
||||||
img.avatar {
|
img.avatar {
|
||||||
margin: 0 20px 10px 0;
|
margin: 0 20px 10px 0;
|
||||||
transition: all .1s linear;
|
transition: all 0.1s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary {
|
.primary {
|
||||||
@@ -206,7 +206,6 @@
|
|||||||
width: auto;
|
width: auto;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
@@ -237,7 +236,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.user-field {
|
.user-field {
|
||||||
input[type=text] {
|
input[type="text"] {
|
||||||
width: 530px;
|
width: 530px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -249,7 +248,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.viewing-self & .about.collapsed-info {
|
.viewing-self & .about.collapsed-info {
|
||||||
.secondary, .staff-counters {
|
.secondary,
|
||||||
|
.staff-counters {
|
||||||
display: inherit;
|
display: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -270,7 +270,8 @@
|
|||||||
width: 530px;
|
width: 530px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-selector, .tag-chooser {
|
.category-selector,
|
||||||
|
.tag-chooser {
|
||||||
width: 530px;
|
width: 530px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -279,7 +280,7 @@
|
|||||||
width: 530px;
|
width: 530px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&[type=text] {
|
&[type="text"] {
|
||||||
@include small-width {
|
@include small-width {
|
||||||
width: 450px;
|
width: 450px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,10 +19,13 @@ article.post {
|
|||||||
border-left: 5px solid darken($primary-low, 10%);
|
border-left: 5px solid darken($primary-low, 10%);
|
||||||
background-color: $primary-low;
|
background-color: $primary-low;
|
||||||
padding: 10px 10px 0 12px;
|
padding: 10px 10px 0 12px;
|
||||||
.avatar { margin-right: 7px; }
|
.avatar {
|
||||||
|
margin-right: 7px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ol, ul {
|
ol,
|
||||||
|
ul {
|
||||||
clear: none;
|
clear: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -35,7 +38,7 @@ article.post {
|
|||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
}
|
}
|
||||||
p:last-of-type {
|
p:last-of-type {
|
||||||
margin-bottom:0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -56,7 +59,6 @@ article.post {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.cooked {
|
.cooked {
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
margin-left: 65px;
|
margin-left: 65px;
|
||||||
@@ -67,7 +69,7 @@ article.post {
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
max-width:100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
margin: 0 0 1em 0;
|
margin: 0 0 1em 0;
|
||||||
@@ -80,7 +82,7 @@ article.post {
|
|||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #5c5c5c
|
color: #5c5c5c;
|
||||||
}
|
}
|
||||||
a.staff {
|
a.staff {
|
||||||
background-color: #ffffc2;
|
background-color: #ffffc2;
|
||||||
@@ -119,7 +121,6 @@ img.emoji {
|
|||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
header.discourse {
|
header.discourse {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
|||||||
@@ -4,9 +4,9 @@
|
|||||||
|
|
||||||
// there are (n) new or updated topics, click to show
|
// there are (n) new or updated topics, click to show
|
||||||
.alert.alert-info {
|
.alert.alert-info {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-bottom: -3px;
|
margin-bottom: -3px;
|
||||||
margin-top: -5px;
|
margin-top: -5px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,5 +14,4 @@
|
|||||||
@media all and (min-height: 500px) {
|
@media all and (min-height: 500px) {
|
||||||
max-height: 180px;
|
max-height: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
// Mobile styles for "user-stream-item" component
|
// Mobile styles for "user-stream-item" component
|
||||||
.user-stream {
|
.user-stream {
|
||||||
|
|
||||||
// DEPRECATION:
|
// DEPRECATION:
|
||||||
// The ".item" class should be eventually removed because it's too generic.
|
// The ".item" class should be eventually removed because it's too generic.
|
||||||
// Once ".item" has been removed, ".user-stream-item" can replace
|
// Once ".item" has been removed, ".user-stream-item" can replace
|
||||||
@@ -17,7 +16,10 @@
|
|||||||
|
|
||||||
.notification {
|
.notification {
|
||||||
&.unread {
|
&.unread {
|
||||||
background-color: dark-light-choose($tertiary-low, srgb-scale($tertiary, $secondary, 15%));
|
background-color: dark-light-choose(
|
||||||
|
$tertiary-low,
|
||||||
|
srgb-scale($tertiary, $secondary, 15%)
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -8,151 +8,150 @@
|
|||||||
|
|
||||||
#reply-control {
|
#reply-control {
|
||||||
z-index: z("mobile-composer");
|
z-index: z("mobile-composer");
|
||||||
.reply-area {
|
.reply-area {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
@media screen and (max-width: 374px) {
|
@media screen and (max-width: 374px) {
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
}
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
&.open {
|
&.open {
|
||||||
height: 250px;
|
height: 250px;
|
||||||
&.edit-title {
|
&.edit-title {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.reply-to {
|
|
||||||
margin: 5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toggler {
|
|
||||||
margin-left: -5px;
|
|
||||||
.d-icon-chevron-down {
|
|
||||||
vertical-align: text-top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.draft {
|
|
||||||
.toggle-toolbar,
|
|
||||||
.toggler {
|
|
||||||
top: 8px;
|
|
||||||
}
|
|
||||||
.draft-text {
|
|
||||||
width: calc(100% - 40px);
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#reply-title {
|
|
||||||
width: calc(100% - 20px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-input {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
.category-chooser {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.submit-panel {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
align-items: baseline;
|
|
||||||
.save-or-cancel {
|
|
||||||
flex: 1 1 auto;
|
|
||||||
#draft-status,
|
|
||||||
#file-uploading {
|
|
||||||
margin-left: 15px;
|
|
||||||
}
|
|
||||||
.cancel {
|
|
||||||
font-size: 1.6em;
|
|
||||||
color: $primary-low-mid;
|
|
||||||
margin-left: .6em;
|
|
||||||
padding: 0 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.composer-bottom-right {
|
|
||||||
margin-left: auto;
|
|
||||||
flex: 1 1 auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-editor-textarea-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.show-preview {
|
|
||||||
.d-editor-preview-wrapper {
|
|
||||||
position: fixed;
|
|
||||||
z-index: z("base") + 1;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background-color: $secondary;
|
|
||||||
max-width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px;
|
|
||||||
overflow: auto;
|
|
||||||
.d-editor-preview {
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn.hide-preview {
|
|
||||||
position: fixed;
|
|
||||||
right: 5px;
|
|
||||||
bottom: 5px;
|
|
||||||
z-index: z("base") + 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.hide-preview {
|
|
||||||
.d-editor-preview-wrapper {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-editor-button-bar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar-visible .d-editor-button-bar {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-editor-button-bar .btn {
|
|
||||||
@media all and ( max-width: 350px) {
|
|
||||||
padding: 2px 4px;
|
|
||||||
}
|
|
||||||
&.preview {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#mobile-uploader {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-and-category,
|
|
||||||
.user-selector {
|
|
||||||
margin: 0;
|
|
||||||
.users-input {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-input,
|
|
||||||
.category-input,
|
|
||||||
.users-input,
|
|
||||||
.add-warning {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-warning {
|
|
||||||
margin: 0 0 5px 5px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.reply-to {
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler {
|
||||||
|
margin-left: -5px;
|
||||||
|
.d-icon-chevron-down {
|
||||||
|
vertical-align: text-top;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.draft {
|
||||||
|
.toggle-toolbar,
|
||||||
|
.toggler {
|
||||||
|
top: 8px;
|
||||||
|
}
|
||||||
|
.draft-text {
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#reply-title {
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-input {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
.category-chooser {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-panel {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
align-items: baseline;
|
||||||
|
.save-or-cancel {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
#draft-status,
|
||||||
|
#file-uploading {
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
.cancel {
|
||||||
|
font-size: 1.6em;
|
||||||
|
color: $primary-low-mid;
|
||||||
|
margin-left: 0.6em;
|
||||||
|
padding: 0 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.composer-bottom-right {
|
||||||
|
margin-left: auto;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-editor-textarea-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.show-preview {
|
||||||
|
.d-editor-preview-wrapper {
|
||||||
|
position: fixed;
|
||||||
|
z-index: z("base") + 1;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: $secondary;
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 10px;
|
||||||
|
overflow: auto;
|
||||||
|
.d-editor-preview {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn.hide-preview {
|
||||||
|
position: fixed;
|
||||||
|
right: 5px;
|
||||||
|
bottom: 5px;
|
||||||
|
z-index: z("base") + 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.hide-preview {
|
||||||
|
.d-editor-preview-wrapper {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-editor-button-bar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar-visible .d-editor-button-bar {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-editor-button-bar .btn {
|
||||||
|
@media all and (max-width: 350px) {
|
||||||
|
padding: 2px 4px;
|
||||||
|
}
|
||||||
|
&.preview {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#mobile-uploader {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-and-category,
|
||||||
|
.user-selector {
|
||||||
|
margin: 0;
|
||||||
|
.users-input {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-input,
|
||||||
|
.category-input,
|
||||||
|
.users-input,
|
||||||
|
.add-warning {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-warning {
|
||||||
|
margin: 0 0 5px 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -8,13 +8,12 @@ html {
|
|||||||
font-size: 15px; // Increasing overall font-size on mobile by 1px
|
font-size: 15px; // Increasing overall font-size on mobile by 1px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: $secondary;
|
background-color: $secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
background-color:$secondary;
|
background-color: $secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
@@ -25,10 +24,9 @@ blockquote {
|
|||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
margin-bottom:0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Common classes
|
// Common classes
|
||||||
|
|||||||
@@ -22,7 +22,8 @@
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.group-activity, .group-manage {
|
.group-activity,
|
||||||
|
.group-manage {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -34,7 +35,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.group-activity-outlet, .group-messages-outlet {
|
.group-activity-outlet,
|
||||||
|
.group-messages-outlet {
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -45,7 +47,7 @@
|
|||||||
|
|
||||||
.group-flair-inputs {
|
.group-flair-inputs {
|
||||||
.group-flair-right {
|
.group-flair-right {
|
||||||
margin: 0
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -100,7 +102,6 @@ table.group-manage-logs {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.group-add-members-btn {
|
.group-add-members-btn {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user