mirror of https://github.com/zulip/zulip.git
styles: Remove unit from 0 lengths.
Generated by stylelint --fix. Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
parent
6dea671fde
commit
483445e3d3
|
@ -36,7 +36,7 @@ $alert-error-red: hsl(0, 80%, 40%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.stream_create_info {
|
&.stream_create_info {
|
||||||
margin: 10px 10px 0px 10px;
|
margin: 10px 10px 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bankruptcy_unread_count {
|
.bankruptcy_unread_count {
|
||||||
|
@ -47,8 +47,8 @@ $alert-error-red: hsl(0, 80%, 40%);
|
||||||
/* alert box component changes */
|
/* alert box component changes */
|
||||||
.alert-box {
|
.alert-box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0;
|
||||||
left: 0px;
|
left: 0;
|
||||||
width: 900px;
|
width: 900px;
|
||||||
margin-left: calc(50% - 450px);
|
margin-left: calc(50% - 450px);
|
||||||
z-index: 220;
|
z-index: 220;
|
||||||
|
@ -120,8 +120,8 @@ $alert-error-red: hsl(0, 80%, 40%);
|
||||||
.code-context {
|
.code-context {
|
||||||
color: hsl(0, 7%, 15%);
|
color: hsl(0, 7%, 15%);
|
||||||
background-color: hsl(0, 7%, 98%);
|
background-color: hsl(0, 7%, 98%);
|
||||||
box-shadow: inset 0px 11px 10px -10px hsl(0, 7%, 70%),
|
box-shadow: inset 0 11px 10px -10px hsl(0, 7%, 70%),
|
||||||
inset 0px -11px 10px -10px hsl(0, 7%, 70%);
|
inset 0 -11px 10px -10px hsl(0, 7%, 70%);
|
||||||
|
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
@ -191,7 +191,7 @@ $alert-error-red: hsl(0, 80%, 40%);
|
||||||
.exit {
|
.exit {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
right: 0px;
|
right: 0;
|
||||||
|
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
@ -216,14 +216,14 @@ $alert-error-red: hsl(0, 80%, 40%);
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: translateY(0px);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeOut {
|
@keyframes fadeOut {
|
||||||
0% {
|
0% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: translateY(0px);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
|
@ -238,6 +238,6 @@ $alert-error-red: hsl(0, 80%, 40%);
|
||||||
.alert-box {
|
.alert-box {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
left: 10%;
|
left: 10%;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-shadow {
|
.box-shadow {
|
||||||
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-white {
|
.bg-white {
|
||||||
|
@ -72,10 +72,10 @@
|
||||||
|
|
||||||
/* -- button style variations -- */
|
/* -- button style variations -- */
|
||||||
&.no-style {
|
&.no-style {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
min-width: 0px;
|
min-width: 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
|
@ -201,7 +201,7 @@
|
||||||
.ind-tab {
|
.ind-tab {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 90px;
|
width: 90px;
|
||||||
margin: 0px -0.5px;
|
margin: 0 -0.5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -222,7 +222,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.first {
|
&.first {
|
||||||
border-radius: 5px 0px 0px 5px;
|
border-radius: 5px 0 0 5px;
|
||||||
border-right: 1px solid transparent;
|
border-right: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -231,7 +231,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.last {
|
&.last {
|
||||||
border-radius: 0px 5px 5px 0px;
|
border-radius: 0 5px 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
|
@ -306,7 +306,7 @@
|
||||||
transition: opacity 0.2s ease-out;
|
transition: opacity 0.2s ease-out;
|
||||||
|
|
||||||
.overlay-content {
|
.overlay-content {
|
||||||
transform: translateY(0px);
|
transform: translateY(0);
|
||||||
transition-timing-function: ease-out;
|
transition-timing-function: ease-out;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -321,7 +321,7 @@
|
||||||
.new-style input[type="text"] {
|
.new-style input[type="text"] {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear_search_button {
|
.clear_search_button {
|
||||||
|
@ -359,7 +359,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.grey-box {
|
.grey-box {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
background-color: hsl(0, 0%, 98%);
|
background-color: hsl(0, 0%, 98%);
|
||||||
border: 1px solid hsl(0, 0%, 87%);
|
border: 1px solid hsl(0, 0%, 87%);
|
||||||
|
@ -400,12 +400,12 @@
|
||||||
|
|
||||||
.stream-selection-header-colorblock {
|
.stream-selection-header-colorblock {
|
||||||
/* box-shadow: 0px 2px 3px hsl(0, 0%, 80%); */
|
/* box-shadow: 0px 2px 3px hsl(0, 0%, 80%); */
|
||||||
box-shadow: inset 0px 2px 1px -2px hsl(0, 0%, 20%),
|
box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
|
||||||
inset 2px 0px 1px -2px hsl(0, 0%, 20%),
|
inset 2px 0 1px -2px hsl(0, 0%, 20%),
|
||||||
inset 0px -2px 1px -2px hsl(0, 0%, 20%);
|
inset 0 -2px 1px -2px hsl(0, 0%, 20%);
|
||||||
width: 10px;
|
width: 10px;
|
||||||
border-radius: 3px 0px 0px 3px;
|
border-radius: 3px 0 0 3px;
|
||||||
border-bottom: 0px;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stream_header_colorblock {
|
.stream_header_colorblock {
|
||||||
|
@ -419,7 +419,7 @@
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
-webkit-text-stroke: 0.05em;
|
-webkit-text-stroke: 0.05em;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
top: 9px;
|
top: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -449,7 +449,7 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
color: hsl(0, 0%, 20%);
|
color: hsl(0, 0%, 20%);
|
||||||
border: 1px solid hsl(49, 20%, 60%);
|
border: 1px solid hsl(49, 20%, 60%);
|
||||||
box-shadow: 0px 0px 4px hsla(199, 79%, 56%, 0.2);
|
box-shadow: 0 0 4px hsla(199, 79%, 56%, 0.2);
|
||||||
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
@ -463,7 +463,7 @@
|
||||||
border: 1px solid hsl(49, 20%, 84%);
|
border: 1px solid hsl(49, 20%, 84%);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: hsl(0, 0%, 40%);
|
color: hsl(0, 0%, 40%);
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
.new-style {
|
.new-style {
|
||||||
label.checkbox {
|
label.checkbox {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
@ -19,7 +19,7 @@
|
||||||
top: -2px;
|
top: -2px;
|
||||||
|
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 0px 5px 0px 0px;
|
margin: 0 5px 0 0;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
width: 10px;
|
width: 10px;
|
||||||
|
|
||||||
|
@ -75,7 +75,7 @@ a.no-underline:hover {
|
||||||
.simplebar-track {
|
.simplebar-track {
|
||||||
.simplebar-scrollbar::before {
|
.simplebar-scrollbar::before {
|
||||||
background-color: hsl(0, 0%, 0%);
|
background-color: hsl(0, 0%, 0%);
|
||||||
box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.33);
|
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.33);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.simplebar-vertical {
|
&.simplebar-vertical {
|
||||||
|
|
|
@ -75,14 +75,14 @@
|
||||||
.compose_table {
|
.compose_table {
|
||||||
.stream-selection-header-colorblock {
|
.stream-selection-header-colorblock {
|
||||||
&.message_header_private_message {
|
&.message_header_private_message {
|
||||||
border-radius: 3px 0px 0px 3px;
|
border-radius: 3px 0 0 3px;
|
||||||
border-bottom: 0px;
|
border-bottom: 0;
|
||||||
background-color: hsl(0, 0%, 27%);
|
background-color: hsl(0, 0%, 27%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right_part {
|
.right_part {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -91,7 +91,7 @@
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
-webkit-text-stroke: 0.05em;
|
-webkit-text-stroke: 0.05em;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -111,14 +111,14 @@
|
||||||
#compose-lock-icon {
|
#compose-lock-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
width: 0px;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message_header {
|
.message_header {
|
||||||
background: none;
|
background: none;
|
||||||
background-color: hsl(0, 0%, 92%);
|
background-color: hsl(0, 0%, 92%);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -135,19 +135,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#send_message_form {
|
#send_message_form {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
|
|
||||||
.messagebox {
|
.messagebox {
|
||||||
/* normally 5px 14px; pull in the right and bottom a bit */
|
/* normally 5px 14px; pull in the right and bottom a bit */
|
||||||
cursor: default;
|
cursor: default;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message_content {
|
.message_content {
|
||||||
margin-right: 0px;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -158,8 +158,8 @@
|
||||||
|
|
||||||
#compose {
|
#compose {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0px;
|
bottom: 0;
|
||||||
left: 0px;
|
left: 0;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
@ -176,7 +176,7 @@
|
||||||
#compose_close {
|
#compose_close {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0px;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#compose_invite_users,
|
#compose_invite_users,
|
||||||
|
@ -190,7 +190,7 @@
|
||||||
.compose-all-everyone,
|
.compose-all-everyone,
|
||||||
.compose-announce,
|
.compose-announce,
|
||||||
.compose_not_subscribed {
|
.compose_not_subscribed {
|
||||||
padding: 4px 0px 4px 0px;
|
padding: 4px 0 4px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
@ -219,7 +219,7 @@
|
||||||
|
|
||||||
.compose_invite_user p,
|
.compose_invite_user p,
|
||||||
.compose_not_subscribed p {
|
.compose_not_subscribed p {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: calc(100% - 100px);
|
max-width: calc(100% - 100px);
|
||||||
}
|
}
|
||||||
|
@ -301,7 +301,7 @@ textarea.new_message_textarea {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
height: 1.5em;
|
height: 1.5em;
|
||||||
max-height: 22em;
|
max-height: 22em;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
resize: vertical !important;
|
resize: vertical !important;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
@ -319,15 +319,15 @@ textarea.new_message_textarea,
|
||||||
}
|
}
|
||||||
|
|
||||||
input.recipient_box {
|
input.recipient_box {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
height: 1.1em;
|
height: 1.1em;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#stream_message_recipient_stream.recipient_box {
|
#stream_message_recipient_stream.recipient_box {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
border-radius: 0px 3px 3px 0px;
|
border-radius: 0 3px 3px 0;
|
||||||
border-left: 0px;
|
border-left: 0;
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
|
@ -370,8 +370,7 @@ input.recipient_box {
|
||||||
color: hsl(0, 0%, 100%);
|
color: hsl(0, 0%, 100%);
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: 0px 0px 10px hsl(170, 48%, 54%),
|
box-shadow: 0 0 10px hsl(170, 48%, 54%), 0 0 5px hsl(170, 48%, 54%);
|
||||||
0px 0px 5px hsl(170, 48%, 54%);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
height: 95%;
|
height: 95%;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
width: 58%;
|
width: 58%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
|
@ -105,7 +105,7 @@
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.draft_controls {
|
.draft_controls {
|
||||||
|
@ -116,7 +116,7 @@
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
right: 0px;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.restore-draft {
|
.restore-draft {
|
||||||
|
|
|
@ -63,7 +63,7 @@
|
||||||
0%,
|
0%,
|
||||||
15%,
|
15%,
|
||||||
100% {
|
100% {
|
||||||
transform: translateY(0px);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
7.5% {
|
7.5% {
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
.image_upload_widget {
|
.image_upload_widget {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||||
|
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
|
||||||
|
@ -106,7 +106,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.inline-block {
|
.inline-block {
|
||||||
margin: 5px 20px 0px 0px;
|
margin: 5px 20px 0 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
@ -116,7 +116,7 @@
|
||||||
#user-avatar-upload-widget {
|
#user-avatar-upload-widget {
|
||||||
.image_upload_button {
|
.image_upload_button {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -143,10 +143,10 @@
|
||||||
|
|
||||||
.image-block {
|
.image-block {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -164,7 +164,7 @@
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||||
|
|
||||||
.image-delete-text {
|
.image-delete-text {
|
||||||
top: 40px;
|
top: 40px;
|
||||||
|
@ -196,7 +196,7 @@
|
||||||
width: 220px;
|
width: 220px;
|
||||||
height: 55px;
|
height: 55px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0px 80px 0px 20px;
|
margin: 0 80px 0 20px;
|
||||||
|
|
||||||
.image-upload-text,
|
.image-upload-text,
|
||||||
.image-delete-text {
|
.image-delete-text {
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.overlay-tabs {
|
.overlay-tabs {
|
||||||
padding: 10px 0px;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
|
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
|
||||||
|
|
||||||
.tab-switcher {
|
.tab-switcher {
|
||||||
|
|
|
@ -56,7 +56,7 @@
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
|
|
||||||
.pill {
|
.pill {
|
||||||
padding-right: 4px;
|
padding-right: 4px;
|
||||||
|
@ -93,7 +93,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.pm_recipient .pill-container {
|
.pm_recipient .pill-container {
|
||||||
padding: 0px 2px;
|
padding: 0 2px;
|
||||||
border: none;
|
border: none;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
|
|
@ -85,15 +85,15 @@ li.show-more-topics {
|
||||||
|
|
||||||
li {
|
li {
|
||||||
a {
|
a {
|
||||||
padding: 1px 0px;
|
padding: 1px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
|
|
||||||
&.topic-list li {
|
&.topic-list li {
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
padding-right: 0px;
|
padding-right: 0;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
padding-left: $topic_indent;
|
padding-left: $topic_indent;
|
||||||
}
|
}
|
||||||
|
@ -105,7 +105,7 @@ li.show-more-topics {
|
||||||
}
|
}
|
||||||
|
|
||||||
.subscription_block {
|
.subscription_block {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
margin-left: $far_left_gutter_size;
|
margin-left: $far_left_gutter_size;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -187,7 +187,7 @@ li.show-more-topics {
|
||||||
|
|
||||||
ul.filters {
|
ul.filters {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
@ -317,7 +317,7 @@ li.top_left_recent_topics {
|
||||||
.top_left_starred_messages .count {
|
.top_left_starred_messages .count {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
padding: 2px 1px 0px 3px;
|
padding: 2px 1px 0 3px;
|
||||||
border-color: hsl(105, 2%, 50%);
|
border-color: hsl(105, 2%, 50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -389,10 +389,10 @@ li.top_left_recent_topics {
|
||||||
.starred-messages-sidebar-menu-icon,
|
.starred-messages-sidebar-menu-icon,
|
||||||
.stream-sidebar-menu-icon {
|
.stream-sidebar-menu-icon {
|
||||||
top: 1px;
|
top: 1px;
|
||||||
right: 0px;
|
right: 0;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0px 6px 0px 6px;
|
padding: 0 6px 0 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@ -401,11 +401,11 @@ li.top_left_recent_topics {
|
||||||
which also affects it positioning.
|
which also affects it positioning.
|
||||||
*/
|
*/
|
||||||
.topic-sidebar-menu-icon {
|
.topic-sidebar-menu-icon {
|
||||||
top: 0px;
|
top: 0;
|
||||||
right: 0px;
|
right: 0;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 1px 6px 0px 6px;
|
padding: 1px 6px 0 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@ -430,7 +430,7 @@ ul.expanded_private_messages {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
|
@ -446,7 +446,7 @@ li.expanded_private_message {
|
||||||
padding-bottom: 1px;
|
padding-bottom: 1px;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
margin: 1px 0px;
|
margin: 1px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -475,11 +475,11 @@ li.expanded_private_message {
|
||||||
.user_circle {
|
.user_circle {
|
||||||
min-width: 8px;
|
min-width: 8px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -511,7 +511,7 @@ li.expanded_private_message {
|
||||||
}
|
}
|
||||||
|
|
||||||
#streams_header {
|
#streams_header {
|
||||||
margin-right: 0px;
|
margin-right: 0;
|
||||||
padding-left: $far_left_gutter_size;
|
padding-left: $far_left_gutter_size;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 65px - 95px);
|
height: calc(100% - 65px - 95px);
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
|
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
@ -30,7 +30,7 @@
|
||||||
|
|
||||||
background-size: 20px 20px;
|
background-size: 20px 20px;
|
||||||
|
|
||||||
background-position: 0 0, 50px 0, 50px -50px, 0px 50px;
|
background-position: 0 0, 50px 0, 50px -50px, 0 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
canvas {
|
canvas {
|
||||||
|
@ -43,7 +43,7 @@
|
||||||
|
|
||||||
color: hsla(0, 0%, 100%, 0.8);
|
color: hsla(0, 0%, 100%, 0.8);
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
margin: 24px 20px 0px 0px;
|
margin: 24px 20px 0 0;
|
||||||
|
|
||||||
transform: scaleY(0.75);
|
transform: scaleY(0.75);
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
@ -78,9 +78,9 @@
|
||||||
|
|
||||||
min-width: 75px;
|
min-width: 75px;
|
||||||
|
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
padding: 0px 5px;
|
padding: 0 5px;
|
||||||
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
|
@ -130,7 +130,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
|
@ -223,9 +223,9 @@
|
||||||
.image-list {
|
.image-list {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 15px 0px 12px 0px;
|
padding: 15px 0 12px 0;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
font-size: 0px;
|
font-size: 0;
|
||||||
|
|
||||||
max-width: 40vw;
|
max-width: 40vw;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -236,7 +236,7 @@
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
margin: 0px 2px;
|
margin: 0 2px;
|
||||||
|
|
||||||
background-color: hsla(0, 0%, 94%, 0.2);
|
background-color: hsla(0, 0%, 94%, 0.2);
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.messagebox-content {
|
.messagebox-content {
|
||||||
padding: 0px 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message_edit_history_content {
|
.message_edit_history_content {
|
||||||
|
|
|
@ -286,7 +286,7 @@ on a dark background, and don't change the dark labels dark either. */
|
||||||
.dropdown-menu.typeahead,
|
.dropdown-menu.typeahead,
|
||||||
#settings_page,
|
#settings_page,
|
||||||
.informational-overlays .overlay-content {
|
.informational-overlays .overlay-content {
|
||||||
box-shadow: 0px 0px 30px hsl(212, 32%, 7%);
|
box-shadow: 0 0 30px hsl(212, 32%, 7%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu ul,
|
.dropdown-menu ul,
|
||||||
|
@ -539,12 +539,12 @@ on a dark background, and don't change the dark labels dark either. */
|
||||||
hsla(0, 0%, 0%, 0.2) 0%,
|
hsla(0, 0%, 0%, 0.2) 0%,
|
||||||
hsla(0, 0%, 0%, 0.1) 100%
|
hsla(0, 0%, 0%, 0.1) 100%
|
||||||
);
|
);
|
||||||
box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.4);
|
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-mention-me :not(.silent) {
|
.user-mention-me :not(.silent) {
|
||||||
background-color: hsla(355, 37%, 31%, 1);
|
background-color: hsla(355, 37%, 31%, 1);
|
||||||
box-shadow: 0px 0px 0px 1px hsla(330, 40%, 20%, 1);
|
box-shadow: 0 0 0 1px hsla(330, 40%, 20%, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.codehilite code,
|
.codehilite code,
|
||||||
|
@ -740,7 +740,7 @@ on a dark background, and don't change the dark labels dark either. */
|
||||||
|
|
||||||
time {
|
time {
|
||||||
background: hsla(0, 0%, 0%, 0.2);
|
background: hsla(0, 0%, 0%, 0.2);
|
||||||
box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.4);
|
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip {
|
.tip {
|
||||||
|
@ -803,8 +803,8 @@ on a dark background, and don't change the dark labels dark either. */
|
||||||
.code-context {
|
.code-context {
|
||||||
color: hsl(314, 27%, 82%);
|
color: hsl(314, 27%, 82%);
|
||||||
background-color: hsl(312, 7%, 14%);
|
background-color: hsl(312, 7%, 14%);
|
||||||
box-shadow: inset 0px 11px 10px -10px hsl(0, 0%, 6%),
|
box-shadow: inset 0 11px 10px -10px hsl(0, 0%, 6%),
|
||||||
inset 0px -11px 10px -10px hsl(0, 0%, 6%);
|
inset 0 -11px 10px -10px hsl(0, 0%, 6%);
|
||||||
|
|
||||||
.line-number {
|
.line-number {
|
||||||
color: hsl(318, 14%, 44%);
|
color: hsl(318, 14%, 44%);
|
||||||
|
@ -954,7 +954,7 @@ on a dark background, and don't change the dark labels dark either. */
|
||||||
|
|
||||||
.simplebar-track .simplebar-scrollbar::before {
|
.simplebar-track .simplebar-scrollbar::before {
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.33);
|
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.33);
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapse-settings-btn:hover {
|
.collapse-settings-btn:hover {
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.popover-content {
|
.popover-content {
|
||||||
padding: 5px 0px;
|
padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popover-title {
|
.popover-title {
|
||||||
|
@ -101,7 +101,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.popover_sub_unsub_button {
|
.popover_sub_unsub_button {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -221,7 +221,7 @@ ul {
|
||||||
.popover_user_presence {
|
.popover_user_presence {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: initial;
|
float: initial;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -358,14 +358,14 @@ ul {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
/* these are to override JS embedded inline styles. */
|
/* these are to override JS embedded inline styles. */
|
||||||
top: 0px !important;
|
top: 0 !important;
|
||||||
left: 0px !important;
|
left: 0 !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
background-color: hsla(0, 0%, 0%, 0.7);
|
background-color: hsla(0, 0%, 0%, 0.7);
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
@ -415,7 +415,7 @@ ul {
|
||||||
|
|
||||||
.user_info_status_text {
|
.user_info_status_text {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
padding: 2px 0px 3px 0px;
|
padding: 2px 0 3px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#topic_stream_edit_form_error {
|
#topic_stream_edit_form_error {
|
||||||
|
@ -429,8 +429,8 @@ ul {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
||||||
#select_stream_id {
|
#select_stream_id {
|
||||||
border-left: 0px;
|
border-left: 0;
|
||||||
padding-left: 0px;
|
padding-left: 0;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
margin: 0 5px 5px -10px;
|
margin: 0 5px 5px -10px;
|
||||||
text-indent: 10px;
|
text-indent: 10px;
|
||||||
|
|
|
@ -36,7 +36,7 @@ td.number {
|
||||||
|
|
||||||
.summary-table {
|
.summary-table {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 0px auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.admin td:first-child {
|
tr.admin td:first-child {
|
||||||
|
|
|
@ -5,7 +5,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding: 5px 0px 5px 15px;
|
padding: 5px 0 5px 15px;
|
||||||
line-height: 10px;
|
line-height: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -124,7 +124,7 @@
|
||||||
hsl(191, 56%, 55%),
|
hsl(191, 56%, 55%),
|
||||||
hsl(169, 65%, 42%)
|
hsl(169, 65%, 42%)
|
||||||
);
|
);
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
margin: 5px 0 0 0;
|
margin: 5px 0 0 0;
|
||||||
|
@ -139,7 +139,7 @@
|
||||||
|
|
||||||
.stripe-button-el:hover {
|
.stripe-button-el:hover {
|
||||||
background-color: hsl(169, 65%, 42%);
|
background-color: hsl(169, 65%, 42%);
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.3);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.stripe-button-el:active,
|
.stripe-button-el:active,
|
||||||
|
|
|
@ -26,7 +26,7 @@ $category-text: hsl(219, 23%, 33%);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
|
box-shadow: 0 0 80px hsla(0, 0%, 0%, 0.12);
|
||||||
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
|
|
||||||
|
@ -125,14 +125,14 @@ $category-text: hsl(219, 23%, 33%);
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
box-shadow: 0px 0px 7px 2px hsla(0, 0%, 0%, 0.03);
|
box-shadow: 0 0 7px 2px hsla(0, 0%, 0%, 0.03);
|
||||||
|
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
|
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
padding: 0px 20px 0px 50px;
|
padding: 0 20px 0 50px;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
border: 1px solid $light-blue-border;
|
border: 1px solid $light-blue-border;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -178,7 +178,7 @@ $category-text: hsl(219, 23%, 33%);
|
||||||
.integration-categories-sidebar {
|
.integration-categories-sidebar {
|
||||||
float: left;
|
float: left;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
padding: 0 30px 0 0px;
|
padding: 0 30px 0 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
&.sticky {
|
&.sticky {
|
||||||
|
@ -192,7 +192,7 @@ $category-text: hsl(219, 23%, 33%);
|
||||||
h3 {
|
h3 {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
|
|
|
@ -17,7 +17,7 @@ body {
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3 {
|
h3 {
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
|
@ -32,7 +32,7 @@ h2 {
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
@ -108,7 +108,7 @@ ol a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-shadow {
|
.box-shadow {
|
||||||
box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
|
box-shadow: 0 0 80px hsla(0, 0%, 0%, 0.12);
|
||||||
}
|
}
|
||||||
|
|
||||||
.grey {
|
.grey {
|
||||||
|
@ -360,7 +360,7 @@ nav {
|
||||||
.portico-landing.features-app {
|
.portico-landing.features-app {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
||||||
|
@ -371,7 +371,7 @@ nav {
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
margin: 40px auto;
|
margin: 40px auto;
|
||||||
padding: 0px 30px;
|
padding: 0 30px;
|
||||||
color: hsl(219, 21%, 21%);
|
color: hsl(219, 21%, 21%);
|
||||||
|
|
||||||
&.hero {
|
&.hero {
|
||||||
|
@ -425,14 +425,14 @@ nav {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
/* this should only be a thing if the section above is not white */
|
/* this should only be a thing if the section above is not white */
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
background-color: hsl(219, 21%, 21%);
|
background-color: hsl(219, 21%, 21%);
|
||||||
color: hsl(219, 76%, 93%);
|
color: hsl(219, 76%, 93%);
|
||||||
|
|
||||||
img {
|
img {
|
||||||
&.overflow-wave {
|
&.overflow-wave {
|
||||||
width: 685px;
|
width: 685px;
|
||||||
right: 0px;
|
right: 0;
|
||||||
top: -168px;
|
top: -168px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
@ -467,11 +467,11 @@ nav {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
margin: 50px auto;
|
margin: 50px auto;
|
||||||
padding: 0px 50px;
|
padding: 0 50px;
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
width: calc(100% - 500px - 100px);
|
width: calc(100% - 500px - 100px);
|
||||||
margin: 50px 0px 50px 50px;
|
margin: 50px 0 50px 50px;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -484,7 +484,7 @@ nav {
|
||||||
|
|
||||||
.feature-block {
|
.feature-block {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 30px 0px;
|
margin: 30px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -514,7 +514,7 @@ nav {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
margin-bottom: 120px;
|
margin-bottom: 120px;
|
||||||
top: -0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feature-list {
|
.feature-list {
|
||||||
|
@ -524,14 +524,14 @@ nav {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
margin: 35px 0px 0px 20px;
|
margin: 35px 0 0 20px;
|
||||||
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
margin: 15px 0px 15px 50px;
|
margin: 15px 0 15px 50px;
|
||||||
|
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -544,7 +544,7 @@ nav {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
left: -35px;
|
left: -35px;
|
||||||
top: 0px;
|
top: 0;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
|
||||||
|
@ -585,7 +585,7 @@ nav {
|
||||||
|
|
||||||
.headliner {
|
.headliner {
|
||||||
.feature-block {
|
.feature-block {
|
||||||
margin: 0px 10px;
|
margin: 0 10px;
|
||||||
width: calc(100% - 250px - 20px);
|
width: calc(100% - 250px - 20px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -593,7 +593,7 @@ nav {
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0px 10px;
|
margin: 0 10px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
flex: 1 0 100%;
|
flex: 1 0 100%;
|
||||||
}
|
}
|
||||||
|
@ -607,11 +607,11 @@ nav {
|
||||||
a {
|
a {
|
||||||
&.feature-block {
|
&.feature-block {
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0px 3px 10px hsl(0, 0%, 75%);
|
box-shadow: 0 3px 10px hsl(0, 0%, 75%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
box-shadow: 0px 3px 10px hsl(0, 0%, 50%);
|
box-shadow: 0 3px 10px hsl(0, 0%, 50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -728,27 +728,27 @@ nav {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
||||||
text-shadow: 0px 0px 20px hsla(0, 0%, 100%, 0.2);
|
text-shadow: 0 0 20px hsla(0, 0%, 100%, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 30px 0px;
|
margin: 30px 0;
|
||||||
|
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
text-shadow: 0px 0px 5px hsla(164, 74%, 15%, 0.3),
|
text-shadow: 0 0 5px hsla(164, 74%, 15%, 0.3),
|
||||||
0px 0px 20px hsla(0, 0%, 100%, 0.2);
|
0 0 20px hsla(0, 0%, 100%, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 20px auto 0px auto;
|
margin: 20px auto 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
padding: 12px 20px;
|
padding: 12px 20px;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
|
@ -758,16 +758,16 @@ nav {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: hsl(148, 23%, 51%);
|
color: hsl(148, 23%, 51%);
|
||||||
|
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
|
||||||
|
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 100%, 0.2);
|
box-shadow: 0 3px 10px hsla(0, 0%, 100%, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
box-shadow: 0px 3px 20px hsla(0, 0%, 100%, 0.5);
|
box-shadow: 0 3px 20px hsla(0, 0%, 100%, 0.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -889,7 +889,7 @@ nav {
|
||||||
color: hsl(0, 0%, 100%);
|
color: hsl(0, 0%, 100%);
|
||||||
|
|
||||||
.text-header .text-content h1 {
|
.text-header .text-content h1 {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padded-content {
|
.padded-content {
|
||||||
|
@ -927,7 +927,7 @@ nav {
|
||||||
|
|
||||||
th {
|
th {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding: 15px 0px;
|
padding: 15px 0;
|
||||||
|
|
||||||
color: hsl(0, 0%, 100%);
|
color: hsl(0, 0%, 100%);
|
||||||
|
|
||||||
|
@ -942,7 +942,7 @@ nav {
|
||||||
border-bottom: 1px solid hsla(360, 0%, 100%, 0.03);
|
border-bottom: 1px solid hsla(360, 0%, 100%, 0.03);
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 10px 0px;
|
padding: 10px 0;
|
||||||
|
|
||||||
&.no {
|
&.no {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -1032,7 +1032,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.answer {
|
.answer {
|
||||||
margin: 20px 0px 0px 0px;
|
margin: 20px 0 0 0;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1047,7 +1047,7 @@ nav {
|
||||||
.line {
|
.line {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 6px;
|
height: 6px;
|
||||||
margin: 8px 0px;
|
margin: 8px 0;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 93%);
|
background-color: hsl(0, 0%, 93%);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
@ -1099,7 +1099,7 @@ nav {
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
|
|
||||||
.sub-block {
|
.sub-block {
|
||||||
margin: 0px 10px;
|
margin: 0 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1119,7 +1119,7 @@ nav {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
||||||
width: 50px;
|
width: 50px;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 73%);
|
background-color: hsl(0, 0%, 73%);
|
||||||
}
|
}
|
||||||
|
@ -1152,20 +1152,20 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.stream {
|
.stream {
|
||||||
padding: 3px 5px 0px 5px;
|
padding: 3px 5px 0 5px;
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
box-shadow: 0px 0px 15px hsla(0, 0%, 0%, 0.01);
|
box-shadow: 0 0 15px hsla(0, 0%, 0%, 0.01);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.hello .screen {
|
.portico-landing.hello .screen {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: -300px auto 0px auto;
|
margin: -300px auto 0 auto;
|
||||||
|
|
||||||
width: 600px;
|
width: 600px;
|
||||||
height: 350px;
|
height: 350px;
|
||||||
|
@ -1173,7 +1173,7 @@ nav {
|
||||||
padding: 10px 30px 10px 30px;
|
padding: 10px 30px 10px 30px;
|
||||||
|
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
box-shadow: 0px 0px 50px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 0 50px hsla(0, 0%, 0%, 0.2);
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 27%);
|
background-color: hsl(0, 0%, 27%);
|
||||||
|
|
||||||
|
@ -1242,7 +1242,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.hello .features {
|
.portico-landing.hello .features {
|
||||||
padding: 50px 0px 100px 0px;
|
padding: 50px 0 100px 0;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
|
|
||||||
|
@ -1279,12 +1279,12 @@ nav {
|
||||||
background-color: hsl(217, 22%, 93%);
|
background-color: hsl(217, 22%, 93%);
|
||||||
|
|
||||||
.flex {
|
.flex {
|
||||||
min-height: 0px;
|
min-height: 0;
|
||||||
padding: 50px 0px;
|
padding: 50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
margin: 0px 2%;
|
margin: 0 2%;
|
||||||
width: 28%;
|
width: 28%;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -1358,7 +1358,7 @@ nav {
|
||||||
hsla(220, 20%, 97%, 0.9)
|
hsla(220, 20%, 97%, 0.9)
|
||||||
);
|
);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.02);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.02);
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1368,7 +1368,7 @@ nav {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: hsl(0, 0%, 100%);
|
color: hsl(0, 0%, 100%);
|
||||||
background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%));
|
background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%));
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
|
||||||
border: 0;
|
border: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
@ -1381,7 +1381,7 @@ nav {
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: hsl(169, 65%, 42%);
|
background-color: hsl(169, 65%, 42%);
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.3);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.3);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1542,12 +1542,12 @@ nav {
|
||||||
color: hsl(0, 0%, 100%);
|
color: hsl(0, 0%, 100%);
|
||||||
|
|
||||||
background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%));
|
background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%));
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: hsl(169, 65%, 42%);
|
background-color: hsl(169, 65%, 42%);
|
||||||
box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.3);
|
box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.3);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1699,7 +1699,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing .testimonials blockquote {
|
.portico-landing .testimonials blockquote {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
@ -1854,8 +1854,8 @@ nav {
|
||||||
|
|
||||||
.portico-landing.hello .apps .triangle {
|
.portico-landing.hello .apps .triangle {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0;
|
||||||
left: 0px;
|
left: 0;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
@ -1903,7 +1903,7 @@ nav {
|
||||||
.portico-landing.hello .apps .left-side .platform-icons .group {
|
.portico-landing.hello .apps .left-side .platform-icons .group {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin: 0px 30px;
|
margin: 0 30px;
|
||||||
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -1979,8 +1979,8 @@ nav {
|
||||||
|
|
||||||
.portico-landing.hello .call-to-action-bottom {
|
.portico-landing.hello .call-to-action-bottom {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 100px 100px 0px 100px;
|
padding: 100px 100px 0 100px;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.hello .call-to-action-bottom .button {
|
.portico-landing.hello .call-to-action-bottom .button {
|
||||||
|
@ -2027,7 +2027,7 @@ nav {
|
||||||
|
|
||||||
/* -- apps page -- */
|
/* -- apps page -- */
|
||||||
.portico-landing.apps {
|
.portico-landing.apps {
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .main,
|
.portico-landing.apps .main,
|
||||||
|
@ -2054,8 +2054,8 @@ nav {
|
||||||
|
|
||||||
.portico-landing.apps .hero h1 {
|
.portico-landing.apps .hero h1 {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .hero #waves {
|
.portico-landing.apps .hero #waves {
|
||||||
|
@ -2082,11 +2082,11 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .hero .image img {
|
.portico-landing.apps .hero .image img {
|
||||||
border-radius: 4px 4px 0px 0px;
|
border-radius: 4px 4px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .hero .info .cta {
|
.portico-landing.apps .hero .info .cta {
|
||||||
text-shadow: 0px 0px 60px hsla(0, 0%, 0%, 0.3);
|
text-shadow: 0 0 60px hsla(0, 0%, 0%, 0.3);
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2111,7 +2111,7 @@ nav {
|
||||||
.portico-landing.apps .hero .info .flex,
|
.portico-landing.apps .hero .info .flex,
|
||||||
.portico-landing.apps .hero .image .flex {
|
.portico-landing.apps .hero .image .flex {
|
||||||
height: 500px;
|
height: 500px;
|
||||||
min-height: 0px;
|
min-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .hero .info .flex {
|
.portico-landing.apps .hero .info .flex {
|
||||||
|
@ -2142,7 +2142,7 @@ nav {
|
||||||
|
|
||||||
.portico-landing.apps .other-apps .apps {
|
.portico-landing.apps .other-apps .apps {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 50px 0px 0px 0px;
|
margin: 50px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .other-apps .apps .icon {
|
.portico-landing.apps .other-apps .apps .icon {
|
||||||
|
@ -2196,7 +2196,7 @@ nav {
|
||||||
|
|
||||||
/* -- /for/open-source/ -- */
|
/* -- /for/open-source/ -- */
|
||||||
.portico-landing.why-page {
|
.portico-landing.why-page {
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
color: hsl(223, 6%, 25%);
|
color: hsl(223, 6%, 25%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2216,7 +2216,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.why-page .hero h1 {
|
.portico-landing.why-page .hero h1 {
|
||||||
margin: 0px 0px 20px 0px;
|
margin: 0 0 20px 0;
|
||||||
|
|
||||||
font-size: 3.5em;
|
font-size: 3.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
@ -2380,7 +2380,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.why-page .testimonials blockquote {
|
.portico-landing.why-page .testimonials blockquote {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
@ -2393,14 +2393,14 @@ nav {
|
||||||
/* -- hello page styling -- */
|
/* -- hello page styling -- */
|
||||||
.portico-landing.hello .apps .screen {
|
.portico-landing.hello .apps .screen {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0px 10px;
|
margin: 0 10px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.hello .apps .screen.ios {
|
.portico-landing.hello .apps .screen.ios {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 350px;
|
height: 350px;
|
||||||
padding: 30px 0px;
|
padding: 30px 0;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
|
|
||||||
transform: translateY(50px);
|
transform: translateY(50px);
|
||||||
|
@ -2411,7 +2411,7 @@ nav {
|
||||||
.portico-landing.hello .apps .screen.android {
|
.portico-landing.hello .apps .screen.android {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 370px;
|
height: 370px;
|
||||||
padding: 10px 0px 30px 0px;
|
padding: 10px 0 30px 0;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
|
|
||||||
transform: translateY(-110px);
|
transform: translateY(-110px);
|
||||||
|
@ -2535,7 +2535,7 @@ nav {
|
||||||
.portico-landing.plans .main .padded-content > h1 {
|
.portico-landing.plans .main .padded-content > h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
|
|
||||||
color: hsl(0, 0%, 100%);
|
color: hsl(0, 0%, 100%);
|
||||||
}
|
}
|
||||||
|
@ -2573,11 +2573,11 @@ nav {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 500px;
|
height: 500px;
|
||||||
|
|
||||||
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||||
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
|
@ -2592,13 +2592,13 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-model .padded-content .text-header .text-content h1 {
|
.pricing-model .padded-content .text-header .text-content h1 {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-model .pricing-container .text-content h2 {
|
.pricing-model .pricing-container .text-content h2 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
@ -2606,7 +2606,7 @@ nav {
|
||||||
.pricing-model .pricing-container hr {
|
.pricing-model .pricing-container hr {
|
||||||
border: none;
|
border: none;
|
||||||
border-bottom: 2px solid hsl(170, 47%, 53%);
|
border-bottom: 2px solid hsl(170, 47%, 53%);
|
||||||
margin: 15px 0px 15px 0px;
|
margin: 15px 0 15px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-model .pricing-container .text-content .description {
|
.pricing-model .pricing-container .text-content .description {
|
||||||
|
@ -2617,13 +2617,13 @@ nav {
|
||||||
|
|
||||||
.pricing-model .pricing-container ul.feature-list {
|
.pricing-model .pricing-container ul.feature-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-model .pricing-container ul.feature-list li {
|
.pricing-model .pricing-container ul.feature-list li {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 10px 0px 10px 25px;
|
padding: 10px 0 10px 25px;
|
||||||
|
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
@ -2647,7 +2647,7 @@ nav {
|
||||||
|
|
||||||
.pricing-model .pricing-container .bottom {
|
.pricing-model .pricing-container .bottom {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0px;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
|
|
||||||
|
@ -2703,7 +2703,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-model .pricing-container .price-box:focus .button {
|
.pricing-model .pricing-container .price-box:focus .button {
|
||||||
box-shadow: 0px 0px 25px hsl(169, 48%, 60%);
|
box-shadow: 0 0 25px hsl(169, 48%, 60%);
|
||||||
animation: box-shadow-pulse 2s infinite;
|
animation: box-shadow-pulse 2s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2725,7 +2725,7 @@ nav {
|
||||||
.pricing-overlay.pricing-model {
|
.pricing-overlay.pricing-model {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: -140px;
|
top: -140px;
|
||||||
left: 0px;
|
left: 0;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
||||||
|
@ -2783,7 +2783,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-overlay.pricing-model .info-box .text-content h1 {
|
.pricing-overlay.pricing-model .info-box .text-content h1 {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-overlay.pricing-model .info-box .text-content p {
|
.pricing-overlay.pricing-model .info-box .text-content p {
|
||||||
|
@ -2793,7 +2793,7 @@ nav {
|
||||||
.pricing-overlay.pricing-model .info-box .text-content .feature-detail-box {
|
.pricing-overlay.pricing-model .info-box .text-content .feature-detail-box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
bottom: 0px;
|
bottom: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2810,7 +2810,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-content .pricing-details {
|
.text-content .pricing-details {
|
||||||
padding: 15px 0px 15px 0px;
|
padding: 15px 0 15px 0;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -2852,15 +2852,15 @@ nav {
|
||||||
|
|
||||||
@keyframes box-shadow-pulse {
|
@keyframes box-shadow-pulse {
|
||||||
0% {
|
0% {
|
||||||
box-shadow: 0px 0px 0px hsla(170, 47%, 60%, 1);
|
box-shadow: 0 0 0 hsla(170, 47%, 60%, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
50% {
|
50% {
|
||||||
box-shadow: 0px 0px 25px hsla(170, 47%, 60%, 0.8);
|
box-shadow: 0 0 25px hsla(170, 47%, 60%, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
box-shadow: 0px 0px 0px hsla(170, 47%, 60%, 1);
|
box-shadow: 0 0 0 hsla(170, 47%, 60%, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2904,7 +2904,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .main .details-container .details-box h1 {
|
.portico-landing.apps .main .details-container .details-box h1 {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2951,11 +2951,11 @@ nav {
|
||||||
|
|
||||||
.portico-landing.hello .integrations .integration-icons {
|
.portico-landing.hello .integrations .integration-icons {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0px auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.hello .apps .left-side .content {
|
.portico-landing.hello .apps .left-side .content {
|
||||||
margin: 0px auto 50px;
|
margin: 0 auto 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing .testimonials .company-box .company {
|
.portico-landing .testimonials .company-box .company {
|
||||||
|
@ -3122,7 +3122,7 @@ nav {
|
||||||
|
|
||||||
.screen.hero-screen .line {
|
.screen.hero-screen .line {
|
||||||
height: 4px;
|
height: 4px;
|
||||||
margin: 4px 0px;
|
margin: 4px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.screen .message-feed .message .content {
|
.screen .message-feed .message .content {
|
||||||
|
@ -3292,7 +3292,7 @@ nav {
|
||||||
|
|
||||||
.portico-landing.why-page .main {
|
.portico-landing.why-page .main {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.why-page .hero {
|
.portico-landing.why-page .hero {
|
||||||
|
@ -3353,7 +3353,7 @@ nav {
|
||||||
|
|
||||||
.portico-landing.features-app {
|
.portico-landing.features-app {
|
||||||
section {
|
section {
|
||||||
padding: 0px 20px;
|
padding: 0 20px;
|
||||||
|
|
||||||
&.hero {
|
&.hero {
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
|
@ -3390,7 +3390,7 @@ nav {
|
||||||
.portico-landing.apps .hero .info .flex,
|
.portico-landing.apps .hero .info .flex,
|
||||||
.portico-landing.apps .hero .image .flex {
|
.portico-landing.apps .hero .image .flex {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
min-height: 0px;
|
min-height: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3404,10 +3404,10 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-landing.apps .other-apps .apps .icon {
|
.portico-landing.apps .other-apps .apps .icon {
|
||||||
padding: 0px 14px;
|
padding: 0 14px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
font-size: 2.3em;
|
font-size: 2.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3471,7 +3471,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -3483,14 +3483,14 @@ nav {
|
||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
transform: translate(-350px, 0px);
|
transform: translate(-350px, 0);
|
||||||
|
|
||||||
box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
|
box-shadow: 0 0 80px hsla(0, 0%, 0%, 0.12);
|
||||||
|
|
||||||
transition: all 0.5s ease;
|
transition: all 0.5s ease;
|
||||||
|
|
||||||
&.show {
|
&.show {
|
||||||
transform: translate(0px, 0px);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.exit {
|
.exit {
|
||||||
|
@ -3636,7 +3636,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.messages {
|
&.messages {
|
||||||
padding: 0px 20px;
|
padding: 0 20px;
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
@ -3644,7 +3644,7 @@ nav {
|
||||||
|
|
||||||
.features {
|
.features {
|
||||||
.feature-block {
|
.feature-block {
|
||||||
margin: 20px 0px;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -3713,7 +3713,7 @@ nav {
|
||||||
height: auto;
|
height: auto;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-model .pricing-container .text-content {
|
.pricing-model .pricing-container .text-content {
|
||||||
|
|
|
@ -39,7 +39,7 @@
|
||||||
&#zulip-administration {
|
&#zulip-administration {
|
||||||
font-size: 1.75em;
|
font-size: 1.75em;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -47,7 +47,7 @@
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
margin: 20px 0px 5px 0px;
|
margin: 20px 0 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
@ -143,15 +143,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 0px 10px 15px 25px;
|
margin: 0 10px 15px 25px;
|
||||||
|
|
||||||
& > li {
|
& > li {
|
||||||
margin: 5px 0px;
|
margin: 5px 0;
|
||||||
|
|
||||||
::before {
|
::before {
|
||||||
content: none;
|
content: none;
|
||||||
|
@ -169,7 +169,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
i.zulip-icon {
|
i.zulip-icon {
|
||||||
margin: 0px 2px 2px 2px;
|
margin: 0 2px 2px 2px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -189,7 +189,7 @@
|
||||||
|
|
||||||
img {
|
img {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.05);
|
box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.05);
|
||||||
border: 1px solid hsl(0, 0%, 87%);
|
border: 1px solid hsl(0, 0%, 87%);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
|
@ -221,7 +221,7 @@
|
||||||
border: 1px solid hsl(210, 22%, 90%);
|
border: 1px solid hsl(210, 22%, 90%);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 5px 0px;
|
margin: 5px 0;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
@ -302,7 +302,7 @@
|
||||||
unicode-bidi: embed;
|
unicode-bidi: embed;
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
white-space: initial;
|
white-space: initial;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
padding-right: 4px;
|
padding-right: 4px;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
}
|
}
|
||||||
|
@ -335,7 +335,7 @@
|
||||||
|
|
||||||
border: 1px solid hsl(0, 0%, 87%);
|
border: 1px solid hsl(0, 0%, 87%);
|
||||||
border-bottom: 1px solid hsl(0, 0%, 100%);
|
border-bottom: 1px solid hsl(0, 0%, 100%);
|
||||||
border-radius: 4px 4px 0px 0px;
|
border-radius: 4px 4px 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -355,7 +355,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.has-tabs .blocks {
|
&.has-tabs .blocks {
|
||||||
border-radius: 0px 6px 6px 6px;
|
border-radius: 0 6px 6px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.no-tabs .blocks {
|
&.no-tabs .blocks {
|
||||||
|
|
|
@ -4,7 +4,7 @@ html {
|
||||||
|
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 80px 0px;
|
padding: 80px 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
|
@ -18,10 +18,10 @@ html {
|
||||||
.white-box {
|
.white-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
min-width: 0px;
|
min-width: 0;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
|
||||||
border: 1px solid hsl(0, 0%, 87%);
|
border: 1px solid hsl(0, 0%, 87%);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
@ -54,8 +54,8 @@ html {
|
||||||
.login-page-header {
|
.login-page-header {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
height: 0px;
|
height: 0;
|
||||||
transform: translateX(-15px) translateY(-60px);
|
transform: translateX(-15px) translateY(-60px);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
@ -77,7 +77,7 @@ html {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
||||||
margin: 0px 20px;
|
margin: 0 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -143,7 +143,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.group {
|
.group {
|
||||||
margin: 0px 20px;
|
margin: 0 20px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -210,7 +210,7 @@ html {
|
||||||
|
|
||||||
.find-account-page-container h3,
|
.find-account-page-container h3,
|
||||||
.forgot-password-container h3 {
|
.forgot-password-container h3 {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
@ -221,7 +221,7 @@ html {
|
||||||
|
|
||||||
h3,
|
h3,
|
||||||
form {
|
form {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -255,7 +255,7 @@ html {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
||||||
&:empty {
|
&:empty {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -297,7 +297,7 @@ html {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
||||||
.pitch {
|
.pitch {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert.alert-info {
|
.alert.alert-info {
|
||||||
|
@ -309,7 +309,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.white-box p:last-of-type {
|
.white-box p:last-of-type {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -379,7 +379,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-inline {
|
.form-inline {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.get-started {
|
.get-started {
|
||||||
|
@ -461,8 +461,8 @@ html {
|
||||||
input[type="text"]:valid + label,
|
input[type="text"]:valid + label,
|
||||||
input[type="email"]:valid + label,
|
input[type="email"]:valid + label,
|
||||||
input[type="password"]:valid + label {
|
input[type="password"]:valid + label {
|
||||||
left: 0px;
|
left: 0;
|
||||||
transform: translateY(-0px) translateX(0px);
|
transform: translateY(0) translateX(0);
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
|
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
@ -472,7 +472,7 @@ html {
|
||||||
|
|
||||||
p.text-error {
|
p.text-error {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
|
|
||||||
color: hsl(0, 54%, 61%);
|
color: hsl(0, 54%, 61%);
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
|
@ -492,12 +492,12 @@ html {
|
||||||
color: hsl(0, 54%, 61%);
|
color: hsl(0, 54%, 61%);
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding-left: 0px;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.lead {
|
.lead {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inline-block {
|
.inline-block {
|
||||||
|
@ -583,7 +583,7 @@ html {
|
||||||
.info-box {
|
.info-box {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 20px 0px 0px 20px;
|
margin: 20px 0 0 20px;
|
||||||
width: calc(100% - 125px);
|
width: calc(100% - 125px);
|
||||||
|
|
||||||
/* full width minus the avatar + padding + borders */
|
/* full width minus the avatar + padding + borders */
|
||||||
|
@ -668,10 +668,9 @@ button.login-social-button {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 13px 50%;
|
background-position: 13px 50%;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
box-shadow: 0px 1px 3px hsla(0, 0%, 0%, 0.3),
|
box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.3), 0 0 5px hsla(0, 0%, 0%, 0.1);
|
||||||
0px 0px 5px hsla(0, 0%, 0%, 0.1);
|
margin-left: 0;
|
||||||
margin-left: 0px;
|
margin-top: 0;
|
||||||
margin-top: 0px;
|
|
||||||
|
|
||||||
color: hsl(0, 0%, 34%);
|
color: hsl(0, 0%, 34%);
|
||||||
|
|
||||||
|
@ -682,7 +681,7 @@ button.login-social-button {
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: hsl(0, 0%, 93%);
|
background-color: hsl(0, 0%, 93%);
|
||||||
box-shadow: 0px 1px 1px hsla(0, 0%, 0%, 0.3);
|
box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.3);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -695,7 +694,7 @@ button#register_auth_button_gitlab {
|
||||||
|
|
||||||
.login-page-container .right-side .actions,
|
.login-page-container .right-side .actions,
|
||||||
.back-to-login-wrapper {
|
.back-to-login-wrapper {
|
||||||
margin: 20px 0px 0px;
|
margin: 20px 0 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -753,7 +752,7 @@ button#register_auth_button_gitlab {
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-box {
|
.info-box {
|
||||||
margin: 10px 0px 0px 20px;
|
margin: 10px 0 0 20px;
|
||||||
|
|
||||||
.organization-name {
|
.organization-name {
|
||||||
max-width: 228px;
|
max-width: 228px;
|
||||||
|
@ -805,7 +804,7 @@ button#register_auth_button_gitlab {
|
||||||
}
|
}
|
||||||
|
|
||||||
#id_team_subdomain.subdomain {
|
#id_team_subdomain.subdomain {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
@ -833,7 +832,7 @@ button#register_auth_button_gitlab {
|
||||||
}
|
}
|
||||||
|
|
||||||
.or {
|
.or {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -865,7 +864,7 @@ button#register_auth_button_gitlab {
|
||||||
}
|
}
|
||||||
|
|
||||||
.external-host {
|
.external-host {
|
||||||
margin: 25px 0px 0px -3px;
|
margin: 25px 0 0 -3px;
|
||||||
padding: 11.5px 10px;
|
padding: 11.5px 10px;
|
||||||
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -875,7 +874,7 @@ button#register_auth_button_gitlab {
|
||||||
}
|
}
|
||||||
|
|
||||||
.center-block .pitch {
|
.center-block .pitch {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group {
|
.input-group {
|
||||||
|
@ -899,7 +898,7 @@ button#register_auth_button_gitlab {
|
||||||
}
|
}
|
||||||
|
|
||||||
.static.org-url + #subdomain_section {
|
.static.org-url + #subdomain_section {
|
||||||
margin-top: 0px !important;
|
margin-top: 0 !important;
|
||||||
|
|
||||||
.or {
|
.or {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -1074,10 +1073,10 @@ button#register_auth_button_gitlab {
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-box {
|
.info-box {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
|
|
||||||
.organization-path {
|
.organization-path {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1097,13 +1096,13 @@ button#register_auth_button_gitlab {
|
||||||
|
|
||||||
.left-side {
|
.left-side {
|
||||||
border: none;
|
border: none;
|
||||||
margin-right: 0px;
|
margin-right: 0;
|
||||||
min-height: 0px;
|
min-height: 0;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
width: 324px;
|
width: 324px;
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
margin: 20px 0px;
|
margin: 20px 0;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: hsl(200, 100%, 36%);
|
color: hsl(200, 100%, 36%);
|
||||||
|
|
|
@ -29,7 +29,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-fluid {
|
.container-fluid {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
|
|
||||||
/* Hack for IE */
|
/* Hack for IE */
|
||||||
|
@ -44,11 +44,11 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-inner {
|
.navbar-inner {
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
@ -58,7 +58,7 @@ html {
|
||||||
height: 29px;
|
height: 29px;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
|
||||||
|
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
@ -123,7 +123,7 @@ html {
|
||||||
.app.help {
|
.app.help {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|
||||||
box-shadow: 0px -20px 50px hsla(0, 0%, 0%, 0.04);
|
box-shadow: 0 -20px 50px hsla(0, 0%, 0%, 0.04);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
color: hsl(0, 0%, 27%);
|
color: hsl(0, 0%, 27%);
|
||||||
|
@ -141,7 +141,7 @@ html {
|
||||||
|
|
||||||
/* Markdown processor generates lots of spurious <p></p> */
|
/* Markdown processor generates lots of spurious <p></p> */
|
||||||
p:empty {
|
p:empty {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
|
@ -166,7 +166,7 @@ html {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
border-bottom: 1px solid hsla(0, 0, 100%, 0.6);
|
border-bottom: 1px solid hsla(0, 0, 100%, 0.6);
|
||||||
|
|
||||||
&:not(:first-of-type) {
|
&:not(:first-of-type) {
|
||||||
|
@ -222,7 +222,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 5px 0px 10px 12px;
|
margin: 5px 0 10px 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.slide ul {
|
&.slide ul {
|
||||||
|
@ -298,7 +298,7 @@ html {
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
|
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -311,7 +311,7 @@ html {
|
||||||
background-color: hsl(0, 0%, 98%);
|
background-color: hsl(0, 0%, 98%);
|
||||||
|
|
||||||
.blob {
|
.blob {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -393,7 +393,7 @@ img.screenshot {
|
||||||
|
|
||||||
#registration #pw_strength {
|
#registration #pw_strength {
|
||||||
width: 325px;
|
width: 325px;
|
||||||
margin: 7px auto 0px;
|
margin: 7px auto 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.def::before {
|
.def::before {
|
||||||
|
@ -431,7 +431,7 @@ img.screenshot {
|
||||||
}
|
}
|
||||||
|
|
||||||
.landing-page {
|
.landing-page {
|
||||||
padding: 2em 0em;
|
padding: 2em 0;
|
||||||
|
|
||||||
h2,
|
h2,
|
||||||
h4 {
|
h4 {
|
||||||
|
@ -510,8 +510,8 @@ input.text-error {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
|
||||||
.footer-navigation {
|
.footer-navigation {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
margin-right: 0px;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -520,7 +520,7 @@ input.text-error {
|
||||||
|
|
||||||
section {
|
section {
|
||||||
width: calc(25% - 40px);
|
width: calc(25% - 40px);
|
||||||
margin: 0px 20px;
|
margin: 0 20px;
|
||||||
max-width: 150px;
|
max-width: 150px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
@ -567,7 +567,7 @@ input.text-error {
|
||||||
.portico-logo {
|
.portico-logo {
|
||||||
height: 28px;
|
height: 28px;
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 6px 0px 6px 0px;
|
padding: 6px 0 6px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -579,15 +579,15 @@ input.text-error {
|
||||||
ul {
|
ul {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0px;
|
right: 0;
|
||||||
margin: 10px 0 0 0;
|
margin: 10px 0 0 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
padding: 5px 0px;
|
padding: 5px 0;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid hsl(0, 0%, 87%);
|
border: 1px solid hsl(0, 0%, 87%);
|
||||||
box-shadow: 0px 2px 5px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.1);
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "\25B2";
|
content: "\25B2";
|
||||||
|
@ -614,8 +614,8 @@ input.text-error {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 2px 0px;
|
margin: 2px 0;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
transition: none;
|
transition: none;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -647,8 +647,8 @@ input.text-error {
|
||||||
.realm-name {
|
.realm-name {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin: 0px 5px 0px -4px;
|
margin: 0 5px 0 -4px;
|
||||||
padding: 1px 0px 1px 5px;
|
padding: 1px 0 1px 5px;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
@ -709,7 +709,7 @@ a.bottom-signup-button {
|
||||||
.devlogin_subheader {
|
.devlogin_subheader {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
@ -726,7 +726,7 @@ a.bottom-signup-button {
|
||||||
|
|
||||||
.table.table-striped {
|
.table.table-striped {
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.team-profiles {
|
.team-profiles {
|
||||||
|
@ -928,11 +928,11 @@ input#terminal:checked ~ #tab-terminal {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-direct {
|
.btn-direct {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1073,8 +1073,8 @@ input.new-organization-button {
|
||||||
.header-main,
|
.header-main,
|
||||||
.footer-main {
|
.footer-main {
|
||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
margin: 0px auto;
|
margin: 0 auto;
|
||||||
padding: 0px 20px 0px 20px;
|
padding: 0 20px 0 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1151,7 +1151,7 @@ input.new-organization-button {
|
||||||
width: 328px;
|
width: 328px;
|
||||||
|
|
||||||
form {
|
form {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pw_strength {
|
#pw_strength {
|
||||||
|
@ -1168,7 +1168,7 @@ input.new-organization-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group {
|
.input-group {
|
||||||
margin: 15px 0px;
|
margin: 15px 0;
|
||||||
|
|
||||||
input[type="text"],
|
input[type="text"],
|
||||||
input[type="password"] {
|
input[type="password"] {
|
||||||
|
@ -1200,7 +1200,7 @@ input.new-organization-button {
|
||||||
|
|
||||||
.input-group {
|
.input-group {
|
||||||
&.margin {
|
&.margin {
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
|
@ -1222,7 +1222,7 @@ input.new-organization-button {
|
||||||
|
|
||||||
label {
|
label {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px 0px;
|
padding: 5px 0;
|
||||||
|
|
||||||
&.inline-block {
|
&.inline-block {
|
||||||
/* eyeballing off-centered aesth. */
|
/* eyeballing off-centered aesth. */
|
||||||
|
@ -1235,7 +1235,7 @@ input.new-organization-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.grid {
|
&.grid {
|
||||||
padding: 10px 0px;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid hsl(0, 0%, 87%);
|
border-bottom: 1px solid hsl(0, 0%, 87%);
|
||||||
|
|
||||||
label.inline-block {
|
label.inline-block {
|
||||||
|
@ -1254,7 +1254,7 @@ input.new-organization-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.center-block .submit-button-box .controls {
|
.center-block .submit-button-box .controls {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.center-block {
|
.center-block {
|
||||||
|
@ -1303,7 +1303,7 @@ input.new-organization-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.error_page .container {
|
.error_page .container {
|
||||||
padding: 20px 0px;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error_page .row-fluid {
|
.error_page .row-fluid {
|
||||||
|
@ -1440,7 +1440,7 @@ input.new-organization-button {
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
body {
|
body {
|
||||||
padding: 0px !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-medium,
|
.input-medium,
|
||||||
|
@ -1448,7 +1448,7 @@ input.new-organization-button {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
min-height: 30px !important;
|
min-height: 30px !important;
|
||||||
margin: 0px !important;
|
margin: 0 !important;
|
||||||
padding: 4px 6px !important;
|
padding: 4px 6px !important;
|
||||||
line-height: 20px !important;
|
line-height: 20px !important;
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
|
@ -1479,7 +1479,7 @@ input.new-organization-button {
|
||||||
|
|
||||||
.contributors-list {
|
.contributors-list {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1534,7 +1534,7 @@ input.new-organization-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding: 4px 0px 6px 0px;
|
padding: 4px 0 6px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-main {
|
.header-main {
|
||||||
|
@ -1560,7 +1560,7 @@ input.new-organization-button {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|
||||||
section {
|
section {
|
||||||
margin: 0px 3px;
|
margin: 0 3px;
|
||||||
width: calc(50% - 8px);
|
width: calc(50% - 8px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1583,7 +1583,7 @@ input.new-organization-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.m-v-20 {
|
.m-v-20 {
|
||||||
margin: 20px 0px;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
label.label-title {
|
label.label-title {
|
||||||
|
@ -1665,7 +1665,7 @@ label.label-title {
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-page.error {
|
.portico-page.error {
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portico-page.error .portico-page-container {
|
.portico-page.error .portico-page-container {
|
||||||
|
@ -1741,7 +1741,7 @@ label.label-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0px;
|
top: 0;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-bottom: 1px solid hsl(177, 52%, 55%);
|
border-bottom: 1px solid hsl(177, 52%, 55%);
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
|
|
|
@ -8,7 +8,7 @@ hr {
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-main {
|
.app-main {
|
||||||
|
@ -33,7 +33,7 @@ p {
|
||||||
.chart-container {
|
.chart-container {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
border: 2px solid hsl(0, 0%, 93%);
|
border: 2px solid hsl(0, 0%, 93%);
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
|
@ -44,7 +44,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -144,7 +144,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.last-update {
|
.last-update {
|
||||||
margin: 0px 0px 30px 0px;
|
margin: 0 0 30px 0;
|
||||||
|
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -198,7 +198,7 @@ p {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 0px;
|
height: 0;
|
||||||
top: -35px;
|
top: -35px;
|
||||||
left: 40px;
|
left: 40px;
|
||||||
}
|
}
|
||||||
|
@ -235,7 +235,7 @@ p {
|
||||||
.right {
|
.right {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin: 0px 10px;
|
margin: 0 10px;
|
||||||
width: 790px;
|
width: 790px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -38,7 +38,7 @@
|
||||||
.emoji {
|
.emoji {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
top: 0px;
|
top: 0;
|
||||||
margin: 1px 3px;
|
margin: 1px 3px;
|
||||||
|
|
||||||
height: 17px;
|
height: 17px;
|
||||||
|
@ -54,7 +54,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
color: hsl(200, 100%, 40%);
|
color: hsl(200, 100%, 40%);
|
||||||
margin: 0px 1px 0px 0px;
|
margin: 0 1px 0 0;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -151,11 +151,11 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 93%);
|
background-color: hsl(0, 0%, 93%);
|
||||||
|
|
||||||
border-radius: 5px 5px 0px 0px;
|
border-radius: 5px 5px 0 0;
|
||||||
|
|
||||||
.fa-search {
|
.fa-search {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -199,7 +199,7 @@
|
||||||
|
|
||||||
.emoji-popover-emoji-map,
|
.emoji-popover-emoji-map,
|
||||||
.emoji-search-results-container {
|
.emoji-search-results-container {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
@ -268,7 +268,7 @@
|
||||||
height: 32px;
|
height: 32px;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-canonical-name {
|
.emoji-canonical-name {
|
||||||
|
@ -290,7 +290,7 @@
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin: 0px 1px 0px 0px;
|
margin: 0 1px 0 0;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
width: 70%;
|
width: 70%;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
max-height: 1000px;
|
max-height: 1000px;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -53,7 +53,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.recent_topics_table {
|
.recent_topics_table {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
overflow: hidden !important;
|
overflow: hidden !important;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -68,7 +68,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
outline: 0px;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus-within {
|
&:focus-within {
|
||||||
|
@ -103,7 +103,7 @@
|
||||||
|
|
||||||
.table_fix_head {
|
.table_fix_head {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
padding-top: 0px !important;
|
padding-top: 0 !important;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
max-height: 89%;
|
max-height: 89%;
|
||||||
}
|
}
|
||||||
|
@ -123,7 +123,7 @@
|
||||||
.search_group {
|
.search_group {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
margin: 0 0 10px 0px;
|
margin: 0 0 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#recent_topics_search {
|
#recent_topics_search {
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
/* The default top/bottom margins for paragraphs are small, to make sure
|
/* The default top/bottom margins for paragraphs are small, to make sure
|
||||||
they look nice next to blockquotes, lists, etc. */
|
they look nice next to blockquotes, lists, etc. */
|
||||||
p {
|
p {
|
||||||
margin: 3px 0px 3px 0px;
|
margin: 3px 0 3px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The spacing between two paragraphs is significantly larger. We
|
/* The spacing between two paragraphs is significantly larger. We
|
||||||
|
@ -50,7 +50,7 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
@ -120,7 +120,7 @@
|
||||||
.user-mention {
|
.user-mention {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 0 0.2em;
|
padding: 0 0.2em;
|
||||||
box-shadow: 0px 0px 0px 1px hsl(0, 0%, 80%);
|
box-shadow: 0 0 0 1px hsl(0, 0%, 80%);
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -142,7 +142,7 @@
|
||||||
background: hsl(0, 0%, 93%);
|
background: hsl(0, 0%, 93%);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 0 0.2em;
|
padding: 0 0.2em;
|
||||||
box-shadow: 0px 0px 0px 1px hsl(0, 0%, 80%);
|
box-shadow: 0 0 0 1px hsl(0, 0%, 80%);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
|
@ -152,7 +152,7 @@
|
||||||
|
|
||||||
/* LaTeX styling */
|
/* LaTeX styling */
|
||||||
.katex-display {
|
.katex-display {
|
||||||
margin: 0em 0;
|
margin: 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tex-error {
|
.tex-error {
|
||||||
|
@ -176,11 +176,11 @@
|
||||||
|
|
||||||
.spoiler-content {
|
.spoiler-content {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-top: hsl(0, 0%, 50%) 0px solid;
|
border-top: hsl(0, 0%, 50%) 0 solid;
|
||||||
transition: height 0.4s ease-in-out, border-top 0.4s step-end,
|
transition: height 0.4s ease-in-out, border-top 0.4s step-end,
|
||||||
padding 0.4s step-end;
|
padding 0.4s step-end;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
height: 0px;
|
height: 0;
|
||||||
|
|
||||||
&.spoiler-content-open {
|
&.spoiler-content-open {
|
||||||
border-top: hsl(0, 0%, 50%) 1px solid;
|
border-top: hsl(0, 0%, 50%) 1px solid;
|
||||||
|
@ -246,7 +246,7 @@
|
||||||
/* CSS for message content widgets */
|
/* CSS for message content widgets */
|
||||||
table.tictactoe {
|
table.tictactoe {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.tictactoe {
|
td.tictactoe {
|
||||||
|
@ -370,7 +370,7 @@
|
||||||
.message_embed {
|
.message_embed {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 5px 0px;
|
margin: 5px 0;
|
||||||
border: none;
|
border: none;
|
||||||
border-left: 3px solid hsl(0, 0%, 93%);
|
border-left: 3px solid hsl(0, 0%, 93%);
|
||||||
height: 80px;
|
height: 80px;
|
||||||
|
@ -379,7 +379,7 @@
|
||||||
text-shadow: hsla(0, 0%, 0%, 0.01) 0 0 1px;
|
text-shadow: hsla(0, 0%, 0%, 0.01) 0 0 1px;
|
||||||
|
|
||||||
.message_embed_title {
|
.message_embed_title {
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
/* to remove the spacing that the font has from the top of the container. */
|
/* to remove the spacing that the font has from the top of the container. */
|
||||||
margin-top: -5px;
|
margin-top: -5px;
|
||||||
|
|
||||||
|
@ -406,7 +406,7 @@
|
||||||
|
|
||||||
.data-container {
|
.data-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0px 5px;
|
padding: 0 5px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
max-width: calc(100% - 115px);
|
max-width: calc(100% - 115px);
|
||||||
|
@ -479,7 +479,7 @@ code {
|
||||||
|
|
||||||
.rendered_markdown code {
|
.rendered_markdown code {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
padding: 0px 4px;
|
padding: 0 4px;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -30,11 +30,11 @@
|
||||||
.user-list-sidebar-menu-icon {
|
.user-list-sidebar-menu-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
right: 0px;
|
right: 0;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
display: none;
|
display: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0px 6px 0px 6px;
|
padding: 0 6px 0 6px;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
padding-right: 0.25em;
|
padding-right: 0.25em;
|
||||||
|
@ -67,8 +67,8 @@
|
||||||
.user_circle {
|
.user_circle {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -76,7 +76,7 @@
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -140,8 +140,8 @@
|
||||||
#userlist-toggle {
|
#userlist-toggle {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0;
|
||||||
right: 0px;
|
right: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border-left: 1px solid hsl(0, 0%, 88%);
|
border-left: 1px solid hsl(0, 0%, 88%);
|
||||||
|
@ -225,7 +225,7 @@
|
||||||
|
|
||||||
#userlist-toggle-button {
|
#userlist-toggle-button {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -78,7 +78,7 @@ h3 .fa-question-circle-o {
|
||||||
#pw_strength {
|
#pw_strength {
|
||||||
width: 140px;
|
width: 140px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
margin: 6px 0px 0px 0px;
|
margin: 6px 0 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.button {
|
.button {
|
||||||
|
@ -106,7 +106,7 @@ h3 .fa-question-circle-o {
|
||||||
}
|
}
|
||||||
|
|
||||||
.inline-block {
|
.inline-block {
|
||||||
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -130,7 +130,7 @@ h3 .fa-question-circle-o {
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-padded-container {
|
.side-padded-container {
|
||||||
padding: 0px 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#notification_sound,
|
#notification_sound,
|
||||||
|
@ -154,7 +154,7 @@ h3 .fa-question-circle-o {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.table-condensed.table-striped {
|
&.table-condensed.table-striped {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -193,7 +193,7 @@ h3 .fa-question-circle-o {
|
||||||
}
|
}
|
||||||
|
|
||||||
td .button {
|
td .button {
|
||||||
margin: 2px 0px;
|
margin: 2px 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -231,7 +231,7 @@ td .button {
|
||||||
.settings-section-title {
|
.settings-section-title {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin: 10px 0px 10px 0px;
|
margin: 10px 0 10px 0;
|
||||||
|
|
||||||
&.transparent {
|
&.transparent {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
@ -240,7 +240,7 @@ td .button {
|
||||||
|
|
||||||
.table-title {
|
.table-title {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 6px 0px;
|
padding: 6px 0;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
|
@ -302,7 +302,7 @@ td .button {
|
||||||
|
|
||||||
input[type="text"].search {
|
input[type="text"].search {
|
||||||
float: right;
|
float: right;
|
||||||
margin: 2px 5px 2px 0px;
|
margin: 2px 5px 2px 0;
|
||||||
padding: 2px 5px;
|
padding: 2px 5px;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
@ -370,7 +370,7 @@ td .button {
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: 0px 0px 4px hsla(199, 79%, 56%, 1);
|
box-shadow: 0 0 4px hsla(199, 79%, 56%, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
div,
|
div,
|
||||||
|
@ -405,7 +405,7 @@ td .button {
|
||||||
|
|
||||||
.input-group {
|
.input-group {
|
||||||
.thinner {
|
.thinner {
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
label.checkbox + label {
|
label.checkbox + label {
|
||||||
|
@ -423,7 +423,7 @@ td .button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-margin {
|
.no-margin {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
|
@ -432,7 +432,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.inline-block {
|
.inline-block {
|
||||||
margin: -2px 0px 0px 0px;
|
margin: -2px 0 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -442,7 +442,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.realm_domains_info {
|
.realm_domains_info {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-realm-form {
|
.admin-realm-form {
|
||||||
|
@ -460,7 +460,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.org-settings-form .organization-submission {
|
.org-settings-form .organization-submission {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#id_org_profile_preview {
|
#id_org_profile_preview {
|
||||||
|
@ -478,12 +478,12 @@ input[type="checkbox"] {
|
||||||
.remove-attachment {
|
.remove-attachment {
|
||||||
margin-right: 5px !important;
|
margin-right: 5px !important;
|
||||||
font-size: 1.1em !important;
|
font-size: 1.1em !important;
|
||||||
padding-left: 0px !important;
|
padding-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#download_attachment {
|
#download_attachment {
|
||||||
padding-left: 0px;
|
padding-left: 0;
|
||||||
border-left: 0px;
|
border-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-word-information-box {
|
.alert-word-information-box {
|
||||||
|
@ -536,7 +536,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading_indicator_text {
|
.loading_indicator_text {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
@ -566,7 +566,7 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
.stream-privacy span.hashtag,
|
.stream-privacy span.hashtag,
|
||||||
.filter-icon i {
|
.filter-icon i {
|
||||||
padding-right: 0px;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -584,11 +584,11 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-notification.custom-field-status {
|
.alert-notification.custom-field-status {
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
padding-left: 0px;
|
padding-left: 0;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
@ -635,7 +635,7 @@ input[type="checkbox"] {
|
||||||
.add-new-user-group-box .new-user-group-form,
|
.add-new-user-group-box .new-user-group-form,
|
||||||
.add-new-alert-word-box .new-alert-word-form,
|
.add-new-alert-word-box .new-alert-word-form,
|
||||||
.add-new-export-box {
|
.add-new-export-box {
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-new-emoji-box,
|
.add-new-emoji-box,
|
||||||
|
@ -671,7 +671,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.grey-box .wrapper {
|
.grey-box .wrapper {
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin_profile_fields_table,
|
.admin_profile_fields_table,
|
||||||
|
@ -708,7 +708,7 @@ input[type="checkbox"] {
|
||||||
.bots_list {
|
.bots_list {
|
||||||
display: none;
|
display: none;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
@ -783,12 +783,12 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
img.avatar {
|
img.avatar {
|
||||||
margin: 10px 5px 0px 10px;
|
margin: 10px 5px 0 10px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.email,
|
.email,
|
||||||
|
@ -799,7 +799,7 @@ input[type="checkbox"] {
|
||||||
.email .value,
|
.email .value,
|
||||||
.api_key .api-key-value-and-button {
|
.api_key .api-key-value-and-button {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
@ -828,7 +828,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit_bot h3 {
|
.edit_bot h3 {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -846,8 +846,8 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
.edit_bot_form {
|
.edit_bot_form {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
@ -857,7 +857,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
margin: 10px 0px 5px 0px;
|
margin: 10px 0 5px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -865,7 +865,7 @@ input[type="checkbox"] {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -930,13 +930,13 @@ input[type="checkbox"] {
|
||||||
.edit-attachment-buttons {
|
.edit-attachment-buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.emojiset_choices {
|
.emojiset_choices {
|
||||||
width: 250px;
|
width: 250px;
|
||||||
padding: 0px 10px;
|
padding: 0 10px;
|
||||||
|
|
||||||
.emoji {
|
.emoji {
|
||||||
height: 22px;
|
height: 22px;
|
||||||
|
@ -945,7 +945,7 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
label {
|
label {
|
||||||
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
|
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
|
||||||
padding: 8px 0px 10px 0px;
|
padding: 8px 0 10px 0;
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
@ -954,7 +954,7 @@ input[type="checkbox"] {
|
||||||
input[type="radio"] {
|
input[type="radio"] {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -2px;
|
top: -2px;
|
||||||
margin: 0px 5px 0px 0px;
|
margin: 0 5px 0 0;
|
||||||
|
|
||||||
&:checked + span {
|
&:checked + span {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
@ -996,7 +996,7 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
@ -1191,13 +1191,13 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
input.search {
|
input.search {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
margin: 10px 0px 20px 0px;
|
margin: 10px 0 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-sidebar {
|
.form-sidebar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 45px;
|
top: 45px;
|
||||||
right: 0px;
|
right: 0;
|
||||||
transform: translateX(303px);
|
transform: translateX(303px);
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: calc(100% - 45px);
|
height: calc(100% - 45px);
|
||||||
|
@ -1211,7 +1211,7 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
&.show {
|
&.show {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
transform: translateX(0px);
|
transform: translateX(0);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1242,7 +1242,7 @@ input[type="checkbox"] {
|
||||||
h1 {
|
h1 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.exit {
|
.exit {
|
||||||
|
@ -1283,7 +1283,7 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
padding: 5px 0px;
|
padding: 5px 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
|
@ -1312,7 +1312,7 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
width: calc(100% - 90px);
|
width: calc(100% - 90px);
|
||||||
padding: 10px 12px 10px 0px;
|
padding: 10px 12px 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
|
@ -1348,7 +1348,7 @@ input[type="checkbox"] {
|
||||||
.sidebar-bottom-anchor {
|
.sidebar-bottom-anchor {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0px;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-container {
|
.tab-container {
|
||||||
|
@ -1489,10 +1489,10 @@ input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal {
|
.modal {
|
||||||
box-shadow: 0px 0px 75px hsla(0, 0%, 0%, 0.5);
|
box-shadow: 0 0 75px hsla(0, 0%, 0%, 0.5);
|
||||||
outline: 10000px solid hsla(0, 0%, 0%, 0.3);
|
outline: 10000px solid hsla(0, 0%, 0%, 0.3);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
|
|
||||||
&.fade {
|
&.fade {
|
||||||
/* Ensure the modal is entirely off-screen while we fade the background */
|
/* Ensure the modal is entirely off-screen while we fade the background */
|
||||||
|
@ -1562,7 +1562,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
|
||||||
|
|
||||||
.dropdown-list-widget {
|
.dropdown-list-widget {
|
||||||
button {
|
button {
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
|
|
||||||
&.dropdown_list_reset_button {
|
&.dropdown_list_reset_button {
|
||||||
// Prevent night mode from overriding background.
|
// Prevent night mode from overriding background.
|
||||||
|
@ -1718,7 +1718,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapse-settings-btn {
|
.collapse-settings-btn {
|
||||||
margin: 10px 0px 0px 10px;
|
margin: 10px 0 0 10px;
|
||||||
color: hsl(200, 100%, 40%);
|
color: hsl(200, 100%, 40%);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -1828,7 +1828,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
|
||||||
#profile-field-settings .new-profile-field-form .control-label {
|
#profile-field-settings .new-profile-field-form .control-label {
|
||||||
display: block;
|
display: block;
|
||||||
width: 120px;
|
width: 120px;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
|
@ -117,13 +117,13 @@
|
||||||
.sp-preview {
|
.sp-preview {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: 0px 0px 1px hsla(0, 0%, 0%, 1);
|
box-shadow: 0 0 1px hsla(0, 0%, 0%, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sp-replacer {
|
.sp-replacer {
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: 0px 0px 2px hsla(0, 0%, 0%, 0.8);
|
box-shadow: 0 0 2px hsla(0, 0%, 0%, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.stream-email .email-address {
|
.stream-email .email-address {
|
||||||
|
@ -167,7 +167,7 @@
|
||||||
float: right;
|
float: right;
|
||||||
padding: 3px 10px;
|
padding: 3px 10px;
|
||||||
border: 1px solid hsl(0, 0%, 80%);
|
border: 1px solid hsl(0, 0%, 80%);
|
||||||
margin: 9px 10px 0px 0px;
|
margin: 9px 10px 0 0;
|
||||||
color: hsl(0, 0%, 20%);
|
color: hsl(0, 0%, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -183,7 +183,7 @@ form#add_new_subscription {
|
||||||
}
|
}
|
||||||
|
|
||||||
.create_stream_button {
|
.create_stream_button {
|
||||||
margin: 0px 0px 0px 5px;
|
margin: 0 0 0 5px;
|
||||||
|
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
@ -196,8 +196,8 @@ form#add_new_subscription {
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: hsl(0, 0%, 27%);
|
color: hsl(0, 0%, 27%);
|
||||||
|
@ -258,7 +258,7 @@ form#add_new_subscription {
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 4px 0px;
|
padding: 4px 0;
|
||||||
|
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
@ -322,7 +322,7 @@ form#add_new_subscription {
|
||||||
}
|
}
|
||||||
|
|
||||||
.subscriber_list_add .form-inline {
|
.subscriber_list_add .form-inline {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add_subscribers_container {
|
.add_subscribers_container {
|
||||||
|
@ -336,7 +336,7 @@ form#add_new_subscription {
|
||||||
}
|
}
|
||||||
|
|
||||||
.remove-subscriber-form {
|
.remove-subscriber-form {
|
||||||
margin: 0px 0px 0px 0px;
|
margin: 0 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#subscription-status {
|
#subscription-status {
|
||||||
|
@ -383,7 +383,7 @@ form#add_new_subscription {
|
||||||
.subscriptions-container .subscriptions-header .fa-chevron-left,
|
.subscriptions-container .subscriptions-header .fa-chevron-left,
|
||||||
#settings_overlay_container .settings-header.mobile .fa-chevron-left {
|
#settings_overlay_container .settings-header.mobile .fa-chevron-left {
|
||||||
position: relative;
|
position: relative;
|
||||||
transform: translate(-50px, 0px);
|
transform: translate(-50px, 0);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
color: hsl(0, 0%, 67%);
|
color: hsl(0, 0%, 67%);
|
||||||
|
|
||||||
|
@ -399,7 +399,7 @@ form#add_new_subscription {
|
||||||
#settings_overlay_container
|
#settings_overlay_container
|
||||||
.settings-header.mobile.slide-left
|
.settings-header.mobile.slide-left
|
||||||
.fa-chevron-left {
|
.fa-chevron-left {
|
||||||
transform: translate(-0px, 0px);
|
transform: translate(0, 0);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -407,7 +407,7 @@ form#add_new_subscription {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 95%;
|
height: 95%;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
width: 97%;
|
width: 97%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
|
@ -431,7 +431,7 @@ form#add_new_subscription {
|
||||||
.subscriptions-title {
|
.subscriptions-title {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
transform: translate(-13px, 0px);
|
transform: translate(-13px, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.exit {
|
.exit {
|
||||||
|
@ -460,7 +460,7 @@ form#add_new_subscription {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: calc(100% - 45px);
|
height: calc(100% - 45px);
|
||||||
margin: 0px -2px;
|
margin: 0 -2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
|
@ -512,7 +512,7 @@ form#add_new_subscription {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin: 9px 0px;
|
margin: 9px 0;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -522,7 +522,7 @@ form#add_new_subscription {
|
||||||
height: calc(100% - 45px);
|
height: calc(100% - 45px);
|
||||||
border: none;
|
border: none;
|
||||||
background-color: hsl(0, 0%, 98%);
|
background-color: hsl(0, 0%, 98%);
|
||||||
box-shadow: inset 0px 0px 50px hsla(0, 0%, 0%, 0.5);
|
box-shadow: inset 0 0 50px hsla(0, 0%, 0%, 0.5);
|
||||||
background-image: url(../images/preview-loading.png);
|
background-image: url(../images/preview-loading.png);
|
||||||
background-size: 150px auto;
|
background-size: 150px auto;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
|
@ -551,7 +551,7 @@ form#add_new_subscription {
|
||||||
#search_stream_name {
|
#search_stream_name {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
margin: 8px 0px;
|
margin: 8px 0;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: -15px !important;
|
margin-right: -15px !important;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -802,7 +802,7 @@ form#add_new_subscription {
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-user-label {
|
.add-user-label {
|
||||||
margin: 8px 0px;
|
margin: 8px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-user-list-filter {
|
.add-user-list-filter {
|
||||||
|
@ -810,7 +810,7 @@ form#add_new_subscription {
|
||||||
}
|
}
|
||||||
|
|
||||||
#stream_creation_form {
|
#stream_creation_form {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
|
|
||||||
#stream_creating_indicator {
|
#stream_creating_indicator {
|
||||||
&:not(:empty) {
|
&:not(:empty) {
|
||||||
|
@ -1030,7 +1030,7 @@ ul.grey-box {
|
||||||
#stream_privacy_modal &,
|
#stream_privacy_modal &,
|
||||||
#subscription_overlay & {
|
#subscription_overlay & {
|
||||||
border-bottom: 1px solid hsl(0, 0%, 87%);
|
border-bottom: 1px solid hsl(0, 0%, 87%);
|
||||||
padding: 5px 0px;
|
padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
|
@ -1039,7 +1039,7 @@ ul.grey-box {
|
||||||
}
|
}
|
||||||
|
|
||||||
#subscription_overlay & {
|
#subscription_overlay & {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1075,7 +1075,7 @@ ul.grey-box {
|
||||||
|
|
||||||
select {
|
select {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1108,7 +1108,7 @@ ul.grey-box {
|
||||||
|
|
||||||
.subscriber_list_settings input {
|
.subscriber_list_settings input {
|
||||||
float: left;
|
float: left;
|
||||||
margin: 0px 5px 0px 0px;
|
margin: 0 5px 0 0;
|
||||||
width: calc(50% - 45px);
|
width: calc(50% - 45px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -27,11 +27,11 @@
|
||||||
|
|
||||||
li {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 2px 2px 2px 0px;
|
margin: 2px 2px 2px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 0px 0px 5px 0px;
|
margin: 0 0 5px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -74,7 +74,7 @@ button {
|
||||||
|
|
||||||
&.task-completed {
|
&.task-completed {
|
||||||
border-color: hsl(157, 18%, 77%);
|
border-color: hsl(157, 18%, 77%);
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.add-task,
|
&.add-task,
|
||||||
|
@ -103,7 +103,7 @@ button {
|
||||||
&.poll-option,
|
&.poll-option,
|
||||||
&.poll-question {
|
&.poll-question {
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
margin: 2px 0px 2px 0px;
|
margin: 2px 0 2px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -79,7 +79,7 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
p.n-margin {
|
p.n-margin {
|
||||||
margin: 10px 0px 0px 0px;
|
margin: 10px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.small-line-height {
|
.small-line-height {
|
||||||
|
@ -165,13 +165,13 @@ p.n-margin {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
top: 0px;
|
top: 0;
|
||||||
left: calc(50vw - 220px);
|
left: calc(50vw - 220px);
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
|
|
||||||
background-color: hsl(0, 0%, 98%);
|
background-color: hsl(0, 0%, 98%);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.25);
|
box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.25);
|
||||||
z-index: 110;
|
z-index: 110;
|
||||||
|
|
||||||
animation-name: pulse;
|
animation-name: pulse;
|
||||||
|
@ -193,22 +193,22 @@ p.n-margin {
|
||||||
.exit-me {
|
.exit-me {
|
||||||
font-size: 30pt;
|
font-size: 30pt;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
margin: 5px 0px 0px 10px;
|
margin: 5px 0 0 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
0% {
|
0% {
|
||||||
box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.35);
|
box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.35);
|
||||||
}
|
}
|
||||||
|
|
||||||
50% {
|
50% {
|
||||||
box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.15);
|
box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.35);
|
box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.35);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -278,7 +278,7 @@ p.n-margin {
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons .alert-link {
|
.buttons .alert-link {
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -306,8 +306,8 @@ p.n-margin {
|
||||||
// misplaced before the JS code can fix it.
|
// misplaced before the JS code can fix it.
|
||||||
max-width: 1400px;
|
max-width: 1400px;
|
||||||
min-width: 950px;
|
min-width: 950px;
|
||||||
margin: 0px auto;
|
margin: 0 auto;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: hsl(0, 0%, 100%);
|
background-color: hsl(0, 0%, 100%);
|
||||||
}
|
}
|
||||||
|
@ -316,7 +316,7 @@ p.n-margin {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 98;
|
z-index: 98;
|
||||||
left: 0px;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column-left,
|
.column-left,
|
||||||
|
@ -327,14 +327,14 @@ p.n-margin {
|
||||||
|
|
||||||
.column-left {
|
.column-left {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0px;
|
left: 0;
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column-right {
|
.column-right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0px;
|
right: 0;
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-main {
|
.app-main {
|
||||||
|
@ -350,7 +350,7 @@ p.n-margin {
|
||||||
|
|
||||||
.column-left .left-sidebar {
|
.column-left .left-sidebar {
|
||||||
width: 242px;
|
width: 242px;
|
||||||
padding-left: 0px;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column-right .right-sidebar {
|
.column-right .right-sidebar {
|
||||||
|
@ -459,10 +459,10 @@ li,
|
||||||
|
|
||||||
.notvisible {
|
.notvisible {
|
||||||
visibility: hidden !important;
|
visibility: hidden !important;
|
||||||
width: 0px !important;
|
width: 0 !important;
|
||||||
min-width: 0px !important;
|
min-width: 0 !important;
|
||||||
min-height: 0px !important;
|
min-height: 0 !important;
|
||||||
height: 0px !important;
|
height: 0 !important;
|
||||||
overflow: hidden !important;
|
overflow: hidden !important;
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
}
|
}
|
||||||
|
@ -587,9 +587,9 @@ td.pointer {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
position: static;
|
position: static;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -620,7 +620,7 @@ td.pointer {
|
||||||
|
|
||||||
.sender-status {
|
.sender-status {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 8px 0px 8px -3px;
|
margin: 8px 0 8px -3px;
|
||||||
/* this normalizes the margin of the emoji reactions with normal messages. */
|
/* this normalizes the margin of the emoji reactions with normal messages. */
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
@ -641,7 +641,7 @@ td.pointer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 45px;
|
width: 45px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0px;
|
left: 0;
|
||||||
top: 16px;
|
top: 16px;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
@ -825,8 +825,8 @@ td.pointer {
|
||||||
}
|
}
|
||||||
|
|
||||||
.message_header_private_message {
|
.message_header_private_message {
|
||||||
border-bottom: 0px;
|
border-bottom: 0;
|
||||||
border-left: 0px;
|
border-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -841,7 +841,7 @@ td.pointer {
|
||||||
border-bottom-color: hsla(0, 0%, 0%, 0);
|
border-bottom-color: hsla(0, 0%, 0%, 0);
|
||||||
background-color: hsl(0, 0%, 88%);
|
background-color: hsl(0, 0%, 88%);
|
||||||
border-left-color: hsl(0, 0%, 88%);
|
border-left-color: hsl(0, 0%, 88%);
|
||||||
border-width: 0px;
|
border-width: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
|
@ -858,8 +858,8 @@ td.pointer {
|
||||||
left: 100%;
|
left: 100%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
content: " ";
|
content: " ";
|
||||||
height: 0px;
|
height: 0;
|
||||||
width: 0px;
|
width: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
margin-top: -11px;
|
margin-top: -11px;
|
||||||
|
@ -874,8 +874,8 @@ td.pointer {
|
||||||
left: 100%;
|
left: 100%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
content: " ";
|
content: " ";
|
||||||
height: 0px;
|
height: 0;
|
||||||
width: 0px;
|
width: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
margin-top: -14px;
|
margin-top: -14px;
|
||||||
|
@ -921,16 +921,16 @@ td.pointer {
|
||||||
|
|
||||||
.summary_row {
|
.summary_row {
|
||||||
.message_header {
|
.message_header {
|
||||||
padding: 5px 0px 4px 5px;
|
padding: 5px 0 4px 5px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.last_message {
|
&.last_message {
|
||||||
.message_header {
|
.message_header {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
box-shadow: inset 0px 2px 1px -2px hsl(0, 0%, 20%),
|
box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
|
||||||
inset -2px 0px 1px -2px hsl(0, 0%, 20%),
|
inset -2px 0 1px -2px hsl(0, 0%, 20%),
|
||||||
inset 0px -2px 1px -2px hsl(0, 0%, 20%);
|
inset 0 -2px 1px -2px hsl(0, 0%, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.summary_colorblock {
|
.summary_colorblock {
|
||||||
|
@ -954,7 +954,7 @@ td.pointer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
text-indent: -99999px;
|
text-indent: -99999px;
|
||||||
float: left;
|
float: left;
|
||||||
width: 0px;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.summary_row_private_message .summary_colorblock {
|
.summary_row_private_message .summary_colorblock {
|
||||||
|
@ -992,7 +992,7 @@ td.pointer {
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
transform: translateX(0px);
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1013,7 +1013,7 @@ td.pointer {
|
||||||
|
|
||||||
.message-header-contents {
|
.message-header-contents {
|
||||||
background-color: hsla(192, 19%, 75%, 0.2);
|
background-color: hsla(192, 19%, 75%, 0.2);
|
||||||
box-shadow: inset 1px 1px 0px hsl(0, 0%, 88%);
|
box-shadow: inset 1px 1px 0 hsl(0, 0%, 88%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1025,8 +1025,7 @@ td.pointer {
|
||||||
.messagebox,
|
.messagebox,
|
||||||
.date_row {
|
.date_row {
|
||||||
background-color: hsla(192, 19%, 75%, 0.2);
|
background-color: hsla(192, 19%, 75%, 0.2);
|
||||||
box-shadow: inset 2px 0px 0px 0px hsl(0, 0%, 27%),
|
box-shadow: inset 2px 0 0 0 hsl(0, 0%, 27%), -1px 0 0 0 hsl(0, 0%, 27%);
|
||||||
-1px 0px 0px 0px hsl(0, 0%, 27%);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1043,14 +1042,14 @@ td.pointer {
|
||||||
}
|
}
|
||||||
|
|
||||||
.recipient_row .message_row:first-child .unread_marker {
|
.recipient_row .message_row:first-child .unread_marker {
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.unread_marker {
|
.unread_marker {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 2px;
|
left: 2px;
|
||||||
top: 0px;
|
top: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
bottom: 1px;
|
bottom: 1px;
|
||||||
|
@ -1092,16 +1091,14 @@ td.pointer {
|
||||||
}
|
}
|
||||||
|
|
||||||
.messagebox-content {
|
.messagebox-content {
|
||||||
box-shadow: inset 0px 0px 0px 2px hsl(215, 47%, 50%),
|
box-shadow: inset 0 0 0 2px hsl(215, 47%, 50%),
|
||||||
-1px -1px 0px 0px hsl(215, 47%, 50%),
|
-1px -1px 0 0 hsl(215, 47%, 50%), 1px 1px 0 0 hsl(215, 47%, 50%),
|
||||||
1px 1px 0px 0px hsl(215, 47%, 50%),
|
-1px 1px 0 0 hsl(215, 47%, 50%), 1px -1px 0 0 hsl(215, 47%, 50%);
|
||||||
-1px 1px 0px 0px hsl(215, 47%, 50%),
|
|
||||||
1px -1px 0px 0px hsl(215, 47%, 50%);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.message_sender {
|
.message_sender {
|
||||||
height: 0px;
|
height: 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
@ -1238,7 +1235,7 @@ div.message_table {
|
||||||
|
|
||||||
.date_row {
|
.date_row {
|
||||||
/* We only want padding for the date rows between recipient blocks */
|
/* We only want padding for the date rows between recipient blocks */
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1261,13 +1258,13 @@ div.focused_table {
|
||||||
|
|
||||||
&.condensed {
|
&.condensed {
|
||||||
max-height: 8.5em;
|
max-height: 8.5em;
|
||||||
min-height: 0em;
|
min-height: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
max-height: 0em;
|
max-height: 0;
|
||||||
min-height: 0em;
|
min-height: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1323,7 +1320,7 @@ div.focused_table {
|
||||||
&.header-v {
|
&.header-v {
|
||||||
height: 18px;
|
height: 18px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0px 3px;
|
padding: 0 3px;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
|
|
||||||
line-height: 0px;
|
line-height: 0px;
|
||||||
|
@ -1345,8 +1342,8 @@ div.focused_table {
|
||||||
|
|
||||||
.select_edit_stream {
|
.select_edit_stream {
|
||||||
margin-bottom: 5px !important;
|
margin-bottom: 5px !important;
|
||||||
border-left: 0px;
|
border-left: 0;
|
||||||
padding-left: 0px;
|
padding-left: 0;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
margin-left: -10px;
|
margin-left: -10px;
|
||||||
text-indent: 10px;
|
text-indent: 10px;
|
||||||
|
@ -1415,8 +1412,8 @@ div.focused_table {
|
||||||
}
|
}
|
||||||
|
|
||||||
.next_is_same_sender {
|
.next_is_same_sender {
|
||||||
border-bottom: 0px;
|
border-bottom: 0;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inline_profile_picture {
|
.inline_profile_picture {
|
||||||
|
@ -1448,9 +1445,9 @@ div.focused_table {
|
||||||
|
|
||||||
.brand.skinny-user-gravatar {
|
.brand.skinny-user-gravatar {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1477,7 +1474,7 @@ div.focused_table {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-content: flex-start;
|
align-content: flex-start;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
margin: 0px 0px 0px 0px;
|
margin: 0 0 0 0;
|
||||||
border: none;
|
border: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
@ -1505,15 +1502,15 @@ div.focused_table {
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
.fa {
|
.fa {
|
||||||
margin: 0px 3px 0px 5px;
|
margin: 0 3px 0 5px;
|
||||||
.fa-envelope {
|
.fa-envelope {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 0px 5px 0px 5px;
|
margin: 0 5px 0 5px;
|
||||||
}
|
}
|
||||||
.fa-hashtag {
|
.fa-hashtag {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
// font-weight: 800;
|
// font-weight: 800;
|
||||||
margin: 0px 2px 0px 5px;
|
margin: 0 2px 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1542,7 +1539,7 @@ div.focused_table {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
margin-right: 1px;
|
margin-right: 1px;
|
||||||
.fa.fa-user-o {
|
.fa.fa-user-o {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
|
@ -1563,7 +1560,7 @@ div.focused_table {
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
// this ensures the before "|" doesn't overlap
|
// this ensures the before "|" doesn't overlap
|
||||||
// with the stream name text on small narrows
|
// with the stream name text on small narrows
|
||||||
left: 0px;
|
left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1583,7 +1580,7 @@ div.focused_table {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 12px 0px;
|
padding: 12px 0;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
|
@ -1592,7 +1589,7 @@ div.focused_table {
|
||||||
}
|
}
|
||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
padding: 12px 0px;
|
padding: 12px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1602,9 +1599,9 @@ div.focused_table {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
||||||
padding: 10px 15px 0px 0px;
|
padding: 10px 15px 0 0;
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
padding: 5px 15px 0px 0px;
|
padding: 5px 15px 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1646,7 +1643,7 @@ div.focused_table {
|
||||||
|
|
||||||
.navbar-search.expanded {
|
.navbar-search.expanded {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
width: calc(100% - 2px);
|
width: calc(100% - 2px);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
.search_button {
|
.search_button {
|
||||||
|
@ -1662,7 +1659,7 @@ div.focused_table {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
|
||||||
.fa-search {
|
.fa-search {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
|
@ -1679,18 +1676,18 @@ div.focused_table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
height: $header_height;
|
height: $header_height;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
font-family: "Source Sans Pro";
|
font-family: "Source Sans Pro";
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: $header_height;
|
line-height: $header_height;
|
||||||
}
|
}
|
||||||
|
|
||||||
#search_arrows:focus {
|
#search_arrows:focus {
|
||||||
box-shadow: inset 0px 0px 0px 2px hsl(204, 20%, 74%);
|
box-shadow: inset 0 0 0 2px hsl(204, 20%, 74%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.search_button,
|
.search_button,
|
||||||
|
@ -1699,7 +1696,7 @@ div.focused_table {
|
||||||
right: 35px;
|
right: 35px;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
background: none;
|
background: none;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
border: none;
|
border: none;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -1727,7 +1724,7 @@ div.focused_table {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
left: 0px;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search_icon_hover_highlight,
|
.search_icon_hover_highlight,
|
||||||
|
@ -1747,12 +1744,12 @@ div.focused_table {
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border: none;
|
border: none;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 500px) {
|
@media (min-width: 500px) {
|
||||||
.pill {
|
.pill {
|
||||||
padding: 2px 0px 2px 0px !important;
|
padding: 2px 0 2px 0 !important;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1769,13 +1766,13 @@ div.focused_table {
|
||||||
|
|
||||||
#searchbox_legacy {
|
#searchbox_legacy {
|
||||||
#search_arrows {
|
#search_arrows {
|
||||||
padding-left: 0px;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
#search_query {
|
#search_query {
|
||||||
padding-left: 35px;
|
padding-left: 35px;
|
||||||
}
|
}
|
||||||
.search_button {
|
.search_button {
|
||||||
right: 0px;
|
right: 0;
|
||||||
}
|
}
|
||||||
.navbar-search.expanded {
|
.navbar-search.expanded {
|
||||||
.search_button {
|
.search_button {
|
||||||
|
@ -1800,7 +1797,7 @@ div.focused_table {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
ul.nav {
|
ul.nav {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
|
|
||||||
.dropdown-toggle,
|
.dropdown-toggle,
|
||||||
li.active .dropdown-toggle {
|
li.active .dropdown-toggle {
|
||||||
|
@ -1808,7 +1805,7 @@ div.focused_table {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
padding-left: 0px !important;
|
padding-left: 0 !important;
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
box-shadow: inherit;
|
box-shadow: inherit;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -1838,8 +1835,8 @@ div.focused_table {
|
||||||
#streamlist-toggle {
|
#streamlist-toggle {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0;
|
||||||
left: 0px;
|
left: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
// border-right: 2px solid hsl(204, 20%, 74%);
|
// border-right: 2px solid hsl(204, 20%, 74%);
|
||||||
|
@ -1868,7 +1865,7 @@ div.focused_table {
|
||||||
top: 4px;
|
top: 4px;
|
||||||
right: 4px;
|
right: 4px;
|
||||||
border: 1px solid hsl(0, 0%, 93%);
|
border: 1px solid hsl(0, 0%, 93%);
|
||||||
box-shadow: 0px 0px 1px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.2);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
padding: 1px 1px 1px 1px;
|
padding: 1px 1px 1px 1px;
|
||||||
font-size: 9px;
|
font-size: 9px;
|
||||||
|
@ -1879,15 +1876,15 @@ div.focused_table {
|
||||||
|
|
||||||
.nav .dropdown-menu {
|
.nav .dropdown-menu {
|
||||||
left: auto;
|
left: auto;
|
||||||
right: 0px;
|
right: 0;
|
||||||
top: 30px;
|
top: 30px;
|
||||||
min-width: 180px;
|
min-width: 180px;
|
||||||
box-shadow: 0px 0px 5px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.2);
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 0px;
|
width: 0;
|
||||||
height: 0px;
|
height: 0;
|
||||||
top: -7px;
|
top: -7px;
|
||||||
right: 19px;
|
right: 19px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -2054,7 +2051,7 @@ div.floating_recipient {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
margin: 5px 0px;
|
margin: 5px 0;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2069,7 +2066,7 @@ div.floating_recipient {
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
margin: 5px 0px;
|
margin: 5px 0;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2142,7 +2139,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
||||||
form {
|
form {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2187,7 +2184,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
|
|
||||||
.modal-footer {
|
.modal-footer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0px;
|
bottom: 0;
|
||||||
width: calc(100% - 30px);
|
width: calc(100% - 30px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2236,7 +2233,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
#notifications-area {
|
#notifications-area {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
bottom: 0px;
|
bottom: 0;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
@ -2277,7 +2274,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
#pw_strength {
|
#pw_strength {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Override padding-top on form labels when they label only text */
|
/* Override padding-top on form labels when they label only text */
|
||||||
|
@ -2309,7 +2306,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
border-top: 1px solid hsl(0, 0%, 88%);
|
border-top: 1px solid hsl(0, 0%, 88%);
|
||||||
border-bottom: 1px solid hsl(0, 0%, 100%);
|
border-bottom: 1px solid hsl(0, 0%, 100%);
|
||||||
margin: 0px 5px 0px 5px;
|
margin: 0 5px 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2337,7 +2334,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
content: " ";
|
content: " ";
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 0px;
|
height: 0;
|
||||||
border-top: 1px solid hsl(0, 0%, 88%);
|
border-top: 1px solid hsl(0, 0%, 88%);
|
||||||
border-bottom: 1px solid hsl(0, 0%, 100%);
|
border-bottom: 1px solid hsl(0, 0%, 100%);
|
||||||
}
|
}
|
||||||
|
@ -2367,8 +2364,8 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
|
||||||
.edit-controls {
|
.edit-controls {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
|
@ -2378,11 +2375,11 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
}
|
}
|
||||||
|
|
||||||
.control-group.no-margin {
|
.control-group.no-margin {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-buttons {
|
.action-buttons {
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2523,11 +2520,11 @@ select.inline_select_topic_edit {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
float: none;
|
float: none;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
top: 0px;
|
top: 0;
|
||||||
|
|
||||||
.right-sidebar {
|
.right-sidebar {
|
||||||
background-color: hsla(0, 0%, 100%, 1);
|
background-color: hsla(0, 0%, 100%, 1);
|
||||||
box-shadow: 0px -2px 3px 0px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 -2px 3px 0 hsla(0, 0%, 0%, 0.1);
|
||||||
border-left: 1px solid hsl(0, 0%, 87%);
|
border-left: 1px solid hsl(0, 0%, 87%);
|
||||||
|
|
||||||
// We use both margin and padding to
|
// We use both margin and padding to
|
||||||
|
@ -2536,11 +2533,11 @@ select.inline_select_topic_edit {
|
||||||
margin-top: $header_height;
|
margin-top: $header_height;
|
||||||
padding-top: $header_padding_bottom;
|
padding-top: $header_padding_bottom;
|
||||||
|
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
right: 0px;
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2556,7 +2553,7 @@ select.inline_select_topic_edit {
|
||||||
|
|
||||||
.nav .dropdown-menu {
|
.nav .dropdown-menu {
|
||||||
min-width: 180px;
|
min-width: 180px;
|
||||||
box-shadow: 0px 0px 5px hsla(0, 0%, 0%, 0.2);
|
box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.2);
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
right: 21px;
|
right: 21px;
|
||||||
|
@ -2591,7 +2588,7 @@ select.inline_select_topic_edit {
|
||||||
|
|
||||||
@media (max-width: 775px) {
|
@media (max-width: 775px) {
|
||||||
body {
|
body {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column-left {
|
.column-left {
|
||||||
|
@ -2601,12 +2598,12 @@ select.inline_select_topic_edit {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
float: none;
|
float: none;
|
||||||
left: 0px;
|
left: 0;
|
||||||
top: 0px;
|
top: 0;
|
||||||
|
|
||||||
.left-sidebar {
|
.left-sidebar {
|
||||||
background-color: hsla(0, 0%, 100%, 1);
|
background-color: hsla(0, 0%, 100%, 1);
|
||||||
box-shadow: 0px 2px 3px 0px hsla(0, 0%, 0%, 0.1);
|
box-shadow: 0 2px 3px 0 hsla(0, 0%, 0%, 0.1);
|
||||||
border-right: 1px solid hsl(0, 0%, 87%);
|
border-right: 1px solid hsl(0, 0%, 87%);
|
||||||
|
|
||||||
// We use both margin and padding to
|
// We use both margin and padding to
|
||||||
|
@ -2636,21 +2633,21 @@ select.inline_select_topic_edit {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-main .column-middle {
|
.header-main .column-middle {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column-middle-inner {
|
.column-middle-inner {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-main .column-middle .column-middle-inner {
|
.app-main .column-middle .column-middle-inner {
|
||||||
margin-right: 0px;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.skinny-user-gravatar {
|
.skinny-user-gravatar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#streamlist-toggle {
|
#streamlist-toggle {
|
||||||
|
@ -2695,7 +2692,7 @@ select.inline_select_topic_edit {
|
||||||
|
|
||||||
.column-left.expanded {
|
.column-left.expanded {
|
||||||
.left-sidebar {
|
.left-sidebar {
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
|
|
||||||
#streams_header {
|
#streams_header {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
@ -2729,8 +2726,8 @@ select.inline_select_topic_edit {
|
||||||
|
|
||||||
#streamlist-toggle-button {
|
#streamlist-toggle-button {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navbar-buttons ul.nav .dropdown-toggle,
|
#navbar-buttons ul.nav .dropdown-toggle,
|
||||||
|
@ -2746,7 +2743,7 @@ select.inline_select_topic_edit {
|
||||||
|
|
||||||
.search_button,
|
.search_button,
|
||||||
.search_button[disabled]:hover {
|
.search_button[disabled]:hover {
|
||||||
top: 0px;
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -14,7 +14,6 @@ module.exports = {
|
||||||
// Disable standard rules we don't comply with yet
|
// Disable standard rules we don't comply with yet
|
||||||
"comment-empty-line-before": null,
|
"comment-empty-line-before": null,
|
||||||
"declaration-empty-line-before": null,
|
"declaration-empty-line-before": null,
|
||||||
"length-zero-no-unit": null,
|
|
||||||
|
|
||||||
// Additional stylistic rules
|
// Additional stylistic rules
|
||||||
"font-family-name-quotes": "always-where-recommended",
|
"font-family-name-quotes": "always-where-recommended",
|
||||||
|
|
|
@ -23,8 +23,8 @@ body {
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
mso-table-lspace: 0pt;
|
mso-table-lspace: 0;
|
||||||
mso-table-rspace: 0pt;
|
mso-table-rspace: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -62,7 +62,7 @@ table td {
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0px 20px 20px 20px;
|
padding: 0 20px 20px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
|
@ -83,7 +83,7 @@ table td {
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer .content-block p {
|
.footer .content-block p {
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
|
@ -111,7 +111,7 @@ ol {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin: 10px 0px;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
p li,
|
p li,
|
||||||
|
@ -136,7 +136,7 @@ a:hover {
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 10px 0px;
|
padding: 10px 0;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
border: 1px solid #80d1ba;
|
border: 1px solid #80d1ba;
|
||||||
|
@ -319,7 +319,7 @@ a.button:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
table[class="body"] .wrapper {
|
table[class="body"] .wrapper {
|
||||||
padding: 0px 10px 10px 10px;
|
padding: 0 10px 10px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
table[class="body"] .article {
|
table[class="body"] .article {
|
||||||
|
|
Loading…
Reference in New Issue