mirror of https://github.com/zulip/zulip.git
styles: Delete some unused CSS.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg
Tim Abbott
parent
5bdc4b3562
commit
1e6bc5b36b
|
|
@ -64,10 +64,6 @@ kbd {
|
|||
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
}
|
||||
|
||||
.clear-float {
|
||||
clear: both;
|
||||
}
|
||||
|
|
@ -153,21 +149,12 @@ input::placeholder {
|
|||
background-color: hsl(0, 0%, 67%);
|
||||
}
|
||||
|
||||
&.standalone {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 0.8rem;
|
||||
min-width: inherit;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
&.small-flex {
|
||||
width: auto;
|
||||
min-width: inherit;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: hsl(0, 0%, 60%);
|
||||
|
|
|
|||
|
|
@ -33,10 +33,6 @@
|
|||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.compose_reply_button_recipient_label {
|
||||
color: hsl(215, 47%, 30%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -67,10 +63,6 @@
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ztable_comp_col1 {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.message_comp {
|
||||
display: none;
|
||||
padding: 5px 10px 0 5px;
|
||||
|
|
@ -550,10 +542,6 @@ input.recipient_box {
|
|||
}
|
||||
}
|
||||
|
||||
.compose_left_wrapper {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#stream-message,
|
||||
#private-message {
|
||||
display: flex;
|
||||
|
|
@ -675,10 +663,6 @@ a.compose_control_button.hide {
|
|||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
.inline-subscribe-error {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.preview_message_area {
|
||||
/* minus 5px padding. */
|
||||
width: calc(100% - 12px);
|
||||
|
|
|
|||
|
|
@ -143,7 +143,6 @@ body.dark-theme {
|
|||
.column-left .left-sidebar,
|
||||
.column-right .right-sidebar,
|
||||
#subscription_overlay .right,
|
||||
#settings_page .form-sidebar,
|
||||
#settings_page .right {
|
||||
background-color: hsl(212, 28%, 18%);
|
||||
}
|
||||
|
|
@ -156,13 +155,6 @@ body.dark-theme {
|
|||
}
|
||||
}
|
||||
|
||||
#compose_buttons
|
||||
.reply_button_container
|
||||
.compose_reply_button
|
||||
.compose_reply_button_recipient_label {
|
||||
color: hsl(215, 47%, 80%);
|
||||
}
|
||||
|
||||
.compose-send-status-close {
|
||||
color: hsl(0, 0%, 100%);
|
||||
opacity: 1;
|
||||
|
|
@ -177,7 +169,6 @@ body.dark-theme {
|
|||
}
|
||||
|
||||
.column-left .left-sidebar,
|
||||
#settings_page .form-sidebar,
|
||||
.stream_name_search_section,
|
||||
.column-right .right-sidebar {
|
||||
border-color: hsla(0, 0%, 0%, 0.2);
|
||||
|
|
@ -207,16 +198,6 @@ body.dark-theme {
|
|||
}
|
||||
}
|
||||
|
||||
ul.topics_popover {
|
||||
.admin-separator {
|
||||
&::before,
|
||||
&::after {
|
||||
color: hsl(212, 28%, 18%);
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* this one is because in the app we have blue and in dark-theme it should be white. */
|
||||
.popover a {
|
||||
color: inherit;
|
||||
|
|
@ -648,7 +629,6 @@ body.dark-theme {
|
|||
|
||||
thead,
|
||||
.drafts-container .drafts-header,
|
||||
.recent_topics_container .recent_topics_header,
|
||||
.nav > li > a:focus,
|
||||
.nav > li > a:hover,
|
||||
.subscriptions-container .subscriptions-header,
|
||||
|
|
@ -656,7 +636,6 @@ body.dark-theme {
|
|||
.white-box,
|
||||
.stream-email,
|
||||
#settings_page .settings-header,
|
||||
#settings_page .form-sidebar .title,
|
||||
#settings_page .sidebar li.active,
|
||||
#settings_page .sidebar-wrapper .tab-container,
|
||||
.table-striped tbody tr:nth-child(even) td,
|
||||
|
|
@ -667,11 +646,6 @@ body.dark-theme {
|
|||
background-color: hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
|
||||
.table-hover tbody tr:hover td,
|
||||
.table-hover tbody tr:hover th {
|
||||
background-color: hsla(0, 0%, 0%, 0.5);
|
||||
}
|
||||
|
||||
.table-striped tbody tr:nth-child(odd) td {
|
||||
background-color: hsl(212, 28%, 18%);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -523,7 +523,6 @@ li.expanded_private_message {
|
|||
}
|
||||
|
||||
.zero-pm-unreads .pm-box,
|
||||
.zero-topic-unreads .more-topics-box,
|
||||
.zero-topic-unreads .topic-box {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -36,25 +36,10 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.popover-left,
|
||||
.popover-right {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.sp-container {
|
||||
z-index: 106;
|
||||
}
|
||||
|
||||
.mobile-message-buttons-popover {
|
||||
position: absolute;
|
||||
top: auto !important;
|
||||
right: 8px;
|
||||
bottom: 48px;
|
||||
left: auto !important;
|
||||
width: 175px;
|
||||
height: 65px;
|
||||
}
|
||||
|
||||
.streams_popover {
|
||||
.topic-name {
|
||||
text-align: center;
|
||||
|
|
@ -128,38 +113,6 @@ ul {
|
|||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-separator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
border-top: 1px solid hsl(0, 0%, 93%);
|
||||
border-bottom: 1px solid hsl(0, 0%, 100%);
|
||||
}
|
||||
|
||||
&::before {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.remind_me_popover .remind_icon {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.topic-move_popover {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&.info_popover_actions i.fa-edit {
|
||||
|
|
|
|||
|
|
@ -18,16 +18,6 @@
|
|||
background-color: hsl(120, 70%, 76%);
|
||||
}
|
||||
}
|
||||
|
||||
tr.long_inactive {
|
||||
td {
|
||||
background-color: hsl(0, 97%, 83%);
|
||||
}
|
||||
|
||||
&:nth-child(odd) td {
|
||||
background-color: hsl(0, 70%, 76%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
td.number {
|
||||
|
|
|
|||
|
|
@ -179,7 +179,6 @@
|
|||
font-size: 19px;
|
||||
}
|
||||
|
||||
#mix_license_count,
|
||||
#manual_license_count,
|
||||
#invoiced_licenses {
|
||||
width: 50px;
|
||||
|
|
@ -228,11 +227,6 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
#update-card-button-span {
|
||||
display: block;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.zulip-loading-logo {
|
||||
margin: 0 auto;
|
||||
width: 24px;
|
||||
|
|
@ -299,8 +293,7 @@
|
|||
}
|
||||
|
||||
#license-automatic-section,
|
||||
#license-manual-section,
|
||||
#license-mix-section {
|
||||
#license-manual-section {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -369,11 +369,6 @@ $category-text: hsl(219, 23%, 33%);
|
|||
font-weight: 400;
|
||||
margin: 10px 4px 0;
|
||||
|
||||
&.create-your-own {
|
||||
margin-top: 27px;
|
||||
font-size: 1.1em !important;
|
||||
}
|
||||
|
||||
&.with-secondary {
|
||||
font-size: 1.1em;
|
||||
margin-top: 4px;
|
||||
|
|
@ -397,10 +392,6 @@ $category-text: hsl(219, 23%, 33%);
|
|||
font-size: 1em;
|
||||
}
|
||||
|
||||
.integration-name.create-your-own {
|
||||
font-size: 0.95em !important;
|
||||
}
|
||||
|
||||
.integration-category {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -385,8 +385,7 @@ nav {
|
|||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.header,
|
||||
.portico-os-announcement {
|
||||
.header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -633,13 +632,6 @@ nav {
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
.headliner {
|
||||
.feature-block {
|
||||
margin: 0 10px;
|
||||
width: calc(100% - 250px - 20px);
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.5em;
|
||||
text-align: center;
|
||||
|
|
@ -716,51 +708,6 @@ nav {
|
|||
|
||||
overflow: hidden;
|
||||
|
||||
.waves {
|
||||
position: absolute;
|
||||
|
||||
width: 150vw;
|
||||
height: 150vw;
|
||||
|
||||
top: 650px;
|
||||
left: -25vw;
|
||||
|
||||
z-index: 0;
|
||||
opacity: 0.3;
|
||||
|
||||
.wave {
|
||||
position: absolute;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
border-radius: 35%;
|
||||
|
||||
opacity: 0.3;
|
||||
|
||||
animation-name: waves;
|
||||
animation-duration: 15s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
|
||||
&.dark-blue {
|
||||
background-color: hsl(219, 39%, 13%);
|
||||
}
|
||||
|
||||
&.light-blue {
|
||||
background-color: hsla(0, 67%, 57%, 0.9);
|
||||
animation-duration: 18s;
|
||||
}
|
||||
|
||||
&.light-green {
|
||||
background-color: hsla(187, 98%, 75%, 0.75);
|
||||
animation-name: wavesBackward;
|
||||
animation-duration: 21s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -824,17 +771,6 @@ nav {
|
|||
box-shadow: 0 3px 20px hsla(0, 0%, 100%, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.download-button {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#see_all_apps {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -913,30 +849,6 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
.portico-landing.hello .col-3-5,
|
||||
.portico-landing.hello .col-2,
|
||||
.portico-landing.hello .col-4 {
|
||||
margin-right: -4px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.portico-landing.hello .col-3-5 {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.portico-landing.hello .col-2 {
|
||||
width: 49.9%;
|
||||
}
|
||||
|
||||
.portico-landing.hello .col-3 {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.portico-landing.hello .col-4 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/* -- compare css -- */
|
||||
.compare,
|
||||
.compare-education {
|
||||
|
|
@ -1196,10 +1108,6 @@ nav {
|
|||
width: 15%;
|
||||
}
|
||||
|
||||
&.darker {
|
||||
background-color: hsl(0, 0%, 73%);
|
||||
}
|
||||
|
||||
&.nano {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
|
|
@ -1228,14 +1136,6 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
.col-4 .action-block {
|
||||
margin: 20px;
|
||||
|
||||
.sub-block {
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.top {
|
||||
.avatar {
|
||||
display: inline-block;
|
||||
|
|
@ -1378,29 +1278,6 @@ nav {
|
|||
padding: 50px 0 100px;
|
||||
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
|
||||
.col-2 {
|
||||
text-align: center;
|
||||
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
img {
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.il-block {
|
||||
display: inline-block;
|
||||
width: 75%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.portico-landing.hello .open-source {
|
||||
|
|
@ -1638,11 +1515,6 @@ nav {
|
|||
|
||||
.tour .carousel-inner .comparison-slack img {
|
||||
margin: 0;
|
||||
|
||||
&.slack-unreads {
|
||||
width: 250px;
|
||||
margin: 15px 0 0 -10px;
|
||||
}
|
||||
}
|
||||
|
||||
.tour .carousel-inner .other-resources {
|
||||
|
|
@ -1765,11 +1637,6 @@ nav {
|
|||
float: left;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .text-header .action-content {
|
||||
float: right;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .quote-container {
|
||||
width: 98%;
|
||||
margin: 30px auto 20px;
|
||||
|
|
@ -1906,16 +1773,6 @@ nav {
|
|||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.solano {
|
||||
background-image: url("../../images/landing-page/logos/solano.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.veelo {
|
||||
background-image: url("../../images/landing-page/logos/veelo.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.panjiva {
|
||||
background-image: url("../../images/landing-page/logos/panjiva.png");
|
||||
background-color: transparent;
|
||||
|
|
@ -1931,47 +1788,16 @@ nav {
|
|||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.wildfly {
|
||||
background-image: url("../../images/landing-page/logos/wildfly.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.mariadb {
|
||||
background-image: url("../../images/landing-page/logos/mariadb.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.infinispan {
|
||||
background-image: url("../../images/landing-page/logos/infinispan.png");
|
||||
background-color: transparent;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.hail {
|
||||
background-image: url("../../images/landing-page/logos/hail.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.inspire-hep {
|
||||
background-image: url("../../images/landing-page/logos/inspire-hep.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.wikimedia-outreach {
|
||||
background-image: url("../../images/landing-page/logos/wikimedia-outreach.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.fhir {
|
||||
background-image: url("../../images/landing-page/logos/fhir.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.openshot {
|
||||
background-image: url("../../images/landing-page/logos/openshot.png");
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company.mixxx {
|
||||
background-image: url("../../images/landing-page/logos/mixxx.png");
|
||||
background-color: transparent;
|
||||
|
|
@ -2219,13 +2045,6 @@ nav {
|
|||
max-width: 600px;
|
||||
}
|
||||
|
||||
.portico-landing.apps
|
||||
.hero
|
||||
.image
|
||||
img[src="/static/images/landing-page/tar.gz.svg"] {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.portico-landing.apps
|
||||
.hero
|
||||
.image
|
||||
|
|
@ -2892,96 +2711,6 @@ nav {
|
|||
top: 6px;
|
||||
}
|
||||
|
||||
/* while the overlay is showing, the transform properties should stay fixed
|
||||
for the container that sits inline in the page. */
|
||||
|
||||
.pricing-overlay.pricing-model {
|
||||
position: fixed;
|
||||
top: -140px;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 10;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.portico-landing.plans .pricing-overlay.pricing-model {
|
||||
top: -220px;
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .pricing-container {
|
||||
padding: 50px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model.active {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
background-color: hsla(0, 0%, 0%, 0.6);
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .price-box {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .info-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-left: 50px;
|
||||
margin-top: -2px;
|
||||
width: calc(100% - 300px - 50px);
|
||||
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
opacity: 0;
|
||||
transform: translateY(300px);
|
||||
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .info-box.show {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .info-box .text-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: calc(100% - 40px);
|
||||
width: calc(100% - 300px - 40px);
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .info-box .text-content h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .info-box .text-content p {
|
||||
color: hsl(0, 0%, 53%);
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .info-box .text-content .feature-detail-box {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model
|
||||
.info-box
|
||||
.text-content
|
||||
.feature-detail-box
|
||||
.feature {
|
||||
display: inline-block;
|
||||
width: calc(33% - 21px);
|
||||
height: 200px;
|
||||
background-color: hsl(0, 0%, 93%);
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.text-content .pricing-details {
|
||||
padding: 15px 0;
|
||||
height: 25px;
|
||||
|
|
@ -2996,15 +2725,6 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
.pricing-overlay.pricing-model .info-box .image {
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
|
||||
float: right;
|
||||
|
||||
background-color: hsl(169, 45%, 43%);
|
||||
}
|
||||
|
||||
.portico-landing.jobs h2 {
|
||||
line-height: 1.4;
|
||||
margin: 20px 0 5px;
|
||||
|
|
@ -3069,40 +2789,6 @@ nav {
|
|||
.portico-landing.plans .price-box {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.portico-landing.apps .main .details-container {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.portico-landing.apps .main .details-container .details-box {
|
||||
display: none;
|
||||
position: static;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.portico-landing.apps .main .details-container .details-box h1 {
|
||||
margin-top: 0;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.portico-landing.apps .main .details-container .details-box.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.portico-landing.apps .main .details-box[data-name="linux"] .image {
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.portico-landing.apps
|
||||
.main
|
||||
.details-box[data-name="linux"]
|
||||
.image
|
||||
.platform,
|
||||
.portico-landing.apps .main .details-box[data-name="linux"] .instructions {
|
||||
text-align: center;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
}
|
||||
|
||||
@media (width >= 1296px), (687px <= width <= 985px) {
|
||||
|
|
@ -3215,17 +2901,6 @@ nav {
|
|||
|
||||
.portico-landing.features-app {
|
||||
section {
|
||||
.headliner {
|
||||
.image {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.feature-box {
|
||||
width: calc(100% - 200px - 20px);
|
||||
}
|
||||
}
|
||||
|
||||
&.messages {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
|
@ -3281,10 +2956,6 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
.screen.hero-screen .col-4 .action-block {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .carousel-quotes {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -3373,22 +3044,6 @@ nav {
|
|||
}
|
||||
|
||||
@media (width <= 830px) {
|
||||
.portico-landing.features-app {
|
||||
section {
|
||||
.headliner {
|
||||
display: inline-flex;
|
||||
|
||||
width: auto;
|
||||
height: 250px;
|
||||
|
||||
margin: 50px;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.portico-landing.hello .apps .left-side .platform-icons .group {
|
||||
margin: 50px 30px;
|
||||
display: block;
|
||||
|
|
@ -3422,10 +3077,6 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
.tour .carousel-inner .comparison-slack img.slack-unreads {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.tour .carousel-inner .tour-item-header {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
|
@ -3520,10 +3171,6 @@ nav {
|
|||
padding: 43px 73px;
|
||||
}
|
||||
|
||||
.portico-landing.hello .features .col-2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.portico-landing.features-app {
|
||||
section {
|
||||
padding: 0 20px;
|
||||
|
|
@ -3789,10 +3436,6 @@ nav {
|
|||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.portico-landing.apps .main .details-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.portico-landing .testimonials .company-box .company {
|
||||
margin: 10px;
|
||||
width: calc(33% - 24px);
|
||||
|
|
@ -4207,10 +3850,6 @@ nav {
|
|||
.topics-image {
|
||||
border: solid 2px hsl(0, 0%, 60%);
|
||||
}
|
||||
|
||||
.feature-buttons {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.twitter-tweet {
|
||||
|
|
|
|||
|
|
@ -36,7 +36,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
&#using-zulip,
|
||||
&#zulip-administration {
|
||||
font-size: 1.75em;
|
||||
padding: 10px 0;
|
||||
|
|
|
|||
|
|
@ -28,17 +28,6 @@ html {
|
|||
font-family: monospace;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
padding: 0;
|
||||
min-height: 100%;
|
||||
|
||||
/* Hack for IE */
|
||||
height: auto !important;
|
||||
height: 100%;
|
||||
|
||||
margin: 0 auto -56px;
|
||||
}
|
||||
|
||||
.normal {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
|
@ -47,10 +36,6 @@ html {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.navbar-inner {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: relative;
|
||||
|
||||
|
|
@ -78,10 +63,6 @@ html {
|
|||
height: 56px;
|
||||
}
|
||||
|
||||
.breakpoint {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* The API tabbed content tends to have a lot of code blocks,
|
||||
which look nicer against a different background */
|
||||
.api-center .code-section {
|
||||
|
|
@ -297,27 +278,6 @@ html {
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
.help-box {
|
||||
max-width: 500px;
|
||||
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
|
||||
font-size: 0.9rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
|
||||
color: hsl(0, 0%, 27%);
|
||||
|
||||
border: 1px solid hsl(0, 0%, 87%);
|
||||
border-radius: 4px;
|
||||
background-color: hsl(0, 0%, 98%);
|
||||
|
||||
.blob {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.help-inline {
|
||||
font-weight: 400;
|
||||
font-size: 0.9rem;
|
||||
|
|
@ -347,47 +307,6 @@ img.screenshot {
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
.android-screenshot {
|
||||
margin-top: -30px;
|
||||
width: 221px;
|
||||
}
|
||||
|
||||
.iphone-screenshot {
|
||||
width: 184px;
|
||||
margin: 0 32px;
|
||||
}
|
||||
|
||||
.full-width-screenshot {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Silly easter egg for /integrations */
|
||||
.integral {
|
||||
font-weight: normal;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.show-integral {
|
||||
position: relative;
|
||||
|
||||
&:hover::after {
|
||||
content: "dx";
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-size: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
.integration {
|
||||
margin-top: 2em;
|
||||
padding-top: 1em;
|
||||
border-top: 1px dashed hsl(0, 0%, 0%);
|
||||
|
||||
p {
|
||||
margin-top: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
#pw_strength {
|
||||
/* Same width as a Bootstrap default text <input> with padding */
|
||||
width: 220px;
|
||||
|
|
@ -403,36 +322,6 @@ img.screenshot {
|
|||
content: " - ";
|
||||
}
|
||||
|
||||
.api-details {
|
||||
margin-left: 2em;
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.python {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.commandline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#portico-area {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-page-bottom {
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
|
||||
.landing-page {
|
||||
padding: 2em 0;
|
||||
|
||||
|
|
@ -446,19 +335,6 @@ img.screenshot {
|
|||
}
|
||||
}
|
||||
|
||||
.laptop-image {
|
||||
width: 787px;
|
||||
height: 414px;
|
||||
background-image: url("../../images/landing-page/laptop.png");
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.laptop-screen {
|
||||
position: relative;
|
||||
top: 32px;
|
||||
width: 507px;
|
||||
}
|
||||
|
||||
.platform-icon {
|
||||
width: 33%;
|
||||
}
|
||||
|
|
@ -467,19 +343,6 @@ img.screenshot {
|
|||
font-weight: 300;
|
||||
}
|
||||
|
||||
.shaded-background {
|
||||
background-color: hsl(0, 0%, 93%);
|
||||
}
|
||||
|
||||
.darker-background {
|
||||
background-color: hsl(0, 0%, 28%);
|
||||
color: hsl(0, 0%, 100%);
|
||||
}
|
||||
|
||||
.alert-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
label.text-error {
|
||||
display: inline;
|
||||
|
||||
|
|
@ -518,11 +381,6 @@ input.text-error {
|
|||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
|
||||
.footer-navigation {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
|
@ -711,27 +569,6 @@ input.text-error {
|
|||
z-index: 99;
|
||||
}
|
||||
|
||||
.main-headline {
|
||||
background: url("../../images/landing-page/gg.jpg");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
a.bottom-signup-button {
|
||||
color: hsl(0, 0%, 100%) !important;
|
||||
text-decoration: none !important;
|
||||
font-size: 20px;
|
||||
padding: 20px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.signup-signature {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.devlogin_subheader {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -740,16 +577,6 @@ a.bottom-signup-button {
|
|||
font-size: 16px;
|
||||
}
|
||||
|
||||
.portico-large-text {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.portico-secondary-header {
|
||||
font-weight: 300;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.table.table-striped {
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
|
||||
|
|
@ -926,37 +753,6 @@ input#terminal:checked ~ #tab-terminal {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.login-page-subheader {
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 300px;
|
||||
text-align: center;
|
||||
margin-top: -30px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.apps-muted {
|
||||
font-weight: 300;
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.apps-instructions-header {
|
||||
font-weight: 300;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.btn-app-download {
|
||||
font-size: 25px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.btn-direct {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
|
@ -966,13 +762,6 @@ input#terminal:checked ~ #tab-terminal {
|
|||
min-width: 300px;
|
||||
}
|
||||
|
||||
.btn-user {
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
border-color: hsl(169, 44%, 54%);
|
||||
border-style: solid;
|
||||
color: hsl(170, 40%, 41%);
|
||||
}
|
||||
|
||||
.btn-admin {
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
border-color: hsl(198, 100%, 48%);
|
||||
|
|
@ -1016,11 +805,6 @@ input.new-organization-button {
|
|||
/* plus input padding. */
|
||||
width: calc(300px - -28px);
|
||||
margin-bottom: 10px;
|
||||
|
||||
.direct-label {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.login-form,
|
||||
|
|
@ -1034,14 +818,6 @@ input.new-organization-button {
|
|||
}
|
||||
}
|
||||
|
||||
.login-forgot-password {
|
||||
float: right;
|
||||
line-height: 40px;
|
||||
position: relative;
|
||||
right: -15px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.login-social {
|
||||
max-width: 100%;
|
||||
min-width: 300px;
|
||||
|
|
@ -1050,100 +826,20 @@ input.new-organization-button {
|
|||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.main-headline-container {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
padding-top: 40px !important;
|
||||
}
|
||||
|
||||
.main-headline-logo {
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: auto;
|
||||
margin: auto;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.main-image {
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
height: auto;
|
||||
position: relative;
|
||||
bottom: -10px;
|
||||
}
|
||||
|
||||
.main-headline-text {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: hsl(0, 0%, 0%);
|
||||
font-weight: 300;
|
||||
|
||||
.tagline {
|
||||
font-size: 40px;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.footnote {
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
color: hsl(0, 0%, 0%);
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-signup-button {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.app-main,
|
||||
.header-main,
|
||||
.footer-main {
|
||||
.header-main {
|
||||
min-width: 350px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footer-main {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hello-main {
|
||||
max-width: none;
|
||||
min-width: 0;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
list-style: none;
|
||||
padding-top: 16px;
|
||||
|
||||
li,
|
||||
li a {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: hsl(0, 0%, 47%);
|
||||
font-size: 0.9em;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li:hover a {
|
||||
color: hsl(0, 0%, 27%);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.little-bullet {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.top-links {
|
||||
text-align: right;
|
||||
|
||||
|
|
@ -1168,12 +864,6 @@ input.new-organization-button {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.button-muted {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
color: hsl(0, 0%, 87%);
|
||||
}
|
||||
|
||||
/* -- password reset container -- */
|
||||
.password-reset {
|
||||
display: inline-block;
|
||||
|
|
@ -1283,10 +973,6 @@ input.new-organization-button {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.center-block .submit-button-box .controls {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.center-block {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
|
|
@ -1470,7 +1156,6 @@ input.new-organization-button {
|
|||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.input-medium,
|
||||
.input-large {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
|
|
@ -1483,23 +1168,6 @@ input.new-organization-button {
|
|||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.postal-envelope {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.letter-form {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.punc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.signup-section {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.line-break-desktop {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1569,18 +1237,6 @@ input.new-organization-button {
|
|||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.main-headline-text {
|
||||
.tagline {
|
||||
font-size: 32px;
|
||||
line-height: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
#apps-tabs li a {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
grid-template-columns: repeat(1, max-content);
|
||||
|
||||
|
|
@ -1598,10 +1254,6 @@ input.new-organization-button {
|
|||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.m-v-20 {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
label.label-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
|
@ -1611,37 +1263,6 @@ label.label-title {
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
.button-new {
|
||||
padding: 8px 15px;
|
||||
margin: 0;
|
||||
min-width: 130px;
|
||||
|
||||
font-weight: 400;
|
||||
|
||||
background-color: hsl(207, 55%, 53%);
|
||||
color: hsl(0, 0%, 100%);
|
||||
outline: none;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* -- button states -- */
|
||||
.button-new:hover {
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
|
||||
.button-new:active {
|
||||
filter: brightness(0.9);
|
||||
}
|
||||
|
||||
.button-new.sea-green {
|
||||
background-color: hsl(177, 70%, 46%);
|
||||
color: hsl(0, 0%, 100%);
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -1759,12 +1380,6 @@ label.label-title {
|
|||
}
|
||||
}
|
||||
|
||||
.desktop-redirect-links {
|
||||
margin-top: 20px;
|
||||
text-decoration: underline;
|
||||
color: hsl(0, 0%, 50%);
|
||||
}
|
||||
|
||||
.desktop-redirect-image {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -716,10 +716,6 @@ html {
|
|||
button {
|
||||
/* Avoid excessive space at top of login form */
|
||||
margin-top: 0;
|
||||
|
||||
.spectator_beta_text {
|
||||
color: hsl(0, 0%, 90%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -774,18 +770,6 @@ button#register_auth_button_gitlab {
|
|||
}
|
||||
}
|
||||
|
||||
#find-account-section {
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.5;
|
||||
vertical-align: top;
|
||||
|
||||
#find-account-link {
|
||||
color: hsl(164, 100%, 23%);
|
||||
}
|
||||
}
|
||||
|
||||
.split-view .actions a,
|
||||
.back-to-login {
|
||||
color: hsl(164, 100%, 23%);
|
||||
|
|
@ -831,10 +815,6 @@ button#register_auth_button_gitlab {
|
|||
margin: 25px auto 10px;
|
||||
position: relative;
|
||||
|
||||
&.with-top-space {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
&.full-width {
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
|
@ -954,16 +934,6 @@ button#register_auth_button_gitlab {
|
|||
}
|
||||
}
|
||||
|
||||
.external-host {
|
||||
margin: 25px 0 0 -3px;
|
||||
padding: 11.5px 10px;
|
||||
|
||||
font-weight: 400;
|
||||
font-size: 1.2rem;
|
||||
|
||||
background-color: hsl(0, 0%, 87%);
|
||||
}
|
||||
|
||||
.center-block .pitch {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -1055,17 +1025,6 @@ button#register_auth_button_gitlab {
|
|||
#enter-realm-button {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
#find-account-section {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.find-account-link {
|
||||
color: hsl(165, 100%, 14.7%);
|
||||
}
|
||||
}
|
||||
|
||||
#choose_email {
|
||||
|
|
@ -1242,11 +1201,6 @@ button#register_auth_button_gitlab {
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
.footer-navigation li,
|
||||
.footer-navigation li a {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.account-creation {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -74,22 +74,10 @@ h3,
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.w-70 {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.w-200 {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.m-t-20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.m-t-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.grid {
|
||||
label {
|
||||
min-width: 200px;
|
||||
|
|
@ -132,12 +120,6 @@ h3,
|
|||
text-align: left;
|
||||
}
|
||||
}
|
||||
/* this is because the input[type=text] is also 200px wide but has
|
||||
12px of padding and 2px worth of borders. These don't apply to
|
||||
buttons however. */
|
||||
.input-size {
|
||||
width: 214px;
|
||||
}
|
||||
}
|
||||
|
||||
.profile-settings-form {
|
||||
|
|
@ -162,11 +144,6 @@ h3,
|
|||
}
|
||||
|
||||
.user-avatar-section {
|
||||
.avatar-controls {
|
||||
margin-top: 20px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.inline-block {
|
||||
box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
|
||||
}
|
||||
|
|
@ -190,10 +167,6 @@ h3,
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.padded-container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.side-padded-container {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
|
@ -213,10 +186,6 @@ h3,
|
|||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.attributions_title {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.table {
|
||||
tbody {
|
||||
border-bottom: 1px solid hsl(0, 0%, 87%);
|
||||
|
|
@ -308,16 +277,6 @@ td .button {
|
|||
background-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.table-title {
|
||||
display: inline-block;
|
||||
padding: 6px 0;
|
||||
margin-left: 5px;
|
||||
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-sticky-headers th {
|
||||
|
|
@ -439,45 +398,6 @@ td .button {
|
|||
}
|
||||
}
|
||||
|
||||
.dynamic-input {
|
||||
display: inline-block;
|
||||
padding: 5px;
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
border: 1px solid hsl(0, 0%, 80%);
|
||||
border-radius: 3px;
|
||||
transition: box-shadow 0.3s ease;
|
||||
min-width: 208px;
|
||||
|
||||
&:hover {
|
||||
outline: none;
|
||||
box-shadow: 0 0 4px hsla(199, 79%, 56%, 1);
|
||||
}
|
||||
|
||||
div,
|
||||
label {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div {
|
||||
margin-right: -2px;
|
||||
|
||||
&:empty::after {
|
||||
content: "username";
|
||||
color: hsl(0, 0%, 67%);
|
||||
}
|
||||
}
|
||||
|
||||
&.bot_user_name div:empty::after {
|
||||
content: "bot_user_name";
|
||||
color: hsl(0, 0%, 67%);
|
||||
}
|
||||
|
||||
[contenteditable="true"] {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.button,
|
||||
.input-group {
|
||||
margin: 0 0 20px;
|
||||
|
|
@ -596,10 +516,6 @@ input[type="checkbox"] {
|
|||
border-left: 0;
|
||||
}
|
||||
|
||||
.green-bg {
|
||||
background-color: hsl(120, 29%, 84%);
|
||||
}
|
||||
|
||||
.remove-alert-word {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
|
@ -659,10 +575,6 @@ input[type="checkbox"] {
|
|||
}
|
||||
|
||||
#user-notification-settings {
|
||||
.notification-reminder {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.notification-table {
|
||||
th,
|
||||
td {
|
||||
|
|
@ -697,8 +609,7 @@ input[type="checkbox"] {
|
|||
|
||||
.alert-notification.custom-field-status,
|
||||
.alert-notification.full-name-status,
|
||||
.alert-notification.timezone-setting-status,
|
||||
.alert-notification.presence-setting-status {
|
||||
.alert-notification.timezone-setting-status {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-top: 0;
|
||||
|
|
@ -716,11 +627,6 @@ input[type="checkbox"] {
|
|||
}
|
||||
}
|
||||
|
||||
.admin-realm-message-content-delete-limit-minutes {
|
||||
width: 5ch;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.admin-realm-message-retention-days {
|
||||
width: 5ch;
|
||||
text-align: right;
|
||||
|
|
@ -1015,20 +921,6 @@ input[type="checkbox"] {
|
|||
width: 70%;
|
||||
}
|
||||
|
||||
.bot_name_header {
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
#attachments_list {
|
||||
list-style-type: none;
|
||||
margin: auto;
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
|
||||
&:empty {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#alert-words-table {
|
||||
margin: 0;
|
||||
|
||||
|
|
@ -1046,10 +938,7 @@ input[type="checkbox"] {
|
|||
word-break: break-all;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
#alert-words-table,
|
||||
#attachments_list {
|
||||
.edit-attachment-buttons {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
|
|
@ -1058,7 +947,6 @@ input[type="checkbox"] {
|
|||
}
|
||||
|
||||
#change_password_modal {
|
||||
.change_password_info,
|
||||
#change_password_container {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -1354,67 +1242,6 @@ input[type="checkbox"] {
|
|||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.form-sidebar {
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
right: 0;
|
||||
transform: translateX(303px);
|
||||
width: 300px;
|
||||
height: calc(100% - 45px);
|
||||
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
border-left: 1px solid hsl(0, 0%, 87%);
|
||||
|
||||
pointer-events: none;
|
||||
transition: all 0.3s ease;
|
||||
visibility: hidden;
|
||||
|
||||
&.show {
|
||||
pointer-events: auto;
|
||||
transform: translateX(0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: calc(100% - 10px - 4px);
|
||||
}
|
||||
|
||||
input[type="submit"],
|
||||
button {
|
||||
border-radius: 4px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title,
|
||||
.content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 10px 20px;
|
||||
background-color: hsl(0, 0%, 98%);
|
||||
border-bottom: 1px solid hsl(0, 0%, 87%);
|
||||
|
||||
h1 {
|
||||
display: inline-block;
|
||||
font-size: 1.3rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.exit {
|
||||
float: right;
|
||||
font-size: 2rem;
|
||||
font-weight: 300;
|
||||
margin-top: 11px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-wrapper {
|
||||
float: left;
|
||||
position: relative;
|
||||
|
|
@ -1463,11 +1290,6 @@ input[type="checkbox"] {
|
|||
border-bottom: none;
|
||||
}
|
||||
|
||||
&.border-top {
|
||||
border-top: 1px solid hsl(0, 0%, 93%);
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: hsl(0, 0%, 93%);
|
||||
border-bottom: 1px solid transparent;
|
||||
|
|
@ -1612,10 +1434,6 @@ input[type="checkbox"] {
|
|||
|
||||
#profile-settings,
|
||||
#edit-user-form {
|
||||
.user-role button {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.custom_user_field {
|
||||
padding-bottom: 20px;
|
||||
|
||||
|
|
@ -1692,10 +1510,6 @@ input[type="checkbox"] {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.m-t-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.dropdown-list-widget {
|
||||
button.dropdown-toggle {
|
||||
text-align: left;
|
||||
|
|
@ -1839,11 +1653,6 @@ input[type="checkbox"] {
|
|||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.invited-as-admin {
|
||||
opacity: 0.5;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
@supports (-moz-appearance: none) {
|
||||
#settings_page select {
|
||||
appearance: none;
|
||||
|
|
@ -1933,11 +1742,6 @@ input[type="checkbox"] {
|
|||
display: block;
|
||||
}
|
||||
|
||||
.user-avatar-section .avatar-controls {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#settings_content .warning {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,77 +10,18 @@
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.subscription-email-hint-image {
|
||||
float: right;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.subscription_header.collapsed {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.color_swatch {
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
padding: 0;
|
||||
margin: 0 0 0 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.subscriptions div #response {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.subscription-info-container {
|
||||
display: inline-block;
|
||||
/* subtract out the width of the subscribe button and arrow. */
|
||||
width: calc(100% - 260px);
|
||||
/* to center the container vertically. */
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
.subscription-setting-icon {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.subscription-info {
|
||||
display: inline-block;
|
||||
/* to provide space for the setting-icon. */
|
||||
max-width: calc(100% - 31px);
|
||||
margin-top: 1px;
|
||||
overflow: hidden;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.subscription-info .light {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.subscription_header {
|
||||
min-height: 47px;
|
||||
}
|
||||
|
||||
.subscription-name-row {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.subscription-name-row,
|
||||
.subscription-description-row {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.subscription_header .subscription_lock {
|
||||
font-size: 23px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 12px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.subscription_settings .btn {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
|
@ -188,15 +129,6 @@ h4.stream_setting_subsection_title {
|
|||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.new-stream-name,
|
||||
.stream-rename-button {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.settings_committed {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.subscriber-list-box {
|
||||
text-align: center;
|
||||
border: 1px solid hsl(0, 0%, 87%);
|
||||
|
|
@ -210,10 +142,6 @@ h4.stream_setting_subsection_title {
|
|||
text-align: left;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
.form_inline input {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.subscriber-list {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
|
|
@ -278,13 +206,6 @@ h4.stream_setting_subsection_title {
|
|||
}
|
||||
}
|
||||
|
||||
.hide-subscriber-list {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
color: hsl(0, 0%, 67%);
|
||||
}
|
||||
|
||||
.subscriber-name,
|
||||
.subscriber-email {
|
||||
padding: 5px;
|
||||
|
|
@ -332,47 +253,17 @@ h4.stream_setting_subsection_title {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
#subscription-status {
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -100px;
|
||||
bottom: 30px;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#subscriptions h1 {
|
||||
font-size: 25px;
|
||||
font-weight: 300;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
#subscriptions .streams-icon {
|
||||
margin-right: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.change-stream-privacy {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.change-stream-privacy-feedback {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.subscriptions-overlay-bg {
|
||||
font: menu;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: hsla(0, 0%, 8%, 0.7);
|
||||
color: hsl(0, 0%, 27%);
|
||||
}
|
||||
|
||||
.subscriptions-container .subscriptions-header .fa-chevron-left,
|
||||
#settings_overlay_container .settings-header.mobile .fa-chevron-left {
|
||||
position: relative;
|
||||
|
|
@ -524,18 +415,6 @@ h4.stream_setting_subsection_title {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#preview_iframe {
|
||||
width: 100%;
|
||||
height: calc(100% - 45px);
|
||||
border: none;
|
||||
background-color: hsl(0, 0%, 98%);
|
||||
box-shadow: inset 0 0 50px hsla(0, 0%, 0%, 0.5);
|
||||
background-image: url("../images/preview-loading.png");
|
||||
background-size: 150px auto;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"].small {
|
||||
|
|
@ -747,12 +626,6 @@ h4.stream_setting_subsection_title {
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
.settings-dropdown-trigger {
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
color: hsl(0, 0%, 67%);
|
||||
}
|
||||
|
||||
&:hover .check:not(.checked) svg,
|
||||
&.active:hover .check:not(.checked) svg {
|
||||
fill: hsl(0, 0%, 87%);
|
||||
|
|
@ -793,10 +666,6 @@ h4.stream_setting_subsection_title {
|
|||
padding: 15px;
|
||||
}
|
||||
|
||||
.add-user-label {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.add_all_users_to_stream {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
|
@ -1254,7 +1123,3 @@ h4.stream_setting_subsection_title {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#stream-creation #invites-warning-modal .modal-footer {
|
||||
position: static;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -102,11 +102,6 @@ button {
|
|||
}
|
||||
}
|
||||
|
||||
&.task-completed {
|
||||
border-color: hsl(157, 18%, 77%);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.add-task,
|
||||
&.add-desc,
|
||||
&.poll-option,
|
||||
|
|
@ -121,10 +116,6 @@ button {
|
|||
}
|
||||
}
|
||||
|
||||
img.task-completed {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
input,
|
||||
button {
|
||||
&.add-task,
|
||||
|
|
|
|||
|
|
@ -178,10 +178,6 @@ p.n-margin {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.border-radius {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.history-limited-box {
|
||||
color: hsl(16, 60%, 45%);
|
||||
border: 1px solid hsl(16, 60%, 45%);
|
||||
|
|
@ -545,10 +541,6 @@ li,
|
|||
margin-left: -8px;
|
||||
}
|
||||
|
||||
.btn-large {
|
||||
font-size: 115%;
|
||||
}
|
||||
|
||||
/* Classes for hiding and showing controls */
|
||||
|
||||
.notdisplayed {
|
||||
|
|
@ -645,13 +637,6 @@ strong {
|
|||
}
|
||||
}
|
||||
|
||||
.message-edit-tooltip-inner {
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: -18px;
|
||||
}
|
||||
|
||||
.narrow-filter {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
|
@ -1055,14 +1040,6 @@ td.pointer {
|
|||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
We can't collapse the floating recipient bar yet, so this is
|
||||
just a temporary hack.
|
||||
*/
|
||||
.messages-collapse {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.message_header_private_message {
|
||||
border-bottom: 0;
|
||||
border-left: 0;
|
||||
|
|
@ -1158,36 +1135,6 @@ td.pointer {
|
|||
}
|
||||
}
|
||||
|
||||
.summary_row {
|
||||
.message_header {
|
||||
padding: 5px 0 4px 5px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&.last_message {
|
||||
.message_header {
|
||||
border-bottom-right-radius: 3px;
|
||||
box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
|
||||
inset -2px 0 1px -2px hsl(0, 0%, 20%),
|
||||
inset 0 -2px 1px -2px hsl(0, 0%, 20%);
|
||||
}
|
||||
|
||||
.summary_colorblock {
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bookend_tr + .summary_row {
|
||||
.message_header {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
.summary_colorblock {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.copy-paste-text {
|
||||
/* Hide the text that we want copy paste to capture */
|
||||
position: absolute;
|
||||
|
|
@ -1196,15 +1143,6 @@ td.pointer {
|
|||
width: 0;
|
||||
}
|
||||
|
||||
.summary_row_private_message .summary_colorblock {
|
||||
background-color: hsl(0, 0%, 0%);
|
||||
}
|
||||
|
||||
.messages-expand,
|
||||
.messages-collapse {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
|
|
@ -1425,18 +1363,6 @@ a.dark_background:hover,
|
|||
font-size: 60%;
|
||||
}
|
||||
|
||||
.actions_hovered {
|
||||
.message_time,
|
||||
.info {
|
||||
color: hsl(200, 100%, 40%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.actions_link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.settings-forgot-password {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
|
@ -1584,15 +1510,6 @@ div.focused_table {
|
|||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.select_edit_stream {
|
||||
margin-bottom: 5px !important;
|
||||
border-left: 0;
|
||||
padding-left: 0;
|
||||
border-radius: 3px;
|
||||
margin-left: -10px;
|
||||
text-indent: 10px;
|
||||
}
|
||||
|
||||
#inline_topic_edit:focus,
|
||||
#message_edit_topic:focus {
|
||||
outline: none;
|
||||
|
|
@ -1689,14 +1606,6 @@ div.focused_table {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.brand.skinny-user-gravatar {
|
||||
display: table-cell;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.top-navbar-border {
|
||||
border-right: 1px solid hsl(0, 0%, 88%);
|
||||
border-left: 1px solid hsl(0, 0%, 88%);
|
||||
|
|
@ -2229,19 +2138,6 @@ nav {
|
|||
height: 25px;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.company-name {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
text-transform: uppercase;
|
||||
margin-top: 12px;
|
||||
margin-left: 8px;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
color: hsl(170, 48%, 54%);
|
||||
letter-spacing: 0.1em;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -2386,10 +2282,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
|||
height: 20px;
|
||||
}
|
||||
|
||||
.topic_move_spinner {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#invitee_emails {
|
||||
min-height: 40px;
|
||||
max-height: 300px;
|
||||
|
|
@ -2534,11 +2426,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Override padding-top on form labels when they label only text */
|
||||
.form-horizontal .label_for_text {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#pw_change_controls {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -2680,18 +2567,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
|||
z-index: 20000;
|
||||
}
|
||||
|
||||
.tutorial-done-button {
|
||||
text-align: right;
|
||||
margin-top: 9px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.btn-skip {
|
||||
position: relative;
|
||||
left: -10px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.deactivated_user .deactivated-user-icon {
|
||||
color: inherit;
|
||||
margin-left: 2px;
|
||||
|
|
@ -2727,18 +2602,10 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
.display-tooltip {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.hotkey-hint {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
select.inline_select_topic_edit {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.flatpickr-calendar {
|
||||
/* Hide the up and down arrows in the Flatpickr datepicker year */
|
||||
.flatpickr-months .numInputWrapper span {
|
||||
|
|
@ -2944,11 +2811,6 @@ select.inline_select_topic_edit {
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
.skinny-user-gravatar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#streamlist-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue